Les feuilles de style avec KompoZer

Visite en sous-sol: le code HTML

Le logiciel KompoZer que nous avons utilisé à la leçon précédente réalise, en fait, tout un travail " sous-terrain " que nous n'avons pas vu faire.

En réalité, les différentes pages telles qu'elles ont été composées contiennent:

HTML consiste en une série d'indications compréhensibles par les programmes navigateurs (Firefox, Chrome, Internet Explorer,...). Elles indiquent la structure des pages web aux navigateurs.

Ces balises HTML ont été placées automatiquement par KompoZer.

Donc, ce programme a travaillé derrière mon dos sans rien me dire? Et on peut voir ce qu'il a fait ?

Bien sûr, on peut voir. Suivez le guide: nous allons visiter les caves de KompoZer.

Pas très clair, tout ça. Quelqu'un pourrait faire de la lumière ? Où est l'interrupteur ?

L'interrupteur est en bas à gauche.

La fenêtre d'édition de KompoZer (celle dans laquelle tu composes les pages web) montre le document tel qu'il se présentera dans le navigateur. Deux autres fenêtres présentant le code HTML sont accessibles très simplement.

  • Ouvre la page d'accueil de ton premier site web, tel qu'il a été conçu lors de la leçon précédente.
  • Clique sur l'onglet Mixte visible à gauche au bas de la fenêtre.

Onglet Source

  • La fenêtre de KompoZer se divise alors en deux parties:
    • la partie supérieure contient le texte que tu as rédigé, avec les couleurs choisies et l'image
    • la partie inférieure contient le code HTML correspondant
  • Clique à différents endroits dans le texte ou sur l'image et observe le code HTML correspondant dans la partie inférieure de la fenêtre.

Code

Mais c'est quoi tout ce charabia ? C'est plein de signes cabalistiques et de mots en anglais. Kezako ?

Ce sont des balises HTML. Nous allons voir cela dans les explications de la page suivante.

  • Pour cacher la partie code HTML, clique sur l'onglet Conception.
On peut aussi passer très simplement du mode Conception au mode Mixte en frappant la combinaison de touches AltEnter au clavier.
  • À l'aide de la combinaison AltEnter, passe du mode Conception au mode Mixte puis reviens au mode Conception.

Quand tu es capable de passer du mode Conception ou mode Mixte et inversement, et que tu fais bien la distinction entre les deux, passe à la page suivante. Vers la page suivante Page suivante


Dernière modification 31/08/2016 Test dans /info ...