מה אני צריך שם קובץ CSS שלי גיליון?

המראה והתחושה, או "סגנון" של האתר הם מוכתבים על ידי CSS (גיליונות סגנון מדורגים). זהו קובץ שתוסיף לספרייה של האתר שלך אשר יכיל את כל כללי CSS שיוצרים את העיצוב החזותי ואת הפריסה של הדפים שלך.

בעוד אתרים יכולים להשתמש, ולעיתים קרובות לעשות, להשתמש גיליונות סגנון מרובים, אין צורך לעשות זאת. אתה יכול למקם את כל כללי CSS שלך לתוך קובץ אחד, ויש יתרונות למעשה לעשות זאת, כולל זמן הטעינה מהר והביצועים של הדפים שכן הם לא צריכים לאחזר קבצים מרובים. אמנם גדול מאוד, אתרי הארגון עשוי להזדקק גיליונות סגנון נפרד לפעמים, אתרים קטנים עד בינוניים יכולים לעשות בסדר גמור עם רק קובץ אחד עם כל הכללים הדפים שלך צריך. זה מתחיל את השאלה "מה אני צריך שם זה קובץ CSS"?

יסודות האמנה למתן שמות

כאשר אתה יוצר גיליון סגנונות חיצוני עבור דפי האינטרנט שלך, עליך לציין את שם הקובץ בעקבות מוסכמות למתן שמות דומים עבור קובצי ה- HTML שלך.

אין להשתמש בתווים מיוחדים

יש להשתמש רק באותיות a-z, במספרים 0-9, קו תחתון (_), ובמקפים (-) בשמות קובצי CSS. בעוד מערכת הקבצים שלך עשויה לאפשר לך ליצור קבצים עם תווים אחרים בהם, מערכת ההפעלה של השרת שלך עשוי להיות בעיות עם תווים מיוחדים. אתה בטוח יותר רק באמצעות התווים שהוזכרו כאן. אחרי הכל, גם אם השרת שלך מאפשר תווים מיוחדים, זה לא יכול להיות המקרה אם אתה מחליט לעבור ספקי המארחת בעתיד.

אין להשתמש בכל מקום

בדיוק כמו עם תווים מיוחדים, רווחים יכולים לגרום לבעיות בשרת האינטרנט שלך. זה רעיון טוב להימנע מהם שמות הקבצים שלך - אתה צריך אפילו לעשות את זה נקודה כדי שם קבצים כמו קבצי PDF באמצעות אותם מוסכמות, רק במקרה שאתה צריך להוסיף אותם לאתר. אם אתה מרגיש חזק שאתה צריך מקום כדי להפוך את שם הקובץ לקל יותר לקריאה, לבחור מקפים או קו תחתון במקום. לדוגמה, במקום להשתמש "זה file.pdf" להשתמש "זה- 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

• אתר שלם עם תת סעיפים

  דף הבית

אם האתר שלך משתמש במסגרת כלשהי, סביר להניח שתבחין שהוא משתמש במספר קובצי CSS, שכל אחד מהם מוקדש לחלקים שונים של הדפים או ההיבטים של האתר (טיפוגרפיה, צבע, פריסה וכו ').

בעריכת ג'רמי ג'יררד