Mengenal LAYOUT WEB dan IMAGE SLICE di HTML

-
LAYOUT WEB
Layout adalah proses penataan dan pengaturan teks atau grafik pada halaman. 
Layout meliputi penyusunan, pembagian tempat dalam suatu halaman, pengaturan jarak 
spasi, pengelompokan teks dan grafik, serta penekanan pada bagian tertentu. 
Dalam pengaturan tersebut, digunakan element <div> dengan id dan class CSS yang kita 
sesuaikan
Diperlukan pemahaman aturan <div> untuk setiap konstruksi penggunaannya di dalam 
halaman HTML 
Layout menurut bentuk terdiri dari :
1)  Model Top Index
Biasanya layout  ini cocok digunakan untuk situs portal. Dengan banyak menu dan 
fasilitas yang ditawarkan, atau menampilkan link yang banyak ke situs lain.
2)  Model Layout Bottom Index
Biasanya digunakan apabila  isi  dari  halaman  banyak berhubungan dengan topik tunggal.
3)  Model Layout Left Index
Layout tipe  ini  lebih akrab dengan pengunjung karena tampilan  menu sama dengan
sistem  informasi.
4)  Model Layout Right Index
Kebalikan dari  left  index, cuma bedanya  menu di  bagian kanan  jarang dipakai untuk
menu utama.
5)  Model Layout alternating index
Biasanya digunakan untuk  menampilkan grafik, foto, harga, jumlah, dan  lain –  lain.

IMAGE SLICE (MEMECAH GAMBAR)
Teknik Image Slice :
-Merupakan teknik memecah/memotong gambar pada website.
-Teknik ini digunakan untuk membuat gambar/desain suatu web lebih  fleksibel, cepat, 
dan menarik.
-Pecahan gambar tersebut akan di satukan kembali menggunakan kode CSS dan 
HTML.
-Software yang digunakan : Adobe Photoshop, Adobe Ilustrator, Corel Draw, Gimp, 
dll.
-Crop tool atau Slice tool
-Dua metode yang dapat digunakan untuk memecahkan image atau gambar.

1)  Crop tool
  Proses yang dilakukan secara manual
  Cara ini banyak di pakai oleh professional 
  Untuk memisahkan objek gambar dengan background transparan
2)  Slice tool
  Proses yang dilakukan secara otomatis dan akan tersimpan dalam  satu folder
  Tepat untuk desainer pemula dan menginginkan kepraktisan 
-Slicing ujung dan tengah yang mau diambil gambarnya.
-Slicing bidang bergradasi yang mau diambil gambarnya.
-Penamaan folder untuk slicing.

Comments

Post a Comment

Popular posts from this blog

Mengenal Procedure Dengan Baik di Virtual Basic 6

-
Image
Okay sekarang belajar untuk procedure di Virtual Basic ya.. Peratama tama kalian harus tau tentang pengertian Procedure dahulu. Procedure adalah blok kode program yang berisi perintah-perintah untuk mengerjakan tugas tertentu. Apa b ila di dalam kode program yang kita buat ada perintah-perintah untuk melakukan tugas yang sama di beberapa tempat, maka akan lebih baik perintah-perintah tersebut dibuat dalam sebuah procedure. Lalu k emudian, procedure itu bisa di-‘panggil’ bila diperlukan.             Teman- Teman tau gak? Ada berapa jenis procedure di Virtual basic 6? Yang   benar adalah ada 4 jenis Procedure. 1.       Procedure Sub –ini adalah jenis procedure yang tidak mengembalikan nilai setelah ‘tugas’-nya selesai.             [Public | Private] Sub <nama_sub> ([<argumen>])          ...
Read more

KARYA TULIS (Perkembanga ekonomi pasca Proklamasi)

-
Image
DAFTAR ISI KATA PENGANTAR ................................................................................................. 1 BAB I PENDAHULUAN ·         Latar Belakang.......................................................................................... 2 ·         Rumusan Masalah..................................................................................... 2 ·         Tujuan....................................................................................................... 2 BAB II PEMBAHASAN ·         Terjadinya Inflasi...................................................................................... 3 ·         Krisis Ekonomi......................................................................................... 4 ·         Blokade Lau...
Read more

STMIK AMIKOM jogjakarta

-
Image
yuhu i'm coming :D selesai ujian nasional dan ada pengumuman kelulusan ,, dan akhirnya saya tidak ketrima SNMPTN , sesuatu banget..hhahha no problem.. dikiranya kuliah harus masuk PTN ??? SALAH BESAR tanggal 30 mei 2013 aku daftar SBMPTN dan udah daftar dapat KAP dan PIN.. Setelah memilih saya ngambil prodi di PTN jogja semua . Hitung-hitung buat cadangan tanggal 4 juni aku daftar di STMIK Amikom jogja setelah pembayaran selesai dapat kartu untuk tes tanggal 5 JUNI esok nya.. setelah masuk ruangan dan mengerjakan 100 soal dengan semampuku :D akhirnya lulus #pinter jga aku,hahhah di jurusan Sistem Informatika. Tanggal 8 JUNI aku datang buat kuliah umum di amikom dan juga melakukan herregestrasi . waktu masuk ruangan kuliah umum #eng #ing #eng saya telat 10 menit :D aduh malu minta ampun dan setelah liat kanan kiri ternyata mayoritas cowok. #adow Di acara itu kami para maba dapat sambutan dari banyak sampai enggak tau namanya. Aku sendiri kagum kok dan saya tidak akan menyesal ...
Read more