Senin, 23 April 2012

tutorial web menggunakan dreamwaver

Diposting oleh ananda bunga di 20.11 0 komentar

TUTORIAL MEMBUAT WEB MENGGUNAKAN DREAMWAVER
untuk membuat sebuah web menggunakan aplikasi dramwaver yang kita butuhkan pertama adalah design tamplate dari web tersebut.untuk memudahkan pengerjaannya,saat ini banyak design tamplate untuk web yang dapat kita unggah secara gratis.setelah kita tentukan seperti apa design tamplate yang kita inginkan kita buka folder design tersebut dan cari sebuah data bernama INDEX.HTML lalu buka data tersebut dengan aplikasi dreamwaver


karna disini design template sudah jadi kita tinggal isi atau modifikasi sesuka kita.disini saya menggunakan sebuah design template bernama bubble.



MEMBUAT BACKGROUND DENGAN FILE SENDIRI.
agar tampilan halaman web kita menjadi lebih menarik background dari design tamplate yang kita gunakan bisa kita ubah dgn file gambar yang kita miliki caranya klik kanan dihalaman background tamplate yang pilih menu page properties



lalu akan muncul kotak pengaturannya.langsung saja kita pilih menu background image.untuk memilih file foto yang akan kita masukan kedalam design tamplate kita tekan tombol browse disebelah kanan.



pilih lokasi folder dimana file disimpan dan tentukan file mana yang akan kita jadikan background.



setelah itu tekan tombol ok di pojok kanan halaman.
hasilnya:


ada beberapa tamplate yang backgroundnya ternyata sudah ditentukan dan file gambar tersebut sudah masuk kedalam kodingan design template nya.agar memudahkan pengerjaan kita cukup kopi file gambar mana yang akan dijadikan background kedalam folder image didalam folder design tamplate yg kita gunakan lalu ubah nama file tersebut seperti nama file background template sebelumnya.




                                            

MENGUBAH WARNA,BESAR ,DAN JENIS TULISAN.
agar tulisan kita lebih menarik kita gunakan fasilitas yang ada dalam dreamwaver untuk mengubah warna ,besar dan jenis tulisan yang akan kita muat dalam halaman web kita. caranya blok dulu tulisan atau huruf yang akan kita ubah lalu kita gunakan fasilitas yang ada di pojok kiri bawah halaman dreamwaver.



MEMASUKAN GAMBAR KE HALAMAN WEB
selain tulisan biasanya agar web lebih menarik kita masukan gambar gambar yang akan mendukung infirmasi dalam web kita.cara memasukan gambar kedalam halaman web cukup tekan toolbar image pada bagian atas dreamwaver.lalu pilih foto mana yang akan kita masukan kedalam halamna web kita.
setelah itu tekan tombol ok pada pojok kanan layar.





    


MEMBUAT LINK DENGAN TULISAN YANG ADA DI WEB
sebuah halaman web pasti mempunyai lebih dari satu halaman untuk memuat informasi yang ada dalam web tersebut.disini kita gunakan link untuk menghubungkan antara halaman yang satu dengan halaman yang lainnya.pertama tama kita blok tulisan / gambar  yang nantinya jika ditekan akan mengubungkan ke halaman berikutnya .                                 

lalu kita ganti kolom link yang verada di pojok kanan bawah halaman dreamwaver dengan alat tujuan kemana halamn berikutnya berada dengan menekan icon folder dan pilih halaman mana yang menjadi tujuan kita.


untuk mengubungkan halaman web kita dengan web lain pun caranya sama.kita tinggal menyertakan halaman web tujuan ke dalam kolom link tersebut.


 

haha hihi my life Copyright © 2010 Designed by Ipietoon Blogger Template Sponsored by Emocutez