CCNA 200-301 — Visualisation

Schémas SVG interactifs

Quatre schémas 100 % autonomes (aucune image externe, fonctionne en file://) : cliquez, survolez et lancez les animations pour comprendre l'encapsulation, le subnetting, les VLAN et TCP.

01Modèle OSI interactif

Cliquez sur une couche pour afficher son détail. Le bouton « Animer un paquet » simule l'encapsulation de haut en bas.

7 — Application HTTP · DNS · FTP · SMTP 6 — Présentation TLS · JPEG · ASCII · Chiffrement 5 — Session NetBIOS · RPC · Sessions 4 — Transport TCP · UDP — Segments 3 — Réseau IP · OSPF · ICMP — Paquets 2 — Liaison de données Ethernet · 802.1Q · MAC — Trames 1 — Physique Câbles · RJ45 · Hub — Bits Trajet du paquet Hôte A → Hôte B

Couche 7 — Application

Rôle : interface entre les logiciels et le réseau.

PDU : Données

Protocoles : HTTP, DNS, FTP, SMTP

Équipements : passerelles applicatives, proxy.

Encapsulation : en attente — cliquez sur « Animer un paquet ».

02Visualiseur de subnetting — 192.168.1.0

Déplacez le curseur CIDR de /24 à /30 : le masque, le nombre de sous-réseaux, les hôtes et la barre des 32 bits se recalculent instantanément.

/24
Bits réseau (à gauche) vs bits d'hôtes (à droite) : ■ Réseau ■ Hôtes 24 bits réseau + 8 bits d'hôtes
Réseau de base
192.168.1.0
Masque
255.255.255.0
Sous-réseaux
1
Hôtes utilisables / sous-réseau
254
1er sous-réseau (réseau)
192.168.1.0
1er sous-réseau (broadcast)
192.168.1.255
Plage utilisable
192.168.1.1 — 192.168.1.254

03Topologie VLAN + Router-on-a-stick

Survolez un élément pour voir son détail (VLAN, IP, rôle). Cliquez sur le lien trunk pour comprendre l'encapsulation 802.1Q.

R R1 — Routeur G0/0.10 : 192.168.10.1 · G0/0.20 : 192.168.20.1 Routeur R1 — sous-interfaces G0/0.10 (VLAN 10) et G0/0.20 (VLAN 20) TRUNK 802.1Q (cliquer) Lien trunk 802.1Q — transporte les VLAN 10 et 20 tagués vers le routeur SW1 — Switch Fa0/1-2 : access VLAN 10 · Fa0/3-4 : access VLAN 20 · Gi0/1 : trunk Switch SW1 — ports d'accès VLAN 10 / VLAN 20, uplink Gi0/1 en trunk PC1 VLAN 10 192.168.10.11 PC1 — VLAN 10 — 192.168.10.11/24 — passerelle 192.168.10.1 PC2 VLAN 10 192.168.10.12 PC2 — VLAN 10 — 192.168.10.12/24 — passerelle 192.168.10.1 PC3 VLAN 20 192.168.20.11 PC3 — VLAN 20 — 192.168.20.11/24 — passerelle 192.168.20.1 PC4 VLAN 20 192.168.20.12 PC4 — VLAN 20 — 192.168.20.12/24 — passerelle 192.168.20.1 Lien d'accès Lien d'accès

Survolez la topologie

Chaque PC est coloré selon son VLAN : bleu = VLAN 10, vert = VLAN 20.

Le lien épais entre SW1 et R1 est le trunk : cliquez dessus pour l'explication 802.1Q.

04Handshake TCP animé (ouverture + terminaison)

Cliquez sur « Lancer » : les 3 flèches SYN → SYN-ACK → ACK s'animent séquentiellement avec les numéros de séquence. Activez l'option FIN pour voir la terminaison en 4 temps.

Client 192.168.1.10:5000 Serveur 192.168.1.1:80 1 · SYN — seq=0 2 · SYN-ACK — seq=0, ack=1 3 · ACK — seq=1, ack=1 (connexion établie) 4 · FIN — seq=1 (client) 5 · ACK + 6 · FIN (serveur) 7 · ACK final (connexion fermée)

Triple handshake TCP

TCP est orienté connexion : les deux parties synchronisent leurs numéros de séquence avant tout échange de données.

SYN demande la connexion, SYN-ACK accepte et synchronise en retour, ACK confirme.

En attente — cliquez sur « Lancer ».