Salah satu cara paling mudah belajar mendesain (membuat web) adalah dengan menggunakan templat-templat web yang sudah jadi. Di internet, dengan mudah kita akan mendapatkan templat-templat siap pakai ini dengan desain bermacam-macam, mulai dari yang sederhana hingga yang rumit yang terdiri dari banyak kolom seperti biasa ditemukan pada situs-situs portal berita.
Fokus dari kegiatan belajar dengan templat web ini bukanlah bagaimana mengisi atau mengganti bagian-bagian templat dengan konten seperti teks, gambar, dan video. Namun lebih dititikberatkan pada upaya memahami bagaimana sebuah templat dibangun.
Untuk tujuan pembelajaran, ada baiknya kita memulai dengan menggunakan tempat-templat gratis terlebih dahulu. oswd.org dan opendesigns.org adalah dua contoh situs yang menyediakan templat-templat gratis. Jika masih penasaran, Anda bisa melakukan pencarian lebih lanjut melalui mesin pencari seperti Google dan Yahoo dengan kata kunci “free web template” atau “free web theme”.
Setelah seluruh file templat diunduh ke komputer, gandakan terlebih dahulu seluruh file templat tersebut dan simpan pada folder yang berbeda. Ini dimaksudkan untuk memudahkan kita mengembalikan templat ke tampilan asalnya seandainya modifikasi yang kita buat tidak sesuai harapan. Selain itu, kita pun akan dengan mudah membandingkan tampilan asli template dengan tampilan hasil modifikasi kita sendiri.
Langkah selanjutnya ialah mulai mengganti atau menambahkan kode-kode CSS dan HTML yang Anda ketahui pada file CSS dan HTML dari templat web tersebut (untuk keperluan ini, Anda bisa menggunakan Notepad atau HTML editor kesukaan Anda). Jalankan template “gubahan” Anda tersebut di browser dan perhatikan perubahan-perubahan apa yang terjadi.
Lanjutkan terus dengan mengganti property-property dan nilai (value) lainnya pada file CSS, seperti mengganti warna, ukuran, dan jenis huruf. Anda juga dapat mencoba mengubah layout dan mengatur ulang lebar dan tinggi bagian-bagian templat, misalnya pada bagian kepala dan menu. Simpan setiap perubahan yang Anda buat dan periksa kembai hasilnya di browser.
Lakukan langkah-langkah di atas berulang-ulang hingga Anda memahami betul setiap perubahan yang terjadi. Jangan lupa untuk membuat catatan-catatan penting dari setiap proses modifikasi yang Anda berikan sebagai referensi selanjutnya.
>>> SEMOGA BERHASIL <<<
Tidak ada komentar:
Posting Komentar