Pour commencer le tout premier tutoriel, je vais parler des éditeurs de texte et des base d'un fichier HTML.
1.Qu'est ce que le HTML/CSS ?
Le HTML est un langage de balisage qui permet de créer un site avec du contenu statique (n'étant mis à jours que par son webmaster).
Le CSS est un langage qui permet de donner un design à son site (exemple: texte en 12 pixels, chaque division entourée de noir de 3 pixels...).
CSS signifie "Cascading Style Sheets".
2.Logiciels pour écrire les langages.
?Est ce que j'ai besoin d'un logiciel spécial pour écrire le HTML/CSS?
Il vous suffit juste d'avoir un éditeur de texte (BlocNote pour Windows, Gedit pour Linux et TextEdit pour Mac OSX, bien sûr n'importe qu'elle éditeur de texte peu faire l'affaire, tant qu'il est possible d'enregistrer son fichier en xxx.html ).
Si vous voulez une meilleur vision de ce que vous faites lorsque vous codez (le code se colore en fonction des balises) , il est préférable pour Windows d'utiliser NotePad++.
Si vous voulez une meilleur vision de ce que vous faites lorsque vous codez (le code se colore en fonction des balises) , il est préférable pour Windows d'utiliser NotePad++.
?Mais une fois le langage écrit, je fais quoi pour le voir comme si j'étais sur internet?
Après l'avoir enregistré, il vous suffira, normalement, de double-cliquer sur le fichier en .html pour l'ouvrir, mais si cela l'ouvre en code comme quand vous l'avez écrit, alors il faudra faire un clique-droit et l'ouvrir avec un navigateur internet. Je reviendrai sur cela plus tard.
3.Le fichier "base" du code HTML.
Un fichier contenant du code HTML, doit, pour être lu sur internet, contenir quelques informations (certaines facultatives et d'autres non).
Exemple du début d'un code HTML (utilisant Ubuntu en dual-boot avec Windows, la majorité de mes démonstrations seront sur Ubuntu) :
Voilà ce à quoi ressemble le code de départ "pratique" d'un fichier HTML.
- Dans la zone "HEAD" (contenant les informations du site) il y a la partie "title". Elle correspond au nom donner en haut de votre navigateur internet (si vous regardez tout de suite, vous devriez voir: "Créer son site soi même: Pour commencer").
- La zone "meta" sert à donner des "mots clés" à votre site, informer du codage de l'écriture du site (ici UTF-8 car en enregistrant le fichier, j'ai choisis le codage UTF-8)...
- La zone "link", si vous avez écrit du code CSS pour le design de votre site, donne comme information à la page HTML que son design se trouve dans le dossier "css" et dans le fichier "index.css" (Petite info pratique, lorsque vous créez votre page d'accueil de votre site, nommez-la "index.html" elle sera reconnu par le serveur comme page d'accueil.).
- La zone "body" est l'ensemble du contenu de votre site, vous pouvez y ajouter du texte, des images, des vidéos, des sons, des tableaux....tout le contenu que vous voulez.
Vous savez maintenant quel logiciel utiliser pour écrire du code HTML/CSS.
En petit bonus, et pour éviter de vous laisser sans rien, je vais vous montrer les quelques balises qui pourront vous servir pour vous "amuser" avec le code HTML :)
- <p>...votre texte...</p> Cette balise, est la balise principale d'un fichier HTML. Je vous conseille ,pour éviter d'oublier de la mettre à chaque texte, de mettre juste après la balise <body>, <p> et avant la balise </body>, </p>.
- <strong>...texte gras...</strong> Comme vous l'avez certainement compris, cette balise, écrit votre texte en gras.
- <em>...texte italique...</em> Ici, la balise vous sert à écrire votre texte en italique.
Voilà, c'est fini pour le tutoriel d'aujourd'hui, je vous dit à bientôt pour un nouveau tutoriel sur d'autres fonctionnalités.
Aucun commentaire:
Enregistrer un commentaire