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

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

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

שיעור 3 – HTML FORMS + HTML 5 TAGS + CSS INTRODUCTION

שלום לכולם,

היה לנו היום שיעור עמוס, להלן עיקרי הדברים :

השיעור נפתח בלימוד מעמיק של בניית טופס ב HTML , למדנו המון סוגי פקדים שמקבלים קלט מהגולש.

לאחר מכן למדנו על תגית DIV והמשמעות שלה , ולמדנו על תגיות חלופיות שנכנסו ב html 5 כגון :

header,footer,main,article,asid,section ועוד.

בהמשך השיעור הכרנו עוד תגיות חדשות של HTML 5 כמו : audio, canvas, progressbar, template, details ועוד (דוגמאות בקבצים)

וראינו מה זה iframe שהיה עוד לפני HTML 5,

וגם תגיות שונות לעיצוב של טקסט כמו b , u , em וכו'..

הכרנו תגית נוסטלגית – marquee

ולקראת סוף השיעור התחלנו ללמוד CSS

ראינו את 3 הדרכים שאפשר להכניס css בדף ( ישירות בתגית עצמה, או בתגית HEAD , או בקובץ חיצוני )

ולמדנו את ההבדלים בין תגיות שהם block, inline, inline-block.  שזה דבר מאוד חשוב להבנה ואני אחזור עליו גם בשיעור הבא.

 

ש.ב –

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

כמו שאתם יודעים עולם הפיתוח הוא מאוד דינאמי ויכולת חשובה של מתכנתים ומתכנתי web בפרט היא לחקור ולמצוא מידע ברשת, ולמצוא פתרונות לדברים שהם לא מכירים או לא יודעים איך לעשות.

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

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

מה שאני רוצה שתעשו זה פיתוח של דף html בסגנון הבא:

 

 

האתגרים שצריך לחקור :

העיצוב של הכפתור, השילוב של התמונה, ושינויי הפונט שיש בדף.

 

קבצי השיעור להורדה כאן

את השיעורים צריך להגיש עד לתאריך 22/05

בהצלחה!

סגירת תפריט