בניית אתר אישי פשוט עם מוזילה

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

הערה: צילומי המסך במדריך הזה נלקחו מגירסת מוזילה עם ממשק עברי, אותה אפשר להוריד מאתר mozilla.org.il
בשביל להגיע לתוכנת הקומפוזר, נפתח את מוזילה, נלך לתפריט "חלון" ונבחר "composer"
פתיחת הקומפוזר מתוך מוזילה

נקבל את חלון הקומפוזר, ובתוכו דף חדש וריק:
קומפוזר- מראה כללי

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

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

לצערי, כרגע אין במוזילה כפתור גרפי לשליטה על הכיווניות בכתיבה בעברית,  אז במקומו, נלחץ על הלשונית המסומנת "קוד מקור".  לתג ה־body נוסיף את המאפיין dir="rtl" (מודגש בתמונה) ואז נלחץ על הלשונית המסומנת "רגיל" לחזרה לעריכה רגילה של הדף.

הגדרה לכתיבת עברית

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

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

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

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

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

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

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

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

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

נלחץ על "בחר קובץ" ונבחר את התמונה שאנחנו רוצים מתוך הספרייה בה שמרנו את הדף:
בחירת התמונה

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


והנה הדף שלנו עם התמונה:
התמונה במסמך


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

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

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

2 הפניות

Listed below are links to blogs that reference this entry: בניית אתר אישי פשוט עם מוזילה.

TrackBack URL for this entry: http://www.xslf.com/mt/xslf-tb.cgi/27

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

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

69 תגובות

איך מוסיפים את האתר לאינטרנט

Xslf :

שלום אלירן. התשובה לשאלה שלך תהיה במדריך הבא :-)

בקצרה: אתה צריך לפתוח חשבון במקום שנותן לאכסן אתר (למשל פלנט נענע http://planet.nana.co.il ) ולהעלות לשם את הקבצים- התמונות וקבצי ה־html שיצרת. בהרבה מקומות, כמו פלאנט נענע, אפשר להעלות את הקבצים ישירות דרך הדפדפן.

יופי של מדריכים את מפרסמת שוש, כל הכבוד!

Xslf :

כמובטח, מדריך ההמשך על העלאת האתר לאינטרנט, עלה עכשיו:
http://www.xslf.com/archives/000030.html

מיכה :

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

Xslf :

שלום מיכה. אני שמחה שמצאת את המדריך שימושי.

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

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

Mano :

והנה גרסת הוויקי למשתמשי מקינטוש

http://mac.plonter.co.il/plonwiki/Mozilla/Composer/BasicGuide

אייל בן-סימון :

שושנה, מאיפה השגת את הסמל היפה הזה של TUX?
אגב, שמים לב שאת מחליפה כל פעם מחשב/הפצה/כל דבר אחר.. :-)
ובקשר לתמונות, את עורכת אותם עם גימפ או פוטושופ?

Xslf :

אהלן אייל.
את טוקס השגתי מאחד ממאגרי הקליפ ארט הפתוחים- לא זוכרת בדיוק איזה.

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

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

אורי :

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

איתן :


האם לא יותר פשוט לבנות אתר בוורד (ולשמור אותו כ HTML) ורק אח"כ להעלות אותו לרשת?
מה הדרך להעלות אתר וורד לרשת? האם דרך מוזילה כמו שהסברת במדריך להעלאת אתר לרשת?

xslf :

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

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

אבל תמיד אפשר להעלות אותו דרך ה"ממשק המתקדם" באתר (או איך שלא קוראים לו בשרת האירוח שלך)

ארתור :

אני צריך עזרה בבקשה תפנו לאיי סי קיו שלי
235867319

מירית :

האם זה בחינם?

Xslf :

>האם זה בחינם?

כן

Xslf :

ארתור- אין לי אפשרות לענות לאנשים ב־icq. נסה לכתוב כאן את הבעייה, או בפורום מוזילה ישראל:
http://www.mozilla.org.il/board/
ותקבל תשובה.

מאיר :

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

Xslf :

