PWdPB BAB 4

 BAB 4. STYLE HALAMAN WEB DAN CLIENT SCRIPTING

CSS sebagai sebuah bahasa style sheet yang digunakan dalam mengatur tampilan dokumen.

1. KONSEP LAYOUT DALAM HALAMAN WEB

        Sebuah dokumen web umumnya memiliki elemen-elemen berikut.

        a. Elemen Header

        b. Elemen Navigation

        c. Elemen Sidebar

        d. Elemen Konten

        e. Elemen Footer

2. JENIS-JENIS LAYOUT DALAM HALAMAN WEB (Frameset, Table, Div)

        a. Tag Frameset dan atributnya, FRAMESET digunakan bersamaan dengan penggunaan tag FRAME yang berguna untuk menampilkan file sumber dari bingkai untuk dijadikan bagian dari tag FRAMESET.

        b. Tag Table dan Atributnya, disertai dengan penggunaan tag <tr> dan <td>.

        c. Tag Div dan Atributnya, Tag Div harus disandingkan dengan CSS supaya bisa menghasilkan bentuk design layout yang lebih menarik.

        d. Model Layout

            1.) Layout Split

            2.) Left Index

            3.) Top Index

            4.) Bottom Index

            5.) Alternating Index

  3. KONSEP DAN PENULISAN SCRIPT STYLESHEET

        a. Style pada Teks

        b. Style pada Multimedia

        c. Style pada Tabel

        d. Style pada Formulir

4. PENYISIPAN STYLESHEET DALAM SCRIPT HTML 

        a. Metode Inline Style adalah cara menginput kode CSS langsung ke dalam tag HTML dan menggunakan atribut style.

        b. Metode Internal Style Sheets, digunakan untuk memisahkan kode CSS dari HTML, namun tetap dalam satu halaman HTML.

        c. Metode External Style Sheets, digunakan untuk mengangkat kode CSS ke dalam sebuah file tersendiri yang terpisah sepenuhnya dari halaman HTML.