2. Plan
Logiciels de création site-web
Langage HTML
Historique de l’HTML
Structure d’une page HTML
Créer sa première page site-web
L’hébergement
3. Logiciels HTML
LES EDITEURS
Dreamweaver (éditeur : Macromedia)
GoLive (éditeur : Adobe)
FrontPage (éditeur : Microsoft)
LES NAVIGATEURS
Internet Explorer
Mozilla
4. Langage HTML
Traduction par l’ordinateur
Résultat visible
sur l’écran
7. HyperText Markup Langage est la langue vivante du web, avec sa
grammaire, sa syntaxe et son vocabulaire , il permet de structurer une page web à
l’aide de plusieurs BALISES.
Les balises traduisent:
des liens Images/son/
Textes
hypertextes vidéos
8. HISTORIQUE
mars 1989
The WWW Project Proposal L'idée de base
juin 1993
HTML 1.0 draft Le premier brouillon
août 1994
HTML 1.0 Version définitive
17/12/1996
CSS 1 Première tentative de séparation du fond et de la forme
Fin 1999
XHTML Draft Des améliorations ajoutées à HTML
9. Structure d'une page HTML
<HTML>
<HEAD>
<TITLE> Titre de la page </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Les fichiers HTML doivent être enregistrés avec
l'extension .html ou .htm.
10. De structure
De formatage
et mise en page
De listes
Les balises
HTML
D’images
Hyperliens
Tableaux
12. <B>…</B>:.
Police
<I>…</I>
Forme
<DIV ALIGN =
"RIGHT">…</div
>
mise en forme
Balises
<CENTER>
formatage et
….</center>
mise en page
<FONT
texte color=‘’red’’>…
</FONT>
Couleur
<body
Arrirée plan bgcolor="red"
….</body>
13. Balises de listes
Listes Listes à Listes de Listes Listes
numérotées puces définitions répertoires menus
14. SRC Spécifie l'URL (chemin) du fichier qui contient l'image.
WIDTH Spécifie la largeur de l'image en pixels.
HEIGHT Spécifie la hauteur de l'image en pixels.
BORDER Définit l'épaisseur du cadre de l'image
ALIGN Gère l'alignement du texte adjacent à l'image
VSPACE
Définit l'espace qui sera réservé en haut et en bas de
l'image
15. Balises Hyperliens
Grâce au langage HTML on peut créer
un hyperlien vers :
- un autre site web situé sur le Web
– un autre endroit du document.
– un autre fichier Html situé sur votre
ordinateur.
17. Un lien vers un site-web:
Un lien vers une page HTML
Un lien vers un document
18. Balises Tableaux
Première balise à connaître : <table> </table>. C'est cette
balise qui permet d'indiquer le début et la fin d'un tableau.
Cette balise est de type block, donc il faut la mettre en
dehors d'un paragraphe.
31. N.B
Il faut toujours gardé au mémoire
que l’html surtout (une Balise)
marque une action pour le
navigateur en lui montrant ce qu’il
doit faire.
32. L’hébergement d’un site-
web
Une fois votre site « terminé », il
vous faut trouver un hébergeur afin
de rendre votre site visible sur le
web.
L’hébergeur stocke votre site sur
internet et vous attribue une adresse
internet (ou URL).