Sommaire: Apprendre le HTML facilement
I. FONCTIONNEMENT CLIENT-SERVEUR
II. STRUCTURE D’UN SITE WEB
III. LE LOGICIEL NVU
IV. METTRE EN LIGNE AVEC LE CLIENT FTP « FILEZILLA »
1. PRE-REQUIS
2. METTRE LE PREMIER TRAVAIL EN LIGNE
V. LE LANGAGE HTML
1. LES BALISES, LEUR FONCTIONNEMENT
2. LA STRUCTURE DE BASE
3. EXEMPLES HTML
a. Mettre du texte
b. Police, taille de la police, couleur
c. Mettre en caractère gras, italique
d. Alignement : utilisation des tableaux et listes
e. Les couleurs et images de fonds
f. Les liens (internes, externes)
VI. ERGONOMIE D’UN SITE WEB
1. DEFINIR L’ORGANISATION DES PAGES, DES DOSSIERS
2. « INDEX.HTML »
3. FAIRE UN SQUELETTE DE PAGE TEMPLATE
4. MISE EN PAGE D’UN SITE
a. La page d’accueil : une page claire, précise et simple
b. Le menu
c. Les couleurs
d. Liens entre les pages
e. Les contenus (textes/images/animations)
VII. LES FORMULAIRES
1. TEXTE
2. BOUTON RADIO (CHOIX EXCLUSIFS)
3. CHECKBOX (CHOIX MULTIPLES)
4. LISTE DEROULANTE
VIII. LES FEUILLES DE STYLES (FOURNIE .CSS)
IX. LES FICHIERS .HTACCESS
Extrait du cours apprendre le HTML facilement
III. Le logiciel NVU
http://www.nvu.com/
NVU est un éditeur HTML graphique, c’est-à-dire qu’il permet de voir ce que l’on va obtenir sans se soucier du code HTML derrière (même s’il laisse la possibilité de le voir). NVU se présente donc comme un éditeur de texte de type Word.
La zone principale de la fenêtre est occupée par la page en cours d’édition. Plusieurs vues sont possibles (ces vues sont accessibles via les onglets au bas de la page) :
• La vue de base du mode édition
• La vue avec les balises html
• La vue du code html
• La vue « résultat » (ce que l’on doit obtenir à la fin)
La barre de menu située en haut de la fenêtre comprend principalement deux zones, que nous appellerons « zone texte » et « zone html ». La première regroupe les fonctionnalités de mise en forme de texte, la seconde les fonctionnalités propre au HTML, comme les tableaux, les liens, les images, les formulaires. Grâce à ces deux zones, il sera très facile d’incorporer un nouvel élément dans la page.
Bien que NVU soit très pratique, j’attire votre attention sur le fait que bien connaître le code HTML est essentiel. En effet, il arrivera que NVU ne donne exactement pas le résultat attendu, il faudra alors se plonger dans le code pour modifier certaines valeurs à la main.
………
Si le lien ne fonctionne pas correctement, veuillez nous contacter (mentionner le lien dans votre message)Cours HTML pour débutant, apprendre le HTML facilement (565 KO) (Cours PDF)
