Menu
Pasang iklan SEO disini Murah, 300.000/6 Bulan dan dapatkan Trafik setiap harinya

Menerapkan Dasar-Dasar Pembuatan Web Statik Lanjut TIK.PR02.028.01

May
25
2015
by : Bupeko. Posted in : blog

 

MATERI PELATIHAN BERBASIS KOMPETENSI

SEKTOR TEKNOLOGI INFORMASI DAN KOMUNIKASI

 

 

 

MENERAPKAN DASAR-DASAR PEMBUATAN Web  STATIK LANJUT

TIK.PR02.028.01

 

 

 

 

BUKU KERJA

 

 

 

 

DEPARTEMEN TENAGA KERJA DAN TRANSMIGRASI R.I.

DIREKTORAT JENDERAL PEMBINAAN PELATIHAN DAN PRODUKTIVITAS

Jl. Jend. Gatot Subroto Kav.51 Lt.7.B Jakarta Selatan

 

DAFTAR ISI

 

Daftar Isi…………………………………………………………………………………………       2

 

BAB I     STANDAR KOMPETENSI………………………………………………………. 3

1.1   Unit Kompetensi Yang Dipelajari                                                3

1.1.1  Kode dan Judul Unit                                                        3

1.1.2  Deskripsi Unit                                                                3

1.1.3  Elemen Kompetensi                                                        3

1.1.4  Batasan Variabel                                                             4

1.1.5  Panduan Penilaian                                                          4

1.1.6  Kompetensi Kunci                                                           6

 

BAB II    TAHAPAN BELAJAR…………………………………………………………….  ..7

 

BAB III  TUGAS DAN TEORI UNJUK KERJA………………………………………. 12

              3.1 Tugas Teori                                                                               12

3.2 Tugas Unjuk Kerja                                                                      19

3.3 Daftar Cek Unjuk Kerja                                                               20

 

 

 

 

 

 

BAB I

STANDAR KOMPETENSI

 

 

1.1        Unit Kompetensi Yang Dipelajari

Dalam sistem pelatihan, Standar Kompetensi diharapkan menjadi panduan bagi peserta pelatihan untuk dapat :

  1. Mengidentifikasikan apa yang harus dikerjakan peserta pelatihan.
  2. Memeriksa kemajuan peserta pelatihan.
  3. Menyakinkan bahwa semua elemen (sub-kompetensi) dan kriteria unjuk   kerja telah dimasukkan dalam pelatihan dan penilaian.

 

1.1.1   Kode dan Judul Unit

Kode Unit               : TIK.PR02.028.01

Judul Unit               : Menerapkan Dasar-Dasar Pembuatan Web  Statik Lanjut

 

 

1.1.2                   Deskripsi Unit

Unit kompetensi ini berkaitan dengan pengoperasian sistem operasi pada perangkat komputer dalam kondisi normal. Pengoperasian mencakup: mengenali perintah kepada sistem operasi, pengelolaan folder dan file, perintah administrasi sistem dan panel kontrol.

 

 

1.1.3   Elemen Kompetensi

ELEMEN KOMPETENSI

KRITERIA UNJUK KERJA

01 Mengidentifikasi prosedur pengoperasian editor teks 1.1  Prosedur pengoperasian software editor teks sesuai dengan standar operasi software diidentifikasi.

1.2  Pengoperasian software disesuaikan dengan standar operasi.

 

02 Mengaplikasikan fitur- fitur different level       heading, paragraph, font, list, table 2.1   Fitur-fitur different level heading diidentifikasi dan diaplikasikan.

 

2.2   Fitur-fitur paragraph diidentifikasi dan diaplikasikan.

 

2.3   Fitur-fitur font diidentifikasi dan diaplikasikan

 

2.4   Fitur-fitur bullets, numbers dan style diidentifikasi dan diaplikasikan.

 

2.5   Fitur-fitur table diidentifikasi dan diaplikasikan.

03 Melakukan editing     sederhana 3.1  Fitur-fitur manipulasi teks diaplikasikan.

 

3.2  Fitur-fitur editing sederhana digunakan seperti format teks, bullets, background diaplikasikan

 

04 Menggunakan fitur-fitur     tambahan untuk     memformat layout      halaman 4.1  Fitur-fitur background color digunakan seperti : solid color atau nilai kode heksadesimal, background dengan sebuah file grafik, warna untuk teks dan hyperlink, diidentifikasi dan diaplikasikan.

