Menyajikan Desain Halaman Web dengan Konsep Tabel

1)    Anatomi halaman web

Secara garis besar anatomi atau susunan dari suatu halaman web terdiri dari containing block, Logo, navigation, content, white space  dapat digambarkan sebagai berikut
Hasil gambar untuk anatomi halaman web
 §  Containing Block.
Containing block merupakan bagian dari halaman web yang membungkus semua komponen halaman web. Umumnya dibuat dengan tag <body>, <div> atau <table>.
§  Logo.
Identitas perusahaan, organisasi, pemilik situs.
§  Navigation.
Navigasi atau menu merupakan bagian penting dari situs yang memudahkan pengunjung berpindah-pindah halaman.
§  Content.
Contentatauisi adalah segalanya, karena disinilah sebagian besar informasi disajikan.
§  Footer.
Footer merupakan bagian bawah dan berisi informasi singkat pemilik situs (copyright) dan beberapa link.
§  Whitespace.
Whitespace merupakan area kosong yang membatasi antar-komponen. Whitespace menjadi penting agar pengunjung mempunyai ruang berhenti di antara bagian-bagian situs yang lain. Whitespace dapat juga diisi dengan banner atau animasi.

1)    Layout halaman web
Layout situs merupakan tata letak elemen halaman situs web.Layout situs yang baik akan menjadikan halaman webweb 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.Pengunjung merasa bahwa setiap halaman dari situs merupakan satu kesatuan. Setiap halaman memiliki posisi dan kesamaan tampilan (layout), yang berbeda hanya isi (content).
Adanya layout tata letak yang baik dapat membuat halaman lebih cantik dan seimbang, terutama enak dilihat dan mudah dibaca. Desain layout suatu halaman web meliputi penyusunan:
      - pembagian tempat pada halaman
      - pengaturan jarak sepasi
      - pengelompokan teks dan grafik
      - serta penekanan pada suatu  bagian tertentu
Beberapa model layout yang biasa digunakan dalam mendesain suatu halaman web, diantaranya adalah
-       Top Index
è digunakan untuk menampilkan link yang banyak ke situs lain, seperti search engine


Navigasi atau daftar isi berada dibagian atas dari halaman web, seperti pada berikut merupakan tampilan dari www.google.com

Komentar

Posting Komentar

Postingan populer dari blog ini

: Jenis – Jenis Link dalam HTML

1)  Jenis-jenis Link dalam HTML Dalam HTML, link dibedakan menjadi 3 jenis, yaitu : ·       Link absolut ·       Link relatif ·       Link ke bagian dokumen tertentu HTML membedakan ketiga jenis link diatas berdasarkan lokasi atau alamat dokumen yang akan diakses. Dengan demikian, perbedaannya hanya terletak pada nilai atribut HREF-nya saja. Link Absolut Link Absolut adalah link yang akan menunjuk ke halaman dari situs web lain. Penulisan alamatnya pun harus ditulis secara lengkap. Sebagai contoh, jika tema atau isi dari situs web yang kita buat adalah pemrograman HTML, maka kita dapat membuat link ke situs web lain yang memiliki tema yang sama atau relevan. Tujuannya adalah agar pengunjung bisa memperoleh informasi lebih tentang tema tersebut yang ‘mungkin’ tidak/belum kita bahas pada situs web kita. Contoh : <a href= http://www.w3.org/ >W3</a> Pada contoh diatas, tujuan link yang dibuat akan mengarah ke situs web http://www.w3.org/
Baca selengkapnya

Biodata Atau Profil Cristiano Ronaldo CR7

Gambar
Profil Cristiano Ronaldo. Kali ini saya akan mengulas secara lengkap profil / biodata Cristiano Ronaldo , sang bintang Real madrid yang sudah mengoleksi puluhan trophy di sepanjang karirnya. Berikut ini Profil Cristiano Ronaldo: Nama Lengkap : Cristiano Ronaldo Dos Santos Aveiro Nama Beken : Cristiano Ronaldo, CR7 Tempat Lahir : Funchal, Madeira - Portugal Tanggal Lahir : 05 Februari 1985 Profesi : Selebritis, Sepak bola (atlet) Tinggi Badan : 185,5 cm Berat Badan : 69 kg Agama : Kristen Zodiak : Aquarius Kebangsaan : Portugal Hobi : Travelling, Olahraga Nama Ayah : Jose Dinis Aveiro (Pengurus kebun, Pegawai pemerintah) Nama Ibu : Maria Dolores Dos Santos Aveiro (Koki) Saudara : Hugo (kakak), Elma (kakak), Liliana Catia (kakak) Kekasih / Mantan : Daniela Martins (mantan), Merche Romero (mantan), Gemma Atkinson (mantan), Alice Goodwin (mantan), Raffaella Fico (mantan), Nereida Gallardo (mantan), Irina Shayk (mantan) Ana
Baca selengkapnya

Fungsi tata letak pada typografi

Fungsi tata letak pada typografi Fungsi tata letak menurut Freddy Adiono Basuki (2000) adalah untuk mencapai keharmonisan, nilai estetis, ekonomis, dan komunikatif. Freddy Adiono Basuki juga membagi tahapan tata letak menjadi tiga, yaitu : 1. Membuat tata letak miniature atau sketsa kecil (thumbnail), merupakan tahap perancangan dalam menentukan komposisi unsur-unsur yang akan ditempatkan. Visualisasinya masih berupa sket kolom teks dan kolom gambar. 2. Membuat tata letak kasar (abrupt lay out), merupakan tahapan rancangan yang sudah berwujud gambar dan teks. 3. Membuat tata letak komprehensif, merupakan tahapan rancangan dimana keseluruhan unsur sudah disusun dengan baik dan benar yang sudah siap cetak.
Baca selengkapnya