KP2 KPD1023 - K3 (Zoo)

BAHAGIAN PENDIDIKAN TEKNIK DAN VOKASIONAL
KEMENTERIAN PENDIDIKAN MALAYSIA

ARAS 5 & 6, BLOK E14, KOMPLEKS E,
PUSAT PENTADBIRAN KERAJAAN PERSEKUTUAN
KERTAS KERJA
( WORK SHEET )
KOD DAN NAMA

IT-010-3:2016 PEMBANGUNAN APLIKASI
NOSS
KOD DAN NAMA
C02 APPLICATION MODULE DEVELOPMENT
CU / WA
TEKNOLOGI SISTEM PENGURUSAN PANGKALAN DATA
NAMA PROGRAM
DAN APLIKASI WEB
TAHAP DAN
3 (SEMESTER 1)
SEMESTER
KOD DAN TAJUK
KPD 1023 INTRODUCTION TO WEB DEVELOPMENT
KURSUS
NO.DAN TAJUK
K3 ACCESS WEB PROGRAMMING NEEDS USING HTML 5
KOMPETENSI
NO. KOD KSKV KPD1023/K(2/4)

Muka Surat : 1 Drp : 9
NO. KOD NOSS IT-010-3:2016-C02/K(2/4)
TAJUK/TITLE :
ACCESS WEB PROGRAMMING NEEDS USING HTML 5
TUJUAN/PURPOSE :
Pelatih – pelatih mesti boleh / Trainees should be able to :

1. Membina laman web dengan menggunakan tag dalam HTML.
 Basic tag in HTML
 Text in HTML
 List types
 Link
 Images
 Multimedia object
SKPK IT-010-3:2016-C02/K(2/4)
NO. KOD / Muka Surat / Page : 2
CODE NO. KSKV KPD1023/K(2/4) Drp / of : 9
 Tables
 Form
ARAHAN/INSTRUCTION :
Pelatih dikehendaki melaksanakan arahan-arahan ditunjukkan pada langkah dan
butiran kerja dengan menggunakan perkakasan dan perisian yang disediakan.
Hasilkan sebuah laporan bercetak yang memaparkan sebuah laman web berkenaan
ZOO.
LUKISAN. DATA DAN JADUAL/DRAWING, DATA AND TABLE :

TIADA
PERALATAN, PERKAKASAN DAN BAHAN/ TOOLS, EQUIPMENT AND

MATERIAL
KUANTITI
BIL BAHAN UKURAN
(Bahan:Calon)
2. Fail image “zoo.jpg” - 1:1
KUANTITI
BIL PERALATAN / PERKAKASAN UKURAN
(Bahan:Calon)
1 Komputer - 1:1
SKPK IT-010-3:2016-C02/K(2/4)
LANGKAH
BUTIRAN KERJA/DETAILS
KERJA/STEPS
SIKAP, KESELAMATAN DAN PERSEKITARAN/

ATTITUDE, SAFETY AND ENVIRONMENTAL :
 Pelatih mestilah sentiasa mematuhi peraturan dalam makmal
komputer seperti yang telah ditetapkan.
 Pelatih mestilah menghidupkan dan mematikan komputer dengan
langkah yang betul.
 Hasil kerja mestilah memastikan hasil kerja disimpan dalam
medium yang ditentukan oleh pensyarah dengan selamat.
 Pelatih dilarang menyalin hasil kerja pelatih lain semasa
melaksanakan kertas kerja ini.
1. Mulakan  Buka perisian Sublime Text :

perisian Start > All Program > Sublime Text
2. Bina laman  Bina file ”Index.html”dan simpan di dalam sebuah folder

web utama ”ZOONEGARA”.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ZOO NEGARA MALAYSIA</title>
<center><img src="zoo.jpg" alt="ZOO NEGARA"
style="width:604px;height:228px;"></center>
SKPK IT-010-3:2016-C02/K(2/4)
</head>
Output : -
<body bgcolor = "pink">

