Mari kita telaah langkah demi langkah yang diperlihatkan oleh Gambar Bagaimana Web

Bekerja:

Langkah Pertama

Cukup jelas. Pengguna memberikan perintah kepada browser untuk membuka halaman
tertentu.

Langkah Kedua

Browser kemudian harus melalui firewall atau proxy, sebuah sistem pengamanan di sisi
pengguna atau ISP, sebelum memasuki Internet.

Langkah Ketiga

Browser menanyakan DNS alamat IP dari http://www.google.com.

Langkah Keempat

Browser berjalan menuju alamat IP yang diberikan oleh DNS.

Langkah Kelima

Setelah mencapai alamat, browser biasanya menemui sekumpulan website pada alamat
tersebut. Hal ini disebabkan karena umumnya beberapa website disajikan dalam satu server
(yang dikenal dengan nama Hosting Server) untuk menghemat sumber daya.

Langkah Keenam

Browser memasuki “ruang” google.com pada hosting server, dan meminta konten dari
google.com kepada penyaji konten. Pada gambar Bagaimana Web Bekerja, penyaji konten
diilustrasikan sebagai burung hantu.

Langkah Ketujuh

Data dikirimkan kembali ke pengguna.

Langkah Kedelapan

Ketika data sampai, maka browser menampilkan data yang didapatkan kepada pengguna.

Langkah Kesembilan

Selesai.

Perlu ditekankan bahwa langkah-langkah di atas merupakan langkah yang telah disederhanakan,
dan hanya mencakup satu bagian dari browser: pengambilan data dari server. Bagian ini bahkan
adalah bagian yang paling sederhana dari sebuah browser, karena sebagian besar pekerjaan
dikerjakan oleh jaringan Internet. Kegunaan utama (dan tugas tersulit) dari sebuah browser ialah
menampilkan halaman web. Penjelasan mengenai hal ini akan diberikan pada bagian selanjutnya.

Sampai pada titik ini, kita dapat melihat bahwa web merupakan kumpulan dokumen masif dalam
jaringan yang dapat diakses kapanpun, selama kita terkoneksi dalam jaringan tersebut. Untuk
pengembangan web sendiri, terdapat dua komponen penting, yaitu: komponen server yang
menyajikan halaman kepada kita, dan komponen klien yang menampilkan halaman yang
disajikan oleh server ke pengguna. Komponen server dikenal dengan nama web server,
sementara komponen klien dikenal dengan nama web browser. Contoh dari web server adalah
Apache dan nginx, sementara contoh dari web browser yaitu Internet Explorer dan Mozilla
Firefox.

Karena memiliki dua komponen dalam pengembangan, tentunya pembangunan sebuah website
akan memerlukan pengembangan dari kedua sisi. Seorang pengembang web yang handal
setidaknya harus dapat melakukan pengembangan klien dan server, meskipun banyak
pengembang yang memiliki spesialisasi pada satu sisi saja (misalnya penulis lebih menguasai
pengembangan server, meskipun tetap harus memiliki pengetahuan yang mumpuni pada sisi
klien). Mempelajari web, menurut penulis, lebih baik dilakukan mulai dari sisi klien terlebih
dahulu, karena pengembangan pada sisi server tidak dapat terlepas dari pengembangan sisi klien.
Ingat, tujuan akhir dari server ialah untuk menghasilkan halaman web kepada pengguna, yang
adalah sisi klien.

HyperText Markup Language

Hyper Text Markup Language, yang lebih dikenal sebagai HTML, merupakan bahasa yang
digunakan untuk membuat halaman web. HTML dikirimkan kepada pengguna oleh web server,
untuk kemudian ditampilkan oleh web browser. Sebagai sebuah markup language, HTML
bertugas hanya memberikan informasi mengenai isi dari konten (dengan cara memberikan
“tanda” pada teks, makanya disebut markup), tanpa memiliki informasi mengenai tampilan
(style) dari konten tersebut. HTML hanya memberitahukan browser bahwa bagian tertentu dari
sebuah tulisan merupakan kutipan, atau harus dicetak tebal. Bagaimana bentuk dari tulisan cetak
tebal tidak diatur dalam HTML.
Karena bertugas hanya memberikan informasi isi (semantik), HTML bersifat sangat sederhana,
biasanya hanya sepasang penanda (tag) yang melingkupi teks yang ingin ditandai. Listing di
bawah memberikan contoh potongan HTML pada teks:
Scala (yang adalah kepanjangan dari "<u>Scalable Language</u>")
merupakan sebuah bahasa pemrograman yang dirancang untuk
digunakan dalam berbagai lingkungan, mulai dari <i>script</i>
sederhana sampai dengan sebuah sistem yang besar dan rumit.
Istilah kerennya, Scala adalah sebuah
<b>general purpose programming language</b>.
bagian mana yang merupkana HTML pada kode di atas? Dengan mudah tentunya anda dapat
melihat, bahwa bagian yang merupakan kode HTML adalah kode-kode yang tidak dapat dibaca
seperti <u>Scalable Language</u>. Penanda teks seperti <u></u> tersebut dikenal dengan nama
tag pada HTML. Setiap tag memberikan arti khusus kepada teks. Tag “u” berarti teks tersebut
bergaris bawah (underlined). Tag “i” berarti teks dicetak miring (italics), dan tag “b”, seperti
yang dapat ditebak, memberikan huruf tebal (bold).

Kaget bahwa ternyata HTML sesederhana itu? Ya, HTML memang sangat sederhana!
Pembelajaran HTML biasanya berkisar dalam eksperimen dan pembacaan dokumentasi
mengenai setiap tag. Kedua hal tersebut menyebabkan penguasaan HTML hanya menjadi
masalah kerajinan membaca dan pengalaman. Tantangan dalam pengembangan web pada sisi
klien utamanya terdapat pada memperindah tampilan dan interaktifitas dari teks yang telah
diformat HTML.

Cascading Style Sheet

