Dasar Html

LaporanPraktikum

Kelas : 2-D

Candra Arianto 14.1.03.02.0359

Program StudiTeknikInformatika

FakultasTeknik

Universitas Nusantara PGRI

2015

LaporanPraktikumPemrograman Web

Modul: 01 Modul 01

Script Modul : 01 modul 02

ScreenshotModul: 01modul02

contoh web browser :

1.Internet Explorer

2.Chrome

3.Firefox

4.Opera

5.Lynx

<html>

<head><head>

<title> 01Modul02PraktikumPemrogramanWeb</title>

<body>

<font color="red">

<h1><center>Selamat Datang Dalam Pemrogaman Web Candra Arianto</center></h1>

</font>

</body>

</html>

Screen shot Modul : 01 modul 02

Script Modul : 01 Modul 03

<html>

<head>

<title> 01Modul03PraktikumPemrogramanWeb </title></b></u>

</head>

<h1>Contoh Paragraf</h1>

<hr></hr>

<body>

Contoh Paragraf Rata Kanan<br>

<font color = blue>

<p align = right >

Saya bersekolah di SDN Sukorejo II, Nganjuk yang beralamatkan di Jl. Merapi Ds. Sukorejo kec.

Loceret ,Nganjuk. Disana terdapat 2 sekolah dasar yakni SDN Sukorejo I dan SDN Sukorejo II.

Sekolah ini sekolah terfavorit se kecamatan Loceret disa saya dan teman saya sangatlahb

berbahagia bisa bersekolah disana.</p>

<hr></hr><hr></hr>

</font>

Contoh Paragraf Rata Kiri<br>

<font color = red>

<p align = left>Saya bersekolah di SMP 3 Nganjuk,Jawa Timur. Sekolah yang dapat membuat saya

tahu bagaimana persaingan itu perlu untuk memacu semangat belajar</p>

<hr></hr><hr></hr>

</font>

<b>ContohParagraf Rata Tengah <br></b>

<font color = black >

<p align = center >

Sayabersekolah di SMK PGRI 1 Nganjuk . Sekolah yang dapat membuat saya tahu bagaimana

suatu keahlian itu perlu untuk memacu mendapatkan ilmu yang lebih </p>

</font>

</body>

</html>


ScreenshotModul :01 modul 03

ScriptModul : 02 modul 01

<html>

<head>

<title> 02Modul01PraktikumPemrogramanWeb-Candra Arianto </title>

</head>

<body>

<font color = blue>

<h1>Pemrograman Web Contoh Kalimat Heading Pada Halaman .</h1>







</body>

</html>


ScriptModul : 02 modul 02 . 1

ScreenshotModul : 02 modul 02 .1

<html>

<head></head>

<title> 02Modul02PraktikumPemrograman-Candra Arianto </title>

<body bgcolor= blue></body>

</html>


ScreenshotModul : 02 modul 02 .2

<html>

<head></head>


<body background = quiti.png ></body>

</html>


ScreenshotModul : 02 modul 02 . 3

<html>

<head>


</head>

<body background = quiti.png bgcolor= blue></body>

</html>

ScriptModul : 02 modul 3.1

<html>

<head>


</head>

<body background = quiti.png bgcolor= blue>

<ol type=a>

<font color= white>

<li>Desiana</li>

<li>Mangsur</li>

<li>Saifun</li>

<li>Bara</li>

<li>Puspa</li>

<li>Ismi</li>

<li>Mifta</li>

<li>Haisyam</li>

<li>Jamal</li>

<li>Andika</li>

<li>Slamet</li>

<li>Marisa</li>

<li>Riyan</li>

<li>Haisyam</li>

<li>Ana</li>

</ol>

</font>

</body>

</html>

Screen shot Modul : 02 modul 3.1

ScreenshotModul : 02 modul 02 .3.1


ScreenshotModul : 02 modul 3.2

<html>

<head>


</head>

<body background = quiti.png bgcolor= blue>

<ul type=circle>

<font color= yellow>

<li>Bantal</li>

<li>Guling</li>

<li>Kasur</li>

<li>Meja</li>

<li>Kipas</li>

<li>Buku</li>

<li>Lampu</li>

<li>Kursi</li>

<li>Buku</li>

<li>Rak buku</li>

</ul>

</font>

</body>

</html>



<html>

<head>

<TITLE> 03Modul01PraktikumPemrogramanWeb – CANDRA ARIANTO </title>

</HEAD>

<body bgcolor=blue>

<img src=03-14.1.03.02.0359-01-1.jpg widht=100 height=50>

</body>

</html>



<html>

<head>

<title> 03Modul01PraktikumPemrogramanWeb – CANDRA ARIANTO

</title>

</head>

<body bgcolor=red>


