Kamis, 02 Mei 2013

membuat web sederhana


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....