2 Présentation RéseauxetInternet

Rseaux & Internet
I- les Rseaux
II- Le Rseau Internet
III- Langage HTML & Cration des Pages Web
LES RESEAUX
Un ensemble d'objets interconnects les uns
avec les autres.
Selon le type d'objet, on parlera
Rseau de transport
Rseau tlphonique
Rseau de neurones
Rseau de malfaiteurs
Rseau informatique
Rseaux Informatique
Un ordinateur est une machine permettant de manipuler
des donnes.
Un rseau permet:
Schanger des
messages,
Discuter,
Transfrer des fichiers,
Partager des imprimantes,
Avoir accs Internet partir dune seule connexion,
Faire de la tlassistance,
www.coursinfo.be.ma
Les topologies des rseaux

Un rseau informatique est constitu d'ordinateurs relis
entre eux grce du matriel.
L'arrangement physique de ces lments est appel
topologie physique. Il en existe trois:
La topologie en bus
La topologie en anneau
La topologie en toile
Topologies en bus
Les ordinateurs sont relis une mme ligne de transmission

par l'intermdiaire de cble, gnralement coaxial.
q Avantage
facile mettre en oeuvre et de fonctionner facilement,
q Inconvnient
Extrmement vulnrable (si l'une des connexions est dfectueuse, c'est
l'ensemble du rseau qui est affect)
Impraticable dans la messagerie (un message mis par un ordinateur est
diffus sur le cble ; Cest au destinataire de reconnatre le message qui le
concerne.
Topologies en anneau
Dans un rseau possdant une topologie en anneau, les ordinateurs

sont 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 concurrence
quasiment inexistante.
Topologies en toile
Cest la topologie rseau la plus courante. Toutes les stations sont

relies 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).
q Avantage
Facile mettre en place et surveiller.
La panne dune station ne met pas en cause lensemble du
rseau.
q Inconvnient
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.
Topologies en toile
WIFI
Une topologie en toile, mais sans fils.

Permet une plus grande libert
Les types de rseaux

On dtermine le type de rseau selon leur taille (en terme de nombre de
machines), leur vitesse de transfert des donnes ainsi que leur tendue.
On distingue gnralement trois catgories de rseaux:
LAN (local area network)
MAN (metropolitan area network)
WAN (wide area network)
Les LAN
LAN signifie Local Area Network (en franais Rseau Local). Il s'agit d'un
ensemble d'ordinateurs appartenant une mme organisation et relis entre eux
dans une petite aire gographique par un rseau, souvent l'aide d'une mme
technologie (la plus rpandue tant Ethernet).
La vitesse de transfert de donnes d'un rseau local peut s'chelonner entre

10Mbps (pour un rseau Ethernet par exemple)
On distinguer deux modes de fonctionnement :

- Un environnement d'"gal gal" dans lequel il n'y a pas d'ordinateur
central
- Un environnement "client/serveur", dans lequel un ordinateur central
fournit des services rseau aux utilisateurs
www.coursinfo.be.ma
Les MAN
Les MAN (Metropolitan Area Network) = interconnexion de plusieurs LAN
gographiquement proches (au maximum quelques dizaines de km)
des dbits importants. Ainsi un MAN permet deux nuds distants de
communiquer comme si ils faisaient partie d'un mme rseau local.
Un MAN est form de commutateurs ou de routeurs interconnects par des
liens hauts dbits (en gnral en fibre optique).
Les WAN
Un WAN (Wide Area Network ou rseau tendu) = interconnexion plusieurs
LANs travers de grandes distances gographiques.
Les dbits disponibles sur un WAN dpend du cot des liaisons (qui augmente
avec la distance).
Les WAN fonctionnent grce des routeurs qui permettent de "choisir" le trajet
le plus appropri pour atteindre un noeud du rseau.
Le plus connu des WAN est Internet.
www.coursinfo.be.ma
Architectures des rseaux

Type darchitecture installer dpend des 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 lachat
mais aussi lentretien et la maintenance)
Les rseaux poste poste (peer to peer / gal gal)

Rseaux organiss autour de serveurs (Client/Serveur)
Architecture Client / Serveur

Des Machines clientes (des machines faisant partie du rseau)
contactent un serveur,
Serveur
H
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 Service et le Cloud Computing).
Ordinateurs sur le Web
::::
HTTP
Serveur chez
lhbergeur
FTP
:
Mon PC
www.coursinfo.be.ma
Avantages
Le 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
Inconvenant
L'architecture client/serveur a tout de mme quelques lacunes parmi lesquelles:
q Un cot lev d la technicit du serveur
q 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, le
serveur a une grande tolrance aux pannes.
Architecture dgale gale

