Cara Membuat Dreamweaver Sederhana

Cara Membuat Dreamweaver Sederhana

Untuk praktek kali ini saya akan coba membuat desain web sederhana dengan mengguanakan aplikasi Macromedia Dreamweaver 8. Adapun langkah-langkahnya sebagai berikut :

Langkah pertama yang saya lakukan adalah membuka aplikasi Macromedia Dreamweaver 8

Setelah selesai membuka aplikasi Dreamweaver akan tampil gambar seperti dibawah ini

Dan kita pilih menu “HTML” untuk memulai membuat desain.

Setelah itu kita pilih “Spite” untuk meruba tampilan kerja

Setelah itu kita pilih menu “site” yang ada diatas untuk membuat site baru.

Kemudian kita klik kotak yang ada disamping dan untuk memberi judul pada site, setelah memberi judul klik next

Setelah itu kita beri tanda pada pilihan yang ada disamping dengan cara memilih salah satu pilihan. Untuk sementara ini karena tampilan web kita hanya sederhana kita pilih no, dan klik next.

Setelah itu kita atur media penyimpanan untuk sitenya dengan cara mengklik gambar folder yang ada disamping.

Setelah itu kita ruba “local/network” menjadi “none” karena didesain kali ini kita belum menggunakan media internet.

Setelah itu akan ada tampilan seperti dibawah ini dan pilih done.

Kemudian akan tampilan dimana sitenya sedang diproses.

Setelah sitenya sellesai sitenya akan tampil dilayar sebelah kanan.

Setelah itu kita tuliskan coding dikode area sepertidibawah ini

Kemudian kita klik menu Insert ,HTML, dan Horizontal rule untuk menampilkan kode desain area

Setelah itu kita edit tag dengan cara mengklik kanan pada garis bawah yang ada pada kode desain.

Setelah tag editornya terbuka kita edit dulu generalnya, untuk “alignment : center (default)”, “Width : 80%”, dan ”Height : 5 dan pilih Ok.

Setelah itu kita edit tag editor “Browser Specific” fungsinya memberi warna pada garis, lalu klik Ok.

 

Kemudian akan ada penambahan coding yang terjadi dikode area.

Setelah itu kita ketik perintah dikode desain seperti pada contoh dibawah ini.

Dan ingat pada saat anda selesai menuliskan sebuah perintah disatu baris dikode desain, ketika anda ingin menambahkan baris berikut anda tekan “shift + enter”, dan ketika anda ingin membuat paragraf baru anda tekan “enter”.

Setelah selesai anda simpan filenya dengan cara  pilih“File, dan Save as”, dan jangan lupa untuk menambahkan .Html didepan nama file yang anda simpan.

Setelah anda selesai menyimpan file sekarang kita lihat desain webnya dengan cara pilih “file, priview in browser, dan pilih menu browser yang ingin anda buka.

Dan ini hasil dari tampilan Web setelah dibuka dibrowser.

Demikian dari saya semoga pembelajaran ini bisa bermanfaat bagi teman-teman sekalian.

Terima Kasih.