Tampilkan postingan dengan label PTI479. Tampilkan semua postingan
Tampilkan postingan dengan label PTI479. Tampilkan semua postingan

Senin, 07 Maret 2011

TUGAS PRAKTIKUM MODUL 5

di tugas ini saya membuat sebuah daftar menu makanan yang menggunakan javascript.





untuk mendownload scriptnya dapat KLIK DISINI
Continue Reading...

studi kasus modul 5

di studi kasus modul 5 ini kita membuat tampilan kalkulator web menggunakan javascript. 





untuk mendownload sintaks untuk kalkulator web dapat klik disini
terima kasih ^_^
Continue Reading...

Senin, 28 Februari 2011

Tugas Praktikum modul 4_2

menurut  asdos pemrograman web,  kita bisa mngkreasikan design web sesuai yang kita inginkan..
nah disini saya mencoba membuat design web meskipun belum sempurna ....hehe

untuk skali lagi gambar tidak bisa saya tampilkan karena ..
gambar rusaak.. =))






untuk mendownload gambar, script html dan css dapat klik disini
Continue Reading...

tugas praktikum modul 4 ` mirip modul

tugas praktikum membuat design web 





maaf gambar rusak... heheh

untuik mendownload gambar, hasil , script html dan cssnya..klik disini
Continue Reading...

studi kasus modul 4

tugas studi kasus ini menggunakan tombol ( button ) , pada studi kasus yang saya upload kemarin tidak menggunakan tombol (button) 

maaf hasil print screen tidak dapat ditampilkan karena koneksi lemod.. hehehe



 untuk mendownload gambar printscreen, hasil dan script ...klik disini

Continue Reading...

Minggu, 27 Februari 2011

STUDI KASUS MODUL 4

membuat leyout halaman website dengan  elemen elemen





untuk script html dan cssnya dapat di download disini

Continue Reading...

Senin, 14 Februari 2011

tugas praktikum modul 3

ini tugas praktikum modul 3,,,,
allhamdullilah selesai....


untuk sintasknya silahkan liat di bawah ini :

<!DOCTYPE html>
<html lang="en">

<head>
<title>Selamat Datang di face-mu - Masuk, ...</title>
<link rel="shortcut icon" href="icon.png">
<style type="text/css">
<!--
.box1 {
float: right;
padding: 5px;
height: 100px;
}
.box2 {
float: right;
padding: 5px;
height: 100px;
}
#header{
height: 80px;
background:darkblue;
}
#logo{
float: left;
padding-left: 100px;
padding-top: 20px;
}

.box3 {
}
.box4 {
width: 1300px;
height: 18px;
background: #4169E1;
text-align:left;
font-size:8px;
color:#fff
}


-->
</style>
</head>

<div id="logo">
<img src="logofm.jpg">
</div>

<form>
<div id="header">
<div class="box2">
<br><input type="button" value="masuk">
<br>
</div>

<div class="box1">
Password <br><input type="text" size="25">
<br>Lupa kata sandi anda?
</div>

<div class="box1">
Email <br><input type="text" size="25">
<br><input type="checkbox">Biarkan saya tetap masuk
</div>
</div>

<div class="box3">
<img src="bg.jpg" width='1300' height='500'>


<div class="box4"> Face-mu © 2011 - dephie Production
</div>


</div></div></div></div><div align ="right" id="dropmenu_container"></div>
<div id="content" class="fb_content clearfix"><div><!-- 2365fa3194ecdc0cab15721ce967a9f8663937c7 -->
<div class="uiWashLayout">
<div class="uiWashLayoutGradientWash">
<div class="uiWashLayoutWashContent"><div class="contentContainer">
<div class="clearfix fbIndexFeaturedRegistration"><div class="feature lfloat"><div class="plm fbIndexMap"><div class="plm plm title fsl fwb fcb">FaceMu ini kembaranya facebook tapi gk bisa di pakai.</div><div class="mtl map"></div></div></div><div class="signupForm rfloat"><div class="mbm phm headerTextContainer"><div class="mbs mbs mainTitle fsl fwb fcb">ndaptar</div><div class="mbm mbm subtitle fsm fwn fcg">Gratis, sampai seelamanya soalnya gk kenak<div></div><div id="registration_container"><div><noscript><div id="no_js_box"><h2>Javascript pada browser Anda tidak diaktifkan.</h2><p>Aktifkan JavaScript pada perambah Anda atau tingkatkan ke perambah mampu-Javascript untuk mendaftar ke Facebook.</p></div></noscript><div id="simple_registration_container" class="simple_registration_container"><div id="reg_box"><form method="post" id="reg" name="reg" onsubmit="return function(event)&#123;return false;&#125;.call(this,event)!==false &amp;&amp; Event.__inlineSubmit(this,event)"><input type="hidden" autocomplete="off" name="post_form_id" value="7d96db666d0a02a3db371d5c4bf24753" /><input type="hidden" name="lsd" value="EjWaw" autocomplete="off" /><input type="hidden" autocomplete="off" id="reg_instance" name="reg_instance" value="5AdRTXtF20NzwoQwD1Nfr5LD" /><input type="hidden" autocomplete="off" id="locale" name="locale" value="id_ID" /><input type="hidden" autocomplete="off" id="terms" name="terms" value="on" /><input type="hidden" autocomplete="off" id="abtest_registration_group" name="abtest_registration_group" value="1" /><input type="hidden" autocomplete="off" id="referrer" name="referrer" value="" /><input type="hidden" autocomplete="off" id="md5pass" name="md5pass" value="" /><input type="hidden" autocomplete="off" id="validate_mx_records" name="validate_mx_records" value="1" /><input type="hidden" autocomplete="off" id="ab_test_data" name="ab_test_data" value="" /><div id="reg_form_box" class="large_form"><table class="uiGrid editor" cellspacing="0" cellpadding="1"><tbody><tr><td class="label"><label for="firstname">Nama Depan:</label></td><td><div class="field_container"><input type="text" class="inputtext" id="firstname" name="firstname" /></div></td></tr><tr><td class="label"><label for="lastname">Nama Belakang:</label></td><td><div class="field_container"><input type="text" class="inputtext" id="lastname" name="lastname" /></div></td></tr><tr><td class="label"><label for="reg_email__">Email Anda:</label></td><td><div class="field_container"><input type="text" class="inputtext" id="reg_email__" name="reg_email__" /></div></td></tr><tr><td class="label"><label for="reg_email_confirmation__">Masukkan Ulang Email:</label></td><td><div class="field_container"><input type="text" class="inputtext" id="reg_email_confirmation__" name="reg_email_confirmation__" /></div></td></tr><tr><td class="label"><label for="reg_passwd__">Kata sandi Baru:</label></td><td><div class="field_container"><input type="password" class="inputtext" id="reg_passwd__" name="reg_passwd__" value="" /></div></td></tr><tr><td class="label">Saya seorang:</td><td><div class="field_container"><div class="hidden_elem"><select><option></option><option></option></select><select><option></option><option></option></select></div><select class="select" name="sex" id="sex"><option value="0">Pilih Jenis kelamin:</option><option value="1">Perempuan</option><option value="2">Laki-laki</option></select></div></td></tr><tr><td class="label">Tanggal Lahir:</td><td><div class="field_container"> <select name="birthday_day" id="birthday_day"  onchange="bagofholding" autocomplete="off"><option value="-1">Tanggal:</option><option value="1">1</option>

</form>
</body>
</html>



dan untuk hasil printscreenya :


Continue Reading...

STUDI KASUS MODUL 3

ini tugas studi kasus modul 3 membuat border...
haduh padahal tadi udah upload yang ini ... tapi ke hapus.. parah.....


ya udah ini aku upload lagi tugasku...

untuk sintaksnya border bisa di lihat di bawah ini

<!DOCTYPE html>
<html lang="en">
<head>
<title>Demo Rounded Border</title>
<style type="text/css">
<!--

.lingkaran2{
width:150px;
height:150px;
border: 2px solid brown;
border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
background:#897048;
text-align:center;
font-size:18px;
color:#fff
}
.text-lingkaran{
padding-top: 100px;
}

.round2 {
-moz-border-radius-bottomright: 25px 25px;
border-bottom-right-radius: 25px 25px;
-moz-border-radius-topleft: 25px 25px;
border-top-left-radius: 25px 25px;
border: 4px solid green;
padding: 10px;
width: 270px;
height: 30;
}

.round3 {
border: 2px solid #897048;
padding: 10px;
}
.shadow {
width: 300px;
box-shadow: 5px 5px 7px #222;
-moz-box-shadow: 5px 5px 7px #222;
-webkit-box-shadow: 5px 5px 7px #222;
}

-->
</style>
</head>
<body>

<p>
<div class="lingkaran2">
<span class="text-lingkaran">
<br> ini contoh </br> border </br> Lingkaran ^_^
</span>
</div>

<br />
<div class="round2">
ini juga gaya border yang lain dan linenya diberi warna hijau
</div>
<br/>

<div class="shadow">
<p class="round3">ini border persegi dengan menggunakan efek shadow
</div>
<br/>
</body>
</html>


untuk hasilnya :

Continue Reading...

Minggu, 06 Februari 2011

Tugas Praktikum Modul 2 no 1

di bawah ini sintaks untuk membuat grafik dengan tabel

sintaks :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>GRAFIK BERBASIS TABEL</title>


</head>


<body>

<table width="600" >
<tr>
<td width="600" colspan="2">
<table rules="rows" frame="hsides" align="left" cellspacing="0" cellpadding="10">
<tr><!-- Mengatur lebar kolom -->
<th width="200">Perusahaan</th>
<th width="500">Pendapatan</th>
</tr>
</table>
</td>
</tr>


<tr>
<td>
<table frame="below" align="left" cellspacing="0"cellpadding="3">
<tr>
<!-- Mengatur lebar kolom -->
<td width="200">Angin Reboot Ltd</td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="150" colspan="5" >
<table border="1">
<tr>
<th width="150" height="16" colspan="5" bgcolor="#008000"></th>
</tr>
</table>
</td>
<td >+150%</td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
</tr>


<tr><!-- Mengatur lebar kolom -->
<td width="200">Command Prompt Inc</td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="50" colspan="2"><table border="1">
<tr>
<td width="50" height="16" colspan="2" bgcolor="#008000">
</td>
</tr>
</table>
</td>
<td width="25">+55%</td>
<td width="25"></td>
<td width="25"></td>
</tr>


<tr><!-- Mengatur lebar kolom -->
<td width="200">Hibernate Ltd</td>
<td width="50"></td>
<td width="25"></td>


<td width="25" align="right">-23%</td>
<td width="25"><table border="1" align="right">
<tr>
<td width="20" height="16" bgcolor="#FFFF00">
</td>
</tr>
</table>
</td>
<td width="25"></td>
<td width="25"></td>
</tr>


<tr><!-- Mengatur lebar kolom -->
<td width="200">Shutdown Ltd</td>
<td width="25"></td>


<td width="25"></td>
<td width="25">-75%</td>
<td width="100"><table border="1">
<tr>
<td width="100" height="16" colspan="3" bgcolor="#FF0000">
</td>
</tr>
</table>
</td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
</tr>
</table>
</td>
</tr>
</table>



</body>
</html>

dan dibawah ini printscreennya :


Continue Reading...

Tugas Praktikum 2 Modul 2 ( membuat grafik menggunakan tabel)~

tugas praktikum no 2 ini membuat grafik dengan menggunakan tabel

di bawah ini sintaksnya :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/frameset.dtd">
<html lang="en">


<head>
<title>Grafik Berbasis Tabel Pengelompokan</title>
</head>


<body>
<h3 align="center">PERBANDINGAN FITUR </h3>
</br>


<table border="2" align="center" cellspacing=0 frame=hsides rules="groups"
summary="Grafik Berbasis Tabel 2">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center" span="2">
<thead valign="middle">


<tr>
<th width="35">No
<th width="200">Fitur
<th width="100">Enterprise
<th width="50">Pro
<th width="50">Free
</tr>


<tbody>
<tr><td>1<td>Garansi seumur hidup<td align="center">X<td align="center">-<td align="center">-</tr>
<tr><td>2<td>Multiuser<td align="center">X<td align="center">-<td align="center">-</tr>
<tr><td>3<td>Update otomatis<td align="center">X<td align="center">X<td align="center">-</tr>
<tr><td>4<td>Cetak laporan<td align="center">X<td align="center">X<td align="center">-</tr>
<tr><td>5<td>Notifikasi error<td align="center">X<td align="center">X<td align="center">X</tr>


<tbody>
<tr><td>6<td>Ubah tema<td align="center">X<td align="center">X<td align="center">X</tr>
<tr><td>7<td>Try ikon<td align="center">X<td align="center">X<td align="center">X</tr>


</table>

</body>
</html>


dan hasil print screennya :


Continue Reading...

STUDI KASUS MODUL 2 ~

Study kasus modul 2 ini membuat desain frame

sintaks :


<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http ://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml: lang ="en">

<head>
    <title> Study Kasus </title>
</head>


<frameset>
<frameset rows="20%,*,20%">
<frame src="demo link2.html"name="top" id="top" />
<frameset cols="20%,*,20%">
<frame src="link1.html" name="left" id="left" />
<frame src="link internal.html" name="main" id="main" />

<frame src="link1.html" name="right" id="right" />
</frameset>
<frame src="demo link2.html" name="bottom" id="bottom" />



</frameset>

</html>


ini sintaks masih belum semuanya di upload karena di dalam ini menggunakan search link untuk menampilkan data di dalam frame..

print screan:
 
Continue Reading...

STUDY KASUS MODUL 1

SINTAKS :
sintaks di bawah ini  untuk sintaks studi kasus modul 1, 

<!DOCTYPE html>
<html lang="en">
<head>
 <title>Demo Paragraf</title>
</head>

<body background="BG_051.jpg" font=>

<h1>Halaman Web Sederhana</h1 <hr color="blue"/>

 <p>
 Lorem ipsum dolor sit amet, consectetur adipsicing elit, sed do eiusmod temor incididunt ut labore et dolore magna aliqua.
 Lorem ipsum dolor sit amet, consectetur adipsicing elit, sed do eiusmod temor incididunt ut labore et dolore magna aliqua.
 Lorem ipsum dolor sit amet, consectetur adipsicing elit, sed do eiusmod temor incididunt ut labore et dolore magna aliqua.

 <p>
  Lorem ipsum dolor sit amet, consectetur adipsicing elit, sed do eiusmod temor incididunt ut labore et dolore magna aliqua.
 Lorem ipsum dolor sit amet, consectetur adipsicing elit, sed do eiusmod temor incididunt ut labore et dolore magna aliqua.
 Lorem ipsum dolor sit amet, consectetur adipsicing elit, sed do eiusmod temor incididunt ut labore et dolore magna aliqua.

 <hr color="red"/>

  <hr color="blue" width=300 align="right"/>

  <img src="AKU.jpg" align="right">

 </body>

 </html>




HASIL dari sintaks

Continue Reading...
 

pHie Key Locked Copyright © 2009 Girlymagz is Designed by Bie Girl Vector by Ipietoon