Jadi, kalau HTML hanya berguna untuk menandai teks, bagaimana kita memberikan tampilan
yang bagus pada teks tersebut? Dokumen HTML ditingkatkan tampilannya menggunakan sebuah
bahasa lain, yang dikenal dengan nama Cascading Style Sheet, atau CSS. CSS sendiri merupakan
bahasa deklaratif yang sangat kompleks, sehingga intrik utamanya tidak dapat dijelaskan di
dalam beberapa paragraf, seperti pada HTML. Penjelasan detil mengenai CSS akan diberikan
pada bagian selanjutnya. Untuk sekarang, hanya perlu dimengerti bahwa untuk membuat
halaman web yang indah, diperlukan pengetahuan HTML dan CSS yang baik.

Javascript

Pada sebuah website modern, web yang enak dipandang mata saja tidak cukup. Sebuah website
yang baik juga kerap kali bersifat sangat interaktif. Nama anda terlalu panjang untuk masuk ke
dalam kolom nama di formulir pendaftaran? Tenang saja, web kami akan memperpanjang kolom
tersebut begitu anda mengetik sampai di ujung kolom. Ingin mengetahui apakah user id yang
diinginkan telah terpakai? Tenang, otomatis dicek kok, tidak perlu melakukan apa-apa.

Interaktifitas seperti yang dicontohkan di atas dimungkinkan dengan adanya kode khusus pada
website tersebut yang dijalankan oleh browser ketika kita menampilkan website. Kode yang
dijalankan ini ditulis dalam bahasa pemrograman Javascript, yang dapat langsung berinteraksi
dengan HTML dan mengubah atribut, CSS, maupun isi dari HTML itu sendiri. Sama seperti
CSS, Javascript tidak akan dibahas mendalam pada bagian ini, dan bahkan pada buku ini sama
sekali. Pembahasan mengenai Javascript akan memerlukan sebuah buku tersendiri, karena
kayanya bahasa pemrograman ini.

Browser dan Kode Klien

Sejauh ini, kita telah mengetahui bahwa pengembangan pada sisi klien dilakukan dengan
menggunakan tiga bahasa, yaitu: HTML sebagai bahasa penanda konten, CSS untuk membuat
desain tampilan, dan Javascript untuk inteaktifitas. Ketika browser menerima ketiga kode
tersebut dari web server, maka browser akan menjalankan ketiga kode tersebut. Hasil dari
eksekusi kode tersebut ialah tampilan website yang diberikan kepada pengguna. Jadi, tugas
utama dari pengembang browser ialah membaca dan menjalankan kode pada sisi klien, untuk
kemudian ditampilkan kepada pengguna.

Untuk memastikan berbagai browser yang ada dapat mengintepretasikan kode web dengan
benar, sebuah badan standar dibuat untuk memberikan spesifikasi yang dapat dirujuk oleh
pengembang browser. Badan standar ini dikenal dengan nama W3C (World Wide Web
Consortium). Idealnya, setiap browser yang mengimplementasikan spesifikasi HTML dan CSS
sesuai dengan standar yang ditentukan W3C hanya mengatur kedua standar tersebut, Javascript
diatur oleh badan lain) akan mendapatkan tampilan yang sama dari kode yang sama. Sayangnya,
hal ini tidak sesuai dengan kenyataan yang ada di lapangan. Pada implementasinya, setiap
browser memiliki “keunikan” tersendiri dalam mengintepretasikan HTML dan CSS. Hal ini
menyebabkan pengembang pada sisi klien harus menguji web yang dikembangkan pada banyak
browser, atau setidaknya beberapa browser yang paling populer, untuk memastikan halaman
yang dikembangkan dapat tampil sesuai dengan keinginan.

Beberapa browser utama yang umumnya didukung oleh kebanyakan website karena pangsa
pasarnya yang besar yaitu: Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Apple
Safari, dan Opera. Tabel Browser dan engine-nya memperlihatkan engine yang digunakan oleh
masing-masing browser.

HTML adalah inti dari seluruh halaman web. Sangat mustahil untuk membuat website tanpa memiliki
dasar pengetahuan tentang HTML. Untungnya, HTML juga sangat mudah dipelajari. Anda tidak perlu
memiliki dasar programming atau pengetahuan tentang algoritma apapun. Satu-satunya kemampuan
yang dibutuhkan adalah anda sudah cukup familiar dengan cara penggunaan web browser seperti
Google Chrome atau Mozilla Firefox.

Berikutnya, setelah mempelajari HTML dan CSS, anda bisa lanjut ke PHP. Berbeda dengan
HTML dan CSS, PHP ‘murni’ sebuah bahasa pemrograman komputer. HTML dan CSS
sendiri belum bisa dikatakan bahasa pemrograman, tapi lebih ke bahasa kode. Di PHP inilah web
programming yang sebenarnya.

PHP digunakan untuk membuat ‘program’ dari sebuah website. Mulai dari mengatur alur logika,
memproses hasil form HTML, hingga berkomunikasi dengan database seperti MySQL. Jika anda
membuat sebuah website modern, 80% waktu akan anda habiskan membuat kode program PHP,
terutama website kaya fitur seperti sistem informasi, ujian online, portal berita, dll.

Untuk dapat mempelajari PHP, sebaiknya punya dasar-dasar programming.

Ketika membuat website dengan PHP, kadang kita perlu untuk menyimpan data seperti registrasi
user, laporan penjualan, hasil perhitungan, dll. Media penyimpanan ini dikenal dengan database.

Terdapat beragam aplikasi database yang bisa digunakan, saat ini aplikasi database yang paling
populer untuk web programming adalah MySQL. Anda bisa mempelajari MySQL pada saat
bersamaan dengan PHP atau fokus ke PHP, baru kemudian lanjut ke MySQL.
Jika anda mengikuti perkembangan terbaru web programming, sekarang juga muncul aplikasi
database baru: MariaDB. MariaDB sebenarnya adalah ‘cloningan‘ dari MySQL. Seluruh
perintah di MySQL tetap berjalan di MariaDB. Oleh karena itu anda tidak perlu khawatir untuk
mulai belajar MySQL (walaupun nantinya akan menggunakan MariaDB).

Materi terakhir yang perlu dikuasai adalah JavaScript. Sama seperti PHP, JavaScript
merupakan bahasa pemrograman murni.

