~my subjective opinion~: Laporan Praktikum WEB 2

Selasa, 15 Februari 2011

Laporan Praktikum WEB 2

Membuat Border dengan CSS
- STUDI KASUS
- Source Code HTML

 <br /> <br /> <!DOCTYPE html><br /> <html lang="en"><br /> <head><br /> <title>studi kasus</title><br /> <style type="text/css"> <!-- .lingk{ background-color: #db71d7; -moz-border-radius: 100px; -webkit-border-radius: 100px; border: 2px solid #897048; width: 200px; height: 200px;  color : white; } #lingktulis{     text-align : center;     position : relative;     border : none;     width : 100px;     height : 100px;  color : white; } .dua{     padding : 10px;     border : 5px solid #d7e876;     width : 500px;     height : 50px;     border-bottom-right-radius : 30px;     border-top-left-radius : 30px; background-color: #6fcbb6 } .shadow{ padding: 20px;     border : 2px solid #e22936;     -moz-box-shadow : 5px 5px 8px rgba(100, 0, 255, 1);     -webkit-box-shadow : 5px 5px 5px rgba(255, 0, 0, 0.5);     width : 500px;     height : 30px; background-color: #e6b7f2; } --> </style><br /> </head><br /> <body><br /> <div class="lingk" align="center"><p id="lingktulis">Are you waiting for the day<br /> When your pain will disappear<br /> When you know that it's not true<br /> What they say about you<br /> </div>     <br/><br />   <br/><br />         <div class="dua">taking everything for granted but we still respect the time<br /> we move along with some new passion knowing everything is fine<br /> and i would wait and watch the hours fall in a hundred separated lines<br /> but i regain repose and wonder how i ended up inside</div>        <br/><br />   <br/><br />         <div class="shadow">Fly <br />                   Open up the part of you that wants to hide away<br />                   You can shine,<br />                   Forget about the reasons why you can't in life,<br />                   And start to try, cause it's your time,<br />                   Time to fly.<br />       </div>    </body><br /> </html><br /> </body><br /> </html><br /> <br /> <br />

- Tampilan

2. Membuat Tampilan Face-Mu

- TUGAS PRAKTIKUM

- Source Code

 <br /> <br /> <!DOCTYPE html><br /> <html lang="en"><br /> <head><br /> <title>your face</title><br /> <link rel="icon" href="icon.png" /><br /> <style type="text/css"> <!-- .wrapped { margin : auto; } #atas { height: 100px; background-color: #182281; } #facemu{ padding: 30px 200px 5px; } #tengah{ height:450px; background-image: url("bg.jpg"); padding: 40px 80px 10px; } #bawah{ font-family: comic sans ms; height: 30px; background-color: #182281; padding: 5px 10px; font-size: small; } .login{     float : right;     color : white; font-family : arial narrow;     font-size : small; } .foot, .login {     font-family : arial narrow;     font-size : small; } #tombol{     background-color : #5c66c6;     color : white; }   --> </style><br /> </head><br /> <body><br /> <br /> <br /> <div class="wrapped"><div id="atas"><div id="facemu"><img src="facemu.png" height="40" width="170"><br /> <div class="login"><table><tr> <td>Email</td> <td>Password</td> <td> </td> </tr> <tr> <td><input type="text"></td> <td><input type="password"></td> <td><input type="submit" value="Masuk" id="tombol"></td> </tr> <tbody id="bawah"> <tr> <td><input type="checkbox" checked>Keep me logged in</td> <td>Forgot you're password?</td> <td> </td> </tr> </tbody> </table></div></div></div></div><div id="tengah"></div><br /> <div id="bawah" align="left"><font color="white">Face-mu © 2011 - Created by Ajenk<br/><br /> PTI2009 OFF A 109533423221 </font><br /> <br /> </div><br /> <div class="button"></div><br /> </body><br /> </html><br /> <br /> <br />

- Tampilan