Il n'y a pas de serveur ddi. Ainsi chaque ordinateur dans un tel rseau est
un peu serveur et un peu client.
Chacun des ordinateurs du rseau est libre de partager ses ressources. Un
ordinateur reli une imprimante pourra donc ventuellement la partager afin que
tous les autres ordinateurs puissent y accder via le rseau.
www.coursinfo.be.ma
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 et
la 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 ne
ncessitant pas une grande scurit (il est donc dconseill pour un rseau
professionnel avec des donnes sensibles).
www.coursinfo.be.ma
Intranet et Extranet
Intranet
Un intranet est un ensemble de services internet internes un rseau local
Utiliser les standards de lInternet, comme par exemple l'utilisation de
navigateurs internet, pour raliser un systme d'information interne une
organisation ou une entreprise.
L'utilit d'un intranet

- Mise disposition d'informations sur l'entreprise (panneau d'affichage)
- Mise disposition de documents techniques
- Moteur de recherche de 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, chat en direct
- Visioconfrence
- Portail vers internet
Un intranet favorise la communication au sein de l'entreprise et limite les erreurs

dues la mauvaise circulation d'une information.
Intranet et Extranet
Extranet
Un extranet est 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 Internet
On reliant lintranet lInternet lentreprise permet au employs de profiter
des services du Web
Le Matriel
Les cbles
Blindage
Fibre
mission
Isolant
AME
Fibre
ISOLANT
rception
Paires
BLINDAGE
ISOLANT
Cble fibres optiques

Cbles
blinds coaxiaux
Cable paire torsade non blind (UTP) -Insensible toute
Cbles torsads
interfrence
-Vitesse de transmission
leve
-Peu dattnuation du
signal
Les cartes rseaux
Support de transport des donnes
Les lments actifs

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

affaiblissement d'autant plus importants que la distance qui spare deux
lments actifs est longue.
Un rpteur (en anglais repeater) est un quipement simple permettant de

rgnrer un signal entre deux noeuds du rseau
Le HUB
Interlink
Un concentrateur est un lment matriel permettant de concentrer le trafic

rseau provenant de plusieurs htes, et de rgnrer le signal.
On distingue plusieurs catgories de concentrateurs :
Les concentrateurs dits "actifs" : ils sont aliments lectriquement et
permettent 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
Le Switch
Se sont des concentrateurs-commutateurs,

les trames envoyes une machine particulire sont directement
aiguilles vers la machine destinatrice, en supprimant toute collision,
la topologie logique nest donc plus le bus mais ltoile.
Les Routeurs
Les routeurs sont les machines cls d'Internet car ce sont ces
dispositifs qui permettent de "choisir" le chemin qu'un
message va emprunter.
INTERNET
L'Internet n'est pas un rseau, mais une " fdration" de
rseaux d'ordinateurs connects entre eux .
H
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)
un protocole de communication. "langage" commun
tous les ordinateurs raccords au rseau. TCP
(Transmission Control Protocol)
Protocol TCP/IP
n
IP (Internet Protocol)
Protocol TCP/IP
n
Les ports
l'adresse IP permet de s'adresser un ordinateur donn, et le numro de port permet de

s'adresser un logiciel particulier sur cet ordinateur.
Protocol TCP/IP
n
TCP (Transmission Control Protocol)

TCP
v Indiquer les ports.
vvrifier que le destinataire est prt recevoir les donnes.

vdcouper les gros paquets de donnes en paquets plus petits
pour que IP les accepte
vrassembler avant de les donner aux logiciels.
vEnvoyer des accuss de rception pour prvenir l'expditeur que
les donnes sont bien arrives.
Les Protocoles
Rseau
Liaisons
Physiques
PROTOCOLE
- Adresse
- communication
Sur Internet, de nombreux protocoles sont utiliss, ils font

partie d'une suite de protocoles.
Il provient des noms des deux protocoles majeurs de la

suite de protocoles, c'est--dire les protocoles TCP et IP).
Lhistoire de
lInternet
Accs Internet
Pour accder un rseau Internet deux possibilits se prsentent:
v Se raccorder un rseau faisant partie de lInternet et dans ce
cas on peut accder aux diffrentes machines qui y sont lies.
v Se raccorder un rseau de transport, ne faisant pas partie de
lInternet et dans ce cas on a besoin dun fournisseur daccs.
Cest le cas de rseau tlphonique par exemple.
Pour tre connect Internet,

