2 présentation réseauxetinternet (1)

7/24/2019 2 Prsentation RseauxetInternet (1)

1/98

Rseaux & InternetI- les Rseaux

II- Le Rseau Internet

III- Langage HTML & Cration des Pages Web


2/98

LES RESEAUX

! Un ensemble d'objets interconnects les unsavec les autres.

Selon le type d'objet, on parlera" Rseau de transport

" Rseau tlphonique

" Rseau de neurones

" Rseau de malfaiteurs

" Rseau informatique


3/98

Rseaux Informatique

"

Un ordinateur est une machine permettant de manipulerdes donnes.

" Un rseau permet:

# Schanger desmessages,# Discuter,

# Transfrer des fichiers,

# Partager des imprimantes,

#Avoir accs Internet partir dune seule connexion,

# Faire de la tlassistance,!


4/98

www.coursinfo.be.ma


5/98

Les topologies des rseaux

Un rseau informatique est constitu d'ordinateurs relisentre eux grce du matriel.

! La topologie en bus

! La topologie en toile

! La topologie en anneau

L'arrangement physique de ces lments est appeltopologie physique. Il en existe trois:


6/98

Topologies en bus

Les ordinateurs sont relis une mme ligne de transmissionpar l'intermdiaire de cble, gnralement coaxial.

$Avantage

facile mettre en oeuvre et de fonctionner facilement,

$

Inconvnient

