Desain Web 2, Perkenalan

2,172 views

Published on

Kuliah

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

No Downloads
Views
Total views
2,172
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
189
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Desain Web 2, Perkenalan

  1. 1. Perkenalan Desain Web II Pertemuan ke-1 Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  2. 2. Tata Tertib  Waktu: Selasa, 08.00 – 09.30 WIB  Lewat 15 menit = absen  3 x absen = tidak lulus  Pakaian rapih  Sepatu Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  3. 3. Buku Acuan  CSS3 FOR WEB DESIGNER, Dan Colderholm, A Book Apart, 2010  VISUAL QUICK START GUIDE, CSS3: Jason Cranford Teague, 2011 Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  4. 4. Silabus Desain Web II  Pengenalan CSS  List dan Table  Review HTML5  User Interface  Dasar CSS  Box  Selective Styling  Visual Formatting  Font  Fixing CSS  Text  Essential CSS  Color dan  Managing Style Background Sheet Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  5. 5. Apakah Style itu? Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  6. 6. Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  7. 7. HTML – No Style Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  8. 8. HTML – With Basic Style Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  9. 9. 3 teknologi dasar Web Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  10. 10. Evolusi CSS  CSS Level 1 (CSS1)  Rilis pertama tahun 1996 oleh W3C  Kemampuan untuk menformat teks, mengatur font dan margin  CSS2 Level 2 (CSS2)  Rilis pertama tahun 1998  Rilis kedua tahun 2006 oleh W3C CSS2.1  Accessibility, specify media-specific, positioning Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  11. 11. Evolusi CSS  CSS3 Level 3 (CSS3)  Belum final  Working group http://www.w3.org/Style/CSS/current- work Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  12. 12. CSS Rules Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  13. 13. CSS Rules  Selectors  Karakter alfanumerik sebagai identitas rule  Selector bisa berupa: HTML tag, class, dan ID  Properties  Aturan yang akan diterapkan kepada selector  Values  Nilai yang diberikan kepada properties Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  14. 14. Macam-macam Selector  HTML Selector  Selector untuk tag-tag HTML  h1 { color: red }  Akan bekerja untuk semua tag <h1>...<h1> Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  15. 15. Macam-macam Selector  Class  Aturan tambahan yang dapat diterapkan pada tag HTML  .myClass { font: bold 1.25em times; }  Diterapkan berupa <h1 class=”myClass”>...</h1> Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  16. 16. Macam-macam Selector  ID  Sama seperti class, dapat diterapkan pada berbagai tag HTML  Diterapkan hanya satu kali pada tag HTML, tidak seperti class yang bisa berkali-kali  #myObject { position : absolute; top: 10px; }  Diterapkan berupa <h1 id=”myObject”>...</h1> Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi
  17. 17. ? Materi kuliah Desain Web, Teknik Informatika FTUPDisusun oleh Adi Wahyu Pribadi

×