การแก้ปัญหาในการออกแบบเว็บ

ขั้นตอนในการดำเนินการเมื่อคุณมีปัญหาในการออกแบบ

ถ้าคุณเคยสร้างเว็บไซต์คุณอาจพบว่าสิ่งต่างๆไม่เป็นไปตามที่วางแผนไว้ ในการเป็นนักออกแบบเว็บไซต์คุณต้องทำความเข้าใจกับปัญหาที่เกิดขึ้นกับไซต์ที่คุณสร้างขึ้น

บางครั้งการหาสิ่งที่ผิดพลาดกับการออกแบบเว็บของคุณอาจเป็นเรื่องน่าหงุดหงิด แต่ถ้าคุณเป็นระบบเกี่ยวกับการวิเคราะห์ของคุณคุณมักจะสามารถหาสาเหตุของปัญหาและแก้ไขปัญหาได้อย่างรวดเร็วขึ้น นี่คือเคล็ดลับบางอย่างที่คุณสามารถใช้เพื่อทำให้สิ่งนั้นเกิดขึ้นได้

ยืนยัน HTML ของคุณ

เมื่อฉันมีปัญหากับเว็บเพจของฉันสิ่งแรกที่ฉันต้องทำคือตรวจสอบ HTML มีหลายเหตุผลที่จะตรวจสอบ HTML แต่เมื่อคุณมีปัญหาที่ควรจะเป็นสิ่งแรกที่คุณทำ มีหลายคนที่ตรวจสอบทุกหน้าโดยอัตโนมัติ แม้ว่าคุณจะมีนิสัยเป็นอย่างดี แต่ก็ควรตรวจสอบความถูกต้องของ HTML เมื่อมีปัญหา ซึ่งจะช่วยให้มั่นใจว่าไม่ใช่ข้อผิดพลาดง่ายๆเช่นองค์ประกอบหรือพร็อพเพอร์ตี้ HTML ที่สะกดผิดซึ่งเป็นสาเหตุของปัญหาของคุณ

ยืนยัน CSS ของคุณ

สถานที่ที่น่าจะเป็นไปได้ถัดไปที่คุณมีปัญหาคือ CSS ของคุณ การตรวจสอบความถูกต้องของ CSS จะทำหน้าที่เหมือนกับการตรวจสอบความถูกต้องของ HTML หากมีข้อผิดพลาดที่จะตรวจสอบว่า CSS ของคุณถูกต้องและไม่ใช่สาเหตุของปัญหาของคุณ

ยืนยัน JavaScript หรือองค์ประกอบแบบไดนามิกอื่น ๆ ของคุณ

เช่นเดียวกับ HTML และ CSS ถ้าหน้าเว็บใช้ JavaScript, PHP, JSP หรือองค์ประกอบแบบไดนามิกอื่น ๆ คุณควรตรวจสอบให้แน่ใจว่ามีความถูกต้องเช่นกัน

ทดสอบในเบราว์เซอร์หลาย ๆ

อาจเป็นเพราะปัญหาที่คุณพบเห็นนั้นเป็นผลมาจากเว็บเบราเซอร์ที่คุณกำลังดูอยู่หากปัญหาเกิดขึ้นในทุกเบราว์เซอร์ที่คุณสามารถทดสอบได้ซึ่งจะบอกคุณเกี่ยวกับสิ่งที่คุณต้องทำเพื่อแก้ไข ตัวอย่างเช่นถ้าคุณรู้ว่าปัญหาเกิดขึ้นเฉพาะในเบราว์เซอร์หนึ่ง ๆ คุณสามารถเจาะลึกได้ว่าทำไมเบราว์เซอร์หนึ่งรายนั้นอาจก่อให้เกิดปัญหาขณะที่เบราว์เซอร์อื่น ๆ สามารถทำได้

ลดความซับซ้อนของหน้า

หากการตรวจสอบความถูกต้องของ HTM ​​L และ CSS ไม่ได้ผลคุณควร จำกัด หน้าเว็บให้แคบลงเพื่อหาปัญหา วิธีที่ง่ายที่สุดในการทำเช่นนี้ก็คือการลบหรือ "แสดงความคิดเห็นออก" บางส่วนของหน้าจนกว่าสิ่งที่เหลืออยู่คือส่วนที่มีปัญหา คุณควรตัด CSS ลงในแบบเดียวกัน

