Pertemuan V

Ali Tarmuji, S.T., M.Cs.

alitarmuji@uad.ac.id

Pemrograman Web Teknik Informatika

1
alitarmuji@uad.ac.id Fakultas Teknologi Industri
 Materi minggu ini:

Pengantar CSS
Sintaks CSS
Properti CSS

Pemrograman Web Teknik Informatika

2
alitarmuji@uad.ac.id Fakultas Teknologi Industri
 PENGANTAR CSS

Pemrograman Web Teknik Informatika

3
alitarmuji@uad.ac.id Fakultas Teknologi Industri
 Konsep Dasar CSS
Definisi
• Cascading Style Sheets (CSS) adalah suatu
teknologi yang digunakan untuk memperindah
halaman website (situs), dengan CSS kita dapat
dengan mudah mengubah keseluruhan warna
dan tampilan yang ada di situs kita sekaligus
memformat ulang situs kita.
• CSS ini telah distandarkan oleh World Wide Web
Consortium (W3C) untuk digunakan di web
browser.
Pemrograman Web Teknik Informatika
4
alitarmuji@uad.ac.id Fakultas Teknologi Industri
 Konsep Dasar CSS
Keuntungan CSS
• Dapat di-update dengan cepat dan mudah, karena
kita cukup mendefinisikan sebuah style-sheet global
yang berisi aturan-aturan CSS tersebut untuk
diterapakan pada seluruh dokumen-dokumen HTML
pada halaman situs kita.
• User yang berbeda dapat mempunyai style-sheet
yang berbeda pula.
• Ukuran dan kompleksitas document code dapat
diperkecil.

Pemrograman Web Teknik Informatika

5
alitarmuji@uad.ac.id Fakultas Teknologi Industri
 Penggunaan CSS
• Mengatur setiap aspek tampilan
• Mempengaruhi semua elemen HTML
• Penulisannya inline, embeded, external

Pemrograman Web Teknik Informatika

6
alitarmuji@uad.ac.id Fakultas Teknologi Industri
 Aspek Tampilan
• Text and Fonts
• Colours and Backgrounds
• The Box Model - dimensions, padding, margin and borders
• Positioning and Display
• Lists
• Tables
• Generated Content
• Paged Media
• Misc.
• The Whole Shebang

Pemrograman Web Teknik Informatika

7
alitarmuji@uad.ac.id Fakultas Teknologi Industri
 Tujuan Hidup CSS

Pemrograman Web Teknik Informatika

8
alitarmuji@uad.ac.id Fakultas Teknologi Industri
Pemrograman Web Teknik Informatika
9
alitarmuji@uad.ac.id Fakultas Teknologi Industri