מבוא – מהי FrontPage?
התוכנה FrontPage היא כלי-עזר לבניית אתרים. היא מאפשרת גם לאנשים שלא יודעים תכנות-אתרים כלל, לבנות אתר פשוט בקלות רבה. היא מאוד דומה לתוכנה Word מבחינת תפעול.
התוכנה גם עוזרת

לתוכנה עצמה

אנא הכנסו לתוכנה FrontPage. היא נראית כך:
https://rotter.name/madric/guide1/442ed50d6757c1af.jpg# (תמונה רחבה ועל כן נפתחת בחלון חדש, עמכם הסליחה)

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

נתחיל מהחלק שבירוק, סרגל המצבים:

כפי שאתם רואים, הסרגל מחולק לארבעה מצבים: Design, Split, Code, Preview. כל אחד מהמצבים הנ"ל נותן לנו אפשרות אחרת בתוכנה, ובמקרים רבים אנו נעבוד עם כולם. להלן הסבר קצר על כל חלק:
Design – כשאתם במצב הזה, התוכנה מתפקדת פחות או יותר כמו Word, ונותנת לכם לבנות את האתר בקלות רבה.
Code – כשאתם במצב הזה, אתם למעשה מתכנתים את האתר בשפות כאלה ואחרות, כגון HTML.
Split – כשאתם במצב הזה, אתם תראו למעלה את הקוד של האתר ב-HTML (או בכל שפה אחת בה תתכנתו), ולמטה את האתר כמו שהוא נראה ב-Design. למצב הזה יש יתרונות רבים, הוא נותן לנו עזרים משני המצבים יחד, ונותן לראות בקלות איך מה שאנחנו עושים בקוד משפיע על התצוגה.
Preview – כאן תוכלו לראות איך האתר נראה עד כה, כפי שהוא יוצג בדפדפן של המשתמש שיגלוש אליו.

מכיוון שאני לא מתכוון ללמד HTML ותכנות אתרים בכלליות במדריך הזה (שכן יש מדריכים אחרים לעניין), אנו נתרכז בהמשך המדריך במצב של Design.

מעתה ואילך, נתרכז בשני החלקים הראשונים של התוכנה – הסרגים העליונים ואזור העבודה.
החלק של הסרגלים העליונים, מחולק למעשה לשלושה סרגלים. העליון שבהם (עם ה-File, Edit וכו') הוא בדיוק כמו בוורד, וגם דומה להרבה תוכנות אחרות, ולכן לא נרחיב עליו כרגע (בהמשך נשתמש בכמה מהאפשרויות שם). כנ"ל לגבי הסרגל השני. נתחיל לעבוד עם הסרגל השלישי:
https://rotter.name/madric/guide1/442ed5736abc82c1.jpg# (תמונה רחבה ועל כן נפתחת בחלון חדש, עמכם הסליחה)

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

להלן מספר דוגמאות (צילמתי במקביל את האפשרויות בסרגל ואת הטקסט המוצג):

ובכן, עד כאן בעניין הטקסט. אני מאמין בהחלט שזה קל ופשוט, ואין כאן למעשה שום הבדל מ-Word.

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

דפדפו במחשב שלכם, בחרו את התמונה שאתם מעוניינים להוסיף, והוסיפו אותה על ידי לחיצה על Insert:

באם אתם רוצים להוסיף תמונה שנמצאת באינטרנט, ראשית הוסיפו "סתם" תמונה מהמחשב שלכם. כעת, לחצו על התמונה עם הכפתור הימני של העכבר ובחרו ב-Picture Properties…:

בחלון שנפתח, בחרו בלשונית General והכניסו את הכתובת במיקום הבא:

כעת לחצו על OK. בחלון העבודה, זה יראה כך:

כעת נלמד כיצד להוסיף קישור. עקבו אחרי התמונה הבאה:

עכשיו, תחת המקום בו כתוב Text to display:, כתבו את הטקסט שתרצו שהמשתמש יראה. תחת Address:, כתבו את הכתובת אליה יובל המשתמש כאשר הוא ילחץ על הקישור. לדוגמא:

ככה זה נראה בפועל:

שימו לב שאתם יכולים לשנות את הטקסט של הקישור, על ידי שימוש בצורות עיצוב הטקסט שלמדנו קודם לכן, בסרגל העליון הקשור לטקסט. פשוט עצבו את הקישור כפי שהייתם מעצבים כל טקסט אחר.
כעת, נלמד כיצד לעשות תמונה שהיא גם קישור (כלומר שכאשר ילחצו עליה – יקושרו לדף שתקבעו). הוסיפו לאתרכם תמונה כפי שלמדנו כיצד לעשות קודם. כעת, לחצו עליה עם הכפתור הימני של העכבר ובחרו ב-Hyperlink…:

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

על מנת להוסיף טבלה, תוכלו להעזר בכפתור הבא שנמצא בסרגל העליון האמצעי. לחצו עליו ובחרו מספר עמודות ושורות, ממש כמו ב-Word:

לאחר שיצרתם את הטבלה, תוכלו כמובן ללחוץ עליה עם הכפתור הימני של העכבר, ולשנות את הגדרותיה על ידי בחירה ב-Table Properties…:

כעת יפתח לכם החלון הבא:

באדום: אתם יכולים לשנות את גודל הטבלה, כאשר ב-Rows אתם קובעים את מספר השורות, וב-Columns את מספר הטורים.
בכחול: אתם קובעים את הישור של הטבלה.
בכתום: אתם יכולים לקבוע את רוחב וגובה הטבלה (width-רוחב, height-גובה).
בצהוב: היכן הטבלה תהיה ממוקמת בדף (ימין, שמאל או ברירת מחדל).
בירוק: ניתן להגדיל את גודל התאים.
בסגול: ניתן להגדיל את הגבולות שבין התאים.
בחום: ניתן לשנות אפשרויות של גבולות: גודל, צבע וכד'.
בורוד: ניתן לשנות את הרקע של הטבלה.

על מנת לשנות את הרקע של הדף כולו, עקבו אחרי התמונה הבאה:

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