MENBUAT TABLE DENGAN HTML & PHP
<html>
<body>
<head>
<title>MENBUAT
TABLE DENGAN HTML & PHP</title>
<style type
="text/css">
th {
background-color:blue;color:white }
td {
background-color:green;color:black }
</style>
</head>
<?php
echo"<table
border=2width=90%>";
echo"<th>No.</th><th>nim</th><th>nama</th><th>Alamat</th><th>T.T.L</th>
<th>Jurusan</th><th>Foto</th>";
echo"<tr>
<td>01.</td><td>08.12.021</td><td>Domingos
da Costa Belo</td><td> Baya Leste</td>
<td>Baucau,12/10/1986</td><td>Computer
Science</td><td>kosong</td>
</tr>";
echo"<tr>
<td>01.</td><td>08.12.022</td><td>Agapito
da Silva</td><td> Baya Leste</td>
<td>Baucau,11/09/1985</td><td>Management
Umum</td><td>kosong</td>
</tr>";
echo"</table>";
?>
</body>
</html>
Menbuat variabel pada PHP
<html>
<head>
<title>Menbuat
variabel pada PHP</title>
</head>
<body>
<?php
$hau="Estudante
DIT";
$halo="Agora
Estuda";
$saida="Web
Programing ho'o PHP";
?>
</body>
</html>
pertemuan pertama web programing
<html>
<head>
<title>pertemuan
pertama web programing</title>
<style
type="text/css">
h1{color:blue;font-family:algerian;text-decoration:blink;}
#kotak
{position:fixed; width:100%; height:100px; background-color:red;bottom;
-webkit-border-radius:50px;
-moz-border-radius:50px;
filter(alpha:opacity):50;
opacity:0.50;
}
#kotak
{position:fixed; width:100%; height:100px; background-color:blue;top;
-webkit-border-radius:50px;
-moz-border-radius:50px;
filter(alpha:opacity):50;
opacity:0.50;
z-index:1;
}
</style>
</head>
<body>
<div
id="kotak">Muda la hetan</div>
<!---script
untuk client-->
selamat belajar web
programing</h1>
<script>alert('selamt
datang');</script>
<?php
//script untuk
server
#saya bagian
komentar
/*saya juga bagian
komentar
namun saya bisa
hendel lebih dari 1 dari baris komentar*/
$nama="DIT";
$tgl=date("d M
Y");//variabel baa tanggal
echo"<h1>selamat
belajar web programing saya dari server $nama</h1>";
echo"<script>alert('selamat
datang di server saya');</script>";
echo"<script>alert('semoga
sukses di kemudian hari');</script>";
echo "hari ini
: $tgl";
?>
</body>
</html>
Operasi Bilangan Dengan Form
<html>
<head>
<title>Operasi
Bilangan Dengan Form</title>
</head>
<body>
<center>
<Form
nama="MyFrm"action="hasil.php"method="GET">
nilai 1:<input
type="text"size=10 name="txtdata1"><br>
nilai 2:<input
type="text"size=10 name="txtdata2"><br>
<br><br><input
type="submit" value="proses">
<input
type="reset"value="Batal">
</form>
</center>
</body>
</html>
KUIS WEB PROGRAMMING
<html>
<head>
<title>KUIS
WEB PROGRAMMING</TITLE>
<style type="text/css">
#l1{background-color:red;
width:100px;
height:100px;z-index:100;-webkit-border-radius:90px;filter(alpha:opacity):70;
opacity:0.70;color:#ffffff;
-moz-border-radius:90px;padding:25px;left:80;position:fixed;border:solid;border-width:1px;border-color:#d15f00;}
#l2{background-color:yellow;
width:100px; height:100px;z-index:1;-webkit-border-radius:90px;
-moz-border-radius:90px;padding:25px;left:180;position:fixed;border:solid;border-width:1px;border-color:#d15f00;}
#l3{background-color:blue;
width:100px;
height:100px;z-index:100;-webkit-border-radius:90px;filter(alpha:opacity):70;
opacity:0.70;color:#ffffff;
-moz-border-radius:90px;padding:25px;left:280;position:fixed;border:solid;border-width:1px;border-color:#d15f00;}
#l4{background-color:green;
width:100px; height:100px;z-index:1;-webkit-border-radius:90px;
-moz-border-radius:90px;padding:25px;left:380;position:fixed;border:solid;border-width:1px;border-color:#d15f00;}
#l5{background-color:#ffdfa4;
width:420px; height:100px;z-index:-1;-webkit-border-radius:10px;
-moz-border-radius:10px;padding:25px;left:70;position:fixed;border:solid;border-width:1px;border-color:#d15f00;}
#l6{background-color:transparent;
width:99%;
height:auto;z-index:-1;border:solid;border-width:1px;border-color:#d15f00;
-webkit-border-radius:10px;
-moz-border-radius:10px;
left:0;top:0;
filter(alpha:opacity):30;
opacity:0.30;
position:absolute;top:0px;border:solid;border-width:1px;border-color:#d15f00;border:none;border-width:1px;border-color:#d15f00;
z-index:100}
body{font-family:georgia;font-weight:bold;font-size:14px;padding:25px;}
th{background-color:#ffdfa4;}
td{background-color:yellow;}
h1{color:red;
text-decoration:blink;}
h2{color:blue;}
</style>
</HEAD>
<BODY>
<H1>KUIS WEB
PROGRAMMING</H1>
<ol>
<li>Dengan Menggunakan
DIV, buat Lingkaran seperti Gambar sebagai berikut :
<br>
<div
id="l1">Lingkaran 1 Saya Transparant & berada
diatas</div>
<div
id="l2">Lingkaran 2</div>
<div
id="l3">Lingkaran 3 Saya Juga Transparant & berada
diatas</div>
<div
id="l5"></div>
<div
id="l6"><MARQUEE BEHAVIOR=alternate
scrollamount=2><marquee scrollamount=2 behavior=alternate direction=down
height=400>
<img
src="a.gif"><h4>KUIS WEB
PROGRAMMING</H4></MARQUEE></marquee></div>
<div
id="l4">Lingkaran
4</div><br><br><br><br><br><br><br><br><br>
<li>Jelas
Source Code yang membentuk Lingkaran-Lingkaran diatas.
<li>Apa
Jelaskan perbedaan antara Server Side Script dan Client Side Script.
<li>Apa
perbedaan antara Server Local dan Server Online.
<li>Buat
tabel seperti gambar berikut dan masukkan biodata anda <BR>pada tabel
berikut dengan Menampilkan Tgl Otomatic.
<table width=500
border=1>
<th>No.</th><th>Nim</th><th>Nama</th><th>Matakuliah</th><th>Tgl
Kuis</th>
<tr><td>1.</td><td>Nim
Anda</td><td>Nama Anda</td><td>Web
Programming</td><td><?php echo date("d M
Y");?></td></tr>
</table>
</ol>
</body>
</html>
KUIS WEB PROGRAMING
<html>
<body>
<head>
<h1>KUIS WEB
PROGRAMING</h1>
<title>Kuis
web Programing</title>
<style
type="text/css">
h1{color:red;text-decoration:blink
;}
th {
background-color:blue;color:white }
td {
background-color:yellow;color:black }
</style>
</head>
1.Dengan
Menggunakan DIV,buat lingkaran-lingkaran seperti gambar sebagai
berikut:<br>
2.Jelaskan Source
Code yang menbentuk lingkaran-lingkaran diatas.<br>
3.Apa Jelaskan
perbedaan antara server slide script dan client slide script.<br>
4.Apa perbedaan
antara server local dan server online.<br>
5.Buat tabel
seperti gambar berikut dan masukkan biodata anda<br>
pada tabel berikut dengan menampilkan Tgl
Otomatic.
<?php
echo"<table
border=2width=90%>";
echo"<th>No.</th><th>Nim</th><th>Nama</th><th>MataKuliah</th><th>TglKuis</th>";
echo"<tr>
<td>01.</td><td>08.12.E01</td><td>Gil
Borges</td><td>Web Programing</td>
<td>22 Juni
2011</td>
</tr>";
echo"</table>";
?>
</body>
</html>
hasil kiriman
<html>
<head>
<title>hasil
kiriman</title>
</head>
<body>
<?php
$fatin=$_FILES['txtfoto']['tmp_name'];
$naran=$_FILES['txtfoto']['name'];
move_uploaded_file($fatin,$naran);
$nim=$_POST[txtnim];
$nama=$_POST[txtnama];
$JeKel=$_POST[txtjekel];
$alamat=$_POST[txtalamat];
$tempat=$_POST[txttempat_lhr];
$tgl=$_POST[txttgl].'/'.$_POST[txtbulan].'/'.$_POST[txttahun];
$jurusan=$_POST[txtjurusan];
echo "Data
yang diterima : <br>
Nim :
$nim<br>
Nama :
$nama<br>
Jekel :
$jekel<br>
Alamat :
$alamat<br>
Tempat lahir :
$tempat<br>
Tgl lahir :
$tgl<br>
Jurusan :
$jurusan<br>
Foto : <br>
<img src='$naran' width=150>";
?>
</body>
</html>
Latihan membuat web
1. menggunakan tag Hx (Heading nomor 1-7)
untuk format huruf dengan ukuran terbesar sampai terkecil
<html>
<head>
<title>
::Latihan membuat
web 1...
</title>
</head>
<body>
<h1>mau
pintar ya belajar...</h1>
<h2>mau
pintar ya belajar...</h2>
<h3>mau
pintar ya belajar...</h3>
<h4>mau
pintar ya belajar...</h4>
<h5>mau
pintar ya belajar...</h5>
<h6>mau
pintar ya belajar...</h6>
<h7>mau
pintar ya belajar...</h7>
</body>
</html>
2. Menggunakan tag font
untuk format huruf dengan tanpa parameter
<html>
<head>
<title>
::Latihan membuat
web 2...
</title>
</head>
<body>
<h1>Membuat
format tulisan dengan tag font selain Hx...</h1>
<hr>
<font
size="7" color=”red”>mau pintar ya belajar...</font>
<font
size="6" color=”#00ff00”>mau pintar ya belajar...</font>
<font
size="5">mau pintar ya belajar...</font>
<font
size="4">mau pintar ya belajar...</font>
<font
size="3">mau pintar ya belajar...</font>
<font
size="2">mau pintar ya belajar...</font>
<font
size="1">mau pintar ya belajar...</font>
</body>
</html>
3.
Menggunakan tag font dan tag br untuk ganti baris
<html>
<head>
<title>
::Latihan membuat
web 2...
</title>
</head>
<body>
<h1>Membuat
format tulisan dengan tag font selain Hx...</h1>
<hr>
<font
size="7">mau pintar ya belajar...</font><br>
<font
size="6">mau pintar ya belajar...</font><br>
<font
size="5">mau pintar ya belajar...</font><br>
<font
size="4">mau pintar ya belajar...</font><br>
<font
size="3">mau pintar ya belajar...</font><br>
<font
size="2">mau pintar ya belajar...</font><br>
<font
size="1">mau pintar ya belajar...</font><br>
</body>
</html>
4. Membuat format tulisan
den gan parameter size, color dan tipe
<html>
<head>
<title>
::Latihan membuat
web 2...
</title>
</head>
<body>
<h1>Membuat
format tulisan dengan tag font dengan parameter size,color dan tipe
<hr>
<font
size="7" color="green " type="Arial Black">mau
pintar ya belajar...</font><br>
<font
size="6" color="yellow" type="arial">mau
pintar ya belajar...</font><br>
<font
size="5" color="blue" type="Georgia">mau
pintar ya belajar...</font><br>
<font size="4"
color="red" type="arial">mau pintar ya
belajar...</font><br>
<font
size="3" color="#225566" type="Times">mau
pintar ya belajar...</fo
nt><br>
<font
size="2" color="#ff0099" type="arial">mau
pintar ya belajar...</font><br>
<font
size="1" color="#1199ff" type="arial">mau
pintar ya belajar...</font><br>
</body>
</html>
5. membuat back ground gambar dan men yisipkan gambar
<html>
<head>
<title>
::Latihan membuat
web 2...
</title>
</head>
<h1>Membuat
format tulisan dengan tag font dengan parameter size,color dan tipe
<hr>
<font
size="7" color="green " type="Arial Black">mau
pintar ya belajar...</font><br>
<font
size="6" color="yellow" type="arial">mau
pintar ya belajar...</font><br>
<font
size="5" color="blue" type="Georgia">mau
pintar ya belajar...</font><br>
<img
border="0" src="bunga.jpg" width="187"
height="283">
<font
size="4" color="red" type="arial">mau pintar
ya belajar...</font><br>
<font
size="3" color="#225566" type="Times">mau
pintar ya belajar...</fo
nt><br>
<font
size="2" color="#ff0099" type="arial">mau
pintar ya belajar...</font><br>
<font
size="1" color="#1199ff" type="arial">mau
pintar ya belajar...</font><br>
</body>
</html>
</TITLE>
</HEAD>
<H1>BELAJAR
WEB ITU ASYIK..</H1>
<H2>BELAJAR
WEB ITU ASYIK..</H2>
<H3>BELAJAR
WEB ITU ASYIK..</H3>
<H4>BELAJAR
WEB ITU ASYIK..</H4>
<H5>BELAJAR
WEB ITU ASYIK..</H5>
<H6>BELAJAR
WEB ITU ASYIK..</H6>
<H7>BELAJAR
WEB ITU ASYIK..</H7>
</BODY>
<HTML>
<HTML>
<HEAD>
<TITLE>
::belajar web hari
kedua ..
</TITLE>
</HEAD>
<BODY
BGCOLOR="#d6ddfb">
<p
align="center">
<IMG SRC="
DSC04780.jpg" width="400" height="400">
</p>
<H1>BELAJAR
WEB ITU ASYIK..</H1>
<H2>BELAJAR
WEB ITU ASYIK..</H2>
<H3>BELAJAR
WEB ITU ASYIK..</H3>
<H4>BELAJAR
WEB ITU ASYIK..</H4>
<H5>BELAJAR
WEB ITU ASYIK..</H5>
<H6>BELAJAR
WEB ITU ASYIK..</H6>
<H7>BELAJAR
WEB ITU ASYIK..</H7>
</BODY>
<HTML>
<HTML>
<HEAD>
<TITLE>
Modul Belajar Mulok
“Desain Web Site” Jurusan TKJ SMK N 2
Bawang 10
::belajar web hari
kedua ..
</TITLE>
</HEAD>
<BODY
BGCOLOR="#d6ddfb">
<p
align="center">
<IMG
SRC="abu.jpg" width="400" height="400">
</p>
<font
size="7">BELAJAR WEB ITU ASYIK..</font>
<font
size="6">BELAJAR WEB ITU ASYIK..</font>
<font
size="5">BELAJAR WEB ITU ASYIK..</font>
<font
size="4">BELAJAR WEB ITU ASYIK..</font>
<font
size="3">BELAJAR WEB ITU ASYIK..</font>
<font
size="2">BELAJAR WEB ITU ASYIK..</font>
<font
size="1">BELAJAR WEB ITU ASYIK..</font>
</BODY>
<HTML>
HTML>
<HEAD>
<TITLE>
::belajar web hari
kedua ..
</TITLE>
</HEAD>
<BODY
BGCOLOR="#d6ddfb">
<p
align="center">
<font
size="7">
Belajar membuat
Tabel untuk alat bantu desain web site...jadi
perhatikan baik -
baik
</font>
</p>
<TABLE BORDER
="1" WIDTH= "500" ALIGN="CENTER"
<TR>
<TD> NAMA </TD>
<TD> ALAMAT </TD>
</TR>
<TR>
<TD> DOMINGOS DA COSTA BELO
</TD>
<TD> BAYA-LESTE</TD>
</TR>
</TABLE>
</BODY>
<HTML>
<HTML>
<HEAD>
<TITLE>
::belajar web h ari
kedu a ..
</TITLE>
</HEAD>
<BODY
BGCOLOR="#d6ddfb">
<p
align="center">
<font
size="7">
Belajar membuat
Tabel untuk alat bantu desain web site...jadi perhatikan baik - baik
</font>
</p>
<TABLE BORDER
="0" WIDTH= "500" ALIGN="CENTER"
<TR>
<TD> <IMG SR C=" 8.jpg"
width="850" height="180 "
</TD>
</TR>
<TR>
<TD>
<p
align="left"><font size="7">BELAJAR WEB ITU
ASYIK..</font></p>
<p
align="center"><font size="6">BELAJAR WEB ITU
ASYIK..</font></p>
<p
align="right"><font size="5">BELAJAR WEB ITU
ASYIK..</font></p>
<p
align="center"><font size="4">BELAJAR WEB ITU
ASYIK..</font></p>
<p
align="left"><font size="3">BELAJAR WEB ITU
ASYIK..</font></p>
<p
align="center"><font size="2">BELAJAR WEB ITU
ASYIK..</font></p>
<p
align="right"><font size="1">BELAJAR WEB ITU
ASYIK..</font></p>
</TD>
</TR>
<TR>
<TD> <P
ALIGN="CENTER"><FONT SIZE="3 "> copyright 2009
Ahmad Banjar
Group
</font></p>
</TR>
</TABLE>
</BODY>
<HTML>
<html>
<head>
<title>
::ini judul web ::
</title>
</head>
<body>
<table
width="800" border="1" align="center">
<tr>
<td><div
align="center"><span
class="style1">INI ADALAH UNTUK HEADER
</span></div></td>
</tr>
<tr>
<td><table
width="100%"
border="1">
<tr>
<td width="77%"
align="left" valign="top"><p><strong>info
terb aru
</strong></p>
<p>Di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI
TAMPILKAN...
</p>
<p>Di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI
TAMPILKAN...
</p>
<p><stron g>info tadi
pagi </stron g></p>
<p>Di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI
TAMPILKAN...
</p>
<p>Di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI
TAMPILKAN...
</p>
<p><stron g>INFO KEMARIN
</strong></p>
<p>Di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI
TAMPILKAN...
</p>
<p>Di sini untuk INFO - INFO WEB atau ISI WEB YANG MAU DI
TAMPILKAN... </p></td>
<td width="23%"
align="left" valign="top"><table width="100%
" border="1">
<tr>
<td align="left"
valign="top"><div align
="center"><strong>MENU - MENU
</strong></div></td>
</tr>
<tr>
<td align="left"
valign="top"><A HR EF="menu1.html">MENU
1</A> </td>
</tr>
<tr>
<td align="left"
valign="top"><A HR EF="menu2.html">MENU 2
</A></td>
</tr>
<tr>
<td align="left"
valign="top">MENU 3 </td>
</tr>
<tr>
<td align="left"
valign="top">MENU 4 </td>
</tr>
<tr>
<td align="left"
valign="top">MENU 5 </td>
</tr>
<tr>
<td align="left"
valign="top">MENU 6 </td>
</tr>
<tr>
<td align="left"
valign="top">MENU 7 </td>
</tr>
<tr>
<td align="left"
valign="top">MENU 8 </td>
</tr>
<tr>
<td align="left"
valign="top">MENU 9 </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><div
align="center"><strong>INI NAMA PEMILIK WEB
</strong></div></td>
</tr>
</table>
</body>
</html>
<body>
<table
width="85%"
border="1" align="center">
<tr>
<td><img src=”..\ahmadsafingi\head
er.jpg” width=”900” height=”200”></td>
</tr>
<tr>
<td><table
width="100%"
border="1">
<tr>
<td width="78%"
align="left" valign="top">Ini untuk berita atau
info</td>
<td width="22%"
align="left" valign="top">
<table
width="100%"
border="1">
<tr>
<td>menu - menu</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
Tidak ada komentar:
Posting Komentar