q Un Modem ou un Modem/Routeur sil sagit de connecter un LAN
(ADSLDigital Subscriber Lineou Ligne numrique d'abonn)
q Un logiciel daccs.
q Un fournisseur daccs (Maroc Tlcom, Mditel, )
Qui fait quoi sur Internet ?
Fonctionnement du
rseau Internet
Les moteurs de recherche

n
Un moteur de recherche est une machine spcifique (matrielle

et logicielle) charge d'indexer des pages web afin de permettre
une 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 des
millions de pages Web et indexent le contenu dans de
gigantesques bases de donnes afin de permettre leur
interrogation.
Les moteurs de recherche

n
Deux types de logiciels

n Le
fouineur : (cherche de nouvelle page web)

n Larchiviste : (trie, range et classe les informations)
n Le guichetier : rpond aux recherches des
internautes)
Structure dune page

Web
Une page Web est 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 URL ou
Uniform Resource Locator,
Langage HTML
n
HTML, Langage de Marquage de Texte, est un langage balis utilis de

faon universelle pour une distribution globale d'informations. Il s'agit d'un
langage utilis pour crer des pages Web.
Il permet de :
l Publier des documents en ligne contenant des En-ttes, du texte, des
tableaux, des listes, etc
l Retrouver des informations en un click de souris grce aux Liens
Hypertexte.
l Accueillir des images, inclure des animations.
l Insrer directement des documents dans d'autres formats, des sources
vido et sonores et d'autres applications.
Cration dun site Web laide du

langage HTML
n
Le moyen le plus simple pour crer et maintenir des pages HTML est
dutiliser lditeur Texte Bloc Note ou bien Microsoft WordPad
Les Balises du code HTML

n
La Balise <HTML>
Tout document HTML dbute par la balise <HTML> et se termine par </
HTML>. Ceci permet de diffrencier des contenus de diverses natures.
l La Balise <HEAD>
Cette balise constitue l'entte du document. Elle va contenir une
multitude d'informations comme le titre de la page
l La Balise <TITLE>
Elle dfinit le titre du document. (Entre <HEAD> et </
HEAD>). Trs utile aux moteurs de recherche pour connatre
d'emble le titre de la page.
Les Balises du code HTML

n
La Balise <BODY>
Il s'agit du corps d'un document HTML. Il contient tous les
lments affichs par le navigateur. La balise BODY vient juste
aprs l'entte d'un document.
Attribut
l
bgcolor
Les attributs
Couleur de fond de page
Signification
La
background
balise BODY
des attributs pour dfinir les
Image de peut
fond depossder
page
couleurs, laCouleur
largeur,
les bordures de la page. Voici les
text
du texte
principauxCouleur
attributs
de la balise BODY :
Bordercolor
de bordure
border
Dimension de la bordure
width
Permet de changer la largeur
height
Permet de changer la hauteur
Align
Prcise lalignement (left, center, right)
Application 1
<HTML>
<HEAD>
<TITLE> Ma page HTML </TITLE>
</HEAD>
<BODY bgcolor="blue">
Bienvenue dans le monde merveilleux du HTML !
</BODY>
</HTML>
Mise en forme du texte

Gras
<B>...</B>
<STRONG>...</STRONG>
Dbut et fin de zone en gras
Italique
<I>...</I>
<EM>...</EM>
Dbut et fin de zone en italique
Taille de
caractre
<FONT SIZE=?>...</FONT>
Dbut et fin de zone avec cette taille
Couleur de
caractre
<FONT COLOR="#$$$$$$"></FONT>
Dbut et fin de zone en couleur
A la ligne
<BR>
Aller la ligne
Commentaires

Ne pas afficher
Centrage
<CENTER></CENTER>
Centrer
Bleu
#0000FF
Vert
#00FF00
Blanc
#FFFFFF
Violet
#8000FF
Rouge
#FF0000
Jaune
#FFFF00
Gris clair
#C0C0C0
Noir
#000000

Encodage des caractres spciaux :
&nom; ou &#code_dcimal;
< = "<" ,
> = ">" ,
& = "&" ,
= "espace
significatif" ,
© = ,
® = ,
é = ,
É = ,
ç = ,
« = ,
» = ,
¼ =

