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.
Jawab
1.
Pengertian HTML.CSS,PHP,dan JAVA SCRIPT?
HTML (HyperText Mark up Language) merupakan
suatu metoda untuk mengimplementasikan konsep hypertext
dalam suatu naskah atau dokumen.
<html>
<head>
<title>
Disini titel websiteku<title>
</head>
</body>
Disini
adalah konten yang tampil d browser
</body>
</html>
CSS
merupakan kepanjangan dari Cascading Style Sheets, CSS adalah bahasa yang
digunakan untuk mengatur desain suatu halaman HTML atau XHTML. CSS ini
merupakan standarisasi dalam mendesain sebuah web yang dikembangkan oleh W3C
(World Wide Web Consortium).
<html>
<head>
<style
type="text/css">
p
{
color:red;
text-align:center;
}
</style>
</head>
<body>
<p>Hello
sobat!</p>
<p>This paragraph
is styled with CSS.</p>
</body>
</html>
PHP: Hypertext Prepocessor",
yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan
dan pengembangan sebuah situs web dan
bisa digunakan bersamaan dengan HTML.
<html>
<body>
<?php
echo "Hello World";
?>
</body>
</html>
<body>
<?php
echo "Hello World";
?>
</body>
</html>
JavaScript adalah bahasa pemrograman yang
khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat
dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java
adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah
serangkaian instruksi program.
<!DOCTYPE html>
<html>
<head>
<script
type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>My First Web
Page</h1>
<p id="demo">This is
a paragraph.</p>
<button type="button"
onclick="displayDate()">Display Date</button>
</body>
</html>
2. Pengertian web statis dan web dinamis
Web Statis
adalah web yang content
atau isinya tidak berubah – ubah. Maksudnya adalah isi dari dokumen yang ada di
web tersebut tidak dapat diubah secara mudah. Ini dikarenakan karena script
yang digunakan untuk membut web statis tidak mendukung untuk mengubah isi
dokumen.
Ciri-ciri website statis
-
tampilan
halamannya tidak berubah-ubah.
-
halamannya
tidak menyediakan menu komentar bagi para pengunjung yang datang.
-
untuk
menambahkan konten baru juga sulit karena memang fiture ini tidak diutamakan.
-
jumlah
halamannya juga tidak banyak-banyak, cukup dengan beberapa halaman dengan
informasi yang sudah pasti dan tidak berubah-ubah ( seperti kalau didunia nyata
sering disebut brosur).
Web Dinamis
adalahWeb
yang content atau isinya dapat berubah – ubah setiap saat. Karena dalam
teknologi pembuatan web dinamis sudah dirancang semudah mungkin bagi user yang
menggunakan web dinamis tersebut.
Ciri-ciri website dinamis
- Isi/konten selalu di update sehingga jumlah halamannya terus bertambah
- Mudah dalam menambahkan konten baru karena memang ini yang diutamakan
- Konten terbaru selalu berada di urutan pertama karena untuk memperjelas konten yang diupdate
- Pengunjung dapat memberikan komentar pada sebuah konten yang di sajikan. apalagi kalau berisi tutorial maka pengunjung bisa bertanya ketika ada yang belum paham
3. Program
HTML
<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 : paridah pasa @1011028 </strong></div></td>
</tr>
</table>
</body>
</html>