Vous êtes sur la page 1sur 34

Par : Yahyaoui Imane

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 >

Balises formatage et mise en page

mise en forme

<CENTER> .</center>
<FONT color=red>

texte Couleur

</FONT> Arrire plan <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.

HEIGHT

Spcifie la hauteur de l'image en pixels.


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

BORDER

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 site-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/