Prsentation 111121081752-phpapp01

34
Par : Yahyaoui Imane

description

rapport de stage

Transcript of Prsentation 111121081752-phpapp01

Page 1: Prsentation 111121081752-phpapp01

Par : Yahyaoui Imane

Page 2: Prsentation 111121081752-phpapp01

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

Page 3: Prsentation 111121081752-phpapp01

Logiciels HTML

LES EDITEURS

Dreamweaver (éditeur : Macromedia)

GoLive (éditeur : Adobe)

FrontPage (éditeur : Microsoft)

LES NAVIGATEURS

Internet Explorer

Mozilla

Page 4: Prsentation 111121081752-phpapp01

Langage HTML

Résultat visible sur l’écran

Traduction par l’ordinateur

Page 5: Prsentation 111121081752-phpapp01

et Deux langages pour créer un site web

Page 6: Prsentation 111121081752-phpapp01
Page 7: Prsentation 111121081752-phpapp01

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

Page 8: Prsentation 111121081752-phpapp01

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

Page 9: Prsentation 111121081752-phpapp01

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.

Page 10: Prsentation 111121081752-phpapp01

Les balises HTML

De structure

De formatage et mise en page

De listes

D’images

Hyperliens

Tableaux

Page 11: Prsentation 111121081752-phpapp01

Balises de Structure

<HTML>…

</HTML>

<HEAD>…

</HEAD>

<TITLE>…

</TITLE>

<BODY>…

</BODY>

Page 12: Prsentation 111121081752-phpapp01

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>

Page 13: Prsentation 111121081752-phpapp01

Balises de listes

Listes numérotées

Listes à puces

Listes de définitions

Listes répertoires

Listes menus

Page 14: Prsentation 111121081752-phpapp01

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

Page 15: Prsentation 111121081752-phpapp01

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.

Page 16: Prsentation 111121081752-phpapp01

La syntaxe simplifiée est :

Page 17: Prsentation 111121081752-phpapp01

Un lien vers un site-web:

Un lien vers une page HTML

Un lien vers un document

Page 18: Prsentation 111121081752-phpapp01

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.

Page 19: Prsentation 111121081752-phpapp01
Page 20: Prsentation 111121081752-phpapp01

Résultat sur la page-web

Page 21: Prsentation 111121081752-phpapp01

Créer un formulaire

Page 22: Prsentation 111121081752-phpapp01

Resultat

Page 23: Prsentation 111121081752-phpapp01

Créer sa première page site-web !!

Page 24: Prsentation 111121081752-phpapp01
Page 25: Prsentation 111121081752-phpapp01
Page 26: Prsentation 111121081752-phpapp01

un hyperlien vers une page HTML

Page 27: Prsentation 111121081752-phpapp01

Hyperlien vers un document

Page 28: Prsentation 111121081752-phpapp01

Résultat

Page 29: Prsentation 111121081752-phpapp01

Hyperlien vers une image

Page 30: Prsentation 111121081752-phpapp01

Résultat

Page 31: Prsentation 111121081752-phpapp01

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.

Page 32: Prsentation 111121081752-phpapp01

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).

Page 34: Prsentation 111121081752-phpapp01