מה שלומכם חברים?
אז השיעור הוקדש כמעט כולו לתרגול,
בתחילת השיעור קיבלתם משימה לעשות דף html שמדמה מסך של מערכת ניהול.
הדף נראה ככה:
לשמחתי, רוב הכיתה פתרה את התרגיל בלי קושי מיוחד.
מצרף לכם גם את הקבצים עם הפתרון שפתרתי איתכם לקראת סוף השיעור
אבקש ממי שהתקשה מאוד בפתרון לתרגל זאת בבית שוב.
בנוסף, הכרנו את הספריות animate.css ו Font awesome וראינו איך מצרפים אותם לפרויקט..
שיעורי בית :
קודם כל אני מבקש לחזור על החומר ברמתכם בדגש על שימוש ב css ומאפיינים כגון:
border,padding,margin,text-align,direction, font-family,font-size,background,display ועוד.
תרגיל להגשה עד ה 14 לאוקטובר :
התרגיל נולד מזה שראיתי שחלק מהכיתה צריכים חיזוק בטבלאות, ורציתי לתרגל אותכם בטבלאות – בנוסף חשבתי על תרגיל שישלב גם טבלה וגם שימוש ב css עם id ו class.
אז קבלו במחיאות כפיים את………………….
לוח הכפל !
אז מה אנחנו רואים פה בעצם?
טבלת לוח הכפל – מכילה 10 שורות
כל המספרים מ 1 עד 10 צבועים באפור
המספר 25 והמספר 100 צבועים בצבע יחודי
אני אהיה הכי גלוי – חשבתי לבנות את זה בהתחלה ב html אבל מהר מאוד עברתי ל javascript, (עשיתי 2 לולאות שרצות ויוצרות את הטבלה עם המספרים) אבל בארגז הכלים שלכם כרגע יש html ו css בלבד, אז תשתמשו ביכולות הללו.. תבנו טבלה כמו שצריך, איפה שיש צבעים מיוחדים תשתמשו ב ID ואיפה שיש צבע שחוזר על עצמו הרבה פעמים(האפור) תשתמשו ב class.
בנוסף, תוסיפו אנימציה כלשהי מ animate.css לטבלה , תהיו יצירתיים 🙂