Tugas WEB PROGRAMING
Selasa, Oktober 02, 2012 | 
Diposting oleh
nunuinux
baik.. ini pertama kalinya saya posting tugas di blog ini, dan ini juga sebagai penambahan kategori baru dalam sitemap blog ini yaitu
kategori "Tugas", nah, mungkin ada pembaca yang bertanya kenapa harus posting tugas diblog wischain? ya karena sekalian buattambah-tambah postingan
sekaligus memperlihatkan struktur template blog wischain bagian index
OK, berikut tugas yang sudah saya buat tentang struktur template blog wischain ini dengan tag tabel..
Nama: WISNU PRIAMBODO
NIM: 10.01.53.0040
Matakuliah: WEB PROGRAMMING
Dosen : JEFFRI ALFA RAZAQ,M.KOM
Coding dan Penjelasan:
<table width="400" height="480" border="1"> //Tag Tabel dengan lebar 400px dan tinggi 480px serta tebal border 1
<tr>
<td height="25" colspan="3" align="center" valign="middle" bgcolor="#FF0000"><font color="#FFFFFF">Navigasi Menu 1</font></td> //Tag td dengan tinggi 25px, mengisi 3 kolom pada suatu table, perataan horizontal ditengah dan perataan vertikal juga ditengah, background warna merah, dan tag font dg font berwarna putih.
</tr>
<tr>
<td colspan="3" align="center" valign="middle">Header</td> //Tag td dengan mengisi 3 kolom pada suatu table, garis lurus ditengah dan garis lurus vertikal juga ditengah.
</tr>
<tr>
<td height="25" colspan="3" align="center" valign="middle" bgcolor="#FF0000"><font color="#FFFFFF">Navigasi Menu 2</font></td> //Tag td dengan tinggi 25px, mengisi 3 kolom pada suatu table, perataan horizontal ditengah dan perataan vertikal juga ditengah, background warna merah, dan tag font dg font berwarna putih.
</tr>
<tr>
<td width="33%" height="28" align="center" bgcolor="#CC3300"><font color="#FFFF00">Judul Konten</font></td> //Tag td dengan tinggi 28px lebar 33%, perataan horizontal ditengah, background warna merah, dan tag font dg font berwarna kuning.
<td width="33%" rowspan="2" align="center" bgcolor="#00FF00">Blogroll</td>//Tag td dengan lebar 33%, mengisi 2 baris pada suatu table, perataan horizontal ditengah, background warna hijau
<td width="33%" rowspan="2" align="center bgcolor="#00FF00"">Menu</td>//Tag td dengan lebar 33%, mengisi 2 baris pada suatu table, perataan horizontal ditengah, background warna hijau
</tr>
<tr>
<td height="33%" align="center">Isi Konten</td>//Tag td dengan lebar 33%, perataan ditengah.
</tr>
<tr>
<td height="150" align="center" bgcolor="#00FF00">Widget 1</td> //Tag td dengan tinggi 150px, perataan horizontal ditengah, background warna hijau
<td height="150" align="center" bgcolor="#00FF00"> Widget 2</td> //Tag td dengan tinggi 150px, perataan horizontal ditengah, background warna hijau
<td height="150" align="center" bgcolor="#00FF00"> Widget 3</td> //Tag td dengan tinggi 150px, perataan horizontal ditengah, background warna hijau
</tr>
<tr>
<td height="25" colspan="3" align="center" bgcolor="#FF0000">footer</td>//Tag td dengan tinggi 25px, mengisi 3 kolom pada suatu table, perataan horizontal ditengah, background warna merah.
</tr>
</table>
Code Asli, Buka Spoiler :
====================
Hasil Screenshot:
Hasil *(Hasil dibawah tidak sama dengan screenshot diatas karena sebelumnya saya telah memodifikasi css tabelnya) :
| Navigasi Menu 1 | ||
| Header | ||
| Navigasi Menu 2 | ||
| Judul Konten | Blogroll | Menu |
| Isi Konten | ||
| Widget 1 | Widget 2 | Widget 3 |
| footer | ||
Dipost oleh : Judul : Tugas WEB PROGRAMING
Terbit :2012-10-02T23:30:00+07:00
Anda sedang membaca artikel Tugas WEB PROGRAMING. Jika ingin mengutip, harap memberikan link aktif dofollow ke URL http://wischain.blogspot.com/2012/10/tugas-web-programing_2.html. Jika tidak akan diproses secara DMCA Takedown yang tentu saja tidak baik akibatnya bagi blog saudara. Terima kasih sudah singgah di blog ini.
Tugas WEB PROGRAMING
Label:
Langganan:
Posting Komentar (Atom)
Mengenai Saya
-
Wisnu Priambodo
- The great pleasure in life is doing what people say you cannot do.
2 komentar
Excellent
thanks infoya :)
Berkomentarlah dengan bijak dan sopan, Dilarang menggunakan Link Mati, Promo, dll.
boleh dikasih emoticon biar kelihatan unyu-unyu
Emoticon Kode Konversi