1.
Desain web adalah jenis desain grafis yang
ditujukan untuk pengembangan dan styling obyek lingkungan informasi Internet
untuk menyediakan dengan fitur konsumen high-end dan kualitas estetika.
Definisi yang ditawarkan memisahkan desain web dari pemrograman web, menekankan
fitur fungsional dari sebuah situs web, serta desain posisi web sebagai semacam
desain grafis. (
http://ewawan.com)
2. Fungsi desain web :
1. Fungsi
Komunikasi
Situs web tang berfungsi sebagai komunikasi pada umumnya
adalah web dinamis.Karenadibuat menggunakan pemrograman web(server side)maka
dilengkapi dengan fasilitas yangmemberikan fungsi-fungsi komunikasi seperti web
mail ,formanthec,chatting,forum dll.2.
2. Fungsi Informasi
3. Prinsip-prinsip membuat desain web :
1.
Unik
Unik yang dimaksud yaitu kesadaran
seorang designer untuk tidak meniru atau menggunakan ciptaan orang lain.
2. Komposisi
Komposisi yang dimaksud yaitu memahami
komposisi, baik bentuk maupun warna yang akan digunakan dalam website yang
dibuatnya.
3.
Simple
Dimaksudkan simple yaitu agar tampilan website
terlihat rapi, bersih dan informatif.
4.
Semiotik
Maksudnya yaitu
diharapkan agar pengunjung dapat dengan dengan mudah dan cepat mengerti ketika
melihat tanda dan gambar yang ada dalam suatu website.
5. Ergonomis
Ergonomis yang dimaksud adalah
kecepatan yang akan diperoleh pengunjung dalam mencari informasi.
6. Fokus
Diharapkan pengunjung dapat memahami
dan menentukan pesan mana yang lebih dahulu harus dibaca atau dilihat.
7. Konsistensi
Konsistensi adalah pemilihan bentuk
atau style yang digunakan pada elemen-elemen perancangan web dan
digunakan pada semua halaman website. (http://thaajah.blogspot.com)
4. 7 kriteria yang menentukan sebuah
website termasuk website yang baik/tidak, yaitu :
1. Usability
Jacob Nielsen sang guru usability, usability adalah ' dapatkah seorang user
menemukan cara untuk menggunakan website tersebut dengan efektif ( doing things
right ). Masih menurut Jacob, usability memiliki 5 karakteristik :
- Mudah untuk dipelajari;
- Efisien untuk digunakan;
- Mudah untuk diingat;
- Tingkat frekuensi kesalahan;
- Tingkat kepuasan pemakai;
Karakteristik yang telah ditentukan oleh Jacob
Nielsen akan sangat sulit kita terapkan 100%, apalagi kalau sudah menyangkut
kepentingan klien web, tetapi paling tidak bisa menjadi acuan yang membantu
kita untuk merancang layout suatu website, agar website tersebut :
- Mudah dipelajari penggunaannya oleh pengunjung;
- Mudah diingat dan digunakan navigasinya oleh pengunjung;
- Dapat digunakan secara efisien;
- Memperkecil tingkat kesalahan pemakaian oleh pengunjung dalam
mengoperasionalkan web;
- Memuaskan pengunjung hingga akhirnya tertarik untuk kembali lagi;
2. Sistem navigasi
Navigasi yang mudah dipahami oleh pengunjung secara keseluruhan.
3. Graphic Design
Pemilihan grafis, layout, warna, bentuk maupun typografi yang menarik visual
pengunjung untuk menjelajahi website.
4. Content
Isi/konten yang bermanfaat ( 'Content is king , but without good design ,
Content is a naked king' ), kecuali website tersebut adalah website
eksperimental/show off.
5. Kompatibilitas
Seberapa luas sebuah webite didukung kompabilitas peralatan yang ada, misalnya
browser dengan berbagai plug-in nya ( IE, Mozilla, Opera, Netscape, Lynx,
Avant, Maxthon dan masih banyak lagi dengan berbagai versi dan plugin nya)
6. Loading time
Waktu panggil (loading time), walaupun ada banyak faktor yang akan mempengaruhi
waktu panggil (loading time) website yang akan kita buka, diantaranya: besar
bandwith/koneksi pengakses, kondisi webserver pada saat diakses, aplikasi yang
digunakan dalam membangun website,dsb. Anda memiliki waktu 8 detik pertama
untuk meyakinkan pengunjung untuk meneruskan menjelajahi website anda atau
menutup browser dan pergi ke website lain. Oleh karena itu, letakkan 'sesuatu'
di 8 detik pertama tersebut yang bisa menarik perhatian pengunjung.
Hint: ukuran sebuah halaman web html dengan image di dalamnya (tanpa flash)
adalah kurang lebih 50-60 kb.
7. Functionality
Ini akan melibatkan programmer dengan script-scriptnya, misal PHP,ASP,Java,CGI
dsb, untuk menciptakan sebuah website yang dinamis, interaktif dan 'hidup' yang
bisa mengajak pengunjung berkomunikasi secara langsung. Seberapa baik sebuah
website bekerja dari aspek teknologikal nya.
Satu hal lagi aspek yang tidak boleh kita lupakan
adalah accesibility, yaitu memaksimalkan penggunaan sebuah content ketika
satu/lebih indera kita dimatikan/dikurangi (khususnya mata), ingat bahwa
mungkin saja pengunjung website kita adalah orang yang memiliki kekurangan
secara fisik ( Accesibility Checklist Recomendationnya W3C ). (
http://ict.perbanas.ac.id)
7 kriteria yang menentukan sebuah
website termasuk website
5.
Jenis-jenis rancangan website :
1. Website setatis
website statis adalah website yang tidak memiliki interaktif terhadap
pengunjung biasanya website setatis di gunakan untuk persentasi. Bisa di bilang
website statis adalah
jenis desain website pertama kali atau yang lampau
akan tetapi masih banyak orang yang mengunakan jenos desain website setatis
ini.
Website setatis bisa di desain atau di buat mengunakan program notepad,
microsoft Word, Dreamweaver serta Photoshop. Desain website dengan sifat
setatis ini bisa di sebut sebagai pelopor lahirnya website dinamis.
2. Website dinamis
AWebsite dinamis adalah generasi setelah website statis. Banyak kelebihan yang
dimiliki website dinamis. Website dinamis biasanya di rancang mengunakan bahasa
pemograman asp atau PHP tetapi masih mengunakan HTML juga.
Website dinamis
lebih memberikan ruang kepada pengunjung untuk berdiskusi langsung dengan si
pemilk website, Melakukan transaksi online dan masih banyak lagi kelebihan
website dinamasi.
Saat ini website dinamis berkembang dengan mnculnya istilah CMS ( Content
Management system ) yang semakin memudahkan dalam
membuat website tanpa
harus menguasai teknik-teknik
desain website dan bahasa pemograman yang
di butuhkan untuk membuat website. (
http://belajar-desainweb.blogspot.com)
6.
Macam-macam web desain :
1.
Website
E-Comerce, website yang mana untuk kepentingan komersial dan biasanya
proses transaksi terjadi yang secara online juga, dilengkapi dengan keranjan
belanja dan atau dilengkapi pembayaran online melalui Payment Gateway seperti
paypal dsb.
2.
Website
Marketing, website yang mana digunakan sebaai media pemasaran, bisanya
terdapat media presentasi berupa gambar, hingga video-audio.
3.
Website Portal,
website yang mana digunakan sebagai media informasi, berita atau bahkan
diskusi.
4.
Website
E-Service, website yang mana digunakan sebagai media pelayanan kepada
konsumen, biasanya terdapat chat online instant dan kontak lainnya. (
http://roes-wibowo.com)
7.
Pengertian HTML :
HTML (Hyper Text Markup Language)
adalah sebuah bahasa markup yang digunakan untuk membuat sebuah
halaman web dan menampilkan berbagai informasi di dalam sebuah browser
Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia
penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized
Markup Language), HTML adalah sebuah standar yang digunakan secara luas
untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang
didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium
(W3C).
HTML berupa kode-kode tag yang menginstruksikan
browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file
yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti
Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh
aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki
kemampuan browser.