Vous êtes sur la page 1sur 24

La création d’un site web

Malle : BENATHMANE LALIA


L_benathmane@esi.dz
Pourquoi créer un site web?
Pourquoi créer un site web?
Il y a de multiples avantages :
- C'est un des moyens de communication les plus
économiques.
- un puissant outil marketing
- Il vous permet de changer rapidement les informations sur
vos produits.
- Il vous assure un service 24h/24.
- Il vous permet de répondre aux questions redondantes.
La définition d’un site web?
La définition d’un site web?

Un site web peut être une simple page au format HTML,


des services programmés en JAVA, PHP…etc
La définition d’un site web?

• Un site est
– Réalisé par un concepteur

– Hébergé sur un serveur

– Consulté par des utilisateurs


La définition d’un site web?

• Le site est déposé par le concepteur chez l’hébergeur


• Site web :
ensemble de pages web liées et accessible via une adresse
web
par exemple www.example.com

Un site web est hébergé sur un serveur web utilisé pour


publier les sites web, lui-même accessible via un réseau
internet ou intranet.
La définition d’un page web?
La définition d’un page web?

Page web : un document HTML+ documents utilisés (ex:


images, sons, logicielles, vidéo, etc.). Elle est conçue pour
être consultée à l'aide d'un navigateur web (Google Chrome,
Mozilla Firefox, Internet Explorer) . Elle a une adresse web.
Exemple de pages Web
Page perso simple
 http://perso.univ-rennes1.fr/chrystele.alix/
Pages perso enseignement
 http://perso.univ-rennes1.fr/Patrick.Bauchat/
Pages perso recherche
 http://www.inrialpes.fr/is2/people/pgoncalv/
 http://www-sigproc.eng.cam.ac.uk/~md283/
Réservation de matériel
 http://section-chimie.univ-rennes1.fr/reservation.htm
Site d’une équipe de recherche

http://www.ircyn.prd.fr/irccyn/Equipes/ADTS/SignalF.html
Composition d’une page WEB

Visible Le texte
 Les images fixes ou animées , du son, des
icônes
Les liens
Les tableaux
 Les formulaires
Les applications, …
Composition d’une page WEB

Moins visible
Le titre de la page
Tableau sans bordures
Des cadres (frames), …
Pas visible
Le nom de l’auteur
La date de création et de modification
Les mots clés, …
Les liens

• Un lien est constitué par un mot, une suite de mots …

• Cliquer sur un lien permet de naviguer vers :

– Un nouveau document HTML du même serveur ou d’un


autre endroit du web (par URL)

– Un autre endroit du même document

– Un document quelconque
Exemple

15/34
Protocoles de transport

• Transfert par FTP des documents composant le site de


l’ordinateur du concepteur vers le serveur web hébergeur

• Transfert par HTTP des documents composant le site du


serveur web vers l’ordinateur de l’internaute
Comment crée une page web?
Le langage HTML

• HTML : HyperText Markup Language


• Langage de description de pages web
Le langage HTML

Un document HTML est

– un fichier texte créé dans un éditeur de pages web,


construit suivant une syntaxe précise

– structuré par des balises < html >

– interprété (visualisé) dans un navigateur (Mozilla Firefox)


Code HTML vs. Visualisation

Pour voir le code HTML d'une page :


Menu Affichage / Code source 20/34
Comment faire ?
Comment faire ?

• Un simple éditeur de texte permet de créer une page

• On sauvegarde la page avec l’extension .html ou .htm

• Ensuite on l’ouvre, « à côté » avec un navigateur

• Puis on commence le cycle édition/correction :


– Modifier/éditer la page

– L’afficher,

– Recommencer jusqu’à satisfaction


22/34
Les éditeurs d’html

Éditeurs simples (on tape directement du HTML)


- Tout éditeur de texte
- Htmledit
- Arachnophilia …

Site de téléchargement
http://www.allhtml.com/telecharge/telecharge.php3
À la semaine prochaine !
INCHAA LAH