JavaScript diperlukan untuk membuat halaman website yang interaktif, seperti apa yang terjadi
ketika sebuah tombol di-klik, menampilkan pesan kesalahan jika salah mengisi form, membuat
animasi hingga game online berbasis web.

Sebenarnya, anda bisa langsung mempelajari JavaScript setelah belajar HTML, tapi saya
menyarankan untuk masuk ke JavaScript setelah paham PHP, terutama jika anda belum pernah
mempelajari bahasa pemrograman komputer sebelumnya.

JavaScript menggunakan konsep pemrograman berbasis objek (Object Oriented

Programming). Konsep OOP cukup sulit untuk pemula (terutama jika anda belum pernah
belajar OOP). Walaupun begitu, dengan materi dan panduan yang sesuai, belajar JavaScript
sangat menyenangkan. Fitur dan hasil akhir yang bisa didapat dengan JavaScript sangat menarik,
seperti animasi, konten interaktif, dll.

JavaScript adalah bahasa pemograman yang digunakan untuk menambahkan fitur interaktif pada
website anda, seperti ketika ingin membuat game, melakukan perubahan ketika mengklik tombol, efek
dinamik, animasi, dan masih banyak lagi. Tutorial ini adalah dasar dari JavaScript yang akan memberikan
gambaran apa yang bisa anda buat dengan JavaScript.

Anda dapat melakukan banyak hal dengan JavaScript. Anda akan memulai dari fitur sederhana
seperti menentukan layout, membuat respon ketika mengkil button, caousels, dan gallery
gambar. Namun pada akhirnya ketika anda sudah mendapat banyak pengetahuan anda juga akan
dapat membuat game, animasi 2D dan 3D, aplikasi yang berhubungan dengan database, dan
masih banyak lagi.

JavaScript sendiri adalah bahasa yang cukup komplek namun sangat fleksibel, Developer
(Programmer) telah menyediakan tool yang berdiri diatas core JavaScript agar dapat
menggunakan fungsi - fungsi ekstra, tool tersebut sebagai berikut :

 Application Programming Interfaces (APIs) dibangun pada web browser agar

memungkinkan anda melakukan apapun dari dinamik dokumen HTML dan set CSS yang
anda buat, untuk menangkap dan memodifikasi video dari web cam, atau membuat
animasi 3D dan sampel audio.
 API pihak ketiga menyediakan akses bagi Developer untuk menghubungkan aplikasi
mereka pada website atau aplikasi lain layaknya facebook dan twitter. Pernahkan anda
login soundcloud dengan facebook ? itu API pihak ketiga.
 Frameworks pihak ketiga dan libraries dapat digabungkan pada HTML sehingga
memungkinkan Developer membangun website atau aplikasi dengan cepat.
tampilan situs web adalah perjumpaan pertama antara pembaca dengan kita. Semakin baik kesan
yang didapat, maka konten kita akan memiliki kesempatan yang lebih tinggi untuk sampai
kepada pembaca. Begitu juga dengan produk atau jasa yang sedang kita jual. Bukan itu saja,
tampilan situs web juga berpengaruh terhadap SEO. Semakin SEO friendly tampilan situs web
kita, maka semakin tinggilah peringkat yang akan kita dapat.

Elemen Penting Desain Web

Desain web, sama seperti feshion, selalu berubah mengikuti perkembangan zaman. Ada
trend yang sama sekali baru, ada pula yang merupakan pengulangan dari trend beberapa tahun ke
belakang. Tapi, elemen-elemen esensial di dalamnya tidak banyak berubah. Elemen desain web
bukan hanya agar web elok dipandang, tapi juga agar memudahkan pembaca dan Google
Crawler ketika menjelajahi web kita. Dengan kata lain, meningkatkan user experience (UX). (1)
Layout sebuah situs web hendaklah mempertimbangkan letak penyusunan elemen-elemen
desain yang memudahkan pembaca untuk mencerna aliran informasi. Perhatikan hierarki dan
keseimbangan layout secara keseluruhan. Susunan paling umum adalah atas-bawah-kiri-kanan.
Tip:

Buat susunan atau aliran informasi yang mudah diikuti oleh mata pembaca. Susun elemen
berdasarkan skala prioritas dari paling penting → penting → kurang penting. Sebagian besar
orang terbiasa membaca dari kiri ke kanan, maka letakkan main post di sebelah kiri sedangkan
sidebar di sebelah kanan. Perhatikan pula keseimbangan susunan elemen desain.

Elemen #2: White Space

(2) White space berguna untuk membantu mata manusia mengorganisasi data. Bagi Anda yang
belum begitu familiar dengan istilah desain, white space bisa diartikan sebagai ruang kosong
yang memisahkan antara satu elemen dengan elemen lainnya. Situs web adalah sebuah ruang
berisi berbagai informasi, agar informasi itu dapat diolah dengan baik oleh mata pembaca, maka
ruang kosong berfungsi sebagai jeda . Fungsi ruang kosong (Lia Anggraini S. & Kirana
Nathalia, 2014:82) Berfungsi sebagai separator untuk setiap elemen desain. Memberi fokus
terhadap elemen yang ingin ditonjolkan. Memberi kesan desain yang lebih clean dan relaxing.
Menciptakan layout yang lebih seimbang dan harmonis. Meningkatkan keterbacaan teks.
Tip:

Gunakan ruang kosong dengan jarak yang sama antara satu elemen dengan elemen
lainnya. White space juga termasuk jarak antarbaris dan antarparagraf dalam body text.

(3) Prinsip memilih huruf untuk web (web fonts) agak berbeda dengan ketika memilih
huruf untuk materi cetak seperti brosur, pamflet, buku, atau materi cetak lainnya. Sebab ketika
membaca di layar, mata manusia lebih cepat lelah daripada ketika membaca di atas kertas. Times
New Roman (TNR), Garamond, Georgia, Cambria. Sans Serif adalah huruf yang paling cocok
untuk digunakan karena memiliki tingkat readibility yang lebih tinggi di layar komputer.

 Karakter. Huruf memiliki psikologinya sendiri-sendiri, pilih jenis huruf yang sesuai dengan
