אתרי אינטרנט (כולל האתר שאתם צופים בו זה עתה) מורכבים מכמה פרמטרים.
יש את התבנית הבסיסית של האתר, קובץ הHTML.
הHTML הוא קוד עיצובי שפשוט מסביר לדפדפן איך לעמד את האתר (לדוגמה: בHTML אנחנו נגיד לדפדפן לשים טבלה מסוימת במקום מסוים. להוסיף תמונה, לשים טקסט מסויים בעמוד וכו')
אם נשווה בניית אתר אינטרנט לגוף האדם אז הHTML הוא עמוד השדרה. עליו נתמך כל העמוד של האתר.
HTML הינו קוד עיצובי ולא שפת תכנות ואנו משתמשים בHTML בתגיון HTML (P BR וכו')
הCSS הוא גם כן קוד עיצובי הבנוי בצורה שונה מן הHTML שם אנחנו מחילים כללים ולא תגיות. הCSS בא לעזרת הHTML ומסביר לדפדפן באיזו צורה להציג את האתר. (לדוגמה: תשים את הכותרת בצבע אדום, תתן לתמונה רוחב של 200 פיקסלים וכו')
ושוב אם נחזור להשוואה לגוף האדם אז הCSS הוא כמו בגדים, הוא גורם לך להיראות טוב (או פחות כל אחד והטעם העיצובי שלו)
סדר הפעולות בבניית האתר:
אנחנו נתחיל לבנות את האתר מאפיון ראשוני, ממש נצייר לנו איך האתר אמור להיראות ומהו המבנה שלו.
לאחר האפיון הראשוני ניצור אפיון עיצובי, איזה ווידג'טים יהיו באתר? איזו פלטת צבעים תיושם וכו'
לאחר מכן נבנה את הקוד הבסיסי בHTML (או אם מדובר במערכת אז בPHP , ASP או כל שפת שרת)
ולאחר מכן ניצור את קובץ הCSS ואת הקוד העיצובי של האתר.
לצורך בניית האתר ויישום השלבים הנ"ל כדאי שניעזר בתוכנות עזר. (קישורים להורדת התוכנניתן למצוא בתחתית המאמר):
1. אמנם ניתן לכתוב קוד בכל נוטפד בסיסי אך לצורך ההתחלה והנוחות הנוטפד שאנו ממליצים עליו הוא: NOTEPAD++ פרויקט מקסים של כתבן שמכיל תוספים שעוזרים מאוד בפיתוח האתר (השוואות בין קבצים, אוטוקומפליט ועוד.)
2. אם אתם כותבים בשפת שרת קרוב לוודאי שתרצו שרת מקומי מותקן על המחשב שלכם המלצתנו היא: xampp פרויקט קוד פתוח ששם לכם שרת מקומי על המחשב (מריץ PHP,MYSQL וPERL)
3. תוכנת FTP היא תוכנה שמאפשרת לכם ליצור חיבור PEAR ביניכם לבין שרת מרחוק לצורך העלאת הקבצים שלכם לשרת כדי שכולם יוכלו לראות את האתר שבניתם התוכנה המועדפת עלינו היא filezilla, תוכנה מצויינת שמאפשרת גם סינכרון קבצים וחשבונות מרובים. מומלצת מאוד.
קישורים להורדת הקבצים המצויינים במאמר:
NOTEPAD++ להורדה חינם
download free XAMPP
download free filezilla
