מה לומדים בחלק זה?
- מהו שרת ה- WEB
- פרוטוקולים המבצעים תקשורת עם שרת ה- WEB - פרוטוקולי HTTP ו- HTTPS מה ההבדלים ביניהם?
- תהליך הפנייה והשיחה מול שרת ה- WEB.
- מהו הקוד שבו נכתבים דפי ה- WEB - ה- HTML, מבנה כללי וכמה תגיות.
סרטון
פירוט חלק זה
שרת WEB הוא שרת שמאחסן דפי אינטרנט, הדפים והקבצים – אלו תמונות, קבצי קול, קבצי וידאו מאוחסנים על השרת, ובאמצעות פרוטוקול HTTP ו- HTTPS המידע מועבר ומוצג על גבי הדפדפן – תוכנת הלקוח (באמצעות שפת HTML).
כאשר לקוח רוצה לגשת לאתר אינטרנט כלשהו, הלקוח פותח שיחה של TCP עם השרת ושולח בקשה לשרת ה- WEB, בפורט 80 או 443 (בקשה זו מכונה GET). לאחר מכן, השרת שולח ללקוח את מה שהוא ביקש. למשל מבקשים את אתר google.com, והשרת מחזיר את דף האתר ללקוח.
פרוטוקול HTTP משתמש בפורט 80 ופרוטוקול TCP.
דוגמא לפנייה לאתר google.com:
GET / HTTP/1.1
host: www.google.com
תשובת השרת google.com:
HTTP/1.1 302 FoundCache-Control: privateContent-Type: text/html; charset=UTF-8Location: http://www.google.co.il/?gfe_rd=cr&ei=-DYOWN3AIcqC8QeS9ID4CwContent-Length: 261Date: Mon, 24 Oct 2016 16:29:44 GMT
<HTML><HEAD><meta http-equiv="content-type" content="text/html;charset=utf-8"><TITLE>302 Moved</TITLE></HEAD><BODY><H1>302 Moved</H1>The document has moved<A HREF="http://www.google.co.il/?gfe_rd=cr&ei=-DYOWN3AIcqC8QeS9ID4Cw">here</A>.</BODY></HTML>
פרוטוקול HTTPS
פרוטוקול זה הוא שיפור של פרוטוקול HTTP, הוא בנוי בצורה זהה ל- HTTP אך מוסיף שכבת אבטחה, כיום משתמשים באסופת הפרוטוקול TLS לביצוע האבטחה. האבטחה כוללת הצפנה של המידע, וגם אימות שאכן מתקשרים עם השרת האמיתי ולא שרת מזויף.
פרוטוקול HTTPS משתמש במס' הפורט 443 ובפרוטוקול תעבורה TCP.
מבנה דף HTML
דף הבית מוגדר בדרך כלל כדף הנקרא index.htm או index.html. כלומר כאשר פונים לאתר למשל google.com, ישנה הפניה לדף האינדקס google.com/index.html.
דף האינטרנט מבוסס על שפת HTML שנראית כך לדוגמא:
<html>
<center><font size='+2' color='blue'>Cisco Packet Tracer</font></center>
<hr>Welcome to Cisco Packet Tracer. Opening doors to new opportunities. Mind Wide Open.
<p>Quick Links:
<br><a href='helloworld.html'>A small page</a>
<br><a href='copyrights.html'>Copyrights</a>
<br><a href='image.html'>Image page</a>
<br><a href='cscoptlogo177x111.jpg'>Image</a>
</html>
הדף חייב לפתוח ולסגור בתגיות <html>, בדרך כלל יש גם תגית <head> שמציינת פתיחה או כותרת, וגם תגית <body> שמייצגת את גוף הדף – הטקסט עצמו.
כמו כן <p> מייצגת פסקה חדשה, <br> זו שורה חדשה. התגית <a href=''> מציינת שיש קישור על המילים ולאן מפנה הקישור. ויש גם תגיות לציון עיצובים.
