Télécharger en tant que PDF, PPTX
Contenu connexe
exposé en HTML
- 1.
- 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. Logiciels HTML LES EDITEURS Dreamweaver (éditeur : Macromedia) GoLive (éditeur : Adobe) FrontPage (éditeur : Microsoft) LES NAVIGATEURS Internet Explorer Mozilla
- 4. Langage HTML Traduction par l’ordinateur Résultat visible sur l’écran
- 5. et Deux langages pourcréer un site web
- 7. HyperText Markup Langageest 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: des liens Images/son/ Textes hypertextes vidéos
- 8. HISTORIQUE mars 1989 The WWW Project Proposal L'idé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
- 9. Structure d'une pageHTML <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.
- 10. De structure De formatage et mise en page De listes Les balises HTML D’images Hyperliens Tableaux
- 11. Balises de Structure <HTML>… <HEAD>… <TITLE>… <BODY>… </HTML> </HEAD> </TITLE> </BODY>
- 12. <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>
- 13. Balises de listes Listes Listes à Listes de Listes Listes numérotées puces définitions répertoires menus
- 14. SRC Spécifie l'URL (chemin) du fichier qui contient l'image. WIDTH Spécifie la largeur de l'image en pixels. HEIGHT Spécifie la hauteur de l'image en pixels. BORDER Définit l'épaisseur du cadre de l'image ALIGN Gère l'alignement du texte adjacent à l'image VSPACE Définit l'espace qui sera réservé en haut et en bas de l'image
- 15. Balises Hyperliens Grâce aulangage 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.
- 16.
- 17. Un lien versun site-web: Un lien vers une page HTML Un lien vers un document
- 18. 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.
- 20. Résultat sur lapage-web
- 21.
- 22.
- 23. Créer sa premièrepage site-web !!
- 26. un hyperlien versune page HTML
- 27. Hyperlien vers undocument
- 28.
- 29. Hyperlien vers uneimage
- 30.
- 31. 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.
- 32. 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).
- 33.