Rabu, 12 Maret 2014

CARA MEMBUAT WEBSITE DENGAN MENGGUNAKAN DREAMWEAVER

Pertama tama sebelum membuat sebuah website, penting untuk kita membuat sebuah folder yang berisi konten konten yang akan dimasukan dalam website tersebut seperti gambar maupun text.
berikut langkah langkah membuat website melalui dreamweaver:

1. Bukalah aplikasi adobe dreamweaver kemudian klik HTML


2. Kemudian buka lembar kerja 1 untuk selanjutnya pilih split pada menu bar


3. Pilih menu format yang ada di menu bar kemudian klik align dan pilih center, hal ini agar judul berada ditengah text


4. Klik format - paragraph - heading untuk mempertegas judul


5. Tuliskan judul untuk text yang akan anda buat, contohnya disini saya menuliskan "TUGAS INI GAMPANG"


6. Pilih menu insert kemudian pilih table, table disini akan berfungsi sebagai menu bar pada website yang akan anda buat.



7. Setelah melakukan langkah ke 6 maka akan muncul kotak seperti tampak di gambar, kotak ini berfungsi untuk mengatur jumlah rows (kotak kebawah) dan column (kotak kesamping), disini saya memilih 7 untuk rows dan 4 untuk column


hasilnya akan seperti ini


8. Pilih menu hyperlink untuk menyatukan 2 buah halaman dengan terlebih dahulu menyimpan halaman pertama dengan file - save as.

9. Buatlah dokumen baru dengan membuka lembar kerja kedua dengan cara klik file - new - HTML lalu pilih create


10. Isi halaman kedua dengan kategori yang sudah dibuat pada halaman pertama, contohnya disini saya menulis profile, maka dilembar kedua ini saya menuliskan profile beserta konten yang berada didalamnya.



11. Tambahkan gambar dengan cara insert - image dengan mengambil gambar yang telah dimuat didalam folder.


hasilnya seperti ini



12. Simpan lembar kedua pada folder yang sama dengan tempat menyimpan lembar pertama.

13. Halaman kedua akan dimuat di halaman ke1 dengan cara buka lembar kerja 1 kemudian blok text "profile" pada tabel kemudian pilih insert hyperlink.


maka akan muncul kotak kemudian isikan kolom link - browse kemudian pilih 2 (lembar kerja kedua) yang telah dipilih sebelumnya. maka hasilnya akan seperti ini.


14. Website yang simpel pun telah jadi, bisa kita lihat dengan menyimpan file dengan format . (dot) HTML yang apabila dibuka akan seperti ini 



15. Untuk menguji apakah website kita telah jadi dan benar benar bisa terhubung dengan halaman lainnya maka kita coba untuk mengklik "profile" dan akan bersambung ke halaman baru seperti pada gambar dibawah ini.





Tidak ada komentar:

Posting Komentar