karakter situs web atau produk Anda.
 Legibility. Adalah tingkat kemudahan mata mengenali suatu karakter/huruf tanpa harus
bersusah payah (Lia Anggraini S. & Kirana Nathalia, 2014:64). Ada beberapa jenis huruf yang
sulit dibaca sehingga pesan yang ingin disampaikan pun sulit diolah oleh pembaca, misalnya
jenis-jenis huruf script atau dekoratif. Perhatikan contoh huruf di bawah, keduanya memakai
jenis huruf yang sama, tetapi memiliki legibility yang berbeda. Kata pertama menggunakan tittle
case atau kombinasi huruf besar dan kecil, sedangkan yang kedua memakai all caps atau kapital.

 Readibility. Readibility berkaitan dengan bentuk huruf dan hubungannya dengan huruf lain.
Jenis huruf yang memiliki tinggi bervariasi lebih mudah dibaca daripada huruf yang memiliki
tinggi sama. Readibility juga berhubungan dengan jarak antarhuruf dan jarak antarkata.

 Warna. Apa pun warna favorit Anda, entah itu merah, ungu, biru, atau merah muda, Anda tidak
bisa begitu saja mengaplikasikannya ke dalam web fonts. Warna paling baik untuk body text
adalah hitam atau gradasi abu-abu tua. Warna lain di dalam body text hanya dipergunakan
 untuk link atau subjudul. Judul? Boleh, Anda boleh memakai huruf berwarna-warni untuk judul
atau judul sidebar, tapi pastikan warna yang Anda gunakan konsisten.

 Ukuran. Ukuran berpengaruh terhadap readibility. Dalam jarak dekat, mata manusia tidak bisa
membaca huruf yang terlalu kecil juga huruf yang terlalu besar. Ukuran paling pas untuk body
text biasanya antara 10-12px. Untuk judul, header, sidebar, dan elemen lainnya bisa Anda
sesuaikan dengan bidang layout.

Tip:

 Jenis huruf sans serif paling baik untuk digunakan di layar.

 Gunakan MAKSIMAL 2 jenis huruf di dalam satu situs web. Anda bisa mengkombinasikan antara
huruf serif dengan sans serif atau script dengan sans serif. Misalnya, Georgia untuk judul dan
Helvetica untuk body text.
 Gunakan variasi ukuran huruf untuk menandai skala prioritas aliran informasi. Misalnya, 12px
untuk body text, 10 px untuk text snippet di sidebar, 8 atau 9px untuk footer.
 Anda bisa memilih kombinasi huruf yang paling cocok di Google Fonts.

Elemen #4: Pilihan Warna

Situs web bukan kanvas berisi lukisan abstrak, kita sedang menyampaikan informasi kepada
pembaca, bukan sedang mendistraksi mata mereka. Yang terpenting dari situs web adalah
konten, jangan sampai warna latar yang Anda gunakan lebih ramai dari konten itu sendiri.

Warna juga memengaruhi psikologi pembaca, menciptakan mood, bahkan menyelusup ke alam
bawah sadar. Warna, bisa menyampaikan simbol dirinya sendirinya bahkan tanpa disertai oleh
teks. Itu sebabnya mengapa pemilihan warna merupakan salah satu elemen penting dari desain
sebuah web.
Tip:

Gunakan warna muda untuk latar dan warna tua untuk teks, bukan sebaliknya. Misalnya, latar
putih atau abu-abu muda untuk latar dan hitam atau abu-abu tua untuk huruf body text. Jika Anda
tidak yakin dengan pilihan warna yang sesuai, gunakan gradasi abu-abu (grayscale). Hindari
menggunakan warna-warna primer untuk latar: merah, biru, kuning. Ada jutaan gradasi warna di
dunia ini, Anda bisa memilih satu di antaranya. Pilih hanya SATU warna yang akan di-highlight.
Untuk variasi, Anda bisa menggunakan warna lain tapi dengan tone yang sama atau gradasi dari
warna utama.
(5) Navigasi memudahkan pembaca untuk mencari kategori konten atau produk apa pun yang
mereka inginkan. Navigasi di letakan ditempat yang mudah ditemukan, bentuk navigasi mudah
digunakan agar pembaca betah berlama-lama di situs. Navigasi juga bertujuan seperti sistem
kearsipan: mudah menyimpan dan menemukan data. Letakkan navigasi di bagian paling atas
layout. Bisa di bawah atau di atas header. Kategorikan navigasi berdasarkan produk atau
subtopik utama dari situs web. Untuk pengalaman pengguna yang lebih baik, sebaiknya hanya
gunakan SATU baris navigasi. Gunakan menu dropdown untuk memisahkan antara subtopik
dengan sub-subtopik. Bisa menggunakan navigasi linear atau navigasi hamburger.
Elemen #6: Tombol “Search”

(6) Tombol search. adalah kebebasan. Pembaca tidak memiliki waktu yang cukup untuk mencari
dari satu kategori ke kategori lain atau dari satu konten ke konten lain. Letakkan tombol di
tempat yang mudah dilihat. Biasanya di sebelah navigasi atau di bawah header. Gunakan tombol
berupa huruf atau simbol. Jika menggunakan simbol, gunakan simbol lup yang merupakan
simbol universal. Untuk pengalaman pengguna yang lebih baik, menggunakan fitur Google
custom search.
Tip:

Elemen #7: Laman “About Me/Us”

Jika Anda bukan perusahaan besar, tidak memiliki jenis bisnis yang spesifik, bergerak di
bidang bisnis yang sama sekali baru, atau bukan pemilik situs web yang sangat terkenal,

