CSS

מתוך ויקיספר, אוסף ספרי הלימוד והמדריכים החופשי.

עם CSS תחסוך זמן רב. בעזרת מדריך זה תלמדו לעשות עיצוב אחיד למספר רב של מסמכי HTML.

תוכן עניינים 1 ידע קודם 2 הקדמה 3 שימושיה של CSS 4 דפדפנים 5 ראו גם 6 קישורים חיצוניים

[עריכה] ידע קודם

דרוש ידע HTML, לפני תחילת הלימוד במדריך זה.

[עריכה] הקדמה

דפי אינטרנט נכתבים בשפת HTML. כל דף HTML מכיל אלמנטים בתגי HTML. ניתן לשייך לכל אלמנט בנפרד הגדרות עיצוב ע"י מאפייני האלמנט. אך זה יהיה עיצוב שגוי של האתר, כי נניח שהאתר כולל 20 מסמכי HTML, ונניח שכל מסמך מכיל 20 אלמנטים. ולכל אלמנט אנו נשייך הגדרות עיצוב. אז יהיו לנו 400 הגדרות עיצוב. ובד"כ, אתר אינטרנט, שומר על אחידות בעיצוב שלו בין הדפים השונים, אז כפועל יוצא, נקבל הגדרות עיצוב שתחזורנה על עצמן, כלומר שכפול של קוד(=עיצוב שגוי). CSS באה לפתור את הבעיה הזו: נגדיר קובץ CSS (בד"כ אחד), שיכיל את כל הגדרות העיצוב של האתר, כל הגדרת עיצוב שחוזרת על עצמה, תכתבו רק פעם אחת בקובץ ה-CSS. (למשל, שכל הפסקאות <p> יהיו עם font מסוג DAVID). וכך נמנע משכפול של קוד. וכן, אם בעתיד נדרש לבצע שינוי בעיצוב של האתר, נצטרך לבצע זאת רק בקובץ ה-CSS, ולא באינספור דפים של HTML.

[עריכה] שימושיה של CSS

1. עיצוב אחיד לדפי HTML.
2. W3C שמתווה את עתיד האינטרנט, מכוונת לכך שתגי HTML שמשמשים לעיצוב כגון:
   <i> <em> <u> <strike> <s> <center> לא יהיו בגרסאות מתקדמות יותר של HTML. ולכן יהיה צורך לדעת CSS, בשביל לעצב את מסמך ה-HTML.
   
3. ב-CSS, אנו נמנעים מלשכפל את הקוד שמגדיר את עיצוב האתר, אז ניתן לשנות עיצוב ללא עריכה בכל דף HTML, מסמכי ה-HTML, הופכים להיות קלים יותר לתחזוקה, כי הם מכילים פחות תוכן. וגם זמן הטעינה של מסמכי ה-HTML בדפדפן מתקצר, כי הם כעת שוקלים פחות, וכן הם צורכים פחות שטח אחסון על שרת האתר.
4. ידע ב־CSS יסייע מאוד למי מכם שיעבור ל־XHTML, ויהיה הכרחי למי שיחליט לעבוד ב־XHTML Strict.

[עריכה] דפדפנים

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

[עריכה] ראו גם

בניית אתרים באינטרנט
תכנות צד-לקוח: JavaScript, CSS, XML, HTML. תכנות צד שרת: SQL, PHP, ASP, ASP.NET, JSP. תוכנות גראפיקה: פוטושופ, פלאש, GIMP שיווק: שיווק באינטרנט, תכנית שותפים. עריכה

[עריכה] קישורים חיצוניים