ขั้นตอนในการดำเนินการเมื่อคุณมีปัญหาในการออกแบบ
ถ้าคุณเคยสร้างเว็บไซต์คุณอาจพบว่าสิ่งต่างๆไม่เป็นไปตามที่วางแผนไว้ ในการเป็นนักออกแบบเว็บไซต์คุณต้องทำความเข้าใจกับปัญหาที่เกิดขึ้นกับไซต์ที่คุณสร้างขึ้น
บางครั้งการหาสิ่งที่ผิดพลาดกับการออกแบบเว็บของคุณอาจเป็นเรื่องน่าหงุดหงิด แต่ถ้าคุณเป็นระบบเกี่ยวกับการวิเคราะห์ของคุณคุณมักจะสามารถหาสาเหตุของปัญหาและแก้ไขปัญหาได้อย่างรวดเร็วขึ้น นี่คือเคล็ดลับบางอย่างที่คุณสามารถใช้เพื่อทำให้สิ่งนั้นเกิดขึ้นได้
ยืนยัน HTML ของคุณ
เมื่อฉันมีปัญหากับเว็บเพจของฉันสิ่งแรกที่ฉันต้องทำคือตรวจสอบ HTML มีหลายเหตุผลที่จะตรวจสอบ HTML แต่เมื่อคุณมีปัญหาที่ควรจะเป็นสิ่งแรกที่คุณทำ มีหลายคนที่ตรวจสอบทุกหน้าโดยอัตโนมัติ แม้ว่าคุณจะมีนิสัยเป็นอย่างดี แต่ก็ควรตรวจสอบความถูกต้องของ HTML เมื่อมีปัญหา ซึ่งจะช่วยให้มั่นใจว่าไม่ใช่ข้อผิดพลาดง่ายๆเช่นองค์ประกอบหรือพร็อพเพอร์ตี้ HTML ที่สะกดผิดซึ่งเป็นสาเหตุของปัญหาของคุณ
- ตัวตรวจสอบ HTML
ยืนยัน CSS ของคุณ
สถานที่ที่น่าจะเป็นไปได้ถัดไปที่คุณมีปัญหาคือ CSS ของคุณ การตรวจสอบความถูกต้องของ CSS จะทำหน้าที่เหมือนกับการตรวจสอบความถูกต้องของ HTML หากมีข้อผิดพลาดที่จะตรวจสอบว่า CSS ของคุณถูกต้องและไม่ใช่สาเหตุของปัญหาของคุณ
- ตัวตรวจสอบ CSS
ยืนยัน JavaScript หรือองค์ประกอบแบบไดนามิกอื่น ๆ ของคุณ
เช่นเดียวกับ HTML และ CSS ถ้าหน้าเว็บใช้ JavaScript, PHP, JSP หรือองค์ประกอบแบบไดนามิกอื่น ๆ คุณควรตรวจสอบให้แน่ใจว่ามีความถูกต้องเช่นกัน
ทดสอบในเบราว์เซอร์หลาย ๆ
อาจเป็นเพราะปัญหาที่คุณพบเห็นนั้นเป็นผลมาจากเว็บเบราเซอร์ที่คุณกำลังดูอยู่หากปัญหาเกิดขึ้นในทุกเบราว์เซอร์ที่คุณสามารถทดสอบได้ซึ่งจะบอกคุณเกี่ยวกับสิ่งที่คุณต้องทำเพื่อแก้ไข ตัวอย่างเช่นถ้าคุณรู้ว่าปัญหาเกิดขึ้นเฉพาะในเบราว์เซอร์หนึ่ง ๆ คุณสามารถเจาะลึกได้ว่าทำไมเบราว์เซอร์หนึ่งรายนั้นอาจก่อให้เกิดปัญหาขณะที่เบราว์เซอร์อื่น ๆ สามารถทำได้
ลดความซับซ้อนของหน้า
หากการตรวจสอบความถูกต้องของ HTM L และ CSS ไม่ได้ผลคุณควร จำกัด หน้าเว็บให้แคบลงเพื่อหาปัญหา วิธีที่ง่ายที่สุดในการทำเช่นนี้ก็คือการลบหรือ "แสดงความคิดเห็นออก" บางส่วนของหน้าจนกว่าสิ่งที่เหลืออยู่คือส่วนที่มีปัญหา คุณควรตัด CSS ลงในแบบเดียวกัน
แนวคิดเบื้องหลังความเรียบง่ายไม่ได้หมายความว่าคุณจะออกจากหน้าเว็บโดยใช้เฉพาะอีลิเมนต์คงที่ แต่คุณจะเป็นผู้กำหนดสิ่งที่เป็นสาเหตุของปัญหาและแก้ไขได้
ลบแล้วเพิ่มกลับ
เมื่อคุณแคบลงพื้นที่ปัญหาของไซต์แล้วให้เริ่มลบองค์ประกอบออกจากการออกแบบจนกว่าปัญหาจะหายไป ตัวอย่างเช่นถ้าคุณลดปัญหาลงใน
ทดสอบหลังจากการถอดทุกครั้ง ถ้าสิ่งที่คุณได้ลบออกหรือแก้ไขปัญหาได้อย่างสมบูรณ์คุณจะรู้ว่าคุณต้องการแก้ไขอะไร
เมื่อคุณรู้ว่าสาเหตุใดที่ทำให้เกิดปัญหาเริ่มต้นการเพิ่มกลับด้วยรายการที่เปลี่ยนแปลง อย่าลืมทดสอบหลังจากการเปลี่ยนแปลงทุกครั้ง เมื่อคุณทำแบบเว็บน่าแปลกใจว่าบ่อยครั้งที่สิ่งเล็ก ๆ น้อย ๆ สามารถสร้างความแตกต่างได้อย่างไร แต่ถ้าคุณไม่ได้ทดสอบว่าเพจมีลักษณะอย่างไรหลังจากที่มีการเปลี่ยนแปลงทุกครั้งแม้แต่คนที่ดูอ่อนแอคุณอาจไม่สามารถระบุได้ว่าเกิดปัญหาขึ้นที่ใด
การออกแบบมาตรฐานตามมาตรฐานเบราเซอร์ก่อน
ปัญหาที่พบบ่อยที่สุดที่นักออกแบบเว็บไซต์เผชิญอยู่คือการทำให้เพจต่างๆดูเหมือนกันในเบราว์เซอร์ส่วนใหญ่ ในขณะที่เราได้กล่าวว่าอาจเป็นเรื่องยากมากถ้าไม่เป็นไปไม่ได้ที่จะทำให้เว็บเพจดูเหมือนกันในทุกเบราว์เซอร์ แต่ก็เป็นเป้าหมายของนักออกแบบส่วนใหญ่ ดังนั้นคุณควรเริ่มต้นด้วยการออกแบบเบราว์เซอร์ที่ดีที่สุดก่อนซึ่งรวมถึงมาตรฐานที่สอดคล้องกับมาตรฐาน เมื่อคุณใช้งานได้แล้วคุณสามารถเล่นกับเบราว์เซอร์อื่น ๆ เพื่อให้สามารถใช้งานได้รวมถึงเบราว์เซอร์รุ่นเก่าที่อาจมีความเกี่ยวข้องกับผู้ชมไซต์ของคุณ
เก็บรหัสของคุณให้เรียบง่าย
เมื่อคุณพบและแก้ไขปัญหาของคุณแล้วคุณควรรีบระมัดระวังเพื่อไม่ให้เกิดการครอบตัดอีกครั้งในภายหลัง วิธีที่ง่ายที่สุดในการหลีกเลี่ยงปัญหาคือการรักษา HTML และ CSS ให้เรียบง่ายที่สุด โปรดทราบว่าฉันไม่ได้บอกว่าคุณควรหลีกเลี่ยงการทำสิ่งต่างๆเช่นการสร้างมุมโค้งมนเพราะ HTML หรือ CSS มีความซับซ้อน เฉพาะที่คุณควรหลีกเลี่ยงการทำสิ่งที่ซับซ้อนเมื่อมีการนำเสนอโซลูชันที่เรียบง่ายขึ้น
รับความช่วยเหลือบางส่วน
ค่าของคนที่สามารถช่วยคุณแก้ไขปัญหาเว็บไซต์ไม่สามารถคุยโวได้ หากคุณเคยดูรหัสเดียวกันชั่วขณะหนึ่งจะกลายเป็นเรื่องง่ายที่จะพลาดข้อผิดพลาดที่ง่าย การได้รับสายตาอีกครั้งในโค้ดดังกล่าวเป็นสิ่งที่ดีที่สุดที่คุณสามารถทำได้
แก้ไขโดย Jeremy Girard เมื่อ 2/3/17