Commentaires   |   Accueil     Archives     Précédent     Suivant    Forum     Mon Twitter     Débuter sur Mac

Démonstrations :

Voici un "tableau" fait uniquement  dans iWeb '09


Mois / pers.
A
B
C

Janvier
12
56
30

Février
25
39
67

Mars
36
56
23

Avril
48
62
51

Mai
17
63
27

Juin
3
5 (LInk)http://discussions.apple.com/shapeimage_34_link_0
28

Juillet
96
79
35

Août
85
38
54

Septembre
28
31
86

Octobre
79
42
57

Novembre
63
10
35

Décembre
53
43
67

Total :
545
524
560
 

Mon tableau tel qu'il apparaît dans internet explorer 7 (capture d'écran) :




Comment faire :

Dans une grande zone de texte (et non au dessus) sont collées des petites zones de textes les unes aux autres (ici les cases ont été séparées les unes des autres par un espace).

Pour commencer, ajoutez une zone de texte (1), redimensionnez-la, cliquez à l'intérieur comme pour y ajouter du texte (cela fera apparaître le curseur de texte et ajouter une nouvelle zone du texte


  

1                                          |                                                2 


Cette petite zone de texte apparaît avec un curseur de texte à l'intérieur qui est dur de déselectionner (2). Cliquez sur le nom de votre page dans la colonne latérale gauche d'iWeb, le curseur disparait vous pourrez sélectionner la case, modifier ses dimensions, la copier (3). Copiez cette case

                                    

  

3                                          |                                                4 


Placez le curseur à droite de cette case (4) et collez plusieurs cases  grâcau raccourcis cmd +v (5) .



     

5                                          |                                                6 


Sélectionnez toutes vos cases pour les personnaliser. par ex. changer leurs dimensions, ajouter une couleur de remplissage, une bordure . Chacun fait comme il lui plait mais il ya quelques rêgles de bon sens : éviter  d'avoir

des cases sans bordures et des cases avec bordures    

des hauteurs différentes de cases sur une même ligne

des largeurs différentes   de cases sur une même colonne                         


le retour à la ligne est imposé 

soit par la largeur de la grande zone de texte (comme ci-dessus)

soit par un retour à la ligne (alt + cmd) mais les lignes seront séparées les unes des autres par un petit espace.


Transformer votre tableau en images :


Ce n'est pas fini, pour achever votre tableau vous allez devoir le transformer en images. Et c'est une étape obligatoire si vous souhaitez qu'il s'affiche correctement dans internet Explorer. En effet IE a d'énormes difficultés pour afficher correctement le contenu d'une zone de texte contenu dans une autre zone de texte par contre il sait afficher des images au sein (ou non) d'une zone de texte. Vous avez deux possibilités :

1. soit vous avez des liens dans les cases et c'est chacune de ces cases qu'il faudra transformer en images (7) c'est ce que j'ai fait pour le tableau en haut de cette page qui contient un lien (ligne Juin - colonne B)

2. soit vous n'en avez pas et vous pouvez sélectionner la grande zone de texte en images (8). Exemple : Cf. tableau au bas de cette page.


   

7                                          |                                                8 


VoIci le tableau transformé en images :