haii, pada kesempatan kali ini saya akan memposting tentang pembuatan web sederhana dengan mengunakan aplikasi adobe dreamweaver. Berikut ini merupakan tampilan home dari web yang saya buat.
Tampilan home ini berisi tentang 3 link untuk menampilkan profil dari anggota kelompok saya.
Selanjutnya dibawah ini adalah kodingan untuk membuat bagian home tersebut.
<html>
<head>
<title>home</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF"
leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0">
<!-- Save for Web Slices (home.psd) -->
<table id="Table_01" width="1350"
height="768" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td
colspan="4">
<img
src="images/home_01.jpg" width="1350"
height="275" alt=""></td>
</tr>
<tr>
<td
rowspan="6">
<img
src="images/home_02.jpg" width="19" height="493"
alt=""></td>
<td
colspan="2"><a
href="profile-moshadeq1.html"><img
src="images/home_03.jpg" width="257" height="56"
alt=""></a></td>
<td
rowspan="6">
<img
src="images/home_04.jpg" width="1074"
height="493" alt=""></td>
</tr>
<tr>
<td
colspan="2">
<img
src="images/home_05.jpg" width="257" height="15"
alt=""></td>
</tr>
<tr>
<td><a
href="profil-suwardi.html"><img
src="images/home_06.jpg" width="215" height="57"
alt=""></a></td>
<td
rowspan="4">
<img
src="images/home_07.jpg" width="42" height="422"
alt=""></td>
</tr>
<tr>
<td>
<img
src="images/home_08.jpg" width="215" height="29"
alt=""></td>
</tr>
<tr>
<td><a
href="profil-try.html"><img src="images/home_09.gif"
width="215" height="38"
alt=""></a></td>
</tr>
<tr>
<td>
<img
src="images/home_10.jpg" width="215" height="298"
alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Kemudian bila pada bagian home tersebut kita klik salah satu nama dari 3 link profil tersebut maka akan muncul tampilan seperti dibawah ini. kali ini saya akan menampilkan profil saya sendiri.
Pada bagian profil ini terdiri dari biodata saya dan situs-situs tentang saya. dan ada juga link untuk menampilkan kembali ke home. berikut ini kodingan untuk membuat profil tersebut.
<html>
<head>
<title>try</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF"
leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0">
<!-- Save for Web Slices (try.psd) -->
<a href="home.html"><img
src="images/profil-try.gif" width="1350"
height="768" alt=""></a>
<!-- End Save for Web Slices -->
</body>
</html>
nah cukup sekian untuk postingan kali ini, semoga bermanfaat ya....