Style Halaman Web & Client Side Scripting | PWDPB Bab 4

 A. Style pada Halaman Web

      CSS merupakan bahasa style sheet yang berguna untuk mengatur tampilan dokumen. Dengan itu tampilan halaman yang sama bisa memiliki format yang berbeda, kurang lebih seperti Ms. Word untuk mengolah teks.

  1. Konsep Layout dalam Halaman Web

       Web dengan desain yang bagus seperti Navigasi yang baik, mudah diakses, tampilan yang menarik dan enak dilihat, dapat membuat pengunjung merasa nyaman dan mendapat informasi yang penuh. Sebuah web umumnya memiliki elemen2 dasar seperti: 

  -Elemen Header} Judul dan penjelasan dari isi dokumen/website, biasanya diwakilkan oleh Logo, Menu, & nama halaman yang ditampilkan

  -Elemen Navigation} Elemen yang memberi akses untuk berpindah-pindah halaman dan konten yang ingin dilihat pada suatu website

  -Elemen Sidebar} Sidebar biasa berada di samping kiri &atau kanan konten, bisa berisi rekomendasi konten lain maupun iklan sesuai kreativitas pemilik web.

  -Elemen Konten} Elemen utama dalam sebuah web, hampir bisa dipastikan semua pengunjung datang untuk membaca/melihat apa yang ada di bagian ini.

 -Elemen Footer} Bagian penutup dari website, biasa sebagai informasi seputar website tersebut(Lisensi, sitemap, ataupun informasi lainnya)

2. Jenis-jenis Layout dalam Halaman Web

   -Cara kerja tag FRAMESET sama seperti tag TABLE, dimana tag TABLE digunakan untuk membuat halaman dokumrn HTML menjadi beberapa bagian kolom dan baris.

  -Tag DIV tidak dapat berdiri sendiri dalam penggunaaanya, diman Tag DIV harus disandingkan dengan CSS supaya dapat menghasilkan bentuk design layout yang lebih menarik.

  -Model Layout} berikut adalah model2 layout yang sering digjxzhxjc. mcncmunakan dalam mendesain halaman web: 

    1)Layout Split, 2)Left Index, 3) Top Index, 4)Bottom Index, 5)Alternating Index

3. Konsep & Penulisan Script Stylesheet

    a. Style pada Teks} meliputi pewarnaan, pemilihan font, spasi, dll.

    b. Style pada Multimedia} CSS dapat diterapkan pada elemen HTML Multimedia seperti gambar, video, & audio.

   c. Style pada tabel

   d. Style pada Formulir} Style CSS dapat digunakan di berbagai komponen input didalam form.

4. Client Side Scripting dalam Pemrograman Web

Client Side Scripting yang paling mudah adalah Cascading Style Sheet/CSS namun ada beberapa contoh lain dari Client Side Scripting seperti: HTML, XHTML, JavaScript, XML & JQUERY.

 Penulis: Fattah Kalamukti

Sumber: Pemrograman Web dan Perangkat Bergerak: untuk SMK/MAK program keahlian teknik komputer dan informatika, kompetensi kehalian rekayasa perangkat lunak | Patwiyanto, Sri Wahyuni, Sumari Agus Prasetyo ; editor, Tyas