4.2      Fitur-fitur table seperti size dan warna border, warna background, penggunaan background gambar, cell dengan warna yang berbeda-beda, diidentifikasi dan diaplikasikan.

 

4.3      Fitur-fitur frame pada halaman untuk pengorganisasian informasi seperti footer, header, horizontal split, vertical split diidentifikasi dan diaplikasikan.

 

05 Mengintegrasikan     dokumen web dengan     obyek lain seperti       grafik, animasi, audio,      video. dll 5.1    Obyek lain seperti grafik, animasi, audio, video    disisipkan ke dalam halaman web.

 

5.2    Sebagian atau keseluruhan web halaman dapat    disisipkan obyek lain.

 

5.3    Teknik-teknik manipulasi audio didemonstrasikan.

 

5.4    Teknik-teknik kompresi audio dan video didemonstrasikan.

 

 

 

1.1.4   Batasan Variabel

1.  Unit ini berlaku untuk seluruh sektor teknologi informasi dan komunikasi.

  1. Menerapkan dasar-dasar pembuatan web statik lanjut bersifat internal pada bidang teknologi informasi dan komunikasi.

 

 

1.1.5   Panduan Penilaian

  1. 1.   Pengetahuan dan keterampilan penunjang

Untuk mendemonstrasikan kompetensi diperlukan bukti keterampilan dan pengetahuan di bidang berikut ini :

1.1.   Pengetahuan Dasar :

1.1.1    Prinsip dan teknologi web.

1.1.2    Prinsip kerja client server.

1.1.3    Pengetahuan tentang internet.

1.1.4    Pengetahuan HTML.

 

1.2.   Keterampilan Dasar

1.2.1 Penggunaan internet

1.2.2 Penggunaan editor teks

 

 

  1. 2.   Konteks Penilaian

Kompetensi harus diujikan di tempat kerja atau di tempat lain secara praktek dengan kondisi kerja sesuai dengan keadaan normal.

 

 

  1. 3.   Aspek penting penilaian

Aspek yang harus diperhatikan:

3.1     Kemampuan mengaplikasikan fitur-fitur different level heading, pragraph, font, list, table pada halaman web.

3.2     Kemampuan menggunakan fitur-fitur tambahan untuk memformat layout           halaman.

3.3     Kemampuan mengintegrasikan dokumen web dengan obyek (grafik, animasi, audio, video dll).

         

 

  1. 4.   Kaitan dengan unit-unit lainnya

4.1.   Unit ini didukung oleh pengetahuan dan keterampilan dalam unit-unit kompetensi yang berkaitan dengan dasar-dasar teknologi informasi

4.1.1    Mengoperasikan web browser.

4.1.2    Menjelaskan arsitektur web.

4.1.3    Menggunakan internet.

4.1.4    Menjelaskan protokol internet.

4.1.5    Menerapkan standar keselamatan kerja.

4.1.6    TIK.PR02.024.01 Membuat dokumen dengan HTML sesuai spesifikasi.

4.1.7    TIK.PR02.027.01 Menerapkan dasar-dasar pembuatan web statik dasar.

 

4.2.   Unit ini juga mendukung kinerja dalam dalam unit-unit kompetensi yang berkaitan dengan web

4.2.1    Perancangan web

4.2.2    Pemrograman web

 

4.3   Pengembangan pelatihan untuk memenuhi persyaratan dalam unit ini perlu dilakukan dengan hati-hati. Untuk pelatihan pra kejuruan umum, institusi harus menyediakan pelatihan yang mempertimbangkan serangkaian konteks industri seutuhnya tanpa bias terhadap sektor tertentu. Batasan variabel akan membantu dalam hal ini. Untuk sektor tertentu/khusus pelatihan harus disesuaikan untuk memenuhi kebutuhan sektor tersebut.

 

 

1.1.6   Kompetensi Kunci

NO

KOMPETENSI KUNCI DALAM UNIT INI

TINGKAT

1

Mengumpulkan, mengorganisir dan menganalisa informasi

3

2

Mengkomunikasikan ide-ide dan informasi

3

3

Merencanakan dan mengorganisir aktivitas-aktivitas

3

4

Bekerja dengan orang lain dan kelompok

2

5

Menggunakan ide-ide dan teknik matematika

2

6

Memecahkan masalah

2

7

Menggunakan teknologi

2

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

BAB II

TAHAPAN BELAJAR

 

 

