בניית אתרי אינטרנטבניית אתרי אינטרנטמגיש: דני אדלרמגיש: דני אדלר

מנחה: דר' שלום מנדלמנחה: דר' שלום מנדל

22

מהו אתר אינטרנט?מהו אתר אינטרנט?

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

גורם יחיד. לעתים קרובות מדובר בדפים גורם יחיד. לעתים קרובות מדובר בדפים שכולם מוחזקים על שרת יחיד תחת שם שכולם מוחזקים על שרת יחיד תחת שם

מתחם משותף, אך יש אתרים שחלק מהם מתחם משותף, אך יש אתרים שחלק מהם מוחזק על ידי נותן שירות אחר, תחת ניהולו של מוחזק על ידי נותן שירות אחר, תחת ניהולו של

מנהל האתר.מנהל האתר.

33

תכנון מקדיםתכנון מקדים

הגדרת מטרההגדרת מטרהמטרת האתרמטרת האתר

האם האתר נועד למכור/לספק מוצר או שירות האם האתר נועד למכור/לספק מוצר או שירות מסוים?מסוים?

האם השירות או המוצר ניתנים בתשלום או בחינם?האם השירות או המוצר ניתנים בתשלום או בחינם?האם האתר נועד להעביר אינפורמציה מסוימת?האם האתר נועד להעביר אינפורמציה מסוימת?

על מה או על מי אינפורמציה זו?על מה או על מי אינפורמציה זו?קהל יעדקהל יעד

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

מדוע קהל היעד זקוק לשירות אותו האתר מספק?מדוע קהל היעד זקוק לשירות אותו האתר מספק?

44

תכנון מקדיםתכנון מקדים

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

קלות השימושקלות השימוש

סכימה לסידור המידע והיררכיה בין הדפיםסכימה לסידור המידע והיררכיה בין הדפים

חווית המשתמשחווית המשתמש

55

תכנון מקדיםתכנון מקדים

תוכנות ליצירת דפי אינטרנטתוכנות ליצירת דפי אינטרנטשפות סקריפטיםשפות סקריפטים

ממשק גרפיממשק גרפי

קוד אוטומטיקוד אוטומטי

סקריפט בצבעיםסקריפט בצבעים

66

תכנון מקדיםתכנון מקדים

XHTML/HTMLXHTML/HTML, , CSSCSS, , JavaScriptJavaScriptHTMLHTML ((HyperText Markup LanguageHyperText Markup Language)) היא שפת היא שפת

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

CSSCSS ( ((Cascading Style Sheets(Cascading Style Sheets הוא שמו של הוא שמו של פורמט לעיצוב דפי אינטרנט.פורמט לעיצוב דפי אינטרנט.

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

להציג דפים דינאמיים, שמשולבת בהם תוכנה.להציג דפים דינאמיים, שמשולבת בהם תוכנה.

77

תכנון מקדיםתכנון מקדים

עיצוב דפי אינטרנטעיצוב דפי אינטרנטטקסטטקסט

צבעיםצבעים

עיצוב אחידעיצוב אחיד

גרפיקהגרפיקה

לוגולוגו

88

תכנון מקדיםתכנון מקדים

תהליך בניית דף אינטרנטתהליך בניית דף אינטרנטקידודקידוד

כיוון דףכיוון דף

HTMLHTMLאלמנטים של אלמנטים של

גדלים יחסייםגדלים יחסיים

HTMLHTML ו ו CSSCSSשילוב שילוב

99

שמות דומיין ושרתי אינטרנטשמות דומיין ושרתי אינטרנט

מה זה שם דומיין?מה זה שם דומיין?IPIPונוחיות ונוחיות

מבנה היררכי שיטתימבנה היררכי שיטתי

סיומותסיומות

1010

שמות דומיין ושרתי אינטרנטשמות דומיין ושרתי אינטרנט

DNSDNSשרתי שרתי איתור כתובותאיתור כתובות

בקשה לפענוחבקשה לפענוח

היררכית העץהיררכית העץ

יעילותיעילות

1111

שמות דומיין ושרתי אינטרנטשמות דומיין ושרתי אינטרנט

רישום שם דומייןרישום שם דומייןאיפה לקנות דומיין?איפה לקנות דומיין?

איגוד האינטרנט הישראליאיגוד האינטרנט הישראלי

מחיריםמחירים

1212

שמות דומיין ושרתי אינטרנטשמות דומיין ושרתי אינטרנט

מה זה שרת אינטרנט?מה זה שרת אינטרנט?שרת – מחשב / תוכנהשרת – מחשב / תוכנה

חינם / בתשלוםחינם / בתשלום

אחסון אתריםאחסון אתרים

חבילות אחסוןחבילות אחסון

1313

שמות דומיין ושרתי אינטרנטשמות דומיין ושרתי אינטרנט

סוגי שרתי אינטרנטסוגי שרתי אינטרנטWEBWEBשרת שרת

מערכות הפעלהמערכות הפעלה

Streaming MediaStreaming Mediaשרת שרת

שרת דוארשרת דואר

1414

שמות דומיין ושרתי אינטרנטשמות דומיין ושרתי אינטרנט

FTPFTPממשק אדמיניסטראטור, ממשק אדמיניסטראטור ,גישה לשטח אחסון האתרגישה לשטח אחסון האתר

FTPFTP

ממשק אדמיניסטראטורממשק אדמיניסטראטור

1515

דפי אינטרנט אינטראקטיבייםדפי אינטרנט אינטראקטיביים

Client-Side, Server-SideClient-Side, Server-Side

צד הלקוחצד הלקוח

אירועיםאירועים

צד השרתצד השרת

Request - ResponseRequest - Response

1616

דפי אינטרנט אינטראקטיבייםדפי אינטרנט אינטראקטיביים

מסדי נתוניםמסדי נתונים

טבלאותטבלאות

SQLSQL

HTMLHTMLטופס טופס

צד שרתצד שרת

1717

דפי אינטרנט אינטראקטיבייםדפי אינטרנט אינטראקטיביים

אבטחת מידעאבטחת מידע

"אתר מאובטח""אתר מאובטח"

סחר אלקטרוניסחר אלקטרוני

תעודת הסמכהתעודת הסמכה

מפתחות – ציבורי / פרטימפתחות – ציבורי / פרטי

הצפנההצפנה

1818

תחזוקת האתר ואופטימיזציהתחזוקת האתר ואופטימיזציה

מנועי חיפוש באינטרנטמנועי חיפוש באינטרנט

מנועי חיפוש אוטומטייםמנועי חיפוש אוטומטיים אינדקסיםאינדקסים

קידום אתריםקידום אתרים

1919

תחזוקת האתר ואופטימיזציהתחזוקת האתר ואופטימיזציה

וסטטיסטיקות וסטטיסטיקותLOGLOGקבצי קבצי

LOGLOG

תוכנות סטטיסטיקהתוכנות סטטיסטיקה

דוחותדוחות

2020

תחזוקת האתר ואופטימיזציהתחזוקת האתר ואופטימיזציה

עומסי שרתים – איך שרת "נופל"?עומסי שרתים – איך שרת "נופל"? ערכי-סףערכי-סף

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

סיבות לעומס-יתרסיבות לעומס-יתר

סימפטומים של עומס-יתרסימפטומים של עומס-יתר

2121

נושאים מתקדמיםנושאים מתקדמים

ראייה לעתיד – התאמת אתר אינטרנט ראייה לעתיד – התאמת אתר אינטרנט לממשקים שוניםלממשקים שונים

מכשירים ניידיםמכשירים ניידים

עיצובעיצוב

גודל מסךגודל מסך

2222

נושאים מתקדמיםנושאים מתקדמים

אתרי אינטרנט וגיאוגרפיהאתרי אינטרנט וגיאוגרפיה

שיפור ממשק האתרשיפור ממשק האתר

IPIPשירותי אינטרנט לפענוח שירותי אינטרנט לפענוח

אתרי אינטרנט – חברה ותרבותאתרי אינטרנט – חברה ותרבות