שלום לכולם,
סיכום השיעור בנקודות:
חזרה על החומר משיעור קודם:
- עשינו חזרה על החומר משיעור קודם, לרבות תגיות html 5 , טפסים, ומבוא ל css
- חזרנו על הנושא של תגיות שהם block,inline,inline-block שלמדנו בשיעור שעבר.
חומר חדש שלמדנו :
- מאפיינים נוספים של css כגון ,height,width,direction,background-color,color ועוד.
- למדנו על מודל הקופסא , ולמדנו על margin,padding וההבדלים בינהם.
- למדנו על התכונה border והכתיבה המקוצרת שלה , והחלק שלה במודל הקופסא.
- למדנו על צבעים בדפדפן ובשימוש בהם, ראינו אפשר לתת קוד הקדצימלי לפי גוון של צבע ספציפי או לתת על ידי ביטוי rgb
- למדנו איך אני בוחר אלמנט ספציפי בדף, ואיך משתמשים ב ID ו ב CLASS .
- ראינו איך משתמשים בספריות חיצוניות של css
- הכרנו את הספריה animate.css
- ראינו איך משתמשים בפונטים באתר
- הכרנו את google fonts וראינו איך מוסיפים מספר פונטים על ידי font-family
- דיברנו קצת על תקשורת של GET, POST אבל נלמד זאת לעומק בהמשך.
- ייבוא ספריות באמצעות CDN למול עבודה מקומית.
תרגילים שבוצעו בכיתה :
- תרגיל חימום של יצירת דף html וקצת משחק ב css
לאחר מכן תרגיל מלא :
שיעורי בית:
לבנות דף html מלא עם שימוש בתגיות של html 5 כולל
header, aside,section ועוד.
לשלב div היכן שצריך.
בונוס:
להביא פונטים + אנימציות מספריית animate.css
בשיעורי בית תצטרכו להשתמש גם בתכונה float של css.