2 Présentation RéseauxetInternet (1)
Transcript of 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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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,!
-
7/24/2019 2 Prsentation RseauxetInternet (1)
4/98
www.coursinfo.be.ma
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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:
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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).
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
10/98
Topologies en toile
WIFI
Une topologie en toile, mais sans fils.
Permet une plus grande libert
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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)
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
13/98
www.coursinfo.be.ma
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
16/98
www.coursinfo.be.ma
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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)
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
%
-
7/24/2019 2 Prsentation RseauxetInternet (1)
19/98
&&&&
Ordinateurs sur le Web
HTTP
&Mon PC
FTPServeur chezlhbergeur
-
7/24/2019 2 Prsentation RseauxetInternet (1)
20/98
www.coursinfo.be.ma
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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).
-
7/24/2019 2 Prsentation RseauxetInternet (1)
24/98
www.coursinfo.be.ma
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
28/98
Intranet et Internet
On reliant lintranet lInternet lentreprise permet au employs de profiterdes services du Web
-
7/24/2019 2 Prsentation RseauxetInternet (1)
29/98
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
31/98
Les cartes rseaux
Support de transport des donnes
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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)
-
7/24/2019 2 Prsentation RseauxetInternet (1)
37/98
Protocol TCP/IP
' IP (Internet Protocol)
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
40/98
Les Protocoles
seau
Liaisons
Physiques
PROTOCOLE
- Adresse
- communication
Sur Internet, de nombreux protocoles sont utiliss, ils fontpartie d'une suite de protocoles.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
41/98
Il provient des noms des deux protocoles majeurs de lasuite de protocoles, c'est--dire les protocolesTCPet IP).
-
7/24/2019 2 Prsentation RseauxetInternet (1)
42/98
L
histoire de
lInternet
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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, )
-
7/24/2019 2 Prsentation RseauxetInternet (1)
44/98
Qui fait quoi sur Internet ?
-
7/24/2019 2 Prsentation RseauxetInternet (1)
45/98
Fonctionnement du
rseau Internet
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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)
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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,
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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)
-
7/24/2019 2 Prsentation RseauxetInternet (1)
53/98
Application 1
Ma page HTML
Bienvenue dans le monde merveilleux du HTML !
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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 ligneCommentaires Ne pas afficher
Centrage Centrer
Bleu #0000FF Vert #00FF00
Blanc #FFFFFF Violet #8000FF
Rouge #FF0000 Jaune #FFFF00
Gris clair #C0C0C0 Noir #000000
-
7/24/2019 2 Prsentation RseauxetInternet (1)
55/98
Mise en forme du texte
"
Encodage des caractres spciaux :&nom; ou code_dcimal; < = "" ,& = "&" , = "espacesignificatif" , = , = , = ,
= , = , = , = ,
="
-
7/24/2019 2 Prsentation RseauxetInternet (1)
56/98
Mise en forme du texte
"
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...)
-
7/24/2019 2 Prsentation RseauxetInternet (1)
57/98
Mise en forme du texte
indice
exposant
"
Indices et exposants :
"Justification (droite gauche ou centre):
texte ou objets... texte ou objets... texte ou objets...
-
7/24/2019 2 Prsentation RseauxetInternet (1)
58/98
Mise en forme du texte
"
Acronymes (permet d'afficher la signification d'uneabrviation lorsqu'elle est survole par le curseur) :
acronyme
-
7/24/2019 2 Prsentation RseauxetInternet (1)
59/98
Application 2
Textetexte simple
texte en gras
texte en gras
texte en italique
texte en gras et en italique
texteen bleu
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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 -
7/24/2019 2 Prsentation RseauxetInternet (1)
61/98
Application 3
Les Mois de l'anne
Les mois du printemps
avril
mai
juin
Les mois d'automne
octobre
novembre
dcembre
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
63/98
Application 4
INTRODUCTION
-
7/24/2019 2 Prsentation RseauxetInternet (1)
64/98
Exercice
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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.
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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 :
-
7/24/2019 2 Prsentation RseauxetInternet (1)
67/98
Les liens hypertexte
' 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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
68/98
Les liens hypertexte
' 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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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:
Adresse relative etabsolue
Les deux points signifient que lon remonte dun niveau
Ad l i
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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:
Adresse relative etabsolue
-
7/24/2019 2 Prsentation RseauxetInternet (1)
74/98
Exercices dapplication
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
76/98
-
7/24/2019 2 Prsentation RseauxetInternet (1)
77/98
La balise
' Permet d'aligner diffrents lments dun texte.
...
......
-
7/24/2019 2 Prsentation RseauxetInternet (1)
78/98
Atelier-1
'
Ralisation dun mini Site de HEM
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
80/98
Les Tableaux
' Un tableau deux lignes et deux colonnes, et donc quatre cellules se reprsente
comme suit :
12
34
-
7/24/2019 2 Prsentation RseauxetInternet (1)
81/98
Les tableaux
' Si nous voulons ajouter des bordures :
1234
Les Tableaux
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
84/98
Exemples des tableaux
cellule1cel. 2
3
l d bl
-
7/24/2019 2 Prsentation RseauxetInternet (1)
85/98
Exemples des tableaux
cellule1cel. 2
3
E l d bl
-
7/24/2019 2 Prsentation RseauxetInternet (1)
86/98
Exemples des tableaux
cellule 1
cellule 1 cel 2
3
E i d li i
-
7/24/2019 2 Prsentation RseauxetInternet (1)
87/98
Exercices dapplications
A li 2
-
7/24/2019 2 Prsentation RseauxetInternet (1)
88/98
Atelier 2
L f
-
7/24/2019 2 Prsentation RseauxetInternet (1)
89/98
Les frames
' Pour diviser l'cran en plusieurs fentres
.......
) Les attribut ROWS, COLS
Fentres horizontales
Fentres verticales
E l FRAMES
-
7/24/2019 2 Prsentation RseauxetInternet (1)
90/98
remplace
Exemples FRAMES
E l FRAMES
-
7/24/2019 2 Prsentation RseauxetInternet (1)
91/98
Exemples FRAMES
E l FRAMES
-
7/24/2019 2 Prsentation RseauxetInternet (1)
92/98
Exemples FRAMES
R li d F
-
7/24/2019 2 Prsentation RseauxetInternet (1)
93/98
Remplissage des Frames
Pour remplir les frames on utilise l
attribut SRC
E l
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
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
-
7/24/2019 2 Prsentation RseauxetInternet (1)
96/98
-
7/24/2019 2 Prsentation RseauxetInternet (1)
97/98
Exercice
At li r 4
-
7/24/2019 2 Prsentation RseauxetInternet (1)
98/98
Atelier-4