מבוא לרשת האינטרנט

‫Internet‬
‫Internet‬

רשת האינטרנט היא רשת אשר מחברת בין מחשבים מרוחקים, מה עומד מאחוריה ומה הם המושגים שעלינו להכיר?

על מנת להבין היטב מה עומד מאחורי רשת האינטרנט, ראשית נכיר מספר מושגים בסיסיים שהם חשובים להבנה:

  • צד לקוח – אשר עליו מותקנת תוכנת דפדפן המאפשרת גלישה באינטרנט.
  • צד שרת – עליו מותקנת תוכנה אשר יודעת לתת מענה לבקשות ממחשבים אחרים.
  • כתובת IP – מהוו מספר זיהוי של המחשב ברשת.
  • Domain – מעין תרגום למילים של כתובת ה-IP.
  • דפדפן – תפקידו לקבל קובץ HTML (ומשאבים) ולהציגו על גבי המסך.
  • שורת URL – השורה שבה נקליד את הכתובת שברצוננו שהדפדפן יציג
‫Internet‬
‫Internet‬

רשת www והדפדפן

רשת זו היא רשת מסמכים מסוג הייפרטקסט(HTML) המקושרים ביניהם,
כלומר שכאשר אנו גולשים, למעשה אנו צופים במסמכי HTML.
בנוסף ל-HTML הדפדפן יודע גם לפרש קוד שנכתב בשפות כגון JavaScript ו-CSS על מנת להציגו,
כמו כן יש שפות נוספות כגון PHP שיכולות להרכיב דף אינטרנט.

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

HTML – HyperText Markup Language

שפת תגיות זו היא למעשה שפת הבסיס של האינטרנט.
השפה מורכבת מתגיות ומאפיינים המשמשים לסימון אזורי תוכן בעמוד אינטרנט.
הארגון האחראי על השפה הוא W3C הארגון המרכזי אשר עוסק בתקינה ברשת.
אלו הם קווים לדמותה של שפת התגיות HTML:

  • HTML היא שפה ידידותית וסלחנית, פשוטה יחסית לשימוש ועונה על מגוון של צרכים
  • קלה ונוחה לכתיבה
  • משמשת כתקן למסמכי אינטרנט וניתנת לשימוש חופשי
  • תומכת במולטימדיה
  • מאפשרת ליצור קישורים למגוון קבצים
  • מסייעת למנועי חיפוש
  • מאפשרת לשלב פקודות עיצוב (CSS)
  • מאפשרת לשלב סקריפטים(JavaScript)
  • HTML בנויה על 2 עקרונות מרכזיים – תגיות ומאפיינים

תגיות ומאפיינים ב-HTML

תגית היא מילה שמורה אשר מוקפת בסוגריים משולשות "<>",
בדרך כלל(לא תמיד) התגיות יגיעו בזוגות – תו פותח ותג סוגר.
את התג הסוגר נזהה על ידי קו נטוי לפני שם התג – "a/", כאשר את התגיות נהוג לכתוב באותיות קטנות (lowercase).
לרוב, תגיות ישמשו לצורך הגדרת אזורי תוכן, עיצוב, הגדרות מסמך וטעינת משאבים.

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

<meta charset="utf-8">

בדוגמא זו התגית היא – meta, המאפיין הוא – charset והערך שנתנו לו הוא – "utf-8"

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

יצירת מסמך HTML חדש

צרו קובץ עם סיומת HTML והזינו לתוכו את הטקסט הבא:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

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

HTML Document
HTML Document

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

* לקריאה מורחבת על הארגון w3c יש ללחוץ כאן

רוצים לשתף את המדריך?

אהבתכם את המדריך? פתר לכם תקלה? הזמינו את כותב המדריך לכוס קפה

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

כתיבת תגובה

הזמינו אותי לכוס קפה
buy me coffee

אהבתכם את המדריך? פתר לכם תקלה? הזמינו את כותב המדריך לכוס קפה

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