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

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

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

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

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

אנחנו ממשיכים להתקדם במודול של html ו css

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

בנוסף פתחתי את השיעור במשימה שרובכם עשיתם כמו שצריך אבל חלקכם קצת הסתכתם. במשימה ההיתם צריכים ליצור grid מסויים.

הפתרון שלי מהשיעור למשימה נמצא כאן

בנוסף – התחלנו ללמוד את עולם ה responsive ועשינו בכיתה דוגמא לנקודות שבירה. ניתן להוריד את הדוגמא מכאן

מצגת שיעור 7

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

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

אז קבלו את אתר המכירות שלי ! 

כן, מה שיש בעיצוב, זה מה שאתם הולכים לבנות.

השיעור היום נכיר את bootstrap ואתם תעשו את זה רספונסיבי לחלוטין.

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

ניתן להוריד הכל מכאן.

יש שם את כל התמונות שהשתמשתי בהם בעיצוב.

פתחו בחלון אחד את העיצוב המלא, בחלון השני דף html ותתחילו להרכיב את האתר שיראה כמו בעיצוב.

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

בהצלחה!

 

 

 

סגירת תפריט