Isi
- Langkah-langkah yang harus diambil ketika Anda memiliki masalah desain
- Validasikan HTML Anda
- Validasikan CSS Anda
- Validasikan JavaScript Anda atau Elemen Dinamis Lainnya
- Uji di Beberapa Peramban
- Sederhanakan Halaman
- Kurangi dan Kemudian Tambahkan Kembali
- Desain untuk Browser yang Memenuhi Standar
- Jaga Kode Anda Sederhana
- Dapatkan Bantuan
Langkah-langkah yang harus diambil ketika Anda memiliki masalah desain
Jika Anda pernah membangun situs web, Anda mungkin menemukan bahwa segala sesuatu tidak selalu berjalan sesuai rencana. Untuk menjadi perancang web berarti Anda harus merasa nyaman dengan masalah yang disadap dengan situs yang Anda buat.
Terkadang 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 adalah beberapa tips yang dapat Anda gunakan untuk mewujudkannya.
Validasikan HTML Anda
Ketika Anda memiliki masalah dengan halaman web Anda, hal pertama yang harus dilakukan adalah memvalidasi HTML. Ada banyak alasan untuk memvalidasi HTML, tetapi ketika Anda memiliki masalah yang seharusnya menjadi hal pertama yang Anda lakukan. Sudah banyak orang yang memvalidasi setiap halaman secara otomatis. Tetapi bahkan jika Anda terbiasa, itu ide yang baik untuk memeriksa validitas HTML Anda ketika Anda memiliki masalah. Itu akan memastikan bahwa itu bukan kesalahan sederhana, seperti elemen HTML atau properti yang salah eja, yang menyebabkan masalah Anda.
Validasikan CSS Anda
Tempat berikutnya yang kemungkinan besar akan membuat masalah adalah dengan CSS Anda. Memvalidasi CSS Anda memiliki fungsi yang sama dengan memvalidasi HTML Anda. Jika ada kesalahan, itu akan memastikan bahwa CSS Anda benar dan itu bukan penyebab masalah Anda.
Validasikan 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 mereka juga valid.
Uji di Beberapa Peramban
Mungkin masalah yang Anda lihat adalah hasil dari browser web tempat Anda melihatnya. 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 masalahnya hanya terjadi pada peramban tertentu, Anda dapat menggali lebih dalam mengapa satu peramban itu dapat 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 menghapus atau "mengomentari" bagian halaman sampai semua yang tersisa adalah bagian yang bermasalah. 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 mengurangi elemen dari desain hingga masalahnya hilang. Misalnya, jika Anda telah mempersempit masalahnya menjadi spesifik
Tes setelah setiap penghapusan. Jika apa yang Anda hapus memperbaiki atau menghapus masalah sepenuhnya, maka Anda tahu apa yang perlu Anda perbaiki.
Setelah Anda tahu persis apa yang menyebabkan masalah, mulailah menambahkannya kembali dengan item yang diubah. Pastikan untuk menguji setelah setiap 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 yang Memenuhi Standar
Masalah paling umum yang dihadapi desainer web berkisar pada mendapatkan halaman yang terlihat sama di sebagian besar browser. Meskipun kita telah membahas bahwa mungkin sangat sulit, jika bukan tidak mungkin, untuk membuat halaman web terlihat sama di semua browser, itu masih merupakan tujuan dari sebagian besar desainer. Jadi Anda harus mulai dengan mendesain untuk browser terbaik terlebih dahulu, yang termasuk yang sesuai standar. Setelah Anda membuatnya, Anda dapat bermain dengan browser lain untuk membuatnya berfungsi, termasuk browser 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 tidak muncul lagi nanti. Cara termudah untuk menghindari masalah adalah menjaga HTML dan CSS Anda sesederhana mungkin. Perhatikan bahwa ini tidak berarti Anda harus menghindari melakukan sesuatu seperti membuat sudut membulat hanya karena HTML atau CSS rumit. Hanya Anda yang 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 waktu, mudah untuk melewatkan kesalahan yang mudah. Mendapatkan satu set mata lain pada kode itu seringkali merupakan hal terbaik yang dapat Anda lakukan untuk itu.
Diedit oleh Jeremy Girard.