שלום מאיר.
חיפוש מהיר בגוגל על "אתר שורשים" מביא את האתר הבא:
http://www.mishpuhe.co.il/
לא ניסיתי אותו בעצמי, אבל על פניו נראה שזה מה שאתה מחפש.

בהצלחה!

רוצה לבנות אתר

עמרם זהבי :

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

האתר הזה שיך לעילי כבודו

אני צריך עזרה תיפנו לאיסיקיו שלי אני לא יודע לבנות אתר מספר איסיקיו 309609972

דוד :

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

איליה :

אני חושב שהיה יותר נכון לעשות את שינוי הכיוון של המסמך מתוך Format | Page Colors and Background | Advanced Properties.
אם תשימי לב, שם הוא אפילו יודע לתת combo box שבוחר בין ltr ו- rtl.

דניאל :

שלום שושנה,
אני משתמש ב xp וב- internet explorer וברצוני לבנות אתר דרך תוכנה פשוטה לכך ואשמח לפעול ע"פ המדריך שלך אך מאיפה ואיך אני יוכל להוריד את התוכנה של mozila ואם אני בגלל יכול להתקין אותה?

אתר מגניב מלה חיים וכפי

Xslf :

שלום דניאל. אתה יכול להתקין את מוזילה ללא בעיות.
את הגירסה עם הממשק האנגלי אתה יכול להוריד מהאתר של מוזילה:
http://www.mozilla.org/download.html

ואת הגירסה עם הממשק בעברית אתה יכול להוריד מהאתר של מוזילה ישראל:
http://www.mozilla.org.il/releases/#installer

שתי הגרסאות כמובן תומכות בעברית- ההבדל הוא רק בשפה של ממשק המשתמש.

Anonymous :

אני לא מצליחה להוריד בעברית אפילו איך שהסברת בקישור!

Xslf :

>אני לא מצליחה להוריד בעברית אפילו איך שהסברת בקישור!

שלום לאנונימית. את גירסת מוזילה 1.6 בעברית לחלונות את יכולה להוריד מכאן:
http://prdownloads.sourceforge.net/hebmoz/mozilla-win32-1.6-heIL-v1.0-installer.exe
לא נתתי קישור ישיר במאמר, מכיוון שהוא ישתנה כשתצא גירסה חדשה (או-טו-טו).

אם לא הצלחת להתקין- תצטרכי לתת יותר פירוט (ועדיף- שתשאלי בפורום מוזילה http://www.mozilla.org.il/board יש אנשים מאוד נחמדים, ולא תצטרכי להיות תלויה בכמות הזמן הפנוי שיש לי).

בהצלחה.

וצה לעשות אתר אישי

Xslf :

תמיר- יש משהו ספציפי שחסר במדריך כאן? ניסית לעבוד לפיו?

Anonymous :

מזה לא מבינים איך אפשר לבנות אתר

גולש :

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

חסוי :

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

Xslf :

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

אתה יכול לאתר הרבה מהם בעזרת מנוע החיפוש הבא:
http://www.freewebspace.net

בהצלחה!

אני מבקשת שתסבירו לי איך מורידים לicq ולכל דבר אחר
תודה ומקווה שתעזרו לי
תודה ושלום

Anonymous :

אתר יפה

איך אני מכניס תאתר לאינטרנט
או מאחסן

דנה :

איך אני מוצאת מקום שאני יכולה לעשות אתר משלי

זיו :

אני עשיתי אתר יש בו סירטונים יש בו הקלטות שירים בדיחות ועוד העניין אני לא יודע איך לפתוח אותו

קרן :

יפה

מאיר :

לכל הרוצים להעלות אתר בחינם הנה כמה כתובות:
http://www.100webspace.com/
http://www.netfirms.com/web-hosting-free/
http://www.5gigs.com/

האתרים נלקחו מתוך מדריך לאחסון אתרים
http://www.host-sting.com/pages/free-web-hosting.php?lang=he

חן :

איין לי מה

מרוה אברהמי :

אני ממש רוצה לבנות אתר ואין לי מושג איך עושים את זה.........מי שיודע שישלח לי ב-ICQ286114784 איך בונים אתר...תודה!!

לאון :

שלום!
אני לא מצליח לשמור את דף הבית שלי
התוכנה נותנת הודעה (שמירת קובץ נכשלה)
מה לא עסיתי נכון

Xslf :

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

עדן :

אכך אפשר ליקבל את התכונה בכותבות הזהת
http://www.xslf.com/archives/000027.html

סתיו&סרגיי :

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

Xslf :

שלום סתיו&סרגיי- בשביל ליצור סיסמא לאתר, הכי טוב להשתמש בסקריפט.

בחיפוש מהיר בגוגל לא מצאתי משהו בעברית, ולכן אני ממליצה שתשאל בקומונה של "סקריפטים מוכנים" בתפוז:
http://www.tapuz.co.il/communa/userCommunaMsges.asp?CommunaId=326

סרגיי&סתיו :

1. מזה סקריפט...
2. מזה קישור...
3.זה חשוב לי כי אני בונה אתר לכיתה שלי
4. איך אני מפרסם תאתר...:(

Xslf :

1) סקריפט זו חתיכת קוד מיוחדת, שיכולה לעשות כל מיני דברים. אין לי כאן סקריפט שאני יכולה לתת, לכן הצעתי שתשאל בקומונה של הסקריפטים המוכנים.
2) קישור זה לינק.
3) כל אתר הוא חשוב ליוצר שלו :-)
4) אם ב"לפרסם את האתר" אתה מתכוון ל"איך להעלות אותו לרשת", תוכל למצוא מדריך לזה כאן:
http://www.xslf.com/archives/000030.html
בהצלחה!

