Langkah-langkah untuk Ambil Ketika Anda Memiliki Masalah Desain
Jika Anda pernah membangun situs web, Anda mungkin menemukan bahwa hal-hal tidak selalu berjalan sesuai rencana. Untuk menjadi perancang web berarti Anda harus merasa nyaman dengan masalah debugged dengan situs yang Anda buat.
Kadang-kadang mencari tahu apa yang salah dengan desain Web Anda bisa sangat membuat frustrasi, tetapi jika Anda sistematis tentang analisis Anda, Anda sering dapat menemukan penyebab masalah dan memperbaikinya lebih cepat. Berikut ini beberapa kiat yang dapat Anda gunakan untuk mewujudkannya.
Validasi HTML Anda
Ketika saya memiliki masalah dengan halaman Web saya, hal pertama yang saya lakukan adalah memvalidasi HTML. Ada banyak alasan untuk memvalidasi HTML, tetapi ketika Anda memiliki masalah yang seharusnya menjadi hal pertama yang Anda lakukan. Sudah ada banyak orang yang memvalidasi setiap halaman secara otomatis. Tetapi bahkan jika Anda dalam kebiasaan, itu ide yang baik untuk memeriksa validitas HTML Anda ketika Anda memiliki masalah. Itu akan memastikan bahwa itu bukan kesalahan sederhana, seperti elemen atau properti HTML yang salah eja, yang menyebabkan masalah Anda.
- Validator HTML
Validasi CSS Anda
Tempat kemungkinan berikutnya di mana Anda akan memiliki masalah adalah dengan CSS Anda. Memvalidasi CSS Anda berfungsi sama dengan memvalidasi HTML Anda. Jika ada kesalahan, itu akan memastikan bahwa CSS Anda benar dan itu bukan penyebab masalah Anda.
- Validator CSS
Validasi JavaScript Anda atau Elemen Dinamis Lainnya
Seperti halnya HTML dan CSS jika halaman Anda menggunakan JavaScript, PHP, JSP, atau beberapa elemen dinamis lainnya, Anda harus memastikan bahwa itu valid juga.
Uji di Beberapa Browser
Mungkin masalah yang Anda lihat adalah hasil dari browser Web yang Anda lihat. Jika masalah terjadi di setiap browser yang dapat Anda uji, itu memberi tahu Anda sesuatu tentang apa yang harus Anda lakukan untuk memperbaikinya. Misalnya, jika Anda tahu bahwa masalah hanya terjadi di browser tertentu, Anda dapat menggali lebih dalam mengapa hanya satu browser yang mungkin menyebabkan masalah sementara yang lain baik-baik saja.
Sederhanakan Halaman
Jika memvalidasi HTML dan CSS tidak membantu, maka Anda harus mempersempit halaman untuk menemukan masalah. Cara termudah untuk melakukan ini adalah dengan menghapus atau "mengomentari" bagian-bagian halaman sampai semua yang tersisa adalah bagian dengan masalah. Anda juga harus memotong CSS dengan cara yang sama.
Gagasan di balik penyederhanaan bukanlah bahwa Anda akan meninggalkan halaman hanya dengan elemen tetap, tetapi Anda akan menentukan apa yang menyebabkan masalah dan kemudian memperbaikinya.
Kurangi dan kemudian Tambahkan Kembali
Setelah Anda mempersempit area masalah di situs Anda, mulailah mengurangkan elemen dari desain hingga masalah hilang. Misalnya, jika Anda mempersempit masalah ke
Uji setelah setiap pemindahan. Jika apa yang Anda hapus perbaikan atau benar-benar menghilangkan masalah, maka Anda tahu apa yang perlu Anda perbaiki.
Setelah Anda tahu persis apa yang menyebabkan masalah mulai menambahkan kembali dengan item yang diubah. Pastikan untuk menguji setiap kali ada perubahan. Ketika Anda melakukan desain Web, mengejutkan betapa sering hal-hal kecil dapat membuat perbedaan. Tetapi jika Anda tidak menguji bagaimana halaman terlihat setelah setiap perubahan, bahkan yang tampaknya kecil, Anda mungkin tidak menentukan di mana masalahnya.
Desain untuk Browser Standar yang Layak Pertama
Masalah yang paling umum yang dihadapi perancang Web berkisar pada membuat halaman tampak sama di sebagian besar browser. Meskipun kami telah membahas bahwa itu bisa sangat sulit, jika bukan tidak mungkin, untuk membuat halaman Web terlihat sama di semua browser, itu masih menjadi tujuan kebanyakan desainer. Jadi Anda harus mulai dengan mendesain untuk browser terbaik terlebih dahulu, yang termasuk yang sesuai standar. Setelah Anda bekerja, Anda dapat bermain dengan peramban lain untuk membuatnya bekerja, termasuk peramban yang lebih lama yang mungkin masih relevan dengan audiens situs Anda.
Jaga Kode Anda Sederhana
Setelah Anda menemukan dan memperbaiki masalah Anda, Anda harus tetap waspada agar mereka tidak muncul lagi nanti. Cara termudah untuk menghindari masalah adalah dengan menjaga HTML dan CSS Anda sesederhana mungkin. Perhatikan bahwa saya tidak mengatakan Anda harus menghindari melakukan sesuatu seperti membuat sudut bulat hanya karena HTML atau CSS rumit. Hanya saja Anda harus menghindari melakukan hal-hal rumit ketika solusi yang lebih sederhana muncul dengan sendirinya.
Dapatkan Bantuan
Nilai seseorang yang dapat membantu Anda men-debug masalah situs tidak dapat dilebih-lebihkan. Jika Anda telah melihat kode yang sama untuk sementara, itu menjadi mudah untuk melewatkan kesalahan yang mudah. Memperoleh pandangan lain pada kode itu sering kali merupakan hal terbaik yang dapat Anda lakukan untuk itu.
Diedit oleh Jeremy Girard pada 2/3/17