Par :Yahyaoui Imane
Plan   Logiciels de création site-web   Langage HTML   Historique de l’HTML   Structure d’une page HTML   Créer sa pr...
Logiciels HTMLLES EDITEURS   Dreamweaver (éditeur : Macromedia)   GoLive (éditeur : Adobe)   FrontPage (éditeur : Micro...
Langage HTML                   Traduction par l’ordinateurRésultat visible  sur l’écran
etDeux langages pour créer un site web
HyperText Markup Langage est la langue vivante du web, avec sagrammaire, sa syntaxe et son vocabulaire , il permet de stru...
HISTORIQUE                           mars 1989The WWW Project Proposal                             Lidée de base          ...
Structure dune page HTML<HTML>         <HEAD>              <TITLE> Titre de la page </TITLE>         </HEAD>         <BODY...
De structure                De formatage              et mise en page                 De listesLes balises  HTML          ...
Balises de Structure<HTML>…    <HEAD>…     <TITLE>…    <BODY>… </HTML>    </HEAD>     </TITLE>    </BODY>
<B>…</B>:.                            Police                                            <I>…</I>               Forme      ...
Balises de listes  Listes     Listes à    Listes de      Listes      Listesnumérotées    puces     définitions   répertoir...
SRC      Spécifie lURL (chemin) du fichier qui contient limage.WIDTH    Spécifie la largeur de limage en pixels.HEIGHT   S...
Balises HyperliensGrâce au langage HTML on peut créerun hyperlien vers :  - un autre site web situé sur le Web  – un autre...
La syntaxe simplifiée est :
Un lien vers un site-web:Un lien vers une page HTMLUn lien vers un document
Balises TableauxPremière balise à connaître : <table> </table>. Cest cettebalise qui permet dindiquer le début et la fin d...
Résultat sur la page-web
Créer un formulaire
Resultat
Créer sa première page      site-web !!
un hyperlien vers une page          HTML
Hyperlien vers un document
Résultat
Hyperlien vers une image
Résultat
N.B   Il faut toujours gardé au mémoire    que l’html surtout (une Balise)    marque une action pour le    navigateur en ...
L’hébergement d’un site-              web   Une fois votre site « terminé », il    vous faut trouver un hébergeur afin   ...
Meilleurs sitesd’hébergementhttp://www.hostpapa.euhttp://www.1and1.fr/http://www.mavenhosting.com/http://www.mavenhosting....
Prsentation 111121081752-phpapp01
Prsentation 111121081752-phpapp01
Prsentation 111121081752-phpapp01
Prsentation 111121081752-phpapp01
Prsentation 111121081752-phpapp01
Prochain SlideShare
Chargement dans…5
×

Prsentation 111121081752-phpapp01

245 vues

Publié le

rapport de stage

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
245
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1
Actions
Partages
0
Téléchargements
8
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Prsentation 111121081752-phpapp01

  1. 1. Par :Yahyaoui Imane
  2. 2. 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
  3. 3. Logiciels HTMLLES EDITEURS Dreamweaver (éditeur : Macromedia) GoLive (éditeur : Adobe) FrontPage (éditeur : Microsoft)LES NAVIGATEURS Internet Explorer Mozilla
  4. 4. Langage HTML Traduction par l’ordinateurRésultat visible sur l’écran
  5. 5. etDeux langages pour créer un site web
  6. 6. HyperText Markup Langage est la langue vivante du web, avec sagrammaire, sa syntaxe et son vocabulaire , il permet de structurer une page web àl’aide de plusieurs BALISES. Les balises traduisent: des liens Images/son/ Textes hypertextes vidéos
  7. 7. HISTORIQUE mars 1989The WWW Project Proposal Lidée de base juin 1993 HTML 1.0 draft Le premier brouillon août 1994 HTML 1.0 Version définitive 17/12/1996 CSS 1 Première tentative de séparation du fond et de la forme Fin 1999 XHTML Draft Des améliorations ajoutées à HTML
  8. 8. Structure dune page HTML<HTML> <HEAD> <TITLE> Titre de la page </TITLE> </HEAD> <BODY> </BODY></HTML> Les fichiers HTML doivent être enregistrés avec lextension .html ou .htm.
  9. 9. De structure De formatage et mise en page De listesLes balises HTML D’images Hyperliens Tableaux
  10. 10. Balises de Structure<HTML>… <HEAD>… <TITLE>… <BODY>… </HTML> </HEAD> </TITLE> </BODY>
  11. 11. <B>…</B>:. Police <I>…</I> Forme <DIV ALIGN = "RIGHT">…</div > mise en forme Balises <CENTER>formatage et ….</center>mise en page <FONT texte color=‘’red’’>… </FONT> Couleur <body Arrirée plan bgcolor="red" ….</body>
  12. 12. Balises de listes Listes Listes à Listes de Listes Listesnumérotées puces définitions répertoires menus
  13. 13. SRC Spécifie lURL (chemin) du fichier qui contient limage.WIDTH Spécifie la largeur de limage en pixels.HEIGHT Spécifie la hauteur de limage en pixels.BORDER Définit lépaisseur du cadre de limageALIGN Gère lalignement du texte adjacent à limageVSPACE Définit lespace qui sera réservé en haut et en bas de limage
  14. 14. Balises HyperliensGrâce au langage HTML on peut créerun hyperlien vers : - un autre site web situé sur le Web – un autre endroit du document. – un autre fichier Html situé sur votre ordinateur.
  15. 15. La syntaxe simplifiée est :
  16. 16. Un lien vers un site-web:Un lien vers une page HTMLUn lien vers un document
  17. 17. Balises TableauxPremière balise à connaître : <table> </table>. Cest cettebalise qui permet dindiquer le début et la fin dun tableau.Cette balise est de type block, donc il faut la mettre endehors dun paragraphe.
  18. 18. Résultat sur la page-web
  19. 19. Créer un formulaire
  20. 20. Resultat
  21. 21. Créer sa première page site-web !!
  22. 22. un hyperlien vers une page HTML
  23. 23. Hyperlien vers un document
  24. 24. Résultat
  25. 25. Hyperlien vers une image
  26. 26. Résultat
  27. 27. 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.
  28. 28. 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).
  29. 29. Meilleurs sitesd’hébergementhttp://www.hostpapa.euhttp://www.1and1.fr/http://www.mavenhosting.com/http://www.mavenhosting.com/http://hosting-review.com/http://www.strato-hosting.fr/

×