Selasa, 15 Februari 2011

TUGAS PRAKTKUM MODUL 3


SOURCE CODE:

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

<body bgcolor = "#E6E6FA">
<head>
<title>Welcome to PESi-tOOK </title>
<link rel ="shortcut icon" href="fM.jpg">
<style type="text/css">
<!--

.box1 {
float: right;
padding: 5px;
height: 100px;
}
Baca selengkapnya »
Diposting oleh di Tidak ada komentar:

Senin, 14 Februari 2011

STUDI KASUS MODUL 3


SOURCE CODE:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>STUDI KASUS MODUL 3</title>
<style type="text/css">
<!--
.lingkaran{
width:100px;
height:100px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
background:cyan;
text-align:center;
font-size:15px;
color:#fff
}
.text-lingkaran{
padding-top: 25px;
}
.border1{
width:200px;
text-align:center;
font-style: italic;
padding:10px;
background:magenta;
color:blue;
font-weight: bold;
-moz-border-radius: 2em 0;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
}
.border2{
font-weight: bold;
font-style: italic;
text-align:center;
border: 5px solid blue;
}
.shadow {
width: 200px;
box-shadow: 5px 5px 7px #222;
-moz-box-shadow: 10px 10px 10px #222;
-webkit-box-shadow: 5px 5px 7px #222;
}
-->
</style>
</head>
<body>
<p>
<div class="lingkaran">
<p class="text-lingkaran">LINGKARAN

</div>
<p>
<div class="border1">
BORDER
</div>

<div class="shadow">
<p class="border2">BORDER SHADOW
</div>
</body>
</html>
Diposting oleh di Tidak ada komentar:

Senin, 07 Februari 2011

TUGAS PRAKTIKUM PEMROGRAMAN WEB

STUDI KASUS


source kode tampilan di atas:
<!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" lang="en">

<head>
<title>STUDI KASUS MODUL 2</title>
</head>


<frameset rows="15%,70%,15%">
<frame src="link2.html" noresize name="top" id="top">

<frameset cols="20%,80%,20%">
<frame src="link1.html" noresize name="left" id="left" >
<frame src="Studi Kasus 2.html" noresize name="center" id="center">
<frame src="link1.html" noresize name="right" id="right">

</frameset>
<frame src="link2.html" noresize name="bottom" id="bottom">

</html>

1. Tugas Praktikum 1



source kode tampilan di atas:
<!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" lang="en">
<head>
<title>TUGAS PRAKTIKUM 1</title>
</head>
<body>
<font color="black" face="arial" size="10" ><B><I><blink>Grafik Berbasis Tabel</blink></B></I></font>
<table width="500" height="250">
<tr>
<td colspan="7" style="border-top:black solid;border-bottom:black solid;"><b>
<div align="center">Perusahaan </div></td>
<td colspan="7" style="border-top:black solid;border-bottom:black solid;"><b>
<div align="center">Pendapatan</div></td>
</tr>
<tr >
<td width="172" >Angin Reebot Ltd </td>
<td width="27"></td>
<td width="31"></td>
<td width="25"></td>
<td width="33"></td>
<td width="16"></td>
<td width="13"></td>
<td colspan="6" bgcolor="green"></td>
<td width="17">+150%</td>
</tr>
<tr>
<td>Command Prompt, Inc </td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan="4" bgcolor="green"></td>
<td width="16">+55%</td>
<td width="16"></td>
<td></td>
</tr>
<tr>
<td>Hibernate Ltd </td>
<td></td>
<td></td>
<td></td>
<td>-23%</td>
<td colspan="2" bgcolor="yellow"></td>
<td width="34"></td>
<td width="16"></td>
<td width="16"></td>
<td width="16"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Shutdown Ltd </td>
<td></td>
<td>-75%</td>
<td colspan="4" bgcolor="red"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="14" style="border-top:black solid"></td>
</tr>
</table>
<hr color="black" size=5 align='left' width=500 ></br>
</hr>

</body>
</html>
</head>

2. Tugas praktikum 2



source kode tampilan di atas:
<!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"lang="en">
<head>
<title>Tugas Praktikum 2</title>
</head>

<body>
<blink>
<font color="Black" face="arial" size="10"><B><I>Grafik Berbasis Tabel </B></I></font>
</><table width="470" height="400" border="0">
<tr>
<td colspan="8" style="border-bottom:#000000 solid thin;"></td>
</tr>

<tr>
<td width="25" align="center"><strong>No</strong></td>
<td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td>
<td width="150" align="center"><strong>Fitur</strong></td>
<td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td>
<td width="75" align="center"><strong>Enterprise</strong></td>
<td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td>
<td width="25" align="center"><strong>Pro</strong></td>
<td width="50" align="center"><strong>Free</strong></td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>

