CSS
BAB 4
STYLE HALAMAN WEB DAN CLIENT SIDE SCRIPTING
CSS sebagai sebuah bahasa style sheet yang digunakan dalam mengatur tampilan dokumen, dengan adanya CSS maka tampilan halaman yang sama akan memiliki format yang berbeda.
1. Konsep Layout dalam Halaman Web
Pada desain layout yang tepat, pengunjung dapat berpindah ke halaman lain dengan mudah melalui navigasi yang baik,mudah,dan informatif sehingga pengunjung merasa bahwa setiap halaman dari situs merupakan satu kesatuan. Pada dasarnya,sebuah dokumen web umumnya memiliki elemen-elemen sebagai berikut.a. Elemen Header
Berisi judul dan penjelasan doumen
b. Elemen Navigation
Memberikan akses navigasi ke halaman web
c. Elemen Sidebar
Pendukung konten sesuai kreatifitas developer
d. Elemen Konten
Isi utama dokumen
e. Elemen Footer
Penutup dari konten
2. Jenis-Jenis layout dalam halaman web ( frameset,table,div)
Rancangan web browser pada dasarnya menjadi keserasian warna dan layout sesuai konsep yang dibayangkan.
a. Tag Frameset dan Atributnya
Frameset adalah tag HTML yang digunakan untuk menampilkan bingkai-bingkai tersendiri pada dokumen HTML.b. Tag Table
Tag ini digunakan untuk membuat tabel pada dokumen HTML.c. Tag Div
Tag Div tidak dapat berdiri sendiri dalam penggunaannya,Tag Div harus disandingkan dengan css supaya dapat menghasilkan bentuk design layout yang lebih menarik. Div adalah tag HTML yang sebenarnya digunakan untuk memberikan tanda batas suatu daerah dari sebuah rangkaian HTML ( tulisan,gambar,atau kode lainnya).d. Model Layout
Model-model layout yang umum digunakan dalam mendesain suatu halaman web,diantaranya sebagai berikut.- Layout Split
Model yang banyak dipakai karena keseimbangan halalan web.Navigasi atau daftar isi berada di bagian kanan dan kiri dari halaman web.
- Left Index
- Top Index
- Bottom Inex
- Alternating Index
- Penulisan kode javascript inline
- Penulisan kode javascript external
b. VBScript
a. CSS 1
b. CSS 2
c. CSS 3
- Left Index
- Top Index
- Bottom Inex
- Alternating Index
3. Konsep dan Penulisan Script Stylesheet
a. Style pada Teks
Teks pada HTML diberikan style dalam kemasan CSS. Pengaturan style meliputi poperti pada bagian pewarnaan,font,spasi dan lainnya.
4. Penyisipan Script Client Side dalam HTML
Dengan menambahkan atau menyisipkan javascript pada sebuah halaman HTML,halaman bisa menjadi lebih dinamis dan interaktif. Berikut ini beberapa perintah yang digunakan untuk penyisipan javascript dalam HTML.a. Tag <script>
Digunakan untuk mendefinisikan sebuah client-side script.b. Tag <nonscript>
Digunakan untuk alternatif jika javascript yang dibuat tidak bisa ditampilkan, misalnya karena browser yang digunakan tidak mendukung.B. Client Side Scripting pada Halaman Web Interaktif
Bahasa pemrograman client side adalah bahasa yang berjalan pada client atau komputer user sendiri,dimana sebuah website bahasa client side akan berjalan di browser masing-masing komputer.a. Perintah - perintah dasar dalam aplikasi client side perogramming
- Penulisan kode javascript dengan embed- Penulisan kode javascript inline
- Penulisan kode javascript external
4. Macam-macam Aplikasi Client Side Programming
a. Javascriptb. VBScript
5. File CSS
Setelah standarisasi CSS, Internet Explore dan Netscape merilis browser terbaru yang mendukung standar CSS. Berikut ini beberapa versi CSSa. CSS 1
b. CSS 2
c. CSS 3
C. Client Side Scripting pada Halaman Web Interaktif
1. Perintah Perintah dasar dalam Aplikasi client Side Programming
Kode Javascript di HTML dpat dilakukan beberapa embed(ditempel langsung pada HTML), Inline(Penulisan pada Atribut), dan Eksternal(terpisah dengann HTML).
a. Penulisan Javascript dengan embed
Menggunakan <script> dan tag tersebut dapat ditulis didalam tag<head> dan <body>
b. Penulisan Kode Javascript Inline
Memanggil suatu fungsi pada event tertentu dengan Javascript di dalam atribut HTML
c. Penulisan kode Javascript Eksternal
Digunakan pada proyek besar karena kode mudah dirawat.
.png)
Komentar
Posting Komentar