Script Form LOGIN untuk UTS
<!DOCTYPE html>
<html lang="en">
<head>
<title>UTS Praktikum Pemrograman Berbasis Web</title>
<script language="JavaScript" type="text/javascript" src=".js"></script>
</head>
<body>
<hr color="red" width="350px" size="10px" align="left" />
<h2> :: Sign Up Form ::</h2>
<hr color="red" width="350px" size="10px" align="left" />
<?php
if($_POST){
$nama = $_POST['nama'];
$email = $_POST['email'];
$alamat = $_POST['alamat'];
$kota = $_POST['kota'];
$kodePos = $_POST['kode_pos'];
$error = array();
if(empty($nama)){
$error['nama'] = 'Nama tidak boleh kosong';
}
if(empty($email)){
$error['email'] = 'Email tidak boleh kosong';
}
if(empty($alamat)){
$error['alamat'] = 'Alamat tidak boleh kosong';
}
if(empty($kota)){
$error['kota'] = 'Kota tidak boleh kosong';
}
if(empty($kodePos)){
$error['kode_pos'] = 'Kode pos tidak boleh kosong';
}
if(empty($error)){
//prosess data
}
}
?>
<form name="form-name" method="post" action="">
<dl>
<dt>Nama:</dt>
<dd>
<input name="nama" id="nama" type="text" value="<?php echo isset($_POST['nama']) ? $_POST['nama'] : '';?>" />
<div style="color:red"><?php echo isset($error['nama']) ? $error['nama'] : '';?></div>
</dd>
<dt>Email:</dt>
<dd>
<input name="email" id="email" type="text" value="<?php echo isset($_POST['email']) ? $_POST['email'] : '';?>" />
<div style="color:red"><?php echo isset($error['email']) ? $error['email'] : '';?></div>
</dd>
<dt>Alamat:</dt>
<dd>
<input name="alamat" id="alamat" type="text" value="<?php echo isset($_POST['alamat']) ? $_POST['alamat'] : '';?>" />
<div style="color:red"><?php echo isset($error['alamat']) ? $error['alamat'] : '';?></div>
</dd>
<dt>Kota:</dt>
<dd>
<input name="kota" id="kota" type="text" value="<?php echo isset($_POST['kota']) ? $_POST['kota'] : '';?>" />
<div style="color:red"><?php echo isset($error['kota']) ? $error['kota'] : '';?></div>
</dd>
<dt>Kode POS:</dt>
<dd>
<input name="kode_pos" id="kode_pos" type="text" value="<?php echo isset($_POST['kode_pos']) ? $_POST['kode_pos'] : '';?>" />
<div style="color:red"><?php echo isset($error['kode_pos']) ? $error['kode_pos'] : '';?></div>
</dd>
<dt></dt>
<dd>
<input name="submit" id="submit" type="Submit" value="Submit" />
</dd>
</dl>
</form>
</body>
</body>
</html>
screenshot form login
Putri Devi
Rabu, 16 Maret 2011
Selasa, 01 Maret 2011
Tugas Praktikum Pemrograman Web- Kalkulator dengan Java Script . Praktikum 5
Script :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Kalculator Sederhana</title>
<script language="JavaScript" type="text/javascript" src="kalkulator.js"></script>
</head>
<hr color="red" width="350px" size="10px" align="left" />
<font size="4" color="green">Kalkulator Sederhana menggunakan Java Script</font>
<hr color="red" width="350px" size="10px" align="left" /><br>
<form name="calc" action="#">
Masukkan Bilangan Pertama
<br><input type="text" size="25" name="bil1" /><br>
Masukkan Bilangan Kedua
<br><input type="text" size="25" name="bil2" /><br>
<input name="op" type="button" value="+" onclick="penjumlahan()" />
<input name="op" type="button" value="-" onclick="pengurangan()" />
<input name="op" type="button" value="x" onclick="perkalian()" />
<input name="op" type="button" value="/" onclick="pembagian()" /><br>
<br>Hasil Perhitungan
<br><input type="text" size="25" name="hasil" readonly /><br>
<br><input name="op" type="button" value="Bersihkan" onclick="bersih()" /><br>
<br><hr color="red" width="300px" size="10px" align="left"></hr>
</body>
</html>
kalkulator.js
function penjumlahan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 + bil2;
komponen.hasil.value = hasil;
}
function pengurangan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 - bil2;
komponen.hasil.value = hasil;
}
function perkalian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 * bil2;
komponen.hasil.value = hasil;
}
function pembagian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 / bil2;
komponen.hasil.value = hasil;
}
function bersih(){
var elemen = document.calc;
elemen.bil1.value = "";
elemen.bil2.value = "";
elemen.hasil.value = "";
}
screenshot kalkulator
<!DOCTYPE html>
<html lang="en">
<head>
<title>Kalculator Sederhana</title>
<script language="JavaScript" type="text/javascript" src="kalkulator.js"></script>
</head>
<hr color="red" width="350px" size="10px" align="left" />
<font size="4" color="green">Kalkulator Sederhana menggunakan Java Script</font>
<hr color="red" width="350px" size="10px" align="left" /><br>
<form name="calc" action="#">
Masukkan Bilangan Pertama
<br><input type="text" size="25" name="bil1" /><br>
Masukkan Bilangan Kedua
<br><input type="text" size="25" name="bil2" /><br>
<input name="op" type="button" value="+" onclick="penjumlahan()" />
<input name="op" type="button" value="-" onclick="pengurangan()" />
<input name="op" type="button" value="x" onclick="perkalian()" />
<input name="op" type="button" value="/" onclick="pembagian()" /><br>
<br>Hasil Perhitungan
<br><input type="text" size="25" name="hasil" readonly /><br>
<br><input name="op" type="button" value="Bersihkan" onclick="bersih()" /><br>
<br><hr color="red" width="300px" size="10px" align="left"></hr>
</body>
</html>
kalkulator.js
function penjumlahan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 + bil2;
komponen.hasil.value = hasil;
}
function pengurangan(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 - bil2;
komponen.hasil.value = hasil;
}
function perkalian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 * bil2;
komponen.hasil.value = hasil;
}
function pembagian(){
var komponen = document.calc;
var bil1 = parseInt(komponen.bil1.value);
var bil2 = parseInt(komponen.bil2.value);
var op = komponen.op.value;
var hasil;
hasil = bil1 / bil2;
komponen.hasil.value = hasil;
}
function bersih(){
var elemen = document.calc;
elemen.bil1.value = "";
elemen.bil2.value = "";
elemen.hasil.value = "";
}
screenshot kalkulator
Tugas Praktikum Pemrograman Web- Form Pemesanan dengan Java Script . Praktikum 5
Script :
<!DOCTYPEhtml>
<html lang="en">
<head>
<title>Form Pemesanan</title>
<script language="JavaScript" type="text/javascript" src="pemesanan.js"></script>
</head>
<body>
<hr width="505px" size="7" color="red" align="left">
<h2>Form Pemesanan Berbasis JavaScript</h2>
<hr width="505px" size="7" color="red" align="left">
<form name="pemesanan" action="#">
<table border="3">
<tr bgcolor="pink">
<th>No</th>
<th>Makanan / Minuman</th>
<th>Harga</th>
<th>Pesan</th>
</tr>
<tr>
<td align="center">1</td>
<td>Bakso Istimewa</td>
<td>@<input type="text" name="harga1" value="12000" onchange="proses()" /></td>
<td><input type="text" name="pesan1" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">2</td>
<td>Soto Spesial</td>
<td>@<input type="text" name="harga2" value="10000" onchange="proses()" /></td>
<td><input type="text" name="pesan2" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">3</td>
<td>Mie Ayam Super</td>
<td>@<input type="text" name="harga3" value="15000" onchange="proses()" /></td>
<td><input type="text" name="pesan3" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">4</td>
<td>Es Degan</td>
<td>@<input type="text" name="harga4" value="5000" onchange="proses()" /></td>
<td><input type="text" name="pesan4" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">5</td>
<td>Es Campur</td>
<td>@<input type="text" name="harga5" value="7000" onchange="proses()" /></td>
<td><input type="text" name="pesan5" onchange="proses()" /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Jumlah Total</td>
<td><input type="text" name="total" readonly /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Diskon</td>
<td><input type="text" name="diskon" readonly /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Jumlah Dibayar</td>
<td><input type="text" name="bayar" readonly /></td>
</tr>
</table>
<br>
<input type="button" name="batal" value="Batal" onclick="reset()" />
</form><br>
<font size="2px">
<b>Ketentuan Diskon :</b><br>
- Diskon 2.5% untuk Pemebelian diatas Rp 25.000,00<br>
- Diskon 5.0% untuk Pemebelian diatas Rp 50.000,00<br>
- Diskon 7.5% untuk Pemebelian diatas Rp 100.000,00<br>
<hr width="505px" size="7" color="red" align="left">
</body>
</html>
pemesanan.js
function totalHarga(){
var harga;
var pesanan;
var total = 0;
for(i = 0; i < 12; i += 2){
harga = parseInt(document.pemesanan[i].value);
pesanan = parseInt(document.pemesanan[i + 1].value);
if(pesanan > 0){
total = total + (harga * pesanan);
}
document.pemesanan.total.value = total;
}
}
function diskon(){
var total = parseInt(document.pemesanan.total.value);
var diskon = 0;
if(total >= 100000){
diskon = 7.5 / 100 * total;
}
else if(total >= 50000){
diskon = 5 / 100 * total;
}
else if(total >= 25000){
diskon = 2.5 / 100 * total;
}
document.pemesanan.diskon.value = diskon;
}
function jumlahBayar(){
var total = parseInt(document.pemesanan.total.value);
var diskon = parseInt(document.pemesanan.diskon.value);
var bayar = total - diskon;
document.pemesanan.bayar.value = bayar;
}
function proses(){
totalHarga();
diskon();
jumlahBayar();
}
function reset(){
var elemen = document.pemesanan;
elemen.pesan1.value = "";
elemen.pesan2.value = "";
elemen.pesan3.value = "";
elemen.pesan4.value = "";
elemen.pesan5.value = "";
elemen.pesan6.value = "";
elemen.total.value = "";
elemen.diskon.value = "";
elemen.bayar.value = "";
}
screenshot form-pemesanan
<!DOCTYPEhtml>
<html lang="en">
<head>
<title>Form Pemesanan</title>
<script language="JavaScript" type="text/javascript" src="pemesanan.js"></script>
</head>
<body>
<hr width="505px" size="7" color="red" align="left">
<h2>Form Pemesanan Berbasis JavaScript</h2>
<hr width="505px" size="7" color="red" align="left">
<form name="pemesanan" action="#">
<table border="3">
<tr bgcolor="pink">
<th>No</th>
<th>Makanan / Minuman</th>
<th>Harga</th>
<th>Pesan</th>
</tr>
<tr>
<td align="center">1</td>
<td>Bakso Istimewa</td>
<td>@<input type="text" name="harga1" value="12000" onchange="proses()" /></td>
<td><input type="text" name="pesan1" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">2</td>
<td>Soto Spesial</td>
<td>@<input type="text" name="harga2" value="10000" onchange="proses()" /></td>
<td><input type="text" name="pesan2" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">3</td>
<td>Mie Ayam Super</td>
<td>@<input type="text" name="harga3" value="15000" onchange="proses()" /></td>
<td><input type="text" name="pesan3" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">4</td>
<td>Es Degan</td>
<td>@<input type="text" name="harga4" value="5000" onchange="proses()" /></td>
<td><input type="text" name="pesan4" onchange="proses()" /></td>
</tr>
<tr>
<td align="center">5</td>
<td>Es Campur</td>
<td>@<input type="text" name="harga5" value="7000" onchange="proses()" /></td>
<td><input type="text" name="pesan5" onchange="proses()" /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Jumlah Total</td>
<td><input type="text" name="total" readonly /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Diskon</td>
<td><input type="text" name="diskon" readonly /></td>
</tr>
<tr>
<td colspan="3" align="right" bgcolor=#f0f0f0>Jumlah Dibayar</td>
<td><input type="text" name="bayar" readonly /></td>
</tr>
</table>
<br>
<input type="button" name="batal" value="Batal" onclick="reset()" />
</form><br>
<font size="2px">
<b>Ketentuan Diskon :</b><br>
- Diskon 2.5% untuk Pemebelian diatas Rp 25.000,00<br>
- Diskon 5.0% untuk Pemebelian diatas Rp 50.000,00<br>
- Diskon 7.5% untuk Pemebelian diatas Rp 100.000,00<br>
<hr width="505px" size="7" color="red" align="left">
</body>
</html>
pemesanan.js
function totalHarga(){
var harga;
var pesanan;
var total = 0;
for(i = 0; i < 12; i += 2){
harga = parseInt(document.pemesanan[i].value);
pesanan = parseInt(document.pemesanan[i + 1].value);
if(pesanan > 0){
total = total + (harga * pesanan);
}
document.pemesanan.total.value = total;
}
}
function diskon(){
var total = parseInt(document.pemesanan.total.value);
var diskon = 0;
if(total >= 100000){
diskon = 7.5 / 100 * total;
}
else if(total >= 50000){
diskon = 5 / 100 * total;
}
else if(total >= 25000){
diskon = 2.5 / 100 * total;
}
document.pemesanan.diskon.value = diskon;
}
function jumlahBayar(){
var total = parseInt(document.pemesanan.total.value);
var diskon = parseInt(document.pemesanan.diskon.value);
var bayar = total - diskon;
document.pemesanan.bayar.value = bayar;
}
function proses(){
totalHarga();
diskon();
jumlahBayar();
}
function reset(){
var elemen = document.pemesanan;
elemen.pesan1.value = "";
elemen.pesan2.value = "";
elemen.pesan3.value = "";
elemen.pesan4.value = "";
elemen.pesan5.value = "";
elemen.pesan6.value = "";
elemen.total.value = "";
elemen.diskon.value = "";
elemen.bayar.value = "";
}
screenshot form-pemesanan
Tugas Praktikum Pemrograman Web -Desain Layout Halaman Web Sederhana. Praktikum 4
<!Doctype HTML>
<html lang="en">
<HEAD>
<TITLE>Desain Layout Halaman Web Sederhana</TITLE>
<link rel="stylesheet" href="praktikum4.css" type="text/css" />
</HEAD>
<BODY>
<HEADER>
<LOGO></LOGO>
<TE>TEKNIK ELEKTRO</TE>
</HEADER>
<NAV><SEARCH>Search : </SEARCH><BOX>
<INPUT type="text" size="22" />
</BOX>
<MENU>Home | News & Media | Tutorial | Tips & Tricks | Download</MENU>
</NAV>
<SECTION>
<PICT></PICT>
<ARTICLE>
Chen Shui-bian (Hanzi:Hanz, Pinyin:Chén Shuibian lahir 18 Februari 1951; umur 59 tahun) adalah Presiden Republik Cina sejak tahun 2000. Chen Shui-bian lahir di Desa Hsi-chuang, Kecamatan Kuan-tien, Kabupaten Tainan, Taiwan. Dusun tersebut dihuni hanya beberapa ratus keluarga yang memiliki mata pencaharian utama sebagai petani.
<BR><BR>
Nama yang disandangnya merupakan nama tradisional Taiwan. Chen Shui-bian adalah anak pertama dari pasangan Chen Sung-ken (ayah) dan Chen Le-chen (ibu). Ia tiga bersaudara. Namanya sendiri mengacu pada arti 'batang bambu' yang biasa digunakan oleh para petani miskin untuk mengangkat dua ember air di ujungnya. Secara harfiah, karakter shui berarti 'air' dan bian berarti 'datar'.
</ARTICLE>
<EVENT>
<BR>
<B>   EVENT :</B>
<ul>
<li><a href="#">Balapan Makan Krupuk</a></li>
<li><a href="#">Lomba Ngupil</a></li>
<li><a href="#">Wisuda PTI'09</a></li>
<li><a href="#">Audisi Mahasiswa Abadi</a></li>
</ul>
</EVENT>
</SECTION>
<FOOTER>
Home | News & Media | Tutorial | Tips & Tricks | Download
</FOOTER>
</BODY>
</HTML>
praktikum4.css
body{
margin : 10px auto;
width : 900px;
}
header, logo, te, nav, search, box, section, pict, article, event, footer{
display : block;
}
header{
height: 90px;
width: auto;
background-image : url(images/header.jpg);
}
logo{
float : left;
margin-left : 30px;
height : 90px;
width : 90px;
background-image : url(images/um2.png);
}
te{
padding: 30px;
font-family : comic sans ms;
font-weight: bold;
font-size : 32px;
color : white;
}
nav{
width: 900px;
height: 40px;
background-color : #bbdefb;
color : #459dff;
font-family: comic sans ms;
}
search{
float : left;
margin-top: 2px;
margin-left : 20px;
width : 60px;
height: 20px;
}
box{
margin-top: 2px;
float: left;
width: 150px;
height: 20px;
}
menu{
margin-top: 2px;
margin-left: 200px;
float: left;
width: 425px;
height: 10px;
text-align : right ;
}
section{
width : 900px;
height : 450px;
background-color : #bbdefb;
}
pict{
float: left;
width: 300px;
height: 450px;
background-image : url(images/pict2.jpg);
}
article{
font-family : comic sans ms;
margin-left: 300px;
width: 590px;
height: 325px;
background-color : #ffffff;
}
event{
font-family : comic sans ms ;
font-size : 12px;
font-weight: bold;
color : #459dff;
margin-left: 300px;
width: 590px;
height: 125px;
background-color : #bbdefb;
}
footer{
clear : both;
height : 30px;
background-image : url(images/footer.jpg);
text-align : center;
font-weight: bold;
font-family: comic sans ms;
color: white;
font-size: 12px;
}
screenshot
<html lang="en">
<HEAD>
<TITLE>Desain Layout Halaman Web Sederhana</TITLE>
<link rel="stylesheet" href="praktikum4.css" type="text/css" />
</HEAD>
<BODY>
<HEADER>
<LOGO></LOGO>
<TE>TEKNIK ELEKTRO</TE>
</HEADER>
<NAV><SEARCH>Search : </SEARCH><BOX>
<INPUT type="text" size="22" />
</BOX>
<MENU>Home | News & Media | Tutorial | Tips & Tricks | Download</MENU>
</NAV>
<SECTION>
<PICT></PICT>
<ARTICLE>
Chen Shui-bian (Hanzi:Hanz, Pinyin:Chén Shuibian lahir 18 Februari 1951; umur 59 tahun) adalah Presiden Republik Cina sejak tahun 2000. Chen Shui-bian lahir di Desa Hsi-chuang, Kecamatan Kuan-tien, Kabupaten Tainan, Taiwan. Dusun tersebut dihuni hanya beberapa ratus keluarga yang memiliki mata pencaharian utama sebagai petani.
<BR><BR>
Nama yang disandangnya merupakan nama tradisional Taiwan. Chen Shui-bian adalah anak pertama dari pasangan Chen Sung-ken (ayah) dan Chen Le-chen (ibu). Ia tiga bersaudara. Namanya sendiri mengacu pada arti 'batang bambu' yang biasa digunakan oleh para petani miskin untuk mengangkat dua ember air di ujungnya. Secara harfiah, karakter shui berarti 'air' dan bian berarti 'datar'.
</ARTICLE>
<EVENT>
<BR>
<B>   EVENT :</B>
<ul>
<li><a href="#">Balapan Makan Krupuk</a></li>
<li><a href="#">Lomba Ngupil</a></li>
<li><a href="#">Wisuda PTI'09</a></li>
<li><a href="#">Audisi Mahasiswa Abadi</a></li>
</ul>
</EVENT>
</SECTION>
<FOOTER>
Home | News & Media | Tutorial | Tips & Tricks | Download
</FOOTER>
</BODY>
</HTML>
praktikum4.css
body{
margin : 10px auto;
width : 900px;
}
header, logo, te, nav, search, box, section, pict, article, event, footer{
display : block;
}
header{
height: 90px;
width: auto;
background-image : url(images/header.jpg);
}
logo{
float : left;
margin-left : 30px;
height : 90px;
width : 90px;
background-image : url(images/um2.png);
}
te{
padding: 30px;
font-family : comic sans ms;
font-weight: bold;
font-size : 32px;
color : white;
}
nav{
width: 900px;
height: 40px;
background-color : #bbdefb;
color : #459dff;
font-family: comic sans ms;
}
search{
float : left;
margin-top: 2px;
margin-left : 20px;
width : 60px;
height: 20px;
}
box{
margin-top: 2px;
float: left;
width: 150px;
height: 20px;
}
menu{
margin-top: 2px;
margin-left: 200px;
float: left;
width: 425px;
height: 10px;
text-align : right ;
}
section{
width : 900px;
height : 450px;
background-color : #bbdefb;
}
pict{
float: left;
width: 300px;
height: 450px;
background-image : url(images/pict2.jpg);
}
article{
font-family : comic sans ms;
margin-left: 300px;
width: 590px;
height: 325px;
background-color : #ffffff;
}
event{
font-family : comic sans ms ;
font-size : 12px;
font-weight: bold;
color : #459dff;
margin-left: 300px;
width: 590px;
height: 125px;
background-color : #bbdefb;
}
footer{
clear : both;
height : 30px;
background-image : url(images/footer.jpg);
text-align : center;
font-weight: bold;
font-family: comic sans ms;
color: white;
font-size: 12px;
}
screenshot
Selasa, 15 Februari 2011
Tugas Praktikum Pemrograman Web - Layout Sederhana
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional.dtd">
<html xlmns="htt<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional.dtd">
<html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Coba Desain Layout</title>
<link rel="stylesheet" href="depii.css" type="text/css"/>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id=”loginku”>
<img src="fb.jpg", div align="left">
<div align="right">
<table class="table1", width="500"><br>
<tr>
<td>Email <br><input name=”nama” size=”21" type=”text”/>
<br><input type="checkbox" value="true"> Biarkan saya tetap masuk </td>
<td>Password <br><input name=”pass” size=”20" type=”text”/>
<br>Lupa password ? </td>
<td><a href="home.html"><img src="1.jpg", height="16px", border="#87bbfb"></a></td>
<td><img src="b2.jpg", height="15px"></td></tr></table>
</div>
</div>
</div>
<div id="content">
</div>
<div id="footer">
<div class="cred">
copyright © Devi Putri Aisyiyah
</div></body>
</html>
depii.css
#wrapper {
margin:auto;
width: 1000px;
border: 1px solid white;
}
#header{
height: 90px;
background: #87bbfb;
}
#loginq {
float: right;
height: 30px;
font-weight:bold;
}
#content {
float: right;
width: 1000px;
height: 420px;
background-image: url(bg.jpg);
background-position: center top;
background-repeat: repeat-x;
}
#footer {
clear: both;
height: 30px;
background: #87bbfb;
}
.cred {
font-family: comic sans ms;
font-size: 16px;
text-align: left;
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
}
.pic {
padding: 1px 5px 5px 1px;
}
.table1 {
font-family: comic sans ms;
font-size: 10px;
text-align: left;
color: #FFFFFF;
border: 0px;
}
screen shot face-mu
<html xlmns="htt<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional.dtd">
<html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Coba Desain Layout</title>
<link rel="stylesheet" href="depii.css" type="text/css"/>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id=”loginku”>
<img src="fb.jpg", div align="left">
<div align="right">
<table class="table1", width="500"><br>
<tr>
<td>Email <br><input name=”nama” size=”21" type=”text”/>
<br><input type="checkbox" value="true"> Biarkan saya tetap masuk </td>
<td>Password <br><input name=”pass” size=”20" type=”text”/>
<br>Lupa password ? </td>
<td><a href="home.html"><img src="1.jpg", height="16px", border="#87bbfb"></a></td>
<td><img src="b2.jpg", height="15px"></td></tr></table>
</div>
</div>
</div>
<div id="content">
</div>
<div id="footer">
<div class="cred">
copyright © Devi Putri Aisyiyah
</div></body>
</html>
depii.css
#wrapper {
margin:auto;
width: 1000px;
border: 1px solid white;
}
#header{
height: 90px;
background: #87bbfb;
}
#loginq {
float: right;
height: 30px;
font-weight:bold;
}
#content {
float: right;
width: 1000px;
height: 420px;
background-image: url(bg.jpg);
background-position: center top;
background-repeat: repeat-x;
}
#footer {
clear: both;
height: 30px;
background: #87bbfb;
}
.cred {
font-family: comic sans ms;
font-size: 16px;
text-align: left;
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
}
.pic {
padding: 1px 5px 5px 1px;
}
.table1 {
font-family: comic sans ms;
font-size: 10px;
text-align: left;
color: #FFFFFF;
border: 0px;
}
screen shot face-mu
Selasa, 08 Februari 2011
praktikum pemrograman web
Tugas Praktikum 2
<!DOCTYPE html >
<html lang="en">
<head>
<title>Tugas Praktikum 2</title>
</head>
<body background="1.gif">
<h3 align="center">Perbandingan Fitur</h3>
<table frame="above" border="1" align="center" cellspacing=3 cellpadding=3>
<tr>
<th width="30">No</th>
<th width="180">Fitur</th>
<th width="50">Enterprise</th>
<th width="40">Pro</th>
<th width="40">Free</th>
</tr>
<tr>
<td width="30">1
<br>2
<br>3
<br>4
<br>5
</td>
<td width="180">Garansi seumur hidup
<br>Multiuser
<br>Update otomatis
<br>Cetak laporan
<br>Notifikasi error
</td>
<td width="50" align="center">X
<br>X
<br>X
<br>X
<br>X</td>
<td width="40" align="center">-
<br>-
<br>X
<br>X
<br>X
</td>
<td width="40" align="center">-
<br>-
<br>-
<br>-
<br>X
</td>
</tr>
<tr>
<td width="30">6
<br>7
</td>
<td width="180">Ubah tema
<br>Try ikon
</td>
<td width="50" align="center">X
<br>X
</td>
<td width="40" align="center">X
<br>X
</td>
<td width="40" align="center">X
<br>X
</td>
</tr>
</body>
</html>
screen shot
<!DOCTYPE html >
<html lang="en">
<head>
<title>Tugas Praktikum 2</title>
</head>
<body background="1.gif">
<h3 align="center">Perbandingan Fitur</h3>
<table frame="above" border="1" align="center" cellspacing=3 cellpadding=3>
<tr>
<th width="30">No</th>
<th width="180">Fitur</th>
<th width="50">Enterprise</th>
<th width="40">Pro</th>
<th width="40">Free</th>
</tr>
<tr>
<td width="30">1
<br>2
<br>3
<br>4
<br>5
</td>
<td width="180">Garansi seumur hidup
<br>Multiuser
<br>Update otomatis
<br>Cetak laporan
<br>Notifikasi error
</td>
<td width="50" align="center">X
<br>X
<br>X
<br>X
<br>X</td>
<td width="40" align="center">-
<br>-
<br>X
<br>X
<br>X
</td>
<td width="40" align="center">-
<br>-
<br>-
<br>-
<br>X
</td>
</tr>
<tr>
<td width="30">6
<br>7
</td>
<td width="180">Ubah tema
<br>Try ikon
</td>
<td width="50" align="center">X
<br>X
</td>
<td width="40" align="center">X
<br>X
</td>
<td width="40" align="center">X
<br>X
</td>
</tr>
</body>
</html>
screen shot
praktikum pemrograman web
Tugas Praktikum 1
<!DOCTYPE html >
<html lang="en">
<head>
<title>Tugas Praktikum 1</title>
</head>
<body>
<table frame="above" align="left" cellspacing=5 cellpadding=5>
<tr>
<hr>
<th width="300">Perusahaan</th>
<th width="105" colspan=3></th>
<th width="190" colspan=3>Pendapatan</th>
</tr>
<tr>
<td>Agen Robot Ltd</td>
<td width="30"></td>
<td width="52"></td>
<td width="23"></td>
<td width="150" colspan="2" bgcolor="green"></td>
<td width="40" align="left">+150%</td>
</tr>
<tr>
<td>Command Prompt, Inc</td>
<td width="30"></td>
<td width="52"></td>
<td width="23"></td>
<td width="55" bgcolor="green"></td>
<td width="90" align="left">+55%</td>
<td width="40"></td>
</tr>
<tr>
<td>Hibernate Ltd</td>
<td width="30"></td>
<td width="52" align="right">-23%</td>
<td width="23" bgcolor="yellow"></td>
<td width="55"></td>
<td width="90"></td>
<td width="40"></td>
</tr>
<tr>
<td>Shutdown Ltd</td>
<td width="30" align="right">-75%</td>
<td width="52" colspan="2" bgcolor="red" border=></td>
<td width="55"></td>
<td width="90"></td>
<td width="40"></td>
</tr>
</body>
</html>
screen shot
<!DOCTYPE html >
<html lang="en">
<head>
<title>Tugas Praktikum 1</title>
</head>
<body>
<table frame="above" align="left" cellspacing=5 cellpadding=5>
<tr>
<hr>
<th width="300">Perusahaan</th>
<th width="105" colspan=3></th>
<th width="190" colspan=3>Pendapatan</th>
</tr>
<tr>
<td>Agen Robot Ltd</td>
<td width="30"></td>
<td width="52"></td>
<td width="23"></td>
<td width="150" colspan="2" bgcolor="green"></td>
<td width="40" align="left">+150%</td>
</tr>
<tr>
<td>Command Prompt, Inc</td>
<td width="30"></td>
<td width="52"></td>
<td width="23"></td>
<td width="55" bgcolor="green"></td>
<td width="90" align="left">+55%</td>
<td width="40"></td>
</tr>
<tr>
<td>Hibernate Ltd</td>
<td width="30"></td>
<td width="52" align="right">-23%</td>
<td width="23" bgcolor="yellow"></td>
<td width="55"></td>
<td width="90"></td>
<td width="40"></td>
</tr>
<tr>
<td>Shutdown Ltd</td>
<td width="30" align="right">-75%</td>
<td width="52" colspan="2" bgcolor="red" border=></td>
<td width="55"></td>
<td width="90"></td>
<td width="40"></td>
</tr>
</body>
</html>
screen shot
Langganan:
Komentar (Atom)




