TIPS MEMBUAT WEBSITE PROFESIONAL

1. Homepage (halaman utama) situs Anda harus dapat diakses maksimal 8 detik atau dapat diakses melalui koneksi jaringaninternet minimal 28,8 kbps. Apabila proses koneksi membutuhkan waktu yang sangat lama, hal ini akan berpotensi hilangnya customer (pengunjung) yang tidak “betah” menunggu terlalu lama. Akhirnya situs kita tidak akan dikunjungi olah para “calon customer”.
2. Pastikan menyertakan META Tag pada masing-masing halaman website Anda. META Tag adalah kode yang memungkinkan search engine (mesin pencari seperti: Google) untuk menentukan kata kunci yang relevan dari website Anda.
3. Pilihlah warna latar belakang (background) yang sesuai, jangan menggunakan warna yang mempengaruhi teks untuk dibaca. Warna situs menjadi sebuah ekspresi hati Anda. Warna orange melambangkan keceriaan sedangkan warna ungu atau hitam melambangkan kesuraman. Untuk itu pilihlah warna yang sesuai untuk situs Anda berdasarkan isi yang terkandung dalam situs tersebut.
4. Gunakan animasi seperlunya, jangan terlalu berlebihan karena dapat mempengaruhi konsentrasi pengguna ketika sedang membaca informasi. Selain itu, animasi juga dapat menghambat akses ke halaman situs Anda. Sebuah animasi yang bagus bukan menjadi jaminan bahwa situs Anda menarik perhatian pengunjung.
5. Halaman Utama situs harus lebih spesifik agar para pengunjung dapat mengetahui produk yang ditawarkan. Sebagai contoh, jika situs Anda merupakan sebuah lembaga konsultasi maka sebaiknya jasa-jasa konsultasi yang ditawarkan ditampilkan di halaman utama. Jangan sampai pengunjung merasa bingung dengan keberadaan situs Anda yang tidak jelas produk yang ditawarkan.
6. Hindari pemasangan iklan (banner) di bagian atas website Anda. Batasi jumlah banner yang akan ditayangkan, maksimal 2 dan idealnya cukup 1 banner. Semakin banyak jumlah banner, semakin lama proses akses dan akan sangat mengganggu konsentrasi pengguna ketika mengunjungi situs Anda.
7. Periksa ejaan yang salah dan pastikan gambar dan link terhubung dengan baik sebelum ditampilkan secara on-line. Kesalahan dalam mengetikkan alamat url mengakibatkan halaman tersebut akan “ERROR”. Jika sebuah situs terdapat salah satu atau beberapa halaman yang error menjadikan situs tersebut nampak tidak profesional.
8. Lengkapilah website Anda dengan tombol navigasi yang mudah dan tersusun dengan rapi pada bagian atas, bawah, kiri, maupun kanan. Jika menggunakan tombol dalam bentuk gambar, perlu diingat bahwa kemungkinan proses akses lebih lama. Mengapa? Karena gambar memiliki ukuran yang cukup besar, dan seperti kita ketahui. Sebuah halaman situs maksimal berukuran tidak lebih dari 100kb.
9. Jika terpaksa harus menggunakan Frame, gunakan secara tepat. Pada dasarnya, penggunaan Frame dalam sebuah situs akan berkesan tidak profesional. Hindari halaman yang memerlukan “scroll”, ini mengakibatkan pengujung kurang nyaman untuk mencari informasi sehingga akan cepat-cepat“kabur” dari situs Anda.
10. Perhitungkan jumlah klik yang dibutuhkan untuk pindah dari halaman satu ke lainnya. Jika terlalu banyak klik akan sangat membosankan bagi pengunjung. Anda bisa menerapkan system navigasi yang lebih nyaman dengan menyertakan logo pada setiap halamannya.
11. Jika menggunakan “JAVA” pada website Anda gunakan secara tepat. Tawarkan “Java” atau “No Java” kepada pengunjung karena dapat mempengaruhi kinerja masing-masing browser. Hindari adanya iklan “pop up” yang akan membuat pengunjung menjadi bosan.
12. Jangan menambahkan “autoplay” suara ketika seseorang mengunjungi situs Anda. Sebaiknya tawarkan, apakah menggunakan intro beserta audio (suara) ataukah langsung ke halaman utama.
13. Periksa website Anda dengan beberapa jenis browser karena masing-masing browser memiliki kemampuan yang berbeda.

Tips Penggunaan Gambar dalam Web Design

Seringkali para designer web pemula menggunakan gambar yang berlebih dalam mendesign, akibatnya web tersebut akan terasa lambat saat di load oleh browser. Walaupun secara grafis web tersebut bagus namun dalam mendesign sebuah halaman web designer harus memperhatikan isi (content) dari web tersebut, jangan sampai anda mengalahkan fungsi dari web sebenarnya hanya karena tampilan grafis.
Pemakaian grafis harus dapat mengatasi kebutuhan dan fungsi dari situs, misalkan komposisi warna dan bentuk, dan kesan yang akan ditonjolkan dari web tersebut, apakah untuk tujuan komersial ? situs pribadi ? perusahaan ? pemerintah ? ataukah tempat gallery online ? dan masih banyak lagi. Pemakaian grafis atau gambar yang kurang tepat pada sebuah web dapat mengakibatkan anda akan kehilangan pengunjung yang sebenarnya anda butuhkan.

Penggunaan Gambar Pada Web

Berikut ini adalah daftar bagian dari web yang biasanya memakai gambar namun banyak juga designer web yang menggunakan text untuk bagian tersebut.

1. Tombol Navigasi
Tombol navigasi mutlak diperlukan dalam sebuah web, dengan pengaturan tombol navigasi yang jelas akan membantu pengunjung menemukan informasi yang diinginkanya, berberapa hal yang perlu diperhatikan dalam membuat tombol navigasi adalah Tulisan atau Text harus dapat dilihat dengan jelas dan mudah dibaca.

2. Logo
Baik itu logo perusahaan, organisasi atau logo pribadi sering menggunakan gambar, logo berfungsi sebagai gambar identitas dari perusahaan, logo yang bagus dapat meningkatkan brand name suatu perusahaan atau organisasi.

3. Site Map
Penggunaan site map secara gambar memang dapat memudahkan pengunjung dalam mencari informasi namun penggunaan gambar dalam site map harus di pilih benar apakah web anda menjadi terlalu lamabt atau tidak.

4. Bullet
bullet banyak digunakan untuk penekanan point-point tertentu pada dokumen

5. Banner
Banner yang dipasang di website dengan tujuan untuk memperbaiki komposisi bentuk, warna dan informasi penting (Hot Items) sering digunakan dalam website, dengan grafis yang menarik pengunjung akan tertarik untuk mengklik banner tersebut. - Also known as a title graphic. Main function is to let your visitors know which web

6. Garis Batas
Garis batas antar menu, bagian web, pemisah footer, header dan isi web baik horizontal maupun vertical layak digunakan karena biasanya garis batas mempunyai ukuran file yang kecil.

7. Gambar Background
Bagian ini digunakan untuk memberikan ciri khas, dan komposisi isi dan background pada web yang akan dibuat, asalkan file gambar yang digunakan tidak terlalu besar, gambar Background layak digunakan.

8. Headings
Alasan gambar digunakan untuk heading yang paling sering adalah karena beberapa tipe text tidak terdapat pada computer client, karena itulah digunakan file gambar sebagai gantinya.

9. Photo
Foto kegiatan atau bagian kegiatan yang menonjolkan specific dari website sangat diperlukan, dengan foto yang jelas diharapkan pengunjung langsung dapat mengerti milik siapa,untuk apa website itu dibuat, dan category apakah web site tersebut. Penggunaan foto sering dipakai untuk memperjelas item produk pada website e-commerce. Beberapa hal yang perlu diperhatikan dalam pemilhan dan pemakaian gambar atau grafis agar tampak serasi pada web yang anda buat adalah :

