יום חמישי א באייר, 27 באפריל

לשרותכם מנוע חיפוש מבוסס גוגל הממוקד באתרים חינוכים.Beta

   : חפש ראשי

מסתבר שהגודל כן קובע

עיצוב טקסט (שיעור מס' 2)

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

נתחיל מהראשון…

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

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

<div align="center">
טקסט ניסיון
</div>


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

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

<תגית כלשהי מאפיין="ערך מאפיין">טקסט ניסיון</div>


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

נחזור למאפיין ALIGN (שפירושו באנגלית-ליישר) שנמצא בתגית DIV
למאפיין זה 3 ערכים: RIGHT, CENTER, LEFT
ישנה גם תגית אחרת ששמה CENTER שכל מה שהיא עושה זה ליישר טקסט לאמצע
דוגמא:

<center>
זה ניסיון<br>
טקסט
</center>


בין התגית הפותחת לסוגרת ניתן להכניס יותר משורה אחת למעשה ניתן להכניס כמה שורות שרוצים….

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

טקסט מובלט:
ראשית נלמד איך להבליט טקסט: בכדי להבליט טקסט משתמשים בתגית ששמה B
קיצור של BOLD ובתרגום לעברית – הבלטה.
דוגמא:

<b>טקסט מובלט</b>


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

טקסט נטוי:
בכדי לעצב טקסט נטוי אנו נשתמש בתגית ששמה i קיצור של ITALIC ובתרגום לעברית – אות נטויה. השימוש בה נעשה בדיוק כמו בהבלטה:

<i>טקסט נטוי</i>


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

נשתמש בה כמו בתגית הבלטה ונטוי כך:

<u>טקסט עם קו תחתון</u>


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

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

<font size="3">
טקסט מסוים
</font>


המאפיין השני הוא FACE שמשמעותו הגופן (סוג האותיות) של הטקסט
חשוב ליזכור שיש לכתוב את שמו המדויק של הגופן רשימה של גופנים תוכלו לראות בWORD או בכל מעבד תמלילים אחר. יש לזכור שעם הורדת גופן יפה מהאינטרנט למחשבכם האישי והכנסתו לדף אינטרנט שאתם יוצרים, אין וודאות שתוכלו לראות את הגופנים המיוחדים כשהדף יעלה לאינטרנט,מכיוון שהם מותקנים אצלכם במחשב ולא בשרת… הנה רשימה של פונטים שיעבדו בכל שרת:
Arial, David, Miriam
אלו פונטים שאני משתמש בהם, וכשאני בונה אתר במיוחד אני מקפיד להשתמש ב Arial,
ועכשיו הנה דוגמא לשימוש בזה:

<font face="arial">טקסט מסוים</font>


והמאפיין האחרון הוא הצבע, בערך של הצבע מכניסים את שמו באנגלית
כמו : Yellow, Orange, Green, Blue, Red, Black, White
ניתן להשתמש בצבעים אחרים שאין להם שם באנגלית באמצעות שורת קוד אך על זה נלמד בשיעור אחר.
ועכשיו דוגמא:

<font color="red">
טקסט מסוים
</font>


כפי שכבר הזכרנו בהתחלה ניתן להשתמש בכמה מאפיינים ביחד, כך:

<font color="red" face="arial" size="6">
טקסט מסוים
</font>


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

ועד אז להתראות ותרגול נעים

שלכם שימי גרסנר




18.10.2002



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


מורס, סמואל פינלי בריז

לפי תאריך :

כתוב לנו | ספר אורחים | אמנת פרטיות | פרסם בבז | הוסף אתר
כל הזכויות שמורות בז © 2000-2002 תנאי שימוש
האתר נבנה ומתוחזק עלידי אפוק