Desain Web Sederhana Dengan Notepad (masih pake HTML aja...)
=))
mari buka notepadnya, trus buat folder baru (terserah mau di /:C, /:D, dll)
trus ketikkan skrip ini, oiya sebelumnya ini skrip ada 2, yang pertama disimpan dengan nama (smk1.html) dan yang kedua disimpan dengan nama (login.html), kedua skrip tersebut disimpan dalam 1 folder ya... =))
oke kita mulai...
skrip smk1.html
<html>
<head><title>web saya</title>
</head>
<body background="http://mw2monsterarmy.webs.com/photos/Monster/Monster_Energy_Drink_Wallpaper_by_u.jpg">
<table width="102%" border="0" cellspacing="0" cellpadding="0">
<tr background="http://www.mcssl.com/content/176321/productImage/Monster.jpg">
<td colspan="6" rowspan="2" background="fha.gif"> </td>
<td width="4" height="63"> </td>
</tr>
<tr bgcolor="#3366CC">
<td width="4" height="122"> </td>
</tr>
<tr>
<td colspan="7" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#CCFF99">
<th height="25" colspan="7" nowrap="nowrap" id="dateformat">
<script language="JavaScript" type="text/javascript">
document.write(TODAY); </script>
<marquee>
<span class="style4">April 20-04-2012 </span>
</marquee></th>
</tr>
<tr>
<td colspan="7" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td width="165" valign="top" background="http://mw2monsterarmy.webs.com/photos/Monster/Monster_Energy_Drink_Wallpaper_by_u.jpg">
<table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">
<tr>
<td width="165"> <br />
<a href="smk1.html">Home</a><br /></td>
</tr>
<tr>
<td width="165"><a href="login.html">Login</a></td>
</tr>
<tr>
<td width="165"><a href="https://www.facebook.com/ade.cyber/info" class="navText">About us </a></td>
</tr>
<tr>
<td width="165"><a href="https://www.facebook.com/ade.cyber/photos" class="navText">Galery</a></td>
</tr>
<tr>
<td width="165"><a href="https://www.facebook.com/ade.cyber" class="navText">Contac</a></td>
</tr>
</table>
<br />
<br />
<br />
<br /> </td>
<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td colspan="2" valign="top"><div align="center"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
<p><font color="white"><span class="style7"> DAELER SIPJOZZ </font></p></span><br />
<br />
</div>
<table border="0" cellspacing="0" cellpadding="0" width="305">
<tr>
<td class="pageName"><div align="center" class="style5"><font color="white">kata pengantar </font></div></td>
</tr>
<tr>
<td class="bodyText"><p><font color="white">Assalamualaikum wr.wb </font></p>
</td>
</tr>
</table>
<p><font color="white">Puji syukur serta salam kita panjatkan kepada yang maha kuasa. dan sholawat serta salam kita panjatkan kpada nabi Muhammad saw. </font></p>
<p><font color="white">penyusunan disain web ini di susun dalam rangka pembelajaran dalam pengerjaan tugas web html lanjut, semoga dengan pembelajaran ini ilmu yang kami tekuni dapat bermanfaat bagi kami terlebih bagi bangase ini,</font></p>
<p><font color="white">penyusun berharap kepada para siswa/siswi demi kesempurnaan bahan desain ini penulis mengharapkan kritik dan saran demi kebaikan dan menjadi bahan ajaran bagi kami untuk menjadi lebih baik lagi, atas kesempatan ini kami memgucapkan terima kasih. </font></p>
<p> </p>
<p><br />
</p></td>
<td width="4"> </td>
<td width="299" valign="top"><br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="206">
<tr>
<td colspan="3" class="subHeader" align="center"><font color="white">NEW DESTINATIONS</font></td>
</tr>
<tr>
<td width="40"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /><img src="mm_spacer.gif" alt="" width="40" height="1" border="0" /></td>
<td width="162" id="sidebar" class="smallText"><br />
<p><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVEZP5RuhIgwUQDbjzogwW14vhsxLfpRNjKQKXwH7AjhS5eAetwDC_3e1RX6njuObLXmZ-giEogTSgAfzl_Sy35mrR4nE72j7ez3p8UcVZMvoT-Ym8Pko-I0aSyLAh-zaZAFOQq6PgWlg/s220/sipjozz.jpg" alt="Image 1" width="252" height="183" vspace="6" border="0" usemap="#Map" /><br />
<a href="mercedes_benz_slr_gold_2_0.gif">http://www.sipjozz.com</a> </p>
<p align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnpzm8Vpys3hpanlF2o0rYJFbUSBE6ENxgJ7drOWruZpNRw9RuZFLM3bqWvdDHQCoQ3-Zc7kaYWc-X9qzd_vAcC_IfHd9CfHPujTSDlU9JHbzLjKkEKDgwRZVyMSuuVmFwK7xv69ttrpA/s1600/smk.jpeg" alt="Image 2" width="252" height="192" vspace="6" border="0" /><br />
<span class="style3">SMK MUHAMMADIYAH 3 METRO</span> </p>
<br />
<br />
<br /> </td>
<td width="4"> </td>
</tr>
</table> </td>
<td width="4"> </td>
</tr>
<tr>
<td width="165"> </td>
<td width="50"> </td>
<td width="186"> </td>
<td width="119"> </td>
<td width="4"> </td>
<td width="299"> </td>
<td width="4"> </td>
</tr>
</table>
<map name="Map" id="Map">
<area shape="poly" coords="13,17" href="#" />
</map></body>
</html>
skrip login.html
<html>
<title>Login</title>
<body background="http://mw2monsterarmy.webs.com/photos/Monster/Monster_Energy_Drink_Wallpaper_by_u.jpg">
<form action="proses.php" method="post">
<font color="white">Username : <input disabled="disabled" type="text" name="username" /> </font><br /><br />
<font color="white">Password : <input type="password" name="password" /> </font><br /><br />
<input type="button" name="ok" value=" OK " onClick="alert('OK')" /> <br /><br />
<input type="submit" name="submit" value="Submit" /> <br /><br />
</form>
</body>
</html
udah segitu aja, dikit kan???
=))
karena ini masih sederhana, maka perlu direhab, silakan rehab dengan kreatifitas anda sdara2.... =))
oke thanx, pelajaran hari ini selesai....
\m/
ArSip Jozz
-
▼
2012
(30)
-
▼
April
(13)
- Lanjutan Materi "Pelanggan.html"
- Losari
- Cerita Dari Ranah Pertiwi
- Ayo Ikutan Casting Film "NILAI TANPA ANGKA"
- Tasbih Hujan
- Merinduimu, Candu!
- Kisah Lelaki Sejati
- Pelajaran 20-04-2012
- HOT, Robot Yang Bisa membuat Tower
- Inilah, OLED TV Tertipis Di Dunia
- Bot Auto Komen facebook Versi 1
- Bot Jempolers Versi 2
- Cara Parking Blogspot Ke intuit
-
▼
April
(13)
Follow
Our Fanspage
Contact Admin
Tidak ada komentar:
Posting Komentar
Silahkan kirim komentar Anda dengan baik dan benar sesuai Ejaan Yang Disempurnakan (EYD). Sekian dari saya yang ganteng dan imut ini, jika ada salahnya mohon dimaafkan dan jika ingin mengkopi tulisan di blog ini silahkan mencantumkan link blog saya. Trims