• Internet et le Web : Séquence 3 traite du fonctionnement de l'internet, du web et des technologies associées.

Définition d'un Réseau

• Un réseau est un ensemble d'objets interconnectés qui échangent des éléments selon des règles définies.
• Exemples de réseaux : transport (trains, bus, taxi), téléphonique, neurones, informatique (ordinateurs échangeant des données binaires).
• La description d'un réseau requiert ces réponses : que transporte-t-il (informations en octets), qui assure le transport (support physique), et comment (protocoles de communication).
• Un réseau informatique est constitué d'ordinateurs reliés par du matériel comme le câblage et les cartes réseau.
• Un réseau permet de partager/transmettre des données pour travailler en groupes et mettre en commun des fichiers avec gestion des accès concurrents.
• Un réseau permet de partager des ressources matérielles, telles que d'autres machines locales ou distantes, des périphériques (imprimantes, scanners), des unités de stockage (sauvegardes, bandes magnétiques).
• Les réseaux permettent de gérer un parc de machines, en offrant une connexion de plateformes multiples (Mac, PC) et des systèmes d'exploitation variés (Unix, Linux, Windows, MacOS).
• Grâce aux réseaux, les services peuvent être sauvegardés et sécurisés de manière centralisée.
• On retrouve également les courriers électroniques, WWW, téléphone, télécopie, fax, vidéo, visio-conférence, messagerie instantanée.

Histoire d'Internet

• 1959-1968 : Le ministère américain de la défense lance ARPA, un réseau capable de supporter un conflit nucléaire.
• 1969 : Les universités américaines s'équipent et se connectent à ARPANET.
• 1970-1982 : Premières connexions internationales avec la Norvège et Londres.
• 1983 : Naissance d'Internet avec le protocole TCP/IP permettant l'interconnexion des réseaux.
• 1986 : La National Science Foundation (NSF) déploie des super-ordinateurs afin d'augmenter le débit d'Internet.
• 1987-1992 : Apparition des fournisseurs d'accès et connexion des entreprises privées au réseau.
• 1993-2003 : Explosion d'Internet avec ouverture au grand public et l'avènement du Web et du courrier électronique.
• Actuellement : Les appareils et objets peuvent se connecter à Internet et échanger des données entre eux

Types d'Architectures Physiques

• La topologie physique d'un réseau correspond à l'arrangement physique des ordinateurs.
• Les trois principales topologies sont : en bus, en étoile, et en anneau.

Topologies Spécifiques

• Topologie en bus : Tous les ordinateurs sont reliés à une même ligne de transmission par des câbles généralement coaxiaux. Le "bus" est la ligne physique reliant les machines. Facile à mettre en œuvre, mais vulnérable aux pannes.
• Topologie en étoile : les ordinateurs sont reliés à un commutateur (switch). Un câble à paires torsadées est utilisé pour la connexion ordinateur-commutateur. Moins vulnérable, car une connexion peut être retirée sans affecter le reste du réseau.
• Topologie en anneau : les ordinateurs communiquent à tour de rôle. Ils sont reliés à un répartiteur (MAU) qui donne la parole à chacun.

Types de Réseaux

• Les réseaux privés se distinguent selon leur taille, la vitesse de transfert des données, leur étendue géographique.
• On distingue le LAN, MAN et WAN.

Types Spécifiques de Réseaux

• LAN (Local Area Network) : Réseau local caractérisé par une organisation, une petite aire géographique et une même technologie. Sa vitesse de transmission varie de 10 à 1000 Mbps, avec 2 à 1000 stations, et une aire géographique de 4m² à 400m². Exemples : réseau local d'un lycée, d'une famille, ou d'une PME.
• MAN (Metropolitan Area Network) : Interconnecte plusieurs LAN à proximité géographique, avec des débits importants. Sa vitesse est > 100 Mbps, avec > 1000 stations et une aire de 1 à 100 km². Exemple : réseau d'une région provinciale ou des universités.
• WAN (Wide Area Network) : Interconnecte plusieurs LAN éloignés avec des débits faibles. L'Internet est le WAN le plus connu, couvrant toute la surface de la Terre avec une vitesse de 56 kbps à 100 Mbps et plus de 1 000 000 de stations, utilisant des câbles téléphoniques ou fibres optiques.

Protocole de Communication

