SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Mengembangkan Laman untuk menghasilkan
                      karya multimedia
Kompetensi/sub kompetensi
 Menggunakan perangkat lunak pengembang laman
 berbasis teks
   Membuat dan menformat laman (8 jp)
   Membuat table (8 jp)
   Membuat form (8 jp)
   Membuat frame (8 jp)
   Memformat laman dengan CSS (8 jp)
   Menambahkan skrip sisi klien (12 jp)
 Project Work : Membuat laman personal (16 jp)
Project Work :
Membuat laman personal
 Syarat :
 Model laman : single page, yang terdiri dari 4 bagian
    Beranda
    Profil
    Portofolio
    Kontak
 Layout laman digambar tangan (sketch) pada kertas grid
 Sketsa digambar ulang dengan software pengolah gambar
   mockup
  mockup gambar diubah menjadi HTML
 File HTML direka-ulang dengan NotePad, ditambahkan
  CSS dan javascript

Weitere ähnliche Inhalte

Andere mochten auch

Long wave audio-slides-12-15-11-gold_silver-opportunity
Long wave audio-slides-12-15-11-gold_silver-opportunityLong wave audio-slides-12-15-11-gold_silver-opportunity
Long wave audio-slides-12-15-11-gold_silver-opportunityGordonTLong.com
 
Zac Efron i Ashton Kutcher
Zac Efron i Ashton KutcherZac Efron i Ashton Kutcher
Zac Efron i Ashton Kutcherverduretes
 
พระเวส
พระเวสพระเวส
พระเวสkhaek
 
а вот и я,здравствуйте!
а вот и я,здравствуйте!а вот и я,здравствуйте!
а вот и я,здравствуйте!235andrei
 
Q32011 Cincinnati Industrial Market Report
Q32011 Cincinnati Industrial Market ReportQ32011 Cincinnati Industrial Market Report
Q32011 Cincinnati Industrial Market ReportChristieGraver
 
Limbah
LimbahLimbah
Limbahlengku
 
Choosing the Right Communications Mix
Choosing the Right Communications MixChoosing the Right Communications Mix
Choosing the Right Communications MixIdealware
 
Rapport hydrologique
Rapport hydrologiqueRapport hydrologique
Rapport hydrologiquePaky Maiga
 

Andere mochten auch (14)

Long wave audio-slides-12-15-11-gold_silver-opportunity
Long wave audio-slides-12-15-11-gold_silver-opportunityLong wave audio-slides-12-15-11-gold_silver-opportunity
Long wave audio-slides-12-15-11-gold_silver-opportunity
 
Bellydance
BellydanceBellydance
Bellydance
 
4_prinsip_menguangkan_blog.pdf
4_prinsip_menguangkan_blog.pdf4_prinsip_menguangkan_blog.pdf
4_prinsip_menguangkan_blog.pdf
 
Microsoft
MicrosoftMicrosoft
Microsoft
 
Presentation2
Presentation2Presentation2
Presentation2
 
Paket tour
Paket tourPaket tour
Paket tour
 
Zac Efron i Ashton Kutcher
Zac Efron i Ashton KutcherZac Efron i Ashton Kutcher
Zac Efron i Ashton Kutcher
 
พระเวส
พระเวสพระเวส
พระเวส
 
а вот и я,здравствуйте!
а вот и я,здравствуйте!а вот и я,здравствуйте!
а вот и я,здравствуйте!
 
Q32011 Cincinnati Industrial Market Report
Q32011 Cincinnati Industrial Market ReportQ32011 Cincinnati Industrial Market Report
Q32011 Cincinnati Industrial Market Report
 
Chuong 5
Chuong 5Chuong 5
Chuong 5
 
Limbah
LimbahLimbah
Limbah
 
Choosing the Right Communications Mix
Choosing the Right Communications MixChoosing the Right Communications Mix
Choosing the Right Communications Mix
 
Rapport hydrologique
Rapport hydrologiqueRapport hydrologique
Rapport hydrologique
 

Ähnlich wie HTML.pptx

Material design for android (Diggest)
Material design for android (Diggest)Material design for android (Diggest)
Material design for android (Diggest)Google
 
tutorial-membuat-website-dengan-photoshop-cs2-
tutorial-membuat-website-dengan-photoshop-cs2-tutorial-membuat-website-dengan-photoshop-cs2-
tutorial-membuat-website-dengan-photoshop-cs2-erick1024
 
