שם השיעור: CSS היכרות ושימוש ראשון

אין לכם גישה לתוכן זה

לקבלת גישה לשיעור זה, יש לבחור מסלול מתאים ולהירשם תחילה

תוכן הקורס

מה נלמד בשיעור הזה?

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

וקצת יותר בפירוט...

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

 

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

 

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