• Un protocole est un langage qui codifie un ensemble de règles que deux systèmes doivent respecter pour communiquer, chaque règle ayant un but fonctionnel et nécessitant l'ajout d'informations aux données transmises.
• Les protocoles permettent aux machines qui l'utilisent de se comprendre, par exemple, le mécanisme requête-réponse pour un protocole client-serveur.

Protocole IP

• L'objectif est d'adresser n'importe quelle machine sur Internet.
• Une adresse IP universelle et unique est attribuée à chaque machine, permettant de la localiser physiquement et de lui transmettre des paquets de données (datagrammes).
• L'adresse IP est un numéro attribué à une machine, tandis que le protocole IP est la méthode de communication pour le routage.

Adresses IP

• Adresse IPv4 : Composée de 4 nombres de 8 bits (0 à 255), séparés par des points (xxx.xxx.xxx.xxx), avec 256⁴ possibilités.
• Adresse IPv6 : Composée de 16 octets, offrant une capacité d'adressage accrue par rapport à l'IPv4, représentée sous forme hexadécimale.
• Les adresses IPv4 sont réparties en classes selon le nombre d'octets représentant le réseau.
  • Classe A : le réseau est représenté par 8 bits.
  • Classe B : le réseau est représenté par 16 bits.
  • Classe C : le réseau est représenté par 24 bits.

Adresses IP de Classe A