Memahami Alur Kerja Pembuatan Website - Sitemaya Webinar - Day 1.pdf
Memahami Alur Kerja Pembuatan Website - Sitemaya Webinar - Day 1.pdfMemahami Alur Kerja Pembuatan Website - Sitemaya Webinar - Day 1.pdf
Memahami Alur Kerja Pembuatan Website - Sitemaya Webinar - Day 1.pdfBeon Intermedia
 
Muhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiMuhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiFarhan Fued
 
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptxDeniHidayat46
 
Pertemuan1 Konsep Web Desain
Pertemuan1   Konsep Web DesainPertemuan1   Konsep Web Desain
Pertemuan1 Konsep Web DesainWahyu Widodo
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptFirmanADaru
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptSayedAchmady1
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptHeru762601
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptLukman Fakih
 
materi tik power point kelas 12 semester 1
materi  tik power point kelas 12 semester 1 materi  tik power point kelas 12 semester 1
materi tik power point kelas 12 semester 1 Angelita S
 
Panduan membangun website
Panduan membangun websitePanduan membangun website
Panduan membangun websiteWitri Utami
 
05 Software Design Tools
05 Software Design Tools05 Software Design Tools
05 Software Design ToolsAinul Yaqin
 
KISI-KISI SOAL Produktif Multimedia/TKJ
KISI-KISI SOAL Produktif Multimedia/TKJKISI-KISI SOAL Produktif Multimedia/TKJ
KISI-KISI SOAL Produktif Multimedia/TKJFaiz Win-Win
 

Ähnlich wie HTML.pptx (20)

Desktop publishing
Desktop publishingDesktop publishing
Desktop publishing
 
Material design for android (Diggest)
Material design for android (Diggest)Material design for android (Diggest)
Material design for android (Diggest)
 
tutorial-membuat-website-dengan-photoshop-cs2-
tutorial-membuat-website-dengan-photoshop-cs2-tutorial-membuat-website-dengan-photoshop-cs2-
tutorial-membuat-website-dengan-photoshop-cs2-
 
Silabus PWPB
Silabus PWPBSilabus PWPB
Silabus PWPB
 
Memahami Alur Kerja Pembuatan Website - Sitemaya Webinar - Day 1.pdf
Memahami Alur Kerja Pembuatan Website - Sitemaya Webinar - Day 1.pdfMemahami Alur Kerja Pembuatan Website - Sitemaya Webinar - Day 1.pdf
Memahami Alur Kerja Pembuatan Website - Sitemaya Webinar - Day 1.pdf
 
Muhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasiMuhammad farhan fuady xii akselerasi
Muhammad farhan fuady xii akselerasi
 
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
1_Pengantar_Web_Desain_aaaaaaaaapptx.pptx
 
TUGAS Tik
TUGAS TikTUGAS Tik
TUGAS Tik
 
Pertemuan1 Konsep Web Desain
Pertemuan1   Konsep Web DesainPertemuan1   Konsep Web Desain
Pertemuan1 Konsep Web Desain
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
Pertemuan 5
Pertemuan 5Pertemuan 5
Pertemuan 5
 
materi tik power point kelas 12 semester 1
materi  tik power point kelas 12 semester 1 materi  tik power point kelas 12 semester 1
materi tik power point kelas 12 semester 1
 
Dasar dasar coreldraw 1
Dasar dasar coreldraw 1Dasar dasar coreldraw 1
Dasar dasar coreldraw 1
 
Laporan Pemrograman Berbasis Web
Laporan Pemrograman Berbasis WebLaporan Pemrograman Berbasis Web
Laporan Pemrograman Berbasis Web
 
Panduan membangun website
Panduan membangun websitePanduan membangun website
Panduan membangun website
 
05 Software Design Tools
05 Software Design Tools05 Software Design Tools
05 Software Design Tools
 
KISI-KISI SOAL Produktif Multimedia/TKJ
KISI-KISI SOAL Produktif Multimedia/TKJKISI-KISI SOAL Produktif Multimedia/TKJ
KISI-KISI SOAL Produktif Multimedia/TKJ
 

Mehr von SMK Negeri 6 Malang

PEMANFAATAN MEDIA KIT GENETIKA SEBAGAI UPAYA MENINGKATKAN HASIL BELAJAR BIOL...
PEMANFAATAN MEDIA KIT GENETIKA SEBAGAI  UPAYA MENINGKATKAN HASIL BELAJAR BIOL...PEMANFAATAN MEDIA KIT GENETIKA SEBAGAI  UPAYA MENINGKATKAN HASIL BELAJAR BIOL...
PEMANFAATAN MEDIA KIT GENETIKA SEBAGAI UPAYA MENINGKATKAN HASIL BELAJAR BIOL...SMK Negeri 6 Malang
 
