Plan
Logiciels de cration site-web Langage HTML Historique de lHTML Structure dune page HTML Crer sa premire page site-web Lhbergement
Logiciels HTML
LES EDITEURS Dreamweaver (diteur : Macromedia) GoLive (diteur : Adobe) FrontPage (diteur : Microsoft) LES NAVIGATEURS Internet Explorer Mozilla
Langage HTML
Traduction par lordinateur
Rsultat visible sur lcran
et
Deux langages pour crer 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 laide de plusieurs BALISES.
Les balises traduisent:
Textes
des liens hypertextes
Images/son/ vidos
HISTORIQUE
mars 1989
The WWW Project Proposal L'ide de base
juin 1993
HTML 1.0 draft Le premier brouillon
aot 1994
HTML 1.0 Version dfinitive
17/12/1996
CSS 1 Premire tentative de sparation du fond et de la forme
Fin 1999
XHTML Draft Des amliorations ajoutes HTML
Structure d'une page HTML
<HTML> <HEAD> <TITLE> Titre de la page </TITLE> </HEAD>
<BODY> </BODY> </HTML>
Les fichiers HTML doivent tre enregistrs avec l'extension .html ou .htm.
De structure
De formatage et mise en page
De listes
Les balises HTML
Dimages
Hyperliens
Tableaux
Balises de Structure
<HTML> </HTML>
<HEAD> </HEAD>
<TITLE> </TITLE>
<BODY> </BODY>
<B></B>:. Police <I></I> Forme <DIV ALIGN = "RIGHT"></div > mise en forme Balises formatage et mise en page texte Couleur Arrire plan <CENTER> .</center> <FONT color=red> </FONT> <body bgcolor="red" .</body>
Balises de listes
Listes numrotes
Listes puces
Listes de dfinitions
Listes rpertoires
Listes menus
SRC
Spcifie l'URL (chemin) du fichier qui contient l'image.
WIDTH
Spcifie la largeur de l'image en pixels. Spcifie la hauteur de l'image en pixels.
HEIGHT
BORDER
Dfinit l'paisseur du cadre de l'image
Gre l'alignement du texte adjacent l'image Dfinit l'espace qui sera rserv en haut et en bas de l'image
ALIGN
VSPACE
Balises Hyperliens
Grce au langage HTML on peut crer 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 simplifie est :
Un lien vers un site-web:
Un lien vers une page HTML
Un lien vers un document
Balises Tableaux
Premire balise connatre : <table> </table>. C'est cette balise qui permet d'indiquer le dbut et la fin d'un tableau. Cette balise est de type block, donc il faut la mettre en dehors d'un paragraphe.
Rsultat sur la page-web
Crer un formulaire
Resultat
Crer sa premire page sitesite-web !!
un hyperlien vers une page HTML
Hyperlien vers un document
Rsultat
Hyperlien vers une image
Rsultat
N.B
Il faut toujours gard au mmoire que lhtml surtout (une Balise) marque une action pour le navigateur en lui montrant ce quil doit faire.
Lhbergement dun siteweb
Une fois votre site termin , il vous faut trouver un hbergeur afin de rendre votre site visible sur le web. Lhbergeur stocke votre site sur internet et vous attribue une adresse internet (ou URL).
Meilleurs sites dhbergement
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/
