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

 

בניית האתר

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

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

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

דוגמה 1:

<! — START OF SCHEDULE TABLE ======= — >
<table summary="Human Investigations Committee II schedule, FY 2001." border="0" width="100%" cellspacing="0" cellpadding="1">
<tr valign="top">
<! — =============================== — >
<td width="50%">
<p class="tabletext">
Deadline for Submissions</p>
</td>
<td width="2%">
&nbsp;
</td>
<td width="48%">
<p class="tabletext">
Meeting Dates 2001</p>
</td></tr>
<! — =============================== — >

דוגמה 2:

<table summary="Human Investigations Committee II schedule, FY 2001." border="0" width="100%" cellspacing="0" cellpadding="1"><tr valign="top"><td width="50%"><p class="tabletext">Deadline for Submissions</p></td><td width="2%">&nbsp;</td><td width="48%"><p class="tabletext">Meeting Dates 2001</p></td></tr>

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

 


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


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