</body>

</html>


Screenshot Modul : 03 modul02.1

<html>

<head>

<title> 03Modul02PraktikumPemrogramanWeb – CANDRA ARIANTO</title>

</head>

<body bgcolor=green>


<a href="03-14.1.03.02.0359-02-2.html"> LINK MENUJU HALAMAN BERIKUTNYA </a>

</body>

</html>


<html>

</head>

<title> 03Modul02PraktikumPemrogramanWeb – CANDRA ARIANTO </title>

</head>

<body bgcolor=red>

<a href="03-14.1.03.02.0359-02-1.html"><img src=03-14.1.03.02.0359-02-2.gif></a>

</body>

</html>

Screen shot Modul : 02 modul 02.2

Screenshot Modul : 03 modul02.2

<html>

<head>

<title> 03Modul03PraktikumPemrogramanWeb- CANDRA ARIANTO </title>

</head>

<body>

<body bgcolor=pink>

<h1><p align=center>FORMULIR PENDAFTARAN MAHASISWA BARU</p></h1></font><br>

<hr></hr>

<form name=form1 action=tujuan.php method=get>

<pre>

No. Pendaftaran :<input type=text name=nomor placeholder=nomor><br>

Prodi yang dipilih :<input type=checkbox name=mesin>Teknik Mesin<br>

<input type=checkbox name=informatika>Teknik Informatika<br>

<input type=checkbox name=sistem>Sistem Informasi<br>

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

Email :<input type=text name=bebas> @ <select name=id> <option

value=yahoo>yahoo.com

</select><br>

Ketik kata sandi :<input type=password name=pass><br>

Ketikulang kata sandi :<input type=password name=pass><br>

TanggalLahir :<input type=text placeholder=tanggal > <select name=bln>

<option value=jan>Januari

<option value=feb>Februari

<option value=mar>Maret

<option value=apr>April

<option value=me>Mei

<option value=jun>Juni

<option value=jul>Juli

<option value=Agt>Agustus

<option value=sept>September

<option value=okt>Oktober

<option value=nov>November

<option value=des>Desember</select> <input type=text placeholder=tahun><br>

Jeniskelamin :<input type=radio name=jk value=pr>Perempuan<input type=radio name=jk

value=lk>Laki-Laki<br>

Alamat : <br>

<textarea name='alamat' rows=5 cols=30></textarea>

Nomorponsel : <input type= text name= number placeholder=+628><br>

<input type=submit value=DAFTAR> <input type=reset value=RESET><br>

</form>

</body>

</html>

ScriptModul : 03 modul03

Screenshot Modul : 03 modul03


<html>

<head>

<title> 04ModulPraktikumPemrogramanWeb-CANDRA ARIANTO</title></head>

<frameset rows="20%,60%,20%">

<frame src= "judul.html">

<frameset cols="80%,20%">

<frame src = " form.html">

<frame src = " link.html">

</frameset>

<frame src= "bawah.html">

</frameset>

Screenshot Modul : 04modul01


Screenshot Modul : 04modul02

<html>

<head>

<title> 04ModulPraktikumPemrogramanWeb-CANDRA ARIANTO</title>

</head>

<frameset rows="20%,60%,20%">


<frameset cols="20%,80%">

<frame src = " link.html">


</frameset>


</frameset>


Screenshot Modul : 04modul 03

<html>

<head>

<title> 04ModulPraktikumPemrogramanWeb-CANDRA ARIANTO</title>

</head>

<frameset>

<frameset rows="25%,25%,25%,25%">


<align=ce><frame src = " link2.html">



</frameset>

</frameset>

</html>

08 modul 01

08 modul 02



<?php

echo"<body bgcolor=pink>";

echo"<br><br>";

echo"SELAMAT DATANG CANDRA 14.1.03.02.0359 di PHP.<br>

Saya bermain PHP bersama XAMPP";

?>


<?php

echo"<title>data_tabel</title>";

echo"<body bgcolor=pink>";

$x1="CANDRA ARIANTO";

$x2="14.1.03.02.0359";

$x3="2D";

echo"<b>Tabel Data</b><br><br>";

echo"<table border=1 width=400 height=100>

<tr>

<td width=100>Nama</td>

<td width=25 align=center>:</td>

<td> $x1</td>

</tr>

<tr>

<td width=100>Kelas</td>


<td> $x2</td>

</tr>

<tr>

<td width=100>NPM</td>


<td> $x3</td>

</tr>

</table>";

?>




<html>

<head>

<title>perhitunganaritmatika</title>

</head>

<body><h2><p align=center>PERHITUNGAN

ARITMATIKA</h2>

<br><br>

<body bg background=a.jpg></body>

<form method=GET action=hasil.php>

<table border=0 width=400 height=100>

