Prodi Sistem Informasi | Belajar HTML dan PHP | Skripsi SI
Pesantren Katabah
1000 Penghafal Quran
Pengobatan Ruqyah Mandiri
Sistem Informasi (S1)
Manajemen Informatika
Blog | Kontak | Siap Kerja | Sertifikat | PrivacyPolicy | Inggris Arab | Daftar Isi

Saturday, May 3, 2014

Cara Mengetahui Kode Warna Untuk HTML PHP Dengan Macromedia Dreamweaver


Dalam penulisan kode HTML, warna biasanya ditulis dengan kode, bukan dalam kata seperti red, yellow, green ataupun nama warna lain, misalnya:
#FF0000: untuk merah
#FFFF00: untuk warna kuning
#00FF00: untuk Hijau

Memang untuk warna-warna dasar seperti di atas bisa saja kita menuliskan bahasa Inggris, seperti red, yellow, green. Namun akan kerepotan ketika ingin menggunakan warna yang merahnya hanya 70%. Istilah lainnya, kita mengenal warna merah muda, tapi mudanya kan relatif, seberapa muda sih warna merah yang kita inginkan. Kuning juga, bisa kuning pekat atau agak kuning (Sunda: saheab).


Jadi, menggunakan kode warna relatif lebih efektif daripada menuliskan nama warnanya. J Namun demikian, menghapal kode warna juga bukan hal yang mudah, sehingga mencoba-coba warna bisa jadi pilihan. Langkahnya seperti ini:

1.      Buka Macromedia Dreamweaver 8
2.      Agar lebih mudah, kita buat sebuah tabel
3.      Klik Insert – Table


4.      Lakukan setting berikut:
·         Rows: 3
·         Column: 3


5.      Klik tombol OK
6.      Isi data tabelnya seperti ini:


7.      Klik tulisan “Kotak Merah”
8.      Klik Background Color (tulisan Bg yang dilingkari merah)
9.      Klik warna merah (atau sesuai kebutuhan)

Langkah di atas untuk mewarnai background. Sedangkan untuk mewarnai huruf, ikuti langkah berikut ini:

10.  Blok tulisan “Teks Hijau”
11.  Klik tanda Text Color (yang dilingkari merah


12.  Klik warna hijau (atau sesuai kebutuhan)
13.  Untuk melihat kode warna yang sudah kita pilih, klik tab Code

 Keterangan:
Kode warna dilingkari warna merah.


Catatan:
Kotak Kuning, Kotak Hijau, Teks Merah, dan Teks Kuning blum diwarnai, sehingga bisa dijadikan latihan buat teman-teman ya… J

"Boleh Konsultasi Masuk Jurusan Sistem Informasi via IG atau Tiktok."
Tips Skripsi Program Studi Sistem Informasi

2 comments:

  1. Assalamu'alaikum pak ...
    saya desi yang kmren-kmren menanyakan html yg terkunci, terimakasih pak sekarang sudah bisa, normal lagi ^_^

    ReplyDelete
    Replies
    1. Wa'alaikum salam wr. wb.
      Sama-sama. Semangat terus bloggingnya ya ...

      Delete