Tag Archives: בוני אתרים

הגדרת כותרות ב-html נעשית ע"י תגיות h1 עד h6.

הגדרת כותרות

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

הכותרות מוגדרות בקוד ע"י תגיות h1 עד h6 כאשר h1 היא הכותרת החשובה והכללית ביותר בעמוד:

<h1>this is a major heading</h1>

כותרת h1 היא הכותרת הראשית של העמוד והיא מתארת את התוכן שלו. בדרך כלל קיימת רק כותרת אחת מסוג h1 בכל דף באתר. את הכותרות הפנימיות בעמוד, נגדיר ע"י התגיות h2 עד h6, לפי סדר חשיבות יורד:

<h2>this is a secondary heading</h2>
<p>this is a paragraph</p>
<h3>this is a heading</h3>
<p>this is another paragraph</p>

כדי ליצור מבנה עמוד ברור, רצוי להשתמש בכותרות לפי הסדר, מבלי לדלג. כך למשל, הדוגמה הבאה היא לא טובה:

<h2>this is a secondary heading</h2>
<p>this is a paragraph</p>
<h5>this is a heading</h5>
<p>this is another paragraph</p>

טיפים לבניית אתר – חלק א

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

2. הצוות שלך לבניית האתר:

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

3. תכנון העבודה על האתר וזמניה:

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

4. תכנון יותר מועמק ופרטני להקמה:

א. באילו שפות נשתמש להקמת האתר?
ב. האם ניקח אחסון חינמי או שמא נעדיף אחסון בתשלום?
ג. איך נרצה שיראה העיצוב? האם נקבע אותו אנחנו, או שמא ניקח מעצב חיצוני?
ד. נשרטט על נייר או במחשב איך אנחנו רוצים שיראו עמודים באתר, ככה תהיה לנו סקיצה על האתר ונוכל למנוע
הסתבכויות ואובדן עצות בהמשך העבודה.
ה. מה יוצג בעמוד הראשון של האתר כשנכנסים? מה הקישורים באתר ולאן יופנו? נפרט מראש כמה שיותר את הדפים
שאנחנו נשים באתר.
5. איך האתר יהיה מעוצב:
א. האתר צריך להיות מעוצב בצורה אחידה ולא מבולגנת כמו צבעים שיחזרו בין הדפים,
ככה האתר יראה אסטטי וגם נוח לצפייה, ככה גם הגולש ידע שהוא עדיין באותו אתר ולא יחשוב שעבר לאתר אחר.
ב.  האתר ועיצובו צריכים להיות מותאמים לקהל היעד של האתר ולמטרותיו.
ג. בבניית האתר רצוי להשתמש ברזולוציה מתאימה ולא ברזולוציה שאינה שאיננה סטנדרטית, רוב הגולשים עושים זאת
ברזולוציה של 800*600. רצוי להקים אתר עם שימוש באחוזים ככה שיתאים לכל רזולוציה.
ד. יש לשים לב לגודלו של הכתב, טקסט קטן מקשה על קריאת התוכן וטקסט גדול מדי אינו נוח לקריאה.
ה. רצוי שהצבעים באתר יותאמו לצבעי הרקע שיהיה קל ונוח לקרוא, יותר מדי צבעים או צבעים שאינם מתאימים יקשו על
הקריאה. גולש שלא יצליח לקרוא את התוכן באתר או שלא יהיה נוח פשוט יצא מהאתר ויעבור לאחר.
ו. את הקישורים ששמתם באתר יש לעצב בצורה הרגילה והפשוטה, הגולשים באתרים רגילים לצורה אחת של קישורים,
יותר מדי עיצוב וקישוט של הקישור יקשה על הגולש וכך הגולש לא ישתמש בו.
ז. לפני מילוי האתר במסגרות, יש לחשוב האם האתר שלי באמת צריך את המסגרת? אם כן, איך תראה המסגרת וכיצד ת
תרום לאתר?
ח. ביצירת עמוד מקדים באתרך, רצוי להימנע מדף ראשון מקדים וגרפי שרק לחיצה עליו מעבירה את הגולש לאתר.
דבר זה סתם מקשה על הגולשים וגם גורם למטרד ובלבול של הגולש הרגיל.
ט. יש לשים לב לדבר נוסף וזהו "משקל" הדף, דף עם "משקל גדול" מקשה את עליית הדף וגורם לגולשים
לברוח מהאתר שלך. רצוי כי הדף לא יעלה בגודלו על K30 והתמונה לא תעלה על K6, ככה הדף יעלה מהר
יותר והגולש יישאר באתרך ולא יברח.

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

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

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

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

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

בהצלחה… (נשמח לענות ולעזור בנושא חלק בחינם וחלק בתשלום)

מדריך | וורדפרס פוסטים או עמודים? מה ההבדל ביניהם

וורדפרס, כברירת מחדל, תומכת בשני סוגי עמודי תוכן – פוסט (Post) ועמוד (Page). שניהם בעצם עמודים אבל עם יכולות שונות וכל אחד נבנה במערכת של וורדפרס כדי לתת ייחוד לתוכן.
חשוב להבין את ההבדלים בין שני סוגי העמודים בזמן הכתיבה לבלוג/אתר שלך. למה לצפות מהם, מה המגבלות של הפיתוח ולאיזה יכולות מתאים להשתמש בסוג מסויים של עמוד/פוסט ומתי להשתמש בסוג השני.

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

עמודים (Pages)
הסוג השני של התוכן הנמצא בדרך כלל באתר וורדפרס הוא עמוד.
עמוד תוכן זה הוא יותר סטטי והעידכונים שלו מתבצעים בטווחים ארוכים יותר.
מעמודים לא ניתן כברירת מחדל לשלוח לקוראי RSS.
עם עמודים ניתן ליצור היררכיה של עמודים – עם רמות, דפי משנה ותת דפי משנה.
אי אפשר להגיב בעמוד.
לא ניתן כברירת מחדל לעבור בעזרת ניווט מעמוד לעמוד הבא
ניתן ליצור להם טמפלט עם מראה ושימוש ייחודי (special page templates).

מתי משתמשים בעמוד ולא בפוסט?

– התוכן החשוב ביותר צריך להופיע בעמוד.
– כשרוצים תוכן מובנה יותר כמו אתר מסורתי עם עמודים / היררכיה- עם דפי משנה.
– תוכן זה תמיד צריך להיות זמין בכל עמודי האתר.

דוגמאות של עמודים (Pages)

* מי אנחנו
* צור קשר
* שירותים
* מדיניות משפטית
* ערכת מדיה – עמודי וידאו – או פרסום מידע

מוני כניסות

מוני כניסות

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



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



מונה מבקרים פרי לוגס , מומלץ



קאונטר iao



בלה בלה

הקדמה HTML למתחילים

הקדמה HTML למתחילים

מבחינתך, הדבר החשוב ביותר הוא להפנים כי באמצעות HTML ו – CSS ניתן להפריד בין תוכן האתר HTML)) לעיצוב הכללי של האתר (CSS). כלומר, באמצעות HTML ניתן להציג בצורה נכונה, ברורה וקריאה תכנים באינטרנט ובאמצעות CSS ניתן להציג את אותם תכנים בצורה מעוצבת ונוחה לעריכה בעתיד.

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

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