Menu
Pasang iklan SEO disini Murah, 25000 setahun dan dapatkan Trafik setiap harinya

Membuat Dokumen Dengan HTML Sesuai Spesifikasi TIK.PR.02.024.01

May
23
2015
by : Bupeko. Posted in : blog

 

MATERI PELATIHAN BERBASIS KOMPETENSI

SEKTOR TELEMATIKA

SUB SEKTOR PROGRAMMER KOMPUTER

 

 

 

MEMBUAT DOKUMEN DENGAN HTML SESUAI SPESIFIKASI

TIK.PR.02.024.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 ………………………………………………………………………………………… .1

 

BAB I STANDAR KOMPETENSI. 2

1.1 Unit Kompetensi Yang Dipelajari 2

1.1.1 Kode dan Judul Unit 2

1.1.2 Deskripsi Unit 2

1.1.3 Elemen Kompetensi 2

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 TEORI DAN UNJUK KERJA. 12

3.1 Tugas Teori 12

3.2 Tugas Unjuk Kerja. 16

3.3 Daftar Cek Unjuk Kerja. 16

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 criteria unjuk   kerja telah dimasukkan dalam pelatihan dan penilaian.

 

1.1.1 Kode dan Judul Unit

Kode Unit       : TIK.PR.02.024.01

Judul Unit      : Membuat dokumen dengan HTML sesuai spesifikasi

 

1.1.2 Deskripsi Unit

Unit ini akan menentukan kompetensi yang diperlukan untuk   membuat dokumen dengan HTML sesuai spesifikasi. Pembuatan dokumen dengan HTML yang dibahas dalam unit ini adalah merancang, membuat dan menyimpan sebuah dokumen menggunakan HTML dan sebuah teks editor. Unit ini juga menjelaskan tentang kegunaan dokumen dan identifikasinya, serta penggunaan bahasa HTML yang tepat dan sesuai persyaratan perancangan.

1.1.3 Elemen Kompetensi

 

ELEMEN KOMPETENSI

KRITERIA UNJUK KERJA

01  Menetapkan pemakaian dan struktur dokumen 1.1         Kegunaan dari dokumen dan audiens di identifikasi

 

1.2         Bahasa HTML yang tepat yang ada digunakan pada dokumen dan audiens ditetapkan

 

1.3         Struktur dasar dokumen sesuai persyaratan pengguna di rancang

 

1.4         Site map dokumen di kembangkan dan di konfirmasikan dengan klien

 

02  Membuat struktur dokumen      dengan bahasa HTML 2.1      Dokumen HTML, dilengkapi dengan head dan title

 

2.2     Body pada dokumen di buat, teks dan paragraph sesuai kebutuhan di tambahkan

 

2.3     Format dokumen menarik dan mudah di baca di buat

 

2.4     Simbol khusus pada browser/platform di tambahkan dan di tampilkan secara tepat

 

2.5     Dokumen di simpan sesuai dengan penanaman standar

 

03  Memformat dokumen dan      menambahkan obyek 3.1    Teks di format untuk memenuhi persyaratan penyajian pengguna

 

3.2    Background warna atau gambar yang sesuai menurut persyaratan pengguna (logo perusahaan, buku pedoman perusahaan) di pasang

 

3.3    Posisi setiap elemen pada halaman di buat lebih menarik

  3.4    Inden teks dan list (ordered, unordered dan        nested) di buat

 

3.5    Gambar disisipkan (GIF, JPEG atau embedded image) dan dokumen di format     sesuai persyaratan

 

04  Membuat tabel 4.1    Tabel untuk dasar konten halaman sesuai site     map dokumen dan posisi pada halaman di     buat

 

4.2    Lebar table dan format sel menurut kebutuhan    site map dokumen di set

 

4.3    Borders pada table dan beberapa nested table    di buat

 

 

05  Membangkitkan link

 

5.1   Dokumen dengan link pada teks dan gambar      di lengkapi

 

5.2   Link ke situs FTP atau HTTP di buat

 

5.3   Sebuah gambar di bagi menjadi bagian yang       dapat di klik menggunakan tag HTML sebagai link ke halaman lain

 

06  Menguji dan menyimpan      dokumen 6.1   Link-link, warna dan format halaman di uji         menggunakan platform/browser yang berbeda

 

6.2   Waktu akses dokumen di ukur untuk         memperoleh waktu akses yang optimal

 

6.3   Dokumen di simpan dalam folder/direktori          yang tepat untuk akses pengguna

 

Tabel 1Elemen Kompetensi

 

 

1.1.4 Batasan Variabel

