Tiga standar utama yang ada di Web sekarang
yaitu:
| 1. |
HTML
| —
| digunakan untuk struktur konten dan
memberi konteks dan arti konten ("semantik") |
| 2. |
CSS
| —
| digunakan untuk mendesain tampilan dari
konten HTML |
| 3. |
JavaScript
| —
| digunakan untuk menambahkan
kemampuan/tingkah laku dinamis pada situs Web Kami menyebutnya 3 layer (lapis) -
konten, presentasi dan tingkah laku. Ketiga layer ini harus dipisahkan sebisa
mungkin, hal ini penting untuk membuat suatu situs dapat diakses pengguna yang
memiliki keterbatasan, mudah dipelihara, lebih besar kemungkinan untuk berjalan
di semua platform dan alasan lainnya. Tidak seharusnya anda membuat pengguna
untuk mengandalkan JavaScript agar suatu situs berfungsi, pada saat opsi
dimatikan |
| |
JavaScript (atau CSS) dimatikan,
situs harus tetap dapat berjalan dengan mulus menjadi sebuah situs
yang
lebih statis dengan tetap menawarkan fungsi dasar yang
ingin anda sediakan di
situs anda sejak awal.
Pembahasan ini tidak akan membahas teknologi terlalu
dalam,
karena banyak sekali tutorial dan artikel yaang
membahas mengenai
standar dasar dan advanced.Contohnya, halaman Web yang anda lihat
sekarang.
Teks dan gambar distruktur menggunakan HTML.
CSS yang terpisah
digunakan untuk mengatur tampilan
teks dan gambar -- CSS 'memberi tahu' teks
dan gambar di mana tempat yang tepat,
font apa yang digunakan untuk
teks,
berapa besar padding yang ada di antara setiap elemen.
Banyak
keuntungan menggunakan pendekatan ini,
beberapa akan dijabarkan di
bawah:
Karena semua informasi berupa teks
(dan gambar diberikan rangkuman
berupa teks untuk menginformasikan apa yang ditampilkan)
halaman dapat
diakses oleh tuna netra dan yang memiliki gangguan penglihatan lain,
mereka
dapat zoom pada teks,
atau menggunakan screenreader (pembaca layar) untuk
membacakan teks tersebut.
Karena informasi tampilan disimpan di file CSS yang
terpisah,
anda dapat menggunakan kembali file tersebut untuk mengatur
tampilan semua halaman di situs ini.
Bila anda ingin melakukan perubahan
-- misal merubah warna semua teks menjadi merah -- anda tinggal
memutakhirkan (update) satu file,
bukan semua file di halaman.
| |
|