3. Bina laman
<center><h1>Welcome to Zoo Negara</h1></center>
web utama
<hr>
(body)
<p>Zoo Negara adalah zoo nasional yang pertama di Malaysia dan
diuruskan sepenuhnya oleh <b>Persatuan Zoologikal Malaysia
</b>iaitu sebuah badan bukan kerajaan yang memainkan peranan
utama dalam <i> hal ehwal konservasi hidupan liar, penyelidikan,
pendidikan dan rekreasi. </i> Ia mula dirasmikan<font
face="verdana" color="green"> pada tahun 1963 </font>oleh <font
size="2" color="blue"> Perdana Menteri Malaysia yang pertama, Al-
Marhum Tunku Abdul Rahman. </font> </p>
<p>HAK MILIK<sub> cipta</sub> dan<sup>terpelihara</sup></p>
<hr>
Outputnya : -
SKPK IT-010-3:2016-C02/K(2/4)
<br> <center><h6>TOP 5 DATA KEMASUKAN PELANGGAN</h6>

<table>
4. Bina jadual
<tr>
dalam body.
<th>NAMA</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Fahrin Ahmad</td>
<td>012345679</td>
<td>Germany</td>
</tr>
<tr>
<td>Dayang Nurfaeza</td>
<td>0134567891</td>
<td>Mexico</td>
</tr>
SKPK IT-010-3:2016-C02/K(2/4)
<tr>
<td>Fatah Amin</td>
<td>016666667</td>
<td>Austria</td>
</tr>
<tr>
<td>Awal Ashari</td>
<td>0199876543</td>
<td>UK</td>
</tr>
<tr>
<td>Yuna</td>
<td>+60234567785677457</td>
<td>Canada</td>
</tr>
<tr>
<td>Rita Rudaini</td>
<td>01111149984</td>
<td>Italy</td>
</tr>
</table></center>
Output :-
SKPK IT-010-3:2016-C02/K(2/4)
<center><a href="_____________________.html" target="_top">next

pages</a></center>
5. Bina link to
others Output :-
page.
</body>
</html>
6. Penutup
Tag asas
HTML
7. Save dan
SKPK IT-010-3:2016-C02/K(2/4)
Run
namakan file
pilih “ ALL FILE”
Cara buka Browser
Right Click > Open With > Internet Explorer
SOALAN/QUESTION :
 Tunjukkan bagaimana hasil output keseluruhan laman web berkenanaan ZOO
NEGARA .
SKPK IT-010-3:2016-C02/K(2/4)
SENARAI SEMAK/CHECK LIST :

Tidak
Bil Tahap Pencapaian / Level of Terima / Catatan/
Terima / Not
No. Achievement Accepted Remark
Accepted
A. PROSES KERJA/WORK PROCESS
 Membina tag asas HTML
 Melaksanakan langkah kerja 1 – 7
B. HASIL KERJA/END RESULT - PRODUK/PERKHIDMATAN/KEPUTUSAN

 Menghasilkan output
laman web yang sempurna
 Menghasilkan link ke page lain.
.
C. SIKAP/ ATTITUDE
 Mematuhi etika penggunaan komputer
 Menepati masa
D. KESELAMATAN & PERSEKITARAN / SAFETY & ENVIRONMENTAL

 Kaedah kerja mengikut prosedur serta
menitikberatkan keselamatan kerja.
.................................................. ....................................................
( ) ( )
Pelatih Pengajar
Tarikh : ______________ Tarikh: ____________

KP2 KPD1023 - K3 (Zoo)

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

KP2 KPD1023 - K3 (Zoo)

Diunggah oleh

Hak Cipta:

Format Tersedia

BAHAGIAN PENDIDIKAN TEKNIK DAN VOKASIONAL

KEMENTERIAN PENDIDIKAN MALAYSIA

KOD DAN NAMA

NO. KOD KSKV KPD1023/K(2/4)

Pelatih – pelatih mesti boleh / Trainees should be able to :

LUKISAN. DATA DAN JADUAL/DRAWING, DATA AND TABLE :

PERALATAN, PERKAKASAN DAN BAHAN/ TOOLS, EQUIPMENT AND

SIKAP, KESELAMATAN DAN PERSEKITARAN/

1. Mulakan  Buka perisian Sublime Text :

2. Bina laman  Bina file ”Index.html”dan simpan di dalam sebuah folder

<body bgcolor = "pink">

<br> <center><h6>TOP 5 DATA KEMASUKAN PELANGGAN</h6>

<center><a href="_____________________.html" target="_top">next

Cara buka Browser

Right Click > Open With > Internet Explorer

SENARAI SEMAK/CHECK LIST :

B. HASIL KERJA/END RESULT - PRODUK/PERKHIDMATAN/KEPUTUSAN

D. KESELAMATAN & PERSEKITARAN / SAFETY & ENVIRONMENTAL

Anda mungkin juga menyukai