CSS 1: STYLE HALAMAN WEB DAN CLIENT SIDE SCRIPTING

bila

 SYLE HALAMAN WEB

KONSEP LAYOUT


Layout merupakan kerangka tampilan suatu halaman web yang kemudian diatur dengan tujuan memudahkan pengunjung mengakses isi dari halaman web tersebut . Adanya layout dengan tata letak yang baik dapat membuat halaman lebih memadai dan seimbang sehingga mudah di baca.

 jenis- jenis layout

  • Frameset

Frameset  merupakan tag HTML yang sering digunakan untuk menampilkan bingkai-bingkai, cara krja Frameset sama seperti tag Table karena tag Frameset dapat membagi halaman dokumen menjadi kolom dan baris.

format penulisan tag frame 

<FRAMESET>...</FRAMESET>

CONTOH 

  • Table
tag tabel sangat berguna unutk membuat susunan halaman \html menjadi lebih rapih.

  • DIV
DIV adalah tag HTML yang sebenarnya digunakan untuk memberikan tanda batas suatu daerah dari sebuah rangkaian html.

MODEL LAYOUT

Layout split
Model Navigasi atau daftar isi pada layout split ini biasanya berada di kanan dan kiri .


 Left  Index
Biasanya digunakan untuk  layar yang resolusinya lebar sehingga tidak menimbulkan kekacauan pada halaman utama.



Top Index
Biasanya digunakan untuk menampilkan link yang banyak kesitus lain, navigasi padaha halaman web berada di bagian atas halaman. berikut merupakan tata letak elemen pada halaman.



Bottom Index
Navigasi atau daftar isi berada dibagian bawah dari halaman web
Altering Index
Digunakan untuk halaman yang banyak menampilkan grafik,foto,dan foto yang disertai dengan teks berupa keterangan, harga,jumlah, dan lain lain.

CLIENT SIDE SCRIPTING

Konsep Client Side Programming

Bagian utaman dari CSS yaitu
  • Selector
Merupakan style-style yang berbeda, mauitu style internal ataupun eksternal, bagian elemen yang ditunjuk utnuk mengatur style dan dapat berupa class dan ID
  • Property
Digunakan untuk mengatur CSS dalam mengubah selector yang dipilih
  • value 
merupakan nilai dari property.

Sumber 








 

0 Komentar