יום ראשון, 22 במרץ 2009

6.4 מאפייני גודל ומיקום לתמונה


  • width מאפיין זה משמש הגדרת רוחב התמונה אשר יוצג על ידי הדפדפן בעמוד האינטרנט שלך (אם שונה מרוחב התמונה במקור). הרוחב נקבע בפיקסלים. פיקסלים הם יחידות מידה למדידת רמת ההפרדה (רזולוציה) של מסכים. (רמת ההפרדה המקובלת ביותר במסכים היא 7681024x). שלא כמו סנטימטרים, פיקסלים הם יחידות מידה יחסיות שתלויות ברמת ההפרדה של המסך. למשתמש עם מסך בהפרדה גבוה, 25 פיקסלים יתאימו לקטע של 1 סנטימטר על גבי המסך, בעוד שלמשתמש עם מסך בהפרדה נמוכה, אותם 25 פיקסלים יתאימו ל-1.5 סנטימטרים על גבי המסך.


















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

<img src="ronit_wa.jpg"width="408" height="500" />

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


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


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

זה עדיין רעיון טוב להשתמש במאפיינים רוחב וגובה, מאחר וכך תגדיר לדפדפן מראש, כמה מקום התמונה תופסת בדף עוד לפני שהתמונה נטענת במלואה, כך מתאפשר לדפדפן להתאים את תצוגת הדף שלך מהר ויפה יותר.
  • vspace מציין את המרחק (בפיקסלים) מעל ומתחת לתמונה.
  •  hspace מציין את המרחק (בפיקסלים) מימין ומשמאל לתמונה.
  • align מציין את היחס בין התמונה לטקסט הסובב אותה. הוא מקבל אחד מהערכים הבאים: top, bottom, center, left או right.

אין תגובות:

הוסף רשומת תגובה

שים לב: רק חברים בבלוג הזה יכולים לפרסם תגובה.