יורו! מדריכים - איך בונים אתר אינטרנט?

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

אתרים פרטיים.

אתרים עסקיים. אתרים עם מטרת רווח.

חברות המפרסמות את עצמן באינטרנט

ועוד.

* בניית האתר דורשת עבודה רבה, ידע ותכנון מראש.

העתקות

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

תכנון האתר

החלק הנ''ל בבניית האתר הינו בין החלקים החשובים והקריטיים ביותר שמתבצעים לפני התחלת פיתוחו של האתר. על מנת לבצע עבודה טובה, יש להגיע להבנה מעמיקה בנוגע לנושאי האתר ותחומי פעילותו. להלן ראשי הפרקים החשובים:

שם האתר

נושא האתר

קהל היעד (למי האתר מיועד?)

תוכן, מה האתר יכיל

תכנון עיצוב האתר - כיצד האתר יראה

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

שפות תכנות

שפות תכנות מאפשרות לנו לבנות את האתר, לכל שפה יש מאפיין המייחד אותה. HTML הינה השפה הבסיסית לבניית אתרים ועל כן מפתח אינטרנט להכיר אותה - HTML למעשה היא אינה שפת תכנות, אלא שפת סימון בלבד ועובדת מול הדפדפן (כדוגמת Internet Explorer, Opera, Mozilla FireFox..)
לאחר HTML, אותה חייבים ללמוד, ישנו סדר הגיוני ללמידת שאר השפות הנחוצות לבניית האתר.

CSS - שפה מאוד שימושיות ונחוצה לבניית האתר ובמיוחד לעיצובו. CSS מאפשרת הפרדה מלאה בין העיצוב לתוכן האתר וכן עבודה מהירה וקלה יותר בעיצוב אתרי אינטרנט.

שפות צד לקוח - דוגמא: JavaScript (JS). חיונית לעבודה ישירה מול מחשב הלקוח ע''י סקריפטים (scripts).

שפות צד שרת: דוגמא - ASP/PHP. על מנת ליצור אתרים דינאמיים ופיתוח מערכות באינטרנט יש לעבוד מול שפות טכנולוגיות בצד שרת. דוגמאות למערכות אשר ניתן לפתח עם שפות צד שרת באינטרנט: פורומים, מערכות תוכן ועוד

אתרי מדריכים לשפות תכנות

עיצוב האתר

עיצוב האתר הוא חלק בלתי נפרד מהאתר עצמו. ניתן לעצב את האתר בעזרת CSS או בעזרת תוכנות המיועדות לכך (תוכנות המיועדות לעיצוב)
עיצוב בעזרת תוכנות: עם אילו תוכנות?
* התוכנות המופיעות להלן הינן תוכנות מוכרות לעיצוב אתרים

Photoshop

Flash

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

הכנת לוגו יפה ומקורי לאתר. במקרה והלוגו לא נראה טוב - כנראה שכך גם יראה האתר.

התאמת צבעים - נסו להתאים את הצבעים באתר בצורה הטובה ביותר שניתנת.

כדאי להשתמש בגופן Arial לשימוש באתר.

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

לעוד טיפים ועצות לעיצוב אתר - טיפים ועצות

אחסון האתר

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

איזה אתרים מאפשרים לאחסן את האתר שלי בחינם?
רשימת אתרי אחסון בפורום בוני אתרים בתפוז
רשימת אתרי אחסון בחינם ביורו! קישורים
* ניתן לרכוש אחסון אתר בתשלום באתרים המספקים שרות זה.

מה אני יכול ומה אני לא יכול לעלות לאתר האחסון שבחרתי?
התשובה תלוייה באתר האחסון שבחרת. כל אתר מספק דברים אחרים, כל אחד עם היתרונות והחסרונות שלו. לפני בחירת אתר האחסון מומלץ לבדוק האם הוא עונה לכל דרישותך

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

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

כתובת לאתר - דומיין

דומיין - כתובת אינטרנט שבעזרת ניתן להגיע לכל אתר לפי המבוקש.
ספק שירות לאינטרנט - network קיצור של - net
אתר חינוכי - educational קיצור של - edu
מוסד ללא כוונת רווח - organization קיצור של - org
אתר מסחרי - commerical קיצור של- com
ע''פ הגדרת המילון של יורו!
הכתובת של האתר מאפשרת להגיע אל האתר דרך שורת הכתובת (בה מקלידים את כתובת האתרים) בצורה קלה ומהירה. חשוב שהכתובת תיהיה קליטה ולא ארוכה.
במידה והינך מאחסן באתר אחסון בחינם, נוצרה לך כתובת ארוכה באופן אוטומטי ע''י השרת. בכדי לקצר את הכתובת יש לפנות לאחד האתרים הבאים המספקים שרות זה:
Cjb.co.il
jemix.co.il
myd.co.il
קישורים נוספים

פרסום האתר ברשת

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

בלוג

כתבו לנו

פרסום באתר

משוב

Hosting by Adcd.co.il

סרטים

ספרים

מוסיקה

מסעדות

חוות דעת

נועם שושן - גרפיקאי , משחקים , פרטיות , קהילת בלוגים ישראלית