kali ini kita akan belajar bagaimana cara membuat kolom pada tampilan web yang sering kita gunakan pasti anda bertanya-tanya bagaimana si web itu bisa dibuat dan bagaimana cara membuatnya? sebenarnya dari pertanyaan barusan dalam pembuatan web kita harus mengetahui dasar cara pembuatanya yaitu harus paham betul dengan Bahasa pemrograman dan yang paling dasar adalah bahasa pemrograman HTML,dan langsung saja ke pokok permasalahanya.
beerikut adalah bahan-bahan yang diperlukan:
1.pastikan anda mempunyai aplikasi Adobe dreamweaver atau notepad++ silahkan download disini http://adobe-dreamweaver.en.softonic.com/download
2.buka aplikasi Adobe dreamweaver gunakanlah bahasa HTML pada opsi pilihan menu di Adobe dreamweaver.
3.pastikan mempunya laptop atau komputer san perangkat keras komputer.
Screenshot:
Dari screenshot diatas merupakan hasil rancangan pemrograman web yang masih mendasar dalam pembuatan web,kolom merupakan hal yang pokok pada rancangan web dikarenakan web merupakan tampilan elektronik yang harus dibilah dan mudah dimengerti oleh semua kalangan jadinya struktur kolom sangat penting bagi pembuatan web, dan dibawah ini merupakan struktur kode dalam pembuatan kolom web diatas.
Coding
<!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> Cecungukz komunity</title>
</head>
<table
<TD align="LEFT" background="back.gif" BORDER="17" colspan="3" height="150" nowrap rowspan="2" valign="bottom" width="1303"
<table width="100" border="1" cellspacing="2"
cellpadding="2">
<TD>
<h1 class="title">
<img src="file:///D|/Dokumen Amikom/Pemrogaman web/images.png" width="100" height="100" />
Cecungukz komunity<B>
</h1>
</div>
<div class="descriptionwrapper">
<p class="description"><span>SILAHKAN MASUKAN DATA DIRI ANDA SEBAGAI PENDAFTAR ANGGOTA BARU</span></p>
</div>
</div>
</div></div>
</div>
</TD>
<table align="center" height="100" valign="RIGHT" colspan="100"
</table>
<tr width="400" border="17" cellspacing="10"
cellpadding="300"> <td cellspacing="300"
<table>
</table>
<tr width="400" border="17" cellspacing="10"
cellpadding="300">
<td>
<table width="400" border="17" cellspacing="10"
cellpadding="200"> <td cellspacing="200"
</table>
<TD>
<table width="400" border="17" cellspacing="0"
cellpadding="200"> <td background="images CYB.jpg" width="50" height="50"
<TABLE align="center" bgcolor="#0000FF" border="2"
cellpadding="5" cellspacing="2" width="90%">
<body>
</body>
</html>
Sekian dan terimakasih semoga bermanfaat........
EmoticonEmoticon