יום שני, 23 באוגוסט 2010

HTML - הרבה יותר נחמד ממה שחשבתי

בלוג יקר שלום
לא יאומן, אנו נמצאים כבר בסיומו של סמסטר שלישי..

במסגרת הקורס "שפות וכלים בעיצוב סביבת למידה מתוקשבת" בהנחיית מר יאיר צדוק נתבקשנו לבנות אתר אינטרנט משלנו. כל קבוצה בחרה את תחום התוכן שבו יעסוק האתר שלה ובהמשך תכננה ועיצבה את האתר כראות עיניה.
אנו וחברותי לקבוצה (סיגי ואילנה) בחרנו לתכנן ולבנות אתר בנושא של חגי ישראל באופן כללי והתמקדנו בנושא חג פורים. לכל אורך התהליך חשוב היה לנו לבחור נושא הרלבנטי לתלמידינו בכדי שנוכל ליישמו אח"כ גם בשטח. בכל מטלות הקורסים השונים במהלך הלימודים חשוב לנו לבנות תוצרים שישמשו אותנו אח"כ בעבודתינו ולא יישארו בגדר תאוריטי בלבד, שנוכל לשלבו ככלי להוראת נושא בכיתה ובכל לרתום את הטכנולוגיה לשרות הפדגוגיה.לאור הנ"ל שילבנו באתר הרבה אלמנטים ויזואליים ואודיטוריים (שירים, תמונות ,אנימציות והקלטות קוליות) מותאמים בכדי להעלות את רמת העניין , הסקרנות והמוטיבציה של תלמידינו.
האתר נבנה בשפת HTML בעזרת התוכנה share point שלך מיקרוסופט. בתחילת הקורס שפת ה-HTML נראתה ונשמעה כמו סינית. אך אם הזמן למדנו את מהותה ונחשפנו למספר אדיטורים שבהם משתמשים לצורך בניית אתרים כמו: notepad, notepad++ , ותוכנת sharepoint desiner. לטעמי תוכנת sharepoint היא הידידותית ביותר מבין האחרות, אומנם היא הרבה פחות "סלחנית" לטעויות מבחינת תקינות HTML אך היא מבצעת באופן אוטומטי הרבה פונקציות בסיסיות שבnotepad יותר מסורבל לעשות כמו: מירכוז הטקסט, הגדלת הגופן ועוד.. יחד עם הנחייתו הצמודה של יאיר הצלחנו לבנות מספר דפים לאתר שלנו: דף הבית, דף סמלי החג, דף שירי החג ונשאר לנו לסיים את דף מאכלי החג שיכיל מתכון להכנת אוזני המן הכתוב בסמלי תקשורת תומכת חליפית. תהליך הבנייה מאוד הדרגתי וכל צעד דרש חשיבה וכתיבת פקודת HTML בכדי שנראה על המסך את התוצאה המבוקשת: בשלב הראשון עיצבנו את הכותרות והטקסטים השונים. בשלב השני הוספנו קישורים מעמוד הבית לשאר הדפים. בשלב השלישי למדנו איך להוסיף תמונות ולמקמם במקומים שונים על המסך . בשלב הרביעי הוספנו טקסט מתחת לתמונה והוספת יישום של הגדלת תמונה בכל לחיצה. בשלב החמישי הוספנו שירים שיושמעו בכל לחיצה על התמונה המייצגת ונשאר השלב האחרון של הוספת המתכון.
אין ספק שבניית אתרים היא עבודה סיזיפית , כל טעות בהפקודה תיצור תוצאה לא רצוייה על המסך ויש לתת על כך את הדעת. אולם, הדבר אינו בלתי אפשרי אך דורש אימון ותרגול רב בשפת HTML.
מאוד נהניתי מתהליך הבנייה , התכנון והעיצוב ומאוד גאה שיחד עמדנו במשימה..
אורנית

תגובה 1:

  1. הי אורנית!
    לא להאמין אבל התוצר הסופי שלנו מוכן וניתן ליישום בשטח. כמו שתארת אכן הדרך ארוכה , מורכבת ומסורבלת אך לא מאיימת ובלתי אפשרית כמו שחשבנו בתחילה.

    השבמחק