Konsep dasar web design memerlukan ide dasar sebelum membuat desain. Desain website harus memiliki fungsi, mudah dibaca, dan menyediakan informasi yang relevan untuk pengunjung. Pembuatan website memerlukan perencanaan tujuan, desain, konsep, dan tahapan pembuatan layout.

1. DASAR
DESAIN
GRAFIS
KONSEP DESAIN
WEB DESIGN

2. Konsep Dasar Web-Design
Sebuah lukisan yang indah selalu dimulai dari sebuah
coretan sederhana di atas kanvas, akan tetapi sebelumnya
pelukis pasti sudah mempunyai ide atau paling tidak dasar
style yang akan dipakai untuk melukis. Tanpa ide dasar,
berapa kalipun mencoretkan kuasnya pelukis tidak akan
bisa menghasilkan lukisan yang indah. Jadi mulailah dengan
KONSEP.

3. Desain website harus mempunyai fungsi
– Hal ini berarti semua bagiannya harus memainkan peran dalam
menyediakan informasi kepada pengunjung tentang siapa pemilik
website, produk dari sebuah web atau layanan web yang kita buat.
– Jangan membuat website hanya untuk “sekedar” ikut-ikutan, tentukan
fungsinya terlebih dahulu baik untuk (perusahaan) Anda sendiri maupun
bagi calon pengunjung website Anda.
– Website harus mudah dibaca dan dikunjungi
– Tidak semua yang Anda tulis akan dibaca oleh pengunjung dan tidak
semua pengunjung akan membaca semuanya. Pada kenyataannya
pengunjung hanya membaca sesuatu yang menarik untuk mereka.

4. Pengertian website
Website adalah sering juga disebut Web, dapat diartikan suatu kumpulan-kumpulan
halaman yang menampilkan berbagai macam informasi teks, data, gambar diam ataupun
bergerak, data animasi, suara, video maupun gabungan dari semuanya, baik itu yang bersifat
statis maupun yang dinamis, yang dimana membentuk satu rangkaian bangunan yang saling
berkaitan dimana masing-masing dihubungkan dengan jaringan halaman atau hyperlink.
Atau definisi website adalah kumpulan dari berbagai macam halaman situs, yang terangkum
didalam sebuah domain atau juga subdomain, yang lebih tempatnya berada di dalam WWW
(World Wide Web) yang tentunya terdapat di dalam Internet.
Halaman website biasanya berupa dokumen yang ditulis dalam format Hyper Text Markup
Language (HTML), yang bisa diakses melalui HTTP, HTTP adalah suatu protokol yang
menyampaikan berbagai informasi dari server website untuk ditampilkan kepada para user
atau pemakai melalui web browser.

5. Jenis atau macam-macam website
Jenis-jenis website ada 3 (tiga) macam diantaranya, bisa dibaca dibawah ini:
– Website Statis adalah suatu website yang mempunyai halaman yang tidak berubah. Yang
artinya adalah untuk melakukan sebuah perubahan pada suatu halaman hanya bisa
dilakukan secara manual yitu dengan cara mengedit kode-kode yang menjadi struktur
dari website itu sendiri.
– Website Dinamis adalah merupakan suatu website yang secara strukturnya diperuntukan
untuk update sesering mungkin. Biasanya selain dimana utamanya yang bisa diakses oleh
para pengguna (user) pada umumnya, juga telah disediakan halaman backend yaitu
untuk mengedit konten dari website tersebut. Contoh dari website dinamis seperti web
berita yang didalamnya terdapat fasilitas berita, dsb.
– Website Interaktif adalah suatu website yang memang pada saat ini memang terkenal.
Contohnya website interaktif seperti forum dan blog. Di website ini para pengguna bisa
berinteraksi dan juga beradu argumen mengenai apa yang menjadi pemikiran mereka.