• Une adresse IP de classe A en binaire ressemble à 0xxx xxxx.xxxx xxxx.xxxx xxxx.xxxx xxxx avec la structure `Réseau.Ordinateur.
• Les adresses réseaux vont de 1.0.0.0 à 126.0.0.0, offrant 126 réseaux possibles (le réseau 0.x.x.x est interdit).
• Les adresses IP disponibles par réseaux vont de X.0.0.1 à X.255.255.254, soit (256 x 256 x 256) - 2 16 777 214 IP.

Adresses IP de Classe B

• Une adresse IP de classe B, en binaire, ressemble à ceci : 10xx xxxx.xxxx xxxx.xxxx xxxx.xxxx xxxx avec la structure Réseau.Ordinateur.
• Les adresses de réseaux vont de 128.0.0.0 à 191.255.0.0, soit 16 384 réseaux possibles.
• Les adresses IP disponibles de chaque réseau vont de X.Y.0.1 à X.Y.255.254, soit(256x256)-2=65 534 IP.
• La plage d’adresse se situent entre 128< X < 191 et 0 < Y < 255.

Adresses IP Privées

• INTERNIC alloue des adresses IP aux fournisseurs d'accès (Orange ou Maroc Telecom) ou aux entreprises.
• INTERNIC a réservé des adresses dans chaque classe pour les réseaux locaux connectés à Internet, évitant ainsi les conflits d'adresses IP.
• Ces adresses doivent être utilisées dans un cadre privé (chez soi, en entreprise).

Routage

• Le routeur est un connecteur reliant des réseaux qui dirige les informations dans la direction appropriée d'après l'adresse IP.
• Le routage IP se base uniquement sur l'adresse du destinataire.
• Chaque équipement du réseau local sait atteindre une autre machine du même réseau ou d'un autre réseau.
• Le routeur possède les informations de routage dans sa table de routage, qui peut être fixe ou variable, mise à jour via des protocoles de routage.

Fonctionnement du Web (World Wide Web)

• WWW = World Wide Web
• Il s'agit d'un ensemble de données disponibles sur les serveurs accessibles par Internet et visualisables avec un navigateur Web. Les informations sont regroupées sous forme de pages et de sites.
• Web ≠ Internet (le Web est une partie des contenus circulant sur l'Internet).

Page Web

• Une page Web est un document multimédia (textes, images, vidéo...) avec possibilité d'interaction et des liens hypertextes.
• Un langage de description(HTML ou XHTML) décrit chaque élément par élément (titre, texte, image...).
• Une page Web est stockée dans un fichier (.html, .htm, .xhtml).
• Elle est calculée et affichée par un navigateur.
• Une page Web est localisée sur Internet par une adresse (URL) et permet d'accéder à d'autres pages en suivant des liens.

Site Web

• Un site Web est un regroupement de pages Web autour d'une thématique commune.
• Les pages Web sont reliées par des liens hypertextes, émanant d'une même entité et accessibles à partir d'une page d'accueil et d'une URL de base communes.
• Les pages Web sont en général localisées sur un même serveur.
• Les sites Web ont une organisation hiérarchique organisée sous forme d'arborescence de dossiers et de fichiers.
• Les sites incluent des liens vers d'autres sites, composant la "toile" mondiale.

Mécanismes de Base du Web

• URL : Le Web peut accéder aux ensembles de ressources via l'URL qui utilise le protocole DNS.
• HTTP est un protocole de niveau applicatif qui utilise paradigme client-serveur sans état.
• HTML est le language pour la description des pages web, incluant du texte, des images et d'autres objets via des liens hypermédias entre les pages.

Domaine

• L'objectif du nommage des machines est de faire correspondre un nom explicite à l'adresse IP d'une machine.
• Le nom de machine est décomposé hiérarchiquement, avec un suffixe de domaine (critère géographique, institutionnel), un domaine (organisation), un sous-domaine (éventuellement), et un nom local de la machine.
• Domain Name System (DNS) : Sert de nom de domaine qui gère les adresses correspondant à un domaine donné et convertit un nom en adresse IP.
• DNS reçoit en reçoit une requête d'un client qui demande l'adresse correspondant à un nom de machine.

URL

• Fournit l'identification d'une ressource sur le réseau, qu'elle soit une page Web, une image, un programme ou un fichier à télécharger.
• Indique un protocole de communication, ainsi qu'une adresse et un chemin(protocole://adresse).

URL - La Structure

• HTTPS://a.fsjest.ma : Protocole(https://), sous-domaine(fsjest), Nom de domaine(fs), suffixe de domaine(.ma)
• HTTPS://a.fsjest.ma/emploi-du-temps : Protocole(https://), Adresse de la machine(a.fsjest.ma) avec chemin de page web(/emploi-du-temps)

Protocole HTTP

• Le HTTP suit le principe du client-serveur.
• Le client(navigateur web) envoie des requêtes aux serveurs distants.
• Les requêtes permettent l’hébergement de ressources.
• Les serveurs traitent ces requêtes et répondent en renvoyant les ressources demandées.

HTTP : Description

• Le protocole client-serveur est référencé par une adresse IP (ou nom de machine, résolu via DNS).
• Objectif : Accéder à des ressources, incluant : du serveur web(adresse IP) et client(Navigateur Web).

Technologies Web

• Structure -HTML(Langage de balisage Hypertext)
• Style -CSS(Cascading Style Sheets)
• Interactivité -JavaScript

HTML - HyperText Markup Language

• Définition : C’est un langage relativement simple utilisé pour créer des pages web et structurer une page web et son contenu.
• Il permet de présenter les documents hypertextes destinés à être affichés sur le navigateur.
• HTML est un langage de balisage qui utilise des balises pour définir les 3 éléments d’un document.
• La balise et le texte sont placés dans l’ordre qui relie des éléments connexes par le biais de liens.
• La balise définit les éléments d’un document, le style et la structure d’une page pour les navigateurs web.

Fichier HTML

• Un fichier HTML/XHTML est un fichier texte contenant des balises appelant des commandes, dont l'action est limitée au texte contenu entre la balise de début et la balise de fin.
• Extension HTML : .htm ou .html; XHTML : .xhtml.
• Balise de début: <commande>.
• Balise de fin: </commande>.
• Balise auto-fermante: <commande/>.
• Toute balise ouverte doit être fermée.

Éléments HTML

• Tous les éléments HTML, indépendamment de ce qu'ils créent, ont les trois mêmes composants : Balise, Contenu et Balise de fin.
• Contenu d'un élément consiste en: Texte et/ou autres éléments entre une balise ouvrante et une balise fermante.
• Exemple : <p> Un paragraphe avec un <br/> saut de ligne </p>.
• Un élément est décrit par : Soit une balise ouvrante, un contenu et une balise fermante
• soit une balise vide: <img src="zebre.jpg" alt="image de zèbre" />.
• Les éléments HTML incluent structure abrborescentes.

Balise

• Elément formant une boite dans lequel le texte ou d’autres éléments sont inclus(paragraphes et tableaux)
• Elément auto-fermant avec balise ouvrante et une balise fermante à la fois(saut de ligne ou séparation horizontale)

Eléments HTML5

• La mise en forme et structure d’un document incluent
  ,

  ,

  ,

Titres HTML5

• 6 niveaux de titres :

  …

  à

  …

• Par exemple, « CU20 Cuisinologie »,Chapitre 1 : Dépieauter la bête, Chapitre 2 : Température optimale du four seront balisés.

Elément de Bloc - HTML5

• L'élément de bloc <p>... </p> permet de construire des paragraphes et par un attribut align de spécifier la justification.
• L'élément inline <br/> permet de contrôler les sauts de lignes.
• Exemple: Série du mois inclura dans cette balise les paragraphes suivants :
• "La série du mois est American Horror Story. Il y a déjà 5 saisons à cette série, pour un total de 54 épisodes." et « "Il s'agit d'une série télévisée dramatique et d'horreur."

Liens Hypertextes

• L'élément <a href="...">... </a> permet d'insérer un lien.
• Le contenu de l'élément est celui qui sera affiché en tant que lien.
• L'attribut href contient l'URI vers laquelle le lien pointe :
  • URL : http://www.google.com
• URL (mail) :mailto:[email protected]
• Fichier local avec chemin relatif :./dossier/autre_page.html
• Fichier local avec chemin absolu :/www/dossier/autre_page.html

Listes HTML5

-Chaque item d'une liste de type <ul> ou <ol> est déclaré par <li>...</li>.

• Les tableaux sont insérés avec l'élément, décrits par des lignes composées de cellules, et La balise <tr> déclare une ligne.

  Tableaux HTML5

  Les tableaux doivent declarer les balises

  (cellule normale) ou

  (cellule titre/grasse) qui declare la cellule dans la ligne. Formulaires HTML5 L'insertion d'un formulaire se fait avec l'élément<form>.... </form>. Le formulaire se construit ensuite à l'aide de widgets. Deux attributs permettent de configurer le formulaire : l'attribut method pour spécifier la méthode d'envoi l'attribut action identifie la page de traitement. La Structure et le Design avec cascading Style Sheets (CSS) Ce language permet la description de la présentation de documents, un document en mode texte décrivant des règles de mise en page Utilisable par des documents HTML CSS Permet d'adopter une présentation identique de tous les documents HTML tout en assurant una séparation du contenu et de la présentation. On compte 3 normes : CSS 1, CSS 2, CSS 3. CSS Liens L’inclusion peut être directemnent dans les balised et peuvent être définies dans le fichier via la balise <style> ou via la balise . Exemple: -<h2 style="color: red">Titre en rouge</h2> <head> \<style type="text/css"> Déclaration des styles </style> </head> <link href="fichier.css" rel="stylesheet" type="text/css"/> CSS - la syntaxe La règle CSS est composée de deux parties: Le sélecteur définit le(s) élément(s) affecté(s) ou Le(s) déclaration(s) contiennent les règles sélecteur1, sélecteur 2 ... { propriété1: valeur1; ... propriétéN: valeurN; } Il est possible de paramétrer les propriétés et les valeurs en les appellant par des tags ou des Class. Tous les styles, peu importe où ils sont définis, se fusionnent dans l'ordre de chargement, en une seule feuille de style avec un système d'héritage qui peuvent s'écraser. Javascript l'interactivité Ce language perùey : Interactivité dans les pages HTML/XHTML, traitements simples sur le poste de travail de l'utilisateur. Créé en 1995 par Netscape et Sun Microsystems et permet l'Introduction de scripts dans les pages HTML/XHTML Js permet aussi le Javascript permet de: programmer des actions en fonction d'événements utilisateurs(déplacements de souris, focus, etc.) d'accéder aux éléments de la page HTML/XHTML qui permet le traitement de formulaire, modification de la page oueffectuer des calculs sans recours au serveur avec des options tel de valider les validité sur des interfaces de saisie Studying That Suits You Use AI to generate personalized quizzes and flashcards to suit your learning preferences. Get started for free Related Documents More Like This 6 questions The Internet and the Web Quiz IngenuousEuclid2675 43 questions Introduction to Computer Networks StatuesqueStrength1084 30 questions Introduction to the Internet and Web ExceedingCotangent3993 20 questions Introduction to Internet and World Wide Web GreatestMaclaurin Quick Share Copy the link below or share directly to socials. Anyone: Anyone can view and access this lesson. Copy link Copied! To share, set lesson to Public. Use Quizgecko on... Open Browser Continue Got it! Upgrade to continue View Plans & Pricing Feedback Please use this form to submit feedback or report bugs. You can find answers to most questions in our Help Center. Category Select a category General Bug General feedback Generating questions Playing a quiz Sharing a quiz Feedback Image (optional) Submit Create your free account Continue with Google Sign in with Apple or continue with email ← Back Your Name Email Password Confirm Password Already registered? Verify email → By continuing, you agree to Quizgecko's Terms of Service and Privacy Policy. Trusted by top students and educators worldwide OK