PENERAPAN MODEL PEMBELAJARAN LANGSUNG (DIRECT INSTRUCTION) DENGAN PENDEKATAN ...
PENERAPAN MODEL PEMBELAJARAN LANGSUNG (DIRECT INSTRUCTION) DENGAN PENDEKATAN ...PENERAPAN MODEL PEMBELAJARAN LANGSUNG (DIRECT INSTRUCTION) DENGAN PENDEKATAN ...
PENERAPAN MODEL PEMBELAJARAN LANGSUNG (DIRECT INSTRUCTION) DENGAN PENDEKATAN ...SMK Negeri 6 Malang
 
PROBLEMATIKA PENDIDIKAN KEJURUAN DALAM REVOLUSI INDUSTRI 4.0
PROBLEMATIKA PENDIDIKAN KEJURUAN DALAM REVOLUSI INDUSTRI 4.0PROBLEMATIKA PENDIDIKAN KEJURUAN DALAM REVOLUSI INDUSTRI 4.0
PROBLEMATIKA PENDIDIKAN KEJURUAN DALAM REVOLUSI INDUSTRI 4.0SMK Negeri 6 Malang
 
REGULASI EMOSI (DASAR KONSEPTUAL)
REGULASI EMOSI (DASAR KONSEPTUAL)REGULASI EMOSI (DASAR KONSEPTUAL)
REGULASI EMOSI (DASAR KONSEPTUAL)SMK Negeri 6 Malang
 
PENINGKATAN KEMAMPUAN MENGHAFAL DAN MEMAHAMI AYAT-AYAT PILIHAN DALAM AL-QUR’A...
PENINGKATAN KEMAMPUAN MENGHAFAL DAN MEMAHAMI AYAT-AYAT PILIHAN DALAM AL-QUR’A...PENINGKATAN KEMAMPUAN MENGHAFAL DAN MEMAHAMI AYAT-AYAT PILIHAN DALAM AL-QUR’A...
PENINGKATAN KEMAMPUAN MENGHAFAL DAN MEMAHAMI AYAT-AYAT PILIHAN DALAM AL-QUR’A...SMK Negeri 6 Malang
 
PENGGUNAAN MEDIA WAYANG PAHLAWAN NASIONAL UNTUK MENINGKATKAN HASIL BELAJAR BA...
PENGGUNAAN MEDIA WAYANG PAHLAWAN NASIONAL UNTUK MENINGKATKAN HASIL BELAJAR BA...PENGGUNAAN MEDIA WAYANG PAHLAWAN NASIONAL UNTUK MENINGKATKAN HASIL BELAJAR BA...
PENGGUNAAN MEDIA WAYANG PAHLAWAN NASIONAL UNTUK MENINGKATKAN HASIL BELAJAR BA...SMK Negeri 6 Malang
 
PENINGKATAN KOMPETENSI MENGGAMBAR TEKNIK SISWA KELAS X TEKNIK INSTALASI TENAG...
PENINGKATAN KOMPETENSI MENGGAMBAR TEKNIK SISWA KELAS X TEKNIK INSTALASI TENAG...PENINGKATAN KOMPETENSI MENGGAMBAR TEKNIK SISWA KELAS X TEKNIK INSTALASI TENAG...
PENINGKATAN KOMPETENSI MENGGAMBAR TEKNIK SISWA KELAS X TEKNIK INSTALASI TENAG...SMK Negeri 6 Malang
 
PENGARUH KEPEMIMPINAN DAN DIKLAT SERTA KELENGKAPAN SARANA PRAKTIK DI SMK T...
PENGARUH  KEPEMIMPINAN DAN DIKLAT SERTA KELENGKAPAN SARANA  PRAKTIK DI SMK  T...PENGARUH  KEPEMIMPINAN DAN DIKLAT SERTA KELENGKAPAN SARANA  PRAKTIK DI SMK  T...
PENGARUH KEPEMIMPINAN DAN DIKLAT SERTA KELENGKAPAN SARANA PRAKTIK DI SMK T...SMK Negeri 6 Malang
 
Tutorial lanjutan java netbeans 8 : Create Read Update Delete
Tutorial lanjutan java netbeans 8 : Create Read Update DeleteTutorial lanjutan java netbeans 8 : Create Read Update Delete
Tutorial lanjutan java netbeans 8 : Create Read Update DeleteSMK Negeri 6 Malang
 
Lokasi halal bi halal IKB HA Kariem 2015
Lokasi halal bi halal IKB HA Kariem 2015Lokasi halal bi halal IKB HA Kariem 2015
Lokasi halal bi halal IKB HA Kariem 2015SMK Negeri 6 Malang
 