(7) Laman “About Me/Us” memiliki beberapa fungsi: Memperkenalkan diri, jasa/produk yang
dimiliki. Menjelaskan secara spesifik bidang yang geluti. Membangun engagement dengan
pembaca. Letakkan laman “About Me/Us” di navigasi agar mudah ditemukan. Laman “About
Us” bisa dipergunakan untuk menceritakan visi dan misi perusahaan atau organisasi. Berikan
informasi yang jelas dan tidak bertele-tele. Bisa menceritakan tentang siapa diri, tapi hanya jika
itu relevan atau berpengaruh terhadap citra diri yang ingin ditonjolkan. Bisa memasukkan
informasi yang berguna seperti prestasi, testimoni, atau seluruh akun media sosial, memasukkan
juga kontak di laman “About Me”. Foto gunakan satu saja dengan pose yang sekiranya
membentuk citra diri. Sejarah bisa diceritakan itu dalam satu paragraf berisi tidak lebih dari lima
kalimat, kalau menghabiskan 500 kata, sebaiknya buat post tersendiri. sertakan juga skill dan
jasa yang akan berikan.
Catatan: Laman “About Me” di atas hanya contoh. Kami memang sengaja tidak menggunakan
foto asli untuk melindungi identitas staf kami dari serbuan para penggemar . Ketika membuat
laman “About Me”, tentu saja Anda harus menggunakan foto Anda sendiri.

Elemen #8: Laman Kontak

(8) Laman kontak berpengaruh terhadap autoritas. Laman kontak juga mempermudah untuk
menghubungi kita. Bisa meletakkan laman kontak di beberapa tempat: navigasi, header, footer.
Perusahaan: Alamat lengkap, jam operasional, nomor telepon, surel. Personal: Alamat (lengkap
atau hanya nama kota), nomor telepon (opsional), surel. Form (opsional).
Apa saja yang harus ada di laman kontak:

Elemen #9: Footer yang Informatif

Footer bisa saja berisi pengulangan informasi dengan catatan informasi tersebut memang krusial.
Bisa juga berupa tambahan informasi berupa sitemaps, copyright, privacy policy, atau informasi
lain yang memudahkan pembaca.

Elemen #10: Kualitas Image

(10) Walau bagaimanapun, kita harus tetap mempertimbangkan aspek-aspek visual untuk
memikat pembaca. Selain itu, ilustrasi dan foto memiliki fungsi untuk menjelaskan dan
melengkapi konten.

Tip:
  Gunakan foto atau ilustrasi dengan resolusi yang cukup agar tidak blur, minimal 150 PPI. Jika
Anda belum familiar dengan ini, Anda bisa melihatnya di properties. Klik kanan image →
properties → details.
 Gunakan file PNG agar meskipun ukurannya dikompres, resolusi dan ketajaman warnanya tidak
berubah.
 Akan lebih baik jika Anda menggunakan foto atau ilustrasi sendiri.
 Jika Anda menggunakan foto dari stock images, pastikan Anda memakai foto gratis, bukan yang
berlisensi seperti Shutterstock, Depositphotos, dll. Jika menggunakan dari penyedia images
berbayar, pastikan Anda memang MEMBELINYA, bukan hanya mencomot begitu saja dari
Internet lalu menggunakannya di blog Anda. Oh, dan tolong jangan coba-coba mengedit atau
menghilangkan watermark-nya.
 Gunakan foto yang relevan dengan konten.
 Jika menggunakan foto dari situs web lain, sebutkan sumbernya berupa direct link, bukan hanya
menyebutkan “Foto: Google”. Sebab Google adalah mesin pencari, bukan penyedia foto gratis.
 Jika Anda menggunakan foto sendiri dan ingin menggunakan watermark, gunakan watermark
sewajarnya. Iya, itu foto Anda dan Anda tidak ingin siapapun mencurinya, tapi jangan sampai
watermark mengganggu images secara keseluruhan.
 Anda yang menggunakan CMS WordPress bisa memanfaatkan plugin image editing untuk
mengatur tampilan images.

Template apa pun yang Anda gunakan, CMS apa pun yang terbiasa Anda pakai, tampilan web
tetap saja impresi pertama yang akan mengatakan siapa Anda, seberapa profesionalkah bisnis
Anda, atau sampai di mana pengetahuan Anda tentang teknologi. Apakah Anda harus jago
mendesain web untuk mempraktikkan poin-poin di atas? Tidak, tidak perlu. Elemen-elemen
tersebut biasanya sudah bawaan template, kok. Anda hanya perlu mengeditnya sedikit-sedikit.

Kami cukupkan sekian bahasan tentang elemen penting desain web ini, semoga bermanfaat dan
selamat praktik. Apabila ada saran tambahan atau pertanyaan, silakan tulis di kolom komentar
atau hubungi Ninja Support Online kami yang akan bersedia membantu Anda selama 24 jam
penuh.

Saat ini internet bisa diakses dari mana saja, dengan biaya yang relatif murah, bahkan dari ponsel
seharga 300ribuan kita bisa mengakses internet. Pada tahun 2009 pengakses internet di Indonesia
mencapai 30juta orang, atau 12,5 % dari populasi Indonesia, padahal pada tahun 2000 pengguna
internet Indonesia masih sekitar 2 juta orang, dan menempati urutan ke Lima jumlah pengguna
internet di asia setelah China, Jepang, India, dan Korea Selatan. Dari statistik tersebut, yang kami
(desainwebnet.com) lihat dari internetworldstats.com, dan bisa anda lihat pertumbuhan pengguna
internet Indonesia yang begitu cepat dalam 10 tahun terakhir.

Dan tampaknya akselerasi pertumbuhan tersebut tidak akan melambat dalam waktu dekat,
penetrasi internet bahkan lebih cepat dari penetrasi media komunikasi telepon. Infrastruktur
jaringan Indonesia yang masih sangat tertinggal dari negara lain tidak memperlambat akselerasi
bahkan bukan menjadi hambatan, apalagi apabila infrastruktur sudah dibenahi oleh pihak terkait,
akses internet akan menjadi lebih luas, lebih mudah dan lebih cepat.
Mengapa internet menguntungkan ?

Internet memberikan kemudahan, terutama kemudahan untuk mendapatkan informasi dan