Extrmement vulnrable (si l'une des connexions est dfectueuse, c'estl'ensemble du rseau qui est affect)

Impraticable dans la messagerie (un message mis par un ordinateur estdiffus sur le cble ; Cest au destinataire de reconnatre le message qui le

concerne.


7/98

Topologies en anneau

Dans un rseau possdant une topologie en anneau, les ordinateurssont situs sur une boucle et communiquent chacun leur tour grce

un rpartiteur.La panne dune station rend lensemble du rseau inutilisable.

Cette architecture tant la proprit dIBM, les prix sont levs et la concurrencequasiment inexistante.


8/98

Topologies en toile

Cest la topologie rseau la plus courante. Toutes les stations sontrelies un unique composant central : le concentrateur.

Quand une station met vers le concentrateur, celui-ci envoie les donnes toutes les autres machines (hub) ou uniquement au destinataire (switch).


9/98

Facile mettre en place et surveiller.

La panne dune station ne met pas en cause lensemble durseau.

Il faut plus de cbles que pour les autres topologies,

Si le concentrateur tombe en panne, tout le rseau est ananti.

Le dbit pratique est moins bon que pour les autres topologies.

$Avantage

$ Inconvnient


10/98

Topologies en toile

WIFI

Une topologie en toile, mais sans fils.

Permet une plus grande libert


11/98

Les types de rseaux

On dtermine le type de rseau selon leur taille(en terme de nombre demachines), leur vitesse de transfert des donnes ainsi que leur tendue.

On distingue gnralement trois catgories de rseaux:

WAN(wide area network)

LAN(local area network)

MAN(metropolitan area network)


12/98

LAN signifie Local Area Network (en franais Rseau Local). Il s'agit d'unensemble d'ordinateurs appartenant une mme organisation et relis entre euxdans une petite aire gographique par un rseau, souvent l'aide d'une mmetechnologie (la plus rpandue tant Ethernet).

Les LAN

La vitesse de transfert de donnes d'un rseau local peut s'chelonner entre10Mbps (pour un rseau Ethernetpar exemple)

On distinguer deux modes de fonctionnement :

- Un environnement d'"gal gal" dans lequel il n'y a pas d'ordinateurcentral

- Un environnement "client/serveur", dans lequel un ordinateur central

fournit des services rseau aux utilisateurs


13/98

www.coursinfo.be.ma


14/98

Les MAN (Metropolitan Area Network) = interconnexion de plusieurs LANgographiquement proches (au maximum quelques dizaines de km) des dbits importants. Ainsi un MAN permet deux nuds distants decommuniquer comme si ils faisaient partie d'un mme rseau local.

Un MAN est form de commutateurs ou de routeursinterconnects par desliens hauts dbits (en gnral en fibre optique).

Les MAN


15/98

Un WAN (Wide Area Network ou rseau tendu) = interconnexion plusieursLANs travers de grandes distances gographiques.

Les dbits disponibles sur un WAN dpend du cotdes liaisons (qui augmenteavec la distance).

Les WAN fonctionnent grce des routeursqui permettent de "choisir" le trajetle plus appropri pour atteindre un noeud du rseau.

Le plus connu des WAN est Internet.

Les WAN


16/98

www.coursinfo.be.ma


17/98

Architectures des rseaux

Type d

architecture installer dpenddes critres suivants :

! Taille de lentreprise! Niveau de scurit ncessaire! Type dactivit

!

Niveau de comptence dadministration disponible

! Volume du trafic sur le rseau! Besoins des utilisateurs du rseau! Budget allou au fonctionnement du rseau (pas seulement lachatmais aussi lentretien et la maintenance)

"

Les rseaux poste poste (peer to peer / gal gal)"

Rseaux organiss autour de serveurs (Client/Serveur)


18/98

Architecture Client / Serveur

Des Machines clientes(des machines faisant partie du rseau)

contactent un serveur,

une machine trs puissante en terme de capacits d'entre-sortie, qui

fournit Clients des services.

Ces services sont :

lepartage de fichiers,l'accs aux informations duworld wide web,lecourrier lectronique

le partage d'imprimantes,lecommerce lectronique,le stockage enbase de donnes,la mise disposition delogiciels applicatifs(Software As A Serviceet le Cloud Computing).

Serveur

%


19/98

&&&&

Ordinateurs sur le Web

HTTP

&Mon PC

FTPServeur chezlhbergeur


20/98

www.coursinfo.be.ma


21/98

AvantagesLe modle client/serveur est particulirement recommand pour des rseaux

ncessitant un grand niveau de fiabilit, ses principaux atouts sont:

! des ressources centralises: (base de donnes)! une meilleure scurit: car le nombre de points d'entre est moins important! une administration au niveau serveur:! un rseau volutif: Supprimer ou rajouter des clients sans perturber le

fonctionnement du rseau et sans modifications majeures

InconvenantL'architecture client/serveur a tout de mme quelques lacunes parmi lesquelles:

$ Un cot levd la technicit du serveur$ Un maillon faible: le serveur est le seul maillon faible du rseau client/serveur,tant donn que tout le rseau est architectur autour de lui! Heureusement, leserveur a une grande tolrance aux pannes.


22/98

www.coursinfo.be.ma

Architecture d

gale gale

Il n'y a pas de serveur ddi. Ainsi chaque ordinateurdans un tel rseauestun peu serveuret un peu client.

Chacun des ordinateurs du rseau est libre de partager ses ressources. Unordinateur reli une imprimante pourra donc ventuellement la partager afin quetous les autres ordinateurs puissent y accder via le rseau.


23/98

Avantages

L'architecture d'gal gal a tout de mme quelques avantages parmi lesquels:un cot rduit(les cots engendrs par un tel rseau sont le matriel, les cbles etla maintenance)une simplicit toute preuve!

Inconvnients

Les rseaux d'gal gal ont normment d'inconvnients:ce systme n'est pas du tout centralis,

Les rseaux d'gal gal ne sont valables que pour un petit nombre

d'ordinateurs(gnralement une dizaine), et pour des applications nencessitant pas une grande scurit (il est donc dconseill pour un rseauprofessionnel avec des donnes sensibles).


24/98

www.coursinfo.be.ma


25/98

Intranet et Extranet

Un intranet est un ensemble de services internet internes un rseau local

Utiliser les standards de lInternet, comme par exemple l'utilisation denavigateurs internet, pour raliser un systme d'informationinterne uneorganisation ou une entreprise.

Intranet


26/98

L'utilit d'un intranet

- Mise disposition d'informations sur l'entreprise (panneau d'affichage)- Mise disposition de documents techniques- Moteur de recherchede documentations- Un change de donnes entre collaborateurs- Annuaire du personnel- Gestion de projet, aide la dcision, agenda, ingnierie assiste par ordinateur

- Messagerie lectronique- Forum de discussion, liste de diffusion, chaten direct- Visioconfrence- Portail vers internet

Un intranet favorise la communication au sein de l'entreprise et limite les erreursdues la mauvaise circulation d'une information.


27/98

Extranet

Un extranetest une extension du systme d'information de l'entreprise des

partenaires situs au-del du rseau.

L'accs l'extranet doit tre scuris

Un extranet n'est donc ni un intranet, ni un site internet. Cest un systme

supplmentaire offrant aux clients d'une entreprise, ses partenaires ou des

filiales, un accs privilgi certaines ressources informatiques de l'entreprise

par l'intermdiaire d'une interface Web.

Intranet et Extranet


28/98

Intranet et Internet

On reliant lintranet lInternet lentreprise permet au employs de profiterdes services du Web


29/98


30/98

Le Matriel

Les cbles

AMEISOLANT

BLINDAGE

ISOLANT

Cbles blinds coaxiaux

Blindage

Isolant

Paires

Cable paire torsade non blind (UTP)Cbles torsads

Fibre

missionFibrerception

Cble fibres optiques

-

Insensible touteinterfrence

-Vitesse de transmissionleve

-

Peu dattnuation dusignal


31/98

Les cartes rseaux

Support de transport des donnes


32/98

Les lments actifs

Les Rpteurs

Un rpteur(en anglais repeater) est un quipement simple permettant dergnrer un signal entre deux noeuds du rseau

Sur une ligne de transmission, le signal subit des distorsions et un

affaiblissement d'autant plus importants que la distance qui spare deuxlments actifs est longue.


33/98

InterlinkLe HUB

Un concentrateurest un lment matriel permettant de concentrer le traficrseau provenant de plusieurs htes, et de rgnrer le signal.

On distingue plusieurs catgories de concentrateurs :

" Les concentrateurs dits "actifs" : ils sont aliments lectriquement etpermettent de rgnrer le signal sur les diffrents ports"Les concentrateurs dits "passifs" : ils ne permettent que de diffuser le signal tous les htes connects sans amplification


34/98

Le Switch

Se sont des concentrateurs-commutateurs,

les trames envoyes une machine particulire sont directementaiguilles vers la machine destinatrice, en supprimant toute collision,

la topologie logique nest donc plus le bus mais ltoile.


35/98

Les Routeurs

Les routeurs sont les machines cls d'Internet car ce sont cesdispositifs qui permettent de "choisir" le chemin qu'unmessage va emprunter.


36/98

INTERNETL'Internet n'est pas un rseau, mais une " fdration" derseaux d'ordinateurs connects entre eux .

%

"

un protocole de communication. "langage" commun

tous les ordinateurs raccords au rseau. TCP

(Transmission Control Protocol)

" un systme d'adressage, qui permet de trouver et

de contacter un ordinateur donn quelque soit le

lieu (le rseau) ou il se trouve : IP (Internet

Protocol)


37/98

Protocol TCP/IP

' IP (Internet Protocol)


38/98

Protocol TCP/IP

' Les ports

l'adresse IPpermet de s'adresser un ordinateurdonn, et le numro de portpermet des'adresser un logicielparticulier sur cet ordinateur.


39/98

Protocol TCP/IP'

TCP (Transmission Control Protocol)

TCP

(

Indiquer les ports.

(vrifier que le destinataire est prt recevoir les donnes.

(dcouperles gros paquets de donnes en paquets plus petitspour que IP les accepte

(

rassembleravant de les donner aux logiciels.

(Envoyer des accuss de rception pour prvenir l'expditeur queles donnes sont bien arrives.


40/98

Les Protocoles

seau

Liaisons

Physiques

PROTOCOLE

- Adresse

- communication

Sur Internet, de nombreux protocoles sont utiliss, ils fontpartie d'une suite de protocoles.


41/98

Il provient des noms des deux protocoles majeurs de lasuite de protocoles, c'est--dire les protocolesTCPet IP).


42/98

L

histoire de

lInternet


43/98

Accs InternetPour accder un rseau Internet deux possibilits se prsentent

:

(

Se raccorder un rseau faisant partie de lInternet et dans cecas on peut accder aux diffrentes machines qui y sont lies.

( Se raccorder un rseau de transport, ne faisant pas partie delInternet et dans ce cas on a besoin dun fournisseur daccs.

Cest le cas de rseau tlphonique par exemple.

Pour tre connect Internet,

$

UnModem ou un Modem/Routeur sil sagit de connecter unLAN(ADSLDigital Subscriber Lineou Ligne numrique d'abonn)

$ Unlogiciel daccs.

$ Un fournisseur daccs(Maroc Tlcom, Mditel, )


44/98

Qui fait quoi sur Internet ?


45/98

Fonctionnement du

rseau Internet


46/98

Les moteurs de recherche

' Un moteur de rechercheest une machine spcifique (matrielleet logicielle) charge d'indexer des pages web afin de permettreune recherche l'aide de mots-cls dans un formulaire de

recherche.' Des robots (logiciels), appels spiders(en franais araignes)

doivent parcourir la toile en suivant les liens hypertexte desmillions de pages Web et indexent le contenu dans degigantesques bases de donnes afin de permettre leur

interrogation.


47/98

Les moteurs de recherche

' Deux types de logiciels' Le fouineur : (cherche de nouvelle page web)

' Larchiviste : (trie, range et classe les informations)

' Le guichetier : rpond aux recherches desinternautes)


48/98

Structure d

une page

Web

Une page Webest un document lectronique crit dans un langage

informatique appel HTML(Hypertext Markup Language).

Un ensemble de page Web relies par un ensemble dhyperliens est

appel un site Web

Chaque page Web dispose d'une adresse unique, appele URLouUniform Resource Locator,


49/98

Langage HTML

' HTML, Langage de Marquage de Texte, est un langage balis utilis defaon universelle pour une distribution globale d'informations. Il s'agit d'unlangage utilis pour crer des pages Web.

) Il permet de :

) Publier des documents en ligne contenant des En-ttes, du texte, destableaux, des listes, etc

) Retrouver des informations en un click de souris grce aux LiensHypertexte.

) Accueillir des images, inclure des animations.

) Insrer directement des documents dans d'autres formats, des sourcesvido et sonores et d'autres applications.


50/98

Cration d

un site Web l

aide du

langage HTML

' Le moyen le plus simple pour crer et maintenir des pages HTML estdutiliser lditeur Texte Bloc Note ou bien Microsoft WordPad


51/98

Les Balises du code HTML

' La Balise Tout document HTML dbute par la balise et se termine par .Ceci permet de diffrencier des contenus de diverses natures.

) La Balise Cette balise constitue l'entte du document. Elle va contenir unemultitude d'informations comme le titre de la page

) La Balise Elle dfinit le titre du document. (Entre et ). Trs utile aux moteurs de recherche pour connatre

d'emble le titre de la page.


52/98

Les Balises du code HTML

' La Balise Il s'agit du corps d'un document HTML. Il contient tous leslments affichs par le navigateur. La balise BODY vient justeaprs l'entte d'un document.

) Les attributsLa balise BODY peut possder des attributs pour dfinir lescouleurs, la largeur, les bordures de la page. Voici les

principaux attributs de la balise BODY :

Attribut Signification

bgcolor Couleur de fond de page

background Image de fond de page

text Couleur du texte

Bordercolor Couleur de bordureborder Dimension de la bordure

width Permet de changer la largeur

height Permet de changer la hauteur

Align Prcise lalignement (left, center, right)


53/98

Application 1

Ma page HTML

Bienvenue dans le monde merveilleux du HTML !


54/98

Mise en forme du texteGras ...

... Dbut et fin de zone en gras

Italique ......

Dbut et fin de zone en italique

Taille decaractre

... Dbut et fin de zone avec cette taille

Couleur decaractre

Dbut et fin de zone en couleur

A la ligne
Aller la ligne

Commentaires Ne pas afficher

Centrage Centrer

Bleu #0000FF Vert #00FF00

Blanc #FFFFFF Violet #8000FF

Rouge #FF0000 Jaune #FFFF00

Gris clair #C0C0C0 Noir #000000


55/98

Mise en forme du texte

"

Encodage des caractres spciaux :&nom; ou code_dcimal; < = "" ,& = "&" , = "espacesignificatif" , = , = , = ,

= , = , = , = ,

="


56/98


"

Styles "physiques" (peuvent tre combins les uns avecles autres) : texte en gras

texte en italique texte soulign texte biff

texte..(3=taille par dfaut ; 4=>+20% ; 2=>-20% ; etc...)


57/98


indice

exposant

"

Indices et exposants :

"Justification (droite gauche ou centre):

texte ou objets... texte ou objets... texte ou objets...


58/98


"

Acronymes (permet d'afficher la signification d'uneabrviation lorsqu'elle est survole par le curseur) :

acronyme


59/98

Application 2

Textetexte simple
texte en gras
texte en gras
texte en italique
texte en gras et en italique
texte

en bleu


60/98

Mise en forme des paragraphes

En-ttes avec n=1 6

Afficher une en-tte de niveau n et sauter une ligne

Liste non-ordonne Afficher le texte sous forme d'une liste non-ordonne.

Liste ordonne Afficher le texte sous forme d'une liste ordonne.

Elment de liste Voici un lment de la liste

Paragraphe
Saut de ligne, insrer une ligne vierge etcommencer un paragraphe


61/98

Application 3

Les Mois de l'anne

Les mois du printemps

avril

mai

juin

Les mois d'automne

octobre

novembre

dcembre


62/98

Les sparateurs

' Les browsers intgrent un outil de mise en forme intressant pour clarifier la

prsentation de votre texte. C'est la ligne horizontale.

' La syntaxe en est fort simple:

Ligne horizontale [Horizontal Rule] Insrer une ligne horizontale

Epaisseur en pixels

Largeur en pixels

Largeur en % de la fentre

Alignement gauche

Alignement droite

Alignement centr


63/98

Application 4

INTRODUCTION


64/98

Exercice


65/98

La balise

Cette balise permet de crer des hyper-liens. C'est une des balises lesplus importantes du HTML : sans elle, hors de question de "surfer" surle net.


66/98

Les liens hypertexte

' Les liens vers un document complet distant

' Syntaxe : ancre

' Exemple: pour accder aux pages web de lcole

' cole NSAJ .

Il existe trois types principaux de liens :


67/98


' Les liens vers un document complet local'

Syntaxe : ancre

) Dans l'diteur de texte, nous allons crer deux fichiers Htlm.

le fichier 1.htm:

Aller vers le document 2le fichier 2.htm:

Retour au document 1

)

On sauve ces deux fichiers dans un mme rpertoire.

Application


68/98


' Les liens vers un endroit prcis du mme document ou d

un

autre document

Syntaxe

On commence par faire un point dancrage c-a-d marquer la cible sur la quellenous voulons faire le liens hypertexte

...

On fait le liens vers la cible nomm *** dans la mme page

...

Exemple

Ad l


69/98

Adresse relative et

absolue

Adresse absolue:

Pour un lien pointant sur un fichier qui se trouve sur un autre serveur oncriraExemple: l'adresse absolue de ce fichier est:

http://www.google.co.ma/

Adresse relative et


70/98

Adresse relative:

Si le fichier "point" se trouve sur le mme serveur on peut soit crire

l'adresse absolue soit l'adresse relative. Une adresse relative est une adresseplus courte

" Si votre fichier se trouve dans le mme rpertoire,

lien sur les connaissances de base

Adresse relative etabsolue

Ad l i


71/98

Imaginons par exemple que vous vouliez faire un lieu entre un fichier un.htmletun fichier deux.html se trouvant dans un sous-rpertoire, un rpertoire setrouvant un niveau plus bas (dans ce cas-ci le rpertoire "yasmin"), le lien est:

Adresse relative et

absolue

Ad l i


72/98

" Imaginons maintenant que vous vouliez faire un lien entre le fichier deux.htmet le fichier un.htm qui se trouve un rpertoire au-dessus au niveau del'arborescence des fichiers et rpertoires, le lien est:


Les deux points signifient que lon remonte dun niveau

Ad l i


73/98

" Imaginons que vous vouliez faire un lien entre le fichier un.htm et le fichiertrois.htm qui se trouve dans un autre rpertoire (dans ce cas-ci le rpertoire"html") mais au mme niveau hirarchique, voici ce que cela donnerait:



74/98

Exercices dapplication


75/98

Les images

Pour insrer une image GIF ou JPEG

La balise image possde de nombreux attributs.

Dimensions width=? height=? Hauteur et largeur (en pixels)

border=? (en pixels) Bordure

align=top

align=middle

align=botton

align=left

align=right

Alignement par rapport au text

Fichier d'aide

Fichier d'aide

Fichier d'aide


76/98


77/98

La balise

' Permet d'aligner diffrents lments dun texte.

...

......


78/98

Atelier-1

'

Ralisation dun mini Site de HEM


79/98

Les tableaux

' L'usage des tableaux est donc trs frquent. Ils servent aligner des chiffres mais

surtout placer des lments l'emplacement que vous souhaitez.

' Un tableau est compos de lignes et de colonnes qui forment les cellules du tableau.

' Les balises de base sont donc :

Dfinition du tableau [Table] Dbut et fin de tableau

Dfinition d'une ligne [Table Row] Dbut et fin de ligne

D f i n i t i o n d ' u n e

cellule

[Table Data] Dbut et fin de cellule


80/98

Les Tableaux

' Un tableau deux lignes et deux colonnes, et donc quatre cellules se reprsente

comme suit :

12

34


81/98

Les tableaux

' Si nous voulons ajouter des bordures :

1234

Les Tableaux


82/98

Les Tableaux

L'espace entre les cellules ou

l'paisseur des lignes du

quadrillage

L'enrobage des cellules ou

l'espace entre le bord et le contenu

La largeur de la table

L'espace entre les cellules ou l'paisseur des lignes du quadrillage

L'espace entre le bord et le contenu

La largeur de la table

12

34

12

34

Les cellules des Tableaux


83/98

Les cellules des Tableaux

chaque cellule est un petit univers part qui a ses propres spcifications.les balises relatives aux cellules sont:

Largeur d'une cellule en pixels

en pourcentageFusion de lignes

Fusion de colonnes


84/98

Exemples des tableaux

cellule1cel. 2

3

l d bl


85/98


cellule1cel. 2

3

E l d bl


86/98


cellule 1

cellule 1 cel 2

3

E i d li i


87/98

Exercices dapplications

A li 2


88/98

Atelier 2

L f


89/98

Les frames

' Pour diviser l'cran en plusieurs fentres

.......

) Les attribut ROWS, COLS

Fentres horizontales

Fentres verticales

E l FRAMES


90/98

remplace

Exemples FRAMES

E l FRAMES


91/98

Exemples FRAMES

E l FRAMES


92/98

Exemples FRAMES

R li d F


93/98

Remplissage des Frames

Pour remplir les frames on utilise l

attribut SRC

E l


94/98

Exemples

A.htm B.htm C.htm

A

B

C

Index.htm

On construit 3 fichiers Html lmentaires que l'on place dans le mmerpertoireque le fichier des frames:

T j t d li h t t


95/98

Trajet des liens hypertexte

Name

Indique le nom de la fentre de telle sorte que cette frame puisse treutilise comme cible d'un lien hypertexte.

Je voudrais faire un lien sur B pour afficher le contenu dune nouvelle page D.html dans la fentre C.

FRAMESET ROWS "30% 70%"

On nome la cible


96/98


97/98

Exercice

At li r 4


98/98

Atelier-4

2 présentation réseauxetinternet (1)

Documents