Conception de premières pages WEB

PARIS IV - 1, rue Victor Cousin 75005 PARIS - Tél.: [phone] - Fax : [phone] - www.paris4.sorbonne.fr
Service informatique Enseignement Recherche - 96, bd Raspail 75006 PARIS - Tél.: [phone] - Fax : [phone]
[e-mail] - www.paris4.sorbonne.fr/ser/
Service informatique
Enseignement
Recherche
Conception
de premières pages
WEB
Fiche n°34, 26 mai 2002
Florence Le Priol
Responsable du Service informatique Enseignement Recherche

Fiche n° 34 : Conception de premières pages WEB
Service informatique Enseignement Recherche, ©FLP
Page 3
Table des matières
Table des matières ................................................................................................................................. 3
Internet : Concepts généraux ............................................................................................................... 5
Les différents protocoles de communication....................................................................................... 5
TCP/IP................................................................................................................................................. 5
POP3 ................................................................................................................................................... 5
SMTP .................................................................................................................................................. 5
PPP...................................................................................................................................................... 5
FTP...................................................................................................................................................... 6
HTTP................................................................................................................................................... 6
Le langage HTML ................................................................................................................................. 6
Les éléments de base........................................................................................................................... 6
Un fichier HTML............................................................................................................................ 6
La visualisation............................................................................................................................... 8
Les balises....................................................................................................................................... 8
Les caractères spéciaux ................................................................................................................ 10
Les éléments complexes.................................................................................................................... 10
Fichiers HTML ............................................................................................................................. 10
La visualisation............................................................................................................................. 12
Les balises..................................................................................................................................... 12
Les éditeurs de sites............................................................................................................................. 12
Les éditeurs HTML........................................................................................................................... 12
Les éditeurs WYSIWYG .................................................................................................................. 13
Les éditeurs payants...................................................................................................................... 13
Les éditeurs gratuits...................................................................................................................... 13
Premières pages WEB : pas à pas...................................................................................................... 13
Définition des objectifs et du public visé.......................................................................................... 13
Organisation de la structure des pages.............................................................................................. 14
Décomposez votre site en catégories............................................................................................ 14

Fiche n° 34 : Conception de premières pages WEB
Service informatique Enseignement Recherche, ©FLP
Page 4
Décidez du lieu de stockage des éléments tels que les images et les fichiers son. ....................... 14
Conception du plan de navigation..................................................................................................... 15
Création des pages web..................................................................................................................... 15
Amaya (Windows, Linux) ............................................................................................................ 15
Netscape Composer (Windows, MacOS) ..................................................................................... 15
Intégration d’images animées ........................................................................................................... 16
Mise en ligne..................................................................................................................................... 16
Les fournisseurs d’accès ............................................................................................................... 16
Les hébergeurs gratuits................................................................................................................. 16
Dans le site de l’université............................................................................................................ 16
Téléchargement ............................................................................................................................ 16
En résumé.......................................................................................................................................... 18
Annexes ................................................................................................................................................ 19

Fiche n° 34 : Conception de premières pages WEB
Service informatique Enseignement Recherche, ©FLP
Page 5
Internet : Concepts généraux
Le World Wide Web (www ou W3) ou Web est un réseau d’ordinateurs à l’échelle mondiale crée dans
les années 60 formant internet, c’est-à-dire la toile mondiale.
Au départ, internet nécessitait la connaissance de nombreuses commandes pour son utilisation mais
aussi pour récupérer les données sur des ordinateurs distants. En 1992, Tim Berners-Lee et d’autres
chercheurs ont été à l’origine du lancement du Web qui permettait de parcourir internet sans
connaissance de commandes complexes. Dans les années qui suivirent l’apparition des navigateurs
(Internet Explorer et Netscape) a accentué la simplification de l’utilisation du Web.
La clé du Web est l’hypertexte, une méthode conçue dans les années 60 pour des blocs ou des pages
de données. Au cours des années 90, Berners-Lee et ses collègues appliquent le concept de
l’hypertexte à internet grâce à ce qu’ils nomment http. Si l’hypertexte et l’http sont à la base de la
création du Web, c’est le HTML qui est à la source des pages web. L’évolution des pages et
l’intégration de dynamisme font appel à des scripts écrits en javascript, au format DHTML (Dynamic
HTML), PHP, Flash…
Les différents protocoles de communication
TCP/IP
Le protocole TCP/IP (Transmission Control Protocol/Internet Protocol) est un ensemble des
protocoles de communication utilisés dans Internet, permettant de gérer la circulation des données
dans le réseau tout en assurant le bon échange des données entre un point et un autre du réseau.
Pour pouvoir communiquer sur Internet, chaque ordinateur doit posséder une adresse unique,
exactement comme l’adresse d’un bâtiment. Sur Internet, l’adresse qui identifie chaque ordinateur
branché sur le réseau s’appelle une adresse IP. Ce sont ces adresses numériques qui relient ensemble
tout le réseau d’Internet afin de permettre la transmission de données entre ordinateurs. Que vous ayez
un serveur, un site Internet, ou que ce soit un simple accès Internet, chacune de ces actions impliquera
un ordinateur munit d’une adresse IP unique. Lors d’une connexion par modem, le fournisseur d’accès
vous attribue une adresse IP pour le temps de la connexion.
Il y a plus d'une centaine de protocoles réunis dans le protocole TCP-IP. Mis à part les protocoles TCP
et IP, les trois autres principaux protocoles de cette famille sont le protocole SMTP régissant le
courrier électronique, le protocole FTP pour le transfert de fichiers et le protocole Telnet pour la
connexion à distance dans Internet.
POP3
Le protocole POP3 ( Post Office Protocol ) permet à un utilisateur d'interroger son courrier situé dans
la boîte aux lettres de son serveur ou fournisseur.
SMTP
Le protocole SMTP (Simple Mail Transfert Protocol ) est employé pour les envois de courrier
électronique.
PPP
Le protocole PPP (Point to Point Protocol) permet d'utiliser une ligne téléphonique et un modem en
TCP/IP.