Tutorial Web Design

 Andrey Dwey Blogger Blogspot

1.Pengertian Web Design

Web Design 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.

2.Fungsi Web Design 

Sebelum men-design , sebaiknya kita mngetahui dan memahami beberapa fungsi situs web agar design yang dibuat sesuai dengan fungsi situs web.Secara umum fungsi situs web adalah sebagai berikut:

1. Fungsi Komunikasi

       Situs web tang berfungsi sebagai komunikasi pada umumnya adalah web dinamis.Karena dibuat     menggunakan pemrograman web(server side) maka dilengkapi dengan fasilitas yang memberikan fungsi-fungsi komunikasi seperti web mail ,formanthec,chatting,forum dll.

2. Fungsi Informasi

·          Menekankan pada kualitas konten,karena tujuan situs ini mnyampaikan isinya

·          Sebaiknya berisi teks dan grafik

·         Fasilitas yang memberikan fungsi informasi,news,file,company,library,prefences dll.

3. Fungsi Entertainment

       Sebagai sarana hiburan/penggunaan animasi gambar dan element bergerak dapatmeningkatkan mutu persentasi design,meski tetap harus mempertimbangkan kecepatandownloadnya.Contoh fungsi Entertaiment: game online,film online,music online dll.4.

4.Fungsi Transaksi

       Situs web dapat dijadikan transaksi bisnis baik barang jasa,dll.situs web menghubungkanperusahaan konsumen dan komunitas tertentu melalui sarana elektronik.Pembayarannyabisa memudahkan kartu kredit,transfer atauupun membayar langsung.

3.Prinsip-prinsip dasar membuat web desain

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.

4.Kriteria Website yang baik.

Menurut Nielsen ( 2001 ), website yang baik harus memenuhi syarat-syarat sebagai berikut :
1. Page Design
•    Waktu tampil kurang dari 5 detik
•    Ukuran halaman 32kb, dan menampilkan grafik yang unik
•    Ukuran halaman konsisten
•    Grafik yang digunakan kecil, dan konsisten pada tiap-tiap halaman
•    Tanggap terhadap variasi ( versi ), platform hardware, dan bandwith yang 
       pengunjung pakai
2.Content Design
•    Buat situs yang ringkas tetapi sesuai dengan tujuan yang ingin dibuat
•    Ciptakan kejelasan secara visual, gunakan headlines, kata yang dibold dan 
underline, bulleted list, table dan stuktur visual lainnya ( istilah istilah harus mudah difahami )
•    Buat web secara profesional, style website harus mencerminkan jenis usaha
•    Gunakan bahasa yang sederhana yang mudah dimengerti
•    Kemudahan bagi pengunjung untuk mendapatkan apa yang mereka inginkan
•    Judul halaman mengandung makna
•    Fokus pada kemudahan pengunjung untuk menatap situs lebih daripada tulisan
3.Site Design
•    Halaman situs harus jelas dan konsisten
•    Homepage harus termasuk dalam bagian direktori dari situs yang paling penting
•    Semua halaman harus ada fasilitas search
•    Homepage merupakan tempat yang baik untuk pemberitahuan dan menampilkan news, diperbahurui 1 bulan sekali
•    Hindari homepage yang heboh
•    Sediakan keterangan apabila ada perubahan pada website

Kesimpulan dari website yang baik adalah :
1.    Kecepatan download
2.    isi mudah dibaca
3.    letak desain yang konsisten
4.    user friendly.

5.Jenis – jenis website

      Web site atau situs web di bedakan menjadi dua type yang berbeda , dibedakan berdasarkan fungsional dan cara kerja website tersebut, diklarifikasikan sebagai web statis dan web dinamis.

Web statis merupakan web dengan halaman statis yang isi dan tata letak dengan setiap permintaan tidak dapat dirubah oleh masyarakat umum kecuali seorang programmer (manusia / master web) secara manual update halaman. Halaman HTML sederhana adalah contoh dari konten statis.

      Web dinamis atau Dynamic web halaman beradaptasi konten mereka dan / atau tampilan tergantung pada input end-user / interaksi atau perubahan dalam lingkungan komputasi (pengguna, waktu, database modifikasi, dll) Konten dapat diubah pada sisi client (komputer pengguna akhir) dengan menggunakan bahasa script sisi klien (JavaScript, JScript, Actionscript, dll) untuk mengubah elemen DOM (DHTML). Konten dinamis sering dikompilasi pada server menggunakan bahasa server-side scripting (Perl, PHP, ASP, JSP, ColdFusion, dll). Kedua pendekatan ini biasanya digunakan dalam aplikasi yang kompleks.
Sumber : http://www.ninewebdesign.com
 
 6.Macam Desain Website
Desain Website pada umumnya dibagi menjadi dua bagian. Website statis dan dinamis. 

Website Statis
Website ini adalah website yang sudah lampau namun masih banyak juga yang menggunakan.  Website statis tidak memiliki fasilitas interaktif dengan pengunjung dan mempunyai ciri sebagai website presentasi. Ini adalah Website pertama dan pada saat itu hampir di seluruh dunia menggunakannya. Contoh website statis sekarang sudah agak sulit di temui meskipun masih ada. Website Irwan studio arsitektur adalah salah satu contoh website statis yang masih bisa dikunjungi.  Website ini bisa dibuat dengan program notepad, microsoft Word, Dreamweaver serta Photoshop. Website statis ini merupakan jalan pertama untuk sampai pada website dinamis seperti sekarang ini.


Website Dinamis
Website dinamis adalah generasi selanjutnya setelah website di atas. Website dinamis mempunyai banyak kelebihan. Wajar saja mempunyai kelebihan dibandingkan dengan website statis karena ini adalah website generasi lanjutan. Website dinamis biasanya menggunakan file asp atau php dan lain sebagainya. Penggunaan Website dinamis membuka jendela baru bagi pengalaman berselancar di internet, kita bisa melakukan teransaksi online, mendaftar pada suatu situs, melakukan diskusi di forum,  dan lain sebagainya. Kemudian perkembangan selanjutnya dari website dinamis ini adalah memunculnya beberapa Content Management system yang semakin memudahkan kita untuk membangun Website. Dengan CMS admin Website tidak harus memahami bahasa pemrograman dan hanya menggunakan menu - menu pada halaman admin.

Dari sinilah kemudian muncul Website Toko online, Website Forum, Website Jejaring Sosial, Website berbagi file ( misalnya program, gambar ada lain-lain).
Sumber : www.design-website.com



7. Pengertian HTML
       Pengertian 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.

Sumber : http://gobalbabali.wordpress.com

Andrey Dwey Blogger Blogspot