Hay agan, dan sista, kali ini saya akan berbagi mengenai bagaimana untuk membuat tampilan website untuk pemula ...
Langsung aja ya gak pake basa basi.. :D
- Langkah Pertama , kita buat dulu format layoutnya dengan css
 |
| Desaign Layout menggunakan CSS |
Kedua, kita panggil id-id css di atas ke dalam tag div di halaman html nya.
<html>
<head>
<title> 10.240.0127 </title>
<style> ... css.. yang tadi dibuat sebelumnya,....</style>
</head>
<body background="eee.jpg">
<div id="header">
<p align="center">
<img src="STMIK.png" width="50" height="50"> <font face="Berlin Sans FB Demi" size="6">STMIK WIDYA PRATAMA PEKALONGAN </font> <br />
Kampus : Jl. Patriot No. 25 Pekalongan 51116 Telp. (0285) 427815 - 427817</p></div>
<div id="leftside"> <font face="Calibri" size="3"><blockquote><u><b>MATERI </b></u></blockquote></font>
<ul type="circle">
<li><a href="latihan1.html" target="_content" title="bagian content">
latihan1</a></li><br />
<li><a href="frameborder.html" target="_content" title="contoh self">
frameborder</a></li><br />
<li><a href="table.htm" target="_content" title="contoh self">
table</a></li> <br />
<li><a href="heading.html" target="_content" title="contoh self">
heading</a> </li><br />
<li><a href="nama.html" target="_content" title="contoh self">
nama</a></li> <br />
<li><a href="image.html" target="_content" title="contoh self">
image</a></li> <br />
<li><a href="blocquote.html" target="_content" title="contoh self">
blocquote</a></li> <br />
<li><a href="span.html" target="_content" title="contoh self">
span</a></li><br />
<li><a href="artikel.html" target="_content" title="contoh self">
artikel</a></li><br />
<form name="a" method ='GET' action='aksi.php'>
Upload File
<input type="File" name="Upload File" size="2">
</div>
<div id="footer"> <img src="icon.gif" align="right" width="150" height="150"/></div>
<div id="content"> </div>
<body>
</html>
<head>
<title> 10.240.0127 </title>
<style> ... css.. yang tadi dibuat sebelumnya,....</style>
</head>
<body background="eee.jpg">
<div id="header">
<p align="center">
<img src="STMIK.png" width="50" height="50"> <font face="Berlin Sans FB Demi" size="6">STMIK WIDYA PRATAMA PEKALONGAN </font> <br />
Kampus : Jl. Patriot No. 25 Pekalongan 51116 Telp. (0285) 427815 - 427817</p></div>
<div id="leftside"> <font face="Calibri" size="3"><blockquote><u><b>MATERI </b></u></blockquote></font>
<ul type="circle">
<li><a href="latihan1.html" target="_content" title="bagian content">
latihan1</a></li><br />
<li><a href="frameborder.html" target="_content" title="contoh self">
frameborder</a></li><br />
<li><a href="table.htm" target="_content" title="contoh self">
table</a></li> <br />
<li><a href="heading.html" target="_content" title="contoh self">
heading</a> </li><br />
<li><a href="nama.html" target="_content" title="contoh self">
nama</a></li> <br />
<li><a href="image.html" target="_content" title="contoh self">
image</a></li> <br />
<li><a href="blocquote.html" target="_content" title="contoh self">
blocquote</a></li> <br />
<li><a href="span.html" target="_content" title="contoh self">
span</a></li><br />
<li><a href="artikel.html" target="_content" title="contoh self">
artikel</a></li><br />
<form name="a" method ='GET' action='aksi.php'>
Upload File
<input type="File" name="Upload File" size="2">
</div>
<div id="footer"> <img src="icon.gif" align="right" width="150" height="150"/></div>
<div id="content"> </div>
<body>
</html>
>>> Dan Liat Ini Tampilan Akhirnya... ^_^
 |
| Hasil AKhir |
Untuk Source Code Silahkan Klik disini
:: Semoga membantu.... ^_^
Tidak ada komentar:
Posting Komentar