Dasar-dasar Macromedia Dreamweaver

Pada kesempatan ini saya akan sharing tentang Dasar-dasar Macromedia Dreamweaver. Semoga blog ini dapat bermanfaat dan membantu teman-taman untuk mengetahui Dasar-dasar Makromedia Dreamweaver. Langsung saja kita masuk pada langkah-langkahnya:

1.Kita jalankan Makromedia Dreamweaver, dan tampilanya akan muncul seperti gambar.

2.Setelah itu pada tampilan Dreamweaver kita pilih create New HTML, tampilanya seperti gambar.

3.Kemudian kita akan membuata site baru, dengan cara kita pilih menu site.

Setelah itu kita klik new site. maka tampilannya seperti gambar di bawah, kita buat nama web sesuwai keinginan, lalu klik next.

4.Lalu klik next.

5.Pilih next.

6.Untuk lokasi penyimpanan file, silakan di pilih sesuai keinginan anda. lalu next.

7.Kita klik Done.

8.Maka pada panel Files (terletak disebelah kanan jendela kerja) akan muncul seperti gambar di bawah.

9.Masuk ke Desaign Area, Ketikkan : RUMAH MAKAN <shift + Enter> ISHACKU MUNK ICKY <enter> Jalan Berbatu-batu No. 10A Yogyakarta. Telp. (0274) 8765432 (Hunting) dan amati pada code area dan desaign area perbedaan penekanan tombol <shift + enter> dengan <enter>, kemudian pilih menu : Insert -> HTML -> Horizontal Rule. selanjutnya blok malai dari kata RUMAH hingga ICKY pada properties Inspector rubah Format menjadi Heading 3. Sehingga akan muncul tampilan di bawah ini

10.Masuklah ke code area, Rubah <h3> dan </h3> menjadi <h1> dan </h1>, kemudian tekan F5 agar perubahan langsung terefleksi di Design Area. Untuk pengaturan properties untuk tag, selain menggunakan inspector properties bisa juga dengan tag editor, yaitu memilih teag yang akan di edit. selanjutnya pilh tag <hr/> pada jendela code, atau klik horizontal rule pada jendela desain. Tekan F5, maka tampilannya.

11.Kemudian kita amati perubahannya, simpan file dengan nama (apa saja).HTML sehingga dalam panel fales akan terlihat seperti gambar.

12.Setelah itu kita jalankan file ke browser dengan menekan tombol F12 atau pilih menu file-> preview in browser yang di inginkan, sehingga di browser akan tampil gambar.

 13.Kita tambahkan tulisan paragraf seperti pada gambar di bawah.

 
 

TERIMAKASIH.!!!!

Continue Reading