Você está na página 1de 4

ULANGAN HARIAN I

Nama Siswa : .
Kelas /Absen : .
Nomor Komputer : .
Nama Folder/File : .

1. Soal :
Isi form soal ini dan letakan penyimpanan sesuai dengan prosedur pengerjaan!
Buatlah tampilan website seperti dibawah ini menggunakan prinsip tag dasar, table dan hyperlink!
(60 point)
Prosedur Pengerjaan :
1. Buatlah folder baru pada Data (D) di computer masing-masing dan beri nama Folder : <UH1>
<Nama_Siswa> <Kelas>
Contoh : UH1 RAISA SIAHAAN XII IPA 1
2. Buatlah file .html untuk membuat layout dibawah ini dengan nama home.html
3. Masukkan gambar facebook kedalam folder yang telah dibuat dengan ketentuan :
- Header header 2.jpg
- Footer footer.jpg
4. Pastikan tampilan layout sama seperti contoh dibawah ini.

2. Soal :
Buatlah tampilan menu profil, article, gallery dan contact seperti dibawah ini menggunakan prinsip
tag dasar, table dan hyperlink! (30 point)
Prosedur pengerjaan :
1. Buatlah file .html untuk membuat layout dibawah ini dengan nama profil.html, article.html,
gallery.html dan contact.html

(Tampilan Profil.html)

(Tampilan Article)
(Tampilan Galeri)

Idikator Penilaian :
- Penamaan File (5 point)
- Peletakan file sesuai instruksi (5 point)
- Kelengkapan materi dan berfungsi sesuai instruksi (sesuai point pada soal)
- Kelengkapan listing program (sesuai point pada soal)
- Pengembangan design (opsional)

<html>
<head></head>
<body>
<table width ="1000" height="1000" border ="1" style ="border-color: blue;">
<tr>
<td colspan ="6" width ="1000" height"500"> <image src="header 2.jpg" width ="1000" height"500" />
</td>
</tr>
<tr>
<td width ="100" > <a href="home.html">home</td>
<td width="100"> <a href="profil.html"> profil </td>
<td width="100"> <a href="article.html"> article </td>
<td width="100"> <a href="gallery.html"> gallery </td>
<td width="100"> <a href="contact.html"> contact </td>
</tr>
<tr>
<td height="700"></td>
<td colspan="3" height"700"> </td>
<td height="700"></td>
</tr>
<tr>
<td colspan ="6" width="1000" height"500"> <image src="header 2.jpg" width="1000" height"500" />
</td>
</tr>
</table>
</body>
</html>

Você também pode gostar