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

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

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

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

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

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

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

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

בדיוק כמו עם תווים מיוחדים, רווחים יכולים לגרום לבעיות בשרת האינטרנט שלך. זה רעיון טוב להימנע מהם שמות הקבצים שלך. אני אפילו עושה את זה נקודה כדי שם קבצים כמו קבצי PDF באמצעות אותם מוסכמות, רק במקרה אני צריך להוסיף אותם לאתר. אם אתה מרגיש שאתה צריך מקום כדי להפוך את שם הקובץ לקל יותר לקריאה, בחר מקפים או קו תחתון במקום. לדוגמה, במקום להשתמש "זה file.pdf" אני ישתמש "this-is-the-file.pdf".

שם הקובץ צריך להתחיל עם מכתב

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

השתמש בכל מקרה נמוך

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

שמור את שם הקובץ קצר ככל האפשר

אמנם יש מגבלה של גודל שם הקובץ על רוב מערכות ההפעלה, זה הרבה יותר זמן סביר עבור שם קובץ CSS. כלל אצבע טוב הוא לא יותר מ -20 תווים עבור שם הקובץ לא כולל את הסיומת. באופן ריאליסטי, כל דבר הרבה יותר מזה הוא מסורבל לעבוד עם קישור בכל מקרה!

החלק החשוב ביותר של שם קובץ CSS שלך

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

זה כנראה לא הפתעה גדולה, אבל התוסף על קובץ ה- CSS שלך צריך להיות:

.css

קובצי שמות קובצי CSS

אם אתה רק אי פעם יש קובץ CSS אחד באתר, אתה יכול שם זה מה שאתה רוצה. אני מעדיף גם:

styles.css או default.css

מאחר שרוב האתרים שאני עובד עליהם כוללים קובצי CSS בודדים, השמות האלה עובדים טוב בשבילי.

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

• פריסה לעומת עיצוב layout.css design.css
• מקטעי דף main.css nav.css
• אתר שלם עם תת סעיפים

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

מאמר מקורי מאת ג'ניפר קרינין. בעריכת ג'רמי ג'ירארד ב- 9/5/17