Prsentation 111121081752-phpapp01

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

×