פַּנְדָּה - מחולל לבניית אתרים אישיים

הקורס של מאיה

שעור ראשון – הכרות עם המחולל

שלום מאיה-

השיעור הראשון שלנו יוקדש להכרות כללית עם הכלי בעזרתו נבנה את האתר ברשת – מערכת פַּנְדָּה. לצורך בניית האתר, פתחתי לך חשבון משתמש במדור " בנה ביתך ברשת" בתפריט המאגרים הפורום. כתובת המדור-

http://www.orianit.edu-negev.gov.il/stapuz/

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

לפני שנתחיל, כמה מילים על מהות דפי המידע באינטרט. הצגת המידע ברשת מתבצעת בעזרת קבצים מיוחדים שהסיומת שלהם היא htm או html. קבצים אלה שונים באופן מהותי מקבצי ה doc של מעבד התמלילים, ועיקר השוני נובע מהצורך הבסיסי לקבצים בעלי נפח קטן ככל האפשר כדי שיועברו בצורה הנוחה ביותר דרך הרשת. להבנת הנושא, עייני בטבלה הבאה-

השוואה בן מסמך word ובן מסמך html

מסמך html		מסמך word
1. מסמך טקסטואלי – המסמך הראשי כולל טקסט בלבד. כל שאר המרכיבים נשמרים כקבצים חיצוניים ומקושרים לטקסט בקישורים.		1. מסמך צורני – כל המרכיבים מוטבעים בגוף המסמך ונשמרים כקובץ אחד.
2. עיצוב המסמך נעשה ידני בעזרת פקודות מיוחדות בשפת הhtml. עימוד המידע מתבצע בדרך כלל בעזרת טבלאות שקופות.		2. מה שאתה רואה זה מה שאתה מקבל. פקודות העיצוב (גופנים, צבעים, עימוד הטקסט וכו') נעשות באופן אוטומטי ומוטבעות בתוך הקובץ.
3. מאחר ומדובר בקובץ טקסטואלי בלבד הטוען לפי הצורך מידע מקבצים חיצוניים, נפח הקבצים קטן באופן משמעותי ומכאן זמן טעינה קצר יותר.		3. מאחר וכל המרכיבים מוטבעים בקובץ, התוצאה היא מסמך בנפח גדול יחסית. כשעובדים עם מחשב מקומי לעובדה זאת אן כמעט משמעות. כשמציגים את דף המידע באינטרנט, לעובדה זאת יש השלכה מידית על זמן הטעינה של המסמך.
4. ניתן לשלב במסמך הרחבות ומרכיבים במגוון רחב מאוד של נושאים.		4. לא ניתן לשלב במסמך מרכיבים שונים כגון ג'אווה סקריפט וישומונים.
5. שיישום המפעיל – דפדפן האינטרנט		5. היישום המפעיל – מ.תמלילים word

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

הכרות עם תפריט המחולל-

הפעלת המחולל מתבצעת באמצעות תפריט המצוי מצד ימין. מדריך מפורט על מרכיבי התפריט תוכלי לקבל (וגם להוריד כקובץ וורד) על ידי לחיצה על "הדרכה למשתמש/ת", או ישירות מהכתובת-

http://www.orianit.edu-negev.gov.il/panda/

משימה ראשונה - הורידי את המדריך והדפיסי אותו. הפעילי את סעיפי התפריט השונים עד שתרגישי שאת שולטת בהם.

הכרות עם העורך ובניית דף ראשון-

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

שלב א' – הוספת התמונות מהמחשב שלך למאגר האישי בשרת האינטרנט.

לחצי על "מאגר תמונות" בתפריט

להוספת התמונות, לחצי על לחצן "עיון", הצביעי על הקובץ המבוקש ואשרי. אם מדובר ביותר מקובץ אחד, שני את המספר בחלון "מספר הקבצים להוספה".

שלב ב' – הוספת מסמכים מהמחשב שלך למאגר האישי בשרת האינטרנט.

לחצי על "מאגר קבצים" בתפריט

שלב ג' – כניסה לעורך הדפים.

לחצי על "יצירת דף חדש" לקבלת העורך.

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

פעולה ראשונה - קביעת את מאפייני הדף. לחצי על הצלמית המופיעה בשורה השניה של תפריטי העורך, ותקבלי את המסך-

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

פעולה שניה – הקלדה או הדבקת טקסט לעורך. את יכולה לעצב את הטקסט בעזרת הצלמיות השונות ממש כמו בוורד.

פעולה שלישית – שיבוץ תמונה במסמך.

לחצי על הצלמית המופיע בשורה השנייה של תפריטי העורך. בחלון הנפתח בחרי את התמונה ממאגר התמונות שהעלית לשרת ואשרי.

פעולה רביעית – שמירת הדף.

חשוב להדגיש – שמירת הדף מתבצעת ישירות על שרת התקשוב ולא על הדיסק הקשיח במחשב שלך.

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

יפתח החלון הבא-

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

הערה חשובה – שם הדף חייב להיות באנגלית ואן צורך להוסיף את הסיומת htm.

משימה שניה – ערכי דף בית הכולל טקסט ותמונות והודעי לי במסר כשתסיימי.

בהצלחה

אלישע