Tugas WEB PROGRAMING


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 :
<table width="400" height="480" border="1">
<tr>
<td height="25" colspan="3" align="center" valign="middle" bgcolor="#FF0000"><font color="#FFFFFF">Navigasi Menu 1</font></td>
</tr>
<tr>
<td colspan="3" align="center" valign="middle">Header</td>
</tr>
<tr>
<td height="25" colspan="3" align="center" valign="middle" bgcolor="#FF0000"><font color="#FFFFFF">Navigasi Menu 2</font></td>
</tr>
<tr>
<td width="33%" height="28" align="center" bgcolor="#CC3300"><font color="#FFFF00">Judul Konten</font></td>
<td width="33%" rowspan="2" align="center" bgcolor="#00FF00">Blogroll</td>
<td width="33%" rowspan="2" align="center" bgcolor="#00FF00">Menu</td>
</tr>
<tr>
<td height="33%" align="center">Isi Konten</td>
</tr>
<tr>
<td height="150" align="center" bgcolor="#00FF00">Widget 1</td>
<td height="150" align="center" bgcolor="#00FF00"> Widget 2</td>
<td height="150" align="center" bgcolor="#00FF00"> Widget 3</td>
</tr>
<tr>
<td height="25" colspan="3" align="center" bgcolor="#FF0000">footer</td>
</tr>
</table>



====================

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




thumbnail Dipost oleh : Wisnu Priambodo
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.

4.5 401 Tugas WEB PROGRAMING

2 komentar

Jefcenter Admin delete 8 Oktober 2012 09.10

Excellent

kids party Admin delete 28 Januari 2013 13.28

thanks infoya :)

Berkomentarlah dengan bijak dan sopan, Dilarang menggunakan Link Mati, Promo, dll.
boleh dikasih emoticon biar kelihatan unyu-unyu
Emoticon Kode Konversi

Terjemahkan



Mengenai Saya

Foto Saya

The great pleasure in life is doing what people say you cannot do.

Kategori

Back-to-top