Minggu, 23 Februari 2014

Tutorial Mengganti Background HTML pada Adobe Dreamweaver

Hai blog yang telah usang karena dalam beberapa bulan enggak pernah gue buka dan gue otak-atik :)
Sekarang gue bakal rutin nulis disini, di blog ini, selama 1 semester kedepan.
Kenapa? Karena demi memenuhi salah satu nilai dimata kuliah semester 4 ini, yaitu Web Design yang dosennya itu adalah Ibu Niputu Nurwita Pratami. :)
Sekarang bakal gue jabarin step by stepnya cara mengganti background HTML pada Adobe Dreamweaver yang baru aja minggu lalu dikasih materi oleh dosen Web  Design gue, yang pastinya postingan kali ini akan berguna banget buat gue mengingat materi tentang Web Design dan juga membantu orang lain yang sama-sama lagi belajar Adobe Dreamweaver. :)
Langsung aja Yuk!! ;)

1. Langkah pertama

Pada tahap ini dimisalkan lembar kerja sudah dalam keadaan selesai di isi oleh si pembuatnya. 

Gb1. Keadaan lembar kerja pada Adobe Dreamweaver

Langkah pertama, klik Page Properties yang ada di bawah lembar kerja HTML. Lihat pada Gb2 yang dilingkari garis merah.

Gb2. Klik Page Properties

Setelah mengklik Page Properties maka akan muncul kotak seperti dibawah ini.

Gb3. Kotak yang muncul setelah mengklik Page Properties

2. Langkah kedua

Pada langkah ini pilih Appearance (HTML) yang ada pada kotak Page Propeties dan ada didalam pilihan categori. Lihat pada Gb4 yang dilingkari garis merah.

Gb4. pilih Appearance (HTML) untuk mengganti background HTML

3. Langkah ketiga

Pada langkah ini klik Background untuk memilih warna pengganti background HTML.  Lihat pada Gb5 yang dilingkari garis merah.

Gb5. pilih warna pada menu background

Setelah mengklik menu background  maka akan muncul berbagai pilihan warna yang anda sukai. Berikut adalah pilihan warnanya.

Gb.6 pilihan warna yang tersedia untuk mengganti warna background HTML

4. Langkah keempat

Pada langkah keempat ini, sekaligus langkah terakhir pada tutorial mengganti background HTML pada Adobe Dreameaver. Setelah anda memilih warna yang anda sukai dan menarik, maka anda klik OK untuk mengganti background HTML tersebut. Pada tutorial ini saya memilih warna orange sebagai warna kesukaan saya. :)
Gb7. Pilih OK pada kotak Page Properties untuk mengganti background HTML

Gb8. Tampilan HTML setelah diubah warna backgroundnya

Akhirnya selesai juga "Tutorial Mengganti Background HTML pada Adobe Dreamweaver" ini dibuat. Semoga Tutorial ini bermanfaat buat kita semua dalam proses belajar tentang web design dan sampai jumpa pada tutorial selanjutnya yang masih mengenai Adobe Dreamweaver yang topiknya masih dirahasiakan.
Selamat Belajar Adobe Dreamweaver dan teruslah kreatif dan imajinatif dalam berkarya! :)