Вэб дизайн дахь асуудлуудыг шийдвэрлэх

Дизайнтай асуудлын талаар авах алхамууд

Хэрэв та хэзээ нэгэн цагт вэбсайт барьсан бол эдгээр зүйлс үргэлж төлөвлөсний дагуу явдаггүй болохыг олж мэдсэн байж магадгүй. Вэб дизайнер байхын тулд та бүтээгдсэн вэбсайтуудтайгаа холбоотой алдаатай асуудлуудтай эвтэй байх хэрэгтэй.

Заримдаа таны Вэб дизайныг буруугаар ойлгох нь маш их урам хугарах болно. Гэвч хэрэв та дүн шинжилгээ хийхдээ системтэй бол асуудлын шалтгааныг олж, илүү хурдан засах боломжтой. Үүнийг хийхэд ашигладаг зарим зөвлөмжийг энд оруулав.

HTML-г баталгаажуулна уу

Вэбсайттайгаа асуудалтай тулгарах үед миний хамгийн эхний хийх зүйл бол HTML-г баталгаажуулна. HTML-г баталгаажуулах олон шалтгаан байгаа боловч танд хамгийн эхний асуудал байх ёстой асуудал байна. Хуудас бүрийг автоматаар баталгаажуулдаг олон хүн олон бий. Гэсэн хэдий ч та зуршилтай байсан ч асуудал гарсан үед HTML-ийн хүчинтэй эсэхийг шалгах нь зүйтэй юм. Энэ нь алдаатай HTML элемент эсвэл өмч гэх мэт энгийн алдаа биш гэдгийг баталгаажуулах болно.

CSS-г баталгаажуулна уу

Дараагийн асуудал бол таны CSS- тэй холбоотой асуудал. Таны CSS-г баталгаажуулах нь таны HTML-г баталгаажуулахтай адил үүрэгтэй. Хэрэв алдаа байгаа бол таны CSS зөв гэдгийг баталгаажуулах бөгөөд энэ нь таны асуудлын шалтгаан биш юм.

Таны JavaScript эсвэл Бусад Динамик элементүүдийг баталгаажуулна уу

Хэрэв таны хуудас JavaScript, PHP, JSP, эсвэл бусад динамик элементүүдийг ашигладаг бол HTML болон CSS-ийн адилаар тэдгээр нь хүчин төгөлдөр байна.

Олон хөтчийг туршсан

Таны харж байгаа асуудал бол таны үзэж буй вэб хөтчийн үр дүн юм. Асуудал нь шалгаж чадах бүх вэбсайт дээр гарч ирвэл энэ нь танд засахын тулд юу хийх ёстой талаар танд хэлж өгнө. Жишээлбэл, хэрэв тухайн тодорхой нэг хөтөч дээр асуудал үүссэнийг мэдвэл та хөтөч нь яагаад нэг асуудал үүсгэж байгаагаас илүү сайн ухаж чадна.

Хуудсыг хялбаршаарай

Хэрвээ HTML болон CSS-ийг баталгаажуулахгүй бол асуудлыг олохын тулд хуудсыг багасгах хэрэгтэй. Үүнийг хийх хамгийн хялбар арга бол үлдсэн бүх зүйлээ асуудлынхаа хэсэг хүртэл устгах юмуу "сэтгэгдэлгүй" хуудасны хэсэг юм. Та CSS-ийг иймэрхүү байдлаар багасгах хэрэгтэй.

Энгийн хялбаршуулсан санаа нь та хуудсыг зөвхөн тогтмол элементтэй орхихгүй гэсэн үг биш, харин асуудлыг шийдэж, дараа нь засах болно.

Буулгаж, дараа нь Буцах

Хэрэв та өөрийн сайтын асуудлын хэмжээг багасгасан бол асуудал арилах хүртэл дизайнаас элементүүдийг хасаж эхэл. Жишээлбэл, та асуудлыг тодорхой болгож CSS болон CSS-д тусгайлан зааж өгсөн CSS-ийн нэг мөрийг устгаад эхэл.

Шалгах бүрийг шалга. Хэрэв та зассан зүйлээ зассан эсвэл асуудлаа бүрмөсөн арилгавал засах шаардлагатай зүйлээ мэддэг.

Асуудал нь юу болж байгааг яг таг мэдэж байгаа бол үүнийг буцааж нэмж эхэлнэ. Өөрчлөлт бүрийн дараа тестийг шалга. Вэб дизайныг хийж байхдаа бага зэргийн зүйлүүд хэрхэн өөрчлөгдөж болох нь гайхалтай. Гэхдээ хэрвээ та хуудас бүр өөрчлөгдөж байгаа, бүр бага мэт санагдаж байгаа бол тестийг хаанаас шалгаж байгааг шалгаж үзээгүй тохиолдолд та асуудлыг хаана шийдэхээ тодорхойлж чадахгүй.

Стандартуудыг дагаж мөрдөх стандарт дизайнерууд

Вэб дизайнерууд ихэнх хөтчүүдэд ижилхэн хайлт хийхэд тулгардаг хамгийн нийтлэг асуудлууд юм. Хэдийгээр бид боломжгүй ч, бүх вэбсайтуудтай ижилхэн вэбсайтыг авахын тулд маш хэцүү байж болох юм гэж хэлэлцсэн боловч ихэнх дизайнеруудын зорилго хэвээр байна. Тиймээс эхлээд хамгийн сайн хөтөчдийг зохион бүтээх хэрэгтэй. Эдгээр нь стандартад нийцсэн байх ёстой. Та тэдгээрийг ажиллуулсны дараа бусад хөтөчтэй ажиллах боломжтой болох бөгөөд ингэснээр таны сайтын хэрэглэгчдэд хамааралтай хуучин хөтөч зэрэг ажилд орно.

Таны кодыг энгийн байлгах

Асуудлыг олж тогтоож, зассаны дараа тэдгээрийг хойшлуулахын тулд анхааралтай байх хэрэгтэй. Асуудлаас зайлсхийх хамгийн хялбар арга нь таны HTML болон CSS-ийг аль болохоор хялбар байлгах явдал юм. Хэрвээ HTML эсвэл CSS нь төвөгтэй байдаг учраас булангийн буланг үүсгэх гэх мэтийг хийхээс зайлсхийх хэрэгтэй гэж би хэлээгүй байна. Зүгээр л энгийн шийдвэрийг өөрөө танилцуулж байхад цогц зүйл хийхээс зайлсхийх хэрэгтэй.

Зарим тусламж авах

Сайтын асуудлыг дибаг хийхэд тусалж чадах хэн нэгний үнэ цэнэ хэтрүүлж болохгүй. Хэрэв та саяхан ижил кодыг хайж байсан бол хялбар алдаа гаргахад хялбар болно. Энэ кодыг өөр нэг нүдээр харах нь таны хийх хамгийн сайн зүйл юм.

Жереми Герард 2/3/17 дээр зассан