kemudahan untuk berkomunikasi. Selain itu internet juga memiliki cakupan yang sangat luas
hampir tak terbatas, berbeda dengan media informasi dan komunikasi lainnya yang mempunyai
batasan, baik itu berupa batasan area maupun lainnya. Saat ini, hanya dengan mengetikkan kata
kunci, kita bisa mendapatkan informasi dengan cepat. Bahkan dari alat yang sederhana, seperti
ponsel yang sudah lumrah dipakai oleh siapa saja. Bayangkan apabila anda mempunyai
informasi, dan dikelola dengan tepat dalam wadah sebuah website, maka informasi tersebut
dapat diakses oleh jutaan orang dari seluruh dunia. Yup dengan beberapa file saja, anda bisa
memberikan informasi apapun, iklan, artikel, promosi, profil, product guide, dan macam-macam
lainnya. Naif rasanya bila masih memandang internet belum dibutuhkan oleh bisnis anda.

Kapan bisnis anda membutuhkan website ?

Tentunya untuk membuat produk atau jasa anda dikenal dan diakses oleh jutaan pengguna
internet, tidaklah semudah teori diatas, bikin website kemudian ditayangkan, lalu otomatis
mendatangkan banyak pengunjung atau konsumen. Nyatanya Dibutuhkan pengelolaan yang
benar dan yang harus diperhatikan adalah dibutuhkan waktu untuk website anda untuk
mendatangkan manfaat besar bagi bisnis anda. Bisnis yang telah membuat dan megelola
websitenya beberapa tahun lalu sekarang tentunya sudah mulai mendapat manfaat, sedangkan
yang baru saja memulai harus berusaha mendapat tempat. Bukanlah langkah yang bijak bagi
bisnis anda apabila tidak memanfaatkan media internet.

Website yang dikelola dengan baik.

Untuk menjadi website yang sukses dan menjadi representasi bisnis anda di dunia maya, sebuah
website harus dikelola dengan benar, mulai dari tujuan yang jelas, target audience yang tepat,
informasi atau layanan apa saja yang akan dimuat, sampai ke masalah teknis mulai dari
pemilihan nama domain atau alamat website, penempatan server, pembuatan kode halaman
website, dan ke pengelolaan selanjutnya setelah website anda online. Banyak aspek yang harus
diperhatikan dalam membangun dan mengelola website untuk bisnis anda.

Berikut sebagian keuntungan atau Manfaat Website Bagi Perusahaan maupun

Bisnis Lainnya

 Meskipun internet sudah mendunia, tetapi masih banyak perusahaan barang/jasa yang
bahkan belum memiliki website. Dengan memiliki website untuk usaha anda, anda sudah
berada selangkah di depan competitor anda yang belum memiliki website. Dengan ini
akan menunjang image dari perusahaan anda di mata pelanggan dan calon pelanggan
anda.
  Siap untuk melakukan transaksi online. Meskipun di Negara Indonesia transaksi online
masih kecil nilainya dibandingkan dengan Negara lain, semakin cepat anda memutuskan
untuk mendukung sistem secara online maka akan semakin cepat anda mengetahui seluk-
beluk , manfaat maupun resiko yang ada dari teknologi baru ini. Semakin matang anda
melakukan bisnis online, tingkat kepercayaan pelanggan akan semakin baik dan tentu
saja memudahkan bisnis anda secara keseluruhan. Meningkatkan Pelayanan Terhadap
pelanggan.
 Melalui website anda dapat memberikan informasi secara update kepada pelanggan anda.
Baik berupa informasi produk atau dukungan terhadap produk yang telah dibeli.
 Mendapatkan Pelanggan Baru. Salah satu kunci utama suksesnya sebuah website adalah
website yang mampu menarik sebanyak mungkin pengunjung sebagai pelanggan anda.

sedangkan untuk mendapatkan kunjungan yang tinggi bagi web atau blog anda ada banyak cara
atau jalan, misalnya dengan mempromosikan ke sosial media seperti facebook atau twitter,
memasang promo di berbagai iklan baris. Namun ada cara yang cukup praktis, yaitu dengan
mengoptimasikan web tersebut agar bisa tampil di halaman satu google sesuai dengan target
keyword yang biasanya disebut SEO. Untuk menseokan suatu web bisa dikerjakan sendiri bila
kita tau tekniknya, namun bila belum paham strategi SEO lebih baik kta serahkan saja pengerjan
ini ke penyedia layanan jasa seo. Banyak sekali penyedia jasa SEO murah maupun jasa SEO
bergaransi, tinggal cari saja di google. Lebih lengkapnya silahkan baca Cara Mudah
Mendatangkan Pengunjung ke Website

Secara umum kita bisa mengetahui bahwa pengertian web browser adalah suatu aplikasi atau
pernagkat yang digunakan untuk menjelajari atau mencari informasi didalam jaringan internet
dari sebuah media (situs, blog, jejaring sosial, dan lainnya) yang tersimpan didalam komputer.
Tentunya kamu tidak asing lagi dengan nama-nama web browser seperti Firefox, Chrome,
Safari, Opera dan yang lainnya.

Pengertian Web Browser Menurut Wikipedia

Pengertian web browser menurut Wikipedia adalah sebuah aplikasi atau perangkat lunak yang
digunakan mengambil, menyajikan, dan melintasi berbagai sumber informasi yang ada didalam
jaringan internet (world wide web). Sumber-sumber informasi yang dimaksud itu terdiri dari
berbagai macam bentuk seperti misalnya berupa halaman situs, gambar, video, infografis,
konten, dan yang lainnya.

Baca Juga : Apa Yang Dimaksud Dengan Internet?

Manfaat Web Browser Serta Contohnya

Manfaat Web Browser

Ketahuilah bahwa sesuatu dibuat atau diciptakan tentu untuk dapat diambil manfaat dari apa
yang diciptakannya atau dibuatnya tersebut. Begitu juga dengan didibuatnya web browser,
dibuat untuk dapat diambil manfaatnya dari web browser tersebut. Dan inilah beberapa manfaat
dari web browser yang harus kamu ketahui:
  Web browser digunakan untuk bisa mengakses informasi-informasi yang bermanfaat baik
itu mengenai pendidikan maupun non pendidikan.
 Web browser dapat mempermudah kita dalam mengakses informasi kepada media-media
