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

לאנשים שמזלזלים בתוכנה (אהמ אהמ), ולא מודעים לכל יכולותיה.

גם מי שכבר משתמש בפרונט פייג' יוכל ללמוד דברים חדשים ולשפר את צורת עבודתו בתוכנה.

 

אז מה זה (לעזאזל [לא יכולתי להתאפק]) פרונט פייג'?

תוכנה לפיתוח אתרי WEB, הנכללת בחבילת office xp, שאת דיסק האופיס תוכלו למצוא בכל בית ממוצע.

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

אם התוכנה עדיין לא מותקנת, הכניסו את דיסק האופיס לכונן התקליטורים והתקינו אותה כעת.

 

הערות לפני ההתחלה:

קיצורים בהם נעשה שימוש במדריך: FP- פרונט פייג', ת"מ- מצב תצוגה מקדימה, HTST- מצב עריכת HTML.

 

פעולות בסיסיות והכרת התוכנה

קבצים:

דף חדש: קובץ> דף או אתר> דף ריק.

פתיחת קובץ: קובץ> פתיחה (או CTRL+O).

שמירת קובץ: קובץ> שמור (או CTRL+S). בבניית דף אינטרנט רגיל שלא בפרונט פייג', יהיה צורך לשמור את הקובץ תחת הסיומת htm/html, אך ה-FP עושה זאת עבורכם. כדי לשנות את כותרת העמוד לחצו על הכפתור 'שינוי שם' בתיבת שמירת הקבצים.

(לחצו להגדלה)

 

 

פתיחת אתר חדש:

פתחו את תוכנת ה-FP, ובצעו את הפעולות הבאות:

1. קובץ> חדש> דף או אתר>

2. בתיבה הצדדית שתפתח לחצו על תבניות אתרי אינטרנט...

3. בחרו באתר ריק.

4. יפחת לכם חלון חדש וריק של הפרונט פייג'. לחצו בתפריט על תצוגה> ניווט.

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

(לחצו להגדלה)

6. בעץ הניווט תופיע "פתקית" חדשה שעליה כתוב דף הבית, לחצו עליה פעמיים.

 

 

 

עריכה בסיסית של דפים:

1. הדף שפתחתם הוא הדף הראשי של האתר, ושמו ניתן באופן אוטומטי ע"י ה-FP:

"index.htm". אסור לשנות את שם הדף הראשי אם אתם מתכוונים לעלות אותו לאינטרנט!

כעת נערוך את הדף הראשי באופן בסיסי.

2. לחצו על הכפתור השמאלי בעכבר ובחרו באפשרות "מאפייני דף" (או בסרגל הכלים: קובץ> מאפיינים).

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

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

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

6. נדלג על שאר הלשוניות בינתיים.

 

טבלאות, תמונות וקישורים

הוספת טבלה:

טבלה> הוסף> טבלה

שנות את ההגדרות לפי רצונכם, מומלץ לקבוע את גודל הטבלה באחוזים ע"מ שתוצג באותה הצורה בכל הרזולוציות.

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

 

הוספת תמונה מהמחשב או מהאופיס:

תמונה מהמחשב: הוספה> תמונה> מקובץ

תמונה מהאופיס: הוספה> תמונה> אוסף תמונות.

 

הוספת גלריית תמונות מוכנה:

הוספה> תמונה> גלריית תמונות חדשה

הוסיפו את התמונות שאתם רוצים, ושנו את פריסת הגלריה לפי טעמכם.

 

עריכת תמונה בסיסית:

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

1. בלשונית 'מראה' תוכלו לקבוע את גודל גבול התמונה, ולשנות את גודלה הטבעי לפי רצונכם.

2. בלשונית 'כללי' תוכלו להוסיף תיאור לתמונה במעבר עכבר (במידה והתמונה לא תוצג כראוי המשתמשים יראו את התיאור- מומלץ), לשנות את פורמט התמונה וכו'.

3. בלשונית 'וידיאו' תוכלו לשנות הגדרות של סרטון וידיאו.

 

מזעור תמונות:

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

 

הוספת קישור:

הוספה> היפר קישור (CTRL+K), או שתסמנו טקסט שכבר כתבתם, תלחצו על הלחצן הימני ועל 'היפר קישור'. בתיבה שתפתח תוכלו לקבוע לאיזה קובץ לקשר, לתת תיאור מסך לקישור (במעבר עכבר תיאור המסך שכתבתם יופיע), לקבוע מסגרת יעד או סימניה.

 

