Jawaban MID Semester Pemograman Web 1
SOAL MID SEMESTER
SIFAT : Mandiri dan Open Book
Ketentuan : Mencontek atau memberikan contekan, skornya -10.
Kerjakan
soal berikut dengan penuh tanggung jawab, mandiri dan sesuai dengan
hati nurani anda. Jangan lupa berdoa sebelum mengerjakan soal.
- Jelaskan sejelas-jelasnya disertai dengan contoh pengertian dan perbedaan HTML, CSS, PHP, dan Java script, jelaskan pula cara mendeklarasikannya.
- Pengertian dan perbedaan web statis dan web dinamis, berikan ciri-cirinya.
- Jika banner untuk header di simpan dengan nama file banner.jpg dan menu dibuat dengan link menu dalam tabel. Tulislah program html untuk web berikut ini.
1. Pengertian HTML, CSS, PHP dan Java Script
*
HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah
halaman web dan menampilkan berbagai informasi dalam browser internet.
Contoh umum HTML :
<html>
<head>
<title>MID1</title>
</head>
<body>MID Pemograman Web
</body>
</html>
* PHP adalah sebuah script yang bersifat Server Side yang artinya semua proses akan dikerjakan disisi server dan hanya hasilnya saja yang akan dikirim ke browser.
Contoh umum dari bahasa PHP adalah sebgai berikut :
<html>
<head><title>MID</title>
</head>
<body>
<?php
print ”MID Pemograman Web”;
?>
<br>
<?php
$a = 10;
print “Isi dari variabel \$a=$a”;
?>
</body>
</html>
<html>
<head><title>MID</title>
</head>
<body>
<?php
print ”MID Pemograman Web”;
?>
<br>
<?php
$a = 10;
print “Isi dari variabel \$a=$a”;
?>
</body>
</html>
* Cascading Style Sheets(CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah mengubah keseluruhan warna dan tampilan yang ada disitus kita sekaligus memformat ulang situs kita.
tag_html/*
atau */ selector_id/* atau */ selector_class/* atau */ { property:
value; property_lain: value; property_lain_lagi : value; } /* atau */ p{
font-family:arial; } .warna_merah{ color:red; } #id_unik{/* selector id
diawali dengan # *pager * */ text-align:left; font-size:40px; } /* kira
kira seperti itulah sintaksnya*/
* JavaScript
adalah bahasa scripting yang paling populer di internet dan bekerja
pada banyak browser seperti Internet Explorer, Mozilla, Firefox,
Netscape, Opera. JavaScript digunakan pada Web pages untuk meningkatkan
design, validate forms, detect browsers, create cookies, GUI dsb.
Contoh script sederhana dari javasript adalah sebagai berikut :
<HTML>
<HEAD>
<SCRIPT language=“javascript”>
<!--
// Build HTML here
<!--akhirscript -->
</SCRIPT>
</HEAD>
ga_pra_27@yahoo.co.id 15
</HTML>
Contoh program JavaScript :
<html>
<!–-COMP519 js01.html 7.09.2005 -->
<head>
<title>JavaScript Page</title>
</head>
<body>
<script type="text/javascript">
// silly code to demonstrate output
document.write(“<FONT COLOR=‘GREEN'>
Hello world!</FONT>");
document.write("<p>How are <br/>" +
"<i>you</i>?</p>");
</script>
<p>Here is some static text as well.
</p>
</body>
</html>
<HTML>
<HEAD>
<SCRIPT language=“javascript”>
<!--
// Build HTML here
<!--akhirscript -->
</SCRIPT>
</HEAD>
ga_pra_27@yahoo.co.id 15
</HTML>
Contoh program JavaScript :
<html>
<!–-COMP519 js01.html 7.09.2005 -->
<head>
<title>JavaScript Page</title>
</head>
<body>
<script type="text/javascript">
// silly code to demonstrate output
document.write(“<FONT COLOR=‘GREEN'>
Hello world!</FONT>");
document.write("<p>How are <br/>" +
"<i>you</i>?</p>");
</script>
<p>Here is some static text as well.
</p>
</body>
</html>
2. Pengertian dan Perbedaan Statis dan Web Dinamis
A. Yang dimaksud dengan Web statis adalah
sebuah web yang isinya tidak bisa dirubah-rubah dan tidak memiliki
database sebagai tempat penyimpanan content nya. Apabila ingin merubah
isi dari website, harus melakukan perubahan tulisan yang tertanan pada
file program web tersebut, sehingga penguasaan bahasa pemrograman web
diperlukan. Pemograman Web Statis ini biasanya adalah HTML dan CSS.
B. Sedangkan Pengertian Web Dinamis adalah sebuah web yang isinya
bisa dirubah sewaktu-waktu tanpa melalui perubahan code pada file web,
akan tetapi melalui sebuah halaman administrator. Content yang tampil
dalam Web dinamis pun tersimpan pada sebuah database, sehingga orang
awam pun bisa merubah isi dari web (content) tanpa menguasai Bahasa
Pemograman Web. Biasanya web ini tersusun dari beberapa bahasa
pemrograman yaitu HTML, PHP, CSS dan tentunya terhubung dengan database
MySQL.
3. Program html untuk web
<html>
<body>
<table width="638" border="1">
<tr>
<td colspan="2"><p><img src="Untitled.png" width="631" height="203" /></p>
</td>
</tr>
<tr>
<td colspan="2"><table width="629" border="1">
<tr bgcolor="#CC3333">
<td width="148">Beranda</td>
<td width="119">Prifile</td>
<td width="129">Gallery</td>
<td width="205">Alumni</td>
</tr>
</table></td>
</tr>
<tr>
<td width="216" bgcolor="#FFFF99"><table width="218" border="1" bordercolor="#000000">
<tr>
<td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.Binasriwijaya.ac.id">STMK Bina Sriwijaya </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.Unsri.ac.id">UniVersitas Sriwijaya </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.UGM.ac.id">Universitas Gadjah madha </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.ITB.ac.id">Institut Teknologi Bandung </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.sumsel.Diknas.go.id">Diknas</a></td>
</tr>
</table></td>
<td width="406" bgcolor="#FFCC66"><p><strong>VISI</strong></p>
<p>menjadi sekolah yang unggul dan penguruan teknologi informasi </p>
<p><strong>MISI</strong></p>
<p>1. Mendidik siswa agar tidak gaptek</p>
<p>2. Mendidik siswa agar mengusai tekonologi Web</p>
<p>3. mendidik siswa mengusai ilmu eksakta </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<td colspan="2" bgcolor="#993399"><div align="center"><strong>Desain Oleh : Kms Fahmi@1011080 </strong></div></td>
</tr>
</table>
</body>
</html>
<body>
<table width="638" border="1">
<tr>
<td colspan="2"><p><img src="Untitled.png" width="631" height="203" /></p>
</td>
</tr>
<tr>
<td colspan="2"><table width="629" border="1">
<tr bgcolor="#CC3333">
<td width="148">Beranda</td>
<td width="119">Prifile</td>
<td width="129">Gallery</td>
<td width="205">Alumni</td>
</tr>
</table></td>
</tr>
<tr>
<td width="216" bgcolor="#FFFF99"><table width="218" border="1" bordercolor="#000000">
<tr>
<td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.Binasriwijaya.ac.id">STMK Bina Sriwijaya </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.Unsri.ac.id">UniVersitas Sriwijaya </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.UGM.ac.id">Universitas Gadjah madha </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.ITB.ac.id">Institut Teknologi Bandung </a></td>
</tr>
<tr>
<td bordercolor="#000000" bgcolor="#CC3300" class="style2"><a href="http://www.sumsel.Diknas.go.id">Diknas</a></td>
</tr>
</table></td>
<td width="406" bgcolor="#FFCC66"><p><strong>VISI</strong></p>
<p>menjadi sekolah yang unggul dan penguruan teknologi informasi </p>
<p><strong>MISI</strong></p>
<p>1. Mendidik siswa agar tidak gaptek</p>
<p>2. Mendidik siswa agar mengusai tekonologi Web</p>
<p>3. mendidik siswa mengusai ilmu eksakta </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<td colspan="2" bgcolor="#993399"><div align="center"><strong>Desain Oleh : Kms Fahmi@1011080 </strong></div></td>
</tr>
</table>
</body>
</html>
Format Teks pada HTML
~ Mendefinisikan teks tebal
~ Mendefinisikan teks miring
~ Mendefinisikan teks besar
~ Mendefinisikan teks kecil
~ Mendefinisikan teks menekankan
~ Mendefinisikan teks yang kuat
~ Mendefinisikan teks subscript
~Mendefinisikan teks superscripted
~ Mendefinisikan teks dimasukkan