Ini merupakan code dalam pembuatan desain web. codenya sebagai berikut:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://WWW.W3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>desain web tugas modul 3</title>
<link rel="stylesheet" href="mystyle1.css" type="text/css"/>
<style type="text/css">
<!--
#leftmenu ul {
width: 180px;
list-style-type:none;
padding: 0; margin: 0;
}
#leftmenu a:link, #leftmenu a:visited, #leftmenu a:active {
padding-left: 15px;
text-decoration: none;
}
#leftmenu a {
padding: 5px 0px 5px 15px; display:block;
background: #fe0303 no-repeat left center;
margin: 0px 0px 1px; color: #ffffff;
}
#leftmenu a:hover {
background : #03a2fe no-repeat left center; color: #ffffff
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="logo">
<img src="kates2.gif" border="0" />
</div>
<div id="menu_bar">
Home | Site map | RSS | Contact | About us
</div>
<div id="search">
Search <input type="text"/>
</div>
<div id="header">
<h2>PTRUKZ PRODUCTION</h2>
</div>
<div id="inner">
<div id="sidebar">
<div id="leftmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Tutorial</a></li>
<li><a href="#">Tips & triks</a></li>
<li><a href="#">Download</a></li>
</ul>
</div>
</div>
<div id="top">
<img src="kates1.gif" border="0" />
</div>
<div id="right">
Event
<ul>
<li>lomba robot line tracer</li>
<li>lomba desain gedung bertingkat</li>
<li>lomba plc</li>
<li>lomba roket air</li>
</ul>
</div>
<div id="content">
<h3>Lomba Robot LINE TRACER </h3>
<h4>28 Februari 2010 [13:00]</h4>
Pada akhir bulan ini, Ptrukz Production mengadakan acara yaitu lomba robot line tracer yang total hadiah Rp.25.000.000,-.
</div>
</div>
<div id="footer" align="center">
@ 2010 Ptrukz Production Surabaya, Indonesia
</div>
</body>
</html>
0 komentar:
Posting Komentar