ACTION, RESULTAT:
Pour créer le tableau comme ci dessous, on utilisera Tableau/Insérer ....

Guide utilisateur:
Sous Document made with KompoZer, dans votre page, se mettre et cliquer à l'endroit ou apparaîtra le futur tableau puis:

1) Tableau/Insérer/Tableau
--> un menu interactif apparaît dans lequel on va pouvoir sélectionner une forme et dimensions de tableau.
2) Après avoir choisi la dimension du tableau, faire 'OK'
--> un tableau apparaît.
3) Se mettre dans le tableau qui apparaît un peu 'petit' et 'sans grande allure' puis cliquer dedans.
--> visuellement rien ne semble se passer, mais on a en fait sélectionné le tableau.
4) Après le clic faire Tableau/Propriétés du tableau et définir ses dimensions.
4 bis) par exemple choisir Lignes ---> Hauteur --> 200 pixels
Colonnes -> largeur --> 60% de toute la fenêtre

resultat du 4): --> le tableau est maintenant plus harmonieux et correspond bien à votre attente en terme de largeur et de hauteur.
On peut maintenant colorier le fond d'une cellule grâce à Clic/Droit/Propriétés Cellule../Couleur de fond.
On peut maintenant insérer une image dans le fond d'une cellule (voir ci après).
On peut aussi supprimer le cadre qui apparaît par Clic puis Tableau/Propriétés du tableau../Bordure = 0 pixel.
ici un exemple de tableau 6 colonnes, 2 lignes, bordure apparente d'1 pixel d'épaiseur,
alignement du tableau en butée à gauche, insertion d'un gif animé développé en flash.

TEXTE DESSUS












INFORMATION
Afin de produire des pages correctement construites, 2 techniques existent:


technique 1) l'utilisation de feuilles CSS, qui demande un certain savoir faire (hors du niveau demandé en 3eme).
  --> très efficace, code propre, look des pages facilement répétable...
--> souple et puissant, le
balisage structurel permettant de séparer le contenu de la page de son apparence.
(ici: un bel exemple d'un même 'site' avec exactement le même texte, mais avec plusieurs apparences toutes très différentes.

technique 2) une approche plus classique, (que vous abandonnerez si vous devenez 'pro'), mais qui reste beaucoup
 plus simple à mettre en oeuvre avec Document made with KompoZer au collège!
--> la création de tableaux (avec ou sans bordure, fond coloré ou pas .....)
--> l'empilement de tableaux eux mêmes dans des cellules de tableaux qui
  'enfermeront et caleront' bien tous les éléments visibles de notre page.
Si on ne maîtrise pas l'emplacement des textes et images, la mise en page sera très 'déstructurée et désordonnée'
nota: présente page reproductible par un élève de 3ème utilisant Kompozer,  sans html sophistiqué ni JavaScript, ni CSS .....
ComenQu'cé qu'onFé?
Pour insérer une image en fond de cellule (ici un GIF animé), il suffit de
a) Se positionner dans la cellule
b) Dble clic dessus/ Edition avancée...
c) Choisir Style interne:
 --> dans le fenêtre Propriété:  écrire background-image
 --> dans la fenêtre Valeur:
écrire url( le nom de l'image)  ex  url(monImage.jpg)
________________ FIN __________________
V2 maj 28-11-2014