PTI479 Tugas Face-mu February 15, 2011 Unknown No comments After Editing : <br /><br />#wrapper {<br />margin:auto;<br />width: 100%;<br />}<br /><br />#header{<br />clear: both;<br />height: 90px;<br />border: 0px;<br />background-image: url(h.jpg); <br />background-repeat: repeat-x; <br />}<br /><br />#loginq { <br />float: right; <br />height: 30px;<br />font-weight:bold;<br />}<br /><br />#content {<br />float: right;<br />width: 100%;<br />height: 450px;<br />background: #550002;<br />background-repeat: repeat-x; <br />}<br /><br />#footer {<br />clear : both;<br />height: 50px;<br />background-image: url(h.jpg); <br />background-repeat: repeat-x; <br />}<br /><br />.cred {<br /> font-family: tahoma;<br /> font-size: 10px;<br /> text-align: center;<br /> font-weight: bold;<br /> color: #FFFFFF;<br /> padding: 5px 5px 5px 5px;<br />}<br /><br /><br />.table1 {<br /> font-family: tahoma;<br /> font-size: 11px;<br /> text-align: left;<br /> color: #FFFFFF;<br />}<br /> <br /><!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional.dtd"><br /><html xlmns="htt<!DOCTYPE html PUBLIC"><br /><html xlmns="http://www.w3.org/1999/xhtml" lang="en" lang="en"><br /><br /><head><br /><title>friend</title><br /><link rel="stylesheet" href="m.css" type="text/css"><br /></head><br /><br /><body><br /><div id="wrapper"><br /><div id="header"><br /><table class="table1"><br /><tr><br /><td width ="100px"></td><br /><td><br /><img src="ff.gif" align="left" /></td><br /><br /><td width = "500px"></td><br /><br /><td><br />Email <br /><br /><input type="text" name="nme" size="20px"><br /><br /><input type="checkbox"> Biarkan saya tetap masuk </td><br /><td width="20px"></td><br /><td>Password <br /><input type="password" name="pwd" size="20px"><br /><br />Lupa password..?</td><br /><td width="10px"></td><br /><td><br /><a href="http://www.facebook.com/"><img src="1.jpg" height="20px" border="#87bbfb" /></a></td><br /><td width="100px"></td></tr></table><br /></div><br /></div><br /><br /><div id="content"><br /><table class="table1"><br /><tr><td width="10px"><br /><td><br /><img src="cc3.jpg" height="420px" align="center" /></td><br /><td width="30px"></td><td background="img_09.jpg" width=" 550px"><br /><marquee behavior="alternate"><div align="center">Life gives us friends to make sure we have rainbows. <br /><br />Through every shade of light and dark, <br /><br />you have been a prism to help me see the colors of my world.</marquee><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <div align="left">Didn't have any account..?? <b>Sign Up for free </b> its free and always free... <br /><br /><br /><br /><br />First name : <input type="text" name="nme0" size="40px"><br /><br /><br />Last name : <input type="text" name="nme1" size="40px"><br /><br /><br />Your email : <input type="text" name="nme2" size="40px"><br /><br /><br />Password : <input type="password" name="pwd2" size="40px"><br /><br /><br /><br /><a href="http://www.facebook.com/"><img src="1a.jpg" align="center" height="20px" border="#87bbfb" /></a><br /></td><br /></tr><br /></table><br /></div><br /><div id="footer"><br /><div class="cred"><br />copyright © Miftah Faradisa<br /><br />109533423218--S1 PTI 2009 off.A</div><br /></div></body><br /><br /></html> Before Editing : Script CSS dan html <br /><br /><br />#wrapper {<br />margin:auto;<br />width: 1000px;<br />border: 1px solid white;<br />}<br /><br />#header{<br />height: 90px;<br />background: #87bbfb; <br />}<br /><br />#loginq { <br />float: right; <br />height: 30px;<br />font-weight:bold;<br />}<br /><br />#content {<br />float: right;<br />width: 1000px;<br />height: 420px;<br />background-image: url(bg.jpg);<br />background-position: center top;<br />background-repeat: repeat-x; <br />}<br /><br />#footer {<br />clear: both;<br />height: 50px;<br />background: #87bbfb;<br />}<br />.cred {<br /> font-family: tahoma;<br /> font-size: 10px;<br /> text-align: center;<br /> font-weight: bold;<br /> color: #FFFFFF;<br /> padding: 5px 5px 5px 5px;<br />}<br />.pic {<br />padding: 1px 5px 5px 1px;<br />}<br /><br />.table1 {<br /> font-family: tahoma;<br /> font-size: 11px;<br /> text-align: left;<br /> color: #FFFFFF;<br /> border: 0px;<br />}<br /> <br /><!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional.dtd"><br /><html xlmns="htt<!DOCTYPE html PUBLIC"><br /><html xlmns="http://www.w3.org/1999/xhtml" lang="en" lang="en"><br /><br /><head><br /><title>Desain Layout Sederhana</title><br /><link rel="stylesheet" href="m.css" type="text/css"><br /></head><br /><br /><body><br /><div id="wrapper"><br /><div id="header"><br /><div id="”loginq”"><br /><img src="fb.jpg" align="left" /><br /> <br /><div align="right"><br /><br /><table class="table1" width="500"><br /><br /><tr><br /><td>Email <br /><input name="”nama”" size="”20" type="”text”/"><br /><br /><input type="checkbox"> Biarkan saya tetap masuk </td><br /><td>Password <br /><input type="”password”" size="”20" name=" psd"><br /><br />Lupa password..?</td><br /><td><a href="home.html"><img src="1.jpg" height="20px" border="#87bbfb" /></a></td><br /><td><img src="b2.jpg" height="15px" /></td></tr></table><br /></div><br /></div><br /></div><br /><br /><div id="content"><br /><br /></div><br /><div id="footer"><br /><div class="cred"><br />copyright © Miftah Faradisa<br /><br />109533423218--S1 PTI 2009 off.A</div><br /></div></body><br /><br /></html> Printscreen : Email ThisBlogThis!Share to XShare to Facebook Related Posts:My Last Web Designing...Modul 3- Design Web CSSModul 4 - DHTML dan JavascriptCome on, A Little Helper !Pemrograman Berbasis Web
0 comments:
Post a Comment