Anatomi halaman web
1. Containing Block.
Containing block merupakan bagian dari halaman web yang membungkus semua komponen halaman web. Umumnya dibuat dengan tag <body>, <div> atau <table>.
2. Logo.
Identitas perusahaan, organisasi, pemilik situs.
3. Navigation.
Navigasi atau menu merupakan bagian penting dari situs yang memudahkan pengunjung berpindah-pindah halaman.
4. Content.
Content atau isi adalah segalanya, karena disinilah sebagian besar informasi disajikan.
5. Footer.
Footer merupakan bagian bawah dan berisi informasi singkat pemilik situs (copyright) dan beberapa link.
6. Whitespace.
Elemen form yang digunakan untuk memasukan teks (huruf dan angka) dalam satu baris. Lebar karakter defaultnya adalah 20 karakter, nameun bisa kita ubah sesuai keinginan kita.
2. Radio Button (tag <input type="radio" />)
Elemen form yang digunakan untuk menentukan satu pilihan di antara beberapa pilihan yang disediakan.Penulisan : <input type="radio">
3. Checkbox (tag <input type="checkbox" />)
Penulisan : <input type="checkbox">
4. Drop Down List (tag <select> </select>)
Elemen form yang digunakan untuk daftar / list dalam bentuk drop down. Ada 2 tag yang digunakan yaitu <select> untuk mendefinisilan drop down list dan <option> untuk mendefinisikan isinya.Penulisan : <select ><option> isi </option></select>
5. Text Area (tag <input type="text" />)
Elemen form yang digunakan untuk memasukan teks (huruf dan angka) lebih dari satu baris.Penulisan : <textarea>
6. Submit Button (tag <input type="submit" />)
Elemen form yang berupa tombol, digunakan untuk mengirim semua data isian dalam element form ke server (dalam hal ini file asp, php, jsp atau yang lainnya, yang dituliskan di dalam atribut action di dalam form di mana tombol ini ditempatkan) untuk diproses.Penulisan : <input type="submit">
1. Title
Title adalah judul atau nama dari sebuah halaman web. Letaknya di titlebar browser.
2. Nama Domain
3. Alamat URL
4. Link/tautan
Jika kita ibaratkan lagi bahwa sebuah halaman web adalah rumah, maka link atau tautan ini adalah pintu/gerbang/lorong yang menuju ke halaman lain baik itu yang masih satu web maupun halaman di web yang berbeda.
5. Header
Header
adalah bagian atas dari sebuah website. Biasanya berisi nama situs,
logo dan deskripsinya. Header berfungsi untuk menampilkan identitas
utama dari sebuah situs.
6. Konten/Isi
7. Sidebar
Sidebar adalah bagian sisi kanan maupun kiri sebuah website dan terletak di sisi konten. Sidebar biasanya berisi informasi tambahan dan navigasi dari sebuah website. Sidebar diisi dengan widget-widget. Misalnya, di blog ini ada 2 sidebar yaitu sidebar kiri yang berisi widget kategori dan sidebar kanan yang berisi widget media sosial dan popular posts
8. Widget
Setelah membaca nomor 7, anda pasti sudah tahu sedikit gambaran tentang widget. Yaa, widget adalah sebuah daerah pada website yang isinya berupa informasi tertentu dan memiliki fungsi tertentu pula. Widget tidak harus terletak pada bagian sidebar. Widget juga bisa terletak pada bagian atas posting, footer bahkan header (walaupun sangat jarang).
9. Footer
Footer adalah bagian dasar atau paling bawah dari sebuah website. Fungsi utamanya adalah sebagai kaki dan berisi informasi hak cipta, kepemilikan, link tambahan, sumber daya, sponsor dan kredit sebuah website. Namun, kadang-kadang footer juga bisa dijadikan sebagai tempat untuk menampilkan widget.
10. Navbar
Navbar adalah kependekan dari Navigation bar. Navbar merupakan bagian website yang biasanya terletak di bagian paling atas dan bersifat melayang/fixed (Selalu terlihat walaupun di scroll). Navbar berfungsi untuk mempermudah navigasi sebuah situs. Biasanya berisi link-link penting yang mungkin dikunjungi dalam situs itu.
4) Elemen Pada Label
Tabel (table) sangat diperlukan ketika kita ingin menampilkan data yang
berbentuk kolom-kolom. Dulu sebelum adanya CSS, table digunakan untuk
membuat layout website namun saat ini sudah jarang dipakai sebagai
layout karena faktor file yang cenderung lebih besar sehingga
mempengaruhi waktu akses yang lebih lama, dalam pengelolaan dan
pengeditan pun jauh lebih rumit karena banyaknya tag-tag yang
dihasilkan.
5) Elemen dinamis
atau bisa disebut elemen bergerak yang mebuat pengunjung tertarik
0 Komentar