אל תחמיצו את ההזדמנות להתחיל קריירה בהייטק!
מועדי פתיחה קרובים:
| מסלול RT Embedded Linux | 06/02 |
| מסלול Cyber | 06/02 |
| מסלול Machine Learning | 06/02 |
| מסלול Computer Vision | 06/02 |
מקומות מוגבלים – השאירו פרטים עכשיו!
מדריך CSS – פרק 1
עודכן לאחרונה: 26 אוקטובר, 2022
מעוניינים לפתח קריירה בהייטק בתור מפתחי אתרים או מפתחי Full Stack? הגעתם למקום הנכון!
הכנו עבורכם מדריך לשפת CSS במדריך זה נבצע סקירה מקיפה של השפה החל מהבסיס.
נלמד על ההיסטוריה והמהות של שפת העיצוב ומשם נמשיך ללימודי CSS ולתרגל את כל תהליך עיצוב האתר וכתיבה נכונה, עיצוב רספונסיבי לכל גודל של מסך וכמובן – אלמנטים חדשים ומתקדמים.מדריך זה יעזור לכם להכיר את השפה ואת אופן כתיבת הקוד אך אם תרצו לקחת את הנושא לשלב הבא וללמוד קורס CSS בצורה מעשית ולהמשיך משם לקריירה בהייטק תוכלו ללמוד את CSS המקצועי והמקיף ביותר בארץ אצלנו במכללה.
מה זה CSS?
CSS Cascading Style Sheets – היא שפה הנקראת גיליונות סגנון מדורגים. CSS היא כלי חשוב בפיתוח ועיצוב אתרים כאשר ניתן בעזרת CSS להגדיר עיצוב לאלמנטים של CSS.
בצורה זו המפתח מפריד את חוקי העיצוב מקוד האתר ובקובץ נפרד מגדיר עיצוב כגון: גובה, רוחב, צבע טקסט, צבע רקע לכל אלמנט ואלמנט באתר.
להלן חלק 1 של המדריך – סקירה של השפה, מדריך היכרות בסיסי והיכרות עם הקוד.
מהו תפקיד HTML וCSS בחלק ממבנה האתר
לפני שמייצרים את עיצוב האתר ומחליטים על צבע האלמנטים, גודל הפונט, הפריסה אנו כותבים את התוכן האתר בעזרת HTML, לפני שלומדים CSS חשוב להבין מה זה HTML.
בעת כתיבת התוכן בשפת התגיות HTML אנו נחליט על מבנה העמוד, האלמנטים שבו, כותרות, פסקאות, טפסים, תמונות ועוד. התוכן יהיה כתוב ויוצג בדפדפן ללא כל עיצוב אלא בתור טקסט לאחר מכן תיכנס לתמונה CSS ואז ה"קסם" יתחיל.
איך הקוד של CSS נראה בפועל?
לפני שמייצרים את עיצוב האתר ומחליטים על צבע האלמנטים, גודל הפונט, הפריסה וכו אנו כותבים את התוכן האתר בעזרת HTML.
לפני שלומדים CSS חשוב להבין מה זה HTML. בעת כתיבת התוכן בשפת התגיות HTML אנו נחליט על מבנה העמוד, האלמנטים שבו, כותרות, פסקאות, טפסים, תמונות ועוד.
התוכן יהיה כתוב ויוצג בדפדפן ללא כל עיצוב אלא בתור טקסט לאחר מכן תיכנס לתמונה CSS ואז ה"קסם" יתחיל.
היכן כותבים את הקוד של CSS?
הקוד של CSS נכתב בתוכנה לעריכת קוד – code editor
notepad היא התוכנה הכי בסיסית ונפוצה, sublime מתקדמת יותר והכתיבה בה תהיה יותר נוחה, ויש עוד תוכנות רבות ומקצועיות בתחום.
למדריך מלא לגבי יתרונות וחסרונות של התוכנות לכתיבת תוכן.
איך לימודי CSS יעזרו לי?
ידע מקצועי בכתיבת CSS הוא הכרחי לכל מפתח ווב או מפתח Full stack.
בנוסף גם אנשי webmaster ואפילו אנשי דיגיטל צריכים ידע בשפה מכיוון שהיא חלק משמעותי ובלתי נפקד מכל אתר אינטרנט.
למי שיהיה את הידע המקצועי והרלוונטי זהו דבר שיוסיף לו עוד ידע וניסיון חשוב לסל הכלים שלו כמפתח קריירה בהייטק.
כיום לכל מי שעוסק בפיתוח או תפעול או שיווק אתרי אינטרנטי חשוב מאוד שיהיה הידע בתחום ואת היכולת לייצור עיצוב רספונסיבי, יעיל ומהיר.
בפרק הבא של המדריך נמשיך לנושאים מקצועיים ונלמד איך משייכים את קובץ CSS לאתר שלנו, ובנוסף נסקור את היסודות של השפה ואיך למעשה מתחילים לבנות את עיצוב האתר. משם נמשיך לנושאים טכניים, דגשים ועיצוב מתקדם.