<tr>
<td align="center">1</td>
<td>Garansi seumur hidup </td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">2</td>
<td>Multiuser</td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">3</td>
<td>Update otomatis </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">4</td>
<td>Cetak Laporan </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">5</td>
<td>Notifikasi error </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>

<td align="center">6</td>
<td>Ubah tema </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td align="center">7</td>
<td>Try ikon</td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>
</table>

</body>
</html>
Diposting oleh di Tidak ada komentar:

Kamis, 03 Februari 2011

Gary Neville Gantung Sepatu

Bek senior Manchester United Gary Neville akhirnya mengumumkan niatnya untuk gantung sepatu. Dalam kesempatan tersebut ia secara khusus memberikan penghormatannya kepada pelatih United Sir Alex Ferguson.

"Sebenarnya saya sedih untuk mengakhiri ini. Meski demikian semua ini pasti akan datang juga kepada kami semua. Buat saya, sekarang ini adalah waktu yang tepat untuk memutuskannya," ujarnya.

"Saya telah bermain bersama klub yang sungguh luar biasa serta bisa tampil dengan sejumlah pemain hebat dunia. Terus terang saya sungguh beruntung bisa menjadi bagian dari sukses besar yang pernah diraih oleh klub ini."

"Terus terang begitu banyak orang yang saya ingin ucapkan terima kasih. Tetapi tentunya, di tempat teratas itu adalah Sir Alex. Dia telah memberikan begitu banyak kesempatan dan dukungan yang tak terkira selama lebih dari 20 tahun."

"Buat saya dia [Sir Alex Ferguson] adalah salah satu pelatih terhebat dan saya harus menyampaikan terima kasih itu kepadanya."

Neville telah bergabung dengan United sejak 1991. Bersama klub berjuluk Setan Merah ini ia telah tampil sebanyak 602 kali.

Sepanjang karirnya bersama United ini, ia pernah memenangkan Liga Champions, delapan kali gelar juara Liga Primer, dua Piala Liga, serta sekali Piala Interkontinental dan Piala Dunia Antarklub. Sejak 2005, ia menjadi kapten bagi United.
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)

Selasa, 15 Februari 2011

TUGAS PRAKTKUM MODUL 3


SOURCE CODE:

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;

&lt;body bgcolor = &quot;#E6E6FA&quot;&gt;
&lt;head&gt;
&lt;title&gt;Welcome to PESi-tOOK &lt;/title&gt;
&lt;link rel =&quot;shortcut icon&quot; href=&quot;fM.jpg&quot;&gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!--

.box1 {
float: right;
padding: 5px;
height: 100px;
}
Baca selengkapnya »
Diposting oleh di Tidak ada komentar:

Senin, 14 Februari 2011

STUDI KASUS MODUL 3


SOURCE CODE:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>STUDI KASUS MODUL 3</title>
<style type="text/css">
<!--
.lingkaran{
width:100px;
height:100px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
background:cyan;
text-align:center;
font-size:15px;
color:#fff
}
.text-lingkaran{
padding-top: 25px;
}
.border1{
width:200px;
text-align:center;
font-style: italic;
padding:10px;
background:magenta;
color:blue;
font-weight: bold;
-moz-border-radius: 2em 0;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
}
.border2{
font-weight: bold;
font-style: italic;
text-align:center;
border: 5px solid blue;
}
.shadow {
width: 200px;
box-shadow: 5px 5px 7px #222;
-moz-box-shadow: 10px 10px 10px #222;
-webkit-box-shadow: 5px 5px 7px #222;
}
-->
</style>
</head>
<body>
<p>
<div class="lingkaran">
<p class="text-lingkaran">LINGKARAN

</div>
<p>
<div class="border1">
BORDER
</div>

<div class="shadow">
<p class="border2">BORDER SHADOW
</div>
</body>
</html>
Diposting oleh di Tidak ada komentar:

Senin, 07 Februari 2011

TUGAS PRAKTIKUM PEMROGRAMAN WEB

STUDI KASUS


source kode tampilan di atas:
<!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" lang="en">

<head>
<title>STUDI KASUS MODUL 2</title>
</head>


<frameset rows="15%,70%,15%">
<frame src="link2.html" noresize name="top" id="top">

<frameset cols="20%,80%,20%">
<frame src="link1.html" noresize name="left" id="left" >
<frame src="Studi Kasus 2.html" noresize name="center" id="center">
<frame src="link1.html" noresize name="right" id="right">

