Mozilla/Composer/BasicGuide

בניית אתר אישי פשוט עם Mozilla Composer

גרסת הוויקי ל[WWW] מדריך המצוין מה[WWW] הבלוג של Xslf.

בשביל להגיע לתוכנת ה Composer, נפתח את Mozilla, נלך לתפריט Window ונבחר ב "Composer"

windowMenu.jpg

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

emptyPage.jpg

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

בתחתית החלון יש כמה לשוניות המאפשרות לעבור למצבי תצוגה שונים: Normal - עריכה כמו במעבד תמלילים, HTML Tags המראה בצורה יפה את תגי הקוד, HTML Source המאפשר לערוך את הקוד ישירות, ו Preview המראה איך הדף יראה בדפדפן.

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

bodyRtl.png

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

justText.png

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

ThisIsHeading.png

כמו במעבד תמלילים, תמיד כדאי לשמור את הקובץ לעיתים קרובות. בפעם הראשונה שנשמור את הקובץ, צריך לוודא שאנחנו שומרים אותו בקידוד הנכון, כדי שלא יהפך לג'יבריש מדוברת ואנחנו נאבד את העבודה שלנו. נלך לתפריט עריכה, ונבחר באפשרות [[ltr( "Save as Charset...")]]. אם לא נתנו עדיין כותרת לדף, זה הזמן. הכותרת שניתן כאן היא זו שתוצג בראש חלון הדפדפן, וזה גם יהיה הטקסט שיופיע כאשר מישהו יוסיף את האתר לסימניות. מכיוון שהדף שלנו עברי, ב Charset נבחר ב Unicode (UTF-8) או ב (Windows-1255) Hebrew ונלחץ OK.

SaveAsCharset.jpg

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

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

SaveAsIndexHtml.jpg

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

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

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

EmptyAddImage.jpg

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

AddImageFile.png

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

AddImage.png

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

PageWithImage.jpg

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

SelectForLink.png

עכשיו נכתוב את כתובת האתר אליו אנחנו רוצים לקשר ונלחץ על OK.

LinkToMozilla.png

כך זה צריך להיראות

PageIsReady.png


תרמו לדף זה

Xslf, Mano

דפים קשורים

CreateSite, Mozilla/Composer

קטגוריות

קטגוריה: מדריכים, קטגוריה: אינטרנט

last edited 2004-02-28 13:27:29 by DSL212-235-29-52