Batasan variabel dalam bahasan ini adalah:

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

2. Membuat dokumen dengan HTML bersifat internal pada bidang teknologi informasi dan komunikasi

 

 

1.1.5 Panduan Penilaian

  1. 1.   Pengetahuan dan keterampilan penunjang

Untuk mendemontrasikan kompetensi, memerlukan bukti keterampilan dan pengetahuan di bidang berikut ini:

1.1   Pengetahuan dasar yang dibutuhkan :

1.1.1  Prinsip-prinsip umum kesehatan dan keselamatan kerja

1.1.2  Mendemonstrasikan beberapa pengetahuan teoritis yang relevan dari HTML dan standar-standarnya

1.1.3 Mendemonstrasikan beberapa pengetahuan teoritis yang relevan dari open platform

1.1.4  Mendemonstrasikan beberapa pengetahuan teoritis yang relevan dari hak cipta dan etika

 

2.  Konteks penilaian

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

 

 

3. Aspek penting penilaian

Aspek yang harus diperhatikan

3.1   Kemampuan untuk menerapkan tag-tag HTML pada sebuah dokumen

3.2     Kemampuan membuat link antar dokumen

3.3     Memformat dokumen sehingga halaman web lebih menarik

 

 

4.  Kaitan dengan unit-unit lainnya

4.1   Unit ini di dukung oleh pengetahuan dan keterampilan dalam unit-unit

4.1.1  Mengoperasikan PC dan sistim operasi

4.1.2        Mengoperasikan web browser

4.1.3        Menjelaskan arsitektur web

4.1.4        Menggunakan internet

4.1.5    Menerapkan standar keselamatan kerjakompetensi yang berkaitan dengan dasar-dasar teknologi informasi

 

4.2   Unit ini mendukung kinerja dalam unit-unit kompetensi yang berkaitan dengan 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 sekor tertentu. Batasan variable 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 1
2 Mengkomunikasikan ide-ide dan informasi 1
3 Merencanakan dan mengorganisir aktivitas-aktivitas 1
4 Bekerja dengan orang lain dan kelompok -
5 Menggunakan ide-ide dan tehnik matematika 1
6 Memecahkan masalah -
7 Menggunakan teknologi 1

Tabel 2 Kompetensi Kunci

 

 

 

 

 

 

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 HTML dan penggunaannya.
  4. Peserta belajar untuk membuat dokumen dengan HTML.
  5. Peserta mempelajari dan mengerti fungsi – fungsi penggunaan bahasa HTML dalam dokumen.
  6. Peserta mempelajari bagaimana cara pembuatan dokumen dengan HTML, dan pembuatan dokumen yang sesuai dengan spesifikasi.
  7. Peserta dapat mengidentifikasi masalah dalam pembuatan dokumen HTML dan penyelesaiannya.

 

 

K U K

Indikator Kerja

Tahapan Belajar

Sumber

1.1

 

 

 

 

 

Kegunaan dari dokumen dan audiens di identifikasi Mengetahui penggunaan dari dokumen
  • Mencari informasi tentang dokumen HTMLl dan kegunaannya

 

  • Buku tentang HTML.

 

  • Internet

 

 

1.2

 

 

 

 

Bahasa HTML yang tepat yang ada digunakan pada dokumen dan audiens ditetapkan Mampu memikirkan rancangan bahasa HTML yang tepat untuk sebuah dokumen
  • Mencari informasi di buku dan internet

 

  • Buku tentang HTML.

 

  • Internet

 

 

1.3 Struktur dasar dokumen sesuai persyaratan pengguna dirancang.

 

Mengetahui struktur dasar awal untuk pembuatan dokumen dengan HTML
  • Mencari informasi di buku dan internet

 

  • Buku tentang HTML.

 

  • Internet

 

 

1.4 Site map dokumen di kembangkan dan di konfirmasikan dengan klien

 

Dapat melakukan pengembangan dokumen HTML.
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

2.1 Dokumen HTML, dilengkapi dengan head dan titile Mengetahui fungsi struktur dasar dari tag <head>
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

2.2 Body pada dokumen di buat, teks dan paragraph sesuai kebutuhan di tambahkan

 

Mengetahui cara pembuatan isi dari sebuah dokumen html serta format paragrafnya
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

2.3 Format dokumen menarik dan mudah di baca di buat

 

Membuat dan memformat dokumen yang baik dan benar sesuai ketentuan pengguna
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

2.4 Simbol khusus pada browser/platform di tambahkan dan di tampilkan secara tepat

 

