รูปลักษณ์หรือ "สไตล์" ของเว็บไซต์มีการกำหนดโดย CSS (Cascading Style Sheets) นี่คือไฟล์ที่คุณจะเพิ่มลงในไดเรกทอรีของเว็บไซต์ซึ่งจะมีกฎต่างๆของ CSS ที่สร้างการออกแบบภาพและการจัดวางหน้าเว็บของคุณ
ในขณะที่ไซต์สามารถใช้งานได้และมักใช้แบบชีทแบบหลายแบบก็ไม่จำเป็นต้องทำเช่นนั้น คุณสามารถวางกฎ CSS ทั้งหมดลงในไฟล์เดียวและยังมีประโยชน์สำหรับการทำเช่นนี้รวมถึงเวลาในการโหลดและประสิทธิภาพของหน้าเว็บที่รวดเร็วขึ้นเนื่องจากไม่ต้องเรียกใช้ไฟล์หลาย ๆ ไฟล์ ในขณะที่เว็บไซต์องค์กรขนาดใหญ่อาจต้องใช้สไตล์ชีตแยกกันในบางครั้งเว็บไซต์ขนาดเล็กถึงขนาดเล็ก ๆ จำนวนมากสามารถทำได้อย่างสมบูรณ์แบบด้วยไฟล์เพียงไฟล์เดียวโดยมีกฎเกณฑ์ทั้งหมดที่หน้าเว็บของคุณต้องการ คำถามนี้ถามคำถามว่า "ฉันควรตั้งชื่อไฟล์ CSS นี้ไว้"? "
การตั้งชื่อพื้นฐานการประชุม
เมื่อคุณสร้างสไตล์ชีตภายนอกสำหรับเว็บเพจของคุณคุณควรตั้งชื่อไฟล์ตามแบบแผนการตั้งชื่อที่คล้ายกันสำหรับไฟล์ HTML ของคุณ
ห้ามใช้อักขระพิเศษ
คุณควรใช้เฉพาะอักษร a-z, ตัวเลข 0-9, ขีดล่าง (_) และยัติภังค์ (-) ในชื่อไฟล์ CSS ของคุณ แม้ว่าระบบไฟล์ของคุณอาจอนุญาตให้คุณสร้างไฟล์ที่มีอักขระอื่นในระบบปฏิบัติการเซิร์ฟเวอร์ของคุณอาจมีปัญหาเกี่ยวกับอักขระพิเศษ คุณปลอดภัยกว่าโดยใช้เฉพาะอักขระที่กล่าวถึงที่นี่ เพราะแม้ว่าเซิร์ฟเวอร์ของคุณจะอนุญาตให้ใช้อักขระพิเศษ แต่อาจไม่ใช่กรณีนี้หากคุณตัดสินใจย้ายไปยังผู้ให้บริการโฮสต์ในอนาคต
อย่าใช้ช่องว่างใด ๆ
เช่นเดียวกับอักขระพิเศษช่องว่างอาจก่อให้เกิดปัญหาบนเว็บเซิร์ฟเวอร์ของคุณ เป็นความคิดที่ดีที่จะหลีกเลี่ยงชื่อไฟล์ของคุณซึ่งคุณควรจะตั้งชื่อไฟล์เช่นไฟล์ PDF โดยใช้หลักการเดียวกันนี้ในกรณีที่คุณต้องการเพิ่มลงในเว็บไซต์ ถ้าคุณรู้สึกว่าต้องการพื้นที่ในการอ่านชื่อให้ง่ายขึ้นให้เลือกใช้เครื่องหมายยัติภังค์หรือเครื่องหมายขีดล่างแทน ตัวอย่างเช่นแทนที่จะใช้ "this.pdf" ใช้ "this-is-the-file.pdf"
ชื่อไฟล์ควรเริ่มต้นด้วยตัวอักษร
แม้ว่าจะไม่ใช่ข้อกำหนดที่แน่นอนระบบบางระบบอาจมีปัญหากับชื่อไฟล์ที่ไม่ได้ขึ้นต้นด้วยตัวอักษร ตัวอย่างเช่นถ้าคุณเลือกที่จะเริ่มต้นไฟล์ของคุณด้วยอักขระตัวเลขการดำเนินการนี้อาจทำให้เกิดปัญหาในบรรทัด
ใช้ตัวพิมพ์เล็กทั้งหมด
แม้ว่าจะไม่จำเป็นสำหรับชื่อไฟล์ แต่เป็นความคิดที่ดีเนื่องจากเว็บเซิร์ฟเวอร์บางเครื่องมีการพิจารณาตัวพิมพ์เล็กและตัวพิมพ์ใหญ่และถ้าคุณลืมและอ้างอิงไฟล์ในกรณีอื่นก็จะไม่โหลด การใช้อักขระตัวพิมพ์เล็กสำหรับชื่อไฟล์ทุกครั้งเป็นวิธีที่ชาญฉลาด ในความเป็นจริงนักออกแบบเว็บรายใหม่ ๆ จำนวนมากพยายามหลีกเลี่ยงการทำเช่นนี้การดำเนินการเริ่มต้นของการตั้งชื่อไฟล์คือการใช้อักษรตัวแรกของชื่อ หลีกเลี่ยงสิ่งนี้และเข้าสู่นิสัยของตัวพิมพ์เล็กเท่านั้น
เก็บชื่อไฟล์ไว้ให้สั้นที่สุดเท่าที่จะเป็นไปได้
แม้ว่าจะมีขีด จำกัด ขนาดชื่อไฟล์ในระบบปฏิบัติการส่วนใหญ่ แต่ก็มีความยาวมากกว่าสมเหตุสมผลสำหรับชื่อไฟล์ CSS กฎทั่วไปไม่เกิน 20 อักขระสำหรับชื่อไฟล์ที่ไม่รวมส่วนขยาย แนบเนียนอะไรที่ยาวนานกว่าที่ไม่สามารถใช้งานได้และเชื่อมโยงไปเรื่อย ๆ
ส่วนสำคัญที่สุดของชื่อไฟล์ CSS ของคุณ
ส่วนที่สำคัญที่สุดของชื่อไฟล์ CSS ไม่ใช่ชื่อไฟล์ แต่นามสกุล ไม่จำเป็นต้องใช้ส่วนขยายในระบบ Macintosh และ Linux แต่ควรรวมส่วนขยายไว้ทุกครั้งเมื่อเขียนไฟล์ CSS ด้วยวิธีนี้คุณจะรู้ว่าเป็นสไตล์ชีตและไม่ต้องเปิดไฟล์เพื่อกำหนดว่าจะเป็นอย่างไรในอนาคต
อาจเป็นเรื่องที่น่าแปลกใจไม่ได้ แต่ส่วนขยายไฟล์ CSS ของคุณควรเป็นดังนี้
.css
กำหนดการตั้งชื่อไฟล์ CSS
ถ้าคุณเคยมีไฟล์ CSS เพียงไฟล์เดียวในเว็บไซต์คุณสามารถตั้งชื่อไฟล์ได้ทุกแบบที่คุณต้องการ ข้อควรปฏิบัติข้อใดข้อหนึ่งต่อไปนี้:
styles.css หรือ default.css
หากเว็บไซต์ของคุณใช้ไฟล์ CSS หลายไฟล์ให้ตั้งชื่อสไตล์ชีตตามฟังก์ชันของไฟล์เพื่อให้ชัดเจนว่าจุดประสงค์ของไฟล์แต่ละไฟล์เป็นอย่างไร เนื่องจากหน้าเว็บสามารถใส่สไตล์ชีตได้หลายแบบจึงช่วยแบ่งสไตล์ของคุณลงในแผ่นงานต่างๆได้ขึ้นอยู่กับลักษณะการทำงานของแผ่นงานและรูปแบบภายใน ตัวอย่างเช่น:
- การออกแบบและการออกแบบ
layout.css design.css
- ส่วนของหน้า
main.css nav.css
- ไซต์ทั้งหมดมีส่วนย่อย
หน้าเว็บเพจ mainstyles.css
หากเว็บไซต์ของคุณใช้กรอบบางประเภทคุณอาจสังเกตเห็นว่าใช้ไฟล์ CSS หลายรูปแบบแต่ละส่วนจะมีไว้สำหรับส่วนต่างๆของหน้าเว็บหรือด้านต่างๆของไซต์ (การพิมพ์สีการจัดวาง ฯลฯ )
แก้ไขโดย Jeremy Girard
