Kamis, 02 Mei 2013
Membuat WEB Sederhana Menggunakan Aplikasi DREAMWEAVER
Berikut saya akan mejelaskan sedikit tentang DREAMWEAVER.
DREAMWEAVER merupakan aplikasi untuk membuat, mendesain, mengedit dokumen HTML secara visual dan mengelola halaman sebuah situs. Dibawah ini akan saya tampilkan contoh pembuatan dokumen HTML menggunakan DREAMWEAVER berikut coding-nya
coding-nya :
<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>
coding-nya :
<html>
<head>
<title>profile moshadeq</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 (profile moshadeq.psd) -->
<table id="Table_01" width="1351"
height="769" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td
colspan="8">
<img
src="images/profile-moshadeq_01.gif" width="1350"
height="255" alt=""></td>
<td>
<img
src="images/spacer.gif" width="1" height="255"
alt=""></td>
</tr>
<tr>
<td
rowspan="6">
<img
src="images/profile-moshadeq_02.gif" width="783"
height="513" alt=""></td>
<td
rowspan="3">
<img
src="images/profile-moshadeq_03.gif" width="99"
height="102" alt=""></td>
<td
colspan="4">
<img
src="images/profile-moshadeq_04.gif" width="193"
height="2" alt=""></td>
<td
rowspan="3">
<img
src="images/profile-moshadeq_05.gif" width="85"
height="102" alt=""></td>
<td
rowspan="6">
<img
src="images/profile-moshadeq_06.gif" width="190"
height="513" alt=""></td>
<td>
<img
src="images/spacer.gif" width="1" height="2"
alt=""></td>
</tr>
<tr>
<td
rowspan="5">
<img
src="images/profile-moshadeq_07.gif" width="47"
height="511" alt=""></td>
<td
colspan="2">
<img
src="images/profile-moshadeq_08.gif" width="96"
height="95" alt=""></td>
<td
rowspan="3">
<img
src="images/profile-moshadeq_09.gif" width="50"
height="383" alt=""></td>
<td>
<img
src="images/spacer.gif" width="1" height="95"
alt=""></td>
</tr>
<tr>
<td
colspan="2" rowspan="2">
<img
src="images/profile-moshadeq_10.gif" width="96"
height="288" alt=""></td>
<td>
<img
src="images/spacer.gif" width="1" height="5"
alt=""></td>
</tr>
<tr>
<td
rowspan="3">
<img
src="images/profile-moshadeq_11.gif" width="99"
height="411" alt=""></td>
<td>
<img
src="images/profile-moshadeq_12.gif" width="85"
height="283" alt=""></td>
<td>
<img
src="images/spacer.gif" width="1" height="283"
alt=""></td>
</tr>
<tr>
<td
rowspan="2">
<img
src="images/profile-moshadeq_13.gif" width="60"
height="128" alt=""></td>
<td
colspan="3"><a href="home.html"><img
src="images/profile-moshadeq_14.gif" width="171"
height="77" alt=""></a></td>
<td>
<img
src="images/spacer.gif" width="1" height="77"
alt=""></td>
</tr>
<tr>
<td
colspan="3">
<img
src="images/profile-moshadeq_15.gif" width="171"
height="51" alt=""></td>
<td>
<img
src="images/spacer.gif" width="1" height="51"
alt=""></td>
</tr>
<tr>
<td>
<img
src="images/spacer.gif" width="783" height="1"
alt=""></td>
<td>
<img
src="images/spacer.gif" width="99" height="1"
alt=""></td>
<td>
<img
src="images/spacer.gif" width="47" height="1"
alt=""></td>
<td>
<img
src="images/spacer.gif" width="60" height="1"
alt=""></td>
<td>
<img
src="images/spacer.gif" width="36" height="1"
alt=""></td>
<td>
<img
src="images/spacer.gif" width="50" height="1"
alt=""></td>
<td>
<img
src="images/spacer.gif" width="85" height="1"
alt=""></td>
<td>
<img
src="images/spacer.gif" width="190" height="1"
alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar