Mendesain Web Standard Itu Mudah
Mendesain web yang tabless itu memang pekerjaan yang gampang-gampang susah. Jika ingin instan, anda bisa gunakan template gratis yang sudah tersedia di internet. tapi, tentu saja, kepuasan batin yang berbeda jika anda bisa mendesain web anda sendiri. bagaimana caranya supaya web anda menggunakan teknik tabless dan bisa tampil apik di intenet ?
Beberapa situs yang ngasih template gratis :
- http://www.opensourcetemplates.org/
- http://www.oswd.org/
- http://www.sixshootermedia.com/free-templates/
Tapi, apakah hanya mengandalkan template yang gratis saja ? Seandainya anda ingin membuat sendiri, gak punya keahlian CSS atau HTML ?
Semua itu bisa dipelajari asal anda mau berusaha untuk bisa, bukan sebaliknya. Beli buku tentang HTML dan CSS. Atau cari artikelnya di Inetrnet. Yang penting anda berusaha untuk bisa. Hasil akhirnya tergantung dari usaha anda tersebut. Betul begitu ?
Sebelum memulai, ada baiknya anda membaca artikel saya tentang Web Standard
Bagaimana Memulainya ?
Cara paling mudah sebagai langkah awal mendesain adalah menggunakan template. Tapi, jangan template yang sudah jadi (full warna dan gambar). Ada trik khusus yang bisa anda lakukan sendiri dirumah dan dijamin hasil pasti memuaskan.
Langkah-langkahnya adalah sebagai berikut :
Cari Template CSS untuk Layoutnya
Coba kunjungi http://maxdesign.com.au/presentation/page_layouts/ . Setelah ketemu contoh layout yang diinginkan, Save As dan buka hasilnya pake browser.
Buka Isinya dan Rapikan
Sekarang buka file html-nya pake teks editor apa aja yang kamu suka pake (notepad, dreamweaver, editplus….terserah saja).
Rapikan penulisannya agar susunan XHTML nya dapat ditelusuri antara tag pembuka dan penutupnya. Cara ini penting untuk melatih anda teliti sebelum membeli….(*maap*)….menggunakan template tersebut.
Hapus Yang Gak Perlu
Buang isi konten yang tidak perlu. Tapi jangan buang property HTML yang disebutkan didalam CSS nya. Misalnya id=”container” , berarti di CSS akan diset dengan #container.
Buat panduan, silahkan baca artikel saya tentang CSS
Buat Contoh Data
Masukkan contoh isian sesuai dengan kebutuhan situs anda seperti contoh berita, contoh menu, contoh form pencarian, contoh gambar, dan lain sebagainya.
Biar gak ngetik lagi, download Lorem Ipsum Versi Indonesia disini. Lalu Copy Paste seperlunya.
Biarkan saja susunannya tidak terlalu beraturan. Yang penting anda menempatkannya pada bagian yang tepat sesuai dengan layout yang sudah anda pilih sebelumnya. Misalkan menu, anda letakkan di bagian kiri website, maka anda menuliskannya pada bagian
INGAT : tetap memasukkan kode XHTML yang sesuai aturan standardnya.
Cari Bentuk CSS Sesuai Kebutuhan Desain
Silahkan anda baca di SmashingMagazine beragam teknik CSS yang bisa anda gunakan untuk web anda
Copy Paste dan Ubah
Sesuaikan bentuk tulisan, warna, dan lain sebagainya, dari CSS yang anda gunakan dari hasil mencari tersebut. Sesuaikan dengan tag XHTML yang anda gunakan (id-nya atau class-nya).
Buka Browser dan Refresh
Hasil editan anda tersebut harus dites dengan browser agar terlihat perubahannya. Saran saya, buka IE dan Firefox untuk melihat kompatibel layoutnya. Hasil tampilan di kedua browser tersebut tidak boleh terlalu jauh berbeda. Beda dikit gak masalah.
Terus berkreasi
Carilah beragam bentuk teknik penggunaan huruf, background, kombinas warna dan lain sebagainya sebagai panduan anda mendesain.
Implementasikan dalam desain anda.
Rajin-rajin kunjungi situs yang membahas tentang situs-situs yang keren di seluruh dunia.
Baca contohnya di artikel saya tentang sumber inspirasi mendesain web
Tips Gak Wajib Tapi Penting
Jagalah Kebersihan…What ?
Mendesain web pada dasarnya adalah menempatkan objek gambar dan teks pada komposisi yang tepat. Jadi, ketika anda membuat desain web yang sangat sederhana sekalipun (minim gambar misalnya), pastikan bahwa tampilan desain anda tertata rapi dan kelihatan bersih.
Jangan terlihat desain yang amatiran sekalipun desain yang anda buat hanya mengkombinasikan bentuk huruf dan komposisi warna saja.
Sapu Yang Bersih…Kok ?
Jika anda tidak memiliki kemampuan yang cukup untuk mendesain grafis web, jangan lakukan.
Itu hanya membuat web anda menjadi seperti desain kacangan (uuppps…sorry for this statement…hehehe). Gunakan bentuk yang sederhana saja, misalkan bentuk arsiran, gradasi warna, atau warna solid saja. Itu sudah cukup bagi anda yang ingin membuat desain yang cantik dan berbobot.
Yang penting, komposisi penempatannya pas dan enak dilihat.
Perhatikan penggunaan jenis huruf dan warna. Itu sangat penting sekali karena anda mendesain web bukan hanya untuk diri anda sendiri.