Dapat menambahkan simbol khusus pada tampilan browser
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

2.5

Dokumen di simpan sesuai dengan penamaan standar

 

Dapat memberi nama yang sesuai dengan ekstensi dokumen
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

3.1 Teks di format untuk memenuhi persyaratan penyajian pengguna

 

Dapat membuat format yang unik dan menarik
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

3.2 Background warna atau gambar yang sesuai menurut persyaratan pengguna (logo perusahaan, buku pedoman perusahaan) di pasang

 

Dapat mengubah warna dan gambar latar belakang suatu HTML dalam tampilan browser
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

3.3 Posisi setiap elemen pada halaman di buat lebih menarik

 

Membuat perataan dan peletakkan posisi yang unik
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

3.4 Inden teks dan list (ordered,unordered dan nested) di buat

 

Membuat list yang sesuai dengan spesifikasi
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

3.5

 

Gambar disisipkan (GIF, JPEG atau embedded image) dan dokumen di format sesuai persyaratan

 

Dapat menyisipkan gambar dalam dokumen dan dapat merubah ukuran atau format lainnya
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

4.1 Tabel untuk dasar konten halaman sesuai site map dokumen dan posisi pada halaman di buat

 

Membuat tabel yang sesuai dengan spesifikasi
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

4.2 Lebar table dan format sel menurut kebutuhan site map dokumen di set

 

Dapat memformat lebar dan panjang tabel sesuai ukuran
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

4.3 Borders pada table dan beberapa nested table di buat

 

Dapat membuat dan mengatur border tabel dan tabel lainnya di dalam sebuah tabel
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

5.1 Dokumen dengan link pada teks dan gambar di lengkapi Dapat membuat link dalam halaman dokumen
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

5.2 Link ke situs FTP atau HTTP di buat Mengetahui perbedaan dan cara pembuatan link ke web lain
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

5.3 Sebuah gambar di bagi menjadi bagian yang dapat di klik menggunakan tag HTML sebagai link ke halaman lain Dapat memformat letak gambar dan merubah image menjadi link
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

6.1 Link-link, warna dan format halaman di uji menggunakan platform/browser yang berbeda

 

Menganalisa kecocokan link, warna, latar belakang dan format tiap browser
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

6.2 Waktu akses dokumen di ukur untuk memperoleh waktu akses yang optimal Menganalisa cara yang efektif untuk membuat suatu halaman diakses dengan cepat
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

6.3 Dokumen di simpan dalam folder/direktori yang tepat untuk akses pengguna Mengetahui pengaturan link yang tepat dengan peletakkan dokumen di folder yang berbeda
  • Membaca buku dan mencari informasi dari internet
  • Melakukan latihan dengan praktek secara langsung

 

  • Buku tentang HTML.

 

  • Internet

 

 

 

BAB III

TUGAS TEORI DAN UNJUK KERJA

 

 

3.1 Tugas Teori

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

  1. Ekstensi file yang disimpan dengan dokumen html adalah: (KUK 1.1)
    1. .doc
    2. .txt
    3. .wri
    4. .html

 

2.   Struktur dasar bahasa HTML yang benar adalah: (KUK 1.2 dan  KUK 1.3)

a. <html>,<head>,<body>…</body>,</head>,</html>

b. <html>,<head>,<body>…</html>,</head>,</body>

c. <html>,<header>,<body>…</html>,</header>,</body>

d. <html>,<header>,<body>,<footer>…</footer>,</body>,</header>

,</html>

 

3.    Tag title dalam head berpengaruh dalam:

(KUK 1.4, KUK 2.1 dan KUK 3.1)

 

  1. Nama dokumen
  2. Address bar
  3. Title bar
  4. Menu bar

 

  1. Tag yang digunakan untuk merubah baris tanpa memecah menjadi paragraf baru adalah: (KUK 2.2 dan KUK 3.1)
    1. <p>…</p>
    2. <br>…</br>
    3. <space>…</space>
    4. <blink>…</blink>

 

 

5.    Bilangan heksadecimal berikut yang merubah warna teks menjadi hitam adalah: (KUK 2.3 dan KUK 3.2)

  1. #FFFFFF
  2. #00FF00
  3. #0000FF
  4. #000000

 

