Comment monter son propre site WEB Les outils (partie 2) Présenté au ClubRIB par Daniel Pelletier le 10 mars 2011.

Présentation au sujet: "Comment monter son propre site WEB Les outils (partie 2) Présenté au ClubRIB par Daniel Pelletier le 10 mars 2011."— Transcription de la présentation:

1 Comment monter son propre site WEB Les outils (partie 2) Présenté au ClubRIB par Daniel Pelletier le 10 mars 2011

2 But de la présentation Comment fonctionne un navigateur Web et HTTP. Comment fonctionne HTML. Outils pour faire un site Web

3 Comment s’affiche une page Web?

4 Fichier HTML Décrit comment est composée une page Web 100% texte Contient des balises (« tags ») qui indiquent comment formatter les sections de la page.

5 Format des balises HTML Une étiquette encadrée entre un (exemple: ) Habituellement en couple qui encadre soit d’autres balises, soit du texte: –balise de début (exemple ) –balise de fin avec étiquette précédée par un / (exemple: ) Certaines sont célibataires: le / se trouve après l’étiquette (exemple: ) Peuvent posséder un ou plusieurs attributs qui suivent le nom d’étiquette (exemple )

6 Types de balises : changement de paragraphe : retour à la ligne (« break ») ou : texte en gras ou : texte en italique : hyperlien (« anchor ») : image : conteneur de section … : titres de niveau … : tableau : liste énumérative (« unordered ») : liste numérotée (« ordered »)

7 Exemple d’une page HTML

8 Pour en savoir plus sur le HTML http://fr.html.net/tutorials/html/ http://mendeleiev.cyberscol.qc.ca/carrefour/ formation/html/html1.htmlhttp://mendeleiev.cyberscol.qc.ca/carrefour/ formation/html/html1.html http://www.startyourdev.com/HTML/Balise -DIV.htmlhttp://www.startyourdev.com/HTML/Balise -DIV.html

9 Outils pour faire un site Web Aucune connaissance en informatique requise. Requiert les outils: –Un éditeur HTML, pour composer les pages Web sous forme de fichiers HTML. –Un programme de transfert FTP, qui permet de transférer les fichiers vers l’hébergeur.

10 Editeurs HTML KompoZer et Komodo Edit: gratuitiels de grande qualitéKompoZer Komodo Edit –WYSIWYG et/ou source HTML –Transfert FTP intégré –Aperçu des pages Notepad++: gratuitielNotepad++ –éditeur de texte HTML seulement –Outils d’édition

11 Transfert FTP Peut se faire au moyen d’un navigateur, par exemple: ftp://pages.videotron.com/ftp://pages.videotron.com/ WinSCP: gratuitiel FTP très convivial avec interface Windows ExplorerWinSCP

12 Téléchargements KompoZer et son guide d’utilisationKompoZerguide d’utilisation Komodo Edit WinSCP et son guide d’utilisationWinSCPguide d’utilisation Notepad++