prsentation 111121081752-phpapp01
DESCRIPTION
rapport de stageTRANSCRIPT
![Page 1: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/1.jpg)
Par : Yahyaoui Imane
![Page 2: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/3.jpg)
Logiciels HTML
LES EDITEURS
Dreamweaver (éditeur : Macromedia)
GoLive (éditeur : Adobe)
FrontPage (éditeur : Microsoft)
LES NAVIGATEURS
Internet Explorer
Mozilla
![Page 4: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/4.jpg)
Langage HTML
Résultat visible sur l’écran
Traduction par l’ordinateur
![Page 5: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/5.jpg)
et Deux langages pour créer un site web
![Page 6: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/6.jpg)
![Page 7: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/8.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/10.jpg)
Les balises HTML
De structure
De formatage et mise en page
De listes
D’images
Hyperliens
Tableaux
![Page 11: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/11.jpg)
Balises de Structure
<HTML>…
</HTML>
<HEAD>…
</HEAD>
<TITLE>…
</TITLE>
<BODY>…
</BODY>
![Page 12: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/13.jpg)
Balises de listes
Listes numérotées
Listes à puces
Listes de définitions
Listes répertoires
Listes menus
![Page 14: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/14.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/15.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/16.jpg)
La syntaxe simplifiée est :
![Page 17: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/17.jpg)
Un lien vers un site-web:
Un lien vers une page HTML
Un lien vers un document
![Page 18: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/18.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/19.jpg)
![Page 20: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/20.jpg)
Résultat sur la page-web
![Page 21: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/21.jpg)
Créer un formulaire
![Page 22: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/22.jpg)
Resultat
![Page 23: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/23.jpg)
Créer sa première page site-web !!
![Page 24: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/24.jpg)
![Page 25: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/25.jpg)
![Page 26: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/26.jpg)
un hyperlien vers une page HTML
![Page 27: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/27.jpg)
Hyperlien vers un document
![Page 28: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/28.jpg)
Résultat
![Page 29: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/29.jpg)
Hyperlien vers une image
![Page 30: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/30.jpg)
Résultat
![Page 31: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/31.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/32.jpg)
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 33: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/33.jpg)
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/
![Page 34: Prsentation 111121081752-phpapp01](https://reader033.vdocuments.mx/reader033/viewer/2022060117/55868209d8b42a9f3c8b4707/html5/thumbnails/34.jpg)