הוספת סימניה:

הוספה> סימניה.

אל הסימנייה תוכלו לקשר מכל מקום בדף.

 

אפשריות ותוספות אחרות

מסגרת פנימית:

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

 

טקסט נע:

הוספה> רכיב אינטרנט> כתובית. תוכלו לשנות את כיוון הטקסט וכו'.

טיפ: בהגדרות לא ניתן לקבוע שכתובית תרוץ למעלה (ובכך תיווצר תיבת חדשות סטנדרטית ופשוטה). כדי לעשות זאת שנה את כיוון הטקסט לימין תחילה, סמן את התיבה ועבור ל-HTST, בשורה המסומנת שנה את כיוון הכתובית ל-'UP'.

 

רכיבי אינטרנט נוספים:

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

 

 

מתקדמים:

לאחר שלמדתם מהמדריך פעולות פשוטות אלו והמשכתם לשחק ולבדוק את התוכנה בעצמכם, ואתם מאמינים שאתם שולטים בה היטב, תוכלו ליהנות מהאפשריות הבאות:

 

חיבור אתר WEB למסד נתונים:

דרישות: מסד נתונים ושרת SQL.

1. פתח את האתר שלך.

2. בתפריט כלים לחץ על הגדרות אינטרנט. כדי לפתוח את תיבת הדו-שיח הגדרות אתר.

3. בתיבה הזו לחץ על הלשונית 'מסד נתונים' (Database).

4. לחץ על הלחצן 'הוספה'.

5. בתיבה שתפתח הקלד שם באנגלית, ללא רווחים וסימנים למסד הנתונים שלך.

6. באזור 'סוג החיבור' לחץ על 'קובץ או תיקיה באתר הנוכחי', ואז על הלחצן 'עיון'.

7. בתיבה שתפתח כעת תופיע תיקיה בשם 'DATABASE', לחץ עליה ואז על תיקיית האתר שלך.

8. לחץ אישור.

10. לחץ על 'ודא', אם מוצג סימן V ליד מסד הנתונים שלך לחץ על אישור.

 

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

 

מונה כניסות:

הוספה> רכיב אינטרנט> מונה כניסות. המשיכו באמצעות האשף (הסברים בתוכו) וצרו מונה כניסות. המונה יעבוד רק בשרת שתומך שפות תכנות צד- שרת.

 

פרסום אתר  WEB דרך ה-FP:

דרישות: שרת מארח תומך פרונט פייג'.

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

לחצו על קובץ> פרסום אתר> הזינו יעד לפרסום והמשיכו לפי הוראות האשף.

 

פרסום אתר WEB משרת WEB מרוחק אל מחשב מקומי:

1. קובץ> פתיחת אתר, בתיבת 'שם האתר' הקלידו את כתובת האתר או כתובת ה-IP של שרת ה-WEB שלכם, ואז על 'פתח'.

2. אם השרת דורש שם משתמש וסיסמא, הזינו אותם.

3. במידה ותרצו לפרסם את האתר אל מקום אחר פעלו לפי ההוראות שפורטו קודם.

 

טיפים וטריקים לתוכנת הפרונט פייג'

מדריך לשינוי אייקון לדף שנוצר בפרונט פייג':

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

<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">

או לחליפין:

הכנסו לקובץ> מאפיינים> התאמה אישית>

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

 

יצירת דפים חדשים ע"פ תבנית קבועה מראש:

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

כדי לעשות זאת פתחו דף חדש וצרו את העיצוב שלכם. כשתסיימו שמרו את הדף ובסוג הקובץ בחרו FrontPage template. תנו לעיצוב שלכם כותרת ותיאור, אם תחפצו בכך.

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

 

בדיקת איות ואוצר מילים:

לבדיקת האיות בדף ואיתור שגיאות כתיב או הקלדה לחצו על כלים ואז על בדיקת איות.

לחיפוש מילים נרדפות למילים קיימות תוכלו להשתמש באוצר המילים (Shift+F7, או כלים> אוצר מילים).

 

התייחסו על התוכנה כאל פנקס רשימות:

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

 

הערות

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

מדריך זה נכתב עבור http://www.yuro2u.com, ואין לעשות בו שימוש באתרים אחרים אלא באישור מנהל יורו! וכותבת המדריך!

 

 

© המדריך נכתב ע"י רוני בתאריך ה-27.6.04.