<tr>

<p><input type=text name=angka1 >

<select name=operator >

<option value="+">+</option>

</select>

<input type=text name=angka2>

<input type= submit name=submit value=hitung>

</p>

</form>

</body>

</html>

<title>Form Tangkaphasil</title>

<body bg background=a.jpg>

<?php

echo "<b> HITUNG-HITUNGAN </b>";

echo"<br><br>";

echo" nilaidariangka 1 = ";

echo $_GET['angka1'];

echo"<br>";



echo"<br>";

echo " nilaidari " ;

echo $_GET['angka1'] ;

echo " ditambah " ;


echo " adalah ";

echo $_GET['angka1']+$_GET['angka2'];

echo"<br>";

echo" perhitunganselesai ";

echo"<br><br>";

echo "<a href=hitung.php> KEMBALI </a>";

?>




<title>FORM PERULANGAN</title>

<body background=abstract_design.jpg>

<form method=get action=tangkapulang.php name=form1>

Kata yang diulang : <input type=text name=kata size=15

maxlength=6><br>

Berapa kali diulang :

<select name=ulang>

<option value=1>1

<option value=2>2

<option value=3>3

<option value=4>4

<option value=5>5

</select>

<br>

<input type=submit value=ulang>

</form>

<title>Penangkapan Form Perulangan</title>

<body <body background=abstract_design.jpg>

<h3 align=center>Penangkapan form perulangan</h3>

<?php

$_kata=$_GET['kata'];

$_ulang=$_GET['ulang'];

echo "Kata yang dikirimkanadalah $_kata <br>";

echo "Jumlahperulanganadalah $_ulang<br>";

$x=1;

while ($x<=$_ulang)

{

echo " $_kata <br>";

$x++;

}

?>



<html>

<head>

<title>perhitunganaritmatika</title>

</head>

<body><h2><p align=center>PERHITUNGAN

ARITMATIKA</h2>

<br><br>

<body background=childish_flowers.jpg></body>

<form method=GET action=hasil.php>

<table border=0 width=400 height=100>

<tr>

<p><input type=text name=angka1 >

<select name=operator>

<option value="+">+</option>

<option value="-">-</option>

<option value="/">/</option>

<option value="*">*</option>

</select>

<input type=text name=angka2>

<input type= submit name=submit value=hitung>

</p>

</form>

</body>

</html>

<title>Form Tangkaphasil</title>

<body bg background=childish_flowers.jpg>

<?php

$satu = $_GET['angka1'];

$dua = $_GET['angka2'];

$x = $_GET['operator'];

echo "<b> HITUNG-HITUNGAN </b>";

echo"<br><br>";



echo"<br>";



echo"<br>";

echo " nilaidari " ;


if ($x==1){

echo " ditambah ";}

else if ($x==2){

echo " dikurangi ";}

else if ($x==3){

echo " dibagi ";}

else{

echo " dikali ";}


echo " adalah ";

if ($x==1){

echo $satu + $dua;}

else if ($x==2){

echo $satu - $dua;}

else if ($x==3){

echo $satu / $dua;}

else{

echo $satu * $dua;}

echo"<br>";

echo" perhitunganselesai ";

echo"<br><br>";

echo "<a href=hitung.php> KEMBALI </a>";

?>


<?php

include "konfig.php";

$query="select * from data";

$result=mysql_query($query);

$numrows=mysql_num_rows($result);

echo"jumlah data : $numrows<br><br>";

while($row = mysql_fetch_array($result))

{

echo"No :$row[0]<br>";

echo"Nama :$row[1]<br>";

echo"Alamat :$row[2]<br>";

echo"Kota :$row[3]<br><br>";

}

?>

<?php

include "konfig.php";

$query="select*from data";

$result = mysql_query($query);

$numrows = mysql_num_rows($result);

echo"jumlah data: $numrows<br><br>";

echo"<table border=1>

<tr>

<td>no</td><td>nama</td>

<td>alamat</td><td>kota</td>

</tr>";

while($row=mysql_fetch_array($result))

{

echo"<tr>

<td>$row[0]</td><td>$row[1]</td>

<td>$row[2]</td><td>$row[3]</td>

</tr>";

}

echo"</table>";

?>



<?php

$host = "localhost";

$user = "root";

$pass = "";

$db = "mahasiswa";

$konek = mysql_connect($host, $user, $pass) or

die ('Koneksi Gagal! ');

mysql_select_db($db);

?>

<html>

<head>

<title>Belajar</title>

</head>

<form name=form1 method=GET

action=isimahasiswa.php>

<pre>

Nim : <input type=text name=nim size=20

maxlengt=50> <br>

Nama : <input type=text name=nama size=20

maxlengt=50> <br>