"physiques" (peuvent tre combins les uns avec
Styles
les autres) :
<B> texte en gras </B>
<I> texte en italique </I>
<U> texte soulign </U>
<STRIKE> texte biff </
STRIKE>
Taille et couleur du texte :

<FONT SIZE="1 7" ou "-2 +4">texte..</FONT>
(3=taille par dfaut ; 4=>+20% ; 2=>-20% ; etc...)
<FONT COLOR="couleur ou "#xxxxxx">texte..</FONT>

Indices et exposants :
<SUB>indice</SUB>
<SUP>exposant</SUP>
Justification (droite gauche ou centre):

<DIV ALIGN="right"> texte ou objets... </DIV>
<DIV ALIGN="center"> texte ou objets... </DIV>
<DIV ALIGN="left"> texte ou objets... </DIV>

Acronymes (permet d'afficher la signification d'une
abrviation
lorsqu'elle est survole par le curseur) :
<ACRONYM TITLE="signification..."> acronyme </
ACRONYM>
Application 2
<Html>
<HEAD><Title>Texte</Title></HEAD>
<BODY>texte simple<BR>
<B>texte en gras</B><BR>
<STRONG>texte en gras</STRONG><BR>
<I>texte en italique</I><BR>
<B><I>texte en gras et en italique</I></B><BR>
<Font Color="#0000FF"> <FONT SIZE=5> texte</FONT></
FONT>
<FONT COLOR="#0000FF">en bleu</FONT>
</BODY>
</HTML>
Mise en forme des paragraphes

En-ttes
<Hn></Hn>
avec n=1 6
Afficher une en-tte de niveau n et sauter une ligne
Liste non-ordonne
<UL></UL>
Afficher le texte sous forme d'une liste nonordonne.
Liste ordonne
<OL></OL>
Afficher le texte sous forme d'une liste ordonne.
Elment de liste
<LI>
Voici un lment de la liste
Paragraphe
<P></P>
Saut de ligne, insrer une ligne vierge et

commencer un paragraphe
Application 3
<HTML>
<HEAD>
<TITLE>
Les Mois de l'anne
</TITLE>
</HEAD>
<BODY>
<H1>Les mois du printemps</H1>
<UL>
<LI>avril
<LI>mai
<LI>juin
</UL>
<P>
<H3>Les mois d'automne</H3>
<OL><LI>octobre
<LI>novembre
<LI>dcembre</OL>
Les sparateurs
n
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] <HR> Insrer une ligne horizontale
<HR size=?>
Epaisseur en pixels
<HR width=?>
Largeur en pixels
<HR width="%">
Largeur en % de la fentre
<HR align=left>
<HR align=right>
<HR align=center>
Alignement gauche
Alignement droite
Alignement centr
Application 4
<H3 align=center> INTRODUCTION </H3>
<HR align=center size=8 width="50%">
Exercice
La balise <a>
Cette balise permet de crer des hyper-liens. C'est une des balises les
plus importantes du HTML : sans elle, hors de question de "surfer" sur
le net.
<A href = "objetc> permet de crer un lien (ou pointeur) vers "objet"
<A name = "nom"> permet de crer un ancrage ayant pour nom "ancrage"
On appelle ancrage un endroit d'une page web auquel on va donner un nom pour
le rendre accessible par un hyper-lien.
Les liens hypertexte

Il existe trois types principaux de liens :
n
Les liens vers un document complet distant

n Syntaxe : <A HREF="URL"> ancre </A>
n
n
Exemple: pour accder aux pages web de lcole

<A HREF="http://www.ensaj.ac.ma"> cole NSAJ </A>.

n
Les liens vers un document complet local

n Syntaxe : <A HREF="nom_de_fichier_local"> ancre </A>
Application
l
Dans l'diteur de texte, nous allons crer deux fichiers Htlm.

le fichier 1.htm:
<A HREF="2.HTML">Aller vers le document 2</A>
le fichier 2.htm:
<A HREF="1.HTML">Retour au document 1</A>
On sauve ces deux fichiers dans un mme rpertoire.

n
Les liens vers un endroit prcis du mme document ou dun

autre document
Syntaxe
On commence par faire un point dancrage c-a-d marquer la cible sur la quelle
nous voulons faire le liens hypertexte
<A NAME="***">...</A>
On fait le liens vers la cible nomm *** dans la mme page

