אתגר CSS


מועד אחרון להגשת פתרון: יום שני, ראש חודש אייר, 23 באפריל 2012


עדכון 8 באפריל:
הסרתי מקובץ ה html את הגדרת הכיווניות, כדי לאפשר פתרון סביר ב- IE9 , שיש לו באג עם פינות מעוגלות תחת כיווניות ימין לשמאל. תודה לעידן מיטרופנוב!

האוניברסיטה הפתוחה מחפשת איש HTML+CSS מעולה לפרויקט תכנון ויצירה של ספרים דיגיטליים. מי שיזכה בתפקיד יצטרף לתכנון של תהליך עבודה עם ההוצאה לאור של האוניברסיטה ולהפקת הספרים הדיגיטליים עצמם.

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

המעוניינים מתבקשים לפתור את האתגר הבא.

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

משימתכם (if you choose to accept it) היא להשלים את כתיבת קובץ ה- css באופן שעמוד ה- html ייראה כך: התוצאה המבוקשת לחצו כדי להציג בגודל מלא. אין להשתמש בקובץ זה בביצוע המשימה :-)

אזור הפאנלים עם לוגו האוניברסיטה הפתוחה צריך להיות ממוקם במרכז החלון (ממורכז אפקית. אין הכרח למרכֵּז אותו אנכית). ה- Layout הוא בעל ממדים קבועים (fixed layout), לא גמיש.
דפדפנים: כרום, פיירפוקס, ספארי - הגרסאות העדכניות של שלושתם - ואינטרנט אקספלורר מגרסה 8 ומעלה. ב- IE8 אפשר לוותר על הפינות המעוגלות ועל הגופן .

אין לערוך את ה- html, אין לערוך את התמונה או את הגופן. אין להיעזר במשאבים או קבצים נוספים על אלה, גם לא דרך קובץ ה- css .

לאחר שבדקתם את התוצאה בדפדפנים השונים, שלחו את קובץ ה- css בלבד אל itaiha@openu.ac.il

בהצלחה!