1. DESAIN WEB SITE
A. Prinsip - Prinsip Desain Web
Prinsip / pegangan utama sebuah desain adalah kualitas atau karakteristik bawaan dalam
berbagai bentuk seni, seperti keseimbangan, keserasihan, kontras, konsistensi, variasi,
ruang kosong dan gerak. Dengan prinsip - prinsip desain diharapkan dapat menghasilkan
desain yang baik dan efektif, yang kemudian menghasilkan desain yang mudah dibaca
dan cepat dimengerti. Pembahasan prinsip desain diantaranya adalah :
1. Keseimbangan
Keseimbangan adalah hasil susunan satu atau lebih elemen dari desain yang sama antara
yang satu dengan lainnya. Ada dua jenis keseimbangan, yaitu :
a. Keseimbangan Simetris (Formal)
Keseimbangan simetris mempunyai elemen yang sama bobotnya pada dua sisi dari garis
vertikal imajiner pada halaman web. Tata letak simetris ini menghasilkan desain yang
statis dan berkesan formal, sederhana dan mudah dalam pembuatanya, tapi membosankan
dan kurang menarik.
a. Keseimbangan Asimetris (Informal)
Keseimbangan simetris mempunyai elemen yang tidak sama bobotnya pada dua sisi dari
garis vertikal imajiner pada halaman web. Tata letak desainya menjadi lebih dinamis
untuk memakai ruang yang masih kosong.
2. Kontras
Kontras mudah dipahami yaitu dengan melihat dari dua objek yang berlainan, sehingga
membuat kesan tampilan desain yang menonjol dan menarik perhatian.
Pemberian kontras pada suatu objek haruslah kontras positif, karena jika kontras yang
diberikan negatif, objek tersebut menjadi samar- samar atau tidak terlihat, terserap oleh
background.
3. Konsistensi
Konsistensi dapat membuat pengunjung merasa nyaman, karena mejelajah situs lebih
mudah dan tidak membingungkan. Ketika pengunjung membuka suatu halaman situs
yang konsisten, dia langsung tahu ke mana harus pergi dan dia tahu berada di mana.
Konsistensi dapat diterapkan pada margin, tata letak, huruf, warna dan terutama navigasi.
Dalam pembuatan navigasi harus sama antara satu halaman dengan halaman lain. Dan

2. dalam penggunaan huruf sebaiknya gunakan satu sampai tiga jenis saja. Sedangkan
dalam penggunan warna, gunakan tiga sampai empat warna, itu sudah cukup.
Penggunaan grafik yang konsisten bisa menambah kecepatan penampilan halaman
lainnya, karena ketika browser menampilkan grafik, browser akan menyimpan sementara
(cache) informasi grfik tersebut pada harddisk.
Konsistensi biasanya sangat efektif digunakan untuk membangun brand suatu
perusahaan. Dan brand itu bukan hanya logo, tapi sekumpulan attribut, yaitu logo, slogan,
warna dan kualitas emosional yang diasosiasikan dengan perusahaan dan produk
layanannya, atribut -atribut tersebut memberikan identitas dan kepribadian individu,
organisasi atau perusahaan.
4. Ruang Kosong
Ruang kosong biasanya disebut dengan ruang negatif, suatu istilah yang menggambarkan
suatu ruang terbuka di antara elemen - elemen desain. Ini bisa di temukan di antara kata,
paragraf, huruf dari teks, bias juga diantara gambar dan elemen di halaman web. Ini
membantu dalam mengarahkan mata pembaca dari satu titjik ke titik lainnya.
B. Dasar - Dasar Desain Web
1. Warna
Warna merupakan sensitivitas yang berhubungan dengan indra. Warna dapat merebut
perhatian, menarik, menolak, menggemaskan bahkan warna bisa mempengaruhi emosi.
Warna dapat menimbulkan kesan pertama pada pengunjung ketika menjelajah sebuah
situs web. Warna modern biasanya terkesan bersih dan bercahaya, seperti biru dan
kuning. Warna bersahabat biasanya terkesan ceria dan menyenangkan, seperti orange,
kuning, hijau. Warna perusahaan biasanya bersih, seperti biru, putih dan abu - abu.
Warna anak - anak biasanya terkesan ceria dan menonjol, seperti merah, kuning dan biru
(warna primer).
a. Aspek Psikologi Warna
Warna mempunyai emosi yang melekat, yang bisa ditimbulkan dengan memperlihatkan
keserasian warna dengan cara yang benar. Berikut ini yang makna terkandung di dalam
warna :
• Merah. Mencerminkan kekuatan, energi, hasrat, cinta, gairah, semangat,
dorongan, dan keinginan. Tetapi warna merah juga memiliki arti bahaya, perang,
kekejaman, kekerasan, api, permusuhan, darah, dan agresif.
• Merah muda (pink). Mencerminkan sifat kewanitaan, kasih sayang, cinta,
romantis, keceriaan, dan keremajaan. Tetapi bisa juga berarti naif, lemah, dan
merasa kekurangan.

