Kamis, 16 September 2010

Yeee.. alhamdulillah :) Tugas selesai :D

yeeeeee.. alhamdulillah :)) selesai juga tugasku ini. ngebut meen, 2 setengah hari. maklum karena mau masuk bentar lagi. waaahh.. makasih banget ya buat semua pihak yang telah membantu ; mb fitri, d asma, caca, manda, ishom, ustazah anisa dan teman teman semuaaa :) karena dengan kalian, semua jadi lancar ^^
siiipp siipp siipp.. sampai jumpa kembali di lain waktuu


eit, numpang majang foto dulu ddooongg :D









HAHAHA, ihiiirrr :D

MAKING TABLE + contoh n latihan

Nah sekarang gimana sih supaya kita bisa membuat tabel dalam HTML?? yuuukk..
1. Tag <table> adalah tag yang penting dalam pendesainan sebuah tampilan situs. Jadi kamu harus cukup menguasai tag ini.
Nah untuk mempermudah sekarang silakan kamu membuat file baru seperti biasa klik File -> New di Notepad
untuk lebih jelas dan nyata, ayuk boleh dicoba contoh di bawah ini yaa.. Nanti setelah di ketik di notepad, bisa langsung di lihat hasilnya pasti serupa dengan tabel yang di bawahnya itutuhhh.. kemoonn :D
*tapi sebelumnyaa maaf sekali yaaa, yang tulisan tangan jelek tulisannya. haha, maklumlaaahh calon dokter (ngeles abis =,=) harap maklum tapi nggak boleh protes yaa. ini demi tugas TIK, oohh.. tugas.. tugaaas. hiks! (hah?)

-CONTOH BUAT TABEL (notepad)



2. Tabel anak

gubrag, lucu juga yaa tabel beranak. yaaahh, maksudnya itu yaa tabel di dalam tabel gitu loooo. oke langsung saja dicoba dan dilihat contohnya. aanndd.. jangan lupa juga latihannya :) cabuuutt! :D
*sekali lagi maaf ya tulisannya ^^ tapi biarin aahh. PEDE AJA :D ! miring miring nih --"

-CONTOH TABEL ANAK (notepad)

Nah ini nanti hasil nya 2 contoh diatas (membuat tabel dan tabel anak)

Sekarang latihannya ini boleh dicobaa.. silakaann :))

1. Latihan membuat tabel sederhana

2. Latihan membuat anak tabel

sekiiaann.. :))

SAVE dan TAG

hay haaayy.. sekarang kita ngelanjutin tentang materi HTML. Nah sebelum kita masuk ke materi yang namanya Tag <p> dan Tag <font> tak ajari dulu yaa tentang nge-save HTML yang baik dan benar :)

Untuk menyimpan file-file HTML buatlah sebuah folder HTML da D -> D:\HTML
begitu kawan :)

1. Tag <p>...</p>
Tag <p> digunakan untuk membuat paragraf dalam sebuah halaman web. Kita semua tahu kalau paragraf kan ada yang bertipe rata kiri, rata kanan, tengah, kanan dan justify. Nah, oke. daripada bingung, mending kita coba aja yuk latihan di bawah ini. jangan lupa diketik di notepad oke :D 
oiya, setelah selesai mengetik notepad di bawah ini nanti, simpan file tersebut dengan mengklik menu File-Save akan muncul kotak dialog Save, arahkan ke drive D:\HTML pada isian File Name isikan tag_p.html dan pastikan Save as Type adalah HTML Document. Untuk menjalankan kamu cukup tekan tombol F5 maka akan muncul output dari kode kamu :)


2. Tag <font>...</font>
Fungsi Tag <font> adalah untuk memanipulasi baik jenis, ukuran, dan warna huruf. Nah ini berkaitan sama "atribut font" yang telah dijelaskan di sub bab yang lalu itu looo.. Ini juga ada latihannya, silahkan dicoba dan diketik yaa :) Setelah selesai simpan dengan nama tag_font.html di D:\HTML, nggak harus kaya' gitu sih nama n foldernya, cuma aku saranin kaya gitu biar lebih mudah dan mantaaabb. hahaha


Rabu, 15 September 2010

Kode warna



Naah di bawah ini adalah kode-kode warna lengkap yang dapat langsung kamu masukkan ke HTML untuk mewarnai teks atau background . Mewarnai teks atau background bisa dengan langsung mengetik warna dengan diapit tanda petik (" "), contoh:
<table border="1" border color="black" bgcolor="white" cellpadding="8" cellspacing="0" widht="100%>

atau dengan menggunakan kode, tanpa tanda petik (" "), contoh:
<table border="1" border color=#FF0000 bgcolor =#CC0000 cellpadding="8" cellspacing="0" widht="100%>

kode warna terdiri dari 6 digit, bisa angka atau huruf
angka: dari 1 sampai 9
huruf : dari Asampai F

berikut adalah daftar kode-kodenya
caaappcuuuusss..!! :D

#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#FF66FF
#FF66CC
#FF6699
#FF6666
#FF6633
#FF6600
#FF33FF
#FF33CC
#FF3399
#FF3366
#FF3333
#FF3300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000



#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#9900FF
#9900CC
#990099
#990066
#990033
#990000


#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#6600FF
#6600CC
#660099
#660066
#660033
#660000
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#3300FF
#3300CC
#330099
#330066
#330033
#330000
untuk lebih lengkap, bisa dicari di internet yaaa :)