Desain Web 2: review html5

2,012 views

Published on

Review HTML5

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,012
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
142
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Desain Web 2: review html5

  1. 1. Desain Web II Review HTML5 Pertemuan ke-2 Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  2. 2. Review HTML5  HTML5 adalah kelanjutan teknologi markup language yang berisi fitur-fitur baru, memperbaiki fitur yang sudah ada, dan antar muka pemrograman berdasarkan script.  HTML5 dirancang utamanya agar dapat bekerja di semua platform, harmonis terhadap browser lama, dan mampu menangani error dengan baik. Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  3. 3. Referensi HTML5  Kuliah Desain Web 1  http://slideshare.com/adai21  http://www.w3schools.com/html5/html5_ reference.asp  http://html5tutorial.net/html-5- reference/html-5-reference.html Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  4. 4. Fitur Baru HTML5  Elemen Canvas  Document editing  Web form yang lebih banyak  Drag and Drop  Memainkan berkas audio dan video secara native  Elemen struktur → meningkatkan semantik Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  5. 5. Elemen Struktur  <header>  <dialog>  <nav>  <aside>  <section>  <footer>  <article>  <figure> Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  6. 6. Implementasi Struktur HTML5 Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  7. 7. Membuat dasar dokumen HTML5  Menambahkan tipe dokumen html5 <!doctype html>  Tambahkan tag <html> beserta atributnya <html lang=”id”> ditutup dengan </html>  Tambahkan tag <head> sebagai tempat metadata Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  8. 8. Membuat dasar dokumen HTML5  Tambahkan tag <body> dimana semua content dan struktur layout halaman web berada <body> isi content </body>  Tambahkan struktur dokumen web <header></header> <nav></nav> <article></article> <aside></aside> <footer></footer> Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  9. 9. ? Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi

×