LAPORAN PRAKTIKUM

LAPORAN PRAKTIKUM

DESIGN DAN PEMROGRAMAN WEB 1

DISUSUN OLEH :

NAMA : SARMINTO

NIM : 0911500157

KELAS : C

STMIK ATMA LUHUR

2010

Latihan 1



<HTML>

<HEAD>

<TITLE> Belajar HTML </TITLE>

</HEAD>

<BODY>

Halo Sarminto

</BODY>

</HTML>

Latihan 2

<HTML>

<HEAD>

<TITLE>Heading pada dokumen HTML</TITLE>

</HEAD>

<BODY>

<H1>Judul Level 1</H1>






</BODY>

</HTML>

Latihan 3

<HTML>

<HEAD>

<TITLE>Paragraf pada Dokumen HTML</TITLE>

</HEAD>

<BODY>

<H1>PHP</H1>

<P ALIGN="right">

PHP ditulis dan diperkenalkan pertama kali sekitar tahun 1994 oleh Rasmus Lerdorf melalui situsnya untuk mengetahui siapa saja yang telah mengakses ringkasan online-nya. PHP merupakan salah satu bahasa skrip yang terbilang baru dan tersedia secara bebas dan masih memungkinkan untuk dikembangkan lebih lanjut. PHP dapat diintegrasikan ke dalam web server, atau dapat berperan sebagai program CGI yang terpisah.

</BODY>

</HTML>

Latihan 3a

<HTML>

<HEAD>


</HEAD>

<BODY>

<H1>PHP</H1>

<P ALIGN="center">


</BODY>

</HTML>

Latihan 3b

<HTML>

<HEAD>


</HEAD>

<BODY>

<H1>PHP</H1>

<P ALIGN="justify">


</BODY>

</HTML>

Latihan 4

<head>

<title>PREFORMATED TEXT and Break

</title>

</head>

<body>



<PRE>

---------------------------------------------

Nama : Sarminto

Alamat : Jalan Camar Parit Pekir Sungailiat

E-mail : [email protected]

---------------------------------------------

</PRE>



---------------------------------------------<br>

Nama : Sarminto

Alamat : Jalan Camar Parit Pekir Sungailiat

E-mail : [email protected] <br>

---------------------------------------------<br>

</body>

</html>

Latihan 5

<html>

<head>

<title>Penggunaan Font

</title>

</head>

<body>

<font size="1" color="red" Face="arial">Huruf arial ukuran 1</font><br>

<font size="2" color="#00FF00" Face="Verdana">huruf verdana ukuran 2</font><br>

<font size="3" color="#000FF" Face="huruf Tahoma ukuran 3</font><br>

<b>cetak tebal </b><br>

<i>cetak miring<i><br>

<u>cetak garis bawah</u><br>

</body>

</html>

Latihan 6

<html>

<head>

<title>Pembuatan List </title>

</head>

<body>



<ol type=a>

<li>hasil poling pilihan scripting/platform:

<ol type=i>

<li>php 57.2%

<li>perl 13.6%

<li>asp 12.8%

</ol>

<li>urutan empat sampai enam :

<ol type=1 start=4>

<li>javascript 4.6%

<li>java 2.6%

<li>flash 2.2%

<ol>

<ol>

-----------------------------------------<br>

Latihan 6a

<HTML>

<HEAD>

<TITLE>Pembuatan List</TITLE>

</HEAD>

<BODY>



<OL TYPE=A>

<LI>Hasil polling pilihan scripting language/platform :

<OL TYPE=I>

<LI>PHP 57.2%

<LI>Perl 13.6%

<LI>ASP 12.8%

</OL>

<LI>Urutan empat sampai enam :

<OL TYPE=1 START=4>

<LI>JavaScript 4.6%

<LI>Java 2.6%

<LI>Flash 2.2%

</OL>

</OL>

----------------------------------------------------------<BR>



<UL TYPE=Circle>

<LI>PHP 57.2%

<LI>Perl 13.6%

<LI>ASP 12.8%

</UL>

</BODY>

</HTML>

Latihan 7

<html>

<head>

<title>Membuat LINK</TITLE>

</HEAD>

<body>

Link 1 <br>

<a href="latih2.html">latihan2</a> untuk menampilkan file yang berada pada direktori yang sama <br>

Link 2<br>

<a href="gambar/Winter.jpg">Bunga</a> untuk menampilkan file yang berada di bawah direktori yang aktif <br>

Link 3<br>

<a href="D:\Sarminto TI157 Design Pemrograman Web/latih1.html">latih1</a> untuk menampilkan file yang berada di atas direktori yang aktif <br>

