Cara Membuat Website Sederhana Dengan Dreamweaver Part 1
Berikut ini adalah Tutorial Membuat Website Sederhana dengan Menggunakan Macromedia Dreamweaver. Kenapa harus Dreamweaver? Supaya mudah aja. Sebenarnya bsa menggunakan Notepad atau Notepad++ tapi tentunya akan sedikit ribet karena harus menghapal tag tag html yang banyak dan Visualnya gak bias dilihat langsung.
Langkah Pertama untuk membuat Cara Membuat Website Sederhana Dengan Dreamweaver ini adalah
Klik Gambar Untuk Memperbesar
1. Aktifkan Webserver terleih dahulu. Bisa menggunakan Xampp atau Wampp. Yang terpenting aktifkan Apachenya.
2. Buka Dreamweaver, kemudian piih New dan Klik Frameset dan carilah bentuk yang diinginkankan. Misalnya Fixed Top, Nested Left dan Klik Create.
3. Jika tampil Menu Frame Tag Accessibility Attributes maka bias di O.K kan saja.
4. Sebelum dimulai silahkan disimpan terlebih dahulu. Buatlah sebuah folder dalam htdocs jika menggunakan Xampp. Atau dalam WWW jika menggunakan Wampp.
5. Setelah itu, Klik File ambil Save All dari cari folder yang dibuat dalam Htdocs atau WWW tadi kemudian open folde tersebut. Jika Foldernya sudah terbuka maka akan tampil menu penyimpanan pertama yang menampilkn seluruh frame maka bisa disimpan dengan nama index.html.
Kemudian akan tampil penyimpanan selanjutnya yaitu pada bagian tengah frame maka bisa disimpan dengan nama main.html.
Kemudian akan tampil penyimpanan selanjutnya yaitu pada bagian tengah frame maka bisa disimpan dengan nama main.html.
Setelah itu akan tampil penyimpanan pada bagian frame kiri dan simpan dengan nama left.hml.
Terakhir akan tampil penyimpanan untuk bagian atas frame bisa disimpan dengan nama Top.html.
6. Kemudian setiap frame tengah, kiri ataupun bagian atas diberi warna untuk latarbelakangnya dengan cara klik kanan pada setiap bagian misalnya bagian tengah kemudian ambil page properties. Tampil jendelan menu dan gantilah background colornya dengan warna yang disukai. Kemudian klik O.K
8. Pada Baris Pertama Gabungkan kelima Columnnya dengan cara di Blok kelima Columnnya Klik Kanan Ambil Table kemudian Merge Cell.
9. Pada Baris Satu Buat “Halaman Utama Website Saya”
10. Pada Baris Dua Kolom satu “Home”, Kolom Dua “Profil”, Kolom Tiga “Hubungi Kami”
11. Pada Bagian Tengah atau Main.html buatlah Tulisan Selamat Datang
12. Setelah itu buat dua buah file html lagi untuk profil dan hubungi kami. Caranya Almbil File – New – Basic Page Lalu Pilih HTML dan Create
13. Hubungakn halaman Profil.html tersebut ke halaman frameset yang telah dibuat. Caranya Blok terlebih dahulu Tulisan Profil pada Top.html kemudian ambil Insert – Hyperlink Isilakan linknya ke Profil.html. Dan Targetnya adalah Mainframe kemudian O.K
14. Hasilnya bias dilhat di Browser
15. Selesai.
Dan Inilah Video Tutorial Cara Membuat Website Sederhana Dengan Dreamweaver Part 1
Dan Inilah Video Tutorial Cara Membuat Website Sederhana Dengan Dreamweaver Part 1
