תזכורת

1. תזכורת טופס הרשמה על מה דיברנו שיעור שעבר? טופס הרשמה - המשך תיבת הערות textarea יכולה להכיל מספר שורות rows ולהתפרס על כמה עמודות cols שנבקש. כפתור 'נקה' המוגדר בטופס מסוג reset ינקה אוטומטית את כל האלמנטים בטופס, בעת לחיצה עליו נסו זאת בעצמכם!

2. תיבת סימון מסוג checkbox יכולה להיות מסומנת ב V או לא. אם רוצים לכפות V על ההתחלה, נרשום checked=“checked”. בתור ברירת מחדל התיבה לא מסומנת. רשימה נגללת select מכילה מספר ערכים option עם תווית label המוצגת למשתמש וערך value (מה ששומר המחשב בתור משתנה). אם רוצים לכפות בחירה של ערך מסויים בהתחלה, נרשום ב option המיועד selected=“selected”. בתור ברירת מחדל הערך הראשון הוא הערך הנבחר. נסו זאת בעצמכם!

3. Cascading Style Sheets (CSS) נרצה להפריד בין העיצוב והתוכן. בנוסף לשמור על אחידות העיצובים בין הדפים באתר. ניתן להגדיר CSS בתוך הדף עצמו וניתן באמצעות קובץ, ואז הוספת קישור לקובץ זה. נעדיף להוסיף קובץ.

4. קליק ימני על סייר הקבצים >> add new item >> style sheet. ניתן שם משמעותי בכל דף באתר בו נרצה לממש את העיצובים השמורים בקובץ, נרשום מתחת ל tittle: הוספת קובץ CSS לאתר נסו זאת בעצמכם! הוסיפו קובץ css לאתר, ורשמו קישור אליו בדף ההרשמה.

5. מבנה קובץ CSS עד עכשיו, כל מה שקשור לעיצוב, היינו צריכים להוסיף מאפיין style עבור האלמנט המבוקש בדף, ואז קיבלנו רשימה נגללת של אפשרויות עיצוב. כאשר אנו עובדים בקובץ css, אוטומטית התוכנה יודעת לזהות שמדובר ב style, ופותחת רשימה נגללת בכל פעם, על מנת שנוכל לבחור. העיצובים בדוגמא יחולו על כל הדפים שיכילו קישור לדף css זה. עבור שורה אחת לא חובה ; טבלת צבעים בפורמט RGB (מתחיל ב #) http://www.edu-negev.gov.il/tapuz/motytp/atar/color-moty.htm נסו זאת בעצמכם! הוסיפו עיצובים בדף ה css