3. • Oranye. memiliki makna kehangatan, bersemangat, ceria, keseimbangan, musim
gugur, menimbulkan getaran, dan warna ini banyak digunakan pada beberapa
situs web. Warna ini juga digunakan untuk meminta perhatian.
• Kuning. Melambangkan sinar matahari, emas, kekayaan, keberuntungan, dan
juga kehidupan. Tetapi warna ini bisa juga melambangkan ketidakjujuran,
pengecut, cemburu, iri hati, pengkhianatan, penipuan, kebohongan, resiko, dan
sakit.
• Hijau. Menggambarkan alam, lingkungan, kehidupan, pertumbuhan, stabil,
santai, kesuburan, dan harapan. Tetapi warna ini bisa juga berarti kecemburuan,
nasib buruk, iri hati, dan dengki.
• Biru. Memiliki makna kepercayaan, kesetiaan, ketenangan, kedamaian,
ketulusan, kesejukan, air, awan, harmoni, kebersihan, konservatif, percaya diri,
dan penyembuhan. Warna ini merupakan warna yang aman dipakai untuk desain.
Selain itu, warna ini juga bermakna kesedihan, kedingingan, depresi, dan
penurunan vitalitas.
• Ungu (violet). Mencerminkan kebangsawanan, perubahan, dan spiritual. Bisa
juga berarti kesombongan, keangkuhan, kejam, kasar, dan duka cita.
• Coklat. Berarti tanah, bumi, netral, hangat, aman, dan perlindungan. Bisa juga
berarti kotor, tumpul, dan membosankan.
• Abu-abu. Bermakna modern, cerdas, bersih, kokoh, masa depan, dan intelektual.
Bisa juga berarti umur tua, kesedihan, dan kebosanan.
• Putih. Melambangkan kesucian, kebersihan, kemurnian, kesederhanaan, damai,
kebaikan, disiplin, perawan, perkawinan, musim dingin, dan salju. Bisa juga
bermakna kematian (budaya timur), dingin, mandul, steril, klinik, dan hampa.
• Hitam. Bermakna kekuatan, keanggunan, kemewahan, misteri, kecanggihan,
kemakmuran, kepuasan, pengalaman, tegas, keras, kokoh, dan sangat kuat. Tetapi
memiliki makna negatif kematian (budaya barat), takut, setan, kesedihan, duka
cita, marah, anonim, dan penyesalan.
a. Warna dalam Desain web
Warna banyak berperan dalam pembuatan situs, beberapa variasinya antra lain :
• Warna untuk penekanan, penegasan, penyorotan pada suatu topik tertentu dan
dapat juga menuntun pengunjung untuk menuju pada tema atau link yang penting.
• warna mengidentifikasi tema (biasanya judul dan subjudul menggunakan warna
yang sama).
• Sebaiknya, warna dapat membedakan antara satu objek dengan objek lainnya.
Misalnya, perbedaan warna pada grafik, baik grafik yang berbentuk balok atau
bundaran.
a. Jenis Warna
1. Warna Primer

4. Warna primer tidak bisa dibuat dengan mencampurkan warna lain, warna ini berdiri
sendiri. Warna primer terdiri atas merah, kuning, dan biru.
2. Warna Sekunder
Warna sekunder dibuat dengan mengkombinasikan dua warna primer. Warna sekunder
terdiri atas orange, hijau dan ungu.
3. Warna Tersier
Warna Tersier dibuat dengan mengkombinasikan warna primer dengan perbatasan warna
sekunder. Warna tersier terdiri atas kuning-hijau, kuning-orange, merah-orange, merah-
ungu, biru-ungu, dan biru-hijau.

