Rabu, 10 Oktober 2012

FORM DENGAN TABLE DI DREAMWEAVER

*Mendesain Form Dengan Menggunakan Table Agar Jadi Lebih Rapi*

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form method="post" action="proses.html">
<table>
<tr>
<td>Nama</td>
<td>: <input type="text" name="nama_mhs" value="" /> </td>
</tr>
<tr>
<td>Alamat</td>
<td>: <textarea name="alamat"></textarea> </td>
</tr>
<tr>
<td>Tempat Lahir</td>
<td>: <input name="tmp_lahir" /> </td>
</tr>
<tr>
<td>Tgl Lahir</td>
<td>: <input name="tgl_lahir" />
<select name="bln_lahir">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">Desember</option>
</select><input type="text" name="thn_lahir" value="" /> </td>
</tr>
<tr>
<td>Telpon</td>
<td>: <input type="text" name="telpon" value=""/> </td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>: <input type="radio" name="Jk" value="L"/>Laki-Laki
<input type="radio" name="Jk" value="P"/>Perempuan </td>
</tr>
<tr>
<td><input type="submit" name="submit" value="Daftar" /></td>
<td><input type="reset" name="reset" value="Reset" /></td>
</tr>
</table>
</form>
</body>
</html>

Tampilan yang Dihasilkan :
Untitled Document
Nama :
Alamat :
Tempat Lahir :
Tgl Lahir :
Telpon :
Jenis Kelamin : Laki-Laki Perempuan

Senin, 08 Oktober 2012

MEMBUAT LAYOUT DI ADOBE DREAMWEAVER

 TUGAS WEB PROGRAMMING

NAMA : ATIEK PUJI RAHAYU
NIM     : 10.01.53.0049

Listing :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="500" border="1">
<tr>
<td width="35%" bgcolor="#FF00FF" align="center"> HEADER KIRI </td>
<td colspan="2" align="center" bgcolor="#FF0099"> HEADER KANAN </td>
</tr>
<tr>
<td rowspan="2" width="100" align="center" bgcolor="#00FF00"> ISI KIRI </td>
<td rowspan="2" width="100" align="center" bgcolor="#00CCFF"> ISI TENGAH </td>
<td colspan="2" width="100" align="center" bgcolor="#FFFF00"> MENU KANAN 1 </td>
</tr>
<tr>
<td rowspan="1" colspan="2" align="center" width="100" bgcolor="#FFFF00"> MENU KANAN 2 </td>
</tr>
<tr>
<td width="100" align="center" bgcolor="#FFCC99"> PILIHAN 1 </td>
<td width="100" align="center" bgcolor="#6600FF"> PILIHAN 2 </td>
<td width="100" align="center" bgcolor="#999999"> PILIHAN 3 </td>
</tr>
<tr>
<td colspan="5" align="center" bgcolor="#CCFFFF"> TAMPILAN </td>
</tr>
<tr>
<td colspan="5" align="center" bgcolor="#FF0000"> FOOTER </td>
</tr>
</table>
</body>
</html>

Gambar Layout :