แนวคิดเบื้องหลังความเรียบง่ายไม่ได้หมายความว่าคุณจะออกจากหน้าเว็บโดยใช้เฉพาะอีลิเมนต์คงที่ แต่คุณจะเป็นผู้กำหนดสิ่งที่เป็นสาเหตุของปัญหาและแก้ไขได้

ลบแล้วเพิ่มกลับ

เมื่อคุณแคบลงพื้นที่ปัญหาของไซต์แล้วให้เริ่มลบองค์ประกอบออกจากการออกแบบจนกว่าปัญหาจะหายไป ตัวอย่างเช่นถ้าคุณลดปัญหาลงใน

และ CSS ที่กำหนดลักษณะเฉพาะให้เริ่มต้นด้วยการลบ CSS บรรทัดละครั้ง

ทดสอบหลังจากการถอดทุกครั้ง ถ้าสิ่งที่คุณได้ลบออกหรือแก้ไขปัญหาได้อย่างสมบูรณ์คุณจะรู้ว่าคุณต้องการแก้ไขอะไร

เมื่อคุณรู้ว่าสาเหตุใดที่ทำให้เกิดปัญหาเริ่มต้นการเพิ่มกลับด้วยรายการที่เปลี่ยนแปลง อย่าลืมทดสอบหลังจากการเปลี่ยนแปลงทุกครั้ง เมื่อคุณทำแบบเว็บน่าแปลกใจว่าบ่อยครั้งที่สิ่งเล็ก ๆ น้อย ๆ สามารถสร้างความแตกต่างได้อย่างไร แต่ถ้าคุณไม่ได้ทดสอบว่าเพจมีลักษณะอย่างไรหลังจากที่มีการเปลี่ยนแปลงทุกครั้งแม้แต่คนที่ดูอ่อนแอคุณอาจไม่สามารถระบุได้ว่าเกิดปัญหาขึ้นที่ใด

การออกแบบมาตรฐานตามมาตรฐานเบราเซอร์ก่อน

ปัญหาที่พบบ่อยที่สุดที่นักออกแบบเว็บไซต์เผชิญอยู่คือการทำให้เพจต่างๆดูเหมือนกันในเบราว์เซอร์ส่วนใหญ่ ในขณะที่เราได้กล่าวว่าอาจเป็นเรื่องยากมากถ้าไม่เป็นไปไม่ได้ที่จะทำให้เว็บเพจดูเหมือนกันในทุกเบราว์เซอร์ แต่ก็เป็นเป้าหมายของนักออกแบบส่วนใหญ่ ดังนั้นคุณควรเริ่มต้นด้วยการออกแบบเบราว์เซอร์ที่ดีที่สุดก่อนซึ่งรวมถึงมาตรฐานที่สอดคล้องกับมาตรฐาน เมื่อคุณใช้งานได้แล้วคุณสามารถเล่นกับเบราว์เซอร์อื่น ๆ เพื่อให้สามารถใช้งานได้รวมถึงเบราว์เซอร์รุ่นเก่าที่อาจมีความเกี่ยวข้องกับผู้ชมไซต์ของคุณ

เก็บรหัสของคุณให้เรียบง่าย

เมื่อคุณพบและแก้ไขปัญหาของคุณแล้วคุณควรรีบระมัดระวังเพื่อไม่ให้เกิดการครอบตัดอีกครั้งในภายหลัง วิธีที่ง่ายที่สุดในการหลีกเลี่ยงปัญหาคือการรักษา HTML และ CSS ให้เรียบง่ายที่สุด โปรดทราบว่าฉันไม่ได้บอกว่าคุณควรหลีกเลี่ยงการทำสิ่งต่างๆเช่นการสร้างมุมโค้งมนเพราะ HTML หรือ CSS มีความซับซ้อน เฉพาะที่คุณควรหลีกเลี่ยงการทำสิ่งที่ซับซ้อนเมื่อมีการนำเสนอโซลูชันที่เรียบง่ายขึ้น

รับความช่วยเหลือบางส่วน

ค่าของคนที่สามารถช่วยคุณแก้ไขปัญหาเว็บไซต์ไม่สามารถคุยโวได้ หากคุณเคยดูรหัสเดียวกันชั่วขณะหนึ่งจะกลายเป็นเรื่องง่ายที่จะพลาดข้อผิดพลาดที่ง่าย การได้รับสายตาอีกครั้งในโค้ดดังกล่าวเป็นสิ่งที่ดีที่สุดที่คุณสามารถทำได้

แก้ไขโดย Jeremy Girard เมื่อ 2/3/17