היי חברים מה המצב?
אנחנו ממשיכים להתקדם במודול של html ו css
בשיעור האחרון למדנו על css selectors יותר לעומק, למדנו איך אפשר לבחור את כל האלמנטים שהם ילד של אלמנט מסויים, איך אפשר לבחור את כל הקישורים במצב מסויים, קישור ספציפי ועוד הרבה סלקטורים מעניינים..
בנוסף פתחתי את השיעור במשימה שרובכם עשיתם כמו שצריך אבל חלקכם קצת הסתכתם. במשימה ההיתם צריכים ליצור grid מסויים.
הפתרון שלי מהשיעור למשימה נמצא כאן
בנוסף – התחלנו ללמוד את עולם ה responsive ועשינו בכיתה דוגמא לנקודות שבירה. ניתן להוריד את הדוגמא מכאן
על השיעור הזה אני לא נותן שיעורי בית, אלא פרויקט אותו תצטרכו להגיש ב 28.10 שזה למעשה השיעור האחרון שלי איתכם במודול הנוכחי.
בהתחלה בכיתה הראתי לכם פרויקט שרציתי לתת לכם אותו, אבל בגלל כל מיני בעיות (מכיוון שמדובר בעיצוב של לקוח אמיתי, של אתר שעתיד לעלות) יש לי קצת בעיה לתת לכם את החלקים וה psd של האתר הזה. לכן עיצבתי לכם משהו אחר, גם נחמד לא פחות! (האמת יצא לי סבבה לגמרי, ואני בכלל לא מעצב!)
כן, מה שיש בעיצוב, זה מה שאתם הולכים לבנות.
השיעור היום נכיר את bootstrap ואתם תעשו את זה רספונסיבי לחלוטין.
מכיוון שאנחנו לא לומדים פוטושופ, אז חתכתי עבורכם כבר את כל החלקים של העיצוב, כולל התמונות והכל. רק נשאר לכם להתחיל לבנות.
יש שם את כל התמונות שהשתמשתי בהם בעיצוב.
פתחו בחלון אחד את העיצוב המלא, בחלון השני דף html ותתחילו להרכיב את האתר שיראה כמו בעיצוב.
יום חמישי אנחנו עושים שיעור תרגול לנושא, מצפה שכבר תהיו בשלבים מתקדמים.
בהצלחה!