6. Manfaat website
Manfaat dari website biasanya sebagian orang memiliki suatu alasan untuk membuat web itu sendiri,
diantaranya:
– Memperluas jangkauan promosi sesuatu, dengan memiliki website maka produk kita lebih bisa
dikenal oleh masyarakat khususnya pengguna internet.
– Bisa menjadi media tanpa batas, sebab internet adalah media informasi yang tanpa batas. Dengan
memiliki website kita berarti sama saja memiliki banayak karyawan yang mempromosikan produk
kita selama 24 jam. Yang artinya dimana website kita akan memberikan suatu informasi kepada
calon konsumen selama 24 jam.
– Promosi yang luas, internet adalah suatu media promosi terluas di dunia jika dilihat dari jangkauan
area.
– Media pengenalan perusahaan, Jika kita memiliki suatu perusahaan akan lebih mudah kita
mengenalkan perusahaan lewat website, karana jangkauannya internet yang luas dan pemakainya
yang banyak, sehingga perusahaan kita akan dikenal oleh masyarakat banyak sehingga dapat
mendatangkan calon konsumen dengan cara promosi produk lewat website.

7. Macam-macam domain website
Domain (alamat) website, contohnya bisa di baca di bawah ini:
– .co.id : Biasanya digunakan untuk badan usaha yang memiliki badan hukum sah.
– .go.id : Khusus digunakan untuk Lembaga Pemerintahan RI.
– .ac.id : Dipakai untuk Lembaga Pendidikan.
– .or.id: Dipakai untuk segala macam organisasi yang tidak termasuk kedalam kategori
”co.id”,”go.id”,”mil.id”, “ac.id” dan sebagainya.
– .war.net.id : Dipaki untuk industri warung internet (warnet) yang ada di Indonesia
– .sch.id: Dipakai khusus untuk Lembaga Pendidikan SD, SMP dan SMU atau SMK
– .web.id: Biasanya digunakan untuk organisasi, badan usaha, ataupun perseorangan
yang melakukan kegiatannya di WWW.

8. Tahap Membangun Sebuah Web
1. Merumuskan Tujuan Membuat Website
2. Desain Website
3. Elemen - Elemen Design
4. Konsep Design
5. Pembuatan Layout

9. 1. Merumuskan Tujuan Membuat Website
Berdasarkan isi maupun tujuan, suatu website biasanya dapat digolongkan menjadi
seperti berikut :
– website marketing, berfungsi sebagai media presentasi dan pemasaran
– website costumer service, berfungsi sebagai media untuk melayani konsumen.
– website e-Commerce, berfungsi sebagai media transaksi online
– website informasi / berita, berfungsi sebagai media informasi berita
– Menentukan isi website
– Faktor yang paling penting dalam suatu website adalah isi dari website itu sendiri.
Hal tersebut berkaitan dengan manfaat yang akan diperoleh pengunjung dari
sebuah website

10. 2.Desain Website
Faktor keindahan desain tampilan dari suatu website merupakan salah satu faktor
yang paling penting dalam menentukan keberhasilan suatu website, selain faktor
kecepatan loading. Suatu situs yang baik memiliki suatu kesatuan desain bias
dikatakan memiliki kesamaan tema dalam halaman-halaman webnya. Hal ini
penting dalam hal estetika maupun segi navigasi. Kesamaan desain yang biasanya
dipertahankan antara lain kesamaan jenis font yang digunakan, warna, tombol
navigasi (menu) letak menu dan lain sebagainya.
Karena itu sangatlah penting bagi seorang web designer untuk mengetahui aturan-
aturan yang berlaku dalam mendisain suatu website. Hal ini diperlukan agar
design web dari website yang akan dibangun tidak terkesan sekedarnya.

11. 3. Elemen - Elemen Design
Design grafis khususnya dalam halaman-halaman web terdiri dari beberapa elemen sebagai berikut
(Ariesto Hadi Sutopo, 2002) :
1. Teks adalah bagian paling utama untuk menampilkan informasi
2. Grafik atau image merupakan elemen yang dapat membantu menjelaskan informasi. Dengan
penggunaan grafik maupun image orang lebih mudah memahami suatu pesan
3. Animasi merupakan sarana untuk menampilkan informasi dengan baik, disamping animasi
merupakan daya tarik yang mudah diingat pengunjung
4. Video dapat merupakan hasil suatu rekaman dengan kamera video, HP, maupun hasil pengolahan
komputer
5. Suara melengkapi desain web, memberikan efek khusus pada suatu tampilan animasi serta
memberikan kenyamanan bagi pengunjung yang mendengarkannya
6. Interaktif link dapat menggunakan button yang berupa teks,symbol, grafik, maupun image, yang
berfungsi untuk memudahkan pengunjung dalam menyelusuri suatu website