Langkah-langkah/tahapan belajar

  1. Penyajian bahan, pengajaran dan peserta harus yakin dapat memenuhi seluruh rincian yang tertuang dalam standar kompetensi.
  2. Isi perencanaan merupakan kaitan antara kriteria unjuk kerja dengan pokok-pokok keterampilan dan pengetahuan.
  3. Peserta harus mengerti apa itu sebenarnya sofware editor teks dan bagaimana menggunakan software editor teks yang diinginkan.
  4. Peserta belajar untuk mengaplikasikan fitur-fitur different level heading, paragraph, font, list, table pada suatu dokumen web.
  5. Peserta belajar untuk melakukan editing sederhana pada dokumen web.
  6. Peserta mempelajari dan mengerti cara menggunakan fitur-fitur tambahan seperti penggunaan color dan size yang bervariasi untuk memformat layout halaman.
  7. Peserta mempelajari dan mengerti cara mengintegrasikan dokumen web dengan obyek-obyek multimedia.

 

 

K U K

Indikator Kerja Tahapan Belajar Sumber
1.1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Prosedur pengoperasian software editor teks sesuai dengan standar operasi software diidentifikasi.
  • Mengetahui software editor teks apa saja yang ada
  • Mengetahui perbedaan text editor dan layout editor
  • Mencari informasi mengenai software editor teks apa saja yang ada
  • Mencari informasi mengenai perbedaan text editor dan layout editor
  • Internet
  • Buku Pemrograman Web dengan HTML
1.2

 

 

 

 

 

 

 

 

 

Pengoperasian software disesuaikan dengan standar operasi.

 

Mengetahui sistem operasi apa yang sesuai dengan browser web yang ingin kita pakai dan browser-browser apa saja yang ada saat ini. Mencari informasi mengenai sistem operasi apa yang sesuai dengan browser web yang ingin kita pakai dan browser-browser apa saja yang ada saat ini.
  • Internet
  • Buku Pemrograman Web dengan HTML
2.1 Fitur-fitur different level heading diidentifikasi dan diaplikasikan. Mengidentifikasi perbedaan ukuran antara level-level pada heading. Mempraktikkan untuk membuat heading dalam ukuran yang berbeda.
  • Internet
  • Buku Pemrograman Web dengan HTML
2.2 Fitur-fitur paragraph diidentifikasi dan diaplikasikan.

 

Mengidentifikasikan penerapan paragraf pada dokumen web. Menampilkan penerapan paragraf pada dokumen web.
  • Internet
  • Buku Pemrograman Web dengan HTML
2.3 Fitur-fitur font diidentifikasi dan diaplikasikan.

 

Mengidentifikasi fitur-fitur font dan penerapannya. Menampilkan penerapan fitur-fitur font
  • Internet
  • Buku Pemrograman Web dengan HTML
2.4

Fitur-fitur bullets, numbers dan style diidentifikasi dan diaplikasikan.

 

Mengidentifikasi bullets, numbers dan style dan penerapannya. Menampilkan penerapan bullets, numbers dan style pada dokumen web.
  • Internet
  • Buku Pemrograman Web dengan HTML
2.5

Fitur-fitur table diidentifikasi dan diaplikasikan.

Mengidentifikasi Fitur-fitur table dan penerapannya. Menampilkan penerapan fitur-fitur table pada dokumen web.
  • Internet
  • Buku Pemrograman Web dengan HTML
3.1 Fitur-fitur manipulasi teks diaplikasikan.

Mengidentifikasi fitur-fitur manipulasi teks dan penerapannya. Menampilkan penerapan fitur-fitur manipulasi teks.
  • Internet
  • Buku Pemrograman Web dengan HTML
3.2 Fitur-fitur editing sederhana digunakan seperti format teks, bullets, background diaplikasikan. Mengidentifikasi bagaimana melakukan editing pada dokumen web dengan menggunakan format teks, bullets, background. Menampilkan bagaimana melakukan editing pada dokumen web dengan menggunakan format teks, bullets, background.
  • Internet
  • Buku Pemrograman Web dengan HTML