<A HREF="#***">...</A>
Exemple
Adresse relative et
absolue
Adresse absolue:
Pour un lien pointant sur un fichier qui se trouve sur un autre serveur on
crira
Exemple: l'adresse absolue de ce fichier est:
http://www.google.co.ma/
Adresse relative et
absolue
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 adresse
plus courte
Si votre fichier se trouve dans le mme rpertoire,
<a href="htmllien.html">lien sur les connaissances de base </a>
Adresse relative et
absolue
Imaginons par exemple que vous vouliez faire un lieu entre un fichier un.html et
un fichier deux.html se trouvant dans un sous-rpertoire, un rpertoire se
trouvant un niveau plus bas (dans ce cas-ci le rpertoire "yasmin"), le lien est:
Adresse relative et
absolue
Imaginons maintenant que vous vouliez faire un lien entre le fichier deux.htm
et le fichier un.htm qui se trouve un rpertoire au-dessus au niveau de
l'arborescence des fichiers et rpertoires, le lien est:
Les deux points signifient que lon remonte dun niveau
Adresse relative et
absolue
Imaginons que vous vouliez faire un lien entre le fichier un.htm et le fichier
trois.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:
Exercices dapplication
Les images
Pour insrer une image GIF ou JPEG
<IMG SRC="Adresse de l'image">
La balise image possde de nombreux attributs.
Dimensions
<IMG
SRC="HELP.gif"
width=? height=?
align=TOP>Fichier
Hauteur et largeur
d'aide (en pixels)
border=? (en pixels)
Bordure
<IMG SRC="HELP.gif" align=CENTER>Fichier d'aide
align=top
Alignement par rapport au text
align=middle
align=botton
<IMG
SRC="HELP.gif" align=BOTTOM>Fichier d'aide
align=left
align=right
<EMBED SRC="medias/bubbles.aiff"WIDTH=160HEIGHT=16
CONTROLLER=trueLOOP=falseAUTOPLAY=false>
La balise <div>
n
Permet d'aligner diffrents lments dun texte.
<DIV align=left>...</DIV>
<DIV align=center>...</DIV>
<DIV align=right>...</DIV>
Atelier-1
Ralisation dun mini Site de HEM
Les tableaux
n
n
n
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]
<TABLE></TABLE>
Dbut et fin de tableau
Dfinition d'une ligne
[Table Row]
<TR></TR>
Dbut et fin de ligne
D f i n i t i o n d ' u n e [Table Data]

cellule
<TD></TD>
Dbut et fin de cellule
Les Tableaux
n
Un tableau deux lignes et deux colonnes, et donc quatre cellules se reprsente

comme suit :
<TABLE>
<TR><TD>1</TD><TD>2</TD></TR>
</TABLE>
Les tableaux
n
Si nous voulons ajouter des bordures :

<TABLE border=2>
</TABLE>
Les Tableaux
L'espace entre les cellules ou l'paisseur des lignes du quadrillage
<TABLE cellspacing=?>
L'espace entre le bord et le contenu
<TABLE cellpadding=?>
La largeur de la table <TABLE width=?> <TABLE width=%>
L'espace entre les cellules ou
<TABLE cellspacing=?>
l'paisseur des lignes du
quadrillage
<TABLE
border=2cellspacing=10>
cellpadding=10>
<TABLE
border=2
L'enrobage
des cellules ou
<TABLE cellpadding=?>
l'espace
entre le bord et le contenu
</TABLE>
</TABLE>
La largeur de la table
<TABLE width=?>
<TABLE width=%>
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
<TD width=?> en pixels

<TD width=%> en pourcentage
Fusion de lignes
<TD rowspan=?>
Fusion de colonnes
<TD colspan=?>
Exemples des tableaux

<CENTER><TABLE width=60% border=1>
<TR>
<TD>cellule1</TD>
<TD>cel. 2</TD>
<TD>3</TD>
</TR>
</TABLE></CENTER>

<TR>
<TD width=33%>cellule1</TD>
<TD width=33%>cel. 2</TD>
<TD width=33%>3</TD>
</TR>
</TABLE></CENTER>

<TR>
<TD colspan=3>cellule 1</TD>
</TR>
<TR> <TD width=33%>cellule 1</TD> <TD width=33%>cel 2</TD>
<TD width=34%>3</TD> </TR>
</TABLE></CENTER>
Exercices dapplications
Atelier 2
Les frames
n
Pour diviser l'cran en plusieurs fentres

