placé dans la colonne de gauche de la page.
3. Création d'une page Web |
Vous devez tout d'abord partir d'une page blanche. Si ce n'est pas actuellement le cas, allez dans le menu FICHIER / NOUVEAU ou faites [CTRL]+[N]. Une page vide sans titre est alors créée, le curseur texte est placé sur la première ligne. Vous pouvez alors saisir votre texte comme avec n'importe quel traitement de texte. Les touches fléchées vous permettent de déplacer le curseur. En conjonction avec [SHIFT] et [CTRL] des déplacements plus particuliers sont permis.
[CTRL]+[GAUCHE/DROITE] Saute au mot suivant [SHIFT]+[GAUCHE/DROITE] Envoie en début ou en fin de ligne [SHIFT]+[HAUT/BAS] Saute d'une page vers le haut ou le bas
Les touches [BACKSPACE] et [DELETE] vous permettent bien évidemment de supprimer des caractères de part de d'autre du curseur.
La touche [RETURN] vous permet d'insérer un saut de ligne simple, représenté
par le symbole
placé dans la colonne de gauche de la page.
La combinaison [CTRL]+[RETURN] vous pemet d'insérer un saut de paragraphe.
Celui-ci est représenté par le symbole 
placé dans la colonne de gauche.
Le saut de paragraphe vous apporte les avantages suivants par rapport au saut de ligne: -Même si deux sauts de ligne valent un saut de paragraphe, un véritable saut de paragraphe vous garantit un formatage identique entre tous les browsers HTML. -Utiliser un saut de paragraphe consomme moins de mémoire que deux sauts de ligne. -Le saut de paragraphe est une délimitation stricte, vous permettant, entre deux d'entre-eux, de choisir l'aligement du texte et le type général de fonte (normal, titre).
Saisissez plusieurs lignes de texte séparées par des sauts de ligne et des
sauts de paragraphe. Placez la souris sur la colonne de gauche, celle qui
contient les symboles de formatage, au milieu de l'un des paragraphes. Cliquez
avec le bouton droit de la souris. Un pop-up contexuel s'affiche. Allez dans la
partie ALIGNEMENT et cliquez sur DROITE. Tout le texte situé entre les deux
sauts de paragraphe se retrouve aligné à droite, notez que les sauts de ligne
simple n'interrompent pas l'alignement, c'est cela la différence principale
entre sauts de ligne et sauts de paragraphe. Vous pouvez de cette façon vous
entrainer avec les trois alignements possibles (GAUCHE, CENTRÉ, DROITE) sur
votre texte. Vous pourrez constater que les symboles s'adaptent en fonction de
l'alignement choisi.
GAUCHE |
|
|
CENTRÉ |
|
|
DROITE |
|
|
Outre l'alignement, le pop-up accessible par la colonne de gauche vous permet
de contrôler la police de caractères utilisée pour l'affichage. Vous en avez
deux à votre disposition, une pour le corps du texte (que vous utilisez jusqu'à
présent) et une pour représenter les titres. La fonte de titre est disponible
en six tailles différentes, numérotées de 1 (la plus grande) à 6 (la plus
petite). La taille 4 vous permet d'obtenir des titres de la même taille que le
corps du texte.
En plaçant la souris dans la colonne de gauche et en cliquant avec le bouton
droit, vous faites apparaitre le pop-up contextuel, allez dans la partie TITRE
et cliquez sur la taille de titre que vous souhaitez donner au paragraphe. Vous
constaterez que la commande s'applique à tout le paragraphe sélectionné. C'est
pour cela que, outre de véritables paragraphes, vous pouvez aussi utiliser les
petites tailles pour écrire le corps du texte.
Attention, même si Expresso permet d'utiliser une police de caractère différente pour le texte et les titres, certains browsers supportent cette possibilité (WenSuite, Cab, Opéra...) alors que d'autres en sont incapables (Adamas, NetScape, Explorer...), ces derniers utilisent la même font en la passant en gras, dans ces conditions, utiliser les petites tailles de titre pour écrire du texte n'est pas recommandé (il vaut mieux changer le style des caractères comme il est indiqué plus loin).
Vous pouvez revenir à la fonte texte normale en faisant apparaitre le pop-up et en choisissant l'option FONTE STANDARD.
N'oubliez pas de correctement paramétrer les fontes d'Expresso si vous souhaitez que l'affichage soit le plus proche possible du rendu final.
Il n'est pas nécessaire de positionner le curseur, de faire [RETURN] ou [CTRL]+[RETURN] et de faire apparaitre de pop-up contextuel pour insérer des sauts et choisir l'alignement du texte. Il est possible de faire tout cela à la souris.
Dans la barre d'outils, la zone PAGE inclut 4 icônes ayant la même apparence
que les sauts de paragraphes dessinés dans la colonne de gauche. En cliquant
sur l'une de ces icônes, la souris va prendre la forme de celle-ci et vous
pourrez insérer des sauts de paragraphe et des alignements partout dans le
texte en quelques clics de souris. Cette fonction reste active tant que vous ne
cliquez pas sur le bouton droit. Cela permet de rapidement formater une
quantité importante de texte, par exemple, pour remettre en page un texte ASCII
importé et dont les sauts de lignes n'auraient pas été interprétés par
Expresso. Notez que tant que ce mode est actif, les menus, les boutons et les
fenêtres ne sont plus actifs.
L'insertion s'effectue toujours entre deux mots, Expresso effectuant la coupure par rapport à la limite de mot la plus proche. Vous pouvez aussi insérer des sauts de ligne à un mot se trouvant à un des bords de la pages, mais pour qu'Expresso effectue correctement son insertion, il est recommandé de placer la souris sur le mot et non à côté de celui-ci.
Les fonctions de couper/ copier/ coller sont bien évidemment présentes dans
Expresso. Vous sélectionnez tout naturellement le bloc à la souris, en
maintenant le bouron gauche appuyé. Le bloc sélectionné passe en vidéo inverse
quand il s'agit de texte; pour les images et les éléments de formulaires, la
sélection est représentée par un pointillé qui entoure l'objet. Notez que dans
la version 1.0 de Expresso, la sélection de bloc ne peut se faire que mot par
mot et non caractère par caractère.
Pour copier la zone sélectionnée vers le presse-papier, allez dans le menu EDITION/ COPIER, ou faites [CTRL]+[C], dans ce cas, la zone sélectionnée reste présente dans le texte.
Si vous coupez la zone, par le menu EDITION/ COUPER, ou par [CTRL]+[X], la zone sélectionnée sera retirée du texte et envoyée dans le presse-papier.
Vous pouvez ensuite ramener le contenu du presse-papier dans le texte. Pour cela, utilisez le menu EDITION/ COLLER ou [CTRL]+[V]. Le bloc présent dans le presse-papier sera inséré à l'emplacement du curseur. Si c'est un bloc qui est sélectionné, celui-ci sera remplacé par celui provenant du presse-papier.
La fonction d'annulation, accessible par le menu EDITION/ UNDO ou la touche [UNDO] du clavier, permet de revenir en arrière sur l'action des fonctions couper et coller sur le texte. La fonction d'annulation ne permet pas de restaurer le contenu du presse-papier.
Les fonctions de bloc ont quelques restrictions quand elles sont utilisées à l'intérieur des tables. Veuillez vous reporter au chapitre des tables pour connaître lesquelles.
Une fois votre texte saisi, il est possible d'en changer le style. Pour cela,
sélectionnez le bloc de texte auquel vous voulez appliquer le nouveau style.
Choisissez ensuite le style à appliquer. Vous pouvez soit cliquer sur le bouton
droit, le pop-up contextuel vous affiche la liste des styles possibles, soit
aller dans le menu STYLES, soit encore utiliser un raccourci-clavier, ceux-ci
sont indiqués dans le menu STYLES.
Les styles fonctionnent en bascule: appliquer un style à un bloc de texte ayant
déjà ce style, le supprime. Si le bloc de texte sélectionné contient des
parties avec et des parties sans ce style, c'est le style du premier mot du
bloc qui servira de référence pour activer ou desactiver le style.
Les styles sont cumulables: on peut faire un texte gras, italique, souligné, exposant. Tous les cumuls sont autorisés, et c'est à vous d'éviter ceux qui ne sont recommandés (Petit, Grand, Indice et Exposant ne sont pas faits pour être utilisés simultanéments, certains navigateurs HTML pourraient donner de mauvais résultats).
Les styles sont indépendants: Il est possible de sélectionner un bloc pour partie gras et pour partie italique et y ajouter un style souligné, ce dernier s'ajoutera aux styles déjà présents.
Quand un bloc est sélectionné ou que le curseur texte est actif, l'état des boutons de sélection de style de la barre d'outils indique les styles actifs (dans le cas d'un bloc, c'est le premier mot du bloc qui sert de référence). L'édition de texte fonctionne quelque soit le style actif, celui-ci s'adapte automatiquement au gré des déplacements du curseur.
Il est possible de d'indenter un bloc de texte. Cela peut se faire de plusieurs
façons. Tout d'abord, vous pouvez placer la souris dans la colonne de gauche et
cliquer sur le bouton droit de la souris. Le pop-up contextuel s'affiche et les
options de tabulation sont alors accessibles. Vous pouvez aussi utiliser les
boutons présents dans la barre d'outils. Les tabulations sont également
accessibles par le menu OBJETS / TABULATION, des raccourcis-clavier sont
également disponibles.
Les tabulations et les listes s'appliquent à toute la zone de texte comprise entre deux sauts de lignes, de paragraphes ou de séparateurs horizontaux (l'utilisation de ce dernier est décrite au chapitre 4). Donc, en fait, les icônes présentes dans la colonne de gauche vous permettent de connaître la portée des opérations de tabulation.
C'est avec [TAB] (ou avec l'une des autres façons) que l'on ajoute un niveau de tabulation au texte. Expresso décale alors le texte de 32 pixels, le décalage est variable d'un navigateur HTML à un autre, c'est pourquoi cette valeur de 32 pixels représente un compromis arbitraire. Il est possible de cumuler les tabulations, Expresso décalera alors le texte d'autant de fois 32 pixels que vous aurez placé de tabulations.
Avec l'option LISTE NUMEROTEE, [ALT]+[N], vous placez une tabulation, mais vous y ajoutez de surcroit un numéro d'ordre. Si vous agissez ainsi sur plusieurs paragraphes consécutifs, ceux-ci seront numérotés à partir de un. Laisser un paragraphe sans tabulation fait reprendre la numérotation à un. En revanche, si vous insérez une tabulation de même niveau que la liste numérotée, cette dernière ne sera pas interrompue.
Les listes numérotées supportent une structuration à plusieurs niveaux. En ajoutant des tabulations, les sous-paragraphes reprennent leur numérotation à un et la liste principale poursuit sa numérotation dès que l'on revient à son niveau. Toute tabulation d'un niveau inférieur au niveau en cours fera reprendre la liste à un. Expresso supporte 16 niveaux de listes numérotées, ce qui est largement plus que nécessaire.
Les listes pointées (appelées ainsi car elles sont précédées d'un point), aussi
appelées listes à puces, sont une autre forme de liste structurée. Ici, plus de
numérotation, mais des points au début de chaque bloc de texte. Le niveau de la
liste conditionne la forme de la puce (4 formes différentes dans Expresso) et
la taille celle-ci (2 tailles dans Expresso), de telle façon qu'une liste à
plusieurs niveaux est facilement lisible, même si celle-ci fait plusieurs
écrans de haut. Notez que la forme, le nombre et la taille des puces sont très
variables d'un navigateur HTML à un autre, il ne faut donc pas compter sur la
forme de celles-ci quand elles seront vues par un internaute.
Expresso vous permet de panacher à volonté tabulations, listes numérotées et listes pointées. Notez qu'insérer une tabulation au même niveau qu'une liste numérotée n'interrompera pas son comptage, en revanche, l'insertion d'une liste pointée au même niveau qu'une liste numérotée la fait reprendre à zéro.
La façon dont les navigateurs gèrent les alternances de listes et les
imbrications fait que le rendu final d'une liste complexe peut être différent
de l'affichage d'Expresso. En particulier, vous risquez d'obtenir des sauts de
paragraphes là où vous aviez mis des sauts de lignes. Cet effet parasite est
totalement dépendant du navigateur HTML utilisé pour la visualisation de la
page, Expresso s'efforçant pour sa part, de générer un code HTML aussi
compatible que possible avec les divers navigateurs.
