Sie sind auf Seite 1von 33

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/