6.    Kode berikut yang digunakan untuk membuat special character non-breaking space adalah: (KUK 2.4 dan KUK 3.1)

 

  1. &copy;
  2. &reg;
  3. &nbsp;
  4. &amp;

 

 

  1. Penamaan yang biasa digunakan dalam penamaan home page untuk mencegah kekeliruan dalam pembuatan link adalah: (KUK 2.5)
    1. Doc1.htm
    2. Home.htm
    3. Page1.htm
    4. Index.htm

 

 

 

  1. Ukuran format header yang paling besar adalah: (KUK 3.1)
    1. <h1>…</h1>
    2. <h3>…</h3>
    3. <h4>…</h4>
    4. <h6>…</h6>

 

 

  1. Format pemasangan background yang benar adalah: (KUK 3.2)
    1. <body bg src=…/MyPictures/Logo>
    2. <body bg src=”../MyPictures/Logo.jpg”>
    3. <body background=”…/MyPictures/Logo.jpg”>
    4. <body background=…/MyPictures/Logo>

 

  1. Pemasangan atribut yang benar untuk meratakan paragraf menjadi  rata kiri adalah: (KUK 3.1 dan KUK 3.3)
    1. <p align=left>
    2. <p align=”center”>
    3. <p align=”right”>
    4. <p align=”left”>

 

  1. Untuk membuat list html dengan menggunakan urutan nomor romawi adalah:  (KUK 3.4)
  2. <ol type=”I”>
  3. <ul type=”I”>
  4. <ol type=I>
  5. <ul type=I>

 

 

 

  1. Cara memasang gambar dengan ukuran lebar 50 dan tinggi 70 adalah: (KUK 3.5)
    1. <img src=”…” size=autofit>
    2. <img src=”…” width=”50” height=”70”
    3. <img src=”…” width=”70” height=”50”
    4. <img src=”…” widht=”50” height=”70”>

 

  1. Perintah yang digunakan dalam pembuatan baris tabel adalah: (KUK 4.1)
    1. <table>…</table>
    2. <th>…</th>
    3. <tr>…</tr>
    4. <td>…</td>

 

 

 

  1. Untuk merubah besar ukuran suatu bagian data dari tabel maka digunakan:

(KUK 4.2)

 

  1. <table width=”…” height=”…”>
  2. <tr width=”…” height=”…”>
  3. <td width=”…” height=”…”>
  4. <th width=”…” height=”…”>

 

 

  1. Untuk membuat sebuah nested table, maka dalam sebuah data tabel dapat kita masukkan: (KUK 4.3)
    1. <table>…</table>
    2. <tr>…</tr>
    3. <td>…</td>
    4. <th>…</th>

 

 

 

  1. Untuk membuat sebuah link ke halaman lain dalam satu file yang sama dengan nama “halaman2.htm” maka sebaiknya digunakan: (KUK 5.1)
    1. <a href=halaman2.htm>Ke Halaman Berikut</a>
    2. <a href=”halaman2.htm”>Ke Halaman Berikut</a>
    3. <a href=…/halaman2.htm>Ke Halaman Berikut</a>
    4. <a href=”…/halaman2.htm”>Ke Halaman Berikut</a>

 

  1. Untuk membuat link ke halaman web lain maka sebaiknya digunakan: (KUK 5.2)
    1. <a href=http://www.yahoo.com>Yahoo!</a>
    2. <a href=”http://www.yahoo.com”>Yahoo!</a>
    3. Dua-duanya benar
    4. Dua-duanya salah

 

  1. Pemasangan link seperti <a href=”www.geocities.com”></a> akan mengarahkan image sewaktu di klik ke? (KUK 5.3 dan KUK 6.1)
    1. Web Geocities
    2. Tidak terjadi apa – apa
    3. Error
    4. Tidak ada jawaban yang benar.

 

  1. Tag-tag tabel berikut yang tidak disokong oleh web browser Netscape Navigator adalah: (KUK 6.1)

 

  1. <th>
  2. <caption
  3. <colgroup>
  4. <tbody>

 

  1. Dalam pemasangan lagu untuk sebuah web sebaiknya menggunakan lagu yang berformat: (KUK 6.2)
    1. .mp3
    2. .avi
    3. .midi
    4. .wma

 

 

 

  1. Untuk memudahkan pembuatan link antar halaman maka sebaiknya halaman yang berkaitan diletakkan di? (KUK 6.3)
    1. Folder yang sama
    2. Folder yang berbeda
    3. Hosting internet
    4. Floppy disk / USB

 

  1. Ukuran font size yang paling besar adalah: (KUK 3.1)
    1. 1
    2. 3
    3. 5
    4. 7

 

 

 

  1. Program berikut yang dapat digunakan untuk membuat dokumen dengan bahasa HTML yang sederhana adalah: (KUK 1.2)
    1. Internet Explorer
    2. Netscape Navigator
  2. Microsoft Word
  3. Word Notepad

 

 