Tes ujian online google drive google form
Tes ujian online google drive google formTes ujian online google drive google form
Tes ujian online google drive google formSMK Negeri 6 Malang
 
kimia - penentuan bilangan oksidasi ( biloks )
kimia - penentuan bilangan oksidasi ( biloks )kimia - penentuan bilangan oksidasi ( biloks )
kimia - penentuan bilangan oksidasi ( biloks )SMK Negeri 6 Malang
 
Struktur dan kurikulum SMK Teknik Komputer dan Informatika
Struktur dan kurikulum SMK Teknik Komputer dan InformatikaStruktur dan kurikulum SMK Teknik Komputer dan Informatika
Struktur dan kurikulum SMK Teknik Komputer dan InformatikaSMK Negeri 6 Malang
 
Reuni lintas angkatan SMP Negeri 6 Malang (SPENMAL)
Reuni lintas angkatan SMP Negeri 6 Malang (SPENMAL)Reuni lintas angkatan SMP Negeri 6 Malang (SPENMAL)
Reuni lintas angkatan SMP Negeri 6 Malang (SPENMAL)SMK Negeri 6 Malang
 
webdesign dasar : 11 list sebagai menu
webdesign dasar : 11 list sebagai menuwebdesign dasar : 11 list sebagai menu
webdesign dasar : 11 list sebagai menuSMK Negeri 6 Malang
 

Mehr von SMK Negeri 6 Malang (20)

PEMANFAATAN MEDIA KIT GENETIKA SEBAGAI UPAYA MENINGKATKAN HASIL BELAJAR BIOL...
PEMANFAATAN MEDIA KIT GENETIKA SEBAGAI  UPAYA MENINGKATKAN HASIL BELAJAR BIOL...PEMANFAATAN MEDIA KIT GENETIKA SEBAGAI  UPAYA MENINGKATKAN HASIL BELAJAR BIOL...
PEMANFAATAN MEDIA KIT GENETIKA SEBAGAI UPAYA MENINGKATKAN HASIL BELAJAR BIOL...
 
PENERAPAN MODEL PEMBELAJARAN LANGSUNG (DIRECT INSTRUCTION) DENGAN PENDEKATAN ...
PENERAPAN MODEL PEMBELAJARAN LANGSUNG (DIRECT INSTRUCTION) DENGAN PENDEKATAN ...PENERAPAN MODEL PEMBELAJARAN LANGSUNG (DIRECT INSTRUCTION) DENGAN PENDEKATAN ...
PENERAPAN MODEL PEMBELAJARAN LANGSUNG (DIRECT INSTRUCTION) DENGAN PENDEKATAN ...
 
PROBLEMATIKA PENDIDIKAN KEJURUAN DALAM REVOLUSI INDUSTRI 4.0
PROBLEMATIKA PENDIDIKAN KEJURUAN DALAM REVOLUSI INDUSTRI 4.0PROBLEMATIKA PENDIDIKAN KEJURUAN DALAM REVOLUSI INDUSTRI 4.0
PROBLEMATIKA PENDIDIKAN KEJURUAN DALAM REVOLUSI INDUSTRI 4.0
 
REGULASI EMOSI (DASAR KONSEPTUAL)
REGULASI EMOSI (DASAR KONSEPTUAL)REGULASI EMOSI (DASAR KONSEPTUAL)
REGULASI EMOSI (DASAR KONSEPTUAL)
 
PENINGKATAN KEMAMPUAN MENGHAFAL DAN MEMAHAMI AYAT-AYAT PILIHAN DALAM AL-QUR’A...
PENINGKATAN KEMAMPUAN MENGHAFAL DAN MEMAHAMI AYAT-AYAT PILIHAN DALAM AL-QUR’A...PENINGKATAN KEMAMPUAN MENGHAFAL DAN MEMAHAMI AYAT-AYAT PILIHAN DALAM AL-QUR’A...
PENINGKATAN KEMAMPUAN MENGHAFAL DAN MEMAHAMI AYAT-AYAT PILIHAN DALAM AL-QUR’A...
 
PENGGUNAAN MEDIA WAYANG PAHLAWAN NASIONAL UNTUK MENINGKATKAN HASIL BELAJAR BA...
PENGGUNAAN MEDIA WAYANG PAHLAWAN NASIONAL UNTUK MENINGKATKAN HASIL BELAJAR BA...PENGGUNAAN MEDIA WAYANG PAHLAWAN NASIONAL UNTUK MENINGKATKAN HASIL BELAJAR BA...
PENGGUNAAN MEDIA WAYANG PAHLAWAN NASIONAL UNTUK MENINGKATKAN HASIL BELAJAR BA...
 