seperti misalnya situs, blog, gambar, video, dll.
 Web browser juga bisa digunakan untuk sebagai media untuk berjejaring sosial misalnya
saja melalui Facebook, Twitter, Google Plus, dll.
 Web browser dapat menyimpan file-file yang kita cari ketika menjelajah internet, kita
juga bisa membookmark situs yang dinggap penting.
 Web browser digunakan untuk mengakses mesin pencari (serach engine seperti Google
misalnya) yang biasa digunakan untuk mencari informasi.
 Dan tentunya masih banyak lagi manfaat dari web browser yang bisa kita gunakan untuk
mempermudah aktifitas kita berselancar didunia maya.

Contoh Aplikasi Web Browser

Setelah kita mengetahui pengertian web browser dan juga manfaatnya, ada baiknya kita
mengetahui contoh aplikasi web browser yang popular pada saat ini. Dan dibawah ini adalah 5
web browser yang banyak digunakan para netizen dewasa ini, so silahkan disimak informasinya
berikut baik-baik, cekidot:

1. Google Chrome

Hampir 60% netizen didunia ini menggunakan Chrome sebagai web browser mereka. Browser
besutan Google hampir digunakan diseluruh negara khususnya negara-negara yang ada dibenua
Amerika, Asia, dan Eropa.

2. Mozilla Firefox

Firefox juga merupakan salah satu web browser yang paling banyak digunakan para pengguna
internet. Penggunanya kurang lebih 1/6 jumlah pengguna internet dunia, dan Indonesia
merupakan salah satu negara pengguna Firefox terbanyak.

3. Safari

Pengguna Safari didunia hampir mencapai 16% sehingga menjadikan browser ini salah satu yang
paling populer. Aplikasi buatan Apple Inc ini dirilis pada tahun 2003 untuk perangkat komputer
dan 2007 untuk perangkat mobilenya.

4. Opera.

Opera juga merupakan salah satu web browser terpopuler sejagat internet yang digunakan sekitar
6% netizen dunua untuk perangkat komputernya dan 11% netizen untuk perangkat mobilenya.
Apakah kamu pengguna Opera juga?

5. Internet Explorer
Meskipun semakin sedikit yang menggunakan, tetap saja Internet Explorer masih ada yang
menggunakannya sebagai web browser. Browser ini pernah digunakan sampai 95% netizen pada
tahun 2002-2003, wow!

Website merupakan suatu kumpulan halaman yang di tampilkan dari berbagai informasi tentang
teks, data, atau gambar yang bersifat diam atau bergerak, suara, data animasi, videoa dan juga
gabungan dari semua mau itu yang sifatnya statis atau yang bersifat dinais dengan membentuk
suatu rangkaian yang akan saling berkaitan dengan mesing-masing jaringan halaman atau
hyperlink.

Website merupakan suatu perkumpulan dari segala macam halaman situs yang telah terangkum
di dalam suatu dokumen atau subdokumen yang berada di dalam Word Wide Web di internet.
Bentuk halaman website berformat HTML atau Hyper Text Markup Language dengan akses
HTTP yang merupakan protocol penyampai berbagai informasi yang berasal dari website yang
akan di tampilkan ke pemakai atau user dengan web browser.

Manfaat Website

Manfaat yag di berikan website sangat banyak diantaranya adalah:

1. Memperluas jangkauan promosi suatu produk agar dapat di kenal dengan baik oleh
masyarakat khususnya pengguna jaringan internet.
2. Tanpa batas yang membuat internet merupakan suatu media informasi tanpa batas.
Dengan menggunakan website kita dapat mempromosikan produk kita selama 24 jam
penuh.
3. Promosi yang luas dengan menggunakan internet yang memiliki jangkauan area yang
tidak terbatas.
4. Media pengenalan usaha dapat memudahkan kita dalam mengenalkan perusahaan dengan
menggunakan website.

Jenis-Jenis Website

Website memiliki jenis-jenisnya yang diantaranya adalah:

Website Statis

Website ini memiliki halaman yang tidak berubah.

Perkembangan internet semakin pesat, baik di dunia maupun di Indonesia khususnya. Website
telah menjadi media yang dapat dimanfaatkan oleh siapapun sebagai sarana komunikasi yang
cepat dan murah. Artikel ini menjelaskan beberapa manfaat website yang perlu diketahui oleh
siapa saja yang ingin membuat website.

Manfaat website secara umum

 1. Menyediakan informasi-informasi yang bisa dengan mudah diakses, dilihat, dan
diketahui oleh orang banyak
2. Informasi tersebut bisa diakses selama 24 jam non stop
3. Menjangkau daerah yang luas karena media internet yang memungkinkan akses dari
seluruh belahan dunia
4. Mudah dikelola, dengan memilih jasa pembuatan website yang baik, anda bisa
memperoleh sarana update informasi yang mudah dioperasikan.

Manfaat website untuk bisnis dan perusahaan

1. Masih banyak perusahaan yang bahkan belum memiliki website. Dengan membuat
website sekarang juga untuk usaha anda, anda sudah selangkah di depan competitor anda.
2. Bisnis anda akan mudah ditemukan oleh calon pelanggan
3. Meningkatkan kredibilitas dan citra positif
Citra instansi/perusahaan dimata masyarakat dapat dibangung dengan informasi yang
direpresentasikan pada website.
4. Menawarkan kenyamanan dan komunikasi dua arah kepada pelanggan
5. Transaksi 24 jam
Dengan menambahkan fitur toko online, anda bisa meraup keuntungan dengan transaksi
yang terjadi 24 jam di website anda

Web Site Disebut juga site, situs, situs web, atau portal. Secara makna sebuah website adalah
sekumpulan halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di
seluruh dunia selama terkoneksi dengan jaringan internet tanpa terbatas ruang dan waktu.

Website merupakan sebuah komponen yang terdiri dari teks, gambar, suara animasi sehingga
menjadi media informasi yang menarik untuk dikunjungi oleh orang lain.

