שפת עיצוב

מתוך הנקודאי

שפת עיצוב (באנגלית: Stylesheet language ; "שפת גיליון סגנון") אני מגדיר ככל שפת מחשב המשמשת למתן עיצוב גרפי למבני ממשק באפליקציה, כגון תפריט ראשי או חלון, בתוכנה.

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

מבנה מעוצב

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

הערת ביניים

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

לימוד דרך דוגמה

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

  1. ייחוס עיצוב תוך-קבצית ללא סלקטור
  2. ייחוס עיצוב תוך-קבצית עם סלקטור
  3. ייחוס עיצוב חוץ-קבצי עם סלקטור

ראו גם

הערות שוליים

  1. ^ אוטומציית פיתוח קוד מבנה-התנהגות-עיצוב