|fav המועדפים שלי |pad מחברת אישית|talckback תגובות הקוראים|poll השתתף בסקר |
  
|about אודות|eitan home page   תפריט איתן
המדריך לבניית אתרים
התהליך
    ממשק המשתמש   
עיצוב האתר
עיצוב דף
טיפוגרפיה
עריכה
גרפיקה
מולטימדיה
קישורים
 
  לפני שמתחילים
  לפני שמתחילים
    תהליך הפיתוח
    תהליך הפיתוח
 
תכנון
תכנון
מפרט האתר
מפרט האתר
 
הגדרות ותכנון
הגדרות ותכנון
ארכיטקטורת מידע
ארכיטקטורת מידע
עיצוב האתר
עיצוב האתר
בניית האתר
בניית האתר
שיווק האתר
שיווק האתר
תחזוקת האתר
תחזוקת האתר
 
  דף האינטרנט
  דף האינטרנט
  'דפים 'עצמאיים
  'דפים 'עצמאיים
  כללים בסיסיים
  כללים בסיסיים
  ניווט
  ניווט
 
עיצוב ידידותי
עיצוב ידידותי
נגישות
נגישות
 
     אירגון המידע        
     אירגון המידע        
       מבנה האתר        
       מבנה האתר        
  מוטיבים בעיצוב האתר
  מוטיבים בעיצוב האתר
      יסודות האתר       
      יסודות האתר       
אינטרנט לעומת מסמך
אינטרנט לעומת מסמך
 
חלוקת המידע
חלוקת המידע
 
מבנה בסיסי
מבנה בסיסי
תרשימי האתר
תרשימי האתר
 
הכשרה
הכשרה
לימוד
לימוד
השכלה
השכלה
אתרי בידור
אתרי בידור
אתרי חדשות
אתרי חדשות
מסחר אלקטרוני
מסחר אלקטרוני
 
דף הבית
דף הבית
תפריטים
תפריטים
רשימת מקורות
רשימת מקורות
מדריכי אתר
מדריכי אתר
'?מה חדש'
'?מה חדש'
מאפייני חיפוש
מאפייני חיפוש
משוב משתמשים  
משוב משתמשים  
ביבליוגרפיה ונספחים
ביבליוגרפיה ונספחים
שאלות נפוצות
שאלות נפוצות
הודעות שרת
הודעות שרת
 
היררכיה ויזואלית
היררכיה ויזואלית
עקביות
עקביות
מימדי דף
מימדי דף
אורך דף
אורך דף
קוים מנחים
קוים מנחים
כותרות
כותרות
עימוד דף
עימוד דף
מסגרות
מסגרות
 
מאפיינים
מאפיינים
  מבנה התוכן    
  מבנה התוכן    
     קריאות      
     קריאות      
עקביות
עקביות
פלטפורמות
פלטפורמות
נגישות
נגישות
גרפיקת טקסט
גרפיקת טקסט
 
  גליונות סגנון  
  גליונות סגנון  
 
אורך שורה
אורך שורה
פונטים
פונטים
גודל הפונט
גודל הפונט
הדגשה
הדגשה
 
אירגון התוכן
אירגון התוכן
סגנון מקונן
סגנון מקונן
כותרות
כותרות
קישורים
קישורים
 
  גרפיקה ברשת   
  גרפיקה ברשת   
   קבצי גרפיקה   
   קבצי גרפיקה   
תמונות על המסך  
תמונות על המסך  
  HTML -גרפיקה ו
  HTML -גרפיקה ו
 
הצגת צבעים
הצגת צבעים
'צבעים 'בטוחים
'צבעים 'בטוחים
מיזוג צבעים
מיזוג צבעים
רזולוצית מסך
רזולוצית מסך
(Gamma) ניגודיות
(Gamma) ניגודיות
גרפיקה ורוחב פס
גרפיקה ורוחב פס
 
GIF - קבצי
GIF - קבצי
JPEG - קבצי
JPEG - קבצי
PNG - קבצי
PNG - קבצי
סיכום - סוגי קבצים
סיכום - סוגי קבצים
 
מסך מול הדפס
מסך מול הדפס
המחשות מורכבות
המחשות מורכבות
תרשימי מסך
תרשימי מסך
 
יישומי מולטימדיה
יישומי מולטימדיה
  אסטרטגיות ברשת  
  אסטרטגיות ברשת  
  יצירת מולטימדיה  
  יצירת מולטימדיה  
עיצוב ומולטימדיה
עיצוב ומולטימדיה
 
שמע
שמע
  שיקופיות  
  שיקופיות  
ווידאו
ווידאו
אנימציה
אנימציה
 
  עיבוד  
  עיבוד  
  העברה  
  העברה  
 
דף הבית >> גרפיקה >> HTML וגרפיקה

 

HTML וגרפיקה

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

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

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

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

כדי להתאים לשימוש כטקסטורה של רקע, הגרפיקה צריכה להיות תמונת GIF או JPEG קטנה, כ- 100 x 100 פיקסלים. מניסיוננו, תבניות JPEG עולות קצת יותר מהר מ-GIF.

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

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



  |   דף הבית  |  הדפס עמוד  |  מפת האתר  |  לתחילת העמוד  |  


המדריך לבניית אתרים
מערכת המידע האקדמית - איתן כל הזכויות שמורות © 2003