תוכן
צוות
תכנון ראשוני
תכנון מפורט
עיצוב
בנייה ובקרה
הפצת האתר
| * | על מה יהיה האתר, מה יהיה התוכן שלו, תוכן הוא הסיבה לכניסה לאתר. |
| * | תוכן מקורי: במה יהיה האתר שונה מאתרים שכבר קיימים באותו נושא, (כדאי למצוא "נישה" (גומחה) ייחודית, המייחדת את האתר מאתרים אחרים). |
| * | אל מי יפנה האתר, הגדרה מיהו קהל המטרה, |
| * | מה יגרום למבקר להישאר באתר ולחזור אליו |
| * | רצוי להימנע מלשים באתר תכנים רק כי הם קיימים, צריך להתאים אותם לאופי האתר המתוכנן, ולהחליט לאיזה צורך הם עונים. |
| * | בחר נושא לאתר, ודבוק בו, גולשים ייהנו יותר מהאתר שלך אם הוא יהווה מקור מידע טוב בנושא מסוים, מאשר אם יהיה עירוב של תכנים, שניתן למצוא אותם באתרים רבים אחרים ברשת. |
| * | ׳עדכניות ומידע תקף: וודא שהתכנים מעודכנים, ושאינם מיושנים. יש לעבור כל הזמן על האתר ולעדכן אותו, עדיף מידע חסר על מידע לא עדכני או ברכת ברוכים הבאים לשנת לימוד שהסתיימה מזמן. |
| * | מי הולך להקים את האתר? יש לקבוע צוות הקמה וחלוקת תפקידים, כולל קביעת האחראי על האתיקה ברשת, וקביעת מידת העצמאות הניתנת לצוות האתר. |
| * | במי ניתן להיעזר? |
| * | כמו בכל נושא בחיים, תכנון נכון חוסך זמן, כסף, מאמץ ועצבים. אם התכנון טוב - כל מה שנותר לעשות הוא לפעול לפי התכנון, ולהקים את האתר. |
| * | לימוד מניסיונם של אחרים |
| * | קביעת דרכי קשר, בין כל השותפים להקמת האתר. |
| * | קביעת דרך בחינת התקדמות העבודה. |
| * | קביעת לוח זמנים, קביעת תקציב. |
| * | רעיונות, רעיון לעיצוב (קביעת צבעי האתר), לדרכי הקשר, למיקום אחסון האתר, פירוט ראשוני של הדפים שיהיו באתר, |
| * | בדיקת התכנות ראשונית: האם באמת הצוות והמשאבים מאפשרים הקמת אתר. |
| * | יש לשרטט (על נייר) את הצורה שבה רוצים שהאתר יראה. כדי לא להגיע למצב אבדן עצות והסתבכות. כולל מה יהיה בעמוד הראשון והמבנה של הקישורים היוצאים ממנו. (פירוט מכסימלי של הדפים שיהיו באתר,) |
| * | קביעה כללית איך יראה העיצוב |
| * | האם האתר יוקם על שרת חינם או על שרת בתשלום |
| * | האם נדרשת תמיכה בשפות צד שרת (מכתיב את סוג השרת) |
| * | עיצוב האתר, כמו כל דבר אחר, צריך להתאים לקהל היעד ולמטרות האתר. עיצוב מורכב מגודל הטקסט, סוג הכתב וצבעו, צבעי/תמונות רקע, כפתורים, האם להשתמש ב frame, הרזולוציה בה נכתב האתר, שימוש בצלילים, סוג התפריט ועוד. |
| * | ישנם ברשת אתרים המציעים עיצובים מוכנים בחינם שאפשר ל"אמץ"
למשל: http://www.guistuff.com/ http://www.digitaltapestries.com/ http://freesitetemplates.com/ http://www.freelayouts.com/ http://www.freewebtemplates.com/ http://www.steves-templates.com/ ואפשר להיעזר באתרים אחרים הכוללים רקעים, כפתורים, וכל הדרוש לבניית אתר
כמו: |
| * | זהירות בעיצוב, ישנם מעצבי אתרים הרוצים להיות ייחודיים, ו"לשבור" את השגרה, אבל, "גימיקים", אטרקציות טכנולוגיות ועיצוב 'עתיר יצירתיות' פוגעים לעיתים בשימושיות של האתר, צריך תמיד לזכור שאתר אינטרנט נועד עבור הצופים בו ולא עבור הכותב אותו, ובנוסף עיצוב "מיוחד" עלול לפגוע במטרות האתר וזאת בגלל: |
| - עלול לפגוע ביכולת התמקדות של הצופה, ולהסיח את דעתו מהתוכן. | |
| - ייגזל זמן רב מדי לטעינת כל האפקטים, ובינתיים הגולש כבר יהיה במקום אחר. | |
| * | שמור על אחידות בעיצוב דפי האתר, למשל בתמונות או צבעי רקע. וזאת הן לנוחיות העין, הן מסיבות אסתטיות, וכדי שהגולש ידע שהוא עדיין באותו אתר.. |
| * | רזולוציה: אל תשתמש ברזולוציה לא סטנדרטית, חלק גדול מהגולשים עושים זאת עדיין ברזולוציה של 600*800 - בנה את האתר בהתאם. (דרך טובה לדאוג לכך שהאתר יתאים לכל רזולוציה היא שימוש באחוזים) |
| * | צבעים: התאם את צבע הטקסט לצבעי הרקע, כך שלגולש יהיה נוח לקרוא. אם הגולש לא יבין את המלל הוא פשוט יצא מהאתר. |
| * | אתר הוא לא תוכי, עודף צבעים בדף אחד מבלבל את הצופה. לדעתי גם 8 צבעים שונים בדף אחד הם יותר מדי |
| * | גודל הכתב: התאם את גודל הטקסט לעיני הצופה - טקסט קטן מדי מקשה על קריאה וגדול מדי לא נוח. |
| * | עיצוב הקישורים (הלינקים): המנע ממקוריות בקישורים, משתמשים רגילים לצורה וצבעים מסוימים ויודעים שקישור צבוע מסמל על כך שכבר ביקרו בו. במידה והקישור מתבצע דרך תמונה, תן גם קישור טקסטואלי כי רוב האנשים רגילים לכך שקישור הוא שורה כחולה המודגשת בקו תחתי. לכל קישור תן הסבר ברור וממצה. זכור כי קישור למקור מידע, מחקר או כל אתר אחר יכול לגרום לכך שהגולש יגלוש לשם, ובכך "תאבד " אותו, לכן כדאי לרכז את כל הקישורים במקום אחד, ולהימנע מקישורים החוצה ללא צורך. |
| * | בגלל שרוב האנשים רגילים לכך שקישור הוא שורה המסומנת בקו תחתי, המנע מהדגשות ע"י קו תחתי - כי חלק מהגולשים ינסו להקיש על שורה זו. אם ברצונך להבליט דבר מה, עשה זאת ע"י הדגשה או שינוי צבע הכתב. |
| * | שוליים לצפייה והדפסה: שמור שוליים מצדי הדף - הן לנוחות צפייה והן לצורכי הדפסה. ישנם אתרים הדואגים לנוחות הצפייה בכך שאת הטקסט הם תוחמים בתוך תא טבלא בודד, שרוחבו 400 פיקסלים (נותן רוחב טקסט דומה לזה הקיים בספר בכריכה רכה) |
| * | מסגרות (frames): האם באמת האתר דורש מסגרות (frames)? , חלוקת הדף עלולה לבלבל את הגולש, קשה לפעמים להדפיס רק את הרצוי, שטח התצוגה קטן ואי אפשר ליצור סימניה (bookmark) לדף מסוים הנמצא בתוך המסגרת. |
| * | "משקל" הדף: זכור כי למי שמחובר בקו חיוג לוקח הרבה זמן לטעון תמונות ובייחוד אנימציה, לכן דאג שמשקל דף הבית כולו כולל כל התמונות לא יעלה על 30k, תמונה צריכה להיות בגודל מכסימלי של 6k. רק בדפים פנימיים, אם נדרש אפשר לשים תמונות מפורטות יותר.
זכור - אם האתר עולה לאט מדי - הגולשים בורחים. |
| * | גרפיקה: המנע מעמוד מקדים גרפי, שרק לחיצה עליו מביאה את הגולש לדף התוכן, אחרי כמה פעמים שמגיעים לאתר זה הופך להיות מטרד. |
| * | המנע מעודף באנרים באתר. |
| * | הימנע מפופ-אפים וחלונות קופצים. רק תבריח גולשים!!! |
| * | אורך הדף: המנע מגלילה ארוכה מדי, ישנם גולשים שלא גוללים להמשך הדף, ולא תמיד שמים לב לכך שיש המשך לדף, בייחוד עם מסתיימת פסקה בתחתית המסך. |
| * | הכנס קווים מפרידים במקום בו הפסקאות עוסקות בנושאים שונים לחלוטין. |
| * | בכל דף זכור לתת זיהוי של האתר, ייתכן ומישהו אחר ייתן קישור לדף הנמצא בתוך האתר, אפשר למי שהגיע לדעת היכן הוא נמצא, ע"י כותרת קבועה, קישור לדף הבית מכל דף, או ציון אחר לגבי השיוך לאתר ביה"ס. |
| * | תפריט: רצוי להכין תפריט לאתר, צור תפריט קל, פשוט, ונוח כדי שכל גולש יוכל להתמצא באתר בקלות, ולא יצטרך לנחש. |
| * | את התפריט יש למקם במקום קבוע בכל הדפים!, כך יהיה לגולש יותר נוח לגלוש באתר ולראות היכן הוא נמצא (ובל נשכח - כשגולש נהנה באתר, הוא בדרך כל חוזר וממליץ על האתר לגולשים נוספים). |
| * | רצוי להימנע מאנימציות מוגזמות ומעודף דינאמיות, זה מציק ולא אסתטי |
| * | בשלב המימוש כדאי לזכור שפרט לתוכן ולעיצוב ישנה גם השפה. אתר טוב צריך להיכתב במבנה משפט פשוט, איות נכון, ושימוש בסימני פיסוק. |
| * | ניקוד ופיסוק - עבור על האתר והכנס סימני פיסוק, אם אין אפשרות ניקוד כתוב בכתב מלא ובדוק האם אין סכנה של טעות בהבנה - במקרה זה שקול שימוש במילים נרדפות. |
| * | לא לשכוח להוסיף בכל דף תג meta המגדיר את צורת קריאת העברית. |
| * | ציין בדף הבית מהו האתר ומה מטרתו. (או מטרותיו) |
| * | דאג (אם אפשר) ששם האתר יהיה קל ונוח לזכירה ולכתיבה, ככל שהשם ארוך יותר ישנה הסתברות גבוהה יותר לטעויות בזמן הכתיבה.
וכמובן שרצוי ששם האתר יצביע על תוכנו או שיוכו. גם אם האתר מאוחסן אצל ספק אחסון חינמי, מצא מקום המאפשר שם קליט: דוגמאות: goto, moveto, up.co.il dot.tk ואחרים. |
| * | הזהר בשימוש בטכנולוגיות מתקדמות, הן דורשות שלמשתמש יהיו קו מהיר יחסית, מחשב מתקדם ולעיתים תוספים לדפדפן. חלק מהמשתמשים חוששים להוריד תוספים (plug-in) ולהתקינם, וכל הטכנולוגיות החדשות דורשות הורדת פלג-אינים כאלו, ולעדכנם לעיתים קרובות. בנוסף, לוקח זמן לטעינת והרצת הטכנולוגיה וזה בא על חשבון זמינות המידע, ולמשתמשים רבים אין סבלנות לחכות לטעינת הדף והם עלולים לעבור למקום אחר. |
| * | כתוב על פי התקן כדי שכל משתמש בכל דפדפן יוכל לצפות בתכני האתר (w3c). |
| * | יש להשתמש בשפות המוכרות על ידי הדפדפנים השונים, ואם לא - יש להתריע על כך בפני הגולש. |
| * | תן למשתמש יכולת לקרוא את הדף בשקט, המעט באנימציות, המנע מטקסט נגלל אוטומטית, ושאל את עצמך האם באמת משתמש תמים שנכנס לאתר כשבני הבית ישנים - אכן צריך מוזיקה שתעיר אותם - מסקנה: המעט בשילוב מוזיקת רקע וצלילים, ואם אתה חושב שזה נדרש - הפעל מנגנון שיאפשר לצופה להחליט האם ברצונו להפסיק את המנגינה, או הזהר אותו מראש ואפשר לו לכבות את הרמקול. |
| * | תן שמות קצרים לקבצים מקושרים, אין צורך לתת בשם הקובץ את תוכנו, זכור שלעיתים המשתמש רוצה לרשום לעצמו את הקישור לשימוש עתידי. |
| * | לכל אדם יש הקשרים אסוציאטיביים אחרים, לכן דרך ארגון האתר שנראית לך הגיונית, אינה כזו עבור כולם, לכן רצויה מפת האתר ואם לא - אז לפחות קישורים רבים ונוחים מכל דף. |
| * | כדאי להשתדל שהאתר יאוחסן על גבי שרת מהיר ואיכותי. |
| * | צור קישור ל "מי אנחנו" ושים שם תמונות של הצוות, הגולש מחפש הרבה פעמים את האדם שאחרי האתר. |
| * | דאג לשים בדף השער את כתובת ביה"ס ואת הטלפון והפקס. |
| * | תן לגולשים אפשרות לכתוב לך, השב מהר על כל פניה בדואר אלקטרוני, אם אין באפשרותך לענות מיידית שלח אישור קבלה עם הבטחה לתשובה לכשתהייה. |
| * | בקש מהגולשים להוסיף את כתובת האתר למועדפים. ורצוי לשים סקריפט העושה זאת עבורם, או לפחות תן הסבר כיצד עושים זאת. |
| * | אין טעם לנסות להסתיר קוד מקור. כל מי שרוצה יוכל להגיע לקוד המקור, חסימת מקש ימין של העכבר רק תרתיע גולשים. זכור שעיון בקוד מקור הוא דרך לימוד, לכן תן לבוני אתרים ללמוד ממך. |
| * | הקפד על כתיבת קוד מסודרת, השתדל להסביר בדף, בעזרת *הערות* את חלקיו והפונקציות המתבצעות, וזאת לצורך הבנת הדף על ידי אחרים ולעיתים כדי להזכר מה הייתה הכוונה. |
| * | דאג שיהיה קשר בין הכותרת של דף לבין תוכנו. |
| * | הוסף קישור לאתרים בנושאים בהם עוסק האתר, לאתרי בתי ספר אחרים, לאתר משרד החינוך, ולכל אתר רלוונטי אחד. |
| * | שמור על זכויות יוצרים, יוצרו של דף אינטרנט מחזיק באופן אוטומטי בזכויות היוצרים של התכנים ושאר החומרים הנמצאים בו, ולכן אל תעתיק חומרים ממקום אחר. במקום זאת תן קישור. |
| * | רצוי לא לבקש מהגולש המגיע לאתר להירשם, הרעיון הזה התגלה כאחד היעילים ביותר להבריח גולשים. |
| * | רצוי לזכור, שתפריט הנווט נועד להסביר להיכן מגיעים ומה נראה שם, זה צריך להיות כמו תפריט במסעדה - שפרט לשם מפוצץ, מסביר גם מה מרכיבי המנה. |
| * | אל תפגע בגולש, לא אם זה נראה לך כהומור, ולא כהטפת מוסר. |
| * | דאג שכל הקבצים יהיו באותה תיקיה ושהקישורים יהיו יחסיים. |
| * | רצוי לתת לגולשים אפשרות להשתתף באתר (פורום, המלצה על קישורים, סקר, וכו'). זה נותן הרגשה של היות הגולש חלק מ"משפחת האתר" וכך הוא יכנס יותר. |
| * | עדכון ועדכניות: חפש רעיונות גם באתרים אחרים (לא חומרים כתובים, אלא רעיון להעשרת האתר), רצוי להתעדכן בנושאים הקשורים לאתר |
| * | דאג שהאתר יהיה רשום באינדקסים ומנועי חיפוש.
אחת הדרכים לעשות זאת היא לגלוש לפורטלים מתאימים (בהם גולש קהל המטרה) ולחפש כפתור "הוסף אתר" לשם כך יש להקפיד על הפרטים הבאים: 1. רשום title לכל דף, כותרת זו מופיעה בתוצאות המוצגות על ידי מנועי חיפוש 2. רשום מילות מפתח, בראש הדף רשום בצורה הבאה:
< meta name="keywords" content="zoo, biological, institute>
מנועי חיפוש ימצאו מילים אלו בשאילתת חיפוש, להרחבה על תגי
מטא קרא כאן3. רשום תיאור קצר של האתר:
< meta name="description" content="סיור בגן החיות הלימודי בחיפה, מאגר ידע גדול על חיות…." >
זוהי התוצאה שמנוע חיפוש יחזיר למחפש ועל פי הכתוב יהיה עליו להחליט האם להיכנס או לא.
|
| * | שמור על פרטיות המבקרים, אל תנסה לשאוב מהם מידע אלא אם כן ירצו - וגם אז ציין לשם מה נלקחים הנתונים ומהי מדיניות אבטחת פרטיותם. |
| * | שמור על קשר עם הגולשים - דיוור לרשימת מעוניינים, על חידושים באתר או כל מידע אחר יגרמו להם לחזור אל האתר. לשם כך יש לבקשם למסור כתובת דואר, אבל לא נדרשים פרטים נוספים עליהם - זה אינו ראיון לקבלתם לעבודה לכן לא נדרש גיל/מקצוע או כל פרט מזהה אחר. |
| * | מצא אתרים בעלי תכנים דומים/משלימים ודאג שיכניסו קישור לאתר שלך בתמורה לקישור אליהם באתרך. |
| * | רשום את כתובת האתר בכל דף מודפס היוצא מבית הספר, וכמובן שבכל פקס יוצא. |
| * | נסה לעניין את העיתונות המקומית בפירסום מאמר על האתר |
| * | כנס לצ'אטים וקבוצות דיון העוסקות בתחום, והמלץ שם על האתר., גם אם אתה נמצא בפורום שהנושא בו הוא עוסק לא קשור כלל לאתר, השאר בתחתית ההודעה קישור לאתר ביה"ס. |
| * | השאר התרשמויות בספרי אורחים של אתרים אחרים, בצירוף כתובת האתר (סביר להניח שתזכה לביקור מטעמו). |
| * | ישנם פורומים שנועדו בדיוק למטרה זו - הכנס והשאר הודעה על האתר החדש. |
© Moty Karniel 2004