כריסטופר :

מישהו יכול להביא קישור מדויק להורדת מוזילה בעברית?

תודה מראש כריסטופר

דודי אמיר :

ואללה תודה אחותי

יניב :

שלום
בניתי לי אתר ב prontpage עם 5 עמודים
הוא יושב בתיקייה במחשב שלי,
טוב אז כמובן אני רוצה להעלות את כולו
אך כשאני מעלה אותו באתר נענע אני יכול רק דף 1 ואת השאר ואת התמונות הוא לא נותן לי
השאלה אין אני יכול להעלות את האתר מהמחשב שלי ולערוך אותו גם ואם זה אפשרי

תודה thanks
יניב

זה יהיה אתר יפה

ירון :

האתר שאוזבר כאן host-sting שינה את שם הדומיין.
http://www.web-guide.co.il
תודה
ירון

טל :

שלום עשיתי אתר ואני לא מצליחה להוסיף תמונה

בייייי

ורד .ל. :

אני רוצה לבנות אתר.
-איך?????????

אנחנו עוסקים ב בניית אתרים עם ווידאו ולא מצליחים לשלב Windows Media בדף כך ש-Mozilla תוכל לנגן את הסרט. יש לזה פתרון?
חוץ מזה נהנתי לקרוא על את המאמר שלך על בניית אתר בMOZILLA
תודה.

אני רוצה לבנות אתר אבל אני לא יודע איך בונים
אני רוצה שתסבירו לי איך בונים?!?!!?!?!?!?!?

Anonymous :

ביי

אור :

איך שמים רקע אני משתמש בmozilla ולא מצליח לשים רקע

רונן :

מחפש מדריך לשימוש בקומפוזר

אתם מרשים לי לבנות אתר

אוריאל :

http://www.xslf.com/archives/000027.html
תכתבו לי איך בונים אתר וגם תתחילו להביא לי את האתר
uriel_777@hotmail.co.il

הוספת הכיווניות שינתה את כל כיוונו של האתר. איך משנים רק את כיווניות הטקסט?

רוני :

אני רוצה לבנות אתר ואני מבקשת שתחזו אליי ותגידו לי איך עושים אתה?!


ללללללללללללללללללללללללללללללללללללללללללללללללל
עעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעעע
זזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזזז
ללללללללללללללללללללללללללללללללללללללללללללללללל
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!