Sabtu, 19 September 2009

WEB INTERFACE FOR SMS GATEWAY

SMS GATEWAY COMMUNITY
By Denny Kusuma H
denny@mobilecommlab.or.id

Langkah-langkah untuk membuat tampilan web :
1.Buka adobe photoshop CS3
2.Pilih menu File > New. Bagian nama isi dengan smsgateway dan bagian preset pilih Web. Klik OK
3.Buat design tampilan web sesuai keinginan anda.
4.Kemudian potong bagian yang ingin anda sisipi informasi dari database (inbox/outbox/sent item) dengan menggunakan menu slice tool.


















5.Lalu klik File > Save for Web & Devices > Save
Untuk Save as type pilih HTML and images (*.html)
6.Simpan di C:\xampp\htdocs
7.Edit file smsgateway.html dengan Adobe Dreamweaver.
8.Pilih menu split agar terlihat source code dan tampilan designnya.





9.Kemudian klik kemudian delete pada bagian yang ingin anda sisipi dengan informasi database.
10.Buat table (rows=1 , columns=1)didalam design yang telah dihapus tadi.







11.Ubah ukuran table sesuai ukuran bagian design yang telah anda hapus.
12.Tuliskan pada source code









Sehingga kursor pada tabel berada pada posisi atas dan anda memasukkan sintaks php didalamnya.
13.Kemudian buat inbox.php dengan menggunakan notepad dan simpan di directory yang sama dengan file smsgateway.html pada directory C:\xampp\htdocs













Kemudian save as tulis file name dengan inbox.php dan pilih save as type dengan All Files. Lalu klik save.
14.Untuk membuat design agar berada pada posisi tengah maka tuliskan








Sehingga design anda berada pada tengah layar
15.Sehingga hasil akhirnya
Smsgateway.php

























Inbox.php















16.Lalu save as semua tampilan web yang telah anda buat dengan cara File > save as lalu isi file name dengan smsgateway.php dan pilih save as type All Files (*.*)
17.Untuk melihat tampilan web anda buka browser lalu ketik localhost/smsgateway.php
18.Dalam pembahasan kali ini tidak dibahas jauh mengenai tampilan web. Untuk lebih lanjut baca materi tentang Dreamweaver, html, php.

NB: Dilarang keras mengcopy atau menulis ulang isi posting ini tanpa seizin penulis!!!
Penulis berhak mengajukan dan memberikan sanksi atas plagiat terhadap isi posting ini…
.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.

0 komentar:

Posting Komentar

Voltar Avançar Inicio
 

Topo