Langkah-langkah untuk Ambil Apabila Anda Mempunyai Masalah Reka Bentuk
Jika anda pernah membina sebuah laman web, anda mungkin mendapati bahawa perkara-perkara tidak selalu seperti yang dirancang. Untuk menjadi pereka laman web bermakna anda perlu selesa dengan masalah yang disepadukan dengan tapak yang anda bina.
Kadang-kadang memikirkan apa yang salah dengan reka bentuk Web anda boleh menjadi sangat mengecewakan, tetapi jika anda bersistematik tentang analisis anda, anda sering dapat mencari punca masalah itu dan memperbaikinya dengan cepat. Berikut adalah beberapa petua yang boleh anda gunakan untuk membuatnya berlaku.
Validasi HTML Anda
Apabila saya mempunyai masalah dengan laman Web saya, perkara pertama yang saya lakukan ialah mengesahkan HTML. Terdapat banyak sebab untuk mengesahkan HTML, tetapi apabila anda mempunyai masalah yang sepatutnya menjadi perkara pertama yang anda lakukan. Terdapat banyak orang yang mengesahkan setiap halaman secara automatik. Tetapi, walaupun anda berada dalam kebiasaan, adalah idea yang baik untuk memeriksa kesahan HTML anda apabila anda menghadapi masalah. Ini akan memastikan bahawa ia bukan kesalahan mudah, seperti unsur HTML atau harta salah eja, yang menyebabkan masalah anda.
- Validator HTML
Validasi CSS anda
Tempat yang paling mungkin akan datang di mana anda akan menghadapi masalah adalah dengan CSS anda. Mengesahkan CSS anda berfungsi dengan fungsi yang sama seperti mengesahkan HTML anda. Sekiranya terdapat ralat, itu akan memastikan bahawa CSS anda betul dan itu bukan penyebab masalah anda.
- Validator CSS
Validasikan JavaScript atau Elemen Dinamik Lain anda
Sama seperti HTML dan CSS jika halaman anda menggunakan JavaScript, PHP, JSP, atau beberapa unsur dinamik lain, anda harus memastikan bahawa ia juga sah.
Uji dalam Pelayar Pelbagai
Mungkin masalah yang anda lihat adalah hasil dari penyemak imbas Web yang anda lihat di dalamnya. Jika masalah berlaku dalam setiap pelayar yang anda boleh menguji, itu memberitahu anda sesuatu tentang apa yang anda perlu lakukan untuk memperbaikinya. Sebagai contoh, jika anda tahu bahawa masalah itu hanya berlaku dalam penyemak imbas tertentu, anda boleh menggali lebih mendalam mengapa hanya satu penyemak imbas itu boleh menyebabkan masalah sementara yang lain baik-baik saja.
Padamkan Halaman
Jika mengesahkan HTML dan CSS tidak membantu, maka anda harus mengecilkan halaman untuk mencari masalah. Cara termudah untuk melakukan ini adalah memadam atau "mengulas" bahagian halaman sehingga semua yang tersisa adalah bahagian dengan masalah tersebut. Anda juga harus memotong CSS ke bawah dengan cara yang sama.
Idea di belakang menyederhanakan bukanlah bahawa anda akan meninggalkan halaman dengan hanya elemen tetap, tetapi anda akan menentukan apa yang menyebabkan masalah dan kemudian memperbaikinya.
Kurangkan dan kemudian Tambah Balik
Sebaik sahaja anda telah menyempitkan kawasan masalah di tapak anda, mula menghilangkan elemen dari reka bentuk sehingga masalahnya hilang. Sebagai contoh, jika anda telah menyempitkan masalah tersebut kepada
Ujian selepas setiap penyingkiran. Jika apa yang telah anda padam pembaikan atau benar-benar membuang masalah, maka anda tahu apa yang anda perlukan untuk diperbaiki.
Sebaik sahaja anda tahu dengan tepat apa yang menyebabkan masalah mula menambahkannya kembali dengan item berubah. Pastikan untuk menguji selepas setiap perubahan. Apabila anda membuat reka bentuk Web, ia menghairankan betapa kerap perkara kecil boleh membuat perbezaan. Tetapi jika anda tidak menguji bagaimana halaman itu melihat setiap perubahan, walaupun kelihatan kecil, anda mungkin tidak menentukan di mana masalahnya.
Reka Bentuk untuk Pelayan Yang Mematuhi Piawaian Pertama
Masalah yang paling biasa yang dihadapi oleh pereka web berputar di sekitar mendapatkan halaman yang kelihatan sama dalam kebanyakan penyemak imbas. Walaupun kita telah membincangkan bahawa ia boleh menjadi sangat sukar, jika tidak mustahil, untuk mendapatkan laman Web untuk melihat sama dalam semua pelayar, ia masih menjadi matlamat kebanyakan pereka. Oleh itu, anda harus bermula dengan merekabentuk pelayar terbaik terlebih dahulu, termasuk yang mematuhi piawaian. Sebaik sahaja anda mengerjakannya, anda boleh bermain dengan penyemak imbas lain untuk membuatnya berfungsi, termasuk penyemak imbas yang lebih lama yang mungkin masih relevan dengan penonton tapak anda.
Simpan Kod Anda Mudah
Sebaik sahaja anda menemui dan membetulkan masalah anda, anda harus berhati-hati agar tidak dipotong lagi. Cara paling mudah untuk mengelakkan masalah ialah untuk mengekalkan HTML dan CSS anda semudah mungkin. Perhatikan bahawa saya tidak mengatakan bahawa anda harus mengelakkan melakukan sesuatu seperti membuat sudut bulat hanya kerana HTML atau CSS rumit. Hanya yang harus anda elakkan melakukan perkara-perkara yang rumit apabila penyelesaian yang lebih mudah muncul sendiri.
Dapatkan Beberapa Bantuan
Nilai seseorang yang boleh membantu masalah debug tapak anda tidak dapat diabaikan. Jika anda telah melihat kod yang sama untuk sementara, ia menjadi mudah untuk terlepas kesilapan yang mudah. Mendapatkan satu lagi mata pada kod itu sering merupakan perkara terbaik yang boleh anda lakukan untuknya.
Disunting oleh Jeremy Girard pada 2/3/17