Sebuah website adalah representasi virtual anda atau bisnis anda yang berada di internet. Dengan
perkembangan teknologi yang semakin cepat, semua orang menginginkan informasi dapat tersaji
dengan cepat dan akurat. Tanpa melihat seberapa besar bisnis anda, apapun bisnis anda,
sungguh disayangkan jika tidak memiliki website yang mana hampir semua calon konsumen
menggunakan fasilitas ini untuk memenuhi kebutuhannya akan informasi produk-produk yang
pasarkan.
JENIS-JENIS WEBSITE
- Website Profile
- Website Toko Online
- Website Catalog
- WebsiteKomunitas
- Website Pendidikan
- Website Berita
- Website Personal (branding)
- Website Bisnis, dll

MANFAAT WEBSITE :
 1. Dengan memiliki website untuk usaha, berarti usaha sudah berada selangkah lebih maju
dibandingkan competitor yang belum memiliki website.
2. Meningkatkan brand/prestise perusahaan mata pelanggan dan calon pelanggan.
3. Melalui website dapat memberikan informasi secara update kepada pelanggan. Baik
berupa informasi produk atau dukungan terhadap produk yang telah dibeli.
4. Website menampung produk dan informasi sebanyak-banyaknya. (Media advertising
terbatas).
5. Media Advertising (koran, tabloid, brosur) hanya pancingan saja. Pembaca akan mencari
informasi lebih banyak melalui website Anda.
6. Produk dan informasi akan terpublikasi ke seluruh dunia.(Media advertising hanya
terbatas lokal saja).
7. Sebagai tempat penjualan (Showroom) 24 jam selain toko nyata.
8. Website adalah investasi super murah. Bandingkan dengan toko nyata yang harus sewa
ruko, bayar listrik, bayar karyawan, telpon, dll.
9. Memudahkan pelanggan menghubungi, dan mendapatkan informasi produk dan jasa.
10. Mendapatkan Pelanggan Baru setelah melihat informasi yang menarik ada diwebsite.
11. Salah satu kunci utama suksesnya sebuah website adalah website yang mampu menarik
sebanyak mungkin pengunjung sebagai pelanggan.

Meskipun internet sudah mendunia, tetapi banyak perusahaan yang bahkan belum memiliki
website. Dengan membuat website untuk usaha anda, anda sudah berada selangkah di depan
competitor anda yang belum memiliki website. Dengan ini akan menunjang image dari
perusahaan anda di mata pelanggan dan calon pelanggan anda.

Ada banyak manfaat dan keuntungan yang diperoleh dalam membangun website untuk instansi
atau perusahaan antara lain :

 Mempromosikan keberadaan nama instansi/perusahaan kepada masyarakat dunia

umumnya serta masyarakat Indonesia khususnya. Kurang lebih 50 juta orang di Indonesia
mengakses internet.
 Dapat menyediakan informasi yang lengkap tentang profil instansi/perusahaan, visi dan
misi, fasilitas- fasilitas yang disediakan, informasi mengenai layanan (sevice) yang
diberikan, sampai dengan mambangun sebuah komunitas di dunia maya.
 Mempermudah untuk dapat mengumpulkan tanggapan kritik dan saran dari masyarakat
dunia terhadap mutu instansi/perusahaan.
 Membangun citra instansi/perusahaan dimata masyarakat luas, dimana hal tersebut di
representasikan pada tampilan website.
 Mempermudah customer untuk mendapatkan segala informasi mengenai data-data
instansi/perusahaan atau pun pelayanan yang diberi.
 Membangun sebuah komunitas para loyal customer dimana diharapkan website tersebut
dapat menjadi bagian dari proses Customer Relationship Program.
 Membuat sebuah usaha menjadi online tidak sekedar membuat website dan dikunjungi
hanya bebrapa pengunjung dalam setahun. Banyak faktor yang harus dipersiapkan, dalam
hal ini kami tidak hanya membuatkan anda website. Kami akan menjadikan bisnis anda
online dan mengoptimalkan situs anda dengan fitur-fitur yang kami sediakan.
 Demikian manfaat-manfaat dari website yang merupakan wakil perusahaan di dunia
internet. JAVAWEBMASTER memahami manfaat-manfaat website ini dan meyediakan
jasa pembuatan website dan juga pemeliharaannya yang memastikan website perusahaan
anda dapat berjalan dengan lancar sehingga informasi mengenai perusahaan dan jasa-
jasanya dapat dikomunikasikan dengan baik kepada calon pelanggan maupun pelanggan
anda.
 Website adalah salah satu alat penunjang, sebagai media untuk mendapatkan
informasi dan promosi di dunia internet: Personal, Profil sekolah, Profil
perusahaan, berita pendidikan, bisnis, berita terkini dan semua hal
yang dibutuhkan manusia dapat diakses melalui internet. Dengan website kita
mudah menyebarkan dan mendapatkan informasi yang kita butuhkan.

 Perkembangan Internet Mengutip pernyataan Bill Gates, Chairman of Microsoft
Corp, “Internet akan menyapu kita seperti sebuah gelombang pasang yang akan
menenggelamkan setiap orang yang dilewatinya yang tidak siap untuk hidup
dalam sebuah masyarakat informasi. Mungkin interaktifitas tanpa batas yang
ditawarkan oleh internet kepada manusia yang membuat internet tersosialisasi
secara quantum (dengan sangat cepat).
 Selain itu, website merupakan salah satu indikator kredibilitas dan prestige bagi
personal, lembaga pendidikan, perusahaan, dan lainnya.

 Dengan memiliki website, seseorang, sekolah, perusahaan, dan lembaga lainnya
mudah dikenal di seluruh Indonesia, bahkan di dunia.

 Dengan Website
• Jarak tidak menjadi masalah, dapat berhubungan secara langsung tanpa
mengenal batas propinsi, kota, desa bahkan Negara.
• Dapat mengirim pesan sehingga suatu saat di update dapat melihat.
• Usaha dan bisnis dapat mencapai target lebih cepat.
• Semua orang akan mengenal bisnis dan profil kita.
• Membuka diri dengan dunia
• Dapat dengan mudah memperkenalkan Daerah, Sekolah, Perusahaan atau
Usaha kita.