Jurusan : <select name=jurusan><br>

<option value="Teknik Informatika">

Teknik Informatika

<option value="Teknik Mesin"> Teknik

Mesin

<option value="Sistem Informasi"> Sistem

Informasi

<option value="Teknik Elektro"> Teknik

Elektro

</select> <br>

Kelas : <select name=kelas><br>

<option value="1-A"> 1A




</select> <br>

Alamat :

<textarea type="text" name=alamat

rows="5" cols="20"></textarea> <br>

<input type=submit value="kirim"> <input

type="reset" value="batal">

</form>

</body>

</html>

</body>

</html>

<title> tampil tabel </title>

<body bgcolor=yellow>

<?php

include "koneksi.php";

?>

<a href="mahasiswa.php">Isi Ulang</a>

<table border=1 width=550>

<tr>

<td>No</td>

<td>Nim</td>

<td>Nama</td>

<td>Jurusan</td>

<td>Kelas</td>

<td>Alamat</td>

<td>Update</td>

</tr>

<?php

$x=mysql_query("select * from data");

while ($y=mysql_fetch_array($x))

{

echo"

<tr>

<td>$y[0]</td>

<td>$y[1]</td>

<td>$y[2]</td>

<td>$y[3]</td>

<td>$y[4]</td>

<td>$y[5]</td>

<td>

<a href=editmahasiswa.php?kode=$y[0]>[e]</a>

<a href=hapusmahasiswa.php?kode=$y[0]>[x]</a>

</td>

</tr>

";

}

?>

</table>

Script Modul : 12 modul 01

<?php


$x1=$_GET['nim'];

$x2=$_GET['nama'];

$x3=$_GET['jurusan'];

$x4=$_GET['kelas'];

$x5=$_GET['alamat'];

$x9=$_GET['kode'];

mysql_query("

update data set

nim='$x1',

nama='$x2',

jurusan='$x3',

kelas='$x4',

alamat='$x5'

where no='$x9'

");

?>

<a href=tampilwarga.php>tampil</a>

<?php


$x1=$_GET['kode'];

$x=mysql_query("select * from data where

no='$x1'");

$y=mysql_fetch_array($x);

?>

<h1> Edit Mahasiswa </h1>

<form name=form1 method=get

action=updatewarga.php>

<pre>

Nim :

<?php

echo " <input type=text name=nim size=20

maxlengt=50 value='$y[1]'>";

?>

<br>

Nama :

<?php

echo " <input type=text name=nama size=20

maxlengt=90 value='$y[2]'>";

?>

<br>

Jurusan : <select name=jurusan>

<?php

echo" <option value='$y[3]'>$y[3]";

?>

<option value="TeknikInformatika">

Teknik Informatika

<option value="TeknikMesin"> Teknik

Mesin

<option value="SistemInformasi"> Sistem

Informasi

<option value="TeknikElektro"> Teknik

Elektro

</select> <br>

Kelas : <select name=kelas>

<?php

echo" <option value='$y[4]'>$y[4]";

?>





</select> <br>

Alamat :

<textarea type=text name=alamat rows=5 cols=20

><?php echo $y[5] ?></textarea>

<?php echo "<input type=hidden name=kode

value=$x1>";

?>

<input type=submit value="kirim">

</form>

<?php


$x1=$_GET ['kode'];

mysql_query ("

delete from data where no='$x1'

");

?>

<a href=tampil.php>Tampil</a>

<?php


$x1=$_GET['nim'];

$x2=$_GET['nama'];

$x3=$_GET['jurusan'];

$x4=$_GET['kelas'];

$x5=$_GET['alamat'];

mysql_query ("insert into data

values('0','$x1','$x2','$x3','$x4','$x5')");

?>

<br><a href=tampil.php> lihat tabel </a>

PersonaliaLaporanPraktikum

Mahasiswa

Nama : Candra Arianto

Npm : 14.1.03.02.0359

Kelas : 2-D

Email : [email protected]

Hp : 085723137855

Program Studi :TeknikInformatika

Fakultas : Teknik

DosenPembimbingPraktikum

Nama : AgustonoHeriadi, S.ST.,M.Kom.

NIDN : 0709128502

Kritik , Saran, danMasukan yang Bermanfaat

UntukDosenPengampuMata Kuliah

Menurut saya gaya mengajarnya tergesa-gesa, gaya bicaranya cepat, dalam

menerangkan tekadang kurang jelas, untuk materi yang diberikan baik.

UntukPuskom / Ka. Laboratorium

Menurut saya pc banyak bermasalah, banyak virusnya, proyektornya rusak, kursinya

mohon diganti, tempatnya sangat kotor, banyak barang hilang disana, tidak ada

lockernya.

Dasar Html

Documents

Transcript of Dasar Html