4.1 Fitur-fitur background color digunakan seperti : solid color atau nilai kode heksadesimal, background dengan sebuah file grafik, warna untuk teks dan hyperlink, diidentifikasi dan diaplikasikan. Mengidentifikasi penggunaan fitur-fitur   tambahan untuk memformat layout halaman, seperti penggunaan Fitur-fitur background color digunakan seperti : solid color atau nilai kode heksadesimal, background dengan sebuah file grafik, warna untuk teks dan hyperlink. Menerapkan penggunaan fitur-fitur    tambahan untuk memformat layout halaman, seperti penggunaan Fitur-fitur background color digunakan seperti : solid color atau nilai kode heksadesimal, background dengan sebuah file grafik, warna untuk teks dan hyperlink.
  • Internet
  • Buku Pemrograman Web dengan HTML
4.2 Fitur-fitur table seperti size dan warna border, warna background, penggunaan background gambar, cell dengan warna yang berbeda-beda, diidentifikasi dan diaplikasikan. Mengidentifikasi penggunaan fitur-fitur   tambahan untuk memformat seperti penggunaan Fitur-fitur table seperti size dan warna border, warna background, penggunaan background gambar, cell dengan warna yang berbeda-beda. Menerapkan penggunaan fitur-fitur    tambahan untuk memformat seperti penggunaan Fitur-fitur table seperti size dan warna border, warna background, penggunaan background gambar, cell dengan warna yang berbeda-beda.
  • Internet
  • Buku Pemrograman Web dengan HTML
4.3 Fitur-fitur frame pada halaman untuk pengorganisasian informasi seperti footer, header, horizontal split, vertical split diidentifikasi dan diaplikasikan.

 

Mengidentifikasi penggunaan fitur-fitur   tambahan untuk memformat seperti penggunaan fitur-fitur frame pada halaman untuk pengorganisasian informasi. Menerapkan penggunaan fitur-fitur    tambahan untuk memformat seperti penggunaan fitur-fitur frame pada halaman untuk pengorganisasian informasi.
  • Internet
  • Buku Pemrograman Web dengan HTML
5.1 Obyek lain seperti grafik, animasi, audio, video disisipkan ke dalam halaman web.

 

Mengidentifikasi obyek lain seperti grafik, animasi, audio, video disisipkan ke dalam halaman web.

 

Mencari informasi mengenai obyek-obyek lain yang dapat disisipkan pada halaman web.
  • Internet
  • Buku Pemrograman Web dengan HTML
5.2 Sebagian atau keseluruhan web halaman dapat disisipkan obyek lain.

 

Mengidentifikasi bagaimana sebagian atau keseluruhan web halaman dapat disisipkan obyek lain.

 

Mencari informasi mengenai bagaimana sebagian atau keseluruhan web halaman dapat disisipkan obyek lain.
  • Internet
  • Buku Pemrograman Web dengan HTML
5.3 Teknik-teknik manipulasi audio didemonstrasi

kan.

 

Mengidentifikasi bagaimana teknik-teknik manipulasi audio. Mencari informasi mengenai bagaimana menerapkan teknik-teknik manipulasi audio.
  • Internet
  • Buku Pemrograman Web dengan HTML
5.4 Teknik-teknik kompresi audio dan video didemonstrasi

kan.

 

Mengidentifikasi bagaimana teknik-teknik kompresi audio dan video Mencari informasi mengenai bagaimana menerapkan teknik-teknik kompresi audio dan video
  • Internet
  • Buku Pemrograman Web dengan HTML

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

BAB III

TUGAS TEORI DAN UNJUK KERJA

 

 

3.1        Tugas Teori

