Job sheet 3

SMK NEGERI 2 SEMARANG REKAYASA

PERANGKAT LUNAK

LEMBAR
KERJA
Mata pelajaran : Pemrograman Web & Perangkat Bergerak
Pelaksanaan : Kamis, 2 Agustus 2018
Waktu : Pkl. 07.00 – 10. 00 WIB

1. Standar Kompetensi
Membuat link HTML, Menyisipkan gambar di HTML
2. Kompetensi Dasar
Memformat text, membuat link, dan menyispkan gambar
3. Tujuan
Setelah praktik peserta didik dapat :
1. Membuat link antar halaman pada web HTML
2. Memformat Text pada web HTML
3. Menyispkan gambar pada web HTML
4. Alat dan Bahan
1. Personal computer (PC)
2. Editor (Notepad)
3. BrowserInternet (IE/Mozila firefox/Google chrome,/Opera)
4. Jobsheet
5. Petunjuk kerja
1. Siaplah alat dan bahan yang akan digunakan.
2. Nyalakan komputer diatas meja kemudian buatlah layout halam web dinamis
sesuai kreasi anda masing-masing.
3. Lakukanlah pengamatan dan buatlah sesuai skenario
4. Apabila ada kesalahan silahkan dianalisis dan diperbaiki sendiri sesuai prosedur.
5. Jika sudah yakin benar dan selesai mengerjakan, silahkan hasil
produk dipresentasikan ke penguji.
6. Setelah selesai presentasi, alat dan bahan harus dikembalikan ke tempat semula
serta bersihkanlah meja dan ruangan.
6. Skenario
Buat Folder dengan nama “JOB3”

Buat Folder dengan nama “gambar”

1. Buat File HTML dengan nama home.html di folder JOB3
Berikan Title “WEBSITE RPL NAMAMU”
(skor maksimal: 2)

2. Buat gambar header dengan photoshop, yang berisikan logo SMKN 2 dan
tulisan: “
“PROGRAM KEAHLIAN REKAYASA PERANGKAT LUNAK
SMK NEGERI 2 SEMARANG”
Simpan di folder gambar
(skor maksimal: 2)
 3. Buat baris baru, dengan format rata tengah dan bertuliskan: “Info Apa yang
Anda Cari?”
(skor maksimal: 1)

4. Buat link untuk: GURU dan SISWA

(skor maksimal: 2)

5. Buat gambar footer dengan photoshop, yang bertuliskan: ”HAK CIPTA BY

NAMAMU” simpan di folder gambar dengan ukuran 800 x 30cm
(skor maksimal: 2)

Buat Folder dengan nama “guru”

6. Buat File HTML dengan nama home_guru.html simpan di folder guru
Tuliskan Title “INFO GURU”
Tuliskan dengan rata tengah “SELAMAT DATANG DI HALAMAN INFO
GURU”
Berikan Link Kembali
(skor maksimal: 3)

Buat Folder dengan nama “siswa”

7. Buat File HTML dengan nama home_siswa.html Simpan Di Folder Siswa
Tuliskan Title “INFO GURU”
Tuliskan dengan rata tengah “SELAMAT DATANG DI HALAMAN INFO
DARI SISWA RPL”
Berikan Link Kembali
(skor maksimal: 3)

8. Nilai Tambahan:
a. Mengubah warna huruf (skor= 1)
b. Mengubah warna background (skor= 1)
c. Mengubah warna header/footer (skor= 1)
d. Membuat tulisan selamat datang di halaman home (skor=2)

7. Lampiran

Contoh halaman home:

Made by rizki

Contoh halaman guru