LAYOUT WEB.

Slides:



Advertisements
Presentasi serupa
Aplikasi Pemetaan Pedagang Kaki Lima Di Surabaya
Advertisements

Header Footer Header adalah teks yang muncul pada halaman atas
Kategori Desain Grafis
PRINSIP DESIGN IMK.
Perancangan Tampilan.
Desain Web R0312 – Grafik Komputer.
TEKNOLOGI INFORMASI DAN KOMUNIKASI
MEDIA PEMBELAJARAN Mengatur Format Halaman oleh : Basuki Wibowo, S
DASAR HTML Marina Azizah. Struktur Dokumen HTML Dokumen HTML bisa di bagi mejadi tiga bagian utama: HTML Setiap dokumen HTML harus di awali dan di tutup.
Praktek Dasar HTML Ulla Delfana Rosiani, ST. Praktek Dasar HTML Anda akan mempelajari tentang: Membuat sebuah home page Memformat text Membuat links ke.
Link HTML Sintaks : teks/gambar 1. Link Absolut Digunakan untuk mengaitkan halaman web yang satu dengan.
Chapter 8 Desain Web.
Desain permodelan grafis
 Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau.
Bekerja dengan file dan desain web
Enumerasi, Images & Table
TABEL , FORM DAN FRAME.
Atribut dalam Body Atribut dan contoh penulisan Fungsi
CSS (Cascading Style Sheet)
PRINSIP DAN DASAR-DASAR DISAIN WEB
Microsoft Word Dicky Pratama S.Kom.
Tim FT Elektro UHAMKA HTML (Bagian 2)
Booklet dan Leaflet.
Tabel HTML Bambang Irawan.
MICROSOFT POWER POINT Merupakan sebuah program aplikasi untuk presentasi yang dikembangkan oleh Microsoft. Aplikasi ini sangat banyak digunakan oleh.
Pengaturan dokumen, teks dan paragraf
Microsoft Word Merupakan program aplikasi pengolah kata yang paling banyak digunakan. Meskipun sudah ada versi terbaru dari Microsoft Word, yaitu Ms.
Lutfi Budi Ilmawan Univ. Muslim Indonesia
Prinsip Dasar Desain Web
Interaksi Manusia dan Komputer
Memahami format teks pada halaman web Menyajikan teks dalam format tertentu pada halaman web Create By Widiyono.
KONSEP DASAR DESAIN WEB
FORMAT PENULISAN ARTIKEL ILMIAH
Pengaturan dokumen, teks dan paragraf
Booklet dan Leaflet.
Bahasa visual Untuk Media internal.
Tugas individu mata kuliah komputer semester 2 Khusus yg kuliah hari senin dan selasa
Prinsip prinsip desain web
( Materi Publikasi ) Design grafis.
MEMBACA PEMAHAMAN PERTEMUAN KE-6 Khusnul Fatonah, M.Pd. PGSD.
Perancangan Tampilan.
Mengelola isi halaman web
-Muhamad Rendi Wahyudi -Muhammad Ridho -Muhammad Nurcholis
Menu Drop Down.
PRINSIP-PRINSIP KOMPUTER/MEDIA GRAFIS
List, Image, Link dan tabel
Sikllus Pengembangan Aplikasi Multimedia
MENDAPATKAN INFORMASI di INTERNET
MACAM-MACAM ILUSTRASI
PRAKARYA MULTIMEDIA KELAS X SEMESTER /2016.
KELAS XI IA-IS SMA MUHAMMADIYAH 3 MADURAN LAMONGAN
Mengelola isi halaman web
Desain web Good vs bad Dimas wahyu utomo
Metode untuk Menciptakan Komposisi Desain yang Harmonis
Abdu Hari Wijaya Nurul Fajri
MEMBUAT NOMOR HALAMAN DENGAN FORMAT DAN POSISI BERBEDA
Seminar Topik Skripsi - Kuliah 13 Aries Yulianto Fakultas Psikologi
Bahasa visual Untuk Media internal.
Ciri-Ciri Reka Letak Yang Baik.
Membuat presentasi dengan microsoft powerpoint
DREAMWEAVER.
Perancangan Tampilan.
Tugas UAS Analisis Kebijakan Publik
Perancangan Tampilan.
Web Design CSS.
Perancangan Tampilan.
MATERI MATAKULIAH PAKET PROGRAM NIAGA (PPN) Oleh : Buyung Solihin Hasugian, S.Kom, M.Kom.
Perancangan Tampilan.
1 Search Engine Sumber : A short and easy search engine tutorial oleh Pandia.
penulisan tabel
Transcript presentasi:

LAYOUT WEB

Layout adalah proses penataan dan pengaturan teks atau grafik pada halaman web. Layout meliputi penyusunan, pembagian tempat dalam satu halaman, pengaturan jarak spasi, pengelompokan teks dan grafik, Penekanan pada bagian tertentu

Layout yang Baik : Mencapai Tujuan Pemetaan Visual Menarik Perhatian

Mencapai Tujuan Apakah Tujuan yang akan di sampaikan sebuah halaman web? Informasi apakah yang akan disampaikan? Siapa yang akan membaca , menggunakan dan mengunjungi web tersebut? Dimanakah letak halaman web tersebut terhadap halaman lain

Pemetaan Visual Pertimbangkan kemudahan bagi pengguna dan membantunya untuk menjelajah ke seluruh bagian halaman web tanpa harus mengalami kelelahan untuk membaca dan mengikuti layout Penataan dan penekaan pada beberapa titik informasi akan memperjelas informasi. Item apakah yang akan dibaca atau dilihat oleh pengunjung? Semakin baik pendefinisian urutan dalam sebuah layout, maka semakin cepat seorang pengunjung sampai pada titik akhir urutan informasi

Menarik Perhatian Web tidak akan dapat berkomunikasi dengan sukses bila layoutnya tidak di perhatikan Sebuah layou yang menarik bisa jadi adalah layout yang cantik, mengejutkan , menghibur, tidak biasa, tetapi bisa juga sederhana dan lugas.

Layout Menurut Bentuk Model Layout Top index Model Layout Bottom index Model Layout Left index Model Layout Right index Model Layout Split index Model Layout Alternating index

Model Layout Top index

Model Layout Bottom index

Model Layout Left index

Model Layout Right index

Model Layout Split index

Model Layout Alternating index

Layout Menurut Ukuran Liquid Design Ice Design Jelly Design

Liquid Design

Jelly Design

Ice Design