Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Desain Web 2: Praktikum 1: Review HTML5

1,948 views

Published on

Praktikum Pertama: R

Published in: Education, Technology, Design
  • Be the first to comment

  • Be the first to like this

Desain Web 2: Praktikum 1: Review HTML5

  1. 1. Praktikum Desain Web II HTML5 Dasar Pertemuan ke-1 Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  2. 2. Membuat halaman HTML5  Tambah tipe dokumen HTML5 <!doctype html>  Buat tag html, diawali <html> ditutup dengan </html>  Tambahkan <head> dan </head> berisikan metadata halaman Web yang akan dibuat  Tambahkan tag <body> dan </body> di dokumen HTML Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  3. 3. Membuat halaman HTML5  Tambahkan <header> dan </header>  Tambahkan <nav> dan </nav> sebagai navigasi  Tambahkan <article> dan </article> yang berisi hal penting yang ingin dibagi kepada pengunjung  Tambahkan <aside> dan </aside> jika menambah sidebar Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  4. 4. Membuat halaman HTML5  Terakhir tambahkan <footer> dan </footer> sebagai penutup. Biasanya berisi hak cipta, catatan kecil Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  5. 5. <!DOCTYPE html><html dir="ltr" lang="en­US"> <head> <meta charset="utf­8"> <title>HTML5</title> <!­­[if IE ]> <script src=_"script/HTML5forIE.js"  type="text/javascript"></script> <![endif]­­> </head> <body class="pageName"> <header></header> <nav></nav> <article> <figure></figure> <section></section> </article> <aside> <dialog></dialog> </aside> <footer></footer> </body>< / h tkuliah> Materi m l Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  6. 6. Buat Halaman Blog! Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  7. 7. ? Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi

×