Menu Général                                     URL: http://perso.wanadoo.fr/arsene.perez-mas/html/index.htm


Un petit cours d'HTML
pour débutants...

Attention ! nous nous adressons aux débutants en HTML, non aux débutants en informatique.
Pour suivre ce cours, il faut savoir gérer les répertoires de fichiers de votre machine,
ouvrir et fermer des répertoires ou des sous-répertoires en cascade,
ouvrir des fichiers en double-cliquant sur leur noms,
copier-coller des parties de texte,
utiliser les barres de menus,
etc


 
 
Qu'est-ce que le langage HTML ?
Les pages "Web" telles que celle que vous observez en ce moment, sont, à l'origine, programmées dans un fichier dit "fichier source".

Programmées : cela signifie que dans ce fichier source, les textes, dessins, éventuellement sons, animations et vidéos sont décrits dans un langage conventionnel obéissant à des règles précises.

A titre indicatif, vous pouvez visualiser le fichier source de la page que vous êtes entrain de regarder en ce moment en cliquant sur [Affichage] de la barre de menus de votre explorateur Internet et en choisissant [Source] dans la fenêtre déroulante.

Ne vous affolez pas à la vue du texte source : nous commencerons par des structures beaucoup plus simples.
D'ailleurs, tout texte écrit avec des symboles inconnus paraît inextricable, alors qu'il devient limpide dès que l'on en connaît les règles.

Vous apprendre ces règles, tel est le but de notre cours.
Pourquoi apprendre le langage HTML ?
Il existe dans le commerce un bon nombre de logiciels vous permettant de construire des pages Web très facilement sans avoir recours à la programmation directe en codes HTML.

GoLive - de Adobe -
DreamWeaver - de Macromedia -
Front Page - de Microsoft -
etc. 

Ces logiciels ont deux avantages non négligeables :

  • mise en oeuvre facile et rapide accessible même aux débutants sans avoir à écrire de code source
  • à l'aide de la souris et de boîtes de saisie, vous modelez vos pages web tout en contrôlant sur votre écran le rendu final. Les anglosaxons qualifient ces logiciels de WYSIWYG (What You See Is What You Get). Vous voyez ce que vous faites.
Mais de nombreux problèmes surgissent souvent qui demandent l'intervention manuelle directe sur le code source.

On peut débuter sans connaître HTML, on ne peut pas perdurer ainsi.


 
Méthode de travail proposée
Ce cours vous propose une suite d'exemples progressifs partant du plus simple et présentant à chaque fois un élément de codage nouveau.

Des explications (les plus succinctes possibles) sont fournies à chaque étape .
Mais notre intention est surtout de faire comprendre sur des exemples de programmation.

Lire des exemples c'est bien, mais pratiquer c'est mieux !

Là ne comptez pas sur nous pour vous tenir la main :

  • Nous vous donnerons des exemples de code source en application de chaque nouvel élément étudié 
  • Vous pourrez lire le code source de nos exemples en cliquant [ Affichage ] [ Source ] dans le menu de l'explorateur Internet.
  • Comme vous disposez, d'origine dans tous types d'ordinateurs, d'un petit éditeur de texte de type notepad (bloc-notes), wordpad, easytext, etc. : vous pouvez l'utiliser pour copier-collez les sources de nos exemples, modifiez-les, testez-les, inventez-en d'autres, variez les dimensions, les couleurs, essayez tous les paramètres. Amusez vous ! C'est la meilleure façon d'apprendre. 
Si vous trouvez des exercices plus intéressants, n'hésitez pas à nous en faire part à notre couriel

Quelques conseils :

  • Créez sur votre disque un répertoire ou sous-répertoire dans lequel vous mettrez tous vos exercices HTML afin qu'ils ne se mélangent pas aux autres fichiers : autrement vous perdriez un temps fou à les chercher.
  • Appelez ce répertoire d'un nom bien identifiable : "cours_html" par exemple.
  • Vérifiez que l'extension des fichiers source créés est bien HTM ou HTML
  • Testez les codes source de vos fichiers en ouvrant, à l'aide de l'explorateur de Windows, ale répertoire que vous avez créé pour vos fichiers HTML et cliquez double sur le fichier HTML que vous voulez tester. L'explorateur Internet sera automatiquement appelé et vous affichera la page web correspondante.
Avertissement pour l'usage du bloc-notes de windows !
Lorsque vous enregistrez un fichier d'extension HTM ou HTML pour la première fois,
le bloc-notes a tendance à luis ajouter une extension .TXT.

Résultat : vous ne pouviez plus visualiser ce fichier par l'explorateur Internet en cliquant simplement leur nom dans l'explorateur Windows !
D'ailleurs, l'incône de ce fichier dans l'explorateur Windows n'est pas celle de l'explorateur Internet mais celle du bloc-notes.

Pour éviter cela, veillez à ce que le type de fichier déclaré dans le boîte "Enregistrer Sous" est bien "Tous(*.*) et non "Documents texte"

Ceux qui ne voient encore pas comment procéder cliquent ici.

Pour les autres : Bon voyage !

Premier cours

 


Cours suivant
Sommaire des cours HTML
Cours CSS
Retour en page d'accueil.