Link 4 <br>

<a href="http://www.google.com">google</a> untuk link ke absolut path <br>

</body>

</html>

Latihan 8

<html>

<head>

<TITLE> iNlINE image</title>

</head>

<body>

<H4>Inline Image</h4>

Inline image adalah suatu gambar yang muncul di dalam teks pada suatu halaman web, seperti gambar berikut <br> <br>

<img src="gambar/STMIKLOGO.jpg">

</body>

<html>

Latihan 8a

<html>

<head>

<title>EXTERNAL IMAGE</title>

</head>

<body>

<a href="gambar/MINTO.jpeg"> Logo Minto </a>

<br><br>

Link tersebut jika diklik akan menghasilkan gambar

"MINTO.jpeg"

</body>

</html>

Latihan 9

<html>

<head>

<title>Membuat Tabel</Title>

</head>

<body>

<table Border=1>

<caption><h2>Judul Tabel </caption>

<tr>

<th>judul Kolom 1</th>

<th>judul kolom 2</th>

</tr>

<tr>

<td>baris 1, kolom 1</Td>

<TD>baris 1, kolom 2</TD>

</TR>

<TR>

<TD>baris 2, kolom 1</td>

<td>baris 2, kolom 2</TD>

</tr>

</table>

</body>

</html>

Latihan 10

<html>

<head>

<title>Form sederhana HTML</title>

</head>

<body>

<h1 Align=center>CONTOH FORM SEDERHANA</H2>

<H4> Di bawah ini adalah suatu form sederhana dengan mempergunakan kontrol - kontrol : <br>

<ul>

<li>Kotak input teks

<li>Tombol submit

<li>Tombol reset

</ul>

</h4>

<form methode="post" action="http://www.urangkite.blogspot.com">

Masukan nama anda disini : <input type="text" Name="Nama"><p>

Klik tombol OK Jika nama anda sudah betul, atau klik tombol Batal untuk membatalkannya.<p>

<input type= "Submit" value="OK"><Input type="Reset" value="Batal">

</form>

</body>

</html>

Latihan 11

<html>

<head>

<title>FORM INPUT</title>

</head>

<body>

<form method="POST" action="http://www.urangkite.blogspot.com">

<pre>

Nama : <input type=text name="Nama">

Alamat : <input type=text name="Alamat" size=45 maxlength=60>

E-mail : <input type=text name="E-mail" size=20>

Telepon : <input type=text name="Telepon" size=7>

Password : <input type=Passsword Name="pass" size=7 maxlength=7><br>

<input type="Submit" value="OK"> <input type="reset" value="Batal">

</pre>

</form>

</body>

</html>

Latihan 12

<html>

<head>

<title> FORM INPUT</Title>

</head>

<body>


<pre>





Hobi : <input type=checkbox name="Baca" value="Baca"> Baca <br>

<input type=checkbox name="Jalan" value="Jalan">Jalan - jalan <br>

<input type=checkbox name="Olahraga" value="Olahraga"> Olahraga <br>

Sex : <input type=Radio name ="Sex" value="Laki" checked> Laki - laki

<input type=radio name="Sex" value="Perempuan">Perempuan

<input type="Submit" value="OK"> <input type="Reset" value="Batal">

</Pre>

</form>

</body>

</html>

Latihan 13

<html>

<head>

<title> Form Biodata Mahasiswa</Title>

</head>

<body>


<pre>





Jurusan : <select name="network">

<option selected value="Teknik Informatika"> Teknik Informatika

<option selected="Sistem Informasi"> Sistem Informasi

<option selected="Manajemen Informatika"> Manajemen Informatika

<option selected="Komputerisasi Akuntansi"> Komputerisasi Akuntansi

</select>

Hobi : <input type=checkbox name="Baca" value="Baca"checked> Baca

<input type=checkbox name="Jalan" value="Jalan"> Jalan - jalan

<input type=checkbox name="Olahraga" value="Olahraga"> Olahraga

Sex : <input type=Radio name ="Sex" value="Laki" checked> Laki - laki

<input type=radio name="Sex" value="Perempuan">Perempuan

Saran dan komentar Anda :

<textarea name="comments" rows=10 cols=50>

</textarea>

Latihan 14

<html>

<head>

<title> Membuat Frame</title>

</head>

<frameset rows="*,3*,*">

<frame src="latih2.html">

<frameset cols="*,3*">

<frame src ="Latih6.html">

<frame src ="Latih7.html">

</frameset>

<frame src="latih1.html">

</frameset><noframes></noframes>

</html>

LAPORAN PRAKTIKUM

Documents

Transcript of LAPORAN PRAKTIKUM