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.

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

קידום אתרים

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

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

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

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

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

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

מה זה CMS?

מה זה CMS?

תוכנה לבניית אתרים (באנגלית: CMS – Content Management System) היא האפליקציה שמהווה בסיס לבניית האתר. ההבדל בין תוכנה לבניית אתרים לבין מערכת ניהול תוכן הוא שהראשון מלווה את הבונה אתרים מבניית האתר וכולל בתוכו גם מערכת ניהול תוכן בעוד שהשני מסייע לבעל האתר לנהל את אתרו מכל הבחינות (הזמנות, מאמרים, סטטיסטיקה וכדומה) לאחר שאתר כבר קיים

הצפנת HTML שאף אחד לא יכול לגנוב לכם את הקודים

הצפנת html

כנסו לכאן הצפינו את הקוד html שלכם .

http://www.iwebtool.com/html_encrypter

Hide all your HTML source code simply with this html encrypter. Prevent your code from being stolen by other webmasters.

קטלוג דפדוף דינאמי באתרכם

קטלוג דפדוף דינאמי באתרכם

הציגו את העלונים, החוברות והמגאזינים שלכם ישירות בתוך האתר!

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

סרב וואב מאפשרת לכם להטמיע, בעמוד הבית של האתר, את המידע המודפס שלכם ישירות מתוך מערכת Issuu העולמית.
תהליך העלאת החומרים ל Issuu קל מאד, וחינם!
פותחים חשבון חינם ב issuu.com, מעלים קובץ PDF שלם של החוברת שלכם – וזהו!
Issuu כבר תדע לפרק את החוברת לעמודים ולבנות באופן אוטומטי את חוברת הדפדוף הדינאמית שלכם.
החוברת תהיה זמינה לצפיה מתוך מערכת Issuu בכתובת ייחודית, אותה תוכלו לשלוח ולפרסם בכל מקום.

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

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

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

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

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