Dasar-Dasar Macromedia Dreamweaver 8
1. Insert bar berisi tombol_tombol untuk memasukkan barbagai type "object", seprti image,table,form dan layer, ke dalam document dreamweaver. setiap object merupakan bagian dari kode HTML yang memungkinkan untuk melakukan berbagai setting atribut object yang di masukkan tersebut. contoh, untuk memasukkan table HTML dapat di lakukan dengan cara klik tombol yang ada di insert bar.
2. Document toolbar tombol yang berfungsi memudahkan pengembang untuk menggunakan fasilitas yang di sediakan Dreamweaver. Pada toolbar ini, terdapat tombol-tombol untuk mengubah mode jendela dokumen yang di tampilkan dan tombol lain.
3. Panel Group merupakan kumpulan panel berupa tab-tan pilihan yang mempunyai fingsi berbeda-beda. Panel adalah sebuah jendela untuk memudahkan pembuatan desain web dengan meanmpilkan informasi pendukung pada jendela informasi sehingga anda dapat mengedit dan memnfaatkan data yang ada pada area tersebut.
4. Tag selctor menampilkan tag yang di seleksi pada area desain. Anda dapat menyleksi bagian desain dangan memilih tag yang sesuai. Sebagai contoh, untuk menyeleksi semua elemen halaman, klik tag <body>.
5. Panel files : semua file (html, image, swf) jika anda telah mendifinisikan suatu site ke dalam area kerja Dreaweaver.
6. Properties inspector menampilkan property dari objek yang kita pilih di dalam dokumen atau unutk melakukan pengeditan pada suatu elemen di document window.
Setelah kita mengenal tool pada dreamweaver kita buat web sederhana
1. Double klik pada ikon dreamweaver.
2. Klik file > New dan pilih HTML untuk membuat lembar karja baru HTML. klik Create
3. Jika ingin tampilan lembar kerja seperti pada gambar maka klik Split pada gambar ditandai dengan panah warna merah.
4. Selanjutnya membuat site baru dengan pilih menu site > New site
5. Maka akan muncul tampilan semperti pada gambar ini. ubah nama site-nya. dan klik next
6. Pilih no, dan klik next
7. Pada tampilan selanjutnya tandai edit local, lalu atur lokasi penyimpanan file dan klik next
8. Muncul tampilan seperti ini pilih saja none, klik next
9. Klik done
10. Maka pada panel file akan muncul site yang anda buat.
11. Selanjutnya masuk ke desain area atau pada lembar kerja paling bawah dan ketikkan seperti pada gambar di bawah ini.
Tekan Shift+enter jangan di enter saja tanpa Shift kerena hasilnya akan berbeda.
12. selanjutnya edit tag dengan klik kanan pada tag yang akan kita edit, lalu pilih edit tag.
13. Edit tag sesuai yang anda butuhkan.
Maka pada kode area akan berubah dengan sendirinya.
14. Untuk penyimpanan file, simpan file dengan nama sesuai keinginan dengan format HTML sehingga pada panel file akan terlihat seperti pada gambar di bawah.
15. jalankan file dengan menekan tombol F12 sehingga di browser akan tampil seperti ini :
Semoga Bermanfaat !!!
Comments
Post a Comment