Bacalah soal-soal berikut dengan seksama dan kerjakanlah dengan tepat!

  1. Berikut merupakan beberapa jenis software yang hanya dapat digunakan sebagai text editor, kecuali (KUK 1.1)
    1. Textpad
    2. Macromedia dreamweaver
    3. Notepad
    4. Wordpad

 

  1. Tag yang digunakan untuk mendefinisikan sebuah sel data tabel adalah (KUK 2.5)
    1. TABLE
    2. TH
    3. TR
    4. TD

 

  1. Untuk membuat suatu dokumen web yang memiliki background berwarna biru, perintah yang kita gunakan adalah (KUK 4.1)
    1. <BODY BGCOLOR=”#0000FF”>
    2. <BODY BACKGROUND=”#0000FF”>
    3. <BODY COLOR=”#00FF00”>
    4. <BODY BGCOLOR=”#00FF00”>
    5. <BODY BACKGROUND=”#00FF00”>

 

  1. Berikut merupakan atribut yang dimiliki oleh tag FONT, kecuali (KUK 2.3)
    1. TYPE
    2. FACE
    3. SIZE
    4. COLOR

 

  1. Unordered list sering juga disebut sebagai (KUK 2.4)
    1. Ordered list
    2. Disk list
    3. Box list
    4. Bulleted list

 

  1. Tag DIV berfungsi untuk (KUK 2.4)
    1. Membuat posisi suatu tulisan & gambar berada ditengah
    2. Mendefiniskan suatu style dalam sebuah dokumen
    3. Mendefiniskan suatu bagian dalam suatu dokumen
    4. Mendefinisikan suatu section dalam suatu dokumen

 

 

  1. Suatu web dikatakan memiliki portabilitas yang tinggi bila dapat dijalankan pada berbagai browser. Berikut ini merupakan browser-browser yang saat ini ada, kecuali: (KUK 1.2)
    1. Microsoft Internet Explorer
    2. Opera
    3. Mozilla Firefox
    4. Mozilla Fireworks

 

  1. Nama frame “_top” digunakan untuk (KUK 4.3)
    1. apabila target frame adalah tempat link berada
    2. apabila target frame adalah windows tempat frame berada
    3. apabila target frame adalah setingkat di atas frame link berada
    4. apabila target frame adalah untuk membuka windows baru

 

  1. Yang menjadi salah satu komponen andalan yang menyebabkan web menjadi cepat populer adalah (KUK 5.1)
    1. Multimedia
    2. Animasi
    3. Audio
    4. Video

 

  1. Format sound yang diakui dalam Microsoft Internet Explorer antara lain, kecuali: (KUK 5.2)
    1. MIDI
    2. AU
    3. BMP
    4. WAV

 

  1. Level heading yang memiliki ukuran terkecil adalah (KUK 2.1)
    1. H1
    2. H5
    3. H6
    4. H7

 

  1. Jika menginginkan list dimulai dari nomor 7, maka perintahnya adalah (KUK 2.4)
    1. <OL begin=7>…</OL>
    2. <OL start=7>…</OL>
    3. <OL from=7>…</OL>
    4. <OL on=7>…</OL>

 

  1. Untuk membuat suatu paragraf rata kiri dan memiliki jenis font verdana, perintahnya adalah (KUK 2.2)
    1. <P VALIGN=”left” FACE=”verdana”>
    2. <P ALIGN=”left” TYPE=”verdana”>
    3. <P VALIGN=”left” TYPE=”verdana”>
    4. <P ALIGN=”left” FACE=”verdana”>

 

  1. Perintah yang digunakan untuk membuat tampilan seperti berikut:

(KUK 2.4)

  1. <OL TYPE=”i”>

<LI>Apple</LI>

<LI>Grape</LI>

<LI>Orange</LI>

</OL>

 

  1. <UL TYPE=”i”>

<LI>Apple</LI>

<LI>Grape</LI>

<LI>Orange</LI>

</UL>

 

  1. <LI TYPE=”i”>

<OL>Apple</OL>

<OL>Grape</OL>

<OL>Orange</OL>

</LI>

 

  1. <LI TYPE=”i”>

<UL>Apple</UL>

<UL>Grape</UL>

<UL>Orange</UL>

</LI>

 

  1. Perintah yang digunakan untuk membuat tampilan seperti berikut:

(KUK 2.5)

  1. <TABLE BORDER=”6″>

<TR>

       <TD>100</TD>

       <TD>200</TD>

       <TD>300</TD>

</TR>

<TR>

       <TD ROWSPAN=”2″>400</TD>

       <TD>500</TD>

</TR>

</TABLE>

 

  1. <TABLE BORDER=”6″>

<TR>

       <TD>100</TD>

       <TD>200</TD>

       <TD>300</TD>

</TR>

<TR>

       <TD COLSPAN=”2″>400</TD>

       <TD>500</TD>

</TR>

</TABLE>

 

  1. <TABLE BORDER=”6″>

<TR>

       <TD COLSPAN=”2″>400</TD>

       <TD>500</TD>

</TR>

<TR>

       <TD>100</TD>

       <TD>200</TD>

       <TD>300</TD>

</TR>

</TABLE>

 

  1. <TABLE BORDER=”6″>

<TR>

       <TD COLSPAN=”2″>400</TD>

       <TD>500</TD>

</TR>

<TR>

       <TD>100</TD>

       <TD>200</TD>

       <TD ROWSPAN=”2”>300</TD>

</TR>