24.   Untuk membuat sebuah list tanpa nomor maka digunakan: (KUK 3.4)

  1. <ol>…</ol>
  2. <ul>…</ul>
  3. <dl>…</dl>
  4. <dd>…</dd>

 

  1. Diantara tag tabel dibawah ini yang memiliki teks default ditebalkan dan ditengahkan adalah: (KUK 4.2)
    1. <table>…</table>
    2. <tr>…</tr>
    3. <th>…</th>
    4. <td>…</td>

 

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

 

 

 

3.2 Tugas Unjuk Kerja

1)       Uraikanlah langkah-langkah dari menggunakan komputer: menjalankan Notepad dan struktur dasar dari bahasa HTML. (KUK 1.2 – KUK 2.2)

 

2)       Tuliskanlah bahasa HTML untuk membuat sebuah dokumen HTML yang dilengkapi dengan pemformatan teks  warna, heading, ukuran, list dan gambar latar belakang. (KUK 2.3, KUK 3.1 – KUK 3.5)

 

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.PR02.024.01

Judul Unit

: Membuat Dokumen dengan HTML Sesuai Spesifikasi

Nomor Elemen

Ya

Tidak

KUK

Ya

Tidak

1.  Menetapkan pemakaian dan struktur dokumen     1.1  Kegunaan dari dokumen dan audiens di identifikasi

 

   
    1.2  Bahasa HTML yang tepat yang ada digunakan pada dokumen dan audiens ditetapkan

 

 

   
    1.3 Struktur dasar dokumen sesuai persyaratan pengguna di rancang

 

 

   
    1.4 Site map dokumen di kembangkan dan di konfirmasikan dengan klien

 

 

   
2.  Membuat struktur dokumen dengan bahasa HTML     2.1 Dokumen HTML, dilengkapi dengan head dan title

 

 

   
    2.2 Body pada dokumen di buat, teks dan paragraph sesuai kebutuhan di tambahkan

 

   
    2.3 Format dokumen menarik dan mudah di baca di buat

 

 

   
    2.4 Simbol khusus pada browser/platform di tambahkan dan di tampilkan secara tepat

 

 

   
   

2.5 Dokumen di simpan sesuai dengan penanaman standar

 

 

   
3.  Memformat dokumen dan menambahkan obyek     3.1 Teks di format untuk memenuhi persyaratan penyajian pengguna

 

 

   
    3.2  Background warna atau gambar yang sesuai menurut persyaratan pengguna (logo perusahaan, buku pedoman perusahaan) di pasang

 

 

   
    3.3 Posisi setiap elemen pada halaman di buat lebih menarik

 

 

   
    3.4 Inden teks dan list (ordered, unordered dan nested) di buat

 

   
    3.5 Gambar disisipkan (GIF, JPEG atau embedded image) dan dokumen di format sesuai persyaratan

 

   
4. Membuat tabel     4.1 Tabel untuk dasar konten halaman sesuai site map dokumen dan posisi pada halaman di buat

 

   
    4.2 Lebar table dan format sel menurut kebutuhan site map dokumen di set

 

   
    4.3 Borders pada table dan beberapa nested table di buat

 

   
5. Membangkitkan link     5.1 Dokumen dengan link pada teks dan gambar di lengkapi

 

   
    5.2 Link ke situs FTP atau HTTP di buat

 

   
    5.3 Sebuah gambar di bagi menjadi bagian yang dapat di klik menggunakan tag HTML sebagai link ke halaman lain

 

   
Kondisi Unjuk Kerja  

Penunjang Ketrampilan dan Pengetahuan  

Aspek – aspek penting dalam Pengujian  

 

 

Testimoni

artikel lainnya Membuat Dokumen Dengan HTML Sesuai Spesifikasi TIK.PR.02.024.01

Saturday 29 November 2014 | blog

Sample Conversation: Would You Like to Leave a Message? Client Activity Sheet A= Secretary      B=Business Client…

Friday 1 May 2015 | blog

Yayasan pendidikan warga surakarta sma warga ska jl. Monginsidi no. 21 telp. 638873 surakarta 57128 rencana…

Friday 19 June 2015 | blog

    MATERI PELATIHAN BERBASIS KOMPETENSI SEKTOR TEKNOLOGI INFORMASI DAN KOMUNIKASI          …

Sunday 1 March 2015 | blog

MATERI PELATIHAN BERBASIS KOMPETENSI SEKTOR TEKNOLOGI INFORMASI DAN KOMUNIKASI             MENYELENGGARAKAN…