Membuat Web Home Page pada Dreamweaver

Langkah-langkah membuat web home page pada dreamweaver adalah..

1. Buatlah 4 file yang diberi nama home, profile, main, gallery. Save dengan ekstensi .html. Ketika klik new pada insert, akan muncul tampilan seperti gambar disamping. Pilih page type HTML dan layout dengan none. Klik create.


2. Pada file main, klik insert pada menu bar, pilih HTML -> Frames -> klik ‘left nested top’.


3. Dari hal yang sudah dilakukan sebelumnya, maka akan muncul tampilan seperti gambar disamping. Pada tampilan ini klik Ok apabila sudah sesuai yang dibutuhkan.


4. Pada kolom kiri, tuliskan beberapa menu dengan menggunakan symbol yang dapat dipilih pada menu properties.


5. Kemudian masuk ke file gallery. Pada file ini diharuskan untuk memasukan setidaknya 3 gambar. Hal yang harus dilakukan adalah klik insert pada menu bar kemudian pilih Image, atau cara cepatnya adalah ctrl+alt+i.


6. Setelah gambar diinput, masuk ke menu code. Masukan <marquee> sebagai tanda bahwa gambar akan bergerak dan diakhiri </marquee>. Fungsi dari direction adalah untuk menentukan kemana arah gambar akan bergerak.


7. Setelah memasukan gambar dan menulis kalimat di file home, selanjutnya adalah menghubungkan file. Pertama blok menu yang sudah dibuat sebelumnya, kemudian klik pada link di menu properties. Pilih file yang akan digabungkan.


8. Ubah target menjadi mainframe.


9. Setelah selesai, save file kembali dan jalankan dengan menggunakan F12, atau langsung klik file mainframe. Lalu setiap menu yang sudah kita buat di klik, maka akan me-link ke file home, profile dan gallery

Apabila klik Home, akan muncul tampilan seperti gambar dibawah ini..




Apabila klik Profile, akan menampilkan file profile. Tampilan seperti di bawah ini..



Dan, jika klik Gallery, akan muncul gambar seperti yang sudah dimasukan di file gallery.html.




Comments

Popular posts from this blog

Penggunaan Bahasa Indonesia Secara Baik dan Benar

Algoritma Greedy

Kepemimpinan