Bab 4

-pendahuluan

 Blog ini berisi tentang konsep teknologi dan format teks pada aplikasi web dan selain konsep tersebut masi ada juga konsep lain yaitu tentang format tabel dan format multimedia pada halaman web,dan juga masih ada format kaitan dan format formulir pada halaman web dan sekarang tanggal 18-jul-2022 saya ingin menlanjutkan halaman yang berjudul STYLE HALAMAN WEB DAN CLIENT SIDE SCRIPTING dan juga masi banyak halaman-halaman atau bab lainya. 

       -Konsep Layout dalam Halaman Web

Layout situs merupakan tata letak elemen halaman situs web.Layout situs yang baik akan menjadikan halaman web web baik juga. Dengan desain halaman web yang baik dan tepat akan membuat pengunjung merasa nyaman dengan tampilan (layout) halaman web tersebut, dan tetap dapat fokus pada isi (content). Desain halaman web tidak mengganggu kejelasan bagian isi. Pada desain layout yang tepat, pengunjung dapat berpindah ke halaman lain dengan mudah melalui navigasi yang baik, mudah dan informatif.

   *Elemen Header

Elemen <header> merupakan salah satu elemen dalam HTML5 yang mempunyai tujuan khusus atau arti semantik tertentu. Elemen <header> berfungsi header bagi seluruh halaman HTML ataupun sebagai header bagi seksi-seksi tertentu seperti header bagi seksi elemen <article>.

     *Elemen Navigation

Elemen jenis ini memberikan akses navigasi ke halaman-halamanl ain dalam web.

    *Elemen Sidebar

Sidebar adalah kolom atau space yang berada di area samping konten website. Elemen ini bisa diisi menu utama ataupun pelengkap, navigasi menuju halaman tertentu, serta berbagai widget. Dengan memasang sidebar, ada banyak manfaat yang bisa Anda dapatkan.

      *Elemen Konten

Elemen jenis ini sebagai isi utama dari dokumen web.Penggunabiasanya datang ke web untuk melihat teks yang berada pada bagian ini.

 -Jenis-Jenis Layout dalam Halaman Web (Frameset, Table, Div) 

Rancangan web design (mockup web design) pada dasarnya menjadi gambaran keserasian warna dan layout sesuai dengan konsep desain yang dibayangkan. Sebagian web designer melewati proses ini dan langsung mendesain dengan code. Namun, teknik script sering kali mengalami proses perbaikan dikarenakan tidak adanya konsep desain yang baik.

         *Tag Frameset dan Atributnya

FRAMESET adalah tag HTML yang digunakan untuk menampilkan bingkai-bingkai tersendiri pada dokumen HTML. FRAMESET digunakan bersamaan dengan penggunaan tag FRAME yang berguna untuk menampilkan file sumber dari bingkai untuk dijadikan bagian dari tag FRAMESET. Cara kerja FRAMESET sama seperti cara kerja tag TABLE dimana tag TABLE digunakan untuk membuat halaman dokumen HTML menjadi beberapa bagian kolom dan baris. Hal ini juga dilakukan oleh tag FRAMESET yang dapat membagi halaman dokumen HTML menjadi kolom dan baris, bedanya, pada tag FRAMESET, isi dari setiap kolom dan barisnya berbentuk bingkai yang bersumber dari dokumen HTML lain.

             *Tag Table dan Atributnya 

Tag ini digunakan untuk membuat tabel pada dokumen HTML Penggunaan tag ini selalui disertai dengan penggunaan tag <TR> dan <TD>. Tag <TR> untuk menyatakan baris dari tabel dan 

                *Tag Div dan Atributnya 

DIV adalah tag HTML yang sebenarnya digunakan untuk memberikan tanda batas suatu daerah dari sebuah rangkaian html (bisa berupa tulisan, gambar, atau kode lainnya).

           -model layout

      Model-model layout yang umum digunakan dalam mendesain suatu halaman web, di antaranya sebagai berikut.

               *Layout Split

Layout split merupakan model yang banyak dipakai karena keseimbangan dalam halaman web tetap terjaga. Navigasi atau daftar isi berada di bagian kanan dan kiri dari halaman web.

                       *Left Index

Left index digunakan untuk layar dengan resolusi yang lebar sehingga mudah dalam penyediaan navigasi, tanpa menimbulkan kekacauan penyajian pada halaman utama. Navigasi atau daftar isi berada di bagian kiri dari halaman web.

                        *Top Index

Top index digunakan untuk menampilkan link yang banyak ke situs lain, seperti search engine.

                 *Bottom Index

Bottom index biasanya digunakan apabila isi dari halaman banyak berhubungan dengan topik tunggal. Navigasi atau daftar isi berada di bagian bawah dari halaman web.

               *Alternating Index

Alternating index digunakan untuk halaman yang banyak menampill. grafik, foto, dan produk yang disertai dengan teks berupa keterangan, harga, jumlah, dan lain-lain. Navigasi atau daftar isi berada di bagian kanan dan kiri dari halaman web.

                  *Alternating Index

Alternating index digunakan untuk halaman yang banyak menampilk grafik, foto, dan produk yang disertai dengan teks berupa keterangan, harga, jumlah, dan lain-lain.

-Konsep dan Penulisan Script Stylesheet 

Berikut ini beberapa hal yang berhubungan dengan konsep dan penulisan script stylesheet.

                     -Style pada Teks

Teks pada sebuah halaman web dapat diberikan style dalam kemasan CSS. Pengaturan style tersebut meliputi properti pada bagian pewarnaan, pemilihan font, spasi, dan lain-lain.

      

            

            -Client Side Scripting pada Halaman Web Interaktif

Bahasa pemrograman client side adalah bahasa yang berjalan pada client atau komputer user itu sendiri, di mana sebuah website bahasa client side akan berjalan di browser masing-masing komputer.