5. DOMAIN – HOSTING dan BANDWIDTH
Apa itu domain?
Pertanyaan ini termasuk pertanyaan yang paling sering muncul bagi yang hendak
membuat website, atau tertarik untuk mempelajari website. Domain berarti: “nama unik
yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau
email server di jaringan komputer ataupun internet.”
Apa itu Hosting
Hosting itu adalah tempat pembuat website meletakkan file website yang akan diakses
oleh pengunjung situs web. Hosting semacam space atau ruangan di internet tempat kita
menyimpan data website kita sehingga website kita bisa diakses di internet.
Sekarang sudah banyak penyedia hosting, baik yang gratis maupun yang berbayar.
Hosting yang berbayar di sewa berdasarkan paket space yang disediakan oleh webhosting
yang bersangkutan, transaksi penyewaan hosting atau domain dilakukan secara online
Apa itu Bandwidth ?
Bandwidth adalah besaran trasfer data, ketika sebuah website di esekusi melalui browser
oleh user (pengguna) melalui komputer di rumah atau kantor. Maka ada satuan data yang
ditransfer, data itu berupa file dokumen, file photo, file-file website dan lainnya. Untuk
itu gunakan bandwidth yang tidak terlalu kecil, karena jika terjadi lonjakan pengunjung
situs Anda tidak kehabisan quota. Dan perlu juga diperhatikan gunakan photo atau image
seperlunya agar tidak terlalu banyak menyerap bandwidth.
A. Apa Itu Internet?
Internet (Inter-Network) adalah sebutan untuk sekumpulan jaringan komputer yang
menghubungkan situs akademik, pemerintahan, komersial, organisasi, maupun perorangan.
Internet menyediakan akses untuk layanan telekomnunikasi dan sumber daya
informasi untuk jutaan pemakainya yang tersebar di seluruh dunia. Layanan internet meliputi
komunikasi langsung (email, chat), diskusi (email, milis), sumber daya informasi yang terdistribusi
(World Wide Web, Gopher), remote login dan lalu lintas file (Telnet, FTP), dan aneka layanan
lainnya.
Jaringan yang membentuk internet bekerja berdasarkan suatu set protokol standar yang
digunakan untuk menghubungkan jaringan komputer dan mengalamati lalu lintas dalam jaringan.
Protokol ini mengatur format data yang diijinkan, penanganan kesalahan (error handling), lalu
lintas pesan, dan standar komunikasi lainnya. Protokol standar pada internet dikenal sebagai
TCP/IP (Transmission Control Protocol/Internet Protocol).

