Cara Membuat Website Menggunakan Dreamwaver step by step
Pada postingan kali ini saya mau berbagi sedikit ilmu saya
mengenai cara membuat website menggunakan macromedia dreamwaver. Pada dasar
pembuatan tampilan web kita akan menggunakan software yang namanya macromedia
dreamwaver atau bisa juga adobe dreamwaver.
Biasanya saat saya mendesain tampilan web saya menggambar
terlebih dahulu pola web saya, tapi kali ini kita memulai dari yang dasar dulu
saja ya biar gak bingung nanti saya lanjutkan ke tingkat yang lebih oke
ditambah-tambah sedikit pakai photoshop biar webnya makin woookee. Baiklah pada
part ini perhatikan dengan seksama ya gan.
- Buka
Terlebih dahulu aplikasi macromedia dreamwaver atau adobe dreamwaver. Lalu ada
bagian tulisan Create New pilih HTML.
- Pastikan
tampilan dreamwaver anda seperti gambar dibawah ini.
Pilih mode Split pada menu bar diatas atau ikuti gambar berikut.
- Pada tahap tiga ini kita langsung saja membuat table biar langsung keliatan hasilnya Klik pada menu yang ada diatas pilih insert >> Table atau bisa menekan Ctrl+Alt+T.
Isilah persis seperti gambar diatas pada Rows 3 Columns 3 kalau sudah klik OK. - Lalu klik bagian sudut kiri atas pada table seperti yang ada pada gambar.
- Apabila sudah anda klik sudut table tersebut, pada menu properties yang ada di bagian bagian bawah isilah W (width) dengan 800 dan H (height) 600.
- Setelah itu aturlah agar table-tabel tersebut membentuk seperti tampilan website, anda bisa menyesuaikan sendiri untuk sebuah halaman anda kali ini saya buat 3 collumn saja.
- Ketujuh berilah warna pada table anda agar terlihat lebih menarik caranya klik pada bagian table lalu pada menu properties yang ada di bawah terdapat tulisan BG lalu klik dan pilih warna sesukamu.
- Lanjutkan pada tahap pewarnaan tersebut agar menjadi seperti yang anda suka. Dan pada bagian kotak yang tengah isilah dengan kata-kata sambutan seperti “welcome to my web” dll..
- Setelah selesai tahap-tahap di atas savelah di manapun anda mau dengan nama index.html, lalu tekan F12 untuk melihat web anda di firefox.
Dan inilah tampilan web sederhana yang telah kita
buat pada tutorial kali ini dengan menggunakan macromedia dreamwaver8.
Hehe
baru tau kan serunnya membuat website, tanpa harus hafal script html. dan ini
salah satu website saya yang telah saya upload http://boniakbar.co.cc
Maaf apabila artikel ini kurang jelas maka anda bisa bertanya melalui kotak komentar dibawah :D
Category: Dreamwaver Tutorial , Tutorial Bikin Web , Web Basic








Be the First one to Response to this Post!
Post a Comment