Post on 21-Jun-2015
description
Par : Yahyaoui Imane
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
Logiciels HTML
LES EDITEURS
Dreamweaver (éditeur : Macromedia)
GoLive (éditeur : Adobe)
FrontPage (éditeur : Microsoft)
LES NAVIGATEURS
Internet Explorer
Mozilla
Langage HTML
Résultat visible sur l’écran
Traduction par l’ordinateur
et Deux langages pour créer un site web
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:
Textes des liens
hypertextes Images/son/
vidéos
HISTORIQUE
Fin 1999
XHTML Draft Des améliorations ajoutées à HTML
17/12/1996
CSS 1 Première tentative de séparation du fond et de la forme
août 1994
HTML 1.0 Version définitive
juin 1993
HTML 1.0 draft Le premier brouillon
mars 1989
The WWW Project Proposal L'idée de base
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.
Les balises HTML
De structure
De formatage et mise en page
De listes
D’images
Hyperliens
Tableaux
Balises de Structure
<HTML>…
</HTML>
<HEAD>…
</HEAD>
<TITLE>…
</TITLE>
<BODY>…
</BODY>
Balises formatage et mise en page
Forme
Police
<B>…</B>:.
<I>…</I>
mise en forme
<DIV ALIGN = "RIGHT">…</div
>
<CENTER> ….</center>
Couleur
texte
<FONT color=‘’red’’>…
</FONT>
Arrirée plan <body
bgcolor="red" ….</body>
Balises de listes
Listes numérotées
Listes à puces
Listes de définitions
Listes répertoires
Listes menus
SRC
WIDTH
HEIGHT
BORDER
ALIGN
VSPACE
Spécifie l'URL (chemin) du fichier qui contient l'image.
Spécifie la largeur de l'image en pixels.
Spécifie la hauteur de l'image en pixels.
Définit l'épaisseur du cadre de l'image
Gère l'alignement du texte adjacent à l'image
Définit l'espace qui sera réservé en haut et en bas de l'image
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.
La syntaxe simplifiée est :
Un lien vers un site-web:
Un lien vers une page HTML
Un lien vers un document
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.
Résultat sur la page-web
Créer un formulaire
Resultat
Créer sa première page site-web !!
un hyperlien vers une page HTML
Hyperlien vers un document
Résultat
Hyperlien vers une image
Résultat
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.
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).
Meilleurs sites d’hébergement http://www.hostpapa.eu http://www.1and1.fr/ http://www.mavenhosting.com/ http://www.mavenhosting.com/ http://hosting-review.com/ http://www.strato-hosting.fr/