6. B. Tersambung ke Internet
Untuk tersambung ke jaringan internet, pengguna harus mempunyai fasilitas :
1. Personal Komputer/Laptop
2. ISP (Internet Service Provider).
3. Line Telepon/ Handprone/ Wireless
4. Modem (modultor and demodulator)
Komputer akan dihubungkan ke Modem, dan modem kita hubungkan ketelepon, setelah itu
kita melakukan Dial Up ke internet melaui ISP.
C. Aplikasi Internet
1. WWW (World Wide Web)
Dewasa ini, WWW atau yang sering disebut sebagai "web" saja adalah merupakan aplikasi
internet yang paling populer. Demikian populernya hingga banyak orang yang keliru
mengidentikkan web dengan internet. Secara teknis, web adalah sebuah sistem dimana
informasi dalam bentuk teks, gambar, suara, dan lain-lain yang tersimpan dalam sebuah internet
webserver dipresentasikan dalam bentuk hypertext. Informasi di web dalam bentuk teks
umumnya ditulis dalam format HTML (Hypertext Markup Language). Informasi lainnya disajikan
dalam bentuk grafis (dalam format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek
multimedia lainnya (seperti MIDI, Shockwave, Quicktime Movie, 3D World).
Dewasa ini, tersedia beragam perangkat lunak browser. Beberapa diantaranya cukup populer
dan digunakan secara meluas, contohnya seperti Microsoft Internet Explorer, Netscape
Navigator, maupun Opera, Mozilla namun ada juga beberapa produk browser yang kurang
dikenal dan hanya digunakan di lingkungan yang terbatas.
Web dapat menggunakan suatu search engine (mesin pencari). Penelusuran berdasarkan
search engine dilakukan berdasarkan kata kunci (keyword) yang kemudian akan dicocokkan oleh
search engine dengan database (basis data) miliknya. Dewasa ini, search engine yang sering
digunakan antara lain adalah Google (www.google.com) dan Yahoo (www.yahoo.com).
2. Electronic Mail/Email/Messaging
Email atau kalau dalam istilah Indonesia, surat elektronik, adalah aplikasi yang memungkinkan
para pengguna internet untuk saling berkirim pesan melalui alamat elektronik di internet. Para
pengguna email memilki sebuah mailbox (kotak surat) elektronik yang tersimpan dalam suatu
mailserver. Suatu Mailbox memiliki sebuah alamat sebagai pengenal agar dapat berhubungan
dengan mailbox lainnya, baik dalam bentuk penerimaan maupun pengiriman pesan. Pesan yang
diterima akan ditampung dalam mailbox, selanjutnya pemilik mailbox sewaktu-waktu dapat
mengecek isinya, menjawab pesan, menghapus, atau menyunting dan mengirimkan pesan email.
Layanan email biasanya dikelompokkan dalam dua basis, yaitu email berbasis client dan email
berbasis web. Bagi pengguna email berbasis client, aktifitas per-emailan dilakukan dengan
menggunakan perangkat lunak email client, misalnya Eudora atau Outlook Express. Perangkat
lunak ini menyediakan fungsi-fungsi penyuntingan dan pembacaan email secara offline (tidak
tersambung ke internet), dengan demikian, biaya koneksi ke internet dapat dihemat. Koneksi
hanya diperlukan untuk melakukan pengiriman (send) atau menerima (recieve) email dari
mailbox.

7. Sebaliknya, bagi pengguna email berbasis web, seluruh kegiatan per-emailan harus dilakukan
melalui suatu situs web. Dengan demikian, untuk menggunakannya haruslah dalam keadaan
online. Alamat email dari ISP (Internet Service Provider) umumnya berbasis client, sedangkan
email berbasis web biasanya disediakan oleh penyelenggara layanan email gratis seperti Hotmail
(www.hotmail.com) atau YahooMail (mail.yahoo.com).
3. IRC (Internet Relay Chat)
Layanan IRC, atau biasa disebut sebagai "chat" saja adalah sebuah bentuk komunikasi di intenet
yang menggunakan sarana baris-baris tulisan yang diketikkan melalui keyboard. Dalam sebuah
sesi chat, komnunikasi terjalin melalui saling bertukar pesan-pesan singkat. kegiatan ini disebut
chatting dan pelakunya disebut sebagai chatter. Para chatter dapat saling berkomunikasi secara
berkelompok dalam suatu chat room dengan membicarakan topik tertentu atau berpindah ke
modus private untuk mengobrol berdua saja dengan chatter lain. Kegiatan chatting membutuhkan
software yang disebut IRC Client, diantaranya yang paling populer adalah software mIRC, Yahoo
Messenger.
4. Interaksi Secara Elektronis
Akhir-akhir ini, kita cenderung semakin akrab dengan istilah-istilah semacam e-Commerce, e-
Banking, e-Government, e-Learning, dan sebagainya. Huruf "E" disini mengacu pada kata
"Electronic", tapi lebih banyak digunakan dalam konteks internet. Jadi, istilah-istilah tersebut bisa
dibaca sebagai Electronic Commerce, Electronic Government, Electronic Banking, atau
Electronic Learning.
Dalam bagian ini, kita akan membahas secara sepintas tentang hal-hal yang berkaitan dengan
istilah-istilah diatas. Dalam kenyataannya, hal-hal tersebut jauh lebih kompleks sehingga tidak
mungkin dibahas secara rinci dalam halaman ini.
4.1. E-Commerce
Dari namanya, kita sudah bisa menebak kalau ini berkaitan dengan kegiatan yang bersifat
komersial. Tidak salah memang, karena istilah e-commerce yang akan kita bahas ini memang
mengacu pada kegiatan komersial di internet. Contoh paling umum dari kegiatan e-commerce
tentu saja adalah aktifitas transaksi perdagangan melalui sarana internet. Dengan memanfaatkan
e-commerce, para penjual (merchant) dapat menjajakan produknya secara lintas negara karena
memang sifat internet sendiri yang tidak mengenal batasan geografis. Transaksi dapat
berlangsung secara real time dari sudut mana saja di dunia asalkan terhubung dalam jaringan
internet.
4.2. E-Banking
Electronic Banking, atau e-banking bisa diartikan sebagai aktifitas perbankan di internet. Layanan
ini memungkinkan nasabah sebuah bank dapat melakukan hampir semua jenis transaksi
perbankan melalui sarana internet, khususnya via web. Mirip dengan penggunaan mesin ATM,
lewat sarana internet seorang nasabah dapat melakukan aktifitas pengecekan rekening, transfer
dana antar rekening, hingga pembayaran tagihan- tagihan rutin bulanan (listrik, telepon, dsb.)
melalui rekening banknya. Jelas banyak keuntungan yang bisa didapatkan nasabah dengan
memanfaatkan layanan ini, terutama bila dilihat dari waktu dan tenaga yang dapat dihemat
karena transaksi e-banking jelas bebas antrian dan dapat dilakukan dari mana saja sepanjang
nasabah dapat terhubung dengan jaringan internet.
4.3. E-Government

8. Istilah ini baru kedengaran beberapa waktu belakangan ini, seiring dengan maraknya
pemanfaatan teknologi internet dalam bidang pemerintahan. Walaupun namanya e-governmet,
tapi jangan dibayangkan ini adalah sistem pemerintahan yang sepenuhnya berbasis internet. E-
government, khususnya di Indonesia, masih diartikan secara sempit sebagai sebuah sistem di
internet (entah web, alamat email kontak, atau milis) yang mengeksploitir potensi di suatu daerah
dengan maksud mengundang pihak-pihak yang mungkin dapat memberikan keuntungan bagi
daerah bersangkutan, entah itu sebagai investor atau turis.
4.4. e-Learning
Istilah e-Learning dapat didefinisikan sebagai sebuah bentuk penerapan teknologi informasi di
bidang pendidikan dalam bentuk sekolah maya. Definisi e-Learning sendiri sebenarnya sangat
luas, bahkan sebuah portal informasi tentang suatu topik (seperti halnya situs ini) juga dapat
tercakup dalam e-Learning ini. Namun istilah e-Learning lebih tepat ditujukan sebagai usaha
untuk membuat sebuah transformasi proses belajar- mengajar di sekolah dalam bentuk digital
yang dijembatani oleh teknologi Internet. Dalam teknologi e-Learning, semua proses belajar-
mengajar yang biasa ditemui dalam sebuah ruang kelas, dilakukan secara live namun virtual,
artinya dalam saat yang sama, seorang guru mengajar di depan sebuah komputer yang ada di
suatu tempat, sedangkan para siswa mengikuti pelajaran tersebut dari komputer lain di tempat
yang berbeda.
5. Mailing List
Fasilitas ini digunakan untuk berdiskusi secara elektronik dengan menggunakan e-mail. Mailing
list ini umumnya digunakan untuk bertukar informasi, pendapat, dan lain sebagainya dalam jarak
jauh. Mailing list adalah sistem yang mengirim pesan-pesan untuk kelompok orang, bisa berupa
berita, artikel, catatan, dan sebagainya. Seiring dengan terbentuknya berbagai kelompok, maka
terdapat ribuan mailing list di seluruh dunia. Setiap mailing list memiliki seorang individu yang
menjadi penanggung jawab. Bila seseorang ingin berlangganan sebuah mailing list, dia cukup
menulis surat pada alamat mailing list tersebut. Kemudian "moderator" mailing list tersebut akan
memutuskan apakah permohonannya akan diterima atau tidak. Bagi mailing list yang tidak
memiliki "moderator", kondisinya akan lebih terbuka. Anggota mailing list tersebut mengirim dan
menerima pesan dari semua individu.
6. Bulletin Board System
Lebih populer dengan sebutan BBS. BBS adalah tempat menyimpan pesan atau file yang sesuai
dengan topik yang sudah ditentukan. Terdapat ribuan BBS di seluruh dunia. Setiap BBS memiliki
seorang "administrator". Untuk memanfaatkan BBS, seorang individu bisa menghubunginya
melalui Telnet dan memilih dari sistem menu.
7. Newsgroup
Fasilitas ini digunakan untuk berkonferensi jarak jauh, sehingga anda dapat menyampaikan
pendapat dan tanggapan dalam internet.