</frameset>
<frame src="link2.html" noresize name="bottom" id="bottom">

</html>

1. Tugas Praktikum 1



source kode tampilan di atas:
<!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" lang="en">
<head>
<title>TUGAS PRAKTIKUM 1</title>
</head>
<body>
<font color="black" face="arial" size="10" ><B><I><blink>Grafik Berbasis Tabel</blink></B></I></font>
<table width="500" height="250">
<tr>
<td colspan="7" style="border-top:black solid;border-bottom:black solid;"><b>
<div align="center">Perusahaan </div></td>
<td colspan="7" style="border-top:black solid;border-bottom:black solid;"><b>
<div align="center">Pendapatan</div></td>
</tr>
<tr >
<td width="172" >Angin Reebot Ltd </td>
<td width="27"></td>
<td width="31"></td>
<td width="25"></td>
<td width="33"></td>
<td width="16"></td>
<td width="13"></td>
<td colspan="6" bgcolor="green"></td>
<td width="17">+150%</td>
</tr>
<tr>
<td>Command Prompt, Inc </td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan="4" bgcolor="green"></td>
<td width="16">+55%</td>
<td width="16"></td>
<td></td>
</tr>
<tr>
<td>Hibernate Ltd </td>
<td></td>
<td></td>
<td></td>
<td>-23%</td>
<td colspan="2" bgcolor="yellow"></td>
<td width="34"></td>
<td width="16"></td>
<td width="16"></td>
<td width="16"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Shutdown Ltd </td>
<td></td>
<td>-75%</td>
<td colspan="4" bgcolor="red"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="14" style="border-top:black solid"></td>
</tr>
</table>
<hr color="black" size=5 align='left' width=500 ></br>
</hr>

</body>
</html>
</head>

2. Tugas praktikum 2



source kode tampilan di atas:
<!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"lang="en">
<head>
<title>Tugas Praktikum 2</title>
</head>

<body>
<blink>
<font color="Black" face="arial" size="10"><B><I>Grafik Berbasis Tabel </B></I></font>
</><table width="470" height="400" border="0">
<tr>
<td colspan="8" style="border-bottom:#000000 solid thin;"></td>
</tr>

<tr>
<td width="25" align="center"><strong>No</strong></td>
<td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td>
<td width="150" align="center"><strong>Fitur</strong></td>
<td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td>
<td width="75" align="center"><strong>Enterprise</strong></td>
<td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td>
<td width="25" align="center"><strong>Pro</strong></td>
<td width="50" align="center"><strong>Free</strong></td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>

<tr>
<td align="center">1</td>
<td>Garansi seumur hidup </td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">2</td>
<td>Multiuser</td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">3</td>
<td>Update otomatis </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">4</td>
<td>Cetak Laporan </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">5</td>
<td>Notifikasi error </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>

<td align="center">6</td>
<td>Ubah tema </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td align="center">7</td>
<td>Try ikon</td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>
</table>

</body>
</html>
Diposting oleh di Tidak ada komentar:

Kamis, 03 Februari 2011

Gary Neville Gantung Sepatu

Bek senior Manchester United Gary Neville akhirnya mengumumkan niatnya untuk gantung sepatu. Dalam kesempatan tersebut ia secara khusus memberikan penghormatannya kepada pelatih United Sir Alex Ferguson.

"Sebenarnya saya sedih untuk mengakhiri ini. Meski demikian semua ini pasti akan datang juga kepada kami semua. Buat saya, sekarang ini adalah waktu yang tepat untuk memutuskannya," ujarnya.

"Saya telah bermain bersama klub yang sungguh luar biasa serta bisa tampil dengan sejumlah pemain hebat dunia. Terus terang saya sungguh beruntung bisa menjadi bagian dari sukses besar yang pernah diraih oleh klub ini."

"Terus terang begitu banyak orang yang saya ingin ucapkan terima kasih. Tetapi tentunya, di tempat teratas itu adalah Sir Alex. Dia telah memberikan begitu banyak kesempatan dan dukungan yang tak terkira selama lebih dari 20 tahun."

"Buat saya dia [Sir Alex Ferguson] adalah salah satu pelatih terhebat dan saya harus menyampaikan terima kasih itu kepadanya."

Neville telah bergabung dengan United sejak 1991. Bersama klub berjuluk Setan Merah ini ia telah tampil sebanyak 602 kali.

Sepanjang karirnya bersama United ini, ia pernah memenangkan Liga Champions, delapan kali gelar juara Liga Primer, dua Piala Liga, serta sekali Piala Interkontinental dan Piala Dunia Antarklub. Sejak 2005, ia menjadi kapten bagi United.
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)