</TABLE>

 

  1. Untuk menyisipkan gambar atau images sebagai background suatu dokumen web, perintahnya adalah: (KUK 4.2)
    1. <BODY BACKGROUND=”micky.jpg”>
    2. <BODY BGGROUND=”micky.jpg”>
    3. <BODY BGIMAGES=”micky.jpg”>
    4. <BODY IMAGES=”micky.jpg”>

 

 

  1. Untuk mendefinisikan teks yang dihapus kita dapat menggunakan beberapa tag antara lain, kecuali: (KUK 3.1)
    1. <S>
    2. <DEL>
    3. <STRIKE>
    4. <DELETE>

 

  1. MIME adalah kepanjangan dari (KUK 5.1)
    1. Multimedia Internet Mail Extensions
    2. Multipurpose Internet Multimedia Extensions
    3. Mail Internet Multimedia Extensions
    4. Multipurpose Internet Mail Extensions

 

  1. Berikut merupakan image yang menggunakan tujuan dari hypertext link adalah: (KUK 5.2)
    1. <IMG ALIGN=”bottom” SRC=”stats.gif”>
    2. <A HREF=”stats.gif”>Statistik</A>
    3. <A HREF=#>stats.gif</A>
    4. <IMG ALIGN=”bottom”>stats.gif</IMG>

 

  1. Dalam suatu tabel yang dapat dikatakan sebagai cell adalah (KUK 4.2)
    1. <TH>
    2. <TC>
    3. <TD>
    4. <TR>

 

  1. Editor web yang dapat memberikan kemudahan dalam mendisain suatu dokumen web adalah: (KUK 1.1)
    1. Images editor
    2. Text editor
    3. Layout editor
    4. Double editor

 

  1. Perintah yang digunakan untuk membuat tampilan seperti dibawah ini adalah: (KUK 3.2)

  1. <H1><EM>Images is <SUP>beautiful<SUP></EM></H1>
  2. <H1><EM>Images is <SUB>beautiful<SUB></EM></H1>
  3. <H1><BIG>Images is <SUB>beautiful<SUB></BIG></H1>
  4. <H1><BIG>Images is <SUP>beautiful<SUP></BIG></H1>

 

  1. Atribut yang terdapat dalam multimedia berupa audio antara lain, kecuali: (KUK 5.2)
    1. BEGINTIME
    2. STARTTIME
    3. ENDTIME
    4. AUTOSTART

 

  1. Perintah yang digunakan untuk membuat tampilan seperti berikut:

(KUK 4.2)

  1. <TABLE BORDER=”7″>

<TR>

       <TD COLSPAN=”2″ ALIGN=”Center”>

       <IMG SRC=”Forever.jpg” HEIGHT=”150″ WIDTH=”125″>

       </TD>

</TR>

<TR>

       <TD>Forever Friend</TD>

       <TD>Nice & good</TD>

</TR>

</TABLE>

 

  1. <TABLE>

<TR>

       <TD COLSPAN=”2″ ALIGN=”Center”>

       <IMG SRC=”Forever.jpg” HEIGHT=”150″ WIDTH=”125″>

       </TD>

</TR>

<TR>

       <TD>Forever Friend</TD>

       <TD>Nice & good</TD>

</TR>

</TABLE>

  1. <TABLE BORDER=”7″>

<TR>

       <TD COLSPAN=”2″ ALIGN=”Center”>

       <IMG HEIGHT=”150″ WIDTH=”125″>Forever.jpg

       </TD>

</TR>

<TR>

       <TD>Forever Friend</TD>

       <TD>Nice & good</TD>

</TR>

</TABLE>

  1. <TABLE BORDER=”7″>

<TR>

       <TD ALIGN=”Center”>

       <IMG SRC=”Forever.jpg” HEIGHT=”150″ WIDTH=”125″>

       </TD>

</TR>

<TR>

       <TD>Forever Friend</TD>

       <TD>Nice & good</TD>

</TR>

</TABLE>

  1. Berikut yang merupakan value dari atribut VALIGN adalah: (KUK 2.5)
    1. Center
    2. Left
    3. Middle
    4. Noresize

 

Bobot nilai untuk setiap soal teori di atas adalah 2, jadi total nilai untuk soal teori adalah 50

 

3.2        Tugas Unjuk Kerja