12. 4. Konsep Design
– Pada intinya konsep mendesain tampilan website sangat berkaitan dengan desain
grafis, dan pada dasarnya mengikut prinsip design grafis secara umum. Oleh karena
itu alangkah baiknya jika dalam mendesain halaman tampilan website juga
memperhatikan prinsip design. Prinsip-prinsip design tesebut adalah :
1. Komunikatif, prinsip komunikatif berhubungan dengan identitas, isi pesan, serta
audiens
2. Estetis, fungsi dari estetis ini adalah memberikan suatu keindahan, sehingga lebih
menarik minat pengunjung untuk lebih menggali informasi yang ditawarkan dari
suatu website
3. Ekonomis, design web harus memperhatikan faktor ekonomis dalam arti ukuran
file yang digunaka. Hal tersebut berkaitan erat dengan kecepatan akses yang
ditawarkan suatu website.

13. Untuk mendapatkandesign yang komunikatif, estetis, dan ekonomis hendaknya seorang web
designer perlu memperhatikan pedoman-pedoman yang ada untuk membuat tata letak
suatu tampilan, yaitu dalam mengatur elemen-elemen layout. Pedoman yang dimaksud
adalah :
Kesatuan, elemen-elemen layout dari halaman harus ditempatkan sedemikian rupa
sehingga merupakan kesatuan informasi pada satu halaman atau beberapa halaman
Balance, elemen–elemen layout dari halaman harus ditempatkan sedemikian rupa sehingga
terdapat keseimbangan secara keseluruhan
Kontras, diperlukan untuk menonjolkan bagian yang dianggap lebih penting dari bagian
lainnya. Kontras dapat dinyatakan dengan membedakan ukuran serta warna dari elemen
layout
Kontinyuitas, informasi lebih dimengerti oleh pengguna bila mempunyai aliran-aliran yang
baik, sedikit gangguan yang menghambatnya. Suatu aliran informasi dapat dikatakan
kontinyu dan harmonis bila tampilannya mencerminkan kesinambungan dari satu bagian ke
bagian yang lain. Kontinyuitas dapat dibuat dengan membuat halaman-halaman yang
mempunyai gaya, bentuk atau warna yang memberikan pengguna merasakan
kesinambungan dengan halaman lainnya

14. 5. Pembuatan Layout
Bermacam-macam langkah yang digunakan untuk membuat layout dari suatu website. Berikut ini merupakan proses yang
secara umum banyak dilakukan dalam pembuatan layout :
1. Membuat sketsa design
Seorang designer bisa saja menuangkan ide dalam pembuatan interface dengan terlebih dahulu membuat sketsa diatas kertas.
Namun untuk kebanyakan orang, langkah ini biasanya dilewatkandan langsung pada langkah pembuatan layout design dengan
menggunakan software
2. Membuat layout design
Banyak software yang dapat digunakan untuk membuat layout. Salah satu diantaranya adalah Macromedia, proses ini
dikerjakan setelah pembuatak sketsa design. Namun terkadang pembuatan layout merupakan proses pertama kali dikerjakan
3. Membagi gambar menjadi potongan-potongan kecil, proses ini diperlukan untuk meng-optotimize waktu download
4. Membuat animasi, animasi diperlukan untuk menghidupkan atau menjadikan website lebih interaktif
5. Membuat HTML
Setelah merapikan layout design lengkap dengan tombol, image, teks, script HTML, hal yang perlu dilakukan adalah membuat
layout ke dalam format HTML

15. Untuk membuat sebuah Web Site
terlebih dahulu mengikuti langkah-
langkah berikut :
Tentukan :
1. Tujuan Web
2. Tema Web (jelaskan tentang web yang dibuat)
3. Jumlah layout
4. Warna
5. Font
6. Navigasi beserta fungsi
7. Buat Skema Navigasi dari web site yang anda buat.
8. Buat sket Layout