~my subjective opinion~: Laporan 3 Praktikum WEB PTI479

Selasa, 22 Februari 2011

Laporan 3 Praktikum WEB PTI479

# TUGAS PRAKTIKUM

- CSS Script

 body{ margin: 10px auto; width: 1200px; } header,h, nav,section, section2, footer{ display:block; border: 1px solid gray; } header{ height: 140px; background-image: url("glow.jpg"); } h{ width:1200px; height: 30px; background-color: #f5aaf6; color :brown; font-size: small; font-family:century gothic; } nav{ float:left; width:450px; height:450px; } section{ margin-left:450px; width:748px; height:320px; background-image: url("back.jpg"); color: white; font-family: century gothic; font-size: small; } section2{ margin-left:450px; width:748px; height:128px; background-image: url("back.jpg"); color: white; font-family: century gothic; font-size: small; } footer{ clear:both; height:27px; background-color: #ff88c3; font-family: century gothic; font-size: small; color: brown; text-align:center; }

- HTML Script

 <!DOCTYPE HTML> <html lang="en"> <head> <title>Tugas Praktikum Modul 4</title> <link rel="stylesheet" href="prak.css" type="text/css"> </head> <body> <header> <img src="glow.jpg" height="140" width="1200"> </header> <h> <SEARCH>Search</SEARCH> <BOX><INPUT type="text" size="25" /></BOX> <MENU>Home | News & Media | Tutorial | Tips & Tricks | Download</MENU> </h> <nav> <img src="re.jpg" height="450" width="450"> </nav> <section> <h2> Fakultas Teknik Sabet 2 Rekor MURI</h2> <p align ="justify"> Sabtu, 23 Oktober 2010 merupakan hari yang membanggakan bagi segenap civitas akademika Universitas Negeri Malang. Pada hari itu, sebanyak 2 rekor MURI berhasil disabet dengan sukses oleh Himpunan Mahasiswa Teknologi Industri (HIMTI), Fakultas Teknik, Universitas Negeri Malang. Pemecahan Rekor ini sendiri dilaksanakan dalam rangka memeriahkan Dies Natalis Fakultas Teknik yang ke 45 dan Jurusan Teknologi Industri yang ke 13. <p align="justify"> Rekor yang diterima antara lain, bakso bakar terbanyak dan jas almamater terbesar di Indonesia. Acara yang diselenggarakan di sepanjang Jalan Gombong dan depan Gedung G6 Universitas Negeri Malang ini menyedot antusiasme masyarakat. Terdapat beragam rangkaian acara yang melingkupi pemecahan MURI kali itu. Diantaranya jalan santai, penobatan HIMTI Award, Fashion Show, Lomba Modelling, Lomba Minuman Berempah, Juggling attraction, bazar kuliner, bazar fashion, cosplay, dance, dan hiburan musik. <p align="justify">Acara dimulai dengan jalan sehat. Sembari menunggu peserta jalan sehat kembali, persiapan kegiatan dilakukan, termasuk menyiapkan pembakaran bakso di sepanjang jalan Gombong, dengan panjang bakaran 300 m. Sedangkan jas almamater terbesar telah terpajang di depan gedung G6. Kesibukan juga terlihat di berbagai sudut, termasuk pada stan-stan ormawa Fakultas Teknik. Hiburan musik yang dimainkan oleh beberapa dosen Fakultas Teknik pun menyemarakkan suasana. </section> <section2> <br/><b><i>Share Link</b></i> <br/><br/><a href="blackuro.blogspot.com"> 1. My Blog </a> <br/><a href="http://www.facebook.com/rahajeng.kartika"> 2. My Facebook </a> <br/><a href="twitter.com"> 3. My Twitter</a> <br/><a href="twitter.com"> 3. My Twitter</a> </section2> <footer> <b>© by Jenk21__PTI2009 OFF A 109533423221 </b> </footer> </body> </html> </tex <p><font color="#ffffff"></font></p> <p><font color="#ffffff"># STUDI KASUS</font></p> <p><a href="file:///C:/Users/aJenk/AppData/Local/Temp/WindowsLiveWriter1286139640/supfilesD969CA3/sk4.jpg"><font color="#ffffff"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="sk" border="0" alt="sk" src="file:///C:/Users/aJenk/AppData/Local/Temp/WindowsLiveWriter1286139640/supfilesD969CA3/sk_thumb2.jpg" width="387" height="227" /></font></a></a></p> <p><font color="#ffffff"></font></p> <p><font color="#ffffff">- CSS File</font></p> <textarea readonly="readonly"> body{ margin : 10px auto; width : 900px; border : 1px solid green ; } header, nav, section, article, aside, footer{ display : block; } header{ height: 80px; border : 1px solid green; } nav{ width: 900px; height: 30px; border : 1px solid blue; } section{ width : 900px; height : 450px; border : 1px solid red; } article{ float: left; margin: 20px; width: 500px; height: 410px; border: 1px dashed red; } aside{ margin-left: 540px; width: 340px; height: 410px; border: 1px dashed black; } footer{ clear : both; height : 30px; }

# STUDI KASUS

- CSS Script

 body{ margin : 10px auto; width : 900px; border : 1px solid green ; } header, nav, section, article, aside, footer{ display : block; } header{ height: 80px; border : 1px solid green; } nav{ width: 900px; height: 30px; border : 1px solid blue; } section{ width : 900px; height : 450px; border : 1px solid red; } article{ float: left; margin: 20px; width: 500px; height: 410px; border: 1px dashed red; } aside{ margin-left: 540px; width: 340px; height: 410px; border: 1px dashed black; } footer{ clear : both; height : 30px; }

- HTML Script

 <!Doctype HTML> <html lang="en"> <HEAD> <TITLE>Desain Layout Halaman Web</TITLE> <link rel="stylesheet" href="sk.css" type="text/css" /> <BASE href="http://blackuro.blogspot.com"></HEAD> <BODY> <HEADER>HEADER</HEADER> <NAV>NAV</NAV> <SECTION> <ARTICLE>ARTICLE</ARTICLE> SECTION<ASIDE>ASIDE</ASIDE> </SECTION> <FOOTER>FOOTER</FOOTER> </BODY> </HTML>

2 cuap-cuap:

Skydrugz mengatakan...: lagi2 tugas; 23 Februari 2011 20:51
ajenk mengatakan...: @sky:bnyak tugas, smpe g punya waktu nulis lgi..miris..
T,T; 23 Februari 2011 21:43

Poskan Komentar

Tinggalkan komentarmu ya..^_____^

proud 2 be Indonesian

Tinggalkan Jejak Anda

Jam BeraPa?

Yang baca2..

Namae wa..

TweeT

Patut Dibaca

Selasa, 22 Februari 2011

Laporan 3 Praktikum WEB PTI479

2 cuap-cuap:

Poskan Komentar

WELCOME ^^

Blog Archive

Collegian

Silahkan Dibaca-baca

Suki no Uta..

Translator

Follow Me, if u want^^

wise people who open my blog..^^

Live Traffic

baca juga ya