PENINGKATAN KOMPETENSI MENGGAMBAR TEKNIK SISWA KELAS X TEKNIK INSTALASI TENAG...
PENINGKATAN KOMPETENSI MENGGAMBAR TEKNIK SISWA KELAS X TEKNIK INSTALASI TENAG...PENINGKATAN KOMPETENSI MENGGAMBAR TEKNIK SISWA KELAS X TEKNIK INSTALASI TENAG...
PENINGKATAN KOMPETENSI MENGGAMBAR TEKNIK SISWA KELAS X TEKNIK INSTALASI TENAG...
 
PENGARUH KEPEMIMPINAN DAN DIKLAT SERTA KELENGKAPAN SARANA PRAKTIK DI SMK T...
PENGARUH  KEPEMIMPINAN DAN DIKLAT SERTA KELENGKAPAN SARANA  PRAKTIK DI SMK  T...PENGARUH  KEPEMIMPINAN DAN DIKLAT SERTA KELENGKAPAN SARANA  PRAKTIK DI SMK  T...
PENGARUH KEPEMIMPINAN DAN DIKLAT SERTA KELENGKAPAN SARANA PRAKTIK DI SMK T...
 
Tutorial lanjutan java netbeans 8 : Create Read Update Delete
Tutorial lanjutan java netbeans 8 : Create Read Update DeleteTutorial lanjutan java netbeans 8 : Create Read Update Delete
Tutorial lanjutan java netbeans 8 : Create Read Update Delete
 
Lokasi halal bi halal IKB HA Kariem 2015
Lokasi halal bi halal IKB HA Kariem 2015Lokasi halal bi halal IKB HA Kariem 2015
Lokasi halal bi halal IKB HA Kariem 2015
 
Tes ujian online google drive google form
Tes ujian online google drive google formTes ujian online google drive google form
Tes ujian online google drive google form
 
kimia - penentuan bilangan oksidasi ( biloks )
kimia - penentuan bilangan oksidasi ( biloks )kimia - penentuan bilangan oksidasi ( biloks )
kimia - penentuan bilangan oksidasi ( biloks )
 
Latihan soal kimia ujian smk
Latihan soal kimia ujian smkLatihan soal kimia ujian smk
Latihan soal kimia ujian smk
 
Ki kd kimia smk kurikulum 2013
Ki kd kimia smk kurikulum 2013Ki kd kimia smk kurikulum 2013
Ki kd kimia smk kurikulum 2013
 
Struktur dan kurikulum SMK Teknik Komputer dan Informatika
Struktur dan kurikulum SMK Teknik Komputer dan InformatikaStruktur dan kurikulum SMK Teknik Komputer dan Informatika
Struktur dan kurikulum SMK Teknik Komputer dan Informatika
 
Tes tulis html dan css
Tes tulis html dan cssTes tulis html dan css
Tes tulis html dan css
 
Reuni lintas angkatan SMP Negeri 6 Malang (SPENMAL)
Reuni lintas angkatan SMP Negeri 6 Malang (SPENMAL)Reuni lintas angkatan SMP Negeri 6 Malang (SPENMAL)
Reuni lintas angkatan SMP Negeri 6 Malang (SPENMAL)
 
Soal uts pemrograman web
Soal uts pemrograman webSoal uts pemrograman web
Soal uts pemrograman web
 
webdesign dasar : 12 multimedia
webdesign dasar : 12 multimediawebdesign dasar : 12 multimedia
webdesign dasar : 12 multimedia
 
webdesign dasar : 11 list sebagai menu
webdesign dasar : 11 list sebagai menuwebdesign dasar : 11 list sebagai menu
webdesign dasar : 11 list sebagai menu
 

HTML.pptx

  • 1. Mengembangkan Laman untuk menghasilkan karya multimedia
  • 2. Kompetensi/sub kompetensi  Menggunakan perangkat lunak pengembang laman berbasis teks  Membuat dan menformat laman (8 jp)  Membuat table (8 jp)  Membuat form (8 jp)  Membuat frame (8 jp)  Memformat laman dengan CSS (8 jp)  Menambahkan skrip sisi klien (12 jp)  Project Work : Membuat laman personal (16 jp)
  • 3. Project Work : Membuat laman personal  Syarat :  Model laman : single page, yang terdiri dari 4 bagian  Beranda  Profil  Portofolio  Kontak  Layout laman digambar tangan (sketch) pada kertas grid  Sketsa digambar ulang dengan software pengolah gambar  mockup mockup gambar diubah menjadi HTML  File HTML direka-ulang dengan NotePad, ditambahkan CSS dan javascript