Chapter 3 RIZKI MULIONO Buatlah Layout seperti ini
Chapter 3 RIZKI MULIONO
Buatlah Layout seperti ini
Ø Layout situs adalah tata letak komponen halaman situs web. Ø Layout situs yang baik akan menjadikan situs baik juga. Ø Layout situs yang baik harus mendukung tujuan pembuatan situs itu sendiri. Layout diperlukan untuk menunjukkan ukuran yang tepat, posisi, desain, dan lokasi dari segala sesuatu disetiap adegan. Ada dua jenis layout, yaitu: 1. layout latar belakang/tata letak background mendefinisikan pengaturan desain hanya latar belakang (segala sesuatu yang tidak bergerak); 2. layout karakter (satu atau lebih tiap adegan) menunjukkan semua key-pose karakter pada latar belakang itu.
§ Layout Web harus didasarkan dengan tema dan isi dari web § Layout dibuat simple, menarik dan interaktif. § Layout berhubungan dengan tema, target pengunjung (range), jenis huruf, warna, halaman apa saja, gambar atau video
§ Desain layout suatu halaman web meliputi penyusunan: § pembagian tempat pada halaman (whitespace) § pengaturan jarak spasi § pengelompokan teks dan grafik § serta penekanan pada suatu bagian tertentu
• Top Index : digunakan untuk menampilkan link yang banyak ke situs lain, seperti search engine • Bottom Index : Biasanya digunakan apabila isi dari halaman banyak berhubungan dengan topik tunggal • Left Index : Digunakan untuk layar dengan resolusi yang lebar sehingga mudah dalam penyediaan navigasi, tanpa menimbulkan kekacauan penyajian pada halaman utama • Layout Split : Merupakan model yang banyak dipakai, karena terjaga keseimbangan dalam halaman web • Alternating Index: digunakan untuk halaman yang banyak menampilkan grafik, foto dan produk yang disertai dengan teks berupa keterangan, harga, jumlah, dan lain – lain.
§ http: //www. csszengarden. com/050/
§ Prinsip dasar teknik layouting, yaitu: § 1. Sequence adalah urutan perhatian yang digunakan dalam layout. § 2. Emphasis adalah teknik memberikan penekanan tertentu pada layout. § 3. Balance : teknik mengatur keseimbangan pada layout § 4. Unity : menciptakan kesatuan secara keseluruhan
§ Navigasi merupakan struktur atau alur hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh halaman dalam Website.
§ 1. Struktur Navigasi Linier § 2. Struktur Navigasi Non-Linier
§ 3. Struktur Navigasi Hirarki 1 3 2 § 4. Struktur Navigasi Campuran 1 2 4 5 3 7 8 6
1. Tentukan Tema Dasar 2. Tentukan target atau visitornya 3. Tentukan jenis font, warna dominan yang sesuai dengan tema 4. Cari bahan gambar yang sesuai dengan tema 5. Tentukan Layouting Web yang akan digunakan (emphasis, sequence, balance, unity) 6. Tentukan Model Layoutnya (top, bottom, left, right, split, alternative, kombinasi apa saja) 7. Per Kelompok 3 Orang 8. 2 minggu. Harus cantik.
1. Tentukan Tema Dasar 2. Tentukan target atau visitornya 3. Tentukan jenis font, warna dominan yang sesuai dengan tema 4. Cari bahan gambar yang sesuai dengan tema 5. Tentukan Layouting Web yang akan digunakan 6. Tentukan Model Layoutnya Nb : Kelompok Lain dan dosen boleh bertanya dan mengkritik
- Slides: 23