<FRAMESET>.......</FRAMESET>
Les attribut ROWS, COLS
<FRAMESET ROWS="...">
Fentres horizontales
<FRAMESET COLS="...">
Fentres verticales
Exemples FRAMES
<HTML>
<HEAD></HEAD>
<FRAMESET ROWS="30%,70%">
<FRAME>
<FRAME>
</FRAMESET>
</HTML>
<FRAMESET></FRAMESET> remplace <BODY></BODY>
Exemples FRAMES
<FRAMESET COLS="30%,70%">
<FRAME>
<FRAME>
</FRAMESET>
Exemples FRAMES
<FRAME>
<FRAME>
<FRAME>
</FRAMESET>
</FRAMESET>
Remplissage des Frames
Pour remplir les frames on utilise lattribut SRC
<FRAME SRC="URL ou adresse du document afficher dans la fentre">
Exemples
On construit 3 fichiers Html lmentaires que l'on place dans le mme
rpertoire que le fichier des frames:
A.htm
B.htm
C.htm
<HTML><BODY>
<H4>A</H4>
</BODY></HTML>
<HTML><BODY>
<H1>B</H1>
</BODY></HTML>
<HTML><BODY>
<H1>C</H1>
</BODY></HTML>
Index.htm
<FRAME SRC="A.htm">
<FRAME SRC="B.htm">
<FRAME SRC="C.htm">
</FRAMESET>
</FRAMESET>
Trajet des liens hypertexte

Name
Indique le nom de la fentre de telle sorte que cette frame puisse tre
utilise 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.
On nome la cible
<FRAME SRC="A.htm">
<FRAME SRC="B.htm">
<FRAME SRC="C.htm" NAME=Cible">
</FRAMESET>
</FRAMESET>
On met un lien vers D.htm dans le fichier B.htm en dsignant comme cible la
frame C.
<HTML><BODY>
<A HREF=D.htm" TARGET=Cible"><H1>B</H1></A>
</BODY>
</HTML>
exemple
Exercice
Atelier-4

2 Présentation RéseauxetInternet

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

2 Présentation RéseauxetInternet

Uploaded by

Copyright:

Available Formats

Rseaux & Internet

Les topologies des rseaux

Les ordinateurs sont relis une mme ligne de transmission

Dans un rseau possdant une topologie en anneau, les ordinateurs

Cest la topologie rseau la plus courante. Toutes les stations sont

Une topologie en toile, mais sans fils.

Les types de rseaux

La vitesse de transfert de donnes d'un rseau local peut s'chelonner entre

On distinguer deux modes de fonctionnement :

Architectures des rseaux

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

Architecture Client / Serveur

Ordinateurs sur le Web

Architecture dgale gale

L'utilit d'un intranet

Un intranet favorise la communication au sein de l'entreprise et limite les erreurs

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

Cble fibres optiques

Les cartes rseaux

Support de transport des donnes

Les lments actifs

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

Un rpteur (en anglais repeater) est un quipement simple permettant de

Un concentrateur est un lment matriel permettant de concentrer le trafic

Se sont des concentrateurs-commutateurs,

l'adresse IP permet de s'adresser un ordinateur donn, et le numro de port permet de

TCP (Transmission Control Protocol)

vvrifier que le destinataire est prt recevoir les donnes.

Sur Internet, de nombreux protocoles sont utiliss, ils font

Il provient des noms des deux protocoles majeurs de la

Pour tre connect Internet,

Qui fait quoi sur Internet ?

Les moteurs de recherche

Un moteur de recherche est une machine spcifique (matrielle

Les moteurs de recherche

Deux types de logiciels

fouineur : (cherche de nouvelle page web)

Structure dune page

HTML, Langage de Marquage de Texte, est un langage balis utilis de

Cration dun site Web laide du

Les Balises du code HTML

Les Balises du code HTML

Permet de changer la largeur

Permet de changer la hauteur

Prcise lalignement (left, center, right)

Mise en forme du texte

Dbut et fin de zone en gras

Dbut et fin de zone en italique

Dbut et fin de zone avec cette taille

Dbut et fin de zone en couleur

Mise en forme du texte

Mise en forme du texte

Taille et couleur du texte :

Mise en forme du texte

Justification (droite gauche ou centre):

Mise en forme du texte

Mise en forme des paragraphes

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

Afficher le texte sous forme d'une liste nonordonne.

Afficher le texte sous forme d'une liste ordonne.

Voici un lment de la liste

Saut de ligne, insrer une ligne vierge et