• Warna semua grafis harus serasi, baik itu antara menu, logo perusahaan atau orgonasisasi, header, footer dan gackground yang digunakan.
• Warna dalam text tombol navigasi harus dapat dibaca dengan jelas, perhatikan ukuran teks yang akan dimasukkan pada tombol navigasi, apakah terlalu kecil ? apakah sudah enak dibaca?, biasanya warna text dalam tombol navigasi disesuaikan (tidak harus sama) dengan warna Logo atau Judul utama website
• jangan gunakan terlalu banyak kombinasi warna, sebab kombinasi warna yang berlebihan akan terkesan norak dan memperlambat proses download browser, cukup gunakan dua sampai 4 kombinasi warna dalam website, kecuali mascot atau icon tertentu.
• Perhatikan ukuran website anda terhadap setiap penambahan gambar atau grafis, ukuran paling umum adalah 40 sampai dengan 70 K, dengan rata-rata koneksi modem 28.8
• Pisahkan gambar yang mempunyai warna berbeda, hal ini terjadi pada bagian grafis yang terdapat degradasi warna atau dua warna lebih.lebih baik usahakan untuk memotong perbagian warna yang berbeda, hal ini dapat mempercepat proses download gambar pada browser.
• Pilihlah jenis file yang benar, kapan anda menggunakan file gamabr jpeg dan kapan menggunakan gif, pemilihan jenis file gamabr yang tepat akan mempercepat proses download browser. Ingat pemakaian grafis jangan sampai menjadikan fungsi utama website tidak terpenuhi, apabila terlalu besar ukuran website anda akibat banyaknya file gambar, gantilah background, garis pemisah, bullet, heading dan dengan HTML

TRANSISI DALAM WEB PAGE ATAU WEBSITE

Perubahan dari halaman satu ke halaman lain di web site akan terlihat melompat-lompat, perubahan dapat diperhalus dengan menggunakan transisi. Transisi dapat dilihat dalam browser Internet Explore versi 4 ke atas.
Dreamweaver sudah memiliki falititas yang dapat digunakan untuk membuat transisi dalam web page maupun web site. Transisi ini sebenarnya ditempatkan dalam elemen head di dokumen HTML, dengan menambahkan perintah (tag) meta.
Jenis transisi dalam dokumen HTML itu sendiri ada beberapa, seperti di bawah ini :

Transisi	Value	Transisi	Value
Wipe in	0	Random Dissolve	12
Wipe out	1	Split vertical in	13
Circle in	2	Split vertical out	14
Circle out	3	Split horizontal in	15
Wipe up	4	Split horizontal out	16
Wipe down	5	Strips left down	17
Wipe right	6	Strips left up	18
Wipe left	7	Strips right down	19
Vertical blind	8	Strips right up	20
Horizontal blind	9	Randoms bars horizontal	21
Checkboard across	10	Random bars vertical	22
Check borad down	11	Random	23

Keterangan :
Transisi adalah jenis transisinya, sedangkan value adalah perwakilan nilai jenis transisinya.
Khusus jenis transisi Random yang memiliki value 23 dapat menampilkan transisi yang berbeda (secara acak) dari semua transisi yang ada.

Perintah memberikan transisi :

• Buka Dreamweaver.
• Buat dokumen HTML baru
• Klik menu Insert → pilih Head Tags → Klik Meta

Tampil jendela meta seperti di bawah ini :

Lakukan pengubahan pada Attribute menjadi HTTP-equivalent, ketik dalam Value dengan

• page-enter : transisi dijalankan ketika masuk web page
• page-exit : transisi dijalankan ketika keluar web page
• site-enter : transisi dijalankan ketika masuk situs
• site-exit : transisi dijalankan ketika keluar situs

Ketik dalam content dengan

RevealTrans(Duration=2, Transition=12)

Keterangan code :

• RevealTrans adalah perintah untuk menjalankan terus transisi yang dipilih.
• Duration adalah untuk menentukan lama waktu dijalankannya transisi.
• 2 (nilai duration) untuk menentukan waktu durasi dalam satuan detik.
• Transition adalah perintah untuk menentukan jenis transisinya.
• 12 (nilai transisi) untuk menentukan jenis transisinya (sesuai table di atas).

Hasil pengaturan transisi dapat dilihat pada gambar di bawah ini: