9.1.0 – תיאוריה – שרת WEB – פרוטוקול HTTP ו- HTTPS

מה לומדים בחלק זה?

  • מהו שרת ה- 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&amp;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="> מציינת שיש קישור על המילים ולאן מפנה הקישור. ויש גם תגיות לציון עיצובים.

You may also like...

כתיבת תגובה

האימייל לא יוצג באתר.

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