CARA MENAMBAHKAN GAMBAR DI PORTAL DAN KODE WARNA DI HTML
ASSALAMU'ALAIKUM WR. WB.
A. PENGERTIAN
PORTAL adalah sejenis alamat web sebagai titik awal dalam menjelajah web
B. MAKSUD DAN TUJUAN
Agar pembaca tidak perlu mencari kesana kesini tentang kode warna html dan bagaimana cara menambahkan gambar untuk background portal
C.LATAR BELAKANG
Latar belakang saya mengepost ini adalah biar saya selalu ingat apa yang ernah saya buat dan sebagai mempry saya jika saya ingin mencoba lagi tetapi tutor-nya lupa
D.ALAT YANG DIBUTUHKAN
1 buah pc/laptop yang terinstall os dekstop
1 buah server
koneksi internet
E.WAKTU YANG DI BUTUHKAN
untuk mempraktikan cara penambahan gambarnya mungkin sebentar
tapi untuk penghafalan kode warnanya membutuhkan waktu yang lama
F. LANGKAH LANGKAH
WARNA HITAM DAN ABU-ABU (BLACK AND GRAY)
G.HASIL DAN KESIMPULAN
saya dapat menambahkan gambar dan saya bisa membuka blog saya bila mana saya lupa kode warna html
H.REFERENSI
http://www.w3schools.com/
DEMIKIAN SEDIKIT YANG DAPAT SAYA SAMPAIKAN JIKA ADA KATA YANG KURANG BERKENAN DI HATI PARA PEMBACA SAYA MEMINTA MAAF YANG SEBESAR BESARNYA
WASSALAMU'ALAIKUM WR. WB.
A. PENGERTIAN
PORTAL adalah sejenis alamat web sebagai titik awal dalam menjelajah web
B. MAKSUD DAN TUJUAN
Agar pembaca tidak perlu mencari kesana kesini tentang kode warna html dan bagaimana cara menambahkan gambar untuk background portal
C.LATAR BELAKANG
Latar belakang saya mengepost ini adalah biar saya selalu ingat apa yang ernah saya buat dan sebagai mempry saya jika saya ingin mencoba lagi tetapi tutor-nya lupa
D.ALAT YANG DIBUTUHKAN
1 buah pc/laptop yang terinstall os dekstop
1 buah server
koneksi internet
E.WAKTU YANG DI BUTUHKAN
untuk mempraktikan cara penambahan gambarnya mungkin sebentar
tapi untuk penghafalan kode warnanya membutuhkan waktu yang lama
F. LANGKAH LANGKAH
- Langkah pertama adalah anda harus sudah menginstal portal baik di server maupun localhost nah untuk cara menginstal portal bisa di buka di sini
- Nah jika sudah terinstall linux maka kalian tinggal masuk ke portal seperti biasa anda harus masuk sebagai su (super user) terlebih dahulu
- Jika sudah kalian masuk ke /var/www/html/portal tempat dimana portal sudah di unzip caranya ketikan cd /var/www/html/portal (portal tergantung nama yang sudah di unzip oleh kalian)
- Nah jika sudah kalian tinggal mengedit index.html caranya ketikan nano index.html
- Nah setelah itu kalian tekan enter nah jika sudah di enter maka akan muncul tulisan seperti di bawah ini
- Nah jika sudah maka kalian harus memasukan kode tulisan <body style="background-image:url(images1234.png)" > untuk yang di dalam kurung (...) tergantung nama gambar yang akan di jadikan background oleh kalian letakan tulisan di dalam body seperti di bawah ini yang sudah di blok oleh saya
- Nah jika tulisan tersebut sudah di masukan kalian tinggal menyimpannya dengan cara menngetikan ctrl + x lalu tekan y lalu enter
- Jika sudah di simpan coba masuk ke browser dengan cara mengetikan localhost/portal atau http://ip server/portal untuk tulisan portal sesuai dengan nama yang sudah di unzip di /var/www/html/ ya jadi jika di /var/www/html nama portalnya di ganti sriwijaya jadi di localhost / ip server menggunakan (/sriwijaya)
WARNA HITAM DAN ABU-ABU (BLACK AND GRAY)
| Warna | Nama | Kode |
|---|---|---|
| Black | #000000 | |
| Dark Slate Gray | #2F4F4F | |
| Slate Gray | #708090 | |
| Light Slate Gray | #778899 | |
| Dim Gray | #696969 | |
| Gray | #808080 | |
| Dark Gray | #A9A9A9 | |
| Silver | #C0C0C0 | |
| Light Gray | #D3D3D3 | |
| Gainsboro | #DCDCDC | |
| WARNA MERAH (RED) | ||
|---|---|---|
| Warna | Nama | Kode |
| Dark Red | #8B0000 | |
| Fire Brick | #B22222 | |
| Red | #FF0000 | |
| Crimson | #DC143C | |
| Light Salmon | #FFA07A | |
| Dark Salmon | #E9967A | |
| Salmon | #FA8072 | |
| Light Coral | #F08080 | |
| Indian Red | #CD5C5C | |
| WARNA MERAH MUDA(PINK) | ||
|---|---|---|
| Warna | Nama | Kode |
| Pale Violet Red | #DB7093 | |
| Medium Violet Red | #C71585 | |
| Deep Pink | #FF1493 | |
| Hot Pink | #FF69B4 | |
| Light Pink | #FFB6C1 | |
| Pink | #FFC0CB | |
| WARNA ORANGE | ||
|---|---|---|
| Warna | Nama | Kode |
| Orange | #FFA500 | |
| Dark Orange | #FF8C00 | |
| Orange Red | #FF4500 | |
| Tomato | #FF6347 | |
| Coral | #FF7F50 | |
| WARNA KUNING (YELLOW) | ||
|---|---|---|
| Warna | Nama | Kode |
| Dark Khaki | #BDB76B | |
| Khaki | #F0E68C | |
| Pale Goldenrod | #EEE8AA | |
| Peach Puff | #FFDAB9 | |
| Moccasin | #FFE4B5 | |
| Papaya Whip | #FFEFD5 | |
| Light Goldenrod Yellow | #FAFAD2 | |
| Lemon Chiffon | #FFFACD | |
| Light Yellow | #FFFFE0 | |
| Yellow | #FFFF00 | |
| Gold | #FFD700 | |
| WARNA HIJAU (GREEN) | ||
|---|---|---|
| Warna | Nama | Kode |
| Teal | #008080 | |
| Dark Cyan | #008B8B | |
| Light Sea Green | #20B2AA | |
| Dark Sea Green | #8FBC8F | |
| Medium Aquamarine | #66CDAA | |
| Dark Olive Green | #556B2F | |
| Olive | #808000 | |
| Olive Drab | #6B8E23 | |
| Yellow Green | #9ACD32 | |
| Dark Green | #006400 | |
| Green | #008000 | |
| Forest Green | #228B22 | |
| Sea Green | #2E8B57 | |
| Medium Sea Green | #3CB371 | |
| Spring Green | #00FF7F | |
| Medium Spring Green | #00FA9A | |
| Light Green | #90EE90 | |
| Pale Green | #98FB98 | |
| Lime Green | #32CD32 | |
| Lime | #00FF00 | |
| Lawn Green | #7CFC00 | |
| Chartreuse | #7FFF00 | |
| Green Yellow | #ADFF2F | |
| WARNA BIRU (BLUE) | ||
|---|---|---|
| Warna | Nama | Kode |
| Midnight Blue | #191970 | |
| Navy | #000080 | |
| Dark Blue | #00008B | |
| Medium Blue | #0000CD | |
| Blue | #0000FF | |
| RoyalBlue | #4169E1 | |
| Medium Slate Blue | #7B68EE | |
| Cornflower Blue | #6495ED | |
| Dodger Blue | #1E90FF | |
| Deep Sky Blue | #00BFFF | |
| Light Sky Blue | #87CEFA | |
| Sky Blue | #87CEEB | |
| Light Blue | #ADD8E6 | |
| Powder Blue | #B0E0E6 | |
| Light Steel Blue | #B0C4DE | |
| Steel Blue | #4682B4 | |
| Cadet Blue | #5F9EA0 | |
| Dark Turquoise | #00CED1 | |
| Medium Turquoise | #48D1CC | |
| Turquoise | #40E0D0 | |
| Aquamarine | #7FFFD4 | |
| Pale Turquoise | #AFEEEE | |
| Light Cyan | #E0FFFF | |
| Cyan | #00FFFF | |
| Aqua | #00FFFF | |
| WARNA UNGU (PURPLE) | ||
|---|---|---|
| Warna | Nama | Kode |
| Medium Slate Blue | #7B68EE | |
| Dark Slate Blue | #483D8B | |
| Slate Blue | #6A5ACD | |
| Indigo | #4B0082 | |
| Purple | #800080 | |
| Dark Magenta | #8B008B | |
| Dark Orchid | #9932CC | |
| Dark Violet | #9400D3 | |
| Blue Violet | #8A2BE2 | |
| Amethyst | #9966CC | |
| Medium Purple | #9370DB | |
| Medium Orchid | #BA55D3 | |
| Magenta / Fuchsia | #FF00FF | |
| Orchid | #DA70D6 | |
| Violet | #EE82EE | |
| Plum | #DDA0DD | |
| Thistle | #D8BFD8 | |
| Lavender | #E6E6FA | |
| WARNA COKLAT (BROWN) | ||
|---|---|---|
| Warna | Nama | Kode |
| Maroon | #800000 | |
| Brown | #A52A2A | |
| Sienna | #A0522D | |
| Saddle Brown | #8B4513 | |
| Chocolate | #D2691E | |
| Peru | #CD853F | |
| Dark Goldenrod | #B8860B | |
| Goldenrod | #DAA520 | |
| Sandy Brown | #F4A460 | |
| Rosy Brown | #BC8F8F | |
| Tan | #D2B48C | |
| Burly Wood | #DEB887 | |
| Wheat | #F5DEB3 | |
| Navajo White | #FFDEAD | |
| Bisque | #FFE4C4 | |
| Blanched Almond | #FFEBCD | |
| Cornsilk | #FFF8DC | |
| WARNA PUTIH (WHITE) | ||
|---|---|---|
| Warna | Nama | Kode |
| Misty Rose | #FFE4E1 | |
| Lavender Blush | #FFF0F5 | |
| Linen | #FAF0E6 | |
| Antique White | #FAEBD7 | |
| Ivory | #FFFFF0 | |
| Floral White | #FFFAF0 | |
| Old Lace | #FDF5E6 | |
| Beige | #F5F5DC | |
| Seashell | #FFF5EE | |
| White Smoke | #F5F5F5 | |
| Ghost White | #F8F8FF | |
| Alice Blue | #F0F8FF | |
| Azure | #F0FFFF | |
| Mint Cream | #F5FFFA | |
| Honeydew | #F0FFF0 | |
| Snow | #FFFAFA | |
| White | #FFFFFF | |
G.HASIL DAN KESIMPULAN
saya dapat menambahkan gambar dan saya bisa membuka blog saya bila mana saya lupa kode warna html
H.REFERENSI
http://www.w3schools.com/
DEMIKIAN SEDIKIT YANG DAPAT SAYA SAMPAIKAN JIKA ADA KATA YANG KURANG BERKENAN DI HATI PARA PEMBACA SAYA MEMINTA MAAF YANG SEBESAR BESARNYA
WASSALAMU'ALAIKUM WR. WB.
No comments