Beberapa waktu yang lalu, saya sempat mengadakan kelas regular yang bertujuan untuk belajar bersama. Karena mayoritas teman-teman saya adalah buruh dan Mahasiswa. Sehingga sangat sulit untuk bisa meluangkan waktunya untuk belajar. Dengan adanya kelas regular ini diharapkan akan meningkatkan kemampuan teman-teman dan mempersiapkan diri pada Tugas Akhir.
Ok, sekarang langsung aja ke materi Pertemuan 1 yang saya share.
Berikut coding untuk halaman Home ( index.html )
<html>
<head>
<title>Pertemuan 1</title>
</head>
<center>
<body>
<table border="1" width="800" height="550" cellpading=1 cellspacing=1>
<tr>
<td colspan="2" align="center" height="20%" bgcolor="sky blue"><font size="50" height>Ahmad Munif Web</font></td>
</tr>
<tr>
<td colspan="2" align="center" height="10%" bgcolor=#ff6600>
<a href="index.html">Home</a> |
<a href="profile.html">Profile</a> |
<a href="about.html">About</a>
</td>
</tr>
<tr>
<td align="center" width="20%" bgcolor=#FF0000>Bagian 1</td>
<td align="center" width="80%" bgcolor=#FF9900><font size=36>Halaman Home</font></td>
</tr>
<tr>
<td colspan="2" align="center" height="10%" bgcolor=#CCFF00>Created © by Ahmad Munif</td>
</tr>
</table>
</body>
</center>
</html>
Maka akan menghasilkan tampilan seperti ini
Untuk formating (font, size, color) bisa di customize sendiri.
Untuk halaman Profile, dan About bisa di tambahkan sendiri dan di rubah sesuai dengan keinginan teman-teman.
Pada Pertemuan 1 hanya dibahas masalah ini. Untuk pertemuan 2 akan segera menyusul.
-Semoga Bermanfaat-
Ok, sekarang langsung aja ke materi Pertemuan 1 yang saya share.
Pertemuan 1
Pada kesempatan kali ini saya akan sedikit
menjelaskan hasil pertemuan 1, belajar bersama yang membahas tentang Web
Programming. Pertemuan 1, membahas masalah HTML. Atribut-atribut yang kita
gunakan adalah <table></table>. Langsung saja pada coding yang kita
buat untuk Pertemuan 1.Berikut coding untuk halaman Home ( index.html )
<html>
<head>
<title>Pertemuan 1</title>
</head>
<center>
<body>
<table border="1" width="800" height="550" cellpading=1 cellspacing=1>
<tr>
<td colspan="2" align="center" height="20%" bgcolor="sky blue"><font size="50" height>Ahmad Munif Web</font></td>
</tr>
<tr>
<td colspan="2" align="center" height="10%" bgcolor=#ff6600>
<a href="index.html">Home</a> |
<a href="profile.html">Profile</a> |
<a href="about.html">About</a>
</td>
</tr>
<tr>
<td align="center" width="20%" bgcolor=#FF0000>Bagian 1</td>
<td align="center" width="80%" bgcolor=#FF9900><font size=36>Halaman Home</font></td>
</tr>
<tr>
<td colspan="2" align="center" height="10%" bgcolor=#CCFF00>Created © by Ahmad Munif</td>
</tr>
</table>
</body>
</center>
</html>
Maka akan menghasilkan tampilan seperti ini
Untuk formating (font, size, color) bisa di customize sendiri.
Untuk halaman Profile, dan About bisa di tambahkan sendiri dan di rubah sesuai dengan keinginan teman-teman.
Pada Pertemuan 1 hanya dibahas masalah ini. Untuk pertemuan 2 akan segera menyusul.
-Semoga Bermanfaat-
Comments
Post a Comment