1)       Berikut merupakan tampilan suatu dokumen web. Dimana Anda membuat listing kode HTML. Dalam hal ini, Anda diharapkan menggunakan FRAME. Untuk penamaan nama file dan value, Anda diberikan kebebasan untuk memberikan penamaan. Header yang ada merupakan images ber-extension “.jpg”. (KUK 2.1, 2.2, 2.3, 2.4, 2.5, 3.1, 3.2, 4.1, 4.3)

 

 

 

2)       Buatlah listing kode HTML berdasarkan tampilan di bawah ini: (nama file image yang dipakai : kitty.jpg) (KUK 2.1, 2.5, 3.1, 4.1, 4.2)

 

 

Bobot nilai untuk setiap soal teori di atas adalah 25, jadi total nilai untuk soal teori adalah 50

 

3.3 Daftar Cek Unjuk Kerja

Demonstrasikan validitas perencanaan berkaitan komponen standar kompetensi

 

Kode unit

: TIK.OP02.003.01

Judul Unit

: Mengoperasikan Sistem Operasi Linux

Nomor Elemen

Ya

Tidak

KUK

Ya

Tidak

1. Mengidentifikasi prosedur pengoperasian editor teks

1.1 Prosedur pengoperasian software editor teks sesuai dengan standar operasi software diidentifikasi.

 

1.2 Pengoperasian software disesuaikan dengan standar operasi.

 

2. Mengaplikasikan fitur-fitur different level heading, paragraph, font, list, table

2.1 Fitur-fitur different level heading diidentifikasi dan diaplikasikan.

 

 

2.2  Fitur-fitur paragraph diidentifikasi dan diaplikasikan.

 

2.3      Fitur-fitur font diidentifikasi dan diaplikasikan.

 

 

2.4     Fitur-fitur bullets, numbers dan style diidentifikasi dan diaplikasikan.

2.5  Fitur-fitur table diidentifikasi dan diaplikasikan.

 

3. Melakukan editing  ederhana

3.1  Fitur-fitur manipulasi teks diaplikasikan.

 

3.2 Fitur-fitur editing sederhana digunakan seperti format teks, bullets, background diaplikasikan.

 

4. Menggunakan fitur-fitur tambahan untuk memformat layout halaman

4.1 Fitur-fitur background color digunakan seperti : solid color atau nilai kode heksadesimal, background dengan sebuah file grafik, warna untuk teks dan hyperlink, diidentifikasi dan diaplikasikan.

4.2 Fitur-fitur table seperti size dan warna border, warna background, penggunaan background gambar, cell dengan warna yang berbeda-beda, diidentifikasi dan diaplikasikan.

 

4.3 Fitur-fitur frame pada halaman untuk pengorganisasian informasi seperti footer, header, horizontal split, vertical split diidentifikasi dan diaplikasikan.

 

5. Mengintegrasikan dokumen web dengan obyek lain seperti grafik, animasi, audio, video. dll

5.1   Obyek lain seperti grafik, animasi, audio, video disisipkan ke dalam halaman web.

 

5.2   Sebagian atau keseluruhan web halaman dapat disisipkan obyek lain.

 

5.3   Teknik-teknik manipulasi audio didemonstrasikan.

 

5.4   Teknik-teknik kompresi audio dan video didemonstrasikan.

 

Kondisi Unjuk Kerja

Penunjang Ketrampilan dan Pengetahuan

Aspek – aspek penting dalam Pengujian

 

 

Testimoni

artikel lainnya Menerapkan Dasar-Dasar Pembuatan Web Statik Lanjut TIK.PR02.028.01



bebas bayar, pembayaran mudah dan cepat, transaksi online, pembayaran tagihan dan tiket, transfer dana online

bebas bayar, pembayaran mudah dan cepat, transaksi online, pembayaran tagihan dan tiket, transfer dana online
Friday 6 February 2015 | blog

Latihan Soal Power Point :       A. Pilihlah jawaban yang paling tepat   Salah…

Wednesday 4 February 2015 | blog

I. Berilah tanda (X) pada salah satu alternatif jawaban yang tepat! Secara garis besar, desain grafis…

Monday 3 December 2012 | blog

Testimoni Related posts: html5 dan css yang revolusioner Daftar 50 Iklan Indonesia Komunikasi Peluang Bisnis Sragen…

Sunday 28 June 2015 | blog

  MODUL PELATIHAN BERBASIS KOMPETENSI SUB BIDANG METODOLOGI PELATIHAN KERJA       MEMVALIDASI PROGRAM PELATIHAN…