יחידות הוראה

  • מבוא

    המורה

    אלכס שיפרין
    אי-מייל:  alex.shifrin@mail.huji.ac.il
    סקייפ: shifalex

    ציוד

    Disk-On-Key
    מחברת
    ניילונית

    תוכנות

    NOTEPAD++
    Visual Web Developer Express 2010 - ואל תשכחו להירשם אחרי ההורדה.

    תוכנות לעבודה מהבית

    Dropbox
    TeamViewer

    חומרי עזר

  • פורום הודעות

  • משימות דוגמה

  • דף מטרות

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

  • HTML - כללים

  • HTML - משימה

    מתכנתי HTML יקרים! קיבלתם עכשיו עבודה לעשות דף HTML.

    הDEADLINE שקיבלתם לעבודה זו הוא 20/10 19:00

    בהצלחה!

    העבודה:

  • CSS - משימה

    מעצבי אתרים יקרים,
    חברה ללימוד HTML באינטרנט שכרה אתכם לעצב את דף הHTML של העבודה הראשונה שלכם.
    החברה מבקשת שתראו לה 2 עיצובים שונים לאותו הדף שמהם היא תוכל לבחור.
    דרישות העיצוב:
    • לשנות את הרקע שיהיה יפה יותר מהרקע הצהוב המגעיל
    • ליפות את הפונטים(חלקם), להוסיף קצת צבע לטקסט
    • לעשות את הכותרת הראשית להיות שונה ובולטת יותר מהכותרות האחרות
    • לשנות את הגודל של התמונה
    • לשים את התמונה הראשונה במסגרת מסביבה - ניתן לעשות את זה באמצעות לשים את התמונה בdiv ולעצב את הdiv לפי הid.
    • לעצב את הקישורים כך שישתנו גם כשלוחצים עליהם
    • לשנות את הרקעים של הטבלה ב"מבנה הדף"
    • לשנות את עיצוב הגבולות של הטבלה הגדולה
    • לצבוע בצבע רקע אחד את העמודה של התאגים וצבע רקע אחר לשאר הטבלה.
    • לעצב את הטופס ואת המסגרת שלו
    • להשתמש בעוד תכונת CSS שאותה לא למדנו בשיעור(ניתן להשתמש בCSS3)!
    משימות אתגר:
    • להוריד את הקו התחתון מהקישורים
    • בעיצוב אחד לצבוע  את השורות של הטבלה בצבעים שונים לסירוגין, ובעיצוב שני לצבוע לפי העמודות כמו בהוראות

    הDEADLINE שקיבלתם לעבודה זו הוא 20/10 19:00

    בהצלחה!

  • האתר האמיתי הראשון

    מעצבי אתרים יקרים!

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

    האתר יכיל לפחות שלושה עמודים. העמוד הראשי יהיה index.html.

    העמודים יהיו מיושירים באמצעות divים.

    האתר יכיל תפריט מעוצב(אפשר אנכי, אפשר אופקי).

    האתר יכיל כותרת או לוגו או גם וגם.

    האתר יכיל שורה למטה לזכויות יוצרים

    האתר יהיה מעוצב. כמובן שכל הדפים באתר יהיו מעוצבים בסגנון אחיד. לכל עמוד תהיה כותרת משנה(מומלץ h2) מומלץ לתכנן קודם את העיצוב הכללי ואז את התוכן בכל עמוד. מומלץ להשתמש בתבנית המצורפת (חשוב שתבינו על כל שורה בקוד למה היא נועדה - מה יקרה אם נמחק אותה).

    משימות אתגר:

    לעשות תפריט נשלף(SUCKERFISH MENU) או לעשות תפריט תמונות(SPRITE MENU)

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

    קישורים חשובים

    http://www.w3schools.com/html/html_layout.asp

    http://www.w3schools.com/css/css_align.asp

    http://www.w3schools.com/css/css_navbar.asp

    http://www.w3schools.com/css/css_float.asp

    עבור האתגר:

    http://www.htmldog.com/articles/suckerfish/dropdowns/

    http://www.w3schools.com/css/css_image_sprites.asp

    http://www.w3schools.com/css/css_positioning.asp

    האתר להגשה ב19/11

    בדרופבוקס. מאוד יכול להיות שהאתרים יוצגו באסיפת הורים!!

    בהצלחה!

    תהנו חיוך

    אלכס

  • Master Page

    • Get-Post Request-Response

      • Collection

      • Session

        Session הינו אובייקט המיישם Collection.
        המפתחות של Session הינם מטיפוס String
        הערכים של Session הינם מטיפוס Object
        Session ניתן לקריאה ולכתיבה.

        האובייקט Session:
        נשמר לאורך זמן מוגבל. כלומר, ניתן להכניס לתוכו ערכים ולהשתמש בהם כשאני אעשה כניסה חוזרת לאותו הדף. שימו לב! הזמן מוגבל ולכן לאחר כמה דקות של חוסר שימוש כל הערכים ששמנו בו ימחקו.
        נשמר על כל האתר. כלומר, ניתן להכניס לתוכו ערכים בדף אחד ולהשתמש בהם בדף אחר.
        אישי לכל לקוח. כלומר, אם הכנסתי ערכים לSession עבור לקוח אחד, ערכים אלה לא יהיו קיימים בSession של לקוח אחר. ניתן לראות זאת בכך שאם אתחבר בפייסבוק דרך Chrome, ואז אכנס לפייסבוק דרך פייקפוקס אהיה לא מחובר.

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

        משימה

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