סטודנטים/ות יקרים/ות!

הפוסט הנ"ל הינו סיכום קצר של השיעור בנקודות + מכיל את הקבצים שתורגלו בכיתה במהלך השיעור.
אם החומר לא מובן, אפשר לשלוח לי מייל או להתקשר : 050-555-6693 (אשתדל לענות, אם לא שלחו SMS ואחזור אליכם)

זכרו כי המפתח להצלחה הינו תרגול

קורס ווב אקדמי שיעור 6

היי חברים, מה המצב?

איך היה השיעור?

כל החומר מובן? אם לא תדברו איתי.

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

בדקתי את הרוב אבל אני אשלח לכל אחד ממכם במסודר.

בעקרון השיעור למדנו  css לעומק.

עברנו על כל האלמנטים שכבר נגענו בהם בעבר, כגון

padding, margin, border, color וכו'..

חזרנו על מודל הקופסא. והכרנו אלמנטים חדשים של css

אלה האלמנטים שהכרנו השיעור:

font-size

font-weight

כל התכונות של רקעים כגון:

Background-color

Background-repeat

Background-position

Background-attachment

Background-image

והמאפיין z-index

וכמובן הכרנו לראשונה את  – POSITION

למדנו מה הערכים העיקריים שהוא יכול לקבל – והם:

absolute,relative,fixed,static.

למדנו על ציר X,Y,Z מהו כל אחד ואיך הוא בא לידי ביטוי.

ראינו את אפקט פרלקס, ואיך ממשים אותו בקלות באמצעות css עם רקע fixed

מבקש ממכם לחזור על החומר ברמתכם כל אחד מה שלא ברור לו.

 

שיעורי בית להגשה עד ה 21.10.18 :

אז מה יש לנו פה בעצם?

תג header  –  שהוא למעשה  החלק העליון (האפור) מכיל תפריט בתוכו. התג מקבל position: fixed והוא דביק.

תג aside – יכולים להשתמש גם ב div רגיל, בעצם ה"סיידבר" שלנו, זה אזור עם גובה ורוחב שבתוכו יש לי רשימה, וגם עוד div בתוכו שמכיל טופס יצירת קשר (הטופס צריך להיות עם רקע בצבע אחר)

הטופס מורכב רק מ 2 שדות.

וחלק אחרון- אזור ה content – שמכיל כותרת טקסט.

כמובן לכל ה body יש תמונת רקע .

בשביל לייצר את הרשימות בתפריטים השתמשתי ב ul ו li

 

איך מגישים?

כמו תמיד, למייל שלי [email protected]

אפשר לשלוח קישור לגוגל דרייב/להעלות למייל/כל דרך העברת קבצים מתקבלת.

 

מצגת שיעור 6

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

יאללה תנו בראש

בהצלחה תותחים!!

סגירת תפריט