MAGIX Xtreme Web Designer 5 Manuel utilisateur

Ajouter à Mes manuels
975 Des pages
Achat et activation de Xtreme
Web Designer 5
Lors de l'installation de la version d'essai de Xtreme Web Designer 5, vous aurez le choix entre trois
options. Cochez l'option de votre choix. Des consignes suppl&eacute;mentaires s'affichent.
J'ai un num&eacute;ro de s&eacute;rie et je souhaite activer le logiciel :
S&eacute;lectionnez cette option si vous poss&eacute;dez d&eacute;j&agrave; une version de Web Designer. Entrez le num&eacute;ro de s&eacute;rie
qui se trouve dans l'e-mail de confirmation d'achat. Saisissez votre adresse e-mail afin d'enregistrer votre
version (si cette &eacute;tape a d&eacute;j&agrave; &eacute;t&eacute; effectu&eacute;e, elle sera ignor&eacute;e). Puis cliquez sur Enregistrer en ligne et
activer. Vous serez reli&eacute; &agrave; la page d'activation et d'enregistrement, si vous ne souhaitez pas vous
enregistrer, fermez la page (le message suivant s'affiche &laquo; Activation r&eacute;ussie, Enregistrement &eacute;chou&eacute; &raquo;). Si
vous souhaitez vous enregistrer, cliquez sur Continuer
. Attention : si vous choisissez de pas vous enregistrer mais que vous souhaitez le faire plus tard, par
exemple, si vous voulez rejoindre notre programme d'affiliation ou recevoir des mises &agrave; jour
automatiques, vous trouverez une option &laquo; Enregistrement en ligne &raquo; dans le menu d'aide.
Une fois votre version activ&eacute;e, vous pouvez t&eacute;l&eacute;charger l'ensemble des mod&egrave;les de conception en
s&eacute;lectionnant l'option T&eacute;l&eacute;charger les mod&egrave;les de conception
dans le menu d'aide de Web Designer.
Je n'ai pas de num&eacute;ro de s&eacute;rie et j'aimerais acheter le logiciel.
S&eacute;lectionnez cette option si vous souhaitez acheter une version de Web Designer. Vous recevez un
num&eacute;ro de s&eacute;rie lors de votre achat. Cochez cette option puis cliquez sur Acheter le logiciel en ligne
.
Je souhaite continuer &agrave; utiliser la version d'essai.
S&eacute;lectionnez cette option si vous souhaitez continuer &agrave; utiliser la version d'essai gratuite. Le nombre de
jours d'essai restants s'affiche imm&eacute;diatement. S&eacute;lectionnez cette option puis cliquez sur Continuer
l'essai
.
Remarque importante : Conservez l'adresse e-mail et le mot de passe utilis&eacute;s lors de l'achat de Xtreme
Web Designer 5. Vous pourrez en avoir besoin plus tard pour retrouver votre num&eacute;ro de s&eacute;rie ou
effectuer une mise &agrave; niveau.
Autres possibilit&eacute;s d'achat
Si vous ne b&eacute;n&eacute;ficiez pas de la p&eacute;riode d'essai, vous pouvez passer une commande directement sur
notre site Internet www.xara.com/ordering
. Vous recevrez le num&eacute;ro de s&eacute;rie qui vous permettra de d&eacute;bloquer la version d'essai.
Les produits Xara ont des prix avantageux, mais nous offrons des rabais suppl&eacute;mentaires sur nos
produits graphiques aux organisations et &eacute;tablissements universitaires. Vous trouverez plus d'informations
sur notre site Internet www.xara.com/ordering
.
Programme d'affiliation
Les mod&egrave;les de pages de Xtreme Web Designer 5 incluent un lien &laquo; R&eacute;alis&eacute; avec Xtreme Web Designer
5 &raquo; en bas de page. Si vous ne voulez pas le voir appara&icirc;tre, vous pouvez facilement le supprimer.
Cependant, si vous affichez ce lien sur votre site Internet, vous pourrez recevoir une commission sur les
ventes r&eacute;alis&eacute;es par le biais de ce lien. Vous pouvez &eacute;galement donner cette commission &agrave; une oeuvre de
charit&eacute;. S&eacute;lectionnez Aide &gt;Programme d'affiliation
pour en savoir plus ou, si vous &ecirc;tes d&eacute;j&agrave; affili&eacute;, pour modifier les param&egrave;tres de vos commissions.
Page 1
Assistance technique
Si vous avez des probl&egrave;mes avec votre logiciel, veuillez prendre contact avec votre &eacute;quipe d'assistance
technique.
Site Internet d'assistance : http://support.magix.net/contact/fr
Ce site vous dirigera vers la page de services des utilisateurs qui contient, entre autres, les aides gratuites
suivantes :
FAQ (Foire Aux Questions)
et trucs et astuces d'ordre g&eacute;n&eacute;ral. Dans la plupart des cas, c'est ici que vous trouverez une solution &agrave;
votre probl&egrave;me. Sinon, il conviendra d'utiliser le formulaire d'assistance par messagerie &eacute;lectronique
(E-mail) :
Formulaire d'assistance par e-mail
: &agrave; l'aide de ce formulaire sp&eacute;cifique, vous indiquez votre syst&egrave;me &agrave; notre &eacute;quipe de support. Cette
information servira &agrave; r&eacute;soudre vos probl&egrave;mes rapidement et avec efficacit&eacute;. Remplissez-le puis
renvoyez-le par simple clic de souris !
Forum
: vous n'&ecirc;tes pas seul. Il se peut que d'autres utilisateurs aient connu un probl&egrave;me identique au v&ocirc;tre et
puissent vous aider &agrave; le r&eacute;soudre. Notre personnel de support intervient &eacute;galement r&eacute;guli&egrave;rement sur ce
forum.
Section T&eacute;l&eacute;chargement
: via Download, vous pouvez acc&eacute;der gratuitement aux mises &agrave; jour, aux am&eacute;liorations et aux correctifs
(Patchs). Nous avons les solutions &agrave; la plupart des probl&egrave;mes que vous pouvez rencontrer et ils peuvent
&ecirc;tre r&eacute;solus en t&eacute;l&eacute;chargeant le tout dernier correctif. Outre ces correctifs, les assistants vous permettront
de v&eacute;rifier et d'optimiser votre syst&egrave;me.
Liens
: dans la liste des liens, vous trouverez les adresses de contact des principaux fabricants de mat&eacute;riel
informatique.
Notre hotline francophone vous accueille du lundi au vendredi de 10 &agrave; 13h et de 14 &agrave; 17 heures (CET)
(sauf jours f&eacute;ri&eacute;s) aux num&eacute;ros suivants :
 Depuis la France : 01.82.88.03.19
 Depuis le Canada (Montr&eacute;al) : 1-514-907-3163 (en HNE, les horaires sont approximativement
de 04 &agrave; 07h et de 08 &agrave; 11 heures)
 Depuis la Belgique (Bruxelles) : 02/8080520
 Depuis la Suisse (Gen&egrave;ve) : 0315500965
Cliquez sur le lien ci-dessous pour obtenir un code d'acc&egrave;s &agrave; l'assistance technique par t&eacute;l&eacute;phone :
http://support.magix.net/phone
Courrier
: MAGIX Development Support, Postfach 20 09 14, 01194 Dresden, Allemagne
Veuillez pr&eacute;parer les renseignements suivants :
 Version du programme
 D&eacute;tails de configuration (syst&egrave;me d'exploitation, processeur, m&eacute;moire, disque dur...)
 Configuration de la carte son (type, logiciel)
 Informations concernant d'autres logiciels install&eacute;s
Page 2
Introduction
La majorit&eacute; des sites Internet sont graphiques. La pr&eacute;sentation de votre site est tr&egrave;s importante. Vous
voulez que votre site renvoie une image professionnelle et comp&eacute;tente. Selon nous, vous n'avez pas &agrave;
utiliser plusieurs outils diff&eacute;rents (logiciels graphiques et HTML) pour cr&eacute;er votre site Internet. Nous
pensons que vous devez avoir la libert&eacute; totale d'ajouter n'importe quel texte, graphismes ou photos
partout sur la page.
Dans un site Internet, la pr&eacute;sentation graphique importe autant que le contenu.
Cr&eacute;er des sites Internet devrait &ecirc;tre comme cr&eacute;er des fichiers PDF, vous ne devriez pas avoir besoin de
savoir quoi que ce soit de ce qui se passe &laquo; sous le capot &raquo;. Vous ne vous attendriez pas &agrave; &eacute;diter
directement le fichier PDF. De la m&ecirc;me fa&ccedil;on, vous ne devriez pas avoir besoin de savoir ou m&ecirc;me de
voir le code HTML qui vous permet de cr&eacute;er votre site.
D&eacute;marrer avec Xtreme Web Designer 5
En cliquant sur l'onglet Contenu de ce guide d'aide, vous trouverez une description d&eacute;taill&eacute;e de tous les
Outils, Galeries, Menus et Barre de contr&ocirc;le. Vous pouvez aussi cliquer sur l'index pour faire une
recherche par mot-cl&eacute;.
D&eacute;marrer avec Xtreme Web Designer 5
.
Regarder les vid&eacute;os de d&eacute;monstration
Plus d'aide
logiciel cr&eacute;&eacute; et d&eacute;velopp&eacute; par Xara Group Ltd. Pour de plus amples informations sur Xara et ses
produits, veuillez cliquer ici
ou visitez notre site Internet :
http://www.xara.com/
&copy;1995-2009 Xara Group Ltd.
La police Geotype est utilis&eacute;e avec la permission de Gary Bouton et demeure la possession de &copy; Gary
Bouton, voir www.theboutons.com
Les autres polices sont fournies par des tiers qui en conservent les droits. Les droits d'auteur sont dans
tous les cas r&eacute;serv&eacute;s par Xara ou les propri&eacute;taires respectifs et tombent sous la protection de la
r&eacute;glementation internationale sur les droits d'auteur.
Page 3
Les contenus de cette documentation et le logiciel Xtreme Web Designer 5 associ&eacute; sont la propri&eacute;t&eacute; du
Xara Group Ltd et sont prot&eacute;g&eacute;s par des droits d'auteurs. Toute reproduction totale ou partielle est
strictement interdite. Pour des copies du logiciel, contactez Xara Group Ltd
. Conditions d'utilisation de Xtreme Web Designer 5.
Xara est une marque d&eacute;pos&eacute;e de Xara Group Ltd.
Voir tous les remerciements
Derni&egrave;re mise &agrave; jour : 28.09.2009
Page 4
D&eacute;marrer avec Xtreme Web Designer 5
En cliquant sur l'onglet Contenu de ce guide d'aide, vous trouverez une description d&eacute;taill&eacute;e de tous les
Outils, Galeries, Menus et Barre de contr&ocirc;le. Vous pouvez aussi cliquer sur l'index pour faire une
recherche par mot-cl&eacute;.
D&eacute;marrer avec Xtreme Web Designer 5
.
Regarder les vid&eacute;os de d&eacute;monstration
Plus d'aide
logiciel cr&eacute;&eacute; et d&eacute;velopp&eacute; par Xara Group Ltd. Pour de plus amples informations sur Xara et ses
produits, veuillez cliquer ici
ou visitez notre site Internet :
http://www.xara.com/
&copy;1995-2009 Xara Group Ltd.
La police Geotype est utilis&eacute;e avec la permission de Gary Bouton et demeure la possession de &copy; Gary
Bouton, voir www.theboutons.com
Les autres polices sont fournies par des tiers qui en conservent les droits. Les droits d'auteur sont dans
tous les cas r&eacute;serv&eacute;s par Xara ou les propri&eacute;taires respectifs et tombent sous la protection de la
r&eacute;glementation internationale sur les droits d'auteur.
Les contenus de cette documentation et le logiciel Xtreme Web Designer 5 associ&eacute; sont la propri&eacute;t&eacute; du
Xara Group Ltd et sont prot&eacute;g&eacute;s par des droits d'auteurs. Toute reproduction totale ou partielle est
strictement interdite. Pour des copies du logiciel, contactez Xara Group Ltd
. Conditions d'utilisation de Xtreme Web Designer 5.
Xara est une marque d&eacute;pos&eacute;e de Xara Group Ltd.
Voir tous les remerciements
Derni&egrave;re mise &agrave; jour : 28.09.2009
Page 5
Pourquoi le logiciel Web Designer est
diff&eacute;rent
Les outils de cr&eacute;ation Internet classiques sont simplement des &eacute;diteurs HTML, con&ccedil;us pour cr&eacute;er une
mise en page. Ils offrent peu de possibilit&eacute;s graphiques. Vous devez donc utiliser d'autres outils
graphiques pour cr&eacute;er la disposition graphique et des photos. Pourtant, la majorit&eacute; des sites sont
essentiellement graphiques et que le texte ne joue qu'un r&ocirc;le mineur dans la mise en page globale. En
d'autres termes, pr&egrave;s de 90 % des efforts n&eacute;cessaires &agrave; la conception d'un site Internet attrayant
concernent l'aspect graphique.
Les outils de cr&eacute;ation Internet classiques sont parfois difficiles &agrave; utiliser et s'adressent souvent aux
programmeurs. Ils proposent des fonctionnalit&eacute;s telles que l'&eacute;dition HTML et de script.
Xtreme Web Designer 5 est diff&eacute;rent. C'est d'abord un outil graphique qui offre une nouvelle approche
de la conception de sites. Il permet &agrave; l'utilisateur de placer librement ce qu'il souhaite o&ugrave; il veut sur la
page, qu'il s'agisse de textes, de photos ou de graphismes. Vous pouvez donc cr&eacute;er votre page comme
vous la voyez (mise en page WYSIWYG, What You See (dans Web Designer) is What You Get (sur la
page finale)). Toutes les fonctionnalit&eacute;s graphiques que vous souhaitez sont &agrave; votre disposition. Aucun
autre logiciel n'est n&eacute;cessaire.
De plus, vous pourrez facilement cr&eacute;er des effets interactifs courants sur Internet, comme des photos et
des graphismes pop-ups ou des effets lors du passage de la souris. Vous pouvez &eacute;galement cr&eacute;er et
inclure des Flash anim&eacute;s. Vous pouvez utiliser l'option de renvoi de texte pour renvoyer le texte autour
d'objets sur votre site ou ne pas avoir de bords droits dans votre texte, des manipulations habituellement
tr&egrave;s difficiles, m&ecirc;me pour des webmasters/d&eacute;veloppeurs HTML exp&eacute;riment&eacute;s.
Et tout cela sans &eacute;crire une seule ligne de code HTML ou de script. En effet, Web Designer n'est pas un
outil de cr&eacute;ation HTML, il ne propose pas de visualisation du code HTML ni de programmation en
Javascript. Il propose en revanche de cr&eacute;er facilement et rapidement de beaux sites sans les probl&egrave;mes et
les limites li&eacute;s &agrave; la programmation HTML.
Cela inclut une large gamme de mod&egrave;les de conception disponibles pour que vous puissiez commencer
(pages enti&egrave;res ainsi qu'un ensemble d'objets individuels, boutons, panneaux de textes, etc.).
Web Designer : un outil de maquettes rapide pour les
professionnels
Web Designer est un outil de maquettes rapide qui vous offre une flexibilit&eacute; in&eacute;dite . Pour la premi&egrave;re
fois, vous pouvez vous concentrer sur la conception de votre site Internet, sans limitation en terme de
mise en page. Web Designer vous propose tous les outils graphiques n&eacute;cessaires &agrave; la cr&eacute;ation de
graphismes optimis&eacute;s, de photos et plus encore. Il vous permet &eacute;galement de cr&eacute;er du code HTML
compatible avec tous les navigateurs, toutes les plateformes et toutes les normes.
Oubliez la cr&eacute;ation de maquettes sur Photoshop. Avec Web Designer, vous pouvez cr&eacute;er des sites
Internet avanc&eacute;s et complexes, qui fonctionnent vraiment avec du code HTML, &agrave; partir de z&eacute;ro. En un
clic, recolorez l'int&eacute;gralit&eacute; du site, cr&eacute;ez des effets de souris tr&egrave;s simples et des pop-ups. C'est un
v&eacute;ritable environnement de composition orient&eacute; objet et vectoriel. Il produit des designs en CSS
multi-navigateurs et compatibles en XHTML (Les calques de Web Designer sont directement reli&eacute;s aux
calques CSS).
Page 6
Web Designer : un outil de maquettes rapide pour les
professionnels
Web Designer est un outil de maquettes rapide qui vous offre une flexibilit&eacute; in&eacute;dite . Pour la premi&egrave;re
fois, vous pouvez vous concentrer sur la conception de votre site Internet, sans limitation en terme de
mise en page. Web Designer vous propose tous les outils graphiques n&eacute;cessaires &agrave; la cr&eacute;ation de
graphismes optimis&eacute;s, de photos et plus encore. Il vous permet &eacute;galement de cr&eacute;er du code HTML
compatible avec tous les navigateurs, toutes les plateformes et toutes les normes.
Oubliez la cr&eacute;ation de maquettes sur Photoshop. Avec Web Designer, vous pouvez cr&eacute;er des sites
Internet avanc&eacute;s et complexes, qui fonctionnent vraiment avec du code HTML, &agrave; partir de z&eacute;ro. En un
clic, recolorez l'int&eacute;gralit&eacute; du site, cr&eacute;ez des effets de souris tr&egrave;s simples et des pop-ups. C'est un
v&eacute;ritable environnement de composition orient&eacute; objet et vectoriel. Il produit des designs en CSS
multi-navigateurs et compatibles en XHTML (Les calques de Web Designer sont directement reli&eacute;s aux
calques CSS).
Page 7
Un site Internet en six &eacute;tapes
Pour ceux dont la capacit&eacute; de concentration est limit&eacute;e (la plupart d'entre nous), il est possible de
d&eacute;couvrir les principaux avantages de Web Designer rien qu'en suivant les instructions lors de l'ouverture
du premier document au d&eacute;marrage de Web Designer. Vous pouvez ainsi d&eacute;couvrir le logiciel et cr&eacute;er en
m&ecirc;me temps votre site Internet. Vous trouverez &eacute;galement ce mod&egrave;le dans la Galerie des mod&egrave;les.
Cliquez sur le bouton, ouvrez la rubrique Introduction
et double-cliquez sur le premier document.
Vous apprendrez comment modifier les couleurs de votre site Internet, &eacute;diter le texte, glisser-d&eacute;poser
des photos, d&eacute;placer des objets sur la page et plus encore.
Annuler
Rappelez-vous que vous pouvez annuler tout changement en cliquant sur
le bouton Annuler ou en faisant Ctrl+Z. En maintenant la touche
enfonc&eacute;e, vous pouvez revenir sur toutes les actions effectu&eacute;es depuis le
d&eacute;but.
Page 8
Ouvrir l'aide
Si vous avez besoin d'aide pour l'utilisation de ce programme, vous trouverez ici des sources qui
pourront vous &ecirc;tre utiles...
 Pogramme d'aide. Choisissez un th&egrave;me d'aide du menu Aide pour ouvrir l'aide de MAGIX
Xtreme Graphic Designer (comprend des centaines de pages d'informations).
 Barre d'&eacute;tat. Lisez le texte de la barre d'&eacute;tat situ&eacute; en haut de la fen&ecirc;tre principale de MAGIX
Xtreme Graphic Designer. Il indique quelles actions sont possibles et leur effet, et ce m&ecirc;me
pendant les d&eacute;placements d'objets, ce qui est id&eacute;al pour apprendre &agrave; ma&icirc;triser les outils MAGIX
Xtreme Graphic Designer. Il fournit aussi des d&eacute;tails sur le r&ocirc;le des boutons lorsque vous placez
le curseur sur ces derniers. Voir Barre d'&Eacute;tat pour plus d'informations.
 Infobulles. Si vous placez le curseur sur un bouton ou une commande, un petit message va
appara&icirc;tre pendant quelques instants et vous indiquer le r&ocirc;le de ce bouton ou de cette
commande.
 Menus. Si vous voulez conna&icirc;tre le r&ocirc;le d'un &eacute;l&eacute;ment du menu, s&eacute;lectionnez-le et appuyer sur
F1.
 Bo&icirc;tes de dialogue. Si vous voulez conna&icirc;tre le r&ocirc;le d'une bo&icirc;te de dialogue ou savoir comment
l'utiliser, cliquez sur le bouton Aide.
 Vid&eacute;os. Vous disposez de plus de 80 vid&eacute;os de d&eacute;monstration afin de profiter au mieux de
Xtreme Web Designer 5. S&eacute;lectionnez Vid&eacute;os dans le menu Aide pour voir la liste des vid&eacute;os
disponibles.
 Forums TalkGraphics. Vous pouvez &agrave; cet endroit &eacute;changer des conseils et des id&eacute;es, poser
des questions ou proposer des solutions &agrave; d'autres utilisateurs de Xara Xtrem :
http://www.talkgraphics.com (vous y trouverez &eacute;galement d'autres forums sur les graphiques)
 Xara Xone. Visitez Xara Xone (http://www.xaraxone.com/) pour acc&eacute;der &agrave; un grand nombre
d'excellentes ressources support MAGIX Xtreme Graphic Designer, comprenant plus de dix ans
de tutoriels MAGIX Xtreme Graphic Designer, des conseils et astuces, et un shareware Xara.
 Newsletter The Outsider. Inscrivez-vous et recevez tous les mois notre newsletter The
Outsider (tutoriels mensuels, conseils, offres sp&eacute;ciales, inspirations et plus encore).
Dans ce chapitre
Infos du document
&Agrave; propos de Xtreme
Infos du document
Fichier -&gt; Infos du document
Vous permet de consulter diverses informations sur le document s&eacute;lectionn&eacute;, comme sa taille et les
polices utilis&eacute;es. Il s'agit d'une fonction utile pour v&eacute;rifier si vous disposez de toutes les polices requises
pour un affichage correct du document.
Tous les commentaires sont sauvegard&eacute;s avec le fichier. Ces commentaires seront alors affich&eacute;s chaque
fois que vous affichez la bo&icirc;te de dialogue Infos du document.
&Agrave; propos de Xtreme
Allez sous Aide &gt; &Agrave; propos de Xtreme Web Designer 5
. Des informations g&eacute;n&eacute;rales concernant le programme sont affich&eacute;es. Ces informations pourront
&eacute;ventuellement vous &ecirc;tre demand&eacute;es lorsque vous contactez notre &eacute;quipe d'assistance.
Page 9
Infos du document
Fichier -&gt; Infos du document
Vous permet de consulter diverses informations sur le document s&eacute;lectionn&eacute;, comme sa taille et les
polices utilis&eacute;es. Il s'agit d'une fonction utile pour v&eacute;rifier si vous disposez de toutes les polices requises
pour un affichage correct du document.
Tous les commentaires sont sauvegard&eacute;s avec le fichier. Ces commentaires seront alors affich&eacute;s chaque
fois que vous affichez la bo&icirc;te de dialogue Infos du document.
&Agrave; propos de Xtreme
Allez sous Aide &gt; &Agrave; propos de Xtreme Web Designer 5
. Des informations g&eacute;n&eacute;rales concernant le programme sont affich&eacute;es. Ces informations pourront
&eacute;ventuellement vous &ecirc;tre demand&eacute;es lorsque vous contactez notre &eacute;quipe d'assistance.
Page 10
&Agrave; propos de Xtreme
Allez sous Aide &gt; &Agrave; propos de Xtreme Web Designer 5
. Des informations g&eacute;n&eacute;rales concernant le programme sont affich&eacute;es. Ces informations pourront
&eacute;ventuellement vous &ecirc;tre demand&eacute;es lorsque vous contactez notre &eacute;quipe d'assistance.
Page 11
D&eacute;marrage
Cette section vous donne un aper&ccedil;u des principales fonctionnalit&eacute;s de Web Designer. Les sections
suivantes d&eacute;taillent plus pr&eacute;cis&eacute;ment chaque outil.
Dans ce chapitre
Mise en page du logiciel
Objets de la page
Conception de sites web orient&eacute;s objet
L'outil S&eacute;lection
Pr&eacute;visualisation de votre site Internet
Utiliser des mod&egrave;les de conception et des Cliparts
Couleurs du site Internet
Photos
Texte
Taille de la page
Enregistrer votre travail. Cr&eacute;er un site Internet
Objets extensibles
Groupes
Liens, boutons et barre de boutons
Outils de dessin
Calques, survol de souris &amp; fen&ecirc;tres pop-up
Cr&eacute;er des boutons, des banni&egrave;res et d'autres graphismes Web
Publier votre site Internet
Int&eacute;gration de YouTube, Flash et autres accessoires
Page 12
Mise en page du logiciel
Les points de contr&ocirc;le les plus importants sont mis en avant
La barre du haut contient sept boutons li&eacute;s aux fonctionnalit&eacute;s du site Internet.
Il y a deux mani&egrave;res de cr&eacute;er un nouveau site Internet. Vous pouvez commencer avec un mod&egrave;le de
conception pr&eacute;d&eacute;fini puis le modifier avec votre propre texte, vos photos et votre gamme de couleur.
Vous pouvez &eacute;galement cr&eacute;er votre site Internet en partant de z&eacute;ro et en disposant tous les &eacute;l&eacute;ments
requis, le texte, les graphismes et les photos o&ugrave; vous voulez sur la page.
Zoomer / Faire d&eacute;filer / D&eacute;placer votre page
Ces op&eacute;rations courantes peuvent &ecirc;tre r&eacute;alis&eacute;es tr&egrave;s facilement :
 Pour zoomer en avant ou en arri&egrave;re, maintenez la touche Ctrl enfonc&eacute;e tout en d&eacute;pla&ccedil;ant la
molette de la souris
 Pour d&eacute;placer la page, pressez la molette de la souris et appuyez (c'est &eacute;galement un bouton)
 Pour faire d&eacute;filer, utilisez la molette de la souris (ou la barre de d&eacute;filement)
Page 13
Toutes les pages de votre site Internet sont
pr&eacute;sent&eacute;es les unes en dessous des autres,
comme dans un logiciel de traitement de texte.
Vous pouvez ainsi visualiser l'int&eacute;gralit&eacute; de
votre site Internet, notamment en zoom
arri&egrave;re. De cette fa&ccedil;on, vous pouvez
glisser-d&eacute;poser des &eacute;l&eacute;ments entre les pages.
Lorsque vous modifiez les couleurs de
l'int&eacute;gralit&eacute; du mod&egrave;le du site, vous pouvez
voir comment ces modifications affectent
toutes les pages.
La page actuelle est marqu&eacute;e par quatre
crochets.
Dans cet exemple, vous pouvez voir que
certains objets ont &eacute;t&eacute; plac&eacute;s dans le
pasteboard situ&eacute; sous les pages. Ils ne sont
pas export&eacute;s dans votre site Internet.
Le pasteboard est utile pour stocker
temporairement ou travailler sur des
graphismes, des photos ou d'autres objets.
Page 14
Zoomer / Faire d&eacute;filer / D&eacute;placer votre page
Ces op&eacute;rations courantes peuvent &ecirc;tre r&eacute;alis&eacute;es tr&egrave;s facilement :
 Pour zoomer en avant ou en arri&egrave;re, maintenez la touche Ctrl enfonc&eacute;e tout en d&eacute;pla&ccedil;ant la
molette de la souris
 Pour d&eacute;placer la page, pressez la molette de la souris et appuyez (c'est &eacute;galement un bouton)
 Pour faire d&eacute;filer, utilisez la molette de la souris (ou la barre de d&eacute;filement)
Toutes les pages de votre site Internet sont
pr&eacute;sent&eacute;es les unes en dessous des autres,
comme dans un logiciel de traitement de texte.
Vous pouvez ainsi visualiser l'int&eacute;gralit&eacute; de
votre site Internet, notamment en zoom
arri&egrave;re. De cette fa&ccedil;on, vous pouvez
glisser-d&eacute;poser des &eacute;l&eacute;ments entre les pages.
Lorsque vous modifiez les couleurs de
l'int&eacute;gralit&eacute; du mod&egrave;le du site, vous pouvez
voir comment ces modifications affectent
toutes les pages.
La page actuelle est marqu&eacute;e par quatre
crochets.
Dans cet exemple, vous pouvez voir que
certains objets ont &eacute;t&eacute; plac&eacute;s dans le
pasteboard situ&eacute; sous les pages. Ils ne sont
pas export&eacute;s dans votre site Internet.
Le pasteboard est utile pour stocker
temporairement ou travailler sur des
graphismes, des photos ou d'autres objets.
Page 15
Objets de la page
Lorsque vous personnalisez un mod&egrave;le de conception ou cr&eacute;ez vos propres graphismes, vous pouvez
les faire pivoter, les redimensionner et les positionner l&agrave; o&ugrave; vous le souhaitez. Vous pouvez facilement
redimensionner les pages &agrave; la taille souhait&eacute;e et en ajouter de nouvelles. Certaines fonctionnalit&eacute;s, comme
la modification des sch&eacute;mas de couleur, s'appliquent simultan&eacute;ment &agrave; toutes les pages.
Il existe trois types d'&eacute;l&eacute;ments de page de base :
 Texte : gr&acirc;ce &agrave; l'outil Texte, vous pouvez tout cr&eacute;er, du titre contenant un seul mot &agrave; des
colonnes de texte ou m&ecirc;me des blocs de textes successifs. L'outil de texte Barre d'infos vous
permet de contr&ocirc;ler la police, la taille, l'interligne et d'autres &eacute;l&eacute;ments. Vous pouvez
redimensionner le texte en utilisant l'outil S&eacute;lection ou en s&eacute;lectionnant le texte comme vous le
faites habituellement et en choisissant une autre taille de points ou de pixels. Vous pouvez m&ecirc;me
faire pivoter le texte dans tous les sens. En utilisant la fonction Renvoi de texte, vous pourrez
automatiquement disposer le texte autour d'objets, comme des photos.
 Graphismes : Tous les logos, titres et la plupart des boutons qui apparaissent sur votre site
Internet sont des graphismes. Web Designer est un logiciel de graphisme vectoriel, ce qui veut
dire que vous pouvez modifier la forme, faire pivoter et redimensionner vos objets graphiques
sans perdre de leur qualit&eacute;, contrairement aux outils d'&eacute;dition photo en pixels comme
Photoshop). Bien qu'il n'y ait pas de normes pour les graphismes vectoriels pour les pages
Internet (pour les sites Internet, tous les graphismes doivent &ecirc;tre aux formats JPG, GIF ou PNG),
Web Designer choisit automatiquement le bon format et la bonne r&eacute;solution. Par exemple, si vous
souhaitez cr&eacute;er un panneau color&eacute; &agrave; placer derri&egrave;re votre texte, vous y parviendrez en dessinant
un objet rectangulaire ou arrondi sur la page et en le pla&ccedil;ant derri&egrave;re votre texte. Lorsque vous
enregistrez votre site Internet, il est automatiquement converti en image PNG &agrave; la bonne
r&eacute;solution.
 Photos : Il y a peu de sites Internet qui ne contiennent pas de photos. Xtreme Web Designer 5
propose une large gamme d'outils d'&eacute;dition de photos. Vous pouvez glisser-d&eacute;poser des photos
directement de votre appareil ou de votre explorateur Window sur la page, les faire pivoter, les
mettre en avant, les recadrer et Web Designer g&eacute;n&egrave;re automatiquement une image en JPG avec
la bonne r&eacute;solution. Remplacer les photos existantes dans les mod&egrave;les de conception est aussi
facile que glisser-d&eacute;placer et vous pouvez tr&egrave;s facilement modifier la taille et l'angle des photos
&laquo; &agrave; l'int&eacute;rieur &raquo; de leur cadre. &Agrave; partir des photos, vous pouvez aussi cr&eacute;er des onglets cliquables
qui s'afficheront en version agrandie.
Il existe un quatri&egrave;me type d'objet, un type sp&eacute;cifique de graphisme, l'emplacement d'objet :
 Emplacement d'objet : Il s'agit des objets graphiques de la page qui seront remplac&eacute;s dans la
version finale du site par d'autres &eacute;l&eacute;ments comme des animations Flash, des vid&eacute;os Youtube,
des snippets HTML et d'autres objets externes.
Page 16
Conception de sites web orient&eacute;s objet
Tous les types d'&eacute;l&eacute;ments d&eacute;crits pr&eacute;c&eacute;demment sont d&eacute;sign&eacute;s comme objets.
L'un des avantages sp&eacute;cifiques de Web Designer est que vous avez l'enti&egrave;re libert&eacute; de disposer n'importe
quel objet sur la page. Il r&eacute;appara&icirc;tra de la m&ecirc;me fa&ccedil;on sur votre site Internet.
L'outil de S&eacute;lection
peut servir &agrave; s&eacute;lectionner n'importe quel objet sur la page. Il permet
&eacute;galement de d&eacute;placer (en les faisant glisser), de redimensionner et de
faire pivoter les objets.
Vous pouvez modifier l'ordre d'apparition (&agrave; savoir le fait qu'un objet apparaisse devant ou derri&egrave;re
d'autres objets de la page) en utilisant les options du menu Arranger. Gr&acirc;ce &agrave; l'outil de S&eacute;lection, vous
pouvez redimensionner des objets en tirant sur les poign&eacute;es situ&eacute;es dans les angles. Vous pouvez faire
pivoter un objet simplement en tirant les poign&eacute;es situ&eacute;es dans les angles internes. Comme les sites
Internet ne supportent pas le texte pivot&eacute;, Web Designer cr&eacute;&eacute; automatiquement l'image appropri&eacute;e pour
que le r&eacute;sultat final soit conforme &agrave; votre disposition.
Pour ajouter du texte &agrave; votre site Internet, s&eacute;lectionnez l' outil Texte
puis cliquez sur la page et saisissez votre texte.
Vous pouvez &eacute;galement cr&eacute;er des colonnes ou des zones de texte en cliquant et en faisant glisser le texte
horizontalement dans l'outil Texte. Voir la rubrique Texte ci-dessous pour plus de d&eacute;tails et le chapitre
Utilisation du texte
pour une description compl&egrave;te des fonctions Texte de Xtreme Web Designer 5
Vous pouvez utiliser les outils de dessin pour cr&eacute;er des
rectangles, des rectangles aux bords arrondis, des cercles et
des ellipses ainsi que d'autres formes de votre choix en utilisant
l'outil de Changement de formes. Voir la rubrique outils de
Dessin
pour plus de d&eacute;tails.
Ordre d'apparition
Tous les objets de la page sont plac&eacute;s les uns au-dessus des autres. L'objet dessin&eacute; ou cr&eacute;&eacute; le plus
r&eacute;cent est toujours au-dessus, c'est-&agrave;-dire devant les autres. Vous pouvez modifier l'ordre d'apparition
en utilisant les options du menu Arranger
.
Ainsi, lorsque vous dessinez un nouveau rectangle, il recouvre toujours tous les objets derri&egrave;re lui. Vous
pouvez le placer derri&egrave;re un autre objet en pressant les touches Ctrl+B (ou dans le menu Arranger
-&gt;D&eacute;placer vers l'arri&egrave;re
). De la m&ecirc;me fa&ccedil;on, la combinaison Ctrl+F place l'objet s&eacute;lectionn&eacute; au-dessus des autres.
Un autre point probl&eacute;matique : les Calques. Tous les objets sont rassembl&eacute;s dans des Calques nomm&eacute;s
et l'arborescence de chacun d'entre eux peut &ecirc;tre d&eacute;pli&eacute;e ou repli&eacute;e afin d'afficher ou de masquer son
contenu. Voir la rubrique Calques
ci-dessous pour plus d'informations.
Page 17
Ordre d'apparition
Tous les objets de la page sont plac&eacute;s les uns au-dessus des autres. L'objet dessin&eacute; ou cr&eacute;&eacute; le plus
r&eacute;cent est toujours au-dessus, c'est-&agrave;-dire devant les autres. Vous pouvez modifier l'ordre d'apparition
en utilisant les options du menu Arranger
.
Ainsi, lorsque vous dessinez un nouveau rectangle, il recouvre toujours tous les objets derri&egrave;re lui. Vous
pouvez le placer derri&egrave;re un autre objet en pressant les touches Ctrl+B (ou dans le menu Arranger
-&gt;D&eacute;placer vers l'arri&egrave;re
). De la m&ecirc;me fa&ccedil;on, la combinaison Ctrl+F place l'objet s&eacute;lectionn&eacute; au-dessus des autres.
Un autre point probl&eacute;matique : les Calques. Tous les objets sont rassembl&eacute;s dans des Calques nomm&eacute;s
et l'arborescence de chacun d'entre eux peut &ecirc;tre d&eacute;pli&eacute;e ou repli&eacute;e afin d'afficher ou de masquer son
contenu. Voir la rubrique Calques
ci-dessous pour plus d'informations.
Page 18
L'outil S&eacute;lection
Il s'agit d'un outil classique qui vous permet de s&eacute;lectionner, d&eacute;placer,
redimensionner et faire pivoter tous les objets de votre page Internet.
Toutes ces manipulations peuvent &ecirc;tre effectu&eacute;es simplement en faisant glisser les objets sur la page ou en
tirant les poign&eacute;es de s&eacute;lection autour de l'objet. Vous pouvez &eacute;galement entrer des valeurs num&eacute;riques
pr&eacute;cises. L'objet s&eacute;lectionn&eacute; s'affiche avec 4 ou 8 poign&eacute;es situ&eacute;es &agrave; l'ext&eacute;rieur de sa bordure. La ligne
de statut situ&eacute;e en bas de l'&eacute;cran vous informe &eacute;galement sur l'objet s&eacute;lectionn&eacute;.
Pour redimensionner un objet, tirez sur les poign&eacute;es situ&eacute;es dans les angles de l'objet. Tirez les poign&eacute;es
internes (voir ci-contre) pour le faire pivoter. Les rectangles et les rectangles &agrave; bords arrondis ont huit
poign&eacute;es qui vous permettent de les &eacute;tirer ou de les redimensionner. Les autres objets, comme les
groupes, les blocs de texte et les photos n'ont que quatre poign&eacute;es et ne peuvent pas &ecirc;tre &eacute;tir&eacute;s (ils
risquent de se tordre).
Avancer les objets
La touche fl&eacute;ch&eacute;e peut &ecirc;tre utilis&eacute;e pour avancer l'objet s&eacute;lectionn&eacute; pixel par pixel. Si vous maintenez la
touche Majuscule enfonc&eacute;e, les objets avancent par groupes de 10 pixels &agrave; la fois.
Faire pivoter les objets
Il existe deux fa&ccedil;ons de faire pivoter un objet. La premi&egrave;re consiste &agrave; cliquer sur l' objet deux fois pour
que les poign&eacute;es de s&eacute;lection deviennent des poign&eacute;es de rotation que vous pourrez utiliser pour faire
pivoter l'objet. La deuxi&egrave;me fa&ccedil;on consiste &agrave; placer le curseur de la souris dans les poign&eacute;es situ&eacute;es dans
les angles (poign&eacute;es de s&eacute;lection) jusqu'&agrave; ce que le curseur se transforme en indicateur de rotation :
vous pouvez alors faire pivoter l'objet s&eacute;lectionn&eacute;.
Exceptionnel : vous pouvez faire pivoter tout ce que vous voulez dans Web Designer, y compris des
photos, des titres et m&ecirc;me des blocs de texte. Puisque les navigateurs Internet ne peuvent afficher de
texte &agrave; un angle, Web Designer convertira automatiquement tout texte qu'on aura fait pivoter en des
graphiques lors de l'exportation vers un site Internet
Barre d'infos
Lorsqu'un objet est s&eacute;lectionn&eacute;, la Barre d'infos situ&eacute;e juste au-dessus de votre document vous montre
toutes les fonctionnalit&eacute;s utiles pour cet outil. Cette barre change en fonction de l'outil que vous avez
choisi. Voici la Barre d'infos de l'outil de S&eacute;lection :
La Barre d'infos situ&eacute;e juste au-dessus de votre document vous permet de voir les fonctionnalit&eacute;s de
l'outil s&eacute;lectionn&eacute;.
Il est possible de saisir des valeurs num&eacute;riques dans tous les champs. Par exemple, pour r&eacute;duire la taille
d'un objet de 20 %, vous pouvez entrer 80 % dans le champ appropri&eacute; (qui est une taille en
pourcentage). Le petit cadenas d&eacute;finit si la largeur et la longueur changent simultan&eacute;ment.
Page 19
Copier des objets
Vous pouvez utiliser la combinaison classique Copier (Ctrl+C) -Coller (Ctrl+V). Une autre mani&egrave;re tr&egrave;s
rapide de copier un objet est de cliquer dessus avec le bouton droit de la souris.
Page 20
Avancer les objets
La touche fl&eacute;ch&eacute;e peut &ecirc;tre utilis&eacute;e pour avancer l'objet s&eacute;lectionn&eacute; pixel par pixel. Si vous maintenez la
touche Majuscule enfonc&eacute;e, les objets avancent par groupes de 10 pixels &agrave; la fois.
Faire pivoter les objets
Il existe deux fa&ccedil;ons de faire pivoter un objet. La premi&egrave;re consiste &agrave; cliquer sur l' objet deux fois pour
que les poign&eacute;es de s&eacute;lection deviennent des poign&eacute;es de rotation que vous pourrez utiliser pour faire
pivoter l'objet. La deuxi&egrave;me fa&ccedil;on consiste &agrave; placer le curseur de la souris dans les poign&eacute;es situ&eacute;es dans
les angles (poign&eacute;es de s&eacute;lection) jusqu'&agrave; ce que le curseur se transforme en indicateur de rotation :
vous pouvez alors faire pivoter l'objet s&eacute;lectionn&eacute;.
Exceptionnel : vous pouvez faire pivoter tout ce que vous voulez dans Web Designer, y compris des
photos, des titres et m&ecirc;me des blocs de texte. Puisque les navigateurs Internet ne peuvent afficher de
texte &agrave; un angle, Web Designer convertira automatiquement tout texte qu'on aura fait pivoter en des
graphiques lors de l'exportation vers un site Internet
Barre d'infos
Lorsqu'un objet est s&eacute;lectionn&eacute;, la Barre d'infos situ&eacute;e juste au-dessus de votre document vous montre
toutes les fonctionnalit&eacute;s utiles pour cet outil. Cette barre change en fonction de l'outil que vous avez
choisi. Voici la Barre d'infos de l'outil de S&eacute;lection :
La Barre d'infos situ&eacute;e juste au-dessus de votre document vous permet de voir les fonctionnalit&eacute;s de
l'outil s&eacute;lectionn&eacute;.
Il est possible de saisir des valeurs num&eacute;riques dans tous les champs. Par exemple, pour r&eacute;duire la taille
d'un objet de 20 %, vous pouvez entrer 80 % dans le champ appropri&eacute; (qui est une taille en
pourcentage). Le petit cadenas d&eacute;finit si la largeur et la longueur changent simultan&eacute;ment.
Copier des objets
Vous pouvez utiliser la combinaison classique Copier (Ctrl+C) -Coller (Ctrl+V). Une autre mani&egrave;re tr&egrave;s
rapide de copier un objet est de cliquer dessus avec le bouton droit de la souris.
Page 21
Faire pivoter les objets
Il existe deux fa&ccedil;ons de faire pivoter un objet. La premi&egrave;re consiste &agrave; cliquer sur l' objet deux fois pour
que les poign&eacute;es de s&eacute;lection deviennent des poign&eacute;es de rotation que vous pourrez utiliser pour faire
pivoter l'objet. La deuxi&egrave;me fa&ccedil;on consiste &agrave; placer le curseur de la souris dans les poign&eacute;es situ&eacute;es dans
les angles (poign&eacute;es de s&eacute;lection) jusqu'&agrave; ce que le curseur se transforme en indicateur de rotation :
vous pouvez alors faire pivoter l'objet s&eacute;lectionn&eacute;.
Exceptionnel : vous pouvez faire pivoter tout ce que vous voulez dans Web Designer, y compris des
photos, des titres et m&ecirc;me des blocs de texte. Puisque les navigateurs Internet ne peuvent afficher de
texte &agrave; un angle, Web Designer convertira automatiquement tout texte qu'on aura fait pivoter en des
graphiques lors de l'exportation vers un site Internet
Barre d'infos
Lorsqu'un objet est s&eacute;lectionn&eacute;, la Barre d'infos situ&eacute;e juste au-dessus de votre document vous montre
toutes les fonctionnalit&eacute;s utiles pour cet outil. Cette barre change en fonction de l'outil que vous avez
choisi. Voici la Barre d'infos de l'outil de S&eacute;lection :
La Barre d'infos situ&eacute;e juste au-dessus de votre document vous permet de voir les fonctionnalit&eacute;s de
l'outil s&eacute;lectionn&eacute;.
Il est possible de saisir des valeurs num&eacute;riques dans tous les champs. Par exemple, pour r&eacute;duire la taille
d'un objet de 20 %, vous pouvez entrer 80 % dans le champ appropri&eacute; (qui est une taille en
pourcentage). Le petit cadenas d&eacute;finit si la largeur et la longueur changent simultan&eacute;ment.
Copier des objets
Vous pouvez utiliser la combinaison classique Copier (Ctrl+C) -Coller (Ctrl+V). Une autre mani&egrave;re tr&egrave;s
rapide de copier un objet est de cliquer dessus avec le bouton droit de la souris.
Page 22
Barre d'infos
Lorsqu'un objet est s&eacute;lectionn&eacute;, la Barre d'infos situ&eacute;e juste au-dessus de votre document vous montre
toutes les fonctionnalit&eacute;s utiles pour cet outil. Cette barre change en fonction de l'outil que vous avez
choisi. Voici la Barre d'infos de l'outil de S&eacute;lection :
La Barre d'infos situ&eacute;e juste au-dessus de votre document vous permet de voir les fonctionnalit&eacute;s de
l'outil s&eacute;lectionn&eacute;.
Il est possible de saisir des valeurs num&eacute;riques dans tous les champs. Par exemple, pour r&eacute;duire la taille
d'un objet de 20 %, vous pouvez entrer 80 % dans le champ appropri&eacute; (qui est une taille en
pourcentage). Le petit cadenas d&eacute;finit si la largeur et la longueur changent simultan&eacute;ment.
Copier des objets
Vous pouvez utiliser la combinaison classique Copier (Ctrl+C) -Coller (Ctrl+V). Une autre mani&egrave;re tr&egrave;s
rapide de copier un objet est de cliquer dessus avec le bouton droit de la souris.
Page 23
Copier des objets
Vous pouvez utiliser la combinaison classique Copier (Ctrl+C) -Coller (Ctrl+V). Une autre mani&egrave;re tr&egrave;s
rapide de copier un objet est de cliquer dessus avec le bouton droit de la souris.
Page 24
Pr&eacute;visualisation de votre site Internet
Cliquez sur le bouton Exporter &amp; Pr&eacute;visualiser
dans la barre du haut. Une fen&ecirc;tre de votre navigateur s'ouvre alors pour
vous montrer l'aspect de votre site Internet final.
Lorsque vous cr&eacute;ez votre site Internet dans Web Designer, votre document de travail affiche une
pr&eacute;visualisation statique pr&eacute;cise. Cependant, pour v&eacute;rifier le comportement des pop-ups, des effets de
souris et des animations en Flash, il est n&eacute;cessaire d'effectuer une pr&eacute;visualisation en passant par votre
navigateur.
Remarque
: Cette pr&eacute;visualisation interne utilise une version simplifi&eacute;e de Internet Explorer.
Pour pr&eacute;visualiser votre site Internet dans diff&eacute;rents navigateurs, exportez
(Bouton Exporter
de la barre du haut) puis ouvrez le fichier .htm dans le navigateur de
votre choix.
Vous pouvez &eacute;galement faire un clic droit sur le fichier et s&eacute;lectionner &laquo; Ouvrir avec...&raquo; ou simplement
glisser-d&eacute;poser le fichier dans la fen&ecirc;tre ouverte de votre navigateur. Une fois que vous avez export&eacute; le
fichier, l'exportation se met &agrave; jour automatiquement d&egrave;s que vous cliquez sur Pr&eacute;visualiser. Il suffit donc
simplement de cliquer sur le bouton Recharger de votre navigateur (ou d'appuyer sur F5).
Page 25
Utiliser des mod&egrave;les de conception et des
Cliparts
Ouvrez la Galerie des mod&egrave;les en cliquant sur le bouton Galerie des
mod&egrave;les dans la barre du haut.
Des dossiers contenant une s&eacute;lection de mod&egrave;les de site Internet et des fichiers graphiques associ&eacute;s,
class&eacute;s par th&egrave;mes, s'affichent. Parcourez les dossiers puis double-cliquez pour ouvrir l'un des fichiers en
tant que nouveau document. Chaque type de mod&egrave;le s'accompagne de mises en page alternatives et
d'objets utiles comme des boutons ou des zones de texte.
Ajouter de nouvelles pages &agrave; votre site Internet
Vous pouvez utiliser n'importe quel mod&egrave;le de la Galerie de mod&egrave;les
sur votre page. S'il s'agit d'un mod&egrave;le de page, cela ajoutera une nouvelle page &agrave; votre site Internet
apr&egrave;s vous avoir demand&eacute; si vous souhaitez appliquer les changements de couleurs. Si vous glissez un
objet Clipart, comme un bouton, un titre ou une photo, il se placera sur la page &agrave; l'emplacement souhait&eacute;
puis vous devrez confirmer si les changements de couleurs doivent &ecirc;tre appliqu&eacute;s.
En plus des rubriques de pages Internet th&eacute;matiques, la Galerie de mod&egrave;les contient &eacute;galement des
r&eacute;pertoires de boutons, banni&egrave;res, titres, photos et plus encore. Il vous suffit de faire glisser l'objet
souhait&eacute; de la Galerie sur la page. Le logiciel vous demande alors si vous souhaitez que l'image suive ou
non les couleurs de votre site Internet. Si vous ne le souhaitez pas, il est toujours possible de modifier
plus tard les couleurs du graphisme import&eacute;, voir ci-dessous.
Le graphisme import&eacute; est simplement un objet suppl&eacute;mentaire sur la page et peut &ecirc;tre repositionn&eacute;,
redimensionn&eacute; et pivot&eacute; gr&acirc;ce &agrave; l'outil S&eacute;lection.
Pour ajouter une nouvelle page du m&ecirc;me mod&egrave;le, le plus simple est
d'utiliser le bouton &laquo; Copier la page &raquo; de la barre du haut.
La page actuelle est dupliqu&eacute;e en-dessous. Vous pouvez ensuite supprimer ou modifier des &eacute;l&eacute;ments
selon le besoin. Ainsi, vous pouvez garder la m&ecirc;me structure de navigation.
Vous pouvez ajouter une nouvelle page vide en s&eacute;lectionnant le menu &Eacute;dition -&gt; Pages -&gt; Nouvelle
page
.
Vous pouvez supprimer des pages en utilisant le m&ecirc;me menu Pages.
Clipart Flash
Xtreme Web Designer 5 inclut la possibilit&eacute; de cr&eacute;er enti&egrave;rement des Animations Flash (voir la rubrique
Animations Flash
) mais propose &eacute;galement un &eacute;ventail d'animations personnalisables. Les mod&egrave;les Flash ne peuvent pas
&ecirc;tre d&eacute;pos&eacute;s directement sur la page mais doivent &ecirc;tre ouvert dans un document Animations distinct o&ugrave;
vous pourrez les modifier selon vos besoins puis les enregistrer en tant que document Flash (.swf) sur
votre disque dur. Utilisez ensuite la , qui cr&eacute;&eacute; un emplacement graphique et l'associe &agrave; votre fichier Flash
(.swf).
Page 26
Ajouter de nouvelles pages &agrave; votre site Internet
Vous pouvez utiliser n'importe quel mod&egrave;le de la Galerie de mod&egrave;les
sur votre page. S'il s'agit d'un mod&egrave;le de page, cela ajoutera une nouvelle page &agrave; votre site Internet
apr&egrave;s vous avoir demand&eacute; si vous souhaitez appliquer les changements de couleurs. Si vous glissez un
objet Clipart, comme un bouton, un titre ou une photo, il se placera sur la page &agrave; l'emplacement souhait&eacute;
puis vous devrez confirmer si les changements de couleurs doivent &ecirc;tre appliqu&eacute;s.
En plus des rubriques de pages Internet th&eacute;matiques, la Galerie de mod&egrave;les contient &eacute;galement des
r&eacute;pertoires de boutons, banni&egrave;res, titres, photos et plus encore. Il vous suffit de faire glisser l'objet
souhait&eacute; de la Galerie sur la page. Le logiciel vous demande alors si vous souhaitez que l'image suive ou
non les couleurs de votre site Internet. Si vous ne le souhaitez pas, il est toujours possible de modifier
plus tard les couleurs du graphisme import&eacute;, voir ci-dessous.
Le graphisme import&eacute; est simplement un objet suppl&eacute;mentaire sur la page et peut &ecirc;tre repositionn&eacute;,
redimensionn&eacute; et pivot&eacute; gr&acirc;ce &agrave; l'outil S&eacute;lection.
Pour ajouter une nouvelle page du m&ecirc;me mod&egrave;le, le plus simple est
d'utiliser le bouton &laquo; Copier la page &raquo; de la barre du haut.
La page actuelle est dupliqu&eacute;e en-dessous. Vous pouvez ensuite supprimer ou modifier des &eacute;l&eacute;ments
selon le besoin. Ainsi, vous pouvez garder la m&ecirc;me structure de navigation.
Vous pouvez ajouter une nouvelle page vide en s&eacute;lectionnant le menu &Eacute;dition -&gt; Pages -&gt; Nouvelle
page
.
Vous pouvez supprimer des pages en utilisant le m&ecirc;me menu Pages.
Clipart Flash
Xtreme Web Designer 5 inclut la possibilit&eacute; de cr&eacute;er enti&egrave;rement des Animations Flash (voir la rubrique
Animations Flash
) mais propose &eacute;galement un &eacute;ventail d'animations personnalisables. Les mod&egrave;les Flash ne peuvent pas
&ecirc;tre d&eacute;pos&eacute;s directement sur la page mais doivent &ecirc;tre ouvert dans un document Animations distinct o&ugrave;
vous pourrez les modifier selon vos besoins puis les enregistrer en tant que document Flash (.swf) sur
votre disque dur. Utilisez ensuite la , qui cr&eacute;&eacute; un emplacement graphique et l'associe &agrave; votre fichier Flash
(.swf).
Page 27
Clipart Flash
Xtreme Web Designer 5 inclut la possibilit&eacute; de cr&eacute;er enti&egrave;rement des Animations Flash (voir la rubrique
Animations Flash
) mais propose &eacute;galement un &eacute;ventail d'animations personnalisables. Les mod&egrave;les Flash ne peuvent pas
&ecirc;tre d&eacute;pos&eacute;s directement sur la page mais doivent &ecirc;tre ouvert dans un document Animations distinct o&ugrave;
vous pourrez les modifier selon vos besoins puis les enregistrer en tant que document Flash (.swf) sur
votre disque dur. Utilisez ensuite la , qui cr&eacute;&eacute; un emplacement graphique et l'associe &agrave; votre fichier Flash
(.swf).
Page 28
Couleurs du site Internet
Tous les mod&egrave;les de conception utilisent une gamme de couleurs ainsi que de nombreuses nuances de
ces couleurs. Il est possible de les modifier tr&egrave;s rapidement et de recolorer l'int&eacute;gralit&eacute; de votre site
Internet. Ces couleurs sont appel&eacute;es &laquo; Couleurs nomm&eacute;es &raquo; et se situent sur la gauche de la Palette de
couleurs, en bas de la fen&ecirc;tre.
Il suffit simplement de cliquer sur l'une des Couleurs nomm&eacute;es et de s&eacute;lectionner l'option &Eacute;diter (si vous
passez le pointeur de la souris au-dessus de la couleur, vous verrez appara&icirc;tre l'infobulle affichant le nom
de la couleur).
Pour modifier une
couleur, vous pouvez
tirer sur l'ic&ocirc;ne pipette
pour pr&eacute;lever une
couleur de l'&eacute;cran, y
compris si elle se
trouve dans une autre
fen&ecirc;tre
S&eacute;lectionner la couleur
&agrave; modifier : Couleur de
remplissage/Palette de
couleurs de l'objet
s&eacute;lectionn&eacute; ou de l'une
des couleurs de la
Cliquez sur l'ic&ocirc;ne pour
gamme
cr&eacute;er une Couleur
nomm&eacute;e
Cliquez pour afficher les
commandes relatives aux
couleurs
Couleur pr&eacute;c&eacute;dente
Couleur r&eacute;elle
Tirez ici pour s&eacute;lectionner
une nuance de la teinte
souhait&eacute;e
Tirez ici pour s&eacute;lectionner
une teinte
L'&Eacute;diteur de couleurs vous permet de choisir facilement une couleur. Cliquez sur les Commandes
&eacute;tendues pour saisir des valeurs RGB.
Remarque : lorsque vous modifiez une gamme de couleur de cette fa&ccedil;on, toutes les nuances utilis&eacute;es dans
le document sont &eacute;galement modifi&eacute;es.
Colorer les formes
Vous pouvez remplir toutes les formes dessin&eacute;es avec une couleur, soit en tirant la couleur de la
Palette de couleurs et en la d&eacute;posant sur la forme, soit en s&eacute;lectionnant l'objet puis en cliquant sur la
Palette de couleurs et en s&eacute;lectionnant &laquo; D&eacute;finir la couleur de remplissage
&raquo;.
Page 29
Vous pouvez &eacute;galement cliquer sur l'ic&ocirc;ne &Eacute;diteur de couleurs (ou
appuyer sur Ctrl+E) pour afficher l'&Eacute;diteur de couleurs, o&ugrave; vous
trouverez toutes les couleurs de votre choix.
Vous pouvez remplir les objets dessin&eacute;s avec un d&eacute;grad&eacute; de couleurs en utilisant l' Outil de remplissage
.
Colorer des Cliparts import&eacute;s
Lorsque vous importez un graphisme Clipart &agrave; partir de la Galerie de mod&egrave;les, en utilisant l'option
Importer ou en d&eacute;posant un fichier .web ou .xar sur votre page, le logiciel vous demandera si vous
souhaitez harmoniser les couleurs. Si vous ne le souhaitez pas, les Couleurs nomm&eacute;es du graphisme
seront ajout&eacute;es &agrave; la Palette de couleurs. Vous pourrez modifier les couleurs en cliquant sur l'une des
couleurs de la Palette.
Coloration de photos
SI vous essayez de colorer une photo, deux tons sont utilis&eacute;s. Ainsi, pour colorer une photo en noir et
blanc, s&eacute;lectionnez-la normalement puis cliquez sur la couleur blanche situ&eacute;e au bout de la Palette. Vous
pouvez utiliser n'importe quelle couleur claire et fonc&eacute;e de la Palette, pas seulement le noir et le blanc.
Remarque : SI la photo appartient &agrave; un groupe, comme bon nombre des photos des mod&egrave;les de
conception ou des Cliparts, il faudra d'abord s&eacute;lectionner la photo &agrave; l'int&eacute;rieur du groupe. Vous pouvez le
faire en maintenant la touche Ctrl enfonc&eacute;e tout en cliquant sur l'objet dans l'outil S&eacute;lection. Une autre
mani&egrave;re de s&eacute;lectionner les photos est de cliquer dessus dans l'outil Photo
.
Couleur d'arri&egrave;re-plan de page
La plupart des mod&egrave;les de page de la Galerie des mod&egrave;les ont deux types d'arri&egrave;re-plan. Un
arri&egrave;re-plan de page qui s'&eacute;tend sur l'ensemble de la fen&ecirc;tre du navigateur. De plus, il comporte des
&eacute;l&eacute;ments de page dessin&eacute;s, compos&eacute;s g&eacute;n&eacute;ralement de diff&eacute;rentes gammes de couleurs.
La Palette de couleur comporte habituellement une couleur nomm&eacute;e &laquo; Couleur d'arri&egrave;re-plan &raquo;, une autre
appel&eacute;e &laquo; Couleur du panneau &raquo;. En les modifiant, vous pouvez contr&ocirc;ler les diff&eacute;rentes couleurs
d'arri&egrave;re-plan. Les autres couleurs sont les couleurs 1,2, etc. du th&egrave;me.
D&eacute;finir la couleur d'arri&egrave;re-plan de la page
Quand vous ouvrez une nouvelle page blanche (Fichier -&gt; Nouveau), la page par d&eacute;faut qui s'affiche est
blanche. C'est sur cet arri&egrave;re-plan que vous placerez tous les &eacute;l&eacute;ments de votre site Internet.
Pour d&eacute;finir une couleur d'arri&egrave;re-plan, faites glisser une couleur depuis la Palette de couleurs, maintenez
Ctrl enfonc&eacute; et d&eacute;posez-la sur l'arri&egrave;re-plan. Dans le navigateur Internet, cette couleur d'arri&egrave;re-plan
s'affiche sur toute la surface d'arri&egrave;re-plan de la fen&ecirc;tre.
Page 30
Pour d&eacute;finir une couleur de fond, ouvrez l'&Eacute;diteur de couleurs (Ctrl+E) et glissez la deuxi&egrave;me couleur
situ&eacute;e &agrave; droite de la bo&icirc;te de dialogue. Maintenez la touche Ctrl enfonc&eacute;e et placez la couleur dans
l'arri&egrave;re-plan de la page. Lorsque vous modifierez la couleur dans l'&Eacute;diteur de couleur, l'arri&egrave;re-plan sera
modifi&eacute; simultan&eacute;ment.
Pour mettre en place une texture de fond r&eacute;currente, glissez la photo ou
le Bitmap sur le document. Ouvrez la Galerie Bitmap, recherchez la
photo que vous venez de t&eacute;l&eacute;charger, cliquez dessus pour la s&eacute;lectionner
puis cliquez sur le bouton Arri&egrave;re-plan
de la Galerie.
Cr&eacute;er un arri&egrave;re-plan d&eacute;grad&eacute;
Pour cr&eacute;er facilement un arri&egrave;re-plan d&eacute;grad&eacute;, dessinez un rectangle sur la page enti&egrave;re, placez-le en
fond et remplissez-le avec une couleur d&eacute;grad&eacute;e gr&acirc;ce &agrave; l'outil Remplissage, en disposant la couleur
dans l'ensemble du rectangle. (Voir ici
pour plus d'informations sur l'outil Remplissage).
Arri&egrave;res-plan avanc&eacute;s
Les navigateurs Web n'affichent pas les arri&egrave;res-plan d&eacute;grad&eacute;s sur l'ensemble visible de la fen&ecirc;tre
(c'est-&agrave;-dire comme un v&eacute;ritable arri&egrave;re-plan HTML) mais ils acceptent les arri&egrave;res-plan constitu&eacute;s de
fichiers Bitmap r&eacute;p&eacute;t&eacute;s et en mosa&iuml;que. De cette fa&ccedil;on, il est possible de cr&eacute;er un arri&egrave;re-plan
enti&egrave;rement d&eacute;grad&eacute; en cr&eacute;ant un fichier Bitmap qui sera r&eacute;p&eacute;t&eacute; (en mosa&iuml;que) sur la page.
En cr&eacute;ant une longue bande fine sur la gauche d&eacute;finie en tant qu'arri&egrave;re-plan, vous obtiendrez un
arri&egrave;re-plan d&eacute;grad&eacute; sur l'ensemble de la page.
Voici les &eacute;tapes permettant d'obtenir cet effet ;
1. Dessinez un long rectangle fin. Il doit &ecirc;tre aussi long que la fen&ecirc;tre de n'importe quel navigateur
pour &eacute;viter qu'il ne se r&eacute;p&egrave;te verticalement. Nous vous recommandons d'opter pour une valeur
Page 31
2.
3.
4.
5.
6.
de 1 000 pixels, une valeur sup&eacute;rieure &agrave; celle de votre page. Il sera peut-&ecirc;tre n&eacute;cessaire de faire
un zoom arri&egrave;re pour dessiner un rectangle de taille suffisante. Il doit &ecirc;tre tr&egrave;s fin.
Assurez-vous que votre rectangle n'a pas de bordure : cliquez sur l'outil S&eacute;lection et r&eacute;glez ce
param&egrave;tre. Cliquez sur &laquo; Aucune couleur &raquo; dans la Palette de couleurs (ou s&eacute;lectionnez
&laquo; Aucune &raquo; dans le menu de s&eacute;lection de la largeur de ligne, dans la barre du haut).
Assurez-vous que la largeur du rectangle ne d&eacute;passe pas quelques pixels et qu'ils se situent bien
dans les coordonn&eacute;es X et Y : dans l'outil S&eacute;lection, s&eacute;lectionnez le rectangle, &eacute;ditez la largeur
(L), appuyez sur Entrer puis &eacute;diter les positions X et Y pour que ce soit des nombres entiers.
En utilisant l' outil Remplissage, vous pouvez lui donner la couleur d&eacute;grad&eacute;e souhait&eacute;e : faites-la
simplement glisser dans le rectangle. Assurez-vous que le d&eacute;grad&eacute; soit bien r&eacute;parti de haut en bas
en ajustant si n&eacute;cessaire la fl&egrave;che de remplissage.
Exportez le rectangle au format PNG. Cliquez sur l'ic&ocirc;ne &laquo; Exporter en PNG &raquo;.
Une fois
export&eacute;e, faites glisser l'image sur la page de votre Explorateur de fichiers.
Ouvrez la galerie des Bitmaps,
faites d&eacute;filer jusqu'&agrave; ce que vous voyez les images que vous
venez de t&eacute;l&eacute;charger (il s'agit d'un index tr&egrave;s fin, presque invisible, dans la galerie), puis
s&eacute;lectionnez-le en cliquant dessus dans la Galerie. Ensuite, cliquez sur le bouton Arri&egrave;re-plan
dans la Galerie Bitmap. Vous pouvez ensuite supprimer le rectangle original de la page.
Cr&eacute;er vos propres Couleurs nomm&eacute;es
Si vous souhaitez utiliser une couleur plusieurs fois dans un document, vous pouvez cr&eacute;er votre propre
Couleur nomm&eacute;e en cliquant sur l'&eacute;tiquette Nom en haut de l'&Eacute;diteur de couleur. Cette couleur appara&icirc;t
d&eacute;sormais dans la Palette de couleurs.
L'avantage d'une Couleur nomm&eacute;e est que si on l'&eacute;dite plus tard (cliquez sur la couleur puis s&eacute;lectionnez
&Eacute;diter), tous les objets utilisant cette couleur seront &eacute;galement modifi&eacute;s.
Nuances li&eacute;es
Vous pouvez cr&eacute;er des nuances plus claires ou plus fonc&eacute;es d'une couleur. Ainsi, lorsque la couleur de
d&eacute;part est modifi&eacute;e, toutes les nuances claires et fonc&eacute;es s'adaptent &agrave; la nouvelle couleur utilis&eacute;e. Par
exemple, la nuance d&eacute;grad&eacute;e d'un bouton, comme celle-ci :
Il s'agit d'un simple rectangle aux bords arrondis avec
un remplissage d&eacute;grad&eacute; cr&eacute;&eacute; avec l'outil de
remplissage. Dans l'outil Remplissage, vous pouvez
cliquer sur l'un des c&ocirc;t&eacute;s de la fl&egrave;che pour d&eacute;terminer
la couleur.
Si vous d&eacute;signez la principale couleur verte comme Couleur nomm&eacute;e et que vous en cr&eacute;ez ensuite une
nuance plus claire ou plus fonc&eacute;e en tant que Nuance li&eacute;e, lorsque vous &eacute;diterez la Couleur nomm&eacute;e, les
nuances changeront &eacute;galement. Ainsi, recolorer des objets aux nuances complexes devient facile.
Pour cr&eacute;er une nuance li&eacute;e, ouvrez les options suppl&eacute;mentaires de l'&Eacute;diteur de couleur puis s&eacute;lectionnez
le menu d&eacute;roulant &laquo; Couleurs normales &raquo; et &laquo; Nuance d'une autre couleur
&raquo;.
Page 32
Cliquez sur ce bouton
pour afficher les couleurs
suppl&eacute;mentaires
Vous pouvez d&eacute;sormais
s&eacute;lectionner une nuance
plus claire ou plus fonc&eacute;e
d'une couleur m&egrave;re. La
couleur m&egrave;re est la
couleur coch&eacute;e.
S&eacute;lectionnez une Nuance
de ce menu d&eacute;roulant puis
la couleur m&egrave;re
Vous pouvez &eacute;galement cr&eacute;er une Nuance li&eacute;e qui appara&icirc;t dans la Palette de couleurs (vous pourrez
facilement l'appliquer &agrave; d'autres objets). Lorsque vous s&eacute;lectionnez un nouvel Objet nomm&eacute;, vous pouvez
choisir d'en faire un lien &laquo; Nuance d'une autre couleur &raquo;.
Page 33
Colorer les formes
Vous pouvez remplir toutes les formes dessin&eacute;es avec une couleur, soit en tirant la couleur de la
Palette de couleurs et en la d&eacute;posant sur la forme, soit en s&eacute;lectionnant l'objet puis en cliquant sur la
Palette de couleurs et en s&eacute;lectionnant &laquo; D&eacute;finir la couleur de remplissage
&raquo;.
Vous pouvez &eacute;galement cliquer sur l'ic&ocirc;ne &Eacute;diteur de couleurs (ou
appuyer sur Ctrl+E) pour afficher l'&Eacute;diteur de couleurs, o&ugrave; vous
trouverez toutes les couleurs de votre choix.
Vous pouvez remplir les objets dessin&eacute;s avec un d&eacute;grad&eacute; de couleurs en utilisant l' Outil de remplissage
.
Colorer des Cliparts import&eacute;s
Lorsque vous importez un graphisme Clipart &agrave; partir de la Galerie de mod&egrave;les, en utilisant l'option
Importer ou en d&eacute;posant un fichier .web ou .xar sur votre page, le logiciel vous demandera si vous
souhaitez harmoniser les couleurs. Si vous ne le souhaitez pas, les Couleurs nomm&eacute;es du graphisme
seront ajout&eacute;es &agrave; la Palette de couleurs. Vous pourrez modifier les couleurs en cliquant sur l'une des
couleurs de la Palette.
Coloration de photos
SI vous essayez de colorer une photo, deux tons sont utilis&eacute;s. Ainsi, pour colorer une photo en noir et
blanc, s&eacute;lectionnez-la normalement puis cliquez sur la couleur blanche situ&eacute;e au bout de la Palette. Vous
pouvez utiliser n'importe quelle couleur claire et fonc&eacute;e de la Palette, pas seulement le noir et le blanc.
Remarque : SI la photo appartient &agrave; un groupe, comme bon nombre des photos des mod&egrave;les de
conception ou des Cliparts, il faudra d'abord s&eacute;lectionner la photo &agrave; l'int&eacute;rieur du groupe. Vous pouvez le
faire en maintenant la touche Ctrl enfonc&eacute;e tout en cliquant sur l'objet dans l'outil S&eacute;lection. Une autre
mani&egrave;re de s&eacute;lectionner les photos est de cliquer dessus dans l'outil Photo
.
Couleur d'arri&egrave;re-plan de page
La plupart des mod&egrave;les de page de la Galerie des mod&egrave;les ont deux types d'arri&egrave;re-plan. Un
arri&egrave;re-plan de page qui s'&eacute;tend sur l'ensemble de la fen&ecirc;tre du navigateur. De plus, il comporte des
&eacute;l&eacute;ments de page dessin&eacute;s, compos&eacute;s g&eacute;n&eacute;ralement de diff&eacute;rentes gammes de couleurs.
La Palette de couleur comporte habituellement une couleur nomm&eacute;e &laquo; Couleur d'arri&egrave;re-plan &raquo;, une autre
appel&eacute;e &laquo; Couleur du panneau &raquo;. En les modifiant, vous pouvez contr&ocirc;ler les diff&eacute;rentes couleurs
d'arri&egrave;re-plan. Les autres couleurs sont les couleurs 1,2, etc. du th&egrave;me.
Page 34
D&eacute;finir la couleur d'arri&egrave;re-plan de la page
Quand vous ouvrez une nouvelle page blanche (Fichier -&gt; Nouveau), la page par d&eacute;faut qui s'affiche est
blanche. C'est sur cet arri&egrave;re-plan que vous placerez tous les &eacute;l&eacute;ments de votre site Internet.
Pour d&eacute;finir une couleur d'arri&egrave;re-plan, faites glisser une couleur depuis la Palette de couleurs, maintenez
Ctrl enfonc&eacute; et d&eacute;posez-la sur l'arri&egrave;re-plan. Dans le navigateur Internet, cette couleur d'arri&egrave;re-plan
s'affiche sur toute la surface d'arri&egrave;re-plan de la fen&ecirc;tre.
Pour d&eacute;finir une couleur de fond, ouvrez l'&Eacute;diteur de couleurs (Ctrl+E) et glissez la deuxi&egrave;me couleur
situ&eacute;e &agrave; droite de la bo&icirc;te de dialogue. Maintenez la touche Ctrl enfonc&eacute;e et placez la couleur dans
l'arri&egrave;re-plan de la page. Lorsque vous modifierez la couleur dans l'&Eacute;diteur de couleur, l'arri&egrave;re-plan sera
modifi&eacute; simultan&eacute;ment.
Pour mettre en place une texture de fond r&eacute;currente, glissez la photo ou
le Bitmap sur le document. Ouvrez la Galerie Bitmap, recherchez la
photo que vous venez de t&eacute;l&eacute;charger, cliquez dessus pour la s&eacute;lectionner
puis cliquez sur le bouton Arri&egrave;re-plan
de la Galerie.
Cr&eacute;er un arri&egrave;re-plan d&eacute;grad&eacute;
Pour cr&eacute;er facilement un arri&egrave;re-plan d&eacute;grad&eacute;, dessinez un rectangle sur la page enti&egrave;re, placez-le en
fond et remplissez-le avec une couleur d&eacute;grad&eacute;e gr&acirc;ce &agrave; l'outil Remplissage, en disposant la couleur
dans l'ensemble du rectangle. (Voir ici
pour plus d'informations sur l'outil Remplissage).
Arri&egrave;res-plan avanc&eacute;s
Les navigateurs Web n'affichent pas les arri&egrave;res-plan d&eacute;grad&eacute;s sur l'ensemble visible de la fen&ecirc;tre
(c'est-&agrave;-dire comme un v&eacute;ritable arri&egrave;re-plan HTML) mais ils acceptent les arri&egrave;res-plan constitu&eacute;s de
fichiers Bitmap r&eacute;p&eacute;t&eacute;s et en mosa&iuml;que. De cette fa&ccedil;on, il est possible de cr&eacute;er un arri&egrave;re-plan
enti&egrave;rement d&eacute;grad&eacute; en cr&eacute;ant un fichier Bitmap qui sera r&eacute;p&eacute;t&eacute; (en mosa&iuml;que) sur la page.
Page 35
En cr&eacute;ant une longue bande fine sur la gauche d&eacute;finie en tant qu'arri&egrave;re-plan, vous obtiendrez un
arri&egrave;re-plan d&eacute;grad&eacute; sur l'ensemble de la page.
Voici les &eacute;tapes permettant d'obtenir cet effet ;
1. Dessinez un long rectangle fin. Il doit &ecirc;tre aussi long que la fen&ecirc;tre de n'importe quel navigateur
pour &eacute;viter qu'il ne se r&eacute;p&egrave;te verticalement. Nous vous recommandons d'opter pour une valeur
de 1 000 pixels, une valeur sup&eacute;rieure &agrave; celle de votre page. Il sera peut-&ecirc;tre n&eacute;cessaire de faire
un zoom arri&egrave;re pour dessiner un rectangle de taille suffisante. Il doit &ecirc;tre tr&egrave;s fin.
2. Assurez-vous que votre rectangle n'a pas de bordure : cliquez sur l'outil S&eacute;lection et r&eacute;glez ce
param&egrave;tre. Cliquez sur &laquo; Aucune couleur &raquo; dans la Palette de couleurs (ou s&eacute;lectionnez
&laquo; Aucune &raquo; dans le menu de s&eacute;lection de la largeur de ligne, dans la barre du haut).
3. Assurez-vous que la largeur du rectangle ne d&eacute;passe pas quelques pixels et qu'ils se situent bien
dans les coordonn&eacute;es X et Y : dans l'outil S&eacute;lection, s&eacute;lectionnez le rectangle, &eacute;ditez la largeur
(L), appuyez sur Entrer puis &eacute;diter les positions X et Y pour que ce soit des nombres entiers.
4. En utilisant l' outil Remplissage, vous pouvez lui donner la couleur d&eacute;grad&eacute;e souhait&eacute;e : faites-la
simplement glisser dans le rectangle. Assurez-vous que le d&eacute;grad&eacute; soit bien r&eacute;parti de haut en bas
en ajustant si n&eacute;cessaire la fl&egrave;che de remplissage.
Une fois
5. Exportez le rectangle au format PNG. Cliquez sur l'ic&ocirc;ne &laquo; Exporter en PNG &raquo;.
export&eacute;e, faites glisser l'image sur la page de votre Explorateur de fichiers.
faites d&eacute;filer jusqu'&agrave; ce que vous voyez les images que vous
6. Ouvrez la galerie des Bitmaps,
venez de t&eacute;l&eacute;charger (il s'agit d'un index tr&egrave;s fin, presque invisible, dans la galerie), puis
s&eacute;lectionnez-le en cliquant dessus dans la Galerie. Ensuite, cliquez sur le bouton Arri&egrave;re-plan
dans la Galerie Bitmap. Vous pouvez ensuite supprimer le rectangle original de la page.
Cr&eacute;er vos propres Couleurs nomm&eacute;es
Si vous souhaitez utiliser une couleur plusieurs fois dans un document, vous pouvez cr&eacute;er votre propre
Couleur nomm&eacute;e en cliquant sur l'&eacute;tiquette Nom en haut de l'&Eacute;diteur de couleur. Cette couleur appara&icirc;t
d&eacute;sormais dans la Palette de couleurs.
L'avantage d'une Couleur nomm&eacute;e est que si on l'&eacute;dite plus tard (cliquez sur la couleur puis s&eacute;lectionnez
&Eacute;diter), tous les objets utilisant cette couleur seront &eacute;galement modifi&eacute;s.
Page 36
Nuances li&eacute;es
Vous pouvez cr&eacute;er des nuances plus claires ou plus fonc&eacute;es d'une couleur. Ainsi, lorsque la couleur de
d&eacute;part est modifi&eacute;e, toutes les nuances claires et fonc&eacute;es s'adaptent &agrave; la nouvelle couleur utilis&eacute;e. Par
exemple, la nuance d&eacute;grad&eacute;e d'un bouton, comme celle-ci :
Il s'agit d'un simple rectangle aux bords arrondis avec
un remplissage d&eacute;grad&eacute; cr&eacute;&eacute; avec l'outil de
remplissage. Dans l'outil Remplissage, vous pouvez
cliquer sur l'un des c&ocirc;t&eacute;s de la fl&egrave;che pour d&eacute;terminer
la couleur.
Si vous d&eacute;signez la principale couleur verte comme Couleur nomm&eacute;e et que vous en cr&eacute;ez ensuite une
nuance plus claire ou plus fonc&eacute;e en tant que Nuance li&eacute;e, lorsque vous &eacute;diterez la Couleur nomm&eacute;e, les
nuances changeront &eacute;galement. Ainsi, recolorer des objets aux nuances complexes devient facile.
Pour cr&eacute;er une nuance li&eacute;e, ouvrez les options suppl&eacute;mentaires de l'&Eacute;diteur de couleur puis s&eacute;lectionnez
le menu d&eacute;roulant &laquo; Couleurs normales &raquo; et &laquo; Nuance d'une autre couleur
&raquo;.
Cliquez sur ce bouton
pour afficher les couleurs
suppl&eacute;mentaires
Vous pouvez d&eacute;sormais
s&eacute;lectionner une nuance
plus claire ou plus fonc&eacute;e
d'une couleur m&egrave;re. La
couleur m&egrave;re est la
couleur coch&eacute;e.
S&eacute;lectionnez une Nuance
de ce menu d&eacute;roulant puis
la couleur m&egrave;re
Vous pouvez &eacute;galement cr&eacute;er une Nuance li&eacute;e qui appara&icirc;t dans la Palette de couleurs (vous pourrez
facilement l'appliquer &agrave; d'autres objets). Lorsque vous s&eacute;lectionnez un nouvel Objet nomm&eacute;, vous pouvez
choisir d'en faire un lien &laquo; Nuance d'une autre couleur &raquo;.
Page 37
Colorer des Cliparts import&eacute;s
Lorsque vous importez un graphisme Clipart &agrave; partir de la Galerie de mod&egrave;les, en utilisant l'option
Importer ou en d&eacute;posant un fichier .web ou .xar sur votre page, le logiciel vous demandera si vous
souhaitez harmoniser les couleurs. Si vous ne le souhaitez pas, les Couleurs nomm&eacute;es du graphisme
seront ajout&eacute;es &agrave; la Palette de couleurs. Vous pourrez modifier les couleurs en cliquant sur l'une des
couleurs de la Palette.
Coloration de photos
SI vous essayez de colorer une photo, deux tons sont utilis&eacute;s. Ainsi, pour colorer une photo en noir et
blanc, s&eacute;lectionnez-la normalement puis cliquez sur la couleur blanche situ&eacute;e au bout de la Palette. Vous
pouvez utiliser n'importe quelle couleur claire et fonc&eacute;e de la Palette, pas seulement le noir et le blanc.
Remarque : SI la photo appartient &agrave; un groupe, comme bon nombre des photos des mod&egrave;les de
conception ou des Cliparts, il faudra d'abord s&eacute;lectionner la photo &agrave; l'int&eacute;rieur du groupe. Vous pouvez le
faire en maintenant la touche Ctrl enfonc&eacute;e tout en cliquant sur l'objet dans l'outil S&eacute;lection. Une autre
mani&egrave;re de s&eacute;lectionner les photos est de cliquer dessus dans l'outil Photo
.
Couleur d'arri&egrave;re-plan de page
La plupart des mod&egrave;les de page de la Galerie des mod&egrave;les ont deux types d'arri&egrave;re-plan. Un
arri&egrave;re-plan de page qui s'&eacute;tend sur l'ensemble de la fen&ecirc;tre du navigateur. De plus, il comporte des
&eacute;l&eacute;ments de page dessin&eacute;s, compos&eacute;s g&eacute;n&eacute;ralement de diff&eacute;rentes gammes de couleurs.
La Palette de couleur comporte habituellement une couleur nomm&eacute;e &laquo; Couleur d'arri&egrave;re-plan &raquo;, une autre
appel&eacute;e &laquo; Couleur du panneau &raquo;. En les modifiant, vous pouvez contr&ocirc;ler les diff&eacute;rentes couleurs
d'arri&egrave;re-plan. Les autres couleurs sont les couleurs 1,2, etc. du th&egrave;me.
D&eacute;finir la couleur d'arri&egrave;re-plan de la page
Quand vous ouvrez une nouvelle page blanche (Fichier -&gt; Nouveau), la page par d&eacute;faut qui s'affiche est
blanche. C'est sur cet arri&egrave;re-plan que vous placerez tous les &eacute;l&eacute;ments de votre site Internet.
Pour d&eacute;finir une couleur d'arri&egrave;re-plan, faites glisser une couleur depuis la Palette de couleurs, maintenez
Ctrl enfonc&eacute; et d&eacute;posez-la sur l'arri&egrave;re-plan. Dans le navigateur Internet, cette couleur d'arri&egrave;re-plan
s'affiche sur toute la surface d'arri&egrave;re-plan de la fen&ecirc;tre.
Page 38
Pour d&eacute;finir une couleur de fond, ouvrez l'&Eacute;diteur de couleurs (Ctrl+E) et glissez la deuxi&egrave;me couleur
situ&eacute;e &agrave; droite de la bo&icirc;te de dialogue. Maintenez la touche Ctrl enfonc&eacute;e et placez la couleur dans
l'arri&egrave;re-plan de la page. Lorsque vous modifierez la couleur dans l'&Eacute;diteur de couleur, l'arri&egrave;re-plan sera
modifi&eacute; simultan&eacute;ment.
Pour mettre en place une texture de fond r&eacute;currente, glissez la photo ou
le Bitmap sur le document. Ouvrez la Galerie Bitmap, recherchez la
photo que vous venez de t&eacute;l&eacute;charger, cliquez dessus pour la s&eacute;lectionner
puis cliquez sur le bouton Arri&egrave;re-plan
de la Galerie.
Cr&eacute;er un arri&egrave;re-plan d&eacute;grad&eacute;
Pour cr&eacute;er facilement un arri&egrave;re-plan d&eacute;grad&eacute;, dessinez un rectangle sur la page enti&egrave;re, placez-le en
fond et remplissez-le avec une couleur d&eacute;grad&eacute;e gr&acirc;ce &agrave; l'outil Remplissage, en disposant la couleur
dans l'ensemble du rectangle. (Voir ici
pour plus d'informations sur l'outil Remplissage).
Arri&egrave;res-plan avanc&eacute;s
Les navigateurs Web n'affichent pas les arri&egrave;res-plan d&eacute;grad&eacute;s sur l'ensemble visible de la fen&ecirc;tre
(c'est-&agrave;-dire comme un v&eacute;ritable arri&egrave;re-plan HTML) mais ils acceptent les arri&egrave;res-plan constitu&eacute;s de
fichiers Bitmap r&eacute;p&eacute;t&eacute;s et en mosa&iuml;que. De cette fa&ccedil;on, il est possible de cr&eacute;er un arri&egrave;re-plan
enti&egrave;rement d&eacute;grad&eacute; en cr&eacute;ant un fichier Bitmap qui sera r&eacute;p&eacute;t&eacute; (en mosa&iuml;que) sur la page.
En cr&eacute;ant une longue bande fine sur la gauche d&eacute;finie en tant qu'arri&egrave;re-plan, vous obtiendrez un
arri&egrave;re-plan d&eacute;grad&eacute; sur l'ensemble de la page.
Voici les &eacute;tapes permettant d'obtenir cet effet ;
1. Dessinez un long rectangle fin. Il doit &ecirc;tre aussi long que la fen&ecirc;tre de n'importe quel navigateur
pour &eacute;viter qu'il ne se r&eacute;p&egrave;te verticalement. Nous vous recommandons d'opter pour une valeur
Page 39
2.
3.
4.
5.
6.
de 1 000 pixels, une valeur sup&eacute;rieure &agrave; celle de votre page. Il sera peut-&ecirc;tre n&eacute;cessaire de faire
un zoom arri&egrave;re pour dessiner un rectangle de taille suffisante. Il doit &ecirc;tre tr&egrave;s fin.
Assurez-vous que votre rectangle n'a pas de bordure : cliquez sur l'outil S&eacute;lection et r&eacute;glez ce
param&egrave;tre. Cliquez sur &laquo; Aucune couleur &raquo; dans la Palette de couleurs (ou s&eacute;lectionnez
&laquo; Aucune &raquo; dans le menu de s&eacute;lection de la largeur de ligne, dans la barre du haut).
Assurez-vous que la largeur du rectangle ne d&eacute;passe pas quelques pixels et qu'ils se situent bien
dans les coordonn&eacute;es X et Y : dans l'outil S&eacute;lection, s&eacute;lectionnez le rectangle, &eacute;ditez la largeur
(L), appuyez sur Entrer puis &eacute;diter les positions X et Y pour que ce soit des nombres entiers.
En utilisant l' outil Remplissage, vous pouvez lui donner la couleur d&eacute;grad&eacute;e souhait&eacute;e : faites-la
simplement glisser dans le rectangle. Assurez-vous que le d&eacute;grad&eacute; soit bien r&eacute;parti de haut en bas
en ajustant si n&eacute;cessaire la fl&egrave;che de remplissage.
Exportez le rectangle au format PNG. Cliquez sur l'ic&ocirc;ne &laquo; Exporter en PNG &raquo;.
Une fois
export&eacute;e, faites glisser l'image sur la page de votre Explorateur de fichiers.
Ouvrez la galerie des Bitmaps,
faites d&eacute;filer jusqu'&agrave; ce que vous voyez les images que vous
venez de t&eacute;l&eacute;charger (il s'agit d'un index tr&egrave;s fin, presque invisible, dans la galerie), puis
s&eacute;lectionnez-le en cliquant dessus dans la Galerie. Ensuite, cliquez sur le bouton Arri&egrave;re-plan
dans la Galerie Bitmap. Vous pouvez ensuite supprimer le rectangle original de la page.
Cr&eacute;er vos propres Couleurs nomm&eacute;es
Si vous souhaitez utiliser une couleur plusieurs fois dans un document, vous pouvez cr&eacute;er votre propre
Couleur nomm&eacute;e en cliquant sur l'&eacute;tiquette Nom en haut de l'&Eacute;diteur de couleur. Cette couleur appara&icirc;t
d&eacute;sormais dans la Palette de couleurs.
L'avantage d'une Couleur nomm&eacute;e est que si on l'&eacute;dite plus tard (cliquez sur la couleur puis s&eacute;lectionnez
&Eacute;diter), tous les objets utilisant cette couleur seront &eacute;galement modifi&eacute;s.
Nuances li&eacute;es
Vous pouvez cr&eacute;er des nuances plus claires ou plus fonc&eacute;es d'une couleur. Ainsi, lorsque la couleur de
d&eacute;part est modifi&eacute;e, toutes les nuances claires et fonc&eacute;es s'adaptent &agrave; la nouvelle couleur utilis&eacute;e. Par
exemple, la nuance d&eacute;grad&eacute;e d'un bouton, comme celle-ci :
Il s'agit d'un simple rectangle aux bords arrondis avec
un remplissage d&eacute;grad&eacute; cr&eacute;&eacute; avec l'outil de
remplissage. Dans l'outil Remplissage, vous pouvez
cliquer sur l'un des c&ocirc;t&eacute;s de la fl&egrave;che pour d&eacute;terminer
la couleur.
Si vous d&eacute;signez la principale couleur verte comme Couleur nomm&eacute;e et que vous en cr&eacute;ez ensuite une
nuance plus claire ou plus fonc&eacute;e en tant que Nuance li&eacute;e, lorsque vous &eacute;diterez la Couleur nomm&eacute;e, les
nuances changeront &eacute;galement. Ainsi, recolorer des objets aux nuances complexes devient facile.
Pour cr&eacute;er une nuance li&eacute;e, ouvrez les options suppl&eacute;mentaires de l'&Eacute;diteur de couleur puis s&eacute;lectionnez
le menu d&eacute;roulant &laquo; Couleurs normales &raquo; et &laquo; Nuance d'une autre couleur
&raquo;.
Page 40
Cliquez sur ce bouton
pour afficher les couleurs
suppl&eacute;mentaires
Vous pouvez d&eacute;sormais
s&eacute;lectionner une nuance
plus claire ou plus fonc&eacute;e
d'une couleur m&egrave;re. La
couleur m&egrave;re est la
couleur coch&eacute;e.
S&eacute;lectionnez une Nuance
de ce menu d&eacute;roulant puis
la couleur m&egrave;re
Vous pouvez &eacute;galement cr&eacute;er une Nuance li&eacute;e qui appara&icirc;t dans la Palette de couleurs (vous pourrez
facilement l'appliquer &agrave; d'autres objets). Lorsque vous s&eacute;lectionnez un nouvel Objet nomm&eacute;, vous pouvez
choisir d'en faire un lien &laquo; Nuance d'une autre couleur &raquo;.
Page 41
Coloration de photos
SI vous essayez de colorer une photo, deux tons sont utilis&eacute;s. Ainsi, pour colorer une photo en noir et
blanc, s&eacute;lectionnez-la normalement puis cliquez sur la couleur blanche situ&eacute;e au bout de la Palette. Vous
pouvez utiliser n'importe quelle couleur claire et fonc&eacute;e de la Palette, pas seulement le noir et le blanc.
Remarque : SI la photo appartient &agrave; un groupe, comme bon nombre des photos des mod&egrave;les de
conception ou des Cliparts, il faudra d'abord s&eacute;lectionner la photo &agrave; l'int&eacute;rieur du groupe. Vous pouvez le
faire en maintenant la touche Ctrl enfonc&eacute;e tout en cliquant sur l'objet dans l'outil S&eacute;lection. Une autre
mani&egrave;re de s&eacute;lectionner les photos est de cliquer dessus dans l'outil Photo
.
Couleur d'arri&egrave;re-plan de page
La plupart des mod&egrave;les de page de la Galerie des mod&egrave;les ont deux types d'arri&egrave;re-plan. Un
arri&egrave;re-plan de page qui s'&eacute;tend sur l'ensemble de la fen&ecirc;tre du navigateur. De plus, il comporte des
&eacute;l&eacute;ments de page dessin&eacute;s, compos&eacute;s g&eacute;n&eacute;ralement de diff&eacute;rentes gammes de couleurs.
La Palette de couleur comporte habituellement une couleur nomm&eacute;e &laquo; Couleur d'arri&egrave;re-plan &raquo;, une autre
appel&eacute;e &laquo; Couleur du panneau &raquo;. En les modifiant, vous pouvez contr&ocirc;ler les diff&eacute;rentes couleurs
d'arri&egrave;re-plan. Les autres couleurs sont les couleurs 1,2, etc. du th&egrave;me.
D&eacute;finir la couleur d'arri&egrave;re-plan de la page
Quand vous ouvrez une nouvelle page blanche (Fichier -&gt; Nouveau), la page par d&eacute;faut qui s'affiche est
blanche. C'est sur cet arri&egrave;re-plan que vous placerez tous les &eacute;l&eacute;ments de votre site Internet.
Pour d&eacute;finir une couleur d'arri&egrave;re-plan, faites glisser une couleur depuis la Palette de couleurs, maintenez
Ctrl enfonc&eacute; et d&eacute;posez-la sur l'arri&egrave;re-plan. Dans le navigateur Internet, cette couleur d'arri&egrave;re-plan
s'affiche sur toute la surface d'arri&egrave;re-plan de la fen&ecirc;tre.
Pour d&eacute;finir une couleur de fond, ouvrez l'&Eacute;diteur de couleurs (Ctrl+E) et glissez la deuxi&egrave;me couleur
situ&eacute;e &agrave; droite de la bo&icirc;te de dialogue. Maintenez la touche Ctrl enfonc&eacute;e et placez la couleur dans
l'arri&egrave;re-plan de la page. Lorsque vous modifierez la couleur dans l'&Eacute;diteur de couleur, l'arri&egrave;re-plan sera
Page 42
modifi&eacute; simultan&eacute;ment.
Pour mettre en place une texture de fond r&eacute;currente, glissez la photo ou
le Bitmap sur le document. Ouvrez la Galerie Bitmap, recherchez la
photo que vous venez de t&eacute;l&eacute;charger, cliquez dessus pour la s&eacute;lectionner
puis cliquez sur le bouton Arri&egrave;re-plan
de la Galerie.
Cr&eacute;er un arri&egrave;re-plan d&eacute;grad&eacute;
Pour cr&eacute;er facilement un arri&egrave;re-plan d&eacute;grad&eacute;, dessinez un rectangle sur la page enti&egrave;re, placez-le en
fond et remplissez-le avec une couleur d&eacute;grad&eacute;e gr&acirc;ce &agrave; l'outil Remplissage, en disposant la couleur
dans l'ensemble du rectangle. (Voir ici
pour plus d'informations sur l'outil Remplissage).
Arri&egrave;res-plan avanc&eacute;s
Les navigateurs Web n'affichent pas les arri&egrave;res-plan d&eacute;grad&eacute;s sur l'ensemble visible de la fen&ecirc;tre
(c'est-&agrave;-dire comme un v&eacute;ritable arri&egrave;re-plan HTML) mais ils acceptent les arri&egrave;res-plan constitu&eacute;s de
fichiers Bitmap r&eacute;p&eacute;t&eacute;s et en mosa&iuml;que. De cette fa&ccedil;on, il est possible de cr&eacute;er un arri&egrave;re-plan
enti&egrave;rement d&eacute;grad&eacute; en cr&eacute;ant un fichier Bitmap qui sera r&eacute;p&eacute;t&eacute; (en mosa&iuml;que) sur la page.
En cr&eacute;ant une longue bande fine sur la gauche d&eacute;finie en tant qu'arri&egrave;re-plan, vous obtiendrez un
arri&egrave;re-plan d&eacute;grad&eacute; sur l'ensemble de la page.
Voici les &eacute;tapes permettant d'obtenir cet effet ;
1. Dessinez un long rectangle fin. Il doit &ecirc;tre aussi long que la fen&ecirc;tre de n'importe quel navigateur
pour &eacute;viter qu'il ne se r&eacute;p&egrave;te verticalement. Nous vous recommandons d'opter pour une valeur
de 1 000 pixels, une valeur sup&eacute;rieure &agrave; celle de votre page. Il sera peut-&ecirc;tre n&eacute;cessaire de faire
un zoom arri&egrave;re pour dessiner un rectangle de taille suffisante. Il doit &ecirc;tre tr&egrave;s fin.
2. Assurez-vous que votre rectangle n'a pas de bordure : cliquez sur l'outil S&eacute;lection et r&eacute;glez ce
param&egrave;tre. Cliquez sur &laquo; Aucune couleur &raquo; dans la Palette de couleurs (ou s&eacute;lectionnez
&laquo; Aucune &raquo; dans le menu de s&eacute;lection de la largeur de ligne, dans la barre du haut).
3. Assurez-vous que la largeur du rectangle ne d&eacute;passe pas quelques pixels et qu'ils se situent bien
dans les coordonn&eacute;es X et Y : dans l'outil S&eacute;lection, s&eacute;lectionnez le rectangle, &eacute;ditez la largeur
(L), appuyez sur Entrer puis &eacute;diter les positions X et Y pour que ce soit des nombres entiers.
4. En utilisant l' outil Remplissage, vous pouvez lui donner la couleur d&eacute;grad&eacute;e souhait&eacute;e : faites-la
simplement glisser dans le rectangle. Assurez-vous que le d&eacute;grad&eacute; soit bien r&eacute;parti de haut en bas
en ajustant si n&eacute;cessaire la fl&egrave;che de remplissage.
Une fois
5. Exportez le rectangle au format PNG. Cliquez sur l'ic&ocirc;ne &laquo; Exporter en PNG &raquo;.
export&eacute;e, faites glisser l'image sur la page de votre Explorateur de fichiers.
Page 43
faites d&eacute;filer jusqu'&agrave; ce que vous voyez les images que vous
6. Ouvrez la galerie des Bitmaps,
venez de t&eacute;l&eacute;charger (il s'agit d'un index tr&egrave;s fin, presque invisible, dans la galerie), puis
s&eacute;lectionnez-le en cliquant dessus dans la Galerie. Ensuite, cliquez sur le bouton Arri&egrave;re-plan
dans la Galerie Bitmap. Vous pouvez ensuite supprimer le rectangle original de la page.
Cr&eacute;er vos propres Couleurs nomm&eacute;es
Si vous souhaitez utiliser une couleur plusieurs fois dans un document, vous pouvez cr&eacute;er votre propre
Couleur nomm&eacute;e en cliquant sur l'&eacute;tiquette Nom en haut de l'&Eacute;diteur de couleur. Cette couleur appara&icirc;t
d&eacute;sormais dans la Palette de couleurs.
L'avantage d'une Couleur nomm&eacute;e est que si on l'&eacute;dite plus tard (cliquez sur la couleur puis s&eacute;lectionnez
&Eacute;diter), tous les objets utilisant cette couleur seront &eacute;galement modifi&eacute;s.
Nuances li&eacute;es
Vous pouvez cr&eacute;er des nuances plus claires ou plus fonc&eacute;es d'une couleur. Ainsi, lorsque la couleur de
d&eacute;part est modifi&eacute;e, toutes les nuances claires et fonc&eacute;es s'adaptent &agrave; la nouvelle couleur utilis&eacute;e. Par
exemple, la nuance d&eacute;grad&eacute;e d'un bouton, comme celle-ci :
Il s'agit d'un simple rectangle aux bords arrondis avec
un remplissage d&eacute;grad&eacute; cr&eacute;&eacute; avec l'outil de
remplissage. Dans l'outil Remplissage, vous pouvez
cliquer sur l'un des c&ocirc;t&eacute;s de la fl&egrave;che pour d&eacute;terminer
la couleur.
Si vous d&eacute;signez la principale couleur verte comme Couleur nomm&eacute;e et que vous en cr&eacute;ez ensuite une
nuance plus claire ou plus fonc&eacute;e en tant que Nuance li&eacute;e, lorsque vous &eacute;diterez la Couleur nomm&eacute;e, les
nuances changeront &eacute;galement. Ainsi, recolorer des objets aux nuances complexes devient facile.
Pour cr&eacute;er une nuance li&eacute;e, ouvrez les options suppl&eacute;mentaires de l'&Eacute;diteur de couleur puis s&eacute;lectionnez
le menu d&eacute;roulant &laquo; Couleurs normales &raquo; et &laquo; Nuance d'une autre couleur
&raquo;.
Page 44
Cliquez sur ce bouton
pour afficher les couleurs
suppl&eacute;mentaires
Vous pouvez d&eacute;sormais
s&eacute;lectionner une nuance
plus claire ou plus fonc&eacute;e
d'une couleur m&egrave;re. La
couleur m&egrave;re est la
couleur coch&eacute;e.
S&eacute;lectionnez une Nuance
de ce menu d&eacute;roulant puis
la couleur m&egrave;re
Vous pouvez &eacute;galement cr&eacute;er une Nuance li&eacute;e qui appara&icirc;t dans la Palette de couleurs (vous pourrez
facilement l'appliquer &agrave; d'autres objets). Lorsque vous s&eacute;lectionnez un nouvel Objet nomm&eacute;, vous pouvez
choisir d'en faire un lien &laquo; Nuance d'une autre couleur &raquo;.
Page 45
Couleur d'arri&egrave;re-plan de page
La plupart des mod&egrave;les de page de la Galerie des mod&egrave;les ont deux types d'arri&egrave;re-plan. Un
arri&egrave;re-plan de page qui s'&eacute;tend sur l'ensemble de la fen&ecirc;tre du navigateur. De plus, il comporte des
&eacute;l&eacute;ments de page dessin&eacute;s, compos&eacute;s g&eacute;n&eacute;ralement de diff&eacute;rentes gammes de couleurs.
La Palette de couleur comporte habituellement une couleur nomm&eacute;e &laquo; Couleur d'arri&egrave;re-plan &raquo;, une autre
appel&eacute;e &laquo; Couleur du panneau &raquo;. En les modifiant, vous pouvez contr&ocirc;ler les diff&eacute;rentes couleurs
d'arri&egrave;re-plan. Les autres couleurs sont les couleurs 1,2, etc. du th&egrave;me.
D&eacute;finir la couleur d'arri&egrave;re-plan de la page
Quand vous ouvrez une nouvelle page blanche (Fichier -&gt; Nouveau), la page par d&eacute;faut qui s'affiche est
blanche. C'est sur cet arri&egrave;re-plan que vous placerez tous les &eacute;l&eacute;ments de votre site Internet.
Pour d&eacute;finir une couleur d'arri&egrave;re-plan, faites glisser une couleur depuis la Palette de couleurs, maintenez
Ctrl enfonc&eacute; et d&eacute;posez-la sur l'arri&egrave;re-plan. Dans le navigateur Internet, cette couleur d'arri&egrave;re-plan
s'affiche sur toute la surface d'arri&egrave;re-plan de la fen&ecirc;tre.
Pour d&eacute;finir une couleur de fond, ouvrez l'&Eacute;diteur de couleurs (Ctrl+E) et glissez la deuxi&egrave;me couleur
situ&eacute;e &agrave; droite de la bo&icirc;te de dialogue. Maintenez la touche Ctrl enfonc&eacute;e et placez la couleur dans
l'arri&egrave;re-plan de la page. Lorsque vous modifierez la couleur dans l'&Eacute;diteur de couleur, l'arri&egrave;re-plan sera
modifi&eacute; simultan&eacute;ment.
Pour mettre en place une texture de fond r&eacute;currente, glissez la photo ou
le Bitmap sur le document. Ouvrez la Galerie Bitmap, recherchez la
photo que vous venez de t&eacute;l&eacute;charger, cliquez dessus pour la s&eacute;lectionner
puis cliquez sur le bouton Arri&egrave;re-plan
de la Galerie.
Cr&eacute;er un arri&egrave;re-plan d&eacute;grad&eacute;
Pour cr&eacute;er facilement un arri&egrave;re-plan d&eacute;grad&eacute;, dessinez un rectangle sur la page enti&egrave;re, placez-le en
Page 46
fond et remplissez-le avec une couleur d&eacute;grad&eacute;e gr&acirc;ce &agrave; l'outil Remplissage, en disposant la couleur
dans l'ensemble du rectangle. (Voir ici
pour plus d'informations sur l'outil Remplissage).
Arri&egrave;res-plan avanc&eacute;s
Les navigateurs Web n'affichent pas les arri&egrave;res-plan d&eacute;grad&eacute;s sur l'ensemble visible de la fen&ecirc;tre
(c'est-&agrave;-dire comme un v&eacute;ritable arri&egrave;re-plan HTML) mais ils acceptent les arri&egrave;res-plan constitu&eacute;s de
fichiers Bitmap r&eacute;p&eacute;t&eacute;s et en mosa&iuml;que. De cette fa&ccedil;on, il est possible de cr&eacute;er un arri&egrave;re-plan
enti&egrave;rement d&eacute;grad&eacute; en cr&eacute;ant un fichier Bitmap qui sera r&eacute;p&eacute;t&eacute; (en mosa&iuml;que) sur la page.
En cr&eacute;ant une longue bande fine sur la gauche d&eacute;finie en tant qu'arri&egrave;re-plan, vous obtiendrez un
arri&egrave;re-plan d&eacute;grad&eacute; sur l'ensemble de la page.
Voici les &eacute;tapes permettant d'obtenir cet effet ;
1. Dessinez un long rectangle fin. Il doit &ecirc;tre aussi long que la fen&ecirc;tre de n'importe quel navigateur
pour &eacute;viter qu'il ne se r&eacute;p&egrave;te verticalement. Nous vous recommandons d'opter pour une valeur
de 1 000 pixels, une valeur sup&eacute;rieure &agrave; celle de votre page. Il sera peut-&ecirc;tre n&eacute;cessaire de faire
un zoom arri&egrave;re pour dessiner un rectangle de taille suffisante. Il doit &ecirc;tre tr&egrave;s fin.
2. Assurez-vous que votre rectangle n'a pas de bordure : cliquez sur l'outil S&eacute;lection et r&eacute;glez ce
param&egrave;tre. Cliquez sur &laquo; Aucune couleur &raquo; dans la Palette de couleurs (ou s&eacute;lectionnez
&laquo; Aucune &raquo; dans le menu de s&eacute;lection de la largeur de ligne, dans la barre du haut).
3. Assurez-vous que la largeur du rectangle ne d&eacute;passe pas quelques pixels et qu'ils se situent bien
dans les coordonn&eacute;es X et Y : dans l'outil S&eacute;lection, s&eacute;lectionnez le rectangle, &eacute;ditez la largeur
(L), appuyez sur Entrer puis &eacute;diter les positions X et Y pour que ce soit des nombres entiers.
4. En utilisant l' outil Remplissage, vous pouvez lui donner la couleur d&eacute;grad&eacute;e souhait&eacute;e : faites-la
simplement glisser dans le rectangle. Assurez-vous que le d&eacute;grad&eacute; soit bien r&eacute;parti de haut en bas
en ajustant si n&eacute;cessaire la fl&egrave;che de remplissage.
Une fois
5. Exportez le rectangle au format PNG. Cliquez sur l'ic&ocirc;ne &laquo; Exporter en PNG &raquo;.
export&eacute;e, faites glisser l'image sur la page de votre Explorateur de fichiers.
faites d&eacute;filer jusqu'&agrave; ce que vous voyez les images que vous
6. Ouvrez la galerie des Bitmaps,
venez de t&eacute;l&eacute;charger (il s'agit d'un index tr&egrave;s fin, presque invisible, dans la galerie), puis
s&eacute;lectionnez-le en cliquant dessus dans la Galerie. Ensuite, cliquez sur le bouton Arri&egrave;re-plan
dans la Galerie Bitmap. Vous pouvez ensuite supprimer le rectangle original de la page.
Cr&eacute;er vos propres Couleurs nomm&eacute;es
Si vous souhaitez utiliser une couleur plusieurs fois dans un document, vous pouvez cr&eacute;er votre propre
Couleur nomm&eacute;e en cliquant sur l'&eacute;tiquette Nom en haut de l'&Eacute;diteur de couleur. Cette couleur appara&icirc;t
d&eacute;sormais dans la Palette de couleurs.
Page 47
L'avantage d'une Couleur nomm&eacute;e est que si on l'&eacute;dite plus tard (cliquez sur la couleur puis s&eacute;lectionnez
&Eacute;diter), tous les objets utilisant cette couleur seront &eacute;galement modifi&eacute;s.
Nuances li&eacute;es
Vous pouvez cr&eacute;er des nuances plus claires ou plus fonc&eacute;es d'une couleur. Ainsi, lorsque la couleur de
d&eacute;part est modifi&eacute;e, toutes les nuances claires et fonc&eacute;es s'adaptent &agrave; la nouvelle couleur utilis&eacute;e. Par
exemple, la nuance d&eacute;grad&eacute;e d'un bouton, comme celle-ci :
Il s'agit d'un simple rectangle aux bords arrondis avec
un remplissage d&eacute;grad&eacute; cr&eacute;&eacute; avec l'outil de
remplissage. Dans l'outil Remplissage, vous pouvez
cliquer sur l'un des c&ocirc;t&eacute;s de la fl&egrave;che pour d&eacute;terminer
la couleur.
Si vous d&eacute;signez la principale couleur verte comme Couleur nomm&eacute;e et que vous en cr&eacute;ez ensuite une
nuance plus claire ou plus fonc&eacute;e en tant que Nuance li&eacute;e, lorsque vous &eacute;diterez la Couleur nomm&eacute;e, les
nuances changeront &eacute;galement. Ainsi, recolorer des objets aux nuances complexes devient facile.
Pour cr&eacute;er une nuance li&eacute;e, ouvrez les options suppl&eacute;mentaires de l'&Eacute;diteur de couleur puis s&eacute;lectionnez
le menu d&eacute;roulant &laquo; Couleurs normales &raquo; et &laquo; Nuance d'une autre couleur
&raquo;.
Cliquez sur ce bouton
pour afficher les couleurs
suppl&eacute;mentaires
Vous pouvez d&eacute;sormais
s&eacute;lectionner une nuance
plus claire ou plus fonc&eacute;e
d'une couleur m&egrave;re. La
couleur m&egrave;re est la
couleur coch&eacute;e.
S&eacute;lectionnez une Nuance
de ce menu d&eacute;roulant puis
la couleur m&egrave;re
Vous pouvez &eacute;galement cr&eacute;er une Nuance li&eacute;e qui appara&icirc;t dans la Palette de couleurs (vous pourrez
facilement l'appliquer &agrave; d'autres objets). Lorsque vous s&eacute;lectionnez un nouvel Objet nomm&eacute;, vous pouvez
choisir d'en faire un lien &laquo; Nuance d'une autre couleur &raquo;.
Page 48
Cr&eacute;er un arri&egrave;re-plan d&eacute;grad&eacute;
Pour cr&eacute;er facilement un arri&egrave;re-plan d&eacute;grad&eacute;, dessinez un rectangle sur la page enti&egrave;re, placez-le en
fond et remplissez-le avec une couleur d&eacute;grad&eacute;e gr&acirc;ce &agrave; l'outil Remplissage, en disposant la couleur
dans l'ensemble du rectangle. (Voir ici
pour plus d'informations sur l'outil Remplissage).
Arri&egrave;res-plan avanc&eacute;s
Les navigateurs Web n'affichent pas les arri&egrave;res-plan d&eacute;grad&eacute;s sur l'ensemble visible de la fen&ecirc;tre
(c'est-&agrave;-dire comme un v&eacute;ritable arri&egrave;re-plan HTML) mais ils acceptent les arri&egrave;res-plan constitu&eacute;s de
fichiers Bitmap r&eacute;p&eacute;t&eacute;s et en mosa&iuml;que. De cette fa&ccedil;on, il est possible de cr&eacute;er un arri&egrave;re-plan
enti&egrave;rement d&eacute;grad&eacute; en cr&eacute;ant un fichier Bitmap qui sera r&eacute;p&eacute;t&eacute; (en mosa&iuml;que) sur la page.
En cr&eacute;ant une longue bande fine sur la gauche d&eacute;finie en tant qu'arri&egrave;re-plan, vous obtiendrez un
arri&egrave;re-plan d&eacute;grad&eacute; sur l'ensemble de la page.
Voici les &eacute;tapes permettant d'obtenir cet effet ;
1. Dessinez un long rectangle fin. Il doit &ecirc;tre aussi long que la fen&ecirc;tre de n'importe quel navigateur
pour &eacute;viter qu'il ne se r&eacute;p&egrave;te verticalement. Nous vous recommandons d'opter pour une valeur
de 1 000 pixels, une valeur sup&eacute;rieure &agrave; celle de votre page. Il sera peut-&ecirc;tre n&eacute;cessaire de faire
un zoom arri&egrave;re pour dessiner un rectangle de taille suffisante. Il doit &ecirc;tre tr&egrave;s fin.
2. Assurez-vous que votre rectangle n'a pas de bordure : cliquez sur l'outil S&eacute;lection et r&eacute;glez ce
param&egrave;tre. Cliquez sur &laquo; Aucune couleur &raquo; dans la Palette de couleurs (ou s&eacute;lectionnez
&laquo; Aucune &raquo; dans le menu de s&eacute;lection de la largeur de ligne, dans la barre du haut).
3. Assurez-vous que la largeur du rectangle ne d&eacute;passe pas quelques pixels et qu'ils se situent bien
dans les coordonn&eacute;es X et Y : dans l'outil S&eacute;lection, s&eacute;lectionnez le rectangle, &eacute;ditez la largeur
(L), appuyez sur Entrer puis &eacute;diter les positions X et Y pour que ce soit des nombres entiers.
4. En utilisant l' outil Remplissage, vous pouvez lui donner la couleur d&eacute;grad&eacute;e souhait&eacute;e : faites-la
simplement glisser dans le rectangle. Assurez-vous que le d&eacute;grad&eacute; soit bien r&eacute;parti de haut en bas
en ajustant si n&eacute;cessaire la fl&egrave;che de remplissage.
Une fois
5. Exportez le rectangle au format PNG. Cliquez sur l'ic&ocirc;ne &laquo; Exporter en PNG &raquo;.
export&eacute;e, faites glisser l'image sur la page de votre Explorateur de fichiers.
faites d&eacute;filer jusqu'&agrave; ce que vous voyez les images que vous
6. Ouvrez la galerie des Bitmaps,
venez de t&eacute;l&eacute;charger (il s'agit d'un index tr&egrave;s fin, presque invisible, dans la galerie), puis
s&eacute;lectionnez-le en cliquant dessus dans la Galerie. Ensuite, cliquez sur le bouton Arri&egrave;re-plan
dans la Galerie Bitmap. Vous pouvez ensuite supprimer le rectangle original de la page.
Cr&eacute;er vos propres Couleurs nomm&eacute;es
Page 49
Si vous souhaitez utiliser une couleur plusieurs fois dans un document, vous pouvez cr&eacute;er votre propre
Couleur nomm&eacute;e en cliquant sur l'&eacute;tiquette Nom en haut de l'&Eacute;diteur de couleur. Cette couleur appara&icirc;t
d&eacute;sormais dans la Palette de couleurs.
L'avantage d'une Couleur nomm&eacute;e est que si on l'&eacute;dite plus tard (cliquez sur la couleur puis s&eacute;lectionnez
&Eacute;diter), tous les objets utilisant cette couleur seront &eacute;galement modifi&eacute;s.
Nuances li&eacute;es
Vous pouvez cr&eacute;er des nuances plus claires ou plus fonc&eacute;es d'une couleur. Ainsi, lorsque la couleur de
d&eacute;part est modifi&eacute;e, toutes les nuances claires et fonc&eacute;es s'adaptent &agrave; la nouvelle couleur utilis&eacute;e. Par
exemple, la nuance d&eacute;grad&eacute;e d'un bouton, comme celle-ci :
Il s'agit d'un simple rectangle aux bords arrondis avec
un remplissage d&eacute;grad&eacute; cr&eacute;&eacute; avec l'outil de
remplissage. Dans l'outil Remplissage, vous pouvez
cliquer sur l'un des c&ocirc;t&eacute;s de la fl&egrave;che pour d&eacute;terminer
la couleur.
Si vous d&eacute;signez la principale couleur verte comme Couleur nomm&eacute;e et que vous en cr&eacute;ez ensuite une
nuance plus claire ou plus fonc&eacute;e en tant que Nuance li&eacute;e, lorsque vous &eacute;diterez la Couleur nomm&eacute;e, les
nuances changeront &eacute;galement. Ainsi, recolorer des objets aux nuances complexes devient facile.
Pour cr&eacute;er une nuance li&eacute;e, ouvrez les options suppl&eacute;mentaires de l'&Eacute;diteur de couleur puis s&eacute;lectionnez
le menu d&eacute;roulant &laquo; Couleurs normales &raquo; et &laquo; Nuance d'une autre couleur
&raquo;.
Cliquez sur ce bouton
pour afficher les couleurs
suppl&eacute;mentaires
Vous pouvez d&eacute;sormais
s&eacute;lectionner une nuance
plus claire ou plus fonc&eacute;e
d'une couleur m&egrave;re. La
couleur m&egrave;re est la
couleur coch&eacute;e.
S&eacute;lectionnez une Nuance
de ce menu d&eacute;roulant puis
la couleur m&egrave;re
Vous pouvez &eacute;galement cr&eacute;er une Nuance li&eacute;e qui appara&icirc;t dans la Palette de couleurs (vous pourrez
facilement l'appliquer &agrave; d'autres objets). Lorsque vous s&eacute;lectionnez un nouvel Objet nomm&eacute;, vous pouvez
choisir d'en faire un lien &laquo; Nuance d'une autre couleur &raquo;.
Page 50
Cr&eacute;er vos propres Couleurs nomm&eacute;es
Si vous souhaitez utiliser une couleur plusieurs fois dans un document, vous pouvez cr&eacute;er votre propre
Couleur nomm&eacute;e en cliquant sur l'&eacute;tiquette Nom en haut de l'&Eacute;diteur de couleur. Cette couleur appara&icirc;t
d&eacute;sormais dans la Palette de couleurs.
L'avantage d'une Couleur nomm&eacute;e est que si on l'&eacute;dite plus tard (cliquez sur la couleur puis s&eacute;lectionnez
&Eacute;diter), tous les objets utilisant cette couleur seront &eacute;galement modifi&eacute;s.
Nuances li&eacute;es
Vous pouvez cr&eacute;er des nuances plus claires ou plus fonc&eacute;es d'une couleur. Ainsi, lorsque la couleur de
d&eacute;part est modifi&eacute;e, toutes les nuances claires et fonc&eacute;es s'adaptent &agrave; la nouvelle couleur utilis&eacute;e. Par
exemple, la nuance d&eacute;grad&eacute;e d'un bouton, comme celle-ci :
Il s'agit d'un simple rectangle aux bords arrondis avec
un remplissage d&eacute;grad&eacute; cr&eacute;&eacute; avec l'outil de
remplissage. Dans l'outil Remplissage, vous pouvez
cliquer sur l'un des c&ocirc;t&eacute;s de la fl&egrave;che pour d&eacute;terminer
la couleur.
Si vous d&eacute;signez la principale couleur verte comme Couleur nomm&eacute;e et que vous en cr&eacute;ez ensuite une
nuance plus claire ou plus fonc&eacute;e en tant que Nuance li&eacute;e, lorsque vous &eacute;diterez la Couleur nomm&eacute;e, les
nuances changeront &eacute;galement. Ainsi, recolorer des objets aux nuances complexes devient facile.
Pour cr&eacute;er une nuance li&eacute;e, ouvrez les options suppl&eacute;mentaires de l'&Eacute;diteur de couleur puis s&eacute;lectionnez
le menu d&eacute;roulant &laquo; Couleurs normales &raquo; et &laquo; Nuance d'une autre couleur
&raquo;.
Cliquez sur ce bouton
pour afficher les couleurs
suppl&eacute;mentaires
Vous pouvez d&eacute;sormais
s&eacute;lectionner une nuance
plus claire ou plus fonc&eacute;e
d'une couleur m&egrave;re. La
couleur m&egrave;re est la
couleur coch&eacute;e.
S&eacute;lectionnez une Nuance
de ce menu d&eacute;roulant puis
la couleur m&egrave;re
Vous pouvez &eacute;galement cr&eacute;er une Nuance li&eacute;e qui appara&icirc;t dans la Palette de couleurs (vous pourrez
facilement l'appliquer &agrave; d'autres objets). Lorsque vous s&eacute;lectionnez un nouvel Objet nomm&eacute;, vous pouvez
Page 51
choisir d'en faire un lien &laquo; Nuance d'une autre couleur &raquo;.
Page 52
Nuances li&eacute;es
Vous pouvez cr&eacute;er des nuances plus claires ou plus fonc&eacute;es d'une couleur. Ainsi, lorsque la couleur de
d&eacute;part est modifi&eacute;e, toutes les nuances claires et fonc&eacute;es s'adaptent &agrave; la nouvelle couleur utilis&eacute;e. Par
exemple, la nuance d&eacute;grad&eacute;e d'un bouton, comme celle-ci :
Il s'agit d'un simple rectangle aux bords arrondis avec
un remplissage d&eacute;grad&eacute; cr&eacute;&eacute; avec l'outil de
remplissage. Dans l'outil Remplissage, vous pouvez
cliquer sur l'un des c&ocirc;t&eacute;s de la fl&egrave;che pour d&eacute;terminer
la couleur.
Si vous d&eacute;signez la principale couleur verte comme Couleur nomm&eacute;e et que vous en cr&eacute;ez ensuite une
nuance plus claire ou plus fonc&eacute;e en tant que Nuance li&eacute;e, lorsque vous &eacute;diterez la Couleur nomm&eacute;e, les
nuances changeront &eacute;galement. Ainsi, recolorer des objets aux nuances complexes devient facile.
Pour cr&eacute;er une nuance li&eacute;e, ouvrez les options suppl&eacute;mentaires de l'&Eacute;diteur de couleur puis s&eacute;lectionnez
le menu d&eacute;roulant &laquo; Couleurs normales &raquo; et &laquo; Nuance d'une autre couleur
&raquo;.
Cliquez sur ce bouton
pour afficher les couleurs
suppl&eacute;mentaires
Vous pouvez d&eacute;sormais
s&eacute;lectionner une nuance
plus claire ou plus fonc&eacute;e
d'une couleur m&egrave;re. La
couleur m&egrave;re est la
couleur coch&eacute;e.
S&eacute;lectionnez une Nuance
de ce menu d&eacute;roulant puis
la couleur m&egrave;re
Vous pouvez &eacute;galement cr&eacute;er une Nuance li&eacute;e qui appara&icirc;t dans la Palette de couleurs (vous pourrez
facilement l'appliquer &agrave; d'autres objets). Lorsque vous s&eacute;lectionnez un nouvel Objet nomm&eacute;, vous pouvez
choisir d'en faire un lien &laquo; Nuance d'une autre couleur &raquo;.
Page 53
Photos
Vous pouvez remplacer n'importe quelle photo en la faisant glisser de votre Explorateur sur une photo
de Web Designer. Si vous la placez en arri&egrave;re-plan, elle sera import&eacute;e et dispos&eacute;e sur la page &agrave; l'endroit
o&ugrave; vous l'avez plac&eacute;e. Toutes les photos import&eacute;es sont affich&eacute;es en 500 pixels, mais vous pouvez tout &agrave;
fait modifier leur taille en utilisant l'outil S&eacute;lection.
Faites glisser-d&eacute;poser votre photo sur une image existante pour la remplacer. Faites-la glisser en
arri&egrave;re-plan pour l'importer en tant que nouvelle photo
Lorsque vous remplacez une photo existante, l'outil Remplissage est
s&eacute;lectionn&eacute; et deux Fl&egrave;ches de remplissage s'affichent aux angles droits
de la photo.
La photo r&eacute;sulte &eacute;galement du remplissage d'une forme. Vous pouvez tirer sur l'image pour la
repositionner ou tirer sur les extr&eacute;mit&eacute;s des Fl&egrave;ches de remplissage pour redimensionner et faire pivoter
l'image &agrave; l'int&eacute;rieur de sa bordure.
Tirez sur la photo pour la repositionner &agrave; l'int&eacute;rieur de son cadre. Tirez sur les extr&eacute;mit&eacute;s des fl&egrave;ches pour
la redimensionner et la faire pivoter.
L'outil Photo
L'outil Photo
permet d'am&eacute;liorer et de d&eacute;couper une photo. Il vous permet de
cliquer sur une photo et d'ajuster les commandes de la Barre d'Infos.
Page 54
Barre d'infos de l'outil Photo avec r&eacute;glette de luminosit&eacute;
Pour d&eacute;couper une photo, ouvrez l'outil Photo et tirez sur le cadre de la photo. Vous pouvez ajuster les
angles d&eacute;coup&eacute;s en tirant sur les poign&eacute;es de d&eacute;coupage situ&eacute;es &agrave; l'ext&eacute;rieur de la photo. Voir la
rubrique Traitement des photos pour plus d'informations sur le traitement avanc&eacute; des photos dans
Xtreme Web Designer 5 ainsi que la rubrique outil Photo
pour d&eacute;couvrir comment utiliser l'outil Photo.
Photos miniatures avec pop-ups
Vous pouvez tr&egrave;s facilement cr&eacute;er des photos miniatures (il suffit de les redimensionner pour qu'elles
soient de taille r&eacute;duite). De cette fa&ccedil;on, cliquer sur l'image vous permettra de voir sa version agrandie. Il
suffit simplement de redimensionner vos photos pour qu'elles soient plus petites.
S&eacute;lectionnez la photo miniature puis l'option &laquo; Photo pop-up &raquo; dans
l'onglet Gauche de la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web (cliquez sur le
Bouton gauche dans la Barre d'outil Web
).
Vous avez la possibilit&eacute; d'afficher un sous-titre sous chaque photo pop-up. Il vous suffit de d&eacute;finir la
Description de l'image (texte alternatif) pour la miniature dans l'onglet Image
de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s Web.
Sous Internet Explorer, la Description de l'image affiche &eacute;galement une infobulle lorsque l'on passe la
souris sur l'image. Pour afficher un texte diff&eacute;rent, par exemple &laquo; Cliquez pour agrandir &raquo; lorsque vous
passez sur la miniature, allez sur l'onglet Survol de souris puis remplacez &laquo; Afficher le texte pop-up
&raquo; par &laquo; Cliquez pour agrandir &raquo;.
R&eacute;solution des photos : tout est automatique !
Web Designer conserve toujours la r&eacute;solution compl&egrave;te de l'image. Ainsi, vous pouvez redimensionner
ou d&eacute;couper votre image comme vous le souhaitez sans perdre en qualit&eacute;. Web Designer convertit
automatiquement toutes les photos en image JPEG avec la bonne r&eacute;solution lorsque vous sauvegardez
votre site Internet. Ne vous souciez pas des ppp, de la taille de l'image, des pixels ou de quoi que ce soit
d'autre. Ce que vous voyez dans Web Designer (avec un zoom &agrave; 100 %) correspond exactement &agrave; ce
Page 55
que vous verrez sur votre site.
Si vous souhaitez redimensionner une photo ou un objet &agrave; une taille sp&eacute;cifique, il vous suffit de saisir les
mesures dans les champs longueur et largeur de la Barre d'Infos de l'outil S&eacute;lection.
Lorsque vous glissez une photo sur la page (en supposant que vous ne remplacez pas une photo
existante), elle est redimensionn&eacute;e &agrave; une largeur de 500 pixels. Si vous souhaitez une largeur de
200 pixels, il vous suffit de saisir 200 pix dans le champ W de l'outil S&eacute;lection. Vous pouvez saisir cette
valeur dans diff&eacute;rentes unit&eacute;s. Ainsi, 2 in correspond &agrave; une largeur de 2 inches (pouces).
Page 56
L'outil Photo
L'outil Photo
permet d'am&eacute;liorer et de d&eacute;couper une photo. Il vous permet de
cliquer sur une photo et d'ajuster les commandes de la Barre d'Infos.
Barre d'infos de l'outil Photo avec r&eacute;glette de luminosit&eacute;
Pour d&eacute;couper une photo, ouvrez l'outil Photo et tirez sur le cadre de la photo. Vous pouvez ajuster les
angles d&eacute;coup&eacute;s en tirant sur les poign&eacute;es de d&eacute;coupage situ&eacute;es &agrave; l'ext&eacute;rieur de la photo. Voir la
rubrique Traitement des photos pour plus d'informations sur le traitement avanc&eacute; des photos dans
Xtreme Web Designer 5 ainsi que la rubrique outil Photo
pour d&eacute;couvrir comment utiliser l'outil Photo.
Photos miniatures avec pop-ups
Vous pouvez tr&egrave;s facilement cr&eacute;er des photos miniatures (il suffit de les redimensionner pour qu'elles
soient de taille r&eacute;duite). De cette fa&ccedil;on, cliquer sur l'image vous permettra de voir sa version agrandie. Il
suffit simplement de redimensionner vos photos pour qu'elles soient plus petites.
S&eacute;lectionnez la photo miniature puis l'option &laquo; Photo pop-up &raquo; dans
l'onglet Gauche de la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web (cliquez sur le
Bouton gauche dans la Barre d'outil Web
).
Vous avez la possibilit&eacute; d'afficher un sous-titre sous chaque photo pop-up. Il vous suffit de d&eacute;finir la
Description de l'image (texte alternatif) pour la miniature dans l'onglet Image
de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s Web.
Sous Internet Explorer, la Description de l'image affiche &eacute;galement une infobulle lorsque l'on passe la
souris sur l'image. Pour afficher un texte diff&eacute;rent, par exemple &laquo; Cliquez pour agrandir &raquo; lorsque vous
passez sur la miniature, allez sur l'onglet Survol de souris puis remplacez &laquo; Afficher le texte pop-up
&raquo; par &laquo; Cliquez pour agrandir &raquo;.
R&eacute;solution des photos : tout est automatique !
Page 57
Web Designer conserve toujours la r&eacute;solution compl&egrave;te de l'image. Ainsi, vous pouvez redimensionner
ou d&eacute;couper votre image comme vous le souhaitez sans perdre en qualit&eacute;. Web Designer convertit
automatiquement toutes les photos en image JPEG avec la bonne r&eacute;solution lorsque vous sauvegardez
votre site Internet. Ne vous souciez pas des ppp, de la taille de l'image, des pixels ou de quoi que ce soit
d'autre. Ce que vous voyez dans Web Designer (avec un zoom &agrave; 100 %) correspond exactement &agrave; ce
que vous verrez sur votre site.
Si vous souhaitez redimensionner une photo ou un objet &agrave; une taille sp&eacute;cifique, il vous suffit de saisir les
mesures dans les champs longueur et largeur de la Barre d'Infos de l'outil S&eacute;lection.
Lorsque vous glissez une photo sur la page (en supposant que vous ne remplacez pas une photo
existante), elle est redimensionn&eacute;e &agrave; une largeur de 500 pixels. Si vous souhaitez une largeur de
200 pixels, il vous suffit de saisir 200 pix dans le champ W de l'outil S&eacute;lection. Vous pouvez saisir cette
valeur dans diff&eacute;rentes unit&eacute;s. Ainsi, 2 in correspond &agrave; une largeur de 2 inches (pouces).
Page 58
Photos miniatures avec pop-ups
Vous pouvez tr&egrave;s facilement cr&eacute;er des photos miniatures (il suffit de les redimensionner pour qu'elles
soient de taille r&eacute;duite). De cette fa&ccedil;on, cliquer sur l'image vous permettra de voir sa version agrandie. Il
suffit simplement de redimensionner vos photos pour qu'elles soient plus petites.
S&eacute;lectionnez la photo miniature puis l'option &laquo; Photo pop-up &raquo; dans
l'onglet Gauche de la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web (cliquez sur le
Bouton gauche dans la Barre d'outil Web
).
Vous avez la possibilit&eacute; d'afficher un sous-titre sous chaque photo pop-up. Il vous suffit de d&eacute;finir la
Description de l'image (texte alternatif) pour la miniature dans l'onglet Image
de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s Web.
Sous Internet Explorer, la Description de l'image affiche &eacute;galement une infobulle lorsque l'on passe la
souris sur l'image. Pour afficher un texte diff&eacute;rent, par exemple &laquo; Cliquez pour agrandir &raquo; lorsque vous
passez sur la miniature, allez sur l'onglet Survol de souris puis remplacez &laquo; Afficher le texte pop-up
&raquo; par &laquo; Cliquez pour agrandir &raquo;.
R&eacute;solution des photos : tout est automatique !
Web Designer conserve toujours la r&eacute;solution compl&egrave;te de l'image. Ainsi, vous pouvez redimensionner
ou d&eacute;couper votre image comme vous le souhaitez sans perdre en qualit&eacute;. Web Designer convertit
automatiquement toutes les photos en image JPEG avec la bonne r&eacute;solution lorsque vous sauvegardez
votre site Internet. Ne vous souciez pas des ppp, de la taille de l'image, des pixels ou de quoi que ce soit
d'autre. Ce que vous voyez dans Web Designer (avec un zoom &agrave; 100 %) correspond exactement &agrave; ce
que vous verrez sur votre site.
Si vous souhaitez redimensionner une photo ou un objet &agrave; une taille sp&eacute;cifique, il vous suffit de saisir les
mesures dans les champs longueur et largeur de la Barre d'Infos de l'outil S&eacute;lection.
Lorsque vous glissez une photo sur la page (en supposant que vous ne remplacez pas une photo
existante), elle est redimensionn&eacute;e &agrave; une largeur de 500 pixels. Si vous souhaitez une largeur de
200 pixels, il vous suffit de saisir 200 pix dans le champ W de l'outil S&eacute;lection. Vous pouvez saisir cette
valeur dans diff&eacute;rentes unit&eacute;s. Ainsi, 2 in correspond &agrave; une largeur de 2 inches (pouces).
Page 59
R&eacute;solution des photos : tout est automatique !
Web Designer conserve toujours la r&eacute;solution compl&egrave;te de l'image. Ainsi, vous pouvez redimensionner
ou d&eacute;couper votre image comme vous le souhaitez sans perdre en qualit&eacute;. Web Designer convertit
automatiquement toutes les photos en image JPEG avec la bonne r&eacute;solution lorsque vous sauvegardez
votre site Internet. Ne vous souciez pas des ppp, de la taille de l'image, des pixels ou de quoi que ce soit
d'autre. Ce que vous voyez dans Web Designer (avec un zoom &agrave; 100 %) correspond exactement &agrave; ce
que vous verrez sur votre site.
Si vous souhaitez redimensionner une photo ou un objet &agrave; une taille sp&eacute;cifique, il vous suffit de saisir les
mesures dans les champs longueur et largeur de la Barre d'Infos de l'outil S&eacute;lection.
Lorsque vous glissez une photo sur la page (en supposant que vous ne remplacez pas une photo
existante), elle est redimensionn&eacute;e &agrave; une largeur de 500 pixels. Si vous souhaitez une largeur de
200 pixels, il vous suffit de saisir 200 pix dans le champ W de l'outil S&eacute;lection. Vous pouvez saisir cette
valeur dans diff&eacute;rentes unit&eacute;s. Ainsi, 2 in correspond &agrave; une largeur de 2 inches (pouces).
Page 60
Texte
Vous pouvez &eacute;diter le texte en s&eacute;lectionnant l'outil Texte puis en cliquant
sur le texte.
Vous disposez de tous les outils de traitement de texte et vous pouvez coller le texte &agrave; partir du
presse-papier du syst&egrave;me. Double-cliquez sur un mot pour le s&eacute;lectionner, faites un triple-clic pour
s&eacute;lectionner une ligne enti&egrave;re, ce qui peut &ecirc;tre utile pour s&eacute;lectionner un texte entier avec un bouton.
Comme toujours, la Barre d'Infos offre de nombreuses fonctionnalit&eacute;s pour cet outil.
Le menu des polices comprend toutes les polices install&eacute;es et les classe en trois sections. La section du
haut affiche les polices d&eacute;j&agrave; utilis&eacute;es dans le document, la seconde affiche les polices &laquo; Web safe &raquo; et la
section du bas affiche toutes les polices install&eacute;es sur votre ordinateur.
Les trois sections du menu des polices. Dans cet exemple, Courier New est s&eacute;lectionn&eacute; et affiche les
variantes disponibles en gras et en italique, toutes les polices n'ont pas ces variantes.
Le menu des polices permet une visualisation des polices en temps r&eacute;el. Lorsque vous parcourez le
menu, le texte s&eacute;lectionn&eacute; change de police, vous offrant ainsi la possibilit&eacute; de voir imm&eacute;diatement le
r&eacute;sultat dans le document.
Taille de la police
Le champ taille de la police affiche la taille de la police en pixels, car c'est la mani&egrave;re la plus fiable de
configurer la taille du texte dans un navigateur Web. Vous pouvez &eacute;galement saisir la taille en points (ou
toute autre unit&eacute;) en saisissant cette valeur suivie de pt (pour point). Exemple : 72 pt ou 1 in, qui seront
ensuite convertis en pixels.
Polices Web safe
Seul un petit ensemble de polices peut &ecirc;tre utilis&eacute; en toute s&eacute;curit&eacute; pour le texte principal d'un site
Internet – il s'agit des seules polices dont vous pouvez &ecirc;tre s&ucirc;r qu'elles existent sur l'ordinateur du visiteur.
Bien qu'il n'existe pas de garantie, il existe un sous-ensemble de polices largement utilis&eacute;es par environ
Page 61
98 % des ordinateurs, y compris des ordinateurs Apple Mac et certains ordinateurs Linux. Ces polices
sont appel&eacute;es &laquo; Polices Web safe &raquo; et sont r&eacute;pertori&eacute;es dans une section s&eacute;par&eacute;e du menu des polices.
Si vous tentez de sauvegarder un site Web en utilisant d'autres polices que les polices Web safe, vous
serez averti.
Si vous transformez un texte en objet graphique, toutes les polices sont utilisables. Voir la rubrique
Groupes
ci-dessous pour plus de d&eacute;tails.
Cr&eacute;er de nouveaux objets textes
Il existe trois types d'objets texte :une seule ligne de texte, une colonne ou une zone de texte
rectangulaire. Pour cr&eacute;er une ligne de texte, s&eacute;lectionnez l'outil Texte puis cliquez n'importe o&ugrave; sur
l'arri&egrave;re-plan et commencez &agrave; &eacute;crire. Pour cr&eacute;er une colonne, cliquez et tirez horizontalement sur
l'arri&egrave;re-plan puis commencez &agrave; &eacute;crire. Vous pouvez ajuster la largeur de la colonne &agrave; tout moment. Pour
cr&eacute;er une zone de texte, cliquez et tirez en diagonale. Vous pouvez ajuster la largeur et la hauteur d'une
zone de texte.
Texte pivot&eacute;
Comme cela est le cas pour les outils de cr&eacute;ation Internet, vous pouvez faire pivoter des objets texte, y
compris des colonnes en utilisant la fonctionnalit&eacute; en question dans l'outil S&eacute;lection. Cependant, comme
les navigateurs ne supportent pas le texte pivot&eacute;, Web Designer le convertit en graphique lorsque la page
est export&eacute;e en tant que site Internet.
Ombres douces, texte en couleur, texte transparent
Vous pouvez utiliser tous ces effets avec les bons outils. Par exemple, si vous faites glisser le texte dans
l'outil Remplissage, vous obtiendrez une couleur d&eacute;grad&eacute;e. Si vous le glissez dans l'outil Ombre, le texte
aura une ombre douce.
Dans tous les cas, Web Designer convertira automatiquement le texte en image lors de l'exportation de
votre site Internet.
Renvoyer du texte autour des objets
Si vous cliquez sur un objet, comme une photo, puis que vous s&eacute;lectionnez l'option du menu &laquo; Renvoyer
texte sous...
&raquo;, vous pouvez ins&eacute;rer du texte autour de l'objet situ&eacute; au-dessus.
La plupart des objets, comme les photos, les panneaux de c&ocirc;t&eacute;, les boutons et les titres utilis&eacute;s dans les
mod&egrave;les de conception de la Galerie des mod&egrave;les renvoient automatiquement le texte sur les c&ocirc;t&eacute;s
lorsque vous les faites glisser. Ces objets ne renvoient que le texte situ&eacute; derri&egrave;re l'objet, il est donc
possible que vous deviez &laquo; ramener devant &raquo; l'objet pour que le renvoi fonctionne (Ctrl+F).
Toutes les manipulations effectu&eacute;es dans l'outil Texte sont r&eacute;alis&eacute;es en temps r&eacute;el, le texte prend un
nouveau format et une nouvelle disposition lorsque vous modifiez la largeur de la colonne ou lorsque vous
d&eacute;placez un objet.
Panneaux de texte
De la m&ecirc;me fa&ccedil;on que certains boutons de la Galerie de mod&egrave;les s'&eacute;tendent pour s'adapter au texte,
certains panneaux de texte peuvent s'adapter &agrave; la largeur ou &agrave; la longueur du texte saisi.
Page 62
L'arri&egrave;re-plan du panneau s'adapte &agrave; des blocs de texte plus longs ou plus larges.
Vous pouvez ajuster la largeur d'une colonne de texte en allant dans l'outil Texte puis en tirant sur les
poign&eacute;es de largeur de la colonne (sous la premi&egrave;re ligne de texte). La plupart des mod&egrave;les de
conception de la Galerie des mod&egrave;les proposent des panneaux de texte en accord avec le mod&egrave;le.
Certains panneaux de texte s'&eacute;tirent seulement verticalement, d'autres verticalement et horizontalement.
Pour cr&eacute;er votre propre bouton ou panneau de texte extensible, utilisez l'un des mod&egrave;les de la Galerie et
adaptez-le en recolorant l'arri&egrave;re-plan ou en ajustant la couleur/la taille/la largeur du texte.
Remarque : Vous pouvez cr&eacute;er de nouveaux &eacute;l&eacute;ments extensibles en utilisant Xara Xtreme Pro.
Correcteur orthographique
Dans la Barre d'infos de l'outil Texte se trouve un bouton qui permet de
s&eacute;lectionner les options du correcteur orthographique et la langue. Si
vous s&eacute;lectionnez &laquo; V&eacute;rifier l'orthographe au cours de la frappe &raquo;, tous
les termes inconnus seront soulign&eacute;s par des pointill&eacute;s rouges. Faites un
clic droit sur le mot soulign&eacute; pour voir les suggestions.
Polices incrust&eacute;es
Web Designer enregistre les formes des caract&egrave;res de toutes les polices utilis&eacute;es dans votre document.
Cela signifie que si vous donnez &agrave; quelqu'un d'autre votre fichier Web, ou si vous transf&eacute;rez le fichier sur
un autre ordinateur, le texte appara&icirc;tra parfaitement, m&ecirc;me si les polices correctes ne sont pas install&eacute;es
sur cet ordinateur. Cette option n'incruste que les caract&egrave;res d'une police qui sont utilis&eacute;s dans le
document (la police n'est pas incluse en entier). Ainsi, sur les ordinateurs ne comportant pas les polices,
le texte ajout&eacute; dans la police manquante ne pr&eacute;sentera &eacute;ventuellement pas les formes de caract&egrave;re
correctes.
Astuce : De nombreux raccourcis sont disponibles dans l'outil Texte. Reportez-vous &agrave; la rubrique
relative aux raccourcis clavier
pour les voir. Par exemple, pour visionner la mise en page des pages Web, vous pouvez utiliser le
raccourci Ctrl+Maj+L, qui vous permet d'ins&eacute;rer un bloc de texte factice ressemblant &agrave; du latin.
Page 63
Taille de la police
Le champ taille de la police affiche la taille de la police en pixels, car c'est la mani&egrave;re la plus fiable de
configurer la taille du texte dans un navigateur Web. Vous pouvez &eacute;galement saisir la taille en points (ou
toute autre unit&eacute;) en saisissant cette valeur suivie de pt (pour point). Exemple : 72 pt ou 1 in, qui seront
ensuite convertis en pixels.
Polices Web safe
Seul un petit ensemble de polices peut &ecirc;tre utilis&eacute; en toute s&eacute;curit&eacute; pour le texte principal d'un site
Internet – il s'agit des seules polices dont vous pouvez &ecirc;tre s&ucirc;r qu'elles existent sur l'ordinateur du visiteur.
Bien qu'il n'existe pas de garantie, il existe un sous-ensemble de polices largement utilis&eacute;es par environ
98 % des ordinateurs, y compris des ordinateurs Apple Mac et certains ordinateurs Linux. Ces polices
sont appel&eacute;es &laquo; Polices Web safe &raquo; et sont r&eacute;pertori&eacute;es dans une section s&eacute;par&eacute;e du menu des polices.
Si vous tentez de sauvegarder un site Web en utilisant d'autres polices que les polices Web safe, vous
serez averti.
Si vous transformez un texte en objet graphique, toutes les polices sont utilisables. Voir la rubrique
Groupes
ci-dessous pour plus de d&eacute;tails.
Cr&eacute;er de nouveaux objets textes
Il existe trois types d'objets texte :une seule ligne de texte, une colonne ou une zone de texte
rectangulaire. Pour cr&eacute;er une ligne de texte, s&eacute;lectionnez l'outil Texte puis cliquez n'importe o&ugrave; sur
l'arri&egrave;re-plan et commencez &agrave; &eacute;crire. Pour cr&eacute;er une colonne, cliquez et tirez horizontalement sur
l'arri&egrave;re-plan puis commencez &agrave; &eacute;crire. Vous pouvez ajuster la largeur de la colonne &agrave; tout moment. Pour
cr&eacute;er une zone de texte, cliquez et tirez en diagonale. Vous pouvez ajuster la largeur et la hauteur d'une
zone de texte.
Texte pivot&eacute;
Comme cela est le cas pour les outils de cr&eacute;ation Internet, vous pouvez faire pivoter des objets texte, y
compris des colonnes en utilisant la fonctionnalit&eacute; en question dans l'outil S&eacute;lection. Cependant, comme
les navigateurs ne supportent pas le texte pivot&eacute;, Web Designer le convertit en graphique lorsque la page
est export&eacute;e en tant que site Internet.
Ombres douces, texte en couleur, texte transparent
Vous pouvez utiliser tous ces effets avec les bons outils. Par exemple, si vous faites glisser le texte dans
l'outil Remplissage, vous obtiendrez une couleur d&eacute;grad&eacute;e. Si vous le glissez dans l'outil Ombre, le texte
aura une ombre douce.
Dans tous les cas, Web Designer convertira automatiquement le texte en image lors de l'exportation de
votre site Internet.
Renvoyer du texte autour des objets
Si vous cliquez sur un objet, comme une photo, puis que vous s&eacute;lectionnez l'option du menu &laquo; Renvoyer
texte sous...
&raquo;, vous pouvez ins&eacute;rer du texte autour de l'objet situ&eacute; au-dessus.
La plupart des objets, comme les photos, les panneaux de c&ocirc;t&eacute;, les boutons et les titres utilis&eacute;s dans les
mod&egrave;les de conception de la Galerie des mod&egrave;les renvoient automatiquement le texte sur les c&ocirc;t&eacute;s
lorsque vous les faites glisser. Ces objets ne renvoient que le texte situ&eacute; derri&egrave;re l'objet, il est donc
possible que vous deviez &laquo; ramener devant &raquo; l'objet pour que le renvoi fonctionne (Ctrl+F).
Page 64
Toutes les manipulations effectu&eacute;es dans l'outil Texte sont r&eacute;alis&eacute;es en temps r&eacute;el, le texte prend un
nouveau format et une nouvelle disposition lorsque vous modifiez la largeur de la colonne ou lorsque vous
d&eacute;placez un objet.
Panneaux de texte
De la m&ecirc;me fa&ccedil;on que certains boutons de la Galerie de mod&egrave;les s'&eacute;tendent pour s'adapter au texte,
certains panneaux de texte peuvent s'adapter &agrave; la largeur ou &agrave; la longueur du texte saisi.
L'arri&egrave;re-plan du panneau s'adapte &agrave; des blocs de texte plus longs ou plus larges.
Vous pouvez ajuster la largeur d'une colonne de texte en allant dans l'outil Texte puis en tirant sur les
poign&eacute;es de largeur de la colonne (sous la premi&egrave;re ligne de texte). La plupart des mod&egrave;les de
conception de la Galerie des mod&egrave;les proposent des panneaux de texte en accord avec le mod&egrave;le.
Certains panneaux de texte s'&eacute;tirent seulement verticalement, d'autres verticalement et horizontalement.
Pour cr&eacute;er votre propre bouton ou panneau de texte extensible, utilisez l'un des mod&egrave;les de la Galerie et
adaptez-le en recolorant l'arri&egrave;re-plan ou en ajustant la couleur/la taille/la largeur du texte.
Remarque : Vous pouvez cr&eacute;er de nouveaux &eacute;l&eacute;ments extensibles en utilisant Xara Xtreme Pro.
Correcteur orthographique
Dans la Barre d'infos de l'outil Texte se trouve un bouton qui permet de
s&eacute;lectionner les options du correcteur orthographique et la langue. Si
vous s&eacute;lectionnez &laquo; V&eacute;rifier l'orthographe au cours de la frappe &raquo;, tous
les termes inconnus seront soulign&eacute;s par des pointill&eacute;s rouges. Faites un
clic droit sur le mot soulign&eacute; pour voir les suggestions.
Polices incrust&eacute;es
Web Designer enregistre les formes des caract&egrave;res de toutes les polices utilis&eacute;es dans votre document.
Cela signifie que si vous donnez &agrave; quelqu'un d'autre votre fichier Web, ou si vous transf&eacute;rez le fichier sur
un autre ordinateur, le texte appara&icirc;tra parfaitement, m&ecirc;me si les polices correctes ne sont pas install&eacute;es
sur cet ordinateur. Cette option n'incruste que les caract&egrave;res d'une police qui sont utilis&eacute;s dans le
document (la police n'est pas incluse en entier). Ainsi, sur les ordinateurs ne comportant pas les polices,
le texte ajout&eacute; dans la police manquante ne pr&eacute;sentera &eacute;ventuellement pas les formes de caract&egrave;re
correctes.
Astuce : De nombreux raccourcis sont disponibles dans l'outil Texte. Reportez-vous &agrave; la rubrique
relative aux raccourcis clavier
pour les voir. Par exemple, pour visionner la mise en page des pages Web, vous pouvez utiliser le
raccourci Ctrl+Maj+L, qui vous permet d'ins&eacute;rer un bloc de texte factice ressemblant &agrave; du latin.
Page 65
Polices Web safe
Seul un petit ensemble de polices peut &ecirc;tre utilis&eacute; en toute s&eacute;curit&eacute; pour le texte principal d'un site
Internet – il s'agit des seules polices dont vous pouvez &ecirc;tre s&ucirc;r qu'elles existent sur l'ordinateur du visiteur.
Bien qu'il n'existe pas de garantie, il existe un sous-ensemble de polices largement utilis&eacute;es par environ
98 % des ordinateurs, y compris des ordinateurs Apple Mac et certains ordinateurs Linux. Ces polices
sont appel&eacute;es &laquo; Polices Web safe &raquo; et sont r&eacute;pertori&eacute;es dans une section s&eacute;par&eacute;e du menu des polices.
Si vous tentez de sauvegarder un site Web en utilisant d'autres polices que les polices Web safe, vous
serez averti.
Si vous transformez un texte en objet graphique, toutes les polices sont utilisables. Voir la rubrique
Groupes
ci-dessous pour plus de d&eacute;tails.
Cr&eacute;er de nouveaux objets textes
Il existe trois types d'objets texte :une seule ligne de texte, une colonne ou une zone de texte
rectangulaire. Pour cr&eacute;er une ligne de texte, s&eacute;lectionnez l'outil Texte puis cliquez n'importe o&ugrave; sur
l'arri&egrave;re-plan et commencez &agrave; &eacute;crire. Pour cr&eacute;er une colonne, cliquez et tirez horizontalement sur
l'arri&egrave;re-plan puis commencez &agrave; &eacute;crire. Vous pouvez ajuster la largeur de la colonne &agrave; tout moment. Pour
cr&eacute;er une zone de texte, cliquez et tirez en diagonale. Vous pouvez ajuster la largeur et la hauteur d'une
zone de texte.
Texte pivot&eacute;
Comme cela est le cas pour les outils de cr&eacute;ation Internet, vous pouvez faire pivoter des objets texte, y
compris des colonnes en utilisant la fonctionnalit&eacute; en question dans l'outil S&eacute;lection. Cependant, comme
les navigateurs ne supportent pas le texte pivot&eacute;, Web Designer le convertit en graphique lorsque la page
est export&eacute;e en tant que site Internet.
Ombres douces, texte en couleur, texte transparent
Vous pouvez utiliser tous ces effets avec les bons outils. Par exemple, si vous faites glisser le texte dans
l'outil Remplissage, vous obtiendrez une couleur d&eacute;grad&eacute;e. Si vous le glissez dans l'outil Ombre, le texte
aura une ombre douce.
Dans tous les cas, Web Designer convertira automatiquement le texte en image lors de l'exportation de
votre site Internet.
Renvoyer du texte autour des objets
Si vous cliquez sur un objet, comme une photo, puis que vous s&eacute;lectionnez l'option du menu &laquo; Renvoyer
texte sous...
&raquo;, vous pouvez ins&eacute;rer du texte autour de l'objet situ&eacute; au-dessus.
La plupart des objets, comme les photos, les panneaux de c&ocirc;t&eacute;, les boutons et les titres utilis&eacute;s dans les
mod&egrave;les de conception de la Galerie des mod&egrave;les renvoient automatiquement le texte sur les c&ocirc;t&eacute;s
lorsque vous les faites glisser. Ces objets ne renvoient que le texte situ&eacute; derri&egrave;re l'objet, il est donc
possible que vous deviez &laquo; ramener devant &raquo; l'objet pour que le renvoi fonctionne (Ctrl+F).
Toutes les manipulations effectu&eacute;es dans l'outil Texte sont r&eacute;alis&eacute;es en temps r&eacute;el, le texte prend un
nouveau format et une nouvelle disposition lorsque vous modifiez la largeur de la colonne ou lorsque vous
d&eacute;placez un objet.
Panneaux de texte
De la m&ecirc;me fa&ccedil;on que certains boutons de la Galerie de mod&egrave;les s'&eacute;tendent pour s'adapter au texte,
Page 66
certains panneaux de texte peuvent s'adapter &agrave; la largeur ou &agrave; la longueur du texte saisi.
L'arri&egrave;re-plan du panneau s'adapte &agrave; des blocs de texte plus longs ou plus larges.
Vous pouvez ajuster la largeur d'une colonne de texte en allant dans l'outil Texte puis en tirant sur les
poign&eacute;es de largeur de la colonne (sous la premi&egrave;re ligne de texte). La plupart des mod&egrave;les de
conception de la Galerie des mod&egrave;les proposent des panneaux de texte en accord avec le mod&egrave;le.
Certains panneaux de texte s'&eacute;tirent seulement verticalement, d'autres verticalement et horizontalement.
Pour cr&eacute;er votre propre bouton ou panneau de texte extensible, utilisez l'un des mod&egrave;les de la Galerie et
adaptez-le en recolorant l'arri&egrave;re-plan ou en ajustant la couleur/la taille/la largeur du texte.
Remarque : Vous pouvez cr&eacute;er de nouveaux &eacute;l&eacute;ments extensibles en utilisant Xara Xtreme Pro.
Correcteur orthographique
Dans la Barre d'infos de l'outil Texte se trouve un bouton qui permet de
s&eacute;lectionner les options du correcteur orthographique et la langue. Si
vous s&eacute;lectionnez &laquo; V&eacute;rifier l'orthographe au cours de la frappe &raquo;, tous
les termes inconnus seront soulign&eacute;s par des pointill&eacute;s rouges. Faites un
clic droit sur le mot soulign&eacute; pour voir les suggestions.
Polices incrust&eacute;es
Web Designer enregistre les formes des caract&egrave;res de toutes les polices utilis&eacute;es dans votre document.
Cela signifie que si vous donnez &agrave; quelqu'un d'autre votre fichier Web, ou si vous transf&eacute;rez le fichier sur
un autre ordinateur, le texte appara&icirc;tra parfaitement, m&ecirc;me si les polices correctes ne sont pas install&eacute;es
sur cet ordinateur. Cette option n'incruste que les caract&egrave;res d'une police qui sont utilis&eacute;s dans le
document (la police n'est pas incluse en entier). Ainsi, sur les ordinateurs ne comportant pas les polices,
le texte ajout&eacute; dans la police manquante ne pr&eacute;sentera &eacute;ventuellement pas les formes de caract&egrave;re
correctes.
Astuce : De nombreux raccourcis sont disponibles dans l'outil Texte. Reportez-vous &agrave; la rubrique
relative aux raccourcis clavier
pour les voir. Par exemple, pour visionner la mise en page des pages Web, vous pouvez utiliser le
raccourci Ctrl+Maj+L, qui vous permet d'ins&eacute;rer un bloc de texte factice ressemblant &agrave; du latin.
Page 67
Cr&eacute;er de nouveaux objets textes
Il existe trois types d'objets texte :une seule ligne de texte, une colonne ou une zone de texte
rectangulaire. Pour cr&eacute;er une ligne de texte, s&eacute;lectionnez l'outil Texte puis cliquez n'importe o&ugrave; sur
l'arri&egrave;re-plan et commencez &agrave; &eacute;crire. Pour cr&eacute;er une colonne, cliquez et tirez horizontalement sur
l'arri&egrave;re-plan puis commencez &agrave; &eacute;crire. Vous pouvez ajuster la largeur de la colonne &agrave; tout moment. Pour
cr&eacute;er une zone de texte, cliquez et tirez en diagonale. Vous pouvez ajuster la largeur et la hauteur d'une
zone de texte.
Texte pivot&eacute;
Comme cela est le cas pour les outils de cr&eacute;ation Internet, vous pouvez faire pivoter des objets texte, y
compris des colonnes en utilisant la fonctionnalit&eacute; en question dans l'outil S&eacute;lection. Cependant, comme
les navigateurs ne supportent pas le texte pivot&eacute;, Web Designer le convertit en graphique lorsque la page
est export&eacute;e en tant que site Internet.
Ombres douces, texte en couleur, texte transparent
Vous pouvez utiliser tous ces effets avec les bons outils. Par exemple, si vous faites glisser le texte dans
l'outil Remplissage, vous obtiendrez une couleur d&eacute;grad&eacute;e. Si vous le glissez dans l'outil Ombre, le texte
aura une ombre douce.
Dans tous les cas, Web Designer convertira automatiquement le texte en image lors de l'exportation de
votre site Internet.
Renvoyer du texte autour des objets
Si vous cliquez sur un objet, comme une photo, puis que vous s&eacute;lectionnez l'option du menu &laquo; Renvoyer
texte sous...
&raquo;, vous pouvez ins&eacute;rer du texte autour de l'objet situ&eacute; au-dessus.
La plupart des objets, comme les photos, les panneaux de c&ocirc;t&eacute;, les boutons et les titres utilis&eacute;s dans les
mod&egrave;les de conception de la Galerie des mod&egrave;les renvoient automatiquement le texte sur les c&ocirc;t&eacute;s
lorsque vous les faites glisser. Ces objets ne renvoient que le texte situ&eacute; derri&egrave;re l'objet, il est donc
possible que vous deviez &laquo; ramener devant &raquo; l'objet pour que le renvoi fonctionne (Ctrl+F).
Toutes les manipulations effectu&eacute;es dans l'outil Texte sont r&eacute;alis&eacute;es en temps r&eacute;el, le texte prend un
nouveau format et une nouvelle disposition lorsque vous modifiez la largeur de la colonne ou lorsque vous
d&eacute;placez un objet.
Panneaux de texte
De la m&ecirc;me fa&ccedil;on que certains boutons de la Galerie de mod&egrave;les s'&eacute;tendent pour s'adapter au texte,
certains panneaux de texte peuvent s'adapter &agrave; la largeur ou &agrave; la longueur du texte saisi.
L'arri&egrave;re-plan du panneau s'adapte &agrave; des blocs de texte plus longs ou plus larges.
Vous pouvez ajuster la largeur d'une colonne de texte en allant dans l'outil Texte puis en tirant sur les
poign&eacute;es de largeur de la colonne (sous la premi&egrave;re ligne de texte). La plupart des mod&egrave;les de
Page 68
conception de la Galerie des mod&egrave;les proposent des panneaux de texte en accord avec le mod&egrave;le.
Certains panneaux de texte s'&eacute;tirent seulement verticalement, d'autres verticalement et horizontalement.
Pour cr&eacute;er votre propre bouton ou panneau de texte extensible, utilisez l'un des mod&egrave;les de la Galerie et
adaptez-le en recolorant l'arri&egrave;re-plan ou en ajustant la couleur/la taille/la largeur du texte.
Remarque : Vous pouvez cr&eacute;er de nouveaux &eacute;l&eacute;ments extensibles en utilisant Xara Xtreme Pro.
Correcteur orthographique
Dans la Barre d'infos de l'outil Texte se trouve un bouton qui permet de
s&eacute;lectionner les options du correcteur orthographique et la langue. Si
vous s&eacute;lectionnez &laquo; V&eacute;rifier l'orthographe au cours de la frappe &raquo;, tous
les termes inconnus seront soulign&eacute;s par des pointill&eacute;s rouges. Faites un
clic droit sur le mot soulign&eacute; pour voir les suggestions.
Polices incrust&eacute;es
Web Designer enregistre les formes des caract&egrave;res de toutes les polices utilis&eacute;es dans votre document.
Cela signifie que si vous donnez &agrave; quelqu'un d'autre votre fichier Web, ou si vous transf&eacute;rez le fichier sur
un autre ordinateur, le texte appara&icirc;tra parfaitement, m&ecirc;me si les polices correctes ne sont pas install&eacute;es
sur cet ordinateur. Cette option n'incruste que les caract&egrave;res d'une police qui sont utilis&eacute;s dans le
document (la police n'est pas incluse en entier). Ainsi, sur les ordinateurs ne comportant pas les polices,
le texte ajout&eacute; dans la police manquante ne pr&eacute;sentera &eacute;ventuellement pas les formes de caract&egrave;re
correctes.
Astuce : De nombreux raccourcis sont disponibles dans l'outil Texte. Reportez-vous &agrave; la rubrique
relative aux raccourcis clavier
pour les voir. Par exemple, pour visionner la mise en page des pages Web, vous pouvez utiliser le
raccourci Ctrl+Maj+L, qui vous permet d'ins&eacute;rer un bloc de texte factice ressemblant &agrave; du latin.
Page 69
Texte pivot&eacute;
Comme cela est le cas pour les outils de cr&eacute;ation Internet, vous pouvez faire pivoter des objets texte, y
compris des colonnes en utilisant la fonctionnalit&eacute; en question dans l'outil S&eacute;lection. Cependant, comme
les navigateurs ne supportent pas le texte pivot&eacute;, Web Designer le convertit en graphique lorsque la page
est export&eacute;e en tant que site Internet.
Ombres douces, texte en couleur, texte transparent
Vous pouvez utiliser tous ces effets avec les bons outils. Par exemple, si vous faites glisser le texte dans
l'outil Remplissage, vous obtiendrez une couleur d&eacute;grad&eacute;e. Si vous le glissez dans l'outil Ombre, le texte
aura une ombre douce.
Dans tous les cas, Web Designer convertira automatiquement le texte en image lors de l'exportation de
votre site Internet.
Renvoyer du texte autour des objets
Si vous cliquez sur un objet, comme une photo, puis que vous s&eacute;lectionnez l'option du menu &laquo; Renvoyer
texte sous...
&raquo;, vous pouvez ins&eacute;rer du texte autour de l'objet situ&eacute; au-dessus.
La plupart des objets, comme les photos, les panneaux de c&ocirc;t&eacute;, les boutons et les titres utilis&eacute;s dans les
mod&egrave;les de conception de la Galerie des mod&egrave;les renvoient automatiquement le texte sur les c&ocirc;t&eacute;s
lorsque vous les faites glisser. Ces objets ne renvoient que le texte situ&eacute; derri&egrave;re l'objet, il est donc
possible que vous deviez &laquo; ramener devant &raquo; l'objet pour que le renvoi fonctionne (Ctrl+F).
Toutes les manipulations effectu&eacute;es dans l'outil Texte sont r&eacute;alis&eacute;es en temps r&eacute;el, le texte prend un
nouveau format et une nouvelle disposition lorsque vous modifiez la largeur de la colonne ou lorsque vous
d&eacute;placez un objet.
Panneaux de texte
De la m&ecirc;me fa&ccedil;on que certains boutons de la Galerie de mod&egrave;les s'&eacute;tendent pour s'adapter au texte,
certains panneaux de texte peuvent s'adapter &agrave; la largeur ou &agrave; la longueur du texte saisi.
L'arri&egrave;re-plan du panneau s'adapte &agrave; des blocs de texte plus longs ou plus larges.
Vous pouvez ajuster la largeur d'une colonne de texte en allant dans l'outil Texte puis en tirant sur les
poign&eacute;es de largeur de la colonne (sous la premi&egrave;re ligne de texte). La plupart des mod&egrave;les de
conception de la Galerie des mod&egrave;les proposent des panneaux de texte en accord avec le mod&egrave;le.
Certains panneaux de texte s'&eacute;tirent seulement verticalement, d'autres verticalement et horizontalement.
Pour cr&eacute;er votre propre bouton ou panneau de texte extensible, utilisez l'un des mod&egrave;les de la Galerie et
adaptez-le en recolorant l'arri&egrave;re-plan ou en ajustant la couleur/la taille/la largeur du texte.
Remarque : Vous pouvez cr&eacute;er de nouveaux &eacute;l&eacute;ments extensibles en utilisant Xara Xtreme Pro.
Correcteur orthographique
Dans la Barre d'infos de l'outil Texte se trouve un bouton qui permet de
Page 70
s&eacute;lectionner les options du correcteur orthographique et la langue. Si
vous s&eacute;lectionnez &laquo; V&eacute;rifier l'orthographe au cours de la frappe &raquo;, tous
les termes inconnus seront soulign&eacute;s par des pointill&eacute;s rouges. Faites un
clic droit sur le mot soulign&eacute; pour voir les suggestions.
Polices incrust&eacute;es
Web Designer enregistre les formes des caract&egrave;res de toutes les polices utilis&eacute;es dans votre document.
Cela signifie que si vous donnez &agrave; quelqu'un d'autre votre fichier Web, ou si vous transf&eacute;rez le fichier sur
un autre ordinateur, le texte appara&icirc;tra parfaitement, m&ecirc;me si les polices correctes ne sont pas install&eacute;es
sur cet ordinateur. Cette option n'incruste que les caract&egrave;res d'une police qui sont utilis&eacute;s dans le
document (la police n'est pas incluse en entier). Ainsi, sur les ordinateurs ne comportant pas les polices,
le texte ajout&eacute; dans la police manquante ne pr&eacute;sentera &eacute;ventuellement pas les formes de caract&egrave;re
correctes.
Astuce : De nombreux raccourcis sont disponibles dans l'outil Texte. Reportez-vous &agrave; la rubrique
relative aux raccourcis clavier
pour les voir. Par exemple, pour visionner la mise en page des pages Web, vous pouvez utiliser le
raccourci Ctrl+Maj+L, qui vous permet d'ins&eacute;rer un bloc de texte factice ressemblant &agrave; du latin.
Page 71
Ombres douces, texte en couleur, texte transparent
Vous pouvez utiliser tous ces effets avec les bons outils. Par exemple, si vous faites glisser le texte dans
l'outil Remplissage, vous obtiendrez une couleur d&eacute;grad&eacute;e. Si vous le glissez dans l'outil Ombre, le texte
aura une ombre douce.
Dans tous les cas, Web Designer convertira automatiquement le texte en image lors de l'exportation de
votre site Internet.
Renvoyer du texte autour des objets
Si vous cliquez sur un objet, comme une photo, puis que vous s&eacute;lectionnez l'option du menu &laquo; Renvoyer
texte sous...
&raquo;, vous pouvez ins&eacute;rer du texte autour de l'objet situ&eacute; au-dessus.
La plupart des objets, comme les photos, les panneaux de c&ocirc;t&eacute;, les boutons et les titres utilis&eacute;s dans les
mod&egrave;les de conception de la Galerie des mod&egrave;les renvoient automatiquement le texte sur les c&ocirc;t&eacute;s
lorsque vous les faites glisser. Ces objets ne renvoient que le texte situ&eacute; derri&egrave;re l'objet, il est donc
possible que vous deviez &laquo; ramener devant &raquo; l'objet pour que le renvoi fonctionne (Ctrl+F).
Toutes les manipulations effectu&eacute;es dans l'outil Texte sont r&eacute;alis&eacute;es en temps r&eacute;el, le texte prend un
nouveau format et une nouvelle disposition lorsque vous modifiez la largeur de la colonne ou lorsque vous
d&eacute;placez un objet.
Panneaux de texte
De la m&ecirc;me fa&ccedil;on que certains boutons de la Galerie de mod&egrave;les s'&eacute;tendent pour s'adapter au texte,
certains panneaux de texte peuvent s'adapter &agrave; la largeur ou &agrave; la longueur du texte saisi.
L'arri&egrave;re-plan du panneau s'adapte &agrave; des blocs de texte plus longs ou plus larges.
Vous pouvez ajuster la largeur d'une colonne de texte en allant dans l'outil Texte puis en tirant sur les
poign&eacute;es de largeur de la colonne (sous la premi&egrave;re ligne de texte). La plupart des mod&egrave;les de
conception de la Galerie des mod&egrave;les proposent des panneaux de texte en accord avec le mod&egrave;le.
Certains panneaux de texte s'&eacute;tirent seulement verticalement, d'autres verticalement et horizontalement.
Pour cr&eacute;er votre propre bouton ou panneau de texte extensible, utilisez l'un des mod&egrave;les de la Galerie et
adaptez-le en recolorant l'arri&egrave;re-plan ou en ajustant la couleur/la taille/la largeur du texte.
Remarque : Vous pouvez cr&eacute;er de nouveaux &eacute;l&eacute;ments extensibles en utilisant Xara Xtreme Pro.
Correcteur orthographique
Dans la Barre d'infos de l'outil Texte se trouve un bouton qui permet de
s&eacute;lectionner les options du correcteur orthographique et la langue. Si
vous s&eacute;lectionnez &laquo; V&eacute;rifier l'orthographe au cours de la frappe &raquo;, tous
les termes inconnus seront soulign&eacute;s par des pointill&eacute;s rouges. Faites un
clic droit sur le mot soulign&eacute; pour voir les suggestions.
Polices incrust&eacute;es
Page 72
Web Designer enregistre les formes des caract&egrave;res de toutes les polices utilis&eacute;es dans votre document.
Cela signifie que si vous donnez &agrave; quelqu'un d'autre votre fichier Web, ou si vous transf&eacute;rez le fichier sur
un autre ordinateur, le texte appara&icirc;tra parfaitement, m&ecirc;me si les polices correctes ne sont pas install&eacute;es
sur cet ordinateur. Cette option n'incruste que les caract&egrave;res d'une police qui sont utilis&eacute;s dans le
document (la police n'est pas incluse en entier). Ainsi, sur les ordinateurs ne comportant pas les polices,
le texte ajout&eacute; dans la police manquante ne pr&eacute;sentera &eacute;ventuellement pas les formes de caract&egrave;re
correctes.
Astuce : De nombreux raccourcis sont disponibles dans l'outil Texte. Reportez-vous &agrave; la rubrique
relative aux raccourcis clavier
pour les voir. Par exemple, pour visionner la mise en page des pages Web, vous pouvez utiliser le
raccourci Ctrl+Maj+L, qui vous permet d'ins&eacute;rer un bloc de texte factice ressemblant &agrave; du latin.
Page 73
Renvoyer du texte autour des objets
Si vous cliquez sur un objet, comme une photo, puis que vous s&eacute;lectionnez l'option du menu &laquo; Renvoyer
texte sous...
&raquo;, vous pouvez ins&eacute;rer du texte autour de l'objet situ&eacute; au-dessus.
La plupart des objets, comme les photos, les panneaux de c&ocirc;t&eacute;, les boutons et les titres utilis&eacute;s dans les
mod&egrave;les de conception de la Galerie des mod&egrave;les renvoient automatiquement le texte sur les c&ocirc;t&eacute;s
lorsque vous les faites glisser. Ces objets ne renvoient que le texte situ&eacute; derri&egrave;re l'objet, il est donc
possible que vous deviez &laquo; ramener devant &raquo; l'objet pour que le renvoi fonctionne (Ctrl+F).
Toutes les manipulations effectu&eacute;es dans l'outil Texte sont r&eacute;alis&eacute;es en temps r&eacute;el, le texte prend un
nouveau format et une nouvelle disposition lorsque vous modifiez la largeur de la colonne ou lorsque vous
d&eacute;placez un objet.
Panneaux de texte
De la m&ecirc;me fa&ccedil;on que certains boutons de la Galerie de mod&egrave;les s'&eacute;tendent pour s'adapter au texte,
certains panneaux de texte peuvent s'adapter &agrave; la largeur ou &agrave; la longueur du texte saisi.
L'arri&egrave;re-plan du panneau s'adapte &agrave; des blocs de texte plus longs ou plus larges.
Vous pouvez ajuster la largeur d'une colonne de texte en allant dans l'outil Texte puis en tirant sur les
poign&eacute;es de largeur de la colonne (sous la premi&egrave;re ligne de texte). La plupart des mod&egrave;les de
conception de la Galerie des mod&egrave;les proposent des panneaux de texte en accord avec le mod&egrave;le.
Certains panneaux de texte s'&eacute;tirent seulement verticalement, d'autres verticalement et horizontalement.
Pour cr&eacute;er votre propre bouton ou panneau de texte extensible, utilisez l'un des mod&egrave;les de la Galerie et
adaptez-le en recolorant l'arri&egrave;re-plan ou en ajustant la couleur/la taille/la largeur du texte.
Remarque : Vous pouvez cr&eacute;er de nouveaux &eacute;l&eacute;ments extensibles en utilisant Xara Xtreme Pro.
Correcteur orthographique
Dans la Barre d'infos de l'outil Texte se trouve un bouton qui permet de
s&eacute;lectionner les options du correcteur orthographique et la langue. Si
vous s&eacute;lectionnez &laquo; V&eacute;rifier l'orthographe au cours de la frappe &raquo;, tous
les termes inconnus seront soulign&eacute;s par des pointill&eacute;s rouges. Faites un
clic droit sur le mot soulign&eacute; pour voir les suggestions.
Polices incrust&eacute;es
Web Designer enregistre les formes des caract&egrave;res de toutes les polices utilis&eacute;es dans votre document.
Cela signifie que si vous donnez &agrave; quelqu'un d'autre votre fichier Web, ou si vous transf&eacute;rez le fichier sur
un autre ordinateur, le texte appara&icirc;tra parfaitement, m&ecirc;me si les polices correctes ne sont pas install&eacute;es
sur cet ordinateur. Cette option n'incruste que les caract&egrave;res d'une police qui sont utilis&eacute;s dans le
document (la police n'est pas incluse en entier). Ainsi, sur les ordinateurs ne comportant pas les polices,
le texte ajout&eacute; dans la police manquante ne pr&eacute;sentera &eacute;ventuellement pas les formes de caract&egrave;re
correctes.
Page 74
Astuce : De nombreux raccourcis sont disponibles dans l'outil Texte. Reportez-vous &agrave; la rubrique
relative aux raccourcis clavier
pour les voir. Par exemple, pour visionner la mise en page des pages Web, vous pouvez utiliser le
raccourci Ctrl+Maj+L, qui vous permet d'ins&eacute;rer un bloc de texte factice ressemblant &agrave; du latin.
Page 75
Panneaux de texte
De la m&ecirc;me fa&ccedil;on que certains boutons de la Galerie de mod&egrave;les s'&eacute;tendent pour s'adapter au texte,
certains panneaux de texte peuvent s'adapter &agrave; la largeur ou &agrave; la longueur du texte saisi.
L'arri&egrave;re-plan du panneau s'adapte &agrave; des blocs de texte plus longs ou plus larges.
Vous pouvez ajuster la largeur d'une colonne de texte en allant dans l'outil Texte puis en tirant sur les
poign&eacute;es de largeur de la colonne (sous la premi&egrave;re ligne de texte). La plupart des mod&egrave;les de
conception de la Galerie des mod&egrave;les proposent des panneaux de texte en accord avec le mod&egrave;le.
Certains panneaux de texte s'&eacute;tirent seulement verticalement, d'autres verticalement et horizontalement.
Pour cr&eacute;er votre propre bouton ou panneau de texte extensible, utilisez l'un des mod&egrave;les de la Galerie et
adaptez-le en recolorant l'arri&egrave;re-plan ou en ajustant la couleur/la taille/la largeur du texte.
Remarque : Vous pouvez cr&eacute;er de nouveaux &eacute;l&eacute;ments extensibles en utilisant Xara Xtreme Pro.
Correcteur orthographique
Dans la Barre d'infos de l'outil Texte se trouve un bouton qui permet de
s&eacute;lectionner les options du correcteur orthographique et la langue. Si
vous s&eacute;lectionnez &laquo; V&eacute;rifier l'orthographe au cours de la frappe &raquo;, tous
les termes inconnus seront soulign&eacute;s par des pointill&eacute;s rouges. Faites un
clic droit sur le mot soulign&eacute; pour voir les suggestions.
Polices incrust&eacute;es
Web Designer enregistre les formes des caract&egrave;res de toutes les polices utilis&eacute;es dans votre document.
Cela signifie que si vous donnez &agrave; quelqu'un d'autre votre fichier Web, ou si vous transf&eacute;rez le fichier sur
un autre ordinateur, le texte appara&icirc;tra parfaitement, m&ecirc;me si les polices correctes ne sont pas install&eacute;es
sur cet ordinateur. Cette option n'incruste que les caract&egrave;res d'une police qui sont utilis&eacute;s dans le
document (la police n'est pas incluse en entier). Ainsi, sur les ordinateurs ne comportant pas les polices,
le texte ajout&eacute; dans la police manquante ne pr&eacute;sentera &eacute;ventuellement pas les formes de caract&egrave;re
correctes.
Astuce : De nombreux raccourcis sont disponibles dans l'outil Texte. Reportez-vous &agrave; la rubrique
relative aux raccourcis clavier
pour les voir. Par exemple, pour visionner la mise en page des pages Web, vous pouvez utiliser le
raccourci Ctrl+Maj+L, qui vous permet d'ins&eacute;rer un bloc de texte factice ressemblant &agrave; du latin.
Page 76
Correcteur orthographique
Dans la Barre d'infos de l'outil Texte se trouve un bouton qui permet de
s&eacute;lectionner les options du correcteur orthographique et la langue. Si
vous s&eacute;lectionnez &laquo; V&eacute;rifier l'orthographe au cours de la frappe &raquo;, tous
les termes inconnus seront soulign&eacute;s par des pointill&eacute;s rouges. Faites un
clic droit sur le mot soulign&eacute; pour voir les suggestions.
Polices incrust&eacute;es
Web Designer enregistre les formes des caract&egrave;res de toutes les polices utilis&eacute;es dans votre document.
Cela signifie que si vous donnez &agrave; quelqu'un d'autre votre fichier Web, ou si vous transf&eacute;rez le fichier sur
un autre ordinateur, le texte appara&icirc;tra parfaitement, m&ecirc;me si les polices correctes ne sont pas install&eacute;es
sur cet ordinateur. Cette option n'incruste que les caract&egrave;res d'une police qui sont utilis&eacute;s dans le
document (la police n'est pas incluse en entier). Ainsi, sur les ordinateurs ne comportant pas les polices,
le texte ajout&eacute; dans la police manquante ne pr&eacute;sentera &eacute;ventuellement pas les formes de caract&egrave;re
correctes.
Astuce : De nombreux raccourcis sont disponibles dans l'outil Texte. Reportez-vous &agrave; la rubrique
relative aux raccourcis clavier
pour les voir. Par exemple, pour visionner la mise en page des pages Web, vous pouvez utiliser le
raccourci Ctrl+Maj+L, qui vous permet d'ins&eacute;rer un bloc de texte factice ressemblant &agrave; du latin.
Page 77
Polices incrust&eacute;es
Web Designer enregistre les formes des caract&egrave;res de toutes les polices utilis&eacute;es dans votre document.
Cela signifie que si vous donnez &agrave; quelqu'un d'autre votre fichier Web, ou si vous transf&eacute;rez le fichier sur
un autre ordinateur, le texte appara&icirc;tra parfaitement, m&ecirc;me si les polices correctes ne sont pas install&eacute;es
sur cet ordinateur. Cette option n'incruste que les caract&egrave;res d'une police qui sont utilis&eacute;s dans le
document (la police n'est pas incluse en entier). Ainsi, sur les ordinateurs ne comportant pas les polices,
le texte ajout&eacute; dans la police manquante ne pr&eacute;sentera &eacute;ventuellement pas les formes de caract&egrave;re
correctes.
Astuce : De nombreux raccourcis sont disponibles dans l'outil Texte. Reportez-vous &agrave; la rubrique
relative aux raccourcis clavier
pour les voir. Par exemple, pour visionner la mise en page des pages Web, vous pouvez utiliser le
raccourci Ctrl+Maj+L, qui vous permet d'ins&eacute;rer un bloc de texte factice ressemblant &agrave; du latin.
Page 78
Taille de la page
Les pages de la Galerie des mod&egrave;les ont une largeur pr&eacute;vue pour s'adapter &agrave; la majorit&eacute; des &eacute;crans
d'ordinateur. Cr&eacute;er de plus grandes pages n'est pas recommand&eacute;, m&ecirc;me si votre &eacute;cran est plus large, car
l'exp&eacute;rience montre que la plupart des visiteurs pr&eacute;f&egrave;rent une largeur de page fixe. Cependant, vous
pouvez ajuster la taille de la page &agrave; votre convenance.
Il est possible de d&eacute;terminer la taille de page que vous souhaitez en s&eacute;lectionnant l'onglet Page de la
bo&icirc;te de dialogue d'Options
(Fichier-&gt;Options de page). Il est cependant d&eacute;conseill&eacute; d'opter pour une largeur de page sup&eacute;rieure &agrave;
990 pixels, car il s'agit de la largeur maximum de bon nombre d'&eacute;crans d'ordinateurs (1024 moins la
barre de d&eacute;filement). En g&eacute;n&eacute;ral, la largeur de page la plus fr&eacute;quente est de 800 pixels.
S&eacute;lectionnez l'option de Personnalisation de la page pour saisir la taille en pixels de votre choix
Vous pouvez modifier directement la taille de votre page en tirant sur la marge inf&eacute;rieure de la page. Allez
dans l'outil S&eacute;lection
et passez le pointeur de la souris sur les bords inf&eacute;rieurs de la page. Ce dernier change alors pour vous
indiquer que vous pouvez d&eacute;sormais tirer pour redimensionner la page comme vous le souhaitez.
Modifier la taille de la page des mod&egrave;les de conception
Il est possible de modifier la longueur des mod&egrave;les de conception de la m&ecirc;me fa&ccedil;on, en tirant
simplement sur les bords inf&eacute;rieurs de la page. Cependant, vous aurez besoin de d&eacute;placer et de
redimensionner diff&eacute;rents objets sur la page. Par exemple, de nombreux mod&egrave;les de conception ont un
pied de page. Vous pouvez tirer dessus pour le disposer diff&eacute;remment en utilisant l'outil S&eacute;lection.
Parfois, le texte principal sera plac&eacute; dans un rectangle muni d'un arri&egrave;re-plan color&eacute;. Une fois de plus,
l'outil S&eacute;lection vous permet de tirer sur les poign&eacute;es inf&eacute;rieures pour &eacute;tirer le rectangle vers le bas. La
plupart des mod&egrave;les de conception utilisent des colonnes de texte qui s'&eacute;tirent verticalement lorsque vous
ajoutez du texte.
Remarque : si vous maintenez la touche Ctrl enfonc&eacute;e tout en tirant, vous pouvez &ecirc;tre s&ucirc;r d'effectuer une
modification parfaitement verticale ou horizontale.
Page 79
Modifier la taille de la page des mod&egrave;les de conception
Il est possible de modifier la longueur des mod&egrave;les de conception de la m&ecirc;me fa&ccedil;on, en tirant
simplement sur les bords inf&eacute;rieurs de la page. Cependant, vous aurez besoin de d&eacute;placer et de
redimensionner diff&eacute;rents objets sur la page. Par exemple, de nombreux mod&egrave;les de conception ont un
pied de page. Vous pouvez tirer dessus pour le disposer diff&eacute;remment en utilisant l'outil S&eacute;lection.
Parfois, le texte principal sera plac&eacute; dans un rectangle muni d'un arri&egrave;re-plan color&eacute;. Une fois de plus,
l'outil S&eacute;lection vous permet de tirer sur les poign&eacute;es inf&eacute;rieures pour &eacute;tirer le rectangle vers le bas. La
plupart des mod&egrave;les de conception utilisent des colonnes de texte qui s'&eacute;tirent verticalement lorsque vous
ajoutez du texte.
Remarque : si vous maintenez la touche Ctrl enfonc&eacute;e tout en tirant, vous pouvez &ecirc;tre s&ucirc;r d'effectuer une
modification parfaitement verticale ou horizontale.
Page 80
Enregistrer votre travail. Cr&eacute;er un site
Internet
Utilisez les options Enregistrer ou Enregistrer-sous du menu pour sauvegarder votre travail en cours.
Vous enregistrez ainsi un fichier avec une extension .web, le format de fichier de Web Designer (ce n'est
pas un site Internet). Il est recommand&eacute; de sauvegarder r&eacute;guli&egrave;rement votre travail. Si vous souhaitez
&eacute;diter ou mettre &agrave; jour votre site Internet, vous devez
enregistrer un fichier Web et l'utiliser lors de vos mises-&agrave;-jour.
Pour enregistrer votre site Internet, c'est-&agrave;-dire le HTML et les fichiers
associ&eacute;s pour les publier sur Internet, utilisez l'option Exporter le site
Internet du menu ou cliquez sur ce bouton dans la barre du haut.
Vous sauvegardez un fichier .htm pour chaque page ainsi qu'un dossier qui contient tous les fichiers
graphiques de votre site Internet.
Lorsque vous exportez un site Internet, toutes les pages sont export&eacute;es simultan&eacute;ment et chaque page se
voit attribuer _1, _2 ... &agrave; la fin du nom donn&eacute; lors de l'exportation. Le r&eacute;pertoire _files contient toutes les
images et les autres fichiers qui constituent votre site Internet. Vous pouvez nommer chaque page
individuellement en utilisant l'onglet Page de la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
.
Votre site Internet sera nomm&eacute; par d&eacute;faut index.htm, le nom habituellement donn&eacute; &agrave; la premi&egrave;re page
d'un site Internet.
Vous pouvez pr&eacute;visualiser la sauvegarde de votre site Internet dans un navigateur en faisant glisser le
fichier index.htm (ou n'importe quel fichier .htm) de votre Explorateur Windows dans la fen&ecirc;tre du
navigateur.
Page 81
Objets extensibles
Bon nombre d'objets graphiques, comme les boutons et les panneaux de texte peuvent &ecirc;tre
automatiquement ajust&eacute;s &agrave; la taille ou &agrave; la longueur du texte. Ainsi, certains boutons sont appel&eacute;s
&laquo; boutons extensibles &raquo;, ce qui signifie que la longueur du bouton s'adapte au texte qu'il contient. La
plupart des mod&egrave;les de conception et tous les boutons du dossier Boutons de la Galerie de mod&egrave;les
existent en version &agrave; largeur fixe ou extensible. Si vous installez un ensemble de boutons de navigation
(g&eacute;n&eacute;ralement une suite de liens ou de boutons horizontale ou verticale), il est recommand&eacute; d'utiliser des
boutons &agrave; largeur fixes pour qu'ils soient tous de la m&ecirc;me taille.
De la m&ecirc;me fa&ccedil;on, de nombreux panneaux de c&ocirc;t&eacute; ou de texte des mod&egrave;les de conception, et parfois
&eacute;galement la zone de texte principale, peuvent &ecirc;tre ajust&eacute;s verticalement et quelque fois m&ecirc;me
horizontalement. Pour les panneaux de texte, vous pouvez ajuster la largeur de la colonne dans l'outil
Texte en tirant &agrave; gauche ou &agrave; droite de l'indicateur de la colonne.
Page 82
Groupes
Vous pouvez regrouper une s&eacute;lection d'objets sur la page. De nombreux objets des mod&egrave;les de
conception de la Galerie de mod&egrave;les, comme les boutons, les panneaux de texte et les photos sont des
objets group&eacute;s. Les groupes se comportent comme un seul objet, c'est-&agrave;-dire que vous pouvez les
glisser sur la page et les faire pivoter comme un seul objet.
Par exemple, vous pouvez dessiner un simple bouton en dessinant un rectangle avec l'outil Rectangle,
puis en pla&ccedil;ant une &eacute;tiquette de texte par dessus avec l'outil Texte. Ce sont des objets s&eacute;par&eacute;s et vous
pouvez les d&eacute;placer ind&eacute;pendamment l'un de l'autre dans l'outil S&eacute;lection. Cependant, si vous
s&eacute;lectionnez les deux dans l'outil S&eacute;lection (vous pouvez utiliser le lasso pour les entourer ou appuyer sur
Maj et cliquer sur les objets) et que vous appuyez sur Ctrl+G (ou dans le menu Arranger -&gt; Groupe
), vous en ferez un objet group&eacute; (Remarque : la ligne de statut situ&eacute;e en bas vous signale toujours ce qui
est s&eacute;lectionn&eacute;). Ainsi, d&eacute;s que vous tirez, redimensionnez ou faites pivoter cet objet, tous les &eacute;l&eacute;ments du
groupe sont d&eacute;plac&eacute;s et modifi&eacute;s comme s'il s'agissait d'un seul objet.
Important :
Les objets group&eacute;s sont habituellement convertis en un seul objet graphique lorsque vous exportez votre
page Web.
En d&eacute;faisant le groupe (Ctrl+U), vous pouvez acc&eacute;der &agrave; tous les &eacute;l&eacute;ments de votre groupe et effectuer
des modifications. Parfois, vous avez &eacute;galement la possibilit&eacute; de modifier des objets directement &agrave;
l'int&eacute;rieur d'un groupe, par exemple en utilisant l'outil Texte pour &eacute;diter le texte ou l'outil Photo pour
modifier une photo. Vous acc&eacute;derez en un clic &agrave; l'objet situ&eacute; &agrave; l'int&eacute;rieur du groupe.
Convertir du texte en graphique
Comme mentionn&eacute; pr&eacute;c&eacute;demment, un nombre tr&egrave;s limit&eacute; de polices est disponible dans les navigateurs
Web. Si vous souhaitez utiliser une police diff&eacute;rente dans un bouton ou dans un titre, vous pouvez le
faire en vous assurant qu'il soit converti en graphique. Il vous suffit de grouper l'objet pour que la
conversion s'effectue. Il est toujours possible d'&eacute;diter le texte du groupe, mais les groupes sont
automatiquement convertis en graphique lors de l'exportation du site.
Pour inclure une police semblable, vous n'avez qu'&agrave; cr&eacute;er un groupe. Il n'est pas n&eacute;cessaire que ce soit
regroup&eacute; avec d'autres &eacute;l&eacute;ments. En appuyant sur Ctrl+G, vous pouvez le regrouper avec lui-m&ecirc;me.
Groupes souples
Il existe un autre type de groupe, les &laquo; Groupes souples &raquo;, un ensemble d'objets reli&eacute;s de mani&egrave;re plus
souple . La diff&eacute;rence entre les Groupes et les Groupes souples est :
 Lorsque vous regroupez des objets, ils doivent tous se situer sur un seul calque, sinon ils sont
d&eacute;plac&eacute;s pour ne former qu'un seul calque que vous groupez les objets). Les groupes souples
conservent leurs calques, donc vous pouvez les relier &agrave; travers plusieurs calques.
 Les groupes sont habituellement convertis en un seul graphique dans la version export&eacute;e du site.
Les Groupes souples ne sont pas convertis et chaque objet est export&eacute; comme un objet distinct.
Le texte situ&eacute; &agrave; l'int&eacute;rieur d'un Groupe souple est conserv&eacute; en tant que texte dans le fichier
HTML tandis que le texte des Groupes est converti dans un graphique (avec certaines
exceptions).
 Il est possible de relier des groupes &agrave; l'int&eacute;rieur d'autres groupes. Pour des dessins complexes
compos&eacute;s de plusieurs autres dessins, parfois des centaines de formes, cr&eacute;er une hi&eacute;rarchie de
groupes imbriqu&eacute;s est une bonne technique d'organisation, de m&ecirc;me qu'avoir un dossier imbriqu&eacute;
dans d'autres dossiers. Les Groupes souples ne peuvent en revanche pas &ecirc;tre imbriqu&eacute;s et sont
essentiellement con&ccedil;us comme un moyen de relier de multiples objets sur diff&eacute;rents calques.
Page 83
Comme les Groupes souples peuvent contenir des objets sur diff&eacute;rents calques, s&eacute;lectionner un &eacute;l&eacute;ment
d'un Groupe souple sur un calque s&eacute;lectionnera automatiquement les &eacute;l&eacute;ments des Groupes souples
d'autres calques, souvent celui qui n'est m&ecirc;me pas visible. Voir la rubrique sur les calques ci-dessous
pour plus d&eacute;tails.
La plupart des boutons sont des Groupes souples, c'est-&agrave;-dire que lorsque vous s&eacute;lectionnez, d&eacute;placez
ou redimensionnez un bouton, vous r&eacute;alisez en r&eacute;alit&eacute; cette manipulation sur deux copies du bouton, l'un
appel&eacute; version &laquo; &Eacute;tat normal &raquo; et l'autre, version &laquo; Survol de la souris &raquo;.
Certains des objets les plus complexes de la Galerie des mod&egrave;les sont des Groupes souples. Ainsi, vous
pouvez vous d&eacute;placer autour d'eux comme pour un objet non-group&eacute; mais les &eacute;l&eacute;ments qui le
composent, les photos ou les formes d'arri&egrave;re-plan sont tous export&eacute;s en HTML en tant qu'&eacute;l&eacute;ments
s&eacute;par&eacute;s pour une efficacit&eacute; maximum.
Texte synchronis&eacute;
Il existe une fonction suppl&eacute;mentaire fort utile : les groupes souples. Si un m&ecirc;me texte se trouve dans un
ou plusieurs objets au sein d'un groupe souple, le texte sera synchronis&eacute; lorsque vous l'&eacute;diterez. Il s'agit
du m&eacute;canisme permettant de maintenir synchronis&eacute; le texte d'un bouton sur son niveau normal et son
niveau Survol de souris - voir ci-dessous.
Page 84
Convertir du texte en graphique
Comme mentionn&eacute; pr&eacute;c&eacute;demment, un nombre tr&egrave;s limit&eacute; de polices est disponible dans les navigateurs
Web. Si vous souhaitez utiliser une police diff&eacute;rente dans un bouton ou dans un titre, vous pouvez le
faire en vous assurant qu'il soit converti en graphique. Il vous suffit de grouper l'objet pour que la
conversion s'effectue. Il est toujours possible d'&eacute;diter le texte du groupe, mais les groupes sont
automatiquement convertis en graphique lors de l'exportation du site.
Pour inclure une police semblable, vous n'avez qu'&agrave; cr&eacute;er un groupe. Il n'est pas n&eacute;cessaire que ce soit
regroup&eacute; avec d'autres &eacute;l&eacute;ments. En appuyant sur Ctrl+G, vous pouvez le regrouper avec lui-m&ecirc;me.
Groupes souples
Il existe un autre type de groupe, les &laquo; Groupes souples &raquo;, un ensemble d'objets reli&eacute;s de mani&egrave;re plus
souple . La diff&eacute;rence entre les Groupes et les Groupes souples est :
 Lorsque vous regroupez des objets, ils doivent tous se situer sur un seul calque, sinon ils sont
d&eacute;plac&eacute;s pour ne former qu'un seul calque que vous groupez les objets). Les groupes souples
conservent leurs calques, donc vous pouvez les relier &agrave; travers plusieurs calques.
 Les groupes sont habituellement convertis en un seul graphique dans la version export&eacute;e du site.
Les Groupes souples ne sont pas convertis et chaque objet est export&eacute; comme un objet distinct.
Le texte situ&eacute; &agrave; l'int&eacute;rieur d'un Groupe souple est conserv&eacute; en tant que texte dans le fichier
HTML tandis que le texte des Groupes est converti dans un graphique (avec certaines
exceptions).
 Il est possible de relier des groupes &agrave; l'int&eacute;rieur d'autres groupes. Pour des dessins complexes
compos&eacute;s de plusieurs autres dessins, parfois des centaines de formes, cr&eacute;er une hi&eacute;rarchie de
groupes imbriqu&eacute;s est une bonne technique d'organisation, de m&ecirc;me qu'avoir un dossier imbriqu&eacute;
dans d'autres dossiers. Les Groupes souples ne peuvent en revanche pas &ecirc;tre imbriqu&eacute;s et sont
essentiellement con&ccedil;us comme un moyen de relier de multiples objets sur diff&eacute;rents calques.
Comme les Groupes souples peuvent contenir des objets sur diff&eacute;rents calques, s&eacute;lectionner un &eacute;l&eacute;ment
d'un Groupe souple sur un calque s&eacute;lectionnera automatiquement les &eacute;l&eacute;ments des Groupes souples
d'autres calques, souvent celui qui n'est m&ecirc;me pas visible. Voir la rubrique sur les calques ci-dessous
pour plus d&eacute;tails.
La plupart des boutons sont des Groupes souples, c'est-&agrave;-dire que lorsque vous s&eacute;lectionnez, d&eacute;placez
ou redimensionnez un bouton, vous r&eacute;alisez en r&eacute;alit&eacute; cette manipulation sur deux copies du bouton, l'un
appel&eacute; version &laquo; &Eacute;tat normal &raquo; et l'autre, version &laquo; Survol de la souris &raquo;.
Certains des objets les plus complexes de la Galerie des mod&egrave;les sont des Groupes souples. Ainsi, vous
pouvez vous d&eacute;placer autour d'eux comme pour un objet non-group&eacute; mais les &eacute;l&eacute;ments qui le
composent, les photos ou les formes d'arri&egrave;re-plan sont tous export&eacute;s en HTML en tant qu'&eacute;l&eacute;ments
s&eacute;par&eacute;s pour une efficacit&eacute; maximum.
Texte synchronis&eacute;
Il existe une fonction suppl&eacute;mentaire fort utile : les groupes souples. Si un m&ecirc;me texte se trouve dans un
ou plusieurs objets au sein d'un groupe souple, le texte sera synchronis&eacute; lorsque vous l'&eacute;diterez. Il s'agit
du m&eacute;canisme permettant de maintenir synchronis&eacute; le texte d'un bouton sur son niveau normal et son
niveau Survol de souris - voir ci-dessous.
Page 85
Groupes souples
Il existe un autre type de groupe, les &laquo; Groupes souples &raquo;, un ensemble d'objets reli&eacute;s de mani&egrave;re plus
souple . La diff&eacute;rence entre les Groupes et les Groupes souples est :
 Lorsque vous regroupez des objets, ils doivent tous se situer sur un seul calque, sinon ils sont
d&eacute;plac&eacute;s pour ne former qu'un seul calque que vous groupez les objets). Les groupes souples
conservent leurs calques, donc vous pouvez les relier &agrave; travers plusieurs calques.
 Les groupes sont habituellement convertis en un seul graphique dans la version export&eacute;e du site.
Les Groupes souples ne sont pas convertis et chaque objet est export&eacute; comme un objet distinct.
Le texte situ&eacute; &agrave; l'int&eacute;rieur d'un Groupe souple est conserv&eacute; en tant que texte dans le fichier
HTML tandis que le texte des Groupes est converti dans un graphique (avec certaines
exceptions).
 Il est possible de relier des groupes &agrave; l'int&eacute;rieur d'autres groupes. Pour des dessins complexes
compos&eacute;s de plusieurs autres dessins, parfois des centaines de formes, cr&eacute;er une hi&eacute;rarchie de
groupes imbriqu&eacute;s est une bonne technique d'organisation, de m&ecirc;me qu'avoir un dossier imbriqu&eacute;
dans d'autres dossiers. Les Groupes souples ne peuvent en revanche pas &ecirc;tre imbriqu&eacute;s et sont
essentiellement con&ccedil;us comme un moyen de relier de multiples objets sur diff&eacute;rents calques.
Comme les Groupes souples peuvent contenir des objets sur diff&eacute;rents calques, s&eacute;lectionner un &eacute;l&eacute;ment
d'un Groupe souple sur un calque s&eacute;lectionnera automatiquement les &eacute;l&eacute;ments des Groupes souples
d'autres calques, souvent celui qui n'est m&ecirc;me pas visible. Voir la rubrique sur les calques ci-dessous
pour plus d&eacute;tails.
La plupart des boutons sont des Groupes souples, c'est-&agrave;-dire que lorsque vous s&eacute;lectionnez, d&eacute;placez
ou redimensionnez un bouton, vous r&eacute;alisez en r&eacute;alit&eacute; cette manipulation sur deux copies du bouton, l'un
appel&eacute; version &laquo; &Eacute;tat normal &raquo; et l'autre, version &laquo; Survol de la souris &raquo;.
Certains des objets les plus complexes de la Galerie des mod&egrave;les sont des Groupes souples. Ainsi, vous
pouvez vous d&eacute;placer autour d'eux comme pour un objet non-group&eacute; mais les &eacute;l&eacute;ments qui le
composent, les photos ou les formes d'arri&egrave;re-plan sont tous export&eacute;s en HTML en tant qu'&eacute;l&eacute;ments
s&eacute;par&eacute;s pour une efficacit&eacute; maximum.
Texte synchronis&eacute;
Il existe une fonction suppl&eacute;mentaire fort utile : les groupes souples. Si un m&ecirc;me texte se trouve dans un
ou plusieurs objets au sein d'un groupe souple, le texte sera synchronis&eacute; lorsque vous l'&eacute;diterez. Il s'agit
du m&eacute;canisme permettant de maintenir synchronis&eacute; le texte d'un bouton sur son niveau normal et son
niveau Survol de souris - voir ci-dessous.
Page 86
Texte synchronis&eacute;
Il existe une fonction suppl&eacute;mentaire fort utile : les groupes souples. Si un m&ecirc;me texte se trouve dans un
ou plusieurs objets au sein d'un groupe souple, le texte sera synchronis&eacute; lorsque vous l'&eacute;diterez. Il s'agit
du m&eacute;canisme permettant de maintenir synchronis&eacute; le texte d'un bouton sur son niveau normal et son
niveau Survol de souris - voir ci-dessous.
Page 87
Liens, boutons et barre de boutons
Vous pouvez ajouter un lien Web &agrave; tous les objets, boutons, graphiques ou &eacute;l&eacute;ments de textes.
S&eacute;lectionnez l'objet et cliquez sur l'ic&ocirc;ne de lien situ&eacute;e en haut pour saisir
l'adresse Web que vous voulez relier.
Entrez l'adresse Web que vous voulez relier dans le champ sp&eacute;cifique.
La boite de dialogue de lien vous permet de contr&ocirc;ler ce qui se passe lorsque vous cliquez sur le lien de
l'objet. Vous pouvez passer &agrave; une autre page Web (s&eacute;lectionnez rapidement un lien vers une autre page
de votre site en utilisant le menu d&eacute;roulant Lien vers la page). Vous pouvez v&eacute;rifier si la page s'ouvre
dans une nouvelle fen&ecirc;tre.
Pour placer un lien sur l'un des boutons, s&eacute;lectionnez-le (cliquez dessus
dans l'outil S&eacute;lection), cliquez sur l'ic&ocirc;ne puis saisissez l'adresse Web ou
s&eacute;lectionnez une de vos pages du menu d&eacute;roulant et cliquez sur
Appliquer. Termin&eacute; !
Lien ancr&eacute;
Il est possible de relier du texte ou un objet n'importe o&ugrave; dans votre site Internet en utilisant des
&laquo; ancres &raquo;. Commencez par appliquer un nom &agrave; l'objet que vous voulez relier : c'est l'ancre. S&eacute;lectionnez
ensuite l'objet (objet graphique ou texte) puis dans le menu, rendez-vous dans Services -&gt;Noms... pour
afficher la bo&icirc;te de dialogue. Saisissez un nom unique de votre choix puis cliquez sur Ajouter
.
Pour relier cette ancre de n'importe o&ugrave; sur votre site Internet (un bouton, un simple lien ou du texte),
ouvrez la bo&icirc;te de dialogue de liens (voir ci-dessus) puis s&eacute;lectionnez un nom dans le menu d&eacute;roulant
&laquo; Lien ancr&eacute; &raquo;.
Modifier le texte d'un bouton
C'est tr&egrave;s simple : il suffit d'activer l'outil Texte
, de cliquer sur le texte du bouton pour le s&eacute;lectionner et de l'&eacute;diter.
Remarque : un triple-clic sur le texte du bouton s&eacute;lectionne la ligne de texte enti&egrave;re : cela permettra de
remplacer le texte facilement d&egrave;s que vous tapez votre nouvelle phrase.
Page 88
Boutons de survol de souris
Vous avez remarqu&eacute; que la plupart des boutons se mettent en surbrillance lorsque le pointeur de la
souris passe au-dessus d'eux dans votre navigateur. Cela s'appelle un effet de survol de souris. Cet effet
est automatique pour la plupart des boutons utilis&eacute;s dans les mod&egrave;les ou de la rubrique Boutons de la
Galerie des mod&egrave;les.
Pour les utilisateurs avanc&eacute;s : cet effet de survol est cr&eacute;&eacute; gr&acirc;ce &agrave; l'utilisation de Calques nomm&eacute;s. Les
boutons sont des Groupes souples de deux sortes : &laquo; &Eacute;tat normal &raquo; et &laquo; Survol de la souris &raquo; dans des
calques s&eacute;par&eacute;s. Le Groupe souple signifie que les deux calques changent simultan&eacute;ment lorsque vous
modifiez le bouton, par exemple lorsque vous modifiez le texte, que vous le d&eacute;placez ou le
redimensionnez. Voir la rubrique Calques
ci-dessous pour plus de d&eacute;tails.
Ajouter de nouveaux boutons
Dans la Galerie des mod&egrave;les, chaque th&egrave;me poss&egrave;de un ensemble de graphismes de boutons que vous
pouvez faire glisser sur la page. Il s'agit g&eacute;n&eacute;ralement de deux types de boutons. Les Boutons
Extensibles s'adaptent &agrave; la taille du texte.
On trouve &eacute;galement une cat&eacute;gorie Boutons, qui est un ensemble de mod&egrave;les de boutons qui peuvent
&ecirc;tre ajout&eacute;s &agrave; la page de la m&ecirc;me fa&ccedil;on.
Vous pouvez &eacute;galement copier un bouton existant (c'est probablement la meilleure fa&ccedil;on d'ajouter des
boutons &agrave; une barre de navigation). Vous pouvez copier/coller, mais il est plus rapide de faire glisser le
bouton en maintenant le bouton droit de la souris enfonc&eacute;. (C'est un raccourci g&eacute;n&eacute;ral pour copier des
objets). Il vous suffit ensuite d'&eacute;diter le texte.
Astuce : si vous maintenez la touche Ctrl enfonc&eacute;e tout en faisant glisser l'objet, celui-ci se d&eacute;placera de
mani&egrave;re parfaitement horizontale ou verticale, vous permettant ainsi de cr&eacute;er facilement une rang&eacute;e ou
une colonne de boutons.
Barre de boutons (Barre de navigation)
La plupart des sites Internet, et donc la plupart des mod&egrave;les de conception propos&eacute;s, ont une rang&eacute;e ou
une colonne de boutons pour naviguer sur le site ou ailleurs. Dans Web Designer, il s'agit d'un ensemble
de boutons distincts et vous pouvez les modifier directement en cliquant dessus. Vous pouvez d&eacute;placer
chaque bouton ou les supprimer normalement. Si vous souhaitez d&eacute;placer l'ensemble de la rang&eacute;e ou de
la colonne de boutons, il vous suffit de double-cliquer sur l'un des boutons dans l'outil S&eacute;lection
. Tous les boutons de la colonne ou de la rang&eacute;e seront alors s&eacute;lectionn&eacute;s et pourront &ecirc;tre d&eacute;plac&eacute;s en
m&ecirc;me temps.
Pour supprimer un bouton, s&eacute;lectionnez-le puis appuyez sur la touche Suppr
. Pour ajouter un nouveau bouton, copiez simplement un bouton existant. La mani&egrave;re la plus simple de le
faire est de faire glisser un bouton existant avec le bouton droit de la souris. Vous pouvez ensuite modifier
le lien. Si vous avez besoin d'ajuster l&eacute;g&egrave;rement la position d'un objet, s&eacute;lectionnez-le et utilisez les
fl&egrave;ches du clavier.
Pour mettre &agrave; jour la barre de navigation sur toutes les pages, s&eacute;lectionnez le menu Arranger -&gt;Mettre
&agrave; jour les objets r&eacute;p&eacute;t&eacute;s
. La barre de boutons (et tous les autres objets r&eacute;p&eacute;t&eacute;s) de la page en cours seront copi&eacute;s sur toutes les
autres pages contenant la m&ecirc;me barre de bouton. Si vous souhaitez copier une barre enti&egrave;re de bouton
sur une autre page qui n'en poss&egrave;de pas, faites un double-clic pour s&eacute;lectionner la barre enti&egrave;re puis
copiez/collez sur une autre page.
Conseil :Si vous utilisez &laquo; Copier &agrave; la m&ecirc;me place
&raquo; (Maj+Ctrl+V), l'objet sera plac&eacute; au m&ecirc;me endroit sur la page de destination.
Page 89
Lien ancr&eacute;
Il est possible de relier du texte ou un objet n'importe o&ugrave; dans votre site Internet en utilisant des
&laquo; ancres &raquo;. Commencez par appliquer un nom &agrave; l'objet que vous voulez relier : c'est l'ancre. S&eacute;lectionnez
ensuite l'objet (objet graphique ou texte) puis dans le menu, rendez-vous dans Services -&gt;Noms... pour
afficher la bo&icirc;te de dialogue. Saisissez un nom unique de votre choix puis cliquez sur Ajouter
.
Pour relier cette ancre de n'importe o&ugrave; sur votre site Internet (un bouton, un simple lien ou du texte),
ouvrez la bo&icirc;te de dialogue de liens (voir ci-dessus) puis s&eacute;lectionnez un nom dans le menu d&eacute;roulant
&laquo; Lien ancr&eacute; &raquo;.
Modifier le texte d'un bouton
C'est tr&egrave;s simple : il suffit d'activer l'outil Texte
, de cliquer sur le texte du bouton pour le s&eacute;lectionner et de l'&eacute;diter.
Remarque : un triple-clic sur le texte du bouton s&eacute;lectionne la ligne de texte enti&egrave;re : cela permettra de
remplacer le texte facilement d&egrave;s que vous tapez votre nouvelle phrase.
Boutons de survol de souris
Vous avez remarqu&eacute; que la plupart des boutons se mettent en surbrillance lorsque le pointeur de la
souris passe au-dessus d'eux dans votre navigateur. Cela s'appelle un effet de survol de souris. Cet effet
est automatique pour la plupart des boutons utilis&eacute;s dans les mod&egrave;les ou de la rubrique Boutons de la
Galerie des mod&egrave;les.
Pour les utilisateurs avanc&eacute;s : cet effet de survol est cr&eacute;&eacute; gr&acirc;ce &agrave; l'utilisation de Calques nomm&eacute;s. Les
boutons sont des Groupes souples de deux sortes : &laquo; &Eacute;tat normal &raquo; et &laquo; Survol de la souris &raquo; dans des
calques s&eacute;par&eacute;s. Le Groupe souple signifie que les deux calques changent simultan&eacute;ment lorsque vous
modifiez le bouton, par exemple lorsque vous modifiez le texte, que vous le d&eacute;placez ou le
redimensionnez. Voir la rubrique Calques
ci-dessous pour plus de d&eacute;tails.
Ajouter de nouveaux boutons
Dans la Galerie des mod&egrave;les, chaque th&egrave;me poss&egrave;de un ensemble de graphismes de boutons que vous
pouvez faire glisser sur la page. Il s'agit g&eacute;n&eacute;ralement de deux types de boutons. Les Boutons
Extensibles s'adaptent &agrave; la taille du texte.
On trouve &eacute;galement une cat&eacute;gorie Boutons, qui est un ensemble de mod&egrave;les de boutons qui peuvent
&ecirc;tre ajout&eacute;s &agrave; la page de la m&ecirc;me fa&ccedil;on.
Vous pouvez &eacute;galement copier un bouton existant (c'est probablement la meilleure fa&ccedil;on d'ajouter des
boutons &agrave; une barre de navigation). Vous pouvez copier/coller, mais il est plus rapide de faire glisser le
bouton en maintenant le bouton droit de la souris enfonc&eacute;. (C'est un raccourci g&eacute;n&eacute;ral pour copier des
objets). Il vous suffit ensuite d'&eacute;diter le texte.
Astuce : si vous maintenez la touche Ctrl enfonc&eacute;e tout en faisant glisser l'objet, celui-ci se d&eacute;placera de
mani&egrave;re parfaitement horizontale ou verticale, vous permettant ainsi de cr&eacute;er facilement une rang&eacute;e ou
une colonne de boutons.
Barre de boutons (Barre de navigation)
La plupart des sites Internet, et donc la plupart des mod&egrave;les de conception propos&eacute;s, ont une rang&eacute;e ou
une colonne de boutons pour naviguer sur le site ou ailleurs. Dans Web Designer, il s'agit d'un ensemble
de boutons distincts et vous pouvez les modifier directement en cliquant dessus. Vous pouvez d&eacute;placer
chaque bouton ou les supprimer normalement. Si vous souhaitez d&eacute;placer l'ensemble de la rang&eacute;e ou de
Page 90
la colonne de boutons, il vous suffit de double-cliquer sur l'un des boutons dans l'outil S&eacute;lection
. Tous les boutons de la colonne ou de la rang&eacute;e seront alors s&eacute;lectionn&eacute;s et pourront &ecirc;tre d&eacute;plac&eacute;s en
m&ecirc;me temps.
Pour supprimer un bouton, s&eacute;lectionnez-le puis appuyez sur la touche Suppr
. Pour ajouter un nouveau bouton, copiez simplement un bouton existant. La mani&egrave;re la plus simple de le
faire est de faire glisser un bouton existant avec le bouton droit de la souris. Vous pouvez ensuite modifier
le lien. Si vous avez besoin d'ajuster l&eacute;g&egrave;rement la position d'un objet, s&eacute;lectionnez-le et utilisez les
fl&egrave;ches du clavier.
Pour mettre &agrave; jour la barre de navigation sur toutes les pages, s&eacute;lectionnez le menu Arranger -&gt;Mettre
&agrave; jour les objets r&eacute;p&eacute;t&eacute;s
. La barre de boutons (et tous les autres objets r&eacute;p&eacute;t&eacute;s) de la page en cours seront copi&eacute;s sur toutes les
autres pages contenant la m&ecirc;me barre de bouton. Si vous souhaitez copier une barre enti&egrave;re de bouton
sur une autre page qui n'en poss&egrave;de pas, faites un double-clic pour s&eacute;lectionner la barre enti&egrave;re puis
copiez/collez sur une autre page.
Conseil :Si vous utilisez &laquo; Copier &agrave; la m&ecirc;me place
&raquo; (Maj+Ctrl+V), l'objet sera plac&eacute; au m&ecirc;me endroit sur la page de destination.
Page 91
Modifier le texte d'un bouton
C'est tr&egrave;s simple : il suffit d'activer l'outil Texte
, de cliquer sur le texte du bouton pour le s&eacute;lectionner et de l'&eacute;diter.
Remarque : un triple-clic sur le texte du bouton s&eacute;lectionne la ligne de texte enti&egrave;re : cela permettra de
remplacer le texte facilement d&egrave;s que vous tapez votre nouvelle phrase.
Boutons de survol de souris
Vous avez remarqu&eacute; que la plupart des boutons se mettent en surbrillance lorsque le pointeur de la
souris passe au-dessus d'eux dans votre navigateur. Cela s'appelle un effet de survol de souris. Cet effet
est automatique pour la plupart des boutons utilis&eacute;s dans les mod&egrave;les ou de la rubrique Boutons de la
Galerie des mod&egrave;les.
Pour les utilisateurs avanc&eacute;s : cet effet de survol est cr&eacute;&eacute; gr&acirc;ce &agrave; l'utilisation de Calques nomm&eacute;s. Les
boutons sont des Groupes souples de deux sortes : &laquo; &Eacute;tat normal &raquo; et &laquo; Survol de la souris &raquo; dans des
calques s&eacute;par&eacute;s. Le Groupe souple signifie que les deux calques changent simultan&eacute;ment lorsque vous
modifiez le bouton, par exemple lorsque vous modifiez le texte, que vous le d&eacute;placez ou le
redimensionnez. Voir la rubrique Calques
ci-dessous pour plus de d&eacute;tails.
Ajouter de nouveaux boutons
Dans la Galerie des mod&egrave;les, chaque th&egrave;me poss&egrave;de un ensemble de graphismes de boutons que vous
pouvez faire glisser sur la page. Il s'agit g&eacute;n&eacute;ralement de deux types de boutons. Les Boutons
Extensibles s'adaptent &agrave; la taille du texte.
On trouve &eacute;galement une cat&eacute;gorie Boutons, qui est un ensemble de mod&egrave;les de boutons qui peuvent
&ecirc;tre ajout&eacute;s &agrave; la page de la m&ecirc;me fa&ccedil;on.
Vous pouvez &eacute;galement copier un bouton existant (c'est probablement la meilleure fa&ccedil;on d'ajouter des
boutons &agrave; une barre de navigation). Vous pouvez copier/coller, mais il est plus rapide de faire glisser le
bouton en maintenant le bouton droit de la souris enfonc&eacute;. (C'est un raccourci g&eacute;n&eacute;ral pour copier des
objets). Il vous suffit ensuite d'&eacute;diter le texte.
Astuce : si vous maintenez la touche Ctrl enfonc&eacute;e tout en faisant glisser l'objet, celui-ci se d&eacute;placera de
mani&egrave;re parfaitement horizontale ou verticale, vous permettant ainsi de cr&eacute;er facilement une rang&eacute;e ou
une colonne de boutons.
Barre de boutons (Barre de navigation)
La plupart des sites Internet, et donc la plupart des mod&egrave;les de conception propos&eacute;s, ont une rang&eacute;e ou
une colonne de boutons pour naviguer sur le site ou ailleurs. Dans Web Designer, il s'agit d'un ensemble
de boutons distincts et vous pouvez les modifier directement en cliquant dessus. Vous pouvez d&eacute;placer
chaque bouton ou les supprimer normalement. Si vous souhaitez d&eacute;placer l'ensemble de la rang&eacute;e ou de
la colonne de boutons, il vous suffit de double-cliquer sur l'un des boutons dans l'outil S&eacute;lection
. Tous les boutons de la colonne ou de la rang&eacute;e seront alors s&eacute;lectionn&eacute;s et pourront &ecirc;tre d&eacute;plac&eacute;s en
m&ecirc;me temps.
Pour supprimer un bouton, s&eacute;lectionnez-le puis appuyez sur la touche Suppr
. Pour ajouter un nouveau bouton, copiez simplement un bouton existant. La mani&egrave;re la plus simple de le
faire est de faire glisser un bouton existant avec le bouton droit de la souris. Vous pouvez ensuite modifier
le lien. Si vous avez besoin d'ajuster l&eacute;g&egrave;rement la position d'un objet, s&eacute;lectionnez-le et utilisez les
fl&egrave;ches du clavier.
Pour mettre &agrave; jour la barre de navigation sur toutes les pages, s&eacute;lectionnez le menu Arranger -&gt;Mettre
&agrave; jour les objets r&eacute;p&eacute;t&eacute;s
Page 92
. La barre de boutons (et tous les autres objets r&eacute;p&eacute;t&eacute;s) de la page en cours seront copi&eacute;s sur toutes les
autres pages contenant la m&ecirc;me barre de bouton. Si vous souhaitez copier une barre enti&egrave;re de bouton
sur une autre page qui n'en poss&egrave;de pas, faites un double-clic pour s&eacute;lectionner la barre enti&egrave;re puis
copiez/collez sur une autre page.
Conseil :Si vous utilisez &laquo; Copier &agrave; la m&ecirc;me place
&raquo; (Maj+Ctrl+V), l'objet sera plac&eacute; au m&ecirc;me endroit sur la page de destination.
Page 93
Boutons de survol de souris
Vous avez remarqu&eacute; que la plupart des boutons se mettent en surbrillance lorsque le pointeur de la
souris passe au-dessus d'eux dans votre navigateur. Cela s'appelle un effet de survol de souris. Cet effet
est automatique pour la plupart des boutons utilis&eacute;s dans les mod&egrave;les ou de la rubrique Boutons de la
Galerie des mod&egrave;les.
Pour les utilisateurs avanc&eacute;s : cet effet de survol est cr&eacute;&eacute; gr&acirc;ce &agrave; l'utilisation de Calques nomm&eacute;s. Les
boutons sont des Groupes souples de deux sortes : &laquo; &Eacute;tat normal &raquo; et &laquo; Survol de la souris &raquo; dans des
calques s&eacute;par&eacute;s. Le Groupe souple signifie que les deux calques changent simultan&eacute;ment lorsque vous
modifiez le bouton, par exemple lorsque vous modifiez le texte, que vous le d&eacute;placez ou le
redimensionnez. Voir la rubrique Calques
ci-dessous pour plus de d&eacute;tails.
Ajouter de nouveaux boutons
Dans la Galerie des mod&egrave;les, chaque th&egrave;me poss&egrave;de un ensemble de graphismes de boutons que vous
pouvez faire glisser sur la page. Il s'agit g&eacute;n&eacute;ralement de deux types de boutons. Les Boutons
Extensibles s'adaptent &agrave; la taille du texte.
On trouve &eacute;galement une cat&eacute;gorie Boutons, qui est un ensemble de mod&egrave;les de boutons qui peuvent
&ecirc;tre ajout&eacute;s &agrave; la page de la m&ecirc;me fa&ccedil;on.
Vous pouvez &eacute;galement copier un bouton existant (c'est probablement la meilleure fa&ccedil;on d'ajouter des
boutons &agrave; une barre de navigation). Vous pouvez copier/coller, mais il est plus rapide de faire glisser le
bouton en maintenant le bouton droit de la souris enfonc&eacute;. (C'est un raccourci g&eacute;n&eacute;ral pour copier des
objets). Il vous suffit ensuite d'&eacute;diter le texte.
Astuce : si vous maintenez la touche Ctrl enfonc&eacute;e tout en faisant glisser l'objet, celui-ci se d&eacute;placera de
mani&egrave;re parfaitement horizontale ou verticale, vous permettant ainsi de cr&eacute;er facilement une rang&eacute;e ou
une colonne de boutons.
Barre de boutons (Barre de navigation)
La plupart des sites Internet, et donc la plupart des mod&egrave;les de conception propos&eacute;s, ont une rang&eacute;e ou
une colonne de boutons pour naviguer sur le site ou ailleurs. Dans Web Designer, il s'agit d'un ensemble
de boutons distincts et vous pouvez les modifier directement en cliquant dessus. Vous pouvez d&eacute;placer
chaque bouton ou les supprimer normalement. Si vous souhaitez d&eacute;placer l'ensemble de la rang&eacute;e ou de
la colonne de boutons, il vous suffit de double-cliquer sur l'un des boutons dans l'outil S&eacute;lection
. Tous les boutons de la colonne ou de la rang&eacute;e seront alors s&eacute;lectionn&eacute;s et pourront &ecirc;tre d&eacute;plac&eacute;s en
m&ecirc;me temps.
Pour supprimer un bouton, s&eacute;lectionnez-le puis appuyez sur la touche Suppr
. Pour ajouter un nouveau bouton, copiez simplement un bouton existant. La mani&egrave;re la plus simple de le
faire est de faire glisser un bouton existant avec le bouton droit de la souris. Vous pouvez ensuite modifier
le lien. Si vous avez besoin d'ajuster l&eacute;g&egrave;rement la position d'un objet, s&eacute;lectionnez-le et utilisez les
fl&egrave;ches du clavier.
Pour mettre &agrave; jour la barre de navigation sur toutes les pages, s&eacute;lectionnez le menu Arranger -&gt;Mettre
&agrave; jour les objets r&eacute;p&eacute;t&eacute;s
. La barre de boutons (et tous les autres objets r&eacute;p&eacute;t&eacute;s) de la page en cours seront copi&eacute;s sur toutes les
autres pages contenant la m&ecirc;me barre de bouton. Si vous souhaitez copier une barre enti&egrave;re de bouton
sur une autre page qui n'en poss&egrave;de pas, faites un double-clic pour s&eacute;lectionner la barre enti&egrave;re puis
copiez/collez sur une autre page.
Conseil :Si vous utilisez &laquo; Copier &agrave; la m&ecirc;me place
&raquo; (Maj+Ctrl+V), l'objet sera plac&eacute; au m&ecirc;me endroit sur la page de destination.
Page 94
Ajouter de nouveaux boutons
Dans la Galerie des mod&egrave;les, chaque th&egrave;me poss&egrave;de un ensemble de graphismes de boutons que vous
pouvez faire glisser sur la page. Il s'agit g&eacute;n&eacute;ralement de deux types de boutons. Les Boutons
Extensibles s'adaptent &agrave; la taille du texte.
On trouve &eacute;galement une cat&eacute;gorie Boutons, qui est un ensemble de mod&egrave;les de boutons qui peuvent
&ecirc;tre ajout&eacute;s &agrave; la page de la m&ecirc;me fa&ccedil;on.
Vous pouvez &eacute;galement copier un bouton existant (c'est probablement la meilleure fa&ccedil;on d'ajouter des
boutons &agrave; une barre de navigation). Vous pouvez copier/coller, mais il est plus rapide de faire glisser le
bouton en maintenant le bouton droit de la souris enfonc&eacute;. (C'est un raccourci g&eacute;n&eacute;ral pour copier des
objets). Il vous suffit ensuite d'&eacute;diter le texte.
Astuce : si vous maintenez la touche Ctrl enfonc&eacute;e tout en faisant glisser l'objet, celui-ci se d&eacute;placera de
mani&egrave;re parfaitement horizontale ou verticale, vous permettant ainsi de cr&eacute;er facilement une rang&eacute;e ou
une colonne de boutons.
Barre de boutons (Barre de navigation)
La plupart des sites Internet, et donc la plupart des mod&egrave;les de conception propos&eacute;s, ont une rang&eacute;e ou
une colonne de boutons pour naviguer sur le site ou ailleurs. Dans Web Designer, il s'agit d'un ensemble
de boutons distincts et vous pouvez les modifier directement en cliquant dessus. Vous pouvez d&eacute;placer
chaque bouton ou les supprimer normalement. Si vous souhaitez d&eacute;placer l'ensemble de la rang&eacute;e ou de
la colonne de boutons, il vous suffit de double-cliquer sur l'un des boutons dans l'outil S&eacute;lection
. Tous les boutons de la colonne ou de la rang&eacute;e seront alors s&eacute;lectionn&eacute;s et pourront &ecirc;tre d&eacute;plac&eacute;s en
m&ecirc;me temps.
Pour supprimer un bouton, s&eacute;lectionnez-le puis appuyez sur la touche Suppr
. Pour ajouter un nouveau bouton, copiez simplement un bouton existant. La mani&egrave;re la plus simple de le
faire est de faire glisser un bouton existant avec le bouton droit de la souris. Vous pouvez ensuite modifier
le lien. Si vous avez besoin d'ajuster l&eacute;g&egrave;rement la position d'un objet, s&eacute;lectionnez-le et utilisez les
fl&egrave;ches du clavier.
Pour mettre &agrave; jour la barre de navigation sur toutes les pages, s&eacute;lectionnez le menu Arranger -&gt;Mettre
&agrave; jour les objets r&eacute;p&eacute;t&eacute;s
. La barre de boutons (et tous les autres objets r&eacute;p&eacute;t&eacute;s) de la page en cours seront copi&eacute;s sur toutes les
autres pages contenant la m&ecirc;me barre de bouton. Si vous souhaitez copier une barre enti&egrave;re de bouton
sur une autre page qui n'en poss&egrave;de pas, faites un double-clic pour s&eacute;lectionner la barre enti&egrave;re puis
copiez/collez sur une autre page.
Conseil :Si vous utilisez &laquo; Copier &agrave; la m&ecirc;me place
&raquo; (Maj+Ctrl+V), l'objet sera plac&eacute; au m&ecirc;me endroit sur la page de destination.
Page 95
Barre de boutons (Barre de navigation)
La plupart des sites Internet, et donc la plupart des mod&egrave;les de conception propos&eacute;s, ont une rang&eacute;e ou
une colonne de boutons pour naviguer sur le site ou ailleurs. Dans Web Designer, il s'agit d'un ensemble
de boutons distincts et vous pouvez les modifier directement en cliquant dessus. Vous pouvez d&eacute;placer
chaque bouton ou les supprimer normalement. Si vous souhaitez d&eacute;placer l'ensemble de la rang&eacute;e ou de
la colonne de boutons, il vous suffit de double-cliquer sur l'un des boutons dans l'outil S&eacute;lection
. Tous les boutons de la colonne ou de la rang&eacute;e seront alors s&eacute;lectionn&eacute;s et pourront &ecirc;tre d&eacute;plac&eacute;s en
m&ecirc;me temps.
Pour supprimer un bouton, s&eacute;lectionnez-le puis appuyez sur la touche Suppr
. Pour ajouter un nouveau bouton, copiez simplement un bouton existant. La mani&egrave;re la plus simple de le
faire est de faire glisser un bouton existant avec le bouton droit de la souris. Vous pouvez ensuite modifier
le lien. Si vous avez besoin d'ajuster l&eacute;g&egrave;rement la position d'un objet, s&eacute;lectionnez-le et utilisez les
fl&egrave;ches du clavier.
Pour mettre &agrave; jour la barre de navigation sur toutes les pages, s&eacute;lectionnez le menu Arranger -&gt;Mettre
&agrave; jour les objets r&eacute;p&eacute;t&eacute;s
. La barre de boutons (et tous les autres objets r&eacute;p&eacute;t&eacute;s) de la page en cours seront copi&eacute;s sur toutes les
autres pages contenant la m&ecirc;me barre de bouton. Si vous souhaitez copier une barre enti&egrave;re de bouton
sur une autre page qui n'en poss&egrave;de pas, faites un double-clic pour s&eacute;lectionner la barre enti&egrave;re puis
copiez/collez sur une autre page.
Conseil :Si vous utilisez &laquo; Copier &agrave; la m&ecirc;me place
&raquo; (Maj+Ctrl+V), l'objet sera plac&eacute; au m&ecirc;me endroit sur la page de destination.
Page 96
Outils de dessin
Web Designer vous propose tous les outils graphiques dont vous avez
besoin pour cr&eacute;er des objets graphiques sur votre page et pour &eacute;diter
un ensemble d'&eacute;l&eacute;ments graphiques pr&eacute;d&eacute;finis disponibles dans la
galerie des mod&egrave;les. Trois outils de dessin basiques vous permettent de
cr&eacute;er des rectangles, des ellipses, des &eacute;toiles ou toute forme de votre
choix.
Web Designer met &agrave; votre disposition des outils de dessin vectoriels, ce qui signifie que vous pouvez
redimensionner, modifier et recolorer une forme et sans perte de qualit&eacute;. Vous pouvez zoomer pour
visualiser les moindres d&eacute;tails, toutes les modifications peuvent &ecirc;tre annul&eacute;es.
Pour dessiner un rectangle, s&eacute;lectionnez l'outil Rectangle
et faites-le glisser sur la page. Vous cr&eacute;ez ainsi un rectangle noir.
Cliquez sur le bouton &laquo; Coins arrondis &raquo; de la barre d'infos pour arrondir
les angles du rectangle. Vous pouvez tirer sur les poign&eacute;es arrondies des
angles pour ajuster la courbure.
Pour redimensionner un objet, vous pouvez tirer sur les poign&eacute;es situ&eacute;es &agrave; chaque angle de l'objet.
Effectuez un Glisser-d&eacute;poser avec une couleur de la Palette de couleurs sur votre forme pour la
recolorer. Voir Colorer des formes. A l'aide de l'outil de S&eacute;lection, vous pouvez faire glisser l'objet, le
redimensionner et le faire pivoter comme vous le souhaitez. Voir outil de S&eacute;lection. Vous pouvez placer
ce rectangle derri&egrave;re tous les autres objets en tant qu'image d'arri&egrave;re-plan en appuyant sur Ctrl+B (Put in
Back). S'il est plac&eacute; devant tous les autres objets (Ctrl+F), effectuez un clic droit dessus et s&eacute;lectionnez
&laquo; Renvoyer le texte en arri&egrave;re
&raquo; pour que le texte de votre page soit repouss&eacute; autour de cette forme (une autre fonction de Web
Designer en tant qu'outil de cr&eacute;ation Internet).
L'outil &Eacute;diteur de forme
vous permet de cr&eacute;er des formes vectorielles d&eacute;taill&eacute;es et d'&eacute;diter les
contours des formes.
Pour pr&eacute;d&eacute;finir des formes telles que des rectangles ou des ellipses ou si vous souhaitez modifier les
contours des caract&egrave;res textuels, vous d'abord devez convertir l'objet en forme &eacute;ditable. Vous pouvez le
faire via le raccourci clavier Ctrl+1. Utilisez l'outil &Eacute;diteur de formes pour effectuer diff&eacute;rentes
modifications vectorielles avanc&eacute;es.
Consultez la section R&eacute;f&eacute;rence
pour en savoir plus quant &agrave; l'utilisation de cet outil.
Outil de remplissage
Parmi les nombreuses possibilit&eacute;s offertes par cet outil, vous
pouvez facilement remplir une forme avec une couleur
d&eacute;grad&eacute;e par exemple. S&eacute;lectionnez l'outil et faites glisser le
Page 97
curseur de la souris sur votre objet.
La fl&egrave;che de remplissage peut &ecirc;tre ajust&eacute;e en tirant ses extr&eacute;mit&eacute;s afin de modifier la direction, l'angle et
le degr&eacute; du d&eacute;grad&eacute;.
Rectangle aux angles arrondis avec remplissage d&eacute;grad&eacute;
Remarque : si vous faites glisser le curseur de la souris au-dessus d'un objet group&eacute; tel qu'un panneau de
texte par exemple, tous les &eacute;l&eacute;ments du groupe adopteront le m&ecirc;me type de remplissage. Afin d'&eacute;viter
cela, il suffit de s&eacute;lectionner tout d'abord uniquement l'&eacute;l&eacute;ment que vous souhaitez remplir. Pour cela,
vous avez plusieurs possibilit&eacute;s &agrave; disposition. Un clic unique sur l'&eacute;l&eacute;ment souhait&eacute; avec l'outil de
remplissage s&eacute;lectionne cet &eacute;l&eacute;ment seulement, de la m&ecirc;me mani&egrave;re qu'un clic avec l'outil de s&eacute;lection en
maintenant la touche CTRL enfonc&eacute;e (cette m&eacute;thode est appel&eacute;e &laquo; S&eacute;lection interne &raquo; car elle s&eacute;lectionne
uniquement un objet &agrave; l'int&eacute;rieur du groupe). Vous verrez alors qu'un glissement de souris remplira
uniquement l'objet s&eacute;lectionn&eacute;.
Pour &eacute;diter la couleur de d&eacute;but ou de fin, il suffit de r&eacute;aliser un Glisser-D&eacute;poser avec une couleur depuis
la palette vers la forme ; vous pouvez &eacute;galement s&eacute;lectionner une extr&eacute;mit&eacute; de la fl&egrave;che de remplissage
dans l'outil de remplissage et utiliser l'&eacute;diteur de couleurs (CTRL+E).
Vous avez la possibilit&eacute; de cr&eacute;er une couleur de remplissage avec plusieurs nuances de d&eacute;grad&eacute; en vous
assurant que la fl&egrave;che de remplissage est bien visible (s&eacute;lectionnez-la avec l'outil de remplissage), en
faisant glisser une couleur depuis la palette et en la d&eacute;posant pr&eacute;cautionneusement sur
l'emplacement-cible o&ugrave; vous pourrez voir la nouvelle couleur. Vous pouvez alors d&eacute;placer ce point de
remplissage ou s&eacute;lectionner CTRL+E pour ajuster la couleur &agrave; l'aide de l'&eacute;diteur de couleurs. Il existe
plusieurs types de remplissages : il s'agit ici d'un cercle dot&eacute; d'un remplissage circulaire.
L'ombre est une autre ellipse dot&eacute;e d'une couleur de remplissage d&eacute;grad&eacute;e et dont les contours ont &eacute;t&eacute;
affin&eacute;s (voir ci-dessous).
Outil de transparence
Les navigateurs Internet r&eacute;cents, tout comme Web Designer, prennent en charge les effets avanc&eacute;s de
transparence. Vous pouvez modifier n'importe quel graphique ou photo de sorte &agrave; ce que ces derniers
deviennent transparents. Testez sur votre exemple de rectangle. S&eacute;lectionnez l'outil de transparence et
d&eacute;placez le curseur sur la barre d'infos.
Web Designer va plus loin et prend &eacute;galement en charge des d&eacute;grad&eacute;s de transparence. Cela fonctionne
de mani&egrave;re similaire au remplissage avec un d&eacute;grad&eacute; de couleur. Il suffit de tirer sur les formes dans l'outil
de transparence pour cr&eacute;er une transition de transparence. Vous pouvez modifier le degr&eacute; de
transparence &agrave; chaque extr&eacute;mit&eacute; de la fl&egrave;che de remplissage en cliquant sur celle-ci et en d&eacute;pla&ccedil;ant le
curseur de transparence.
Consultez l'aper&ccedil;u et vous verrez que cela fonctionne &eacute;galement dans votre navigateur Internet.
Page 98
Plume
Il s'agit d'un terme graphique d&eacute;crivant une proc&eacute;dure qui consiste &agrave; masquer les coins des objets. Web
Designer dispose d'une fonction &laquo; Plume &raquo; qui peut &ecirc;tre utilis&eacute;e avec tous les objets, graphiques, textes
ou photos : elle permet de rendre les coins flous de sorte &agrave; ce que ceux-ci se fondent dans l'arri&egrave;re-plan.
L'outil Plume ne se situe pas sur la gauche mais en haut dans la barre sup&eacute;rieure. Exp&eacute;rimentez sur votre
rectangle. S&eacute;lectionnez la forme puis cliquez sur l'outil Plume dans la barre sup&eacute;rieure.
L'ombre situ&eacute;e sous le dessin en forme de balle a des angles att&eacute;nu&eacute;s. En combinant toutes ces
commandes, vous pouvez obtenir tr&egrave;s rapidement des graphiques en calques &eacute;tonnants pour vos
documents ou votre site Internet, directement dans Web Designer sans utiliser d'autre outil graphique.
Voici un exemple de rectangle aux angles
arrondis avec un d&eacute;grad&eacute; de couleurs, de
transparence et des angles att&eacute;nu&eacute;s avec du
texte plac&eacute; au-dessus.
La couleur de remplissage est d&eacute;grad&eacute;e et
s'&eacute;tend de la gauche vers la droite du vert
clair au vert fonc&eacute;. Remarquez &eacute;galement un
d&eacute;grad&eacute; de transparence du haut vers le bas.
L'outil Plume permet de cr&eacute;er les angles
arrondis. Quelques secondes sont
n&eacute;cessaires pour cr&eacute;er une telle image, et elle
sera automatiquement convertie en graphique
correct lors de la sauvegarde de votre page
Web. Avec Web Designer, vous avez la
possibilit&eacute; de cr&eacute;er n'importe quel type de
graphique, de photo, de texte avec
transparence. Le logiciel est &eacute;galement
capable d'importer des fichiers graphiques
de diff&eacute;rents formats (fichiers EPS d'Adobe,
PSD de Photoshop, RAW d'appareils
photos et bien plus).
Remarque technique : Web Designer convertit automatiquement tous les graphiques vectoriels en images
au format PNG, un canal alpha PNG, s'ils contiennent un effet de transparence. Des calques CSS sont
utilis&eacute;s pour imiter l'ordre d'apparition des objets dans Web Designer. Ceci est compatible avec tous les
navigateurs Internet actuels.
Outil ombres
L'un des effet graphique tr&egrave;s appr&eacute;ci&eacute; consiste &agrave; cr&eacute;er une ombre douce sous un graphisme ou du texte.
Cet effet met l'objet en relief par rapport &agrave; l'arri&egrave;re-plan.
L'outil Ombre
vous permet d'ajouter une ombre douce &agrave; un objet, du texte, des
graphismes ou une photo. S&eacute;lectionnez l'outil Ombre et glissez-le sur
l'objet. Vous pouvez modifier le flou de l'ombre et la transparence en
utilisant des fonctionnalit&eacute;s de la Barre d'infos.
Page 99
Texte avec une ombre douce.
Pour ajuster la position d'une ombre, allez dans l'outil Ombre puis glissez sur l'ombre
Note avanc&eacute;e
: Notez que l'ombre &eacute;tant elle-m&ecirc;me semi-transparente (une partie des objets ci-dessous sont visibles
sous l'ombre), les objets ombr&eacute;s sont convertis en images PNG lors de la sauvegarde en page Web
(c'est le seul format qui supporte la transparence). Les images PNG peuvent &ecirc;tre grandes, notamment
pour les photos. C'est le format id&eacute;al pour les images telles que le graphisme ombr&eacute; ci-dessus.
Vous pensez peut-&ecirc;tre que convertir le graphisme en image JPEG vous ferez gagner de l'espace. Selon
ce qui se trouve sous l'ombre, cela peut ou non fonctionner. Si c'est un arri&egrave;re-plan sans texte uni ou
statique, vous pourrez probablement utiliser une image JPEG (fichier beaucoup plus l&eacute;ger, permet un
t&eacute;l&eacute;charger plus rapidement du site Internet). Pour convertir un objet en JPEG, utilisez l'onglet Image de
la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web.
Les images JPEG ne peuvent pas contenir d'&eacute;l&eacute;ments semi-transparents. Ainsi, lors de la cr&eacute;ation d'une
image JPEG d'un objet semi-transparent, Web Designer int&egrave;gre &agrave; l'image l'arri&egrave;re-plan (ce qui se trouve
derri&egrave;re la partie semi-transparente). Le positionnement exact des pixels rend la diff&eacute;rence invisible.
Cette technique ne fonctionne pas si l'objet ombr&eacute; ou semi-transparent est plac&eacute; sur du texte, ce dernier
&eacute;tant alors int&eacute;gr&eacute; dans le graphisme.
Exemple de graphiques
Vous pouvez voir ici un excellent exemple des possibilit&eacute;s de cr&eacute;ation offertes par Web Designer. Ce
bouton combine plusieurs fonctionnalit&eacute;s d&eacute;crites ci-dessus : il a &eacute;t&eacute; cr&eacute;&eacute; &agrave; partir de la combinaison de
quelques formes dont les contours ont &eacute;t&eacute; affin&eacute;s et qui utilisent un d&eacute;grad&eacute; de transparence (effet de
r&eacute;flexion blanche). Le texte a une l&eacute;g&egrave;re ombre douce et le bouton a une ombre brillante. Les &eacute;l&eacute;ments
sont group&eacute;s. (Il n'est pas n&eacute;cessaire de redessiner ce bouton car il est disponible dans la cat&eacute;gorie
&laquo; Boutons &raquo; de la galerie des mod&egrave;les).
L'avantage majeur des graphiques vectoriels, en comparaison avec des graphiques Bitmap cr&eacute;&eacute;s &agrave; l'aide
d'un logiciel d'&eacute;dition de pixels (Photoshop par exemple), r&eacute;side dans le fait que vous pouvez recolorer,
&eacute;diter, faire pivoter et redimensionner le bouton sans aucune perte de qualit&eacute;. Agrandissez-le &agrave; l'extr&ecirc;me
par exemple et vous verrez que sa nettet&eacute; sera conserv&eacute;e.
De plus, vous pouvez le recolorer &agrave; l'aide du syst&egrave;me des &laquo; Couleurs nomm&eacute;es &raquo; et l'&eacute;tirer &agrave; volont&eacute; :
toutes les &eacute;tapes de travail de Web Designer sont non-destructives (ce qui signifie que vous pouvez
&eacute;diter autant de fois que vous voulez et la qualit&eacute; ne subira aucune perte).
Les proc&eacute;dures n&eacute;cessitant beaucoup de ma&icirc;trise et de patience dans d'autres logiciels de graphisme sont
extr&ecirc;mement simples dans Web Designer.
Page 100
Outil de remplissage
Parmi les nombreuses possibilit&eacute;s offertes par cet outil, vous
pouvez facilement remplir une forme avec une couleur
d&eacute;grad&eacute;e par exemple. S&eacute;lectionnez l'outil et faites glisser le
curseur de la souris sur votre objet.
La fl&egrave;che de remplissage peut &ecirc;tre ajust&eacute;e en tirant ses extr&eacute;mit&eacute;s afin de modifier la direction, l'angle et
le degr&eacute; du d&eacute;grad&eacute;.
Rectangle aux angles arrondis avec remplissage d&eacute;grad&eacute;
Remarque : si vous faites glisser le curseur de la souris au-dessus d'un objet group&eacute; tel qu'un panneau de
texte par exemple, tous les &eacute;l&eacute;ments du groupe adopteront le m&ecirc;me type de remplissage. Afin d'&eacute;viter
cela, il suffit de s&eacute;lectionner tout d'abord uniquement l'&eacute;l&eacute;ment que vous souhaitez remplir. Pour cela,
vous avez plusieurs possibilit&eacute;s &agrave; disposition. Un clic unique sur l'&eacute;l&eacute;ment souhait&eacute; avec l'outil de
remplissage s&eacute;lectionne cet &eacute;l&eacute;ment seulement, de la m&ecirc;me mani&egrave;re qu'un clic avec l'outil de s&eacute;lection en
maintenant la touche CTRL enfonc&eacute;e (cette m&eacute;thode est appel&eacute;e &laquo; S&eacute;lection interne &raquo; car elle s&eacute;lectionne
uniquement un objet &agrave; l'int&eacute;rieur du groupe). Vous verrez alors qu'un glissement de souris remplira
uniquement l'objet s&eacute;lectionn&eacute;.
Pour &eacute;diter la couleur de d&eacute;but ou de fin, il suffit de r&eacute;aliser un Glisser-D&eacute;poser avec une couleur depuis
la palette vers la forme ; vous pouvez &eacute;galement s&eacute;lectionner une extr&eacute;mit&eacute; de la fl&egrave;che de remplissage
dans l'outil de remplissage et utiliser l'&eacute;diteur de couleurs (CTRL+E).
Vous avez la possibilit&eacute; de cr&eacute;er une couleur de remplissage avec plusieurs nuances de d&eacute;grad&eacute; en vous
assurant que la fl&egrave;che de remplissage est bien visible (s&eacute;lectionnez-la avec l'outil de remplissage), en
faisant glisser une couleur depuis la palette et en la d&eacute;posant pr&eacute;cautionneusement sur
l'emplacement-cible o&ugrave; vous pourrez voir la nouvelle couleur. Vous pouvez alors d&eacute;placer ce point de
remplissage ou s&eacute;lectionner CTRL+E pour ajuster la couleur &agrave; l'aide de l'&eacute;diteur de couleurs. Il existe
plusieurs types de remplissages : il s'agit ici d'un cercle dot&eacute; d'un remplissage circulaire.
L'ombre est une autre ellipse dot&eacute;e d'une couleur de remplissage d&eacute;grad&eacute;e et dont les contours ont &eacute;t&eacute;
affin&eacute;s (voir ci-dessous).
Outil de transparence
Les navigateurs Internet r&eacute;cents, tout comme Web Designer, prennent en charge les effets avanc&eacute;s de
transparence. Vous pouvez modifier n'importe quel graphique ou photo de sorte &agrave; ce que ces derniers
deviennent transparents. Testez sur votre exemple de rectangle. S&eacute;lectionnez l'outil de transparence et
d&eacute;placez le curseur sur la barre d'infos.
Web Designer va plus loin et prend &eacute;galement en charge des d&eacute;grad&eacute;s de transparence. Cela fonctionne
de mani&egrave;re similaire au remplissage avec un d&eacute;grad&eacute; de couleur. Il suffit de tirer sur les formes dans l'outil
Page 101
de transparence pour cr&eacute;er une transition de transparence. Vous pouvez modifier le degr&eacute; de
transparence &agrave; chaque extr&eacute;mit&eacute; de la fl&egrave;che de remplissage en cliquant sur celle-ci et en d&eacute;pla&ccedil;ant le
curseur de transparence.
Consultez l'aper&ccedil;u et vous verrez que cela fonctionne &eacute;galement dans votre navigateur Internet.
Plume
Il s'agit d'un terme graphique d&eacute;crivant une proc&eacute;dure qui consiste &agrave; masquer les coins des objets. Web
Designer dispose d'une fonction &laquo; Plume &raquo; qui peut &ecirc;tre utilis&eacute;e avec tous les objets, graphiques, textes
ou photos : elle permet de rendre les coins flous de sorte &agrave; ce que ceux-ci se fondent dans l'arri&egrave;re-plan.
L'outil Plume ne se situe pas sur la gauche mais en haut dans la barre sup&eacute;rieure. Exp&eacute;rimentez sur votre
rectangle. S&eacute;lectionnez la forme puis cliquez sur l'outil Plume dans la barre sup&eacute;rieure.
L'ombre situ&eacute;e sous le dessin en forme de balle a des angles att&eacute;nu&eacute;s. En combinant toutes ces
commandes, vous pouvez obtenir tr&egrave;s rapidement des graphiques en calques &eacute;tonnants pour vos
documents ou votre site Internet, directement dans Web Designer sans utiliser d'autre outil graphique.
Voici un exemple de rectangle aux angles
arrondis avec un d&eacute;grad&eacute; de couleurs, de
transparence et des angles att&eacute;nu&eacute;s avec du
texte plac&eacute; au-dessus.
La couleur de remplissage est d&eacute;grad&eacute;e et
s'&eacute;tend de la gauche vers la droite du vert
clair au vert fonc&eacute;. Remarquez &eacute;galement un
d&eacute;grad&eacute; de transparence du haut vers le bas.
L'outil Plume permet de cr&eacute;er les angles
arrondis. Quelques secondes sont
n&eacute;cessaires pour cr&eacute;er une telle image, et elle
sera automatiquement convertie en graphique
correct lors de la sauvegarde de votre page
Web. Avec Web Designer, vous avez la
possibilit&eacute; de cr&eacute;er n'importe quel type de
graphique, de photo, de texte avec
transparence. Le logiciel est &eacute;galement
capable d'importer des fichiers graphiques
de diff&eacute;rents formats (fichiers EPS d'Adobe,
PSD de Photoshop, RAW d'appareils
photos et bien plus).
Remarque technique : Web Designer convertit automatiquement tous les graphiques vectoriels en images
au format PNG, un canal alpha PNG, s'ils contiennent un effet de transparence. Des calques CSS sont
utilis&eacute;s pour imiter l'ordre d'apparition des objets dans Web Designer. Ceci est compatible avec tous les
navigateurs Internet actuels.
Outil ombres
L'un des effet graphique tr&egrave;s appr&eacute;ci&eacute; consiste &agrave; cr&eacute;er une ombre douce sous un graphisme ou du texte.
Cet effet met l'objet en relief par rapport &agrave; l'arri&egrave;re-plan.
L'outil Ombre
vous permet d'ajouter une ombre douce &agrave; un objet, du texte, des
graphismes ou une photo. S&eacute;lectionnez l'outil Ombre et glissez-le sur
l'objet. Vous pouvez modifier le flou de l'ombre et la transparence en
Page 102
utilisant des fonctionnalit&eacute;s de la Barre d'infos.
Texte avec une ombre douce.
Pour ajuster la position d'une ombre, allez dans l'outil Ombre puis glissez sur l'ombre
Note avanc&eacute;e
: Notez que l'ombre &eacute;tant elle-m&ecirc;me semi-transparente (une partie des objets ci-dessous sont visibles
sous l'ombre), les objets ombr&eacute;s sont convertis en images PNG lors de la sauvegarde en page Web
(c'est le seul format qui supporte la transparence). Les images PNG peuvent &ecirc;tre grandes, notamment
pour les photos. C'est le format id&eacute;al pour les images telles que le graphisme ombr&eacute; ci-dessus.
Vous pensez peut-&ecirc;tre que convertir le graphisme en image JPEG vous ferez gagner de l'espace. Selon
ce qui se trouve sous l'ombre, cela peut ou non fonctionner. Si c'est un arri&egrave;re-plan sans texte uni ou
statique, vous pourrez probablement utiliser une image JPEG (fichier beaucoup plus l&eacute;ger, permet un
t&eacute;l&eacute;charger plus rapidement du site Internet). Pour convertir un objet en JPEG, utilisez l'onglet Image de
la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web.
Les images JPEG ne peuvent pas contenir d'&eacute;l&eacute;ments semi-transparents. Ainsi, lors de la cr&eacute;ation d'une
image JPEG d'un objet semi-transparent, Web Designer int&egrave;gre &agrave; l'image l'arri&egrave;re-plan (ce qui se trouve
derri&egrave;re la partie semi-transparente). Le positionnement exact des pixels rend la diff&eacute;rence invisible.
Cette technique ne fonctionne pas si l'objet ombr&eacute; ou semi-transparent est plac&eacute; sur du texte, ce dernier
&eacute;tant alors int&eacute;gr&eacute; dans le graphisme.
Exemple de graphiques
Vous pouvez voir ici un excellent exemple des possibilit&eacute;s de cr&eacute;ation offertes par Web Designer. Ce
bouton combine plusieurs fonctionnalit&eacute;s d&eacute;crites ci-dessus : il a &eacute;t&eacute; cr&eacute;&eacute; &agrave; partir de la combinaison de
quelques formes dont les contours ont &eacute;t&eacute; affin&eacute;s et qui utilisent un d&eacute;grad&eacute; de transparence (effet de
r&eacute;flexion blanche). Le texte a une l&eacute;g&egrave;re ombre douce et le bouton a une ombre brillante. Les &eacute;l&eacute;ments
sont group&eacute;s. (Il n'est pas n&eacute;cessaire de redessiner ce bouton car il est disponible dans la cat&eacute;gorie
&laquo; Boutons &raquo; de la galerie des mod&egrave;les).
L'avantage majeur des graphiques vectoriels, en comparaison avec des graphiques Bitmap cr&eacute;&eacute;s &agrave; l'aide
d'un logiciel d'&eacute;dition de pixels (Photoshop par exemple), r&eacute;side dans le fait que vous pouvez recolorer,
&eacute;diter, faire pivoter et redimensionner le bouton sans aucune perte de qualit&eacute;. Agrandissez-le &agrave; l'extr&ecirc;me
par exemple et vous verrez que sa nettet&eacute; sera conserv&eacute;e.
De plus, vous pouvez le recolorer &agrave; l'aide du syst&egrave;me des &laquo; Couleurs nomm&eacute;es &raquo; et l'&eacute;tirer &agrave; volont&eacute; :
toutes les &eacute;tapes de travail de Web Designer sont non-destructives (ce qui signifie que vous pouvez
&eacute;diter autant de fois que vous voulez et la qualit&eacute; ne subira aucune perte).
Les proc&eacute;dures n&eacute;cessitant beaucoup de ma&icirc;trise et de patience dans d'autres logiciels de graphisme sont
extr&ecirc;mement simples dans Web Designer.
Page 103
Outil de transparence
Les navigateurs Internet r&eacute;cents, tout comme Web Designer, prennent en charge les effets avanc&eacute;s de
transparence. Vous pouvez modifier n'importe quel graphique ou photo de sorte &agrave; ce que ces derniers
deviennent transparents. Testez sur votre exemple de rectangle. S&eacute;lectionnez l'outil de transparence et
d&eacute;placez le curseur sur la barre d'infos.
Web Designer va plus loin et prend &eacute;galement en charge des d&eacute;grad&eacute;s de transparence. Cela fonctionne
de mani&egrave;re similaire au remplissage avec un d&eacute;grad&eacute; de couleur. Il suffit de tirer sur les formes dans l'outil
de transparence pour cr&eacute;er une transition de transparence. Vous pouvez modifier le degr&eacute; de
transparence &agrave; chaque extr&eacute;mit&eacute; de la fl&egrave;che de remplissage en cliquant sur celle-ci et en d&eacute;pla&ccedil;ant le
curseur de transparence.
Consultez l'aper&ccedil;u et vous verrez que cela fonctionne &eacute;galement dans votre navigateur Internet.
Plume
Il s'agit d'un terme graphique d&eacute;crivant une proc&eacute;dure qui consiste &agrave; masquer les coins des objets. Web
Designer dispose d'une fonction &laquo; Plume &raquo; qui peut &ecirc;tre utilis&eacute;e avec tous les objets, graphiques, textes
ou photos : elle permet de rendre les coins flous de sorte &agrave; ce que ceux-ci se fondent dans l'arri&egrave;re-plan.
L'outil Plume ne se situe pas sur la gauche mais en haut dans la barre sup&eacute;rieure. Exp&eacute;rimentez sur votre
rectangle. S&eacute;lectionnez la forme puis cliquez sur l'outil Plume dans la barre sup&eacute;rieure.
L'ombre situ&eacute;e sous le dessin en forme de balle a des angles att&eacute;nu&eacute;s. En combinant toutes ces
commandes, vous pouvez obtenir tr&egrave;s rapidement des graphiques en calques &eacute;tonnants pour vos
documents ou votre site Internet, directement dans Web Designer sans utiliser d'autre outil graphique.
Voici un exemple de rectangle aux angles
arrondis avec un d&eacute;grad&eacute; de couleurs, de
transparence et des angles att&eacute;nu&eacute;s avec du
texte plac&eacute; au-dessus.
La couleur de remplissage est d&eacute;grad&eacute;e et
s'&eacute;tend de la gauche vers la droite du vert
clair au vert fonc&eacute;. Remarquez &eacute;galement un
d&eacute;grad&eacute; de transparence du haut vers le bas.
L'outil Plume permet de cr&eacute;er les angles
arrondis. Quelques secondes sont
n&eacute;cessaires pour cr&eacute;er une telle image, et elle
sera automatiquement convertie en graphique
correct lors de la sauvegarde de votre page
Web. Avec Web Designer, vous avez la
possibilit&eacute; de cr&eacute;er n'importe quel type de
graphique, de photo, de texte avec
transparence. Le logiciel est &eacute;galement
capable d'importer des fichiers graphiques
de diff&eacute;rents formats (fichiers EPS d'Adobe,
PSD de Photoshop, RAW d'appareils
photos et bien plus).
Remarque technique : Web Designer convertit automatiquement tous les graphiques vectoriels en images
au format PNG, un canal alpha PNG, s'ils contiennent un effet de transparence. Des calques CSS sont
Page 104
utilis&eacute;s pour imiter l'ordre d'apparition des objets dans Web Designer. Ceci est compatible avec tous les
navigateurs Internet actuels.
Outil ombres
L'un des effet graphique tr&egrave;s appr&eacute;ci&eacute; consiste &agrave; cr&eacute;er une ombre douce sous un graphisme ou du texte.
Cet effet met l'objet en relief par rapport &agrave; l'arri&egrave;re-plan.
L'outil Ombre
vous permet d'ajouter une ombre douce &agrave; un objet, du texte, des
graphismes ou une photo. S&eacute;lectionnez l'outil Ombre et glissez-le sur
l'objet. Vous pouvez modifier le flou de l'ombre et la transparence en
utilisant des fonctionnalit&eacute;s de la Barre d'infos.
Texte avec une ombre douce.
Pour ajuster la position d'une ombre, allez dans l'outil Ombre puis glissez sur l'ombre
Note avanc&eacute;e
: Notez que l'ombre &eacute;tant elle-m&ecirc;me semi-transparente (une partie des objets ci-dessous sont visibles
sous l'ombre), les objets ombr&eacute;s sont convertis en images PNG lors de la sauvegarde en page Web
(c'est le seul format qui supporte la transparence). Les images PNG peuvent &ecirc;tre grandes, notamment
pour les photos. C'est le format id&eacute;al pour les images telles que le graphisme ombr&eacute; ci-dessus.
Vous pensez peut-&ecirc;tre que convertir le graphisme en image JPEG vous ferez gagner de l'espace. Selon
ce qui se trouve sous l'ombre, cela peut ou non fonctionner. Si c'est un arri&egrave;re-plan sans texte uni ou
statique, vous pourrez probablement utiliser une image JPEG (fichier beaucoup plus l&eacute;ger, permet un
t&eacute;l&eacute;charger plus rapidement du site Internet). Pour convertir un objet en JPEG, utilisez l'onglet Image de
la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web.
Les images JPEG ne peuvent pas contenir d'&eacute;l&eacute;ments semi-transparents. Ainsi, lors de la cr&eacute;ation d'une
image JPEG d'un objet semi-transparent, Web Designer int&egrave;gre &agrave; l'image l'arri&egrave;re-plan (ce qui se trouve
derri&egrave;re la partie semi-transparente). Le positionnement exact des pixels rend la diff&eacute;rence invisible.
Cette technique ne fonctionne pas si l'objet ombr&eacute; ou semi-transparent est plac&eacute; sur du texte, ce dernier
&eacute;tant alors int&eacute;gr&eacute; dans le graphisme.
Exemple de graphiques
Vous pouvez voir ici un excellent exemple des possibilit&eacute;s de cr&eacute;ation offertes par Web Designer. Ce
bouton combine plusieurs fonctionnalit&eacute;s d&eacute;crites ci-dessus : il a &eacute;t&eacute; cr&eacute;&eacute; &agrave; partir de la combinaison de
quelques formes dont les contours ont &eacute;t&eacute; affin&eacute;s et qui utilisent un d&eacute;grad&eacute; de transparence (effet de
r&eacute;flexion blanche). Le texte a une l&eacute;g&egrave;re ombre douce et le bouton a une ombre brillante. Les &eacute;l&eacute;ments
sont group&eacute;s. (Il n'est pas n&eacute;cessaire de redessiner ce bouton car il est disponible dans la cat&eacute;gorie
&laquo; Boutons &raquo; de la galerie des mod&egrave;les).
L'avantage majeur des graphiques vectoriels, en comparaison avec des graphiques Bitmap cr&eacute;&eacute;s &agrave; l'aide
d'un logiciel d'&eacute;dition de pixels (Photoshop par exemple), r&eacute;side dans le fait que vous pouvez recolorer,
&eacute;diter, faire pivoter et redimensionner le bouton sans aucune perte de qualit&eacute;. Agrandissez-le &agrave; l'extr&ecirc;me
par exemple et vous verrez que sa nettet&eacute; sera conserv&eacute;e.
Page 105
De plus, vous pouvez le recolorer &agrave; l'aide du syst&egrave;me des &laquo; Couleurs nomm&eacute;es &raquo; et l'&eacute;tirer &agrave; volont&eacute; :
toutes les &eacute;tapes de travail de Web Designer sont non-destructives (ce qui signifie que vous pouvez
&eacute;diter autant de fois que vous voulez et la qualit&eacute; ne subira aucune perte).
Les proc&eacute;dures n&eacute;cessitant beaucoup de ma&icirc;trise et de patience dans d'autres logiciels de graphisme sont
extr&ecirc;mement simples dans Web Designer.
Page 106
Plume
Il s'agit d'un terme graphique d&eacute;crivant une proc&eacute;dure qui consiste &agrave; masquer les coins des objets. Web
Designer dispose d'une fonction &laquo; Plume &raquo; qui peut &ecirc;tre utilis&eacute;e avec tous les objets, graphiques, textes
ou photos : elle permet de rendre les coins flous de sorte &agrave; ce que ceux-ci se fondent dans l'arri&egrave;re-plan.
L'outil Plume ne se situe pas sur la gauche mais en haut dans la barre sup&eacute;rieure. Exp&eacute;rimentez sur votre
rectangle. S&eacute;lectionnez la forme puis cliquez sur l'outil Plume dans la barre sup&eacute;rieure.
L'ombre situ&eacute;e sous le dessin en forme de balle a des angles att&eacute;nu&eacute;s. En combinant toutes ces
commandes, vous pouvez obtenir tr&egrave;s rapidement des graphiques en calques &eacute;tonnants pour vos
documents ou votre site Internet, directement dans Web Designer sans utiliser d'autre outil graphique.
Voici un exemple de rectangle aux angles
arrondis avec un d&eacute;grad&eacute; de couleurs, de
transparence et des angles att&eacute;nu&eacute;s avec du
texte plac&eacute; au-dessus.
La couleur de remplissage est d&eacute;grad&eacute;e et
s'&eacute;tend de la gauche vers la droite du vert
clair au vert fonc&eacute;. Remarquez &eacute;galement un
d&eacute;grad&eacute; de transparence du haut vers le bas.
L'outil Plume permet de cr&eacute;er les angles
arrondis. Quelques secondes sont
n&eacute;cessaires pour cr&eacute;er une telle image, et elle
sera automatiquement convertie en graphique
correct lors de la sauvegarde de votre page
Web. Avec Web Designer, vous avez la
possibilit&eacute; de cr&eacute;er n'importe quel type de
graphique, de photo, de texte avec
transparence. Le logiciel est &eacute;galement
capable d'importer des fichiers graphiques
de diff&eacute;rents formats (fichiers EPS d'Adobe,
PSD de Photoshop, RAW d'appareils
photos et bien plus).
Remarque technique : Web Designer convertit automatiquement tous les graphiques vectoriels en images
au format PNG, un canal alpha PNG, s'ils contiennent un effet de transparence. Des calques CSS sont
utilis&eacute;s pour imiter l'ordre d'apparition des objets dans Web Designer. Ceci est compatible avec tous les
navigateurs Internet actuels.
Outil ombres
L'un des effet graphique tr&egrave;s appr&eacute;ci&eacute; consiste &agrave; cr&eacute;er une ombre douce sous un graphisme ou du texte.
Cet effet met l'objet en relief par rapport &agrave; l'arri&egrave;re-plan.
L'outil Ombre
vous permet d'ajouter une ombre douce &agrave; un objet, du texte, des
graphismes ou une photo. S&eacute;lectionnez l'outil Ombre et glissez-le sur
l'objet. Vous pouvez modifier le flou de l'ombre et la transparence en
utilisant des fonctionnalit&eacute;s de la Barre d'infos.
Page 107
Texte avec une ombre douce.
Pour ajuster la position d'une ombre, allez dans l'outil Ombre puis glissez sur l'ombre
Note avanc&eacute;e
: Notez que l'ombre &eacute;tant elle-m&ecirc;me semi-transparente (une partie des objets ci-dessous sont visibles
sous l'ombre), les objets ombr&eacute;s sont convertis en images PNG lors de la sauvegarde en page Web
(c'est le seul format qui supporte la transparence). Les images PNG peuvent &ecirc;tre grandes, notamment
pour les photos. C'est le format id&eacute;al pour les images telles que le graphisme ombr&eacute; ci-dessus.
Vous pensez peut-&ecirc;tre que convertir le graphisme en image JPEG vous ferez gagner de l'espace. Selon
ce qui se trouve sous l'ombre, cela peut ou non fonctionner. Si c'est un arri&egrave;re-plan sans texte uni ou
statique, vous pourrez probablement utiliser une image JPEG (fichier beaucoup plus l&eacute;ger, permet un
t&eacute;l&eacute;charger plus rapidement du site Internet). Pour convertir un objet en JPEG, utilisez l'onglet Image de
la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web.
Les images JPEG ne peuvent pas contenir d'&eacute;l&eacute;ments semi-transparents. Ainsi, lors de la cr&eacute;ation d'une
image JPEG d'un objet semi-transparent, Web Designer int&egrave;gre &agrave; l'image l'arri&egrave;re-plan (ce qui se trouve
derri&egrave;re la partie semi-transparente). Le positionnement exact des pixels rend la diff&eacute;rence invisible.
Cette technique ne fonctionne pas si l'objet ombr&eacute; ou semi-transparent est plac&eacute; sur du texte, ce dernier
&eacute;tant alors int&eacute;gr&eacute; dans le graphisme.
Exemple de graphiques
Vous pouvez voir ici un excellent exemple des possibilit&eacute;s de cr&eacute;ation offertes par Web Designer. Ce
bouton combine plusieurs fonctionnalit&eacute;s d&eacute;crites ci-dessus : il a &eacute;t&eacute; cr&eacute;&eacute; &agrave; partir de la combinaison de
quelques formes dont les contours ont &eacute;t&eacute; affin&eacute;s et qui utilisent un d&eacute;grad&eacute; de transparence (effet de
r&eacute;flexion blanche). Le texte a une l&eacute;g&egrave;re ombre douce et le bouton a une ombre brillante. Les &eacute;l&eacute;ments
sont group&eacute;s. (Il n'est pas n&eacute;cessaire de redessiner ce bouton car il est disponible dans la cat&eacute;gorie
&laquo; Boutons &raquo; de la galerie des mod&egrave;les).
L'avantage majeur des graphiques vectoriels, en comparaison avec des graphiques Bitmap cr&eacute;&eacute;s &agrave; l'aide
d'un logiciel d'&eacute;dition de pixels (Photoshop par exemple), r&eacute;side dans le fait que vous pouvez recolorer,
&eacute;diter, faire pivoter et redimensionner le bouton sans aucune perte de qualit&eacute;. Agrandissez-le &agrave; l'extr&ecirc;me
par exemple et vous verrez que sa nettet&eacute; sera conserv&eacute;e.
De plus, vous pouvez le recolorer &agrave; l'aide du syst&egrave;me des &laquo; Couleurs nomm&eacute;es &raquo; et l'&eacute;tirer &agrave; volont&eacute; :
toutes les &eacute;tapes de travail de Web Designer sont non-destructives (ce qui signifie que vous pouvez
&eacute;diter autant de fois que vous voulez et la qualit&eacute; ne subira aucune perte).
Les proc&eacute;dures n&eacute;cessitant beaucoup de ma&icirc;trise et de patience dans d'autres logiciels de graphisme sont
extr&ecirc;mement simples dans Web Designer.
Page 108
Outil ombres
L'un des effet graphique tr&egrave;s appr&eacute;ci&eacute; consiste &agrave; cr&eacute;er une ombre douce sous un graphisme ou du texte.
Cet effet met l'objet en relief par rapport &agrave; l'arri&egrave;re-plan.
L'outil Ombre
vous permet d'ajouter une ombre douce &agrave; un objet, du texte, des
graphismes ou une photo. S&eacute;lectionnez l'outil Ombre et glissez-le sur
l'objet. Vous pouvez modifier le flou de l'ombre et la transparence en
utilisant des fonctionnalit&eacute;s de la Barre d'infos.
Texte avec une ombre douce.
Pour ajuster la position d'une ombre, allez dans l'outil Ombre puis glissez sur l'ombre
Note avanc&eacute;e
: Notez que l'ombre &eacute;tant elle-m&ecirc;me semi-transparente (une partie des objets ci-dessous sont visibles
sous l'ombre), les objets ombr&eacute;s sont convertis en images PNG lors de la sauvegarde en page Web
(c'est le seul format qui supporte la transparence). Les images PNG peuvent &ecirc;tre grandes, notamment
pour les photos. C'est le format id&eacute;al pour les images telles que le graphisme ombr&eacute; ci-dessus.
Vous pensez peut-&ecirc;tre que convertir le graphisme en image JPEG vous ferez gagner de l'espace. Selon
ce qui se trouve sous l'ombre, cela peut ou non fonctionner. Si c'est un arri&egrave;re-plan sans texte uni ou
statique, vous pourrez probablement utiliser une image JPEG (fichier beaucoup plus l&eacute;ger, permet un
t&eacute;l&eacute;charger plus rapidement du site Internet). Pour convertir un objet en JPEG, utilisez l'onglet Image de
la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web.
Les images JPEG ne peuvent pas contenir d'&eacute;l&eacute;ments semi-transparents. Ainsi, lors de la cr&eacute;ation d'une
image JPEG d'un objet semi-transparent, Web Designer int&egrave;gre &agrave; l'image l'arri&egrave;re-plan (ce qui se trouve
derri&egrave;re la partie semi-transparente). Le positionnement exact des pixels rend la diff&eacute;rence invisible.
Cette technique ne fonctionne pas si l'objet ombr&eacute; ou semi-transparent est plac&eacute; sur du texte, ce dernier
&eacute;tant alors int&eacute;gr&eacute; dans le graphisme.
Exemple de graphiques
Vous pouvez voir ici un excellent exemple des possibilit&eacute;s de cr&eacute;ation offertes par Web Designer. Ce
bouton combine plusieurs fonctionnalit&eacute;s d&eacute;crites ci-dessus : il a &eacute;t&eacute; cr&eacute;&eacute; &agrave; partir de la combinaison de
quelques formes dont les contours ont &eacute;t&eacute; affin&eacute;s et qui utilisent un d&eacute;grad&eacute; de transparence (effet de
r&eacute;flexion blanche). Le texte a une l&eacute;g&egrave;re ombre douce et le bouton a une ombre brillante. Les &eacute;l&eacute;ments
sont group&eacute;s. (Il n'est pas n&eacute;cessaire de redessiner ce bouton car il est disponible dans la cat&eacute;gorie
&laquo; Boutons &raquo; de la galerie des mod&egrave;les).
L'avantage majeur des graphiques vectoriels, en comparaison avec des graphiques Bitmap cr&eacute;&eacute;s &agrave; l'aide
d'un logiciel d'&eacute;dition de pixels (Photoshop par exemple), r&eacute;side dans le fait que vous pouvez recolorer,
&eacute;diter, faire pivoter et redimensionner le bouton sans aucune perte de qualit&eacute;. Agrandissez-le &agrave; l'extr&ecirc;me
par exemple et vous verrez que sa nettet&eacute; sera conserv&eacute;e.
Page 109
De plus, vous pouvez le recolorer &agrave; l'aide du syst&egrave;me des &laquo; Couleurs nomm&eacute;es &raquo; et l'&eacute;tirer &agrave; volont&eacute; :
toutes les &eacute;tapes de travail de Web Designer sont non-destructives (ce qui signifie que vous pouvez
&eacute;diter autant de fois que vous voulez et la qualit&eacute; ne subira aucune perte).
Les proc&eacute;dures n&eacute;cessitant beaucoup de ma&icirc;trise et de patience dans d'autres logiciels de graphisme sont
extr&ecirc;mement simples dans Web Designer.
Page 110
Exemple de graphiques
Vous pouvez voir ici un excellent exemple des possibilit&eacute;s de cr&eacute;ation offertes par Web Designer. Ce
bouton combine plusieurs fonctionnalit&eacute;s d&eacute;crites ci-dessus : il a &eacute;t&eacute; cr&eacute;&eacute; &agrave; partir de la combinaison de
quelques formes dont les contours ont &eacute;t&eacute; affin&eacute;s et qui utilisent un d&eacute;grad&eacute; de transparence (effet de
r&eacute;flexion blanche). Le texte a une l&eacute;g&egrave;re ombre douce et le bouton a une ombre brillante. Les &eacute;l&eacute;ments
sont group&eacute;s. (Il n'est pas n&eacute;cessaire de redessiner ce bouton car il est disponible dans la cat&eacute;gorie
&laquo; Boutons &raquo; de la galerie des mod&egrave;les).
L'avantage majeur des graphiques vectoriels, en comparaison avec des graphiques Bitmap cr&eacute;&eacute;s &agrave; l'aide
d'un logiciel d'&eacute;dition de pixels (Photoshop par exemple), r&eacute;side dans le fait que vous pouvez recolorer,
&eacute;diter, faire pivoter et redimensionner le bouton sans aucune perte de qualit&eacute;. Agrandissez-le &agrave; l'extr&ecirc;me
par exemple et vous verrez que sa nettet&eacute; sera conserv&eacute;e.
De plus, vous pouvez le recolorer &agrave; l'aide du syst&egrave;me des &laquo; Couleurs nomm&eacute;es &raquo; et l'&eacute;tirer &agrave; volont&eacute; :
toutes les &eacute;tapes de travail de Web Designer sont non-destructives (ce qui signifie que vous pouvez
&eacute;diter autant de fois que vous voulez et la qualit&eacute; ne subira aucune perte).
Les proc&eacute;dures n&eacute;cessitant beaucoup de ma&icirc;trise et de patience dans d'autres logiciels de graphisme sont
extr&ecirc;mement simples dans Web Designer.
Page 111
Calques, survol de souris &amp; fen&ecirc;tres pop-up
Comme mentionn&eacute; pr&eacute;c&eacute;demment, tous les objets ont un ordre d'apparition sur la page : de l'objet
d'arri&egrave;re-plan vers celui en premier plan.
Ces objets sont plac&eacute;s les uns au dessus des autres.
De plus, tous les &eacute;l&eacute;ments peuvent &ecirc;tre plac&eacute;s dans des calques nomm&eacute;s. Chaque calque peut accueillir
autant d'objets que vous voulez et &ecirc;tre activ&eacute; ou d&eacute;sactiv&eacute;. Si le calque est d&eacute;sactiv&eacute;, tous les objets qu'il
contient sont invisibles.
Les calques sont contr&ocirc;l&eacute;s via l'icone de la galerie des calques
dans la barre d'outils sup&eacute;rieure.
Les calques de Web Designer sont con&ccedil;us pour que vous puissiez y utiliser des effets de survol de souris.
Cela inclut des boutons en surbrillance (ils s'illuminent lorsque vous les survolez avec le curseur de la
souris) ainsi que d'autres effets pop-up comme des panneaux de textes contenant une description
d&eacute;taill&eacute;e pour un produit par exemple.
Effets de survol de souris
Il y a deux types d'effets de survol de souris que vous pouvez param&eacute;trer. Le premier est utilis&eacute; pour des
boutons contenant des objets dot&eacute;s d'un lien Internet : le survol de ce bouton avec le curseur de la souris
affiche un objet graphique superpos&eacute; au bouton, sur le calque nomm&eacute; &laquo; Survol de souris &raquo;
. Voir ci-dessous pour plus de d&eacute;tails.
La seconde possibilit&eacute; est plus performante : vous pouvez faire appara&icirc;tre les contenus de chaque calque
en tant qu'effet de survol de souris ou bien en cliquant sur un objet de votre page. Vous pouvez placer et
combiner du texte, des graphiques, des photos ou les trois sur ce calque pop-up. Plus d'informations
ci-dessous.
Calques MouseOff et MouseOver (souris inf&eacute;rieure et
sup&eacute;rieure)
Tous les objets principaux de votre site Web sont plac&eacute;s sur le calque inf&eacute;rieur, appel&eacute; usuellement
MouseOff. Sur la page Web, les boutons en surbrillance lorsque vous les survolez avec le curseur de la
souris disposent d'un autre graphique situ&eacute; sur le calque appel&eacute; MouseOver
.
Page 112
Si vous ouvrez la galerie des calques, vous pouvez masquer ou afficher chacun des calques en cochant
ou d&eacute;cochant la case de visibilit&eacute; (colonne gauche sous le symbole en forme d'oeil). Ainsi, vous pouvez
voir &agrave; quoi ressembleront les &eacute;l&eacute;ments Mouseover sur votre page.
Le calque utilis&eacute; actuellement est toujours en surbrillance dans la galerie des calques - le calque
MouseOff dans l'illustration ci-dessus - et il s'agit de celui dans lequel tous les nouveaux objets seront
dessin&eacute;s. Afin de placer des objets sur n'importe quels autres calques, il suffit de cliquer sur le calque
souhait&eacute; dans la galerie des calques, de vous assurer qu'il est activ&eacute; et &eacute;ditable (les cases doivent &ecirc;tre
coch&eacute;es).
Remarque : le calque d&eacute;fini en tant que MouseOver doit toujours se situer au dessus du calque
MouseOff, comme indiqu&eacute; dans l'exemple ci-dessus.
Afin de pouvoir &eacute;diter les objets sur un calque, assurez-vous que les cases &laquo; Visible &raquo; et &laquo; Pointeur &raquo;
soient bien coch&eacute;es.
D&eacute;placer des objets d'un calque &agrave; l'autre
Vous pouvez couper un objet (Ctrl+X), s&eacute;lectionnez un nouveau calque (cliquez sur son nom dans la
Galerie des calques) et Coller (Ctrl+V). Une autre possibilit&eacute; est de &laquo; Copier &agrave; la m&ecirc;me place &raquo;
(Ctrl+Maj+V), ce qui copiera l'objet dans la m&ecirc;me position que celle o&ugrave; vous l'avez copi&eacute;. V&eacute;rifiez que
les cases Visibilit&eacute; et &Eacute;diter sont coch&eacute;es pour pouvoir visualiser et &eacute;diter l'objet dans le nouveau calque.
Boutons de survol de souris
Dans Web Designer, presque tous les boutons pr&ecirc;ts &agrave; l'emploi de la Galerie des mod&egrave;les
ont un effet de survol de la souris. Chaque bouton poss&egrave;dent deux version : la principale se situe dans le
calque &laquo; &Eacute;tat normal &raquo; et la version en surbrillance dans le calque &laquo; Survol de la souris &raquo;.
En principe, il n'est pas n&eacute;cessaire de s'en soucier car les deux boutons se comportent de la m&ecirc;me
fa&ccedil;on : si vous apportez des modifications sur l'un des deux, comme modifier le texte, les changements
seront r&eacute;percut&eacute;s sur l'autre version. Si vous d&eacute;placez, tirez sur ou redimensionnez un bouton dans le
calque &laquo; &Eacute;tat normal &raquo;, l'autre version (&laquo; Survol de la souris &raquo;) sera &eacute;galement modifi&eacute;e, m&ecirc;me si vous ne
pouvez pas le voir, gr&acirc;ce aux Groupes souples
.
Cr&eacute;er votre propre bouton de survol de souris
Il est possible de cr&eacute;er vos propres boutons de survol de la souris en dessinant les &eacute;l&eacute;ments n&eacute;cessaires
&agrave; partir des rectangles, du texte, etc. Il vous suffit de dessiner les &eacute;l&eacute;ments principaux du bouton sur le
calque &Eacute;tat normal (rappelez-vous de le regrouper
) et de placer la version &laquo; en surbrillance &raquo; correspondante sur le calque Survol de la souris. Tant que la
Page 113
version &Eacute;tat normal est reli&eacute;e &agrave; une adresse Web, la version Survol de la souris sera automatiquement
affich&eacute;e lorsque vous passerez la souris sur la page Web (le calque Survol de la souris doit &ecirc;tre
au-dessus du calque &Eacute;tat normal).
En d'autres termes, vous donnez &agrave; l'objet principal une Adresse Web en
utilisant l'option de liens, puis vous s&eacute;lectionnez le calque Survol de la
souris dans la Galerie des calques. Ensuite, placez les versions de boutons
avec survol de la souris sur ce calque pour qu'il soit superpos&eacute; &agrave; l'objet
reli&eacute;.
Remarque technique :
Tous les objets graphiques du calque Survol de la souris seront affich&eacute;s si au moins 50 % de l'objet se
superpose sur le calque &Eacute;tat normal. Ces deux versions des boutons de survol de la souris sont
synchronis&eacute;s gr&acirc;ce aux fonctionnalit&eacute;s des Groupes souples. Lorsque vous s&eacute;lectionnez le bouton sur un
calque, il s&eacute;lectionne automatiquement la version Groupe souple de l'autre calque, m&ecirc;me si ce dernier est
inactif. Lorsque vous &eacute;ditez le texte d'un bouton sur un calque, le changement est automatiquement
synchronis&eacute; avec l'autre version du bouton.
Pour vous assurer que le texte des deux versions &Eacute;tat normal et Survol de la souris change lorsque vous
modifiez l'une des deux versions, transformez les boutons des deux calques en Groupe souple. Pour ce
faire, vous aurez besoin d'activer les deux calques dans la Galerie des calques et de s&eacute;lectionner &agrave;
l'aide du lasso les deux boutons. La ligne de statut vous dira si tout est bien s&eacute;lectionn&eacute;. S&eacute;lectionnez
Arranger -&gt;Appliquer le Groupe souple
. D&eacute;sormais, lorsque vous &eacute;diterez le texte du calque &Eacute;tat normal, il changera &eacute;galement sur le calque
Survol de la souris, m&ecirc;me s'il est cach&eacute;. (Notez que cela fonctionne uniquement si les textes des versions
&Eacute;tat normal et Survol de la souris sont identiques au d&eacute;part et si les objets sont bas&eacute;s sur des Groupes
souples).
Calques pop-ups
Il existe une solution plus efficace pour vous permettre d'afficher le contenu d'un calque d&egrave;s que vous
passez la souris dessus ou que vous cliquez sur un objet. Elle peut &ecirc;tre utilis&eacute;e pour une gamme de
diff&eacute;rents effets pop-ups, comme des photos, des menus ou des descriptions d&eacute;taill&eacute;es d'objets.
Placez tous les objets que vous voulez voir s'afficher en pop-up dans un nouveau calque (dans la Galerie
des calques, cliquez sur Nouveau - n'utilisez pas le calque Survol de la souris). D&eacute;finissez ensuite les
propri&eacute;t&eacute;s de Survol de la souris (bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
) de l'objet original pour d&eacute;clencher l'affichage de ce calque lorsque vous passez sur un objet avec la
souris. Par exemple, vous pouvez faire appara&icirc;tre un pop-up comme celui-ci en passant au-dessus de
texte :
Voici les &eacute;tapes pour cr&eacute;er un bloc de texte pop-up comme celui-ci :
1. Cliquez sur Nouveau dans la Galerie des calques pour cr&eacute;er un nouveau calque.
2. Dessinez un rectangle aux bords arrondis avec l'outil Rectangle, cliquez sur une pastille de
couleur (p&acirc;le) sur la Palette de couleurs pour le remplir avec une couleur. Pour une bonne
mesure, ajoutez une ombre douce (s&eacute;lectionnez l'outil Ombre et faites-le glisser sur le rectangle).
3. Cr&eacute;ez un bloc de texte en haut de votre rectangle. S&eacute;lectionnez l'outil Texte et tirez sur le
rectangle en diagonale. Saisissez votre texte. Vous souhaiterez probablement masquer le calque
pop-up. Pour cela, d&eacute;cochez la case &laquo; Voir &raquo; de votre nouveau calque.
Page 114
4. Dans le calque de base (&Eacute;tat normal) : cliquez sur la Galerie des calques pour le r&eacute;gler en tant
que calque en cours puis s&eacute;lectionnez le texte que vous voulez utiliser pour d&eacute;clencher le pop-up
en utilisant la m&eacute;thode habituelle (dans l'outil Texte). Ouvrez la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s
Web (Ctrl+Maj+W) et sur l'onglet Survol de la souris, s&eacute;lectionnez le nouveau calque du menu
d&eacute;roulant &laquo; Afficher le calque du pop-up &raquo;. Cliquez sur OK.
5. Pr&eacute;visualiser et tester les effets de survol de la souris.
Si vous souhaitez que le pop-up apparaisse seulement lorsque l'on clique, s&eacute;lectionnez la m&ecirc;me option
que dans l'onglet Lien de la m&ecirc;me bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
.
Remarque :
Le calque Survol de la souris appara&icirc;t et dispara&icirc;t lorsque vous d&eacute;placez le pointeur de la souris sur
l'objet pop-up. Si vous utilisez le clic pour afficher le calque (de la bo&icirc;te de dialogue Lien), le calque est
r&eacute;v&eacute;l&eacute; en cliquant sur l'objet et est masqu&eacute; lorsque vous cliquez ailleurs sur la page.
Photos pop-ups
Il existe une autre mani&egrave;re plus simple d'afficher des photos &eacute;largies &agrave; partir de miniatures et qui ne
n&eacute;cessite pas la cr&eacute;ation de nouveaux calques. Voir ici
. Cette m&eacute;thode est plus appropri&eacute;e lorsque les photos pop-ups sont grandes, car elles ne se chargent
pas tant que l'on a pas cliqu&eacute; sur l'image miniature.
Page 115
Effets de survol de souris
Il y a deux types d'effets de survol de souris que vous pouvez param&eacute;trer. Le premier est utilis&eacute; pour des
boutons contenant des objets dot&eacute;s d'un lien Internet : le survol de ce bouton avec le curseur de la souris
affiche un objet graphique superpos&eacute; au bouton, sur le calque nomm&eacute; &laquo; Survol de souris &raquo;
. Voir ci-dessous pour plus de d&eacute;tails.
La seconde possibilit&eacute; est plus performante : vous pouvez faire appara&icirc;tre les contenus de chaque calque
en tant qu'effet de survol de souris ou bien en cliquant sur un objet de votre page. Vous pouvez placer et
combiner du texte, des graphiques, des photos ou les trois sur ce calque pop-up. Plus d'informations
ci-dessous.
Calques MouseOff et MouseOver (souris inf&eacute;rieure et
sup&eacute;rieure)
Tous les objets principaux de votre site Web sont plac&eacute;s sur le calque inf&eacute;rieur, appel&eacute; usuellement
MouseOff. Sur la page Web, les boutons en surbrillance lorsque vous les survolez avec le curseur de la
souris disposent d'un autre graphique situ&eacute; sur le calque appel&eacute; MouseOver
.
Si vous ouvrez la galerie des calques, vous pouvez masquer ou afficher chacun des calques en cochant
ou d&eacute;cochant la case de visibilit&eacute; (colonne gauche sous le symbole en forme d'oeil). Ainsi, vous pouvez
voir &agrave; quoi ressembleront les &eacute;l&eacute;ments Mouseover sur votre page.
Le calque utilis&eacute; actuellement est toujours en surbrillance dans la galerie des calques - le calque
MouseOff dans l'illustration ci-dessus - et il s'agit de celui dans lequel tous les nouveaux objets seront
dessin&eacute;s. Afin de placer des objets sur n'importe quels autres calques, il suffit de cliquer sur le calque
souhait&eacute; dans la galerie des calques, de vous assurer qu'il est activ&eacute; et &eacute;ditable (les cases doivent &ecirc;tre
coch&eacute;es).
Remarque : le calque d&eacute;fini en tant que MouseOver doit toujours se situer au dessus du calque
MouseOff, comme indiqu&eacute; dans l'exemple ci-dessus.
Afin de pouvoir &eacute;diter les objets sur un calque, assurez-vous que les cases &laquo; Visible &raquo; et &laquo; Pointeur &raquo;
soient bien coch&eacute;es.
D&eacute;placer des objets d'un calque &agrave; l'autre
Vous pouvez couper un objet (Ctrl+X), s&eacute;lectionnez un nouveau calque (cliquez sur son nom dans la
Galerie des calques) et Coller (Ctrl+V). Une autre possibilit&eacute; est de &laquo; Copier &agrave; la m&ecirc;me place &raquo;
(Ctrl+Maj+V), ce qui copiera l'objet dans la m&ecirc;me position que celle o&ugrave; vous l'avez copi&eacute;. V&eacute;rifiez que
les cases Visibilit&eacute; et &Eacute;diter sont coch&eacute;es pour pouvoir visualiser et &eacute;diter l'objet dans le nouveau calque.
Page 116
Boutons de survol de souris
Dans Web Designer, presque tous les boutons pr&ecirc;ts &agrave; l'emploi de la Galerie des mod&egrave;les
ont un effet de survol de la souris. Chaque bouton poss&egrave;dent deux version : la principale se situe dans le
calque &laquo; &Eacute;tat normal &raquo; et la version en surbrillance dans le calque &laquo; Survol de la souris &raquo;.
En principe, il n'est pas n&eacute;cessaire de s'en soucier car les deux boutons se comportent de la m&ecirc;me
fa&ccedil;on : si vous apportez des modifications sur l'un des deux, comme modifier le texte, les changements
seront r&eacute;percut&eacute;s sur l'autre version. Si vous d&eacute;placez, tirez sur ou redimensionnez un bouton dans le
calque &laquo; &Eacute;tat normal &raquo;, l'autre version (&laquo; Survol de la souris &raquo;) sera &eacute;galement modifi&eacute;e, m&ecirc;me si vous ne
pouvez pas le voir, gr&acirc;ce aux Groupes souples
.
Cr&eacute;er votre propre bouton de survol de souris
Il est possible de cr&eacute;er vos propres boutons de survol de la souris en dessinant les &eacute;l&eacute;ments n&eacute;cessaires
&agrave; partir des rectangles, du texte, etc. Il vous suffit de dessiner les &eacute;l&eacute;ments principaux du bouton sur le
calque &Eacute;tat normal (rappelez-vous de le regrouper
) et de placer la version &laquo; en surbrillance &raquo; correspondante sur le calque Survol de la souris. Tant que la
version &Eacute;tat normal est reli&eacute;e &agrave; une adresse Web, la version Survol de la souris sera automatiquement
affich&eacute;e lorsque vous passerez la souris sur la page Web (le calque Survol de la souris doit &ecirc;tre
au-dessus du calque &Eacute;tat normal).
En d'autres termes, vous donnez &agrave; l'objet principal une Adresse Web en
utilisant l'option de liens, puis vous s&eacute;lectionnez le calque Survol de la
souris dans la Galerie des calques. Ensuite, placez les versions de boutons
avec survol de la souris sur ce calque pour qu'il soit superpos&eacute; &agrave; l'objet
reli&eacute;.
Remarque technique :
Tous les objets graphiques du calque Survol de la souris seront affich&eacute;s si au moins 50 % de l'objet se
superpose sur le calque &Eacute;tat normal. Ces deux versions des boutons de survol de la souris sont
synchronis&eacute;s gr&acirc;ce aux fonctionnalit&eacute;s des Groupes souples. Lorsque vous s&eacute;lectionnez le bouton sur un
calque, il s&eacute;lectionne automatiquement la version Groupe souple de l'autre calque, m&ecirc;me si ce dernier est
inactif. Lorsque vous &eacute;ditez le texte d'un bouton sur un calque, le changement est automatiquement
synchronis&eacute; avec l'autre version du bouton.
Pour vous assurer que le texte des deux versions &Eacute;tat normal et Survol de la souris change lorsque vous
modifiez l'une des deux versions, transformez les boutons des deux calques en Groupe souple. Pour ce
faire, vous aurez besoin d'activer les deux calques dans la Galerie des calques et de s&eacute;lectionner &agrave;
l'aide du lasso les deux boutons. La ligne de statut vous dira si tout est bien s&eacute;lectionn&eacute;. S&eacute;lectionnez
Arranger -&gt;Appliquer le Groupe souple
. D&eacute;sormais, lorsque vous &eacute;diterez le texte du calque &Eacute;tat normal, il changera &eacute;galement sur le calque
Survol de la souris, m&ecirc;me s'il est cach&eacute;. (Notez que cela fonctionne uniquement si les textes des versions
&Eacute;tat normal et Survol de la souris sont identiques au d&eacute;part et si les objets sont bas&eacute;s sur des Groupes
souples).
Calques pop-ups
Il existe une solution plus efficace pour vous permettre d'afficher le contenu d'un calque d&egrave;s que vous
passez la souris dessus ou que vous cliquez sur un objet. Elle peut &ecirc;tre utilis&eacute;e pour une gamme de
diff&eacute;rents effets pop-ups, comme des photos, des menus ou des descriptions d&eacute;taill&eacute;es d'objets.
Placez tous les objets que vous voulez voir s'afficher en pop-up dans un nouveau calque (dans la Galerie
des calques, cliquez sur Nouveau - n'utilisez pas le calque Survol de la souris). D&eacute;finissez ensuite les
propri&eacute;t&eacute;s de Survol de la souris (bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
Page 117
) de l'objet original pour d&eacute;clencher l'affichage de ce calque lorsque vous passez sur un objet avec la
souris. Par exemple, vous pouvez faire appara&icirc;tre un pop-up comme celui-ci en passant au-dessus de
texte :
Voici les &eacute;tapes pour cr&eacute;er un bloc de texte pop-up comme celui-ci :
1. Cliquez sur Nouveau dans la Galerie des calques pour cr&eacute;er un nouveau calque.
2. Dessinez un rectangle aux bords arrondis avec l'outil Rectangle, cliquez sur une pastille de
couleur (p&acirc;le) sur la Palette de couleurs pour le remplir avec une couleur. Pour une bonne
mesure, ajoutez une ombre douce (s&eacute;lectionnez l'outil Ombre et faites-le glisser sur le rectangle).
3. Cr&eacute;ez un bloc de texte en haut de votre rectangle. S&eacute;lectionnez l'outil Texte et tirez sur le
rectangle en diagonale. Saisissez votre texte. Vous souhaiterez probablement masquer le calque
pop-up. Pour cela, d&eacute;cochez la case &laquo; Voir &raquo; de votre nouveau calque.
4. Dans le calque de base (&Eacute;tat normal) : cliquez sur la Galerie des calques pour le r&eacute;gler en tant
que calque en cours puis s&eacute;lectionnez le texte que vous voulez utiliser pour d&eacute;clencher le pop-up
en utilisant la m&eacute;thode habituelle (dans l'outil Texte). Ouvrez la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s
Web (Ctrl+Maj+W) et sur l'onglet Survol de la souris, s&eacute;lectionnez le nouveau calque du menu
d&eacute;roulant &laquo; Afficher le calque du pop-up &raquo;. Cliquez sur OK.
5. Pr&eacute;visualiser et tester les effets de survol de la souris.
Si vous souhaitez que le pop-up apparaisse seulement lorsque l'on clique, s&eacute;lectionnez la m&ecirc;me option
que dans l'onglet Lien de la m&ecirc;me bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
.
Remarque :
Le calque Survol de la souris appara&icirc;t et dispara&icirc;t lorsque vous d&eacute;placez le pointeur de la souris sur
l'objet pop-up. Si vous utilisez le clic pour afficher le calque (de la bo&icirc;te de dialogue Lien), le calque est
r&eacute;v&eacute;l&eacute; en cliquant sur l'objet et est masqu&eacute; lorsque vous cliquez ailleurs sur la page.
Photos pop-ups
Il existe une autre mani&egrave;re plus simple d'afficher des photos &eacute;largies &agrave; partir de miniatures et qui ne
n&eacute;cessite pas la cr&eacute;ation de nouveaux calques. Voir ici
. Cette m&eacute;thode est plus appropri&eacute;e lorsque les photos pop-ups sont grandes, car elles ne se chargent
pas tant que l'on a pas cliqu&eacute; sur l'image miniature.
Page 118
Calques MouseOff et MouseOver (souris inf&eacute;rieure et
sup&eacute;rieure)
Tous les objets principaux de votre site Web sont plac&eacute;s sur le calque inf&eacute;rieur, appel&eacute; usuellement
MouseOff. Sur la page Web, les boutons en surbrillance lorsque vous les survolez avec le curseur de la
souris disposent d'un autre graphique situ&eacute; sur le calque appel&eacute; MouseOver
.
Si vous ouvrez la galerie des calques, vous pouvez masquer ou afficher chacun des calques en cochant
ou d&eacute;cochant la case de visibilit&eacute; (colonne gauche sous le symbole en forme d'oeil). Ainsi, vous pouvez
voir &agrave; quoi ressembleront les &eacute;l&eacute;ments Mouseover sur votre page.
Le calque utilis&eacute; actuellement est toujours en surbrillance dans la galerie des calques - le calque
MouseOff dans l'illustration ci-dessus - et il s'agit de celui dans lequel tous les nouveaux objets seront
dessin&eacute;s. Afin de placer des objets sur n'importe quels autres calques, il suffit de cliquer sur le calque
souhait&eacute; dans la galerie des calques, de vous assurer qu'il est activ&eacute; et &eacute;ditable (les cases doivent &ecirc;tre
coch&eacute;es).
Remarque : le calque d&eacute;fini en tant que MouseOver doit toujours se situer au dessus du calque
MouseOff, comme indiqu&eacute; dans l'exemple ci-dessus.
Afin de pouvoir &eacute;diter les objets sur un calque, assurez-vous que les cases &laquo; Visible &raquo; et &laquo; Pointeur &raquo;
soient bien coch&eacute;es.
D&eacute;placer des objets d'un calque &agrave; l'autre
Vous pouvez couper un objet (Ctrl+X), s&eacute;lectionnez un nouveau calque (cliquez sur son nom dans la
Galerie des calques) et Coller (Ctrl+V). Une autre possibilit&eacute; est de &laquo; Copier &agrave; la m&ecirc;me place &raquo;
(Ctrl+Maj+V), ce qui copiera l'objet dans la m&ecirc;me position que celle o&ugrave; vous l'avez copi&eacute;. V&eacute;rifiez que
les cases Visibilit&eacute; et &Eacute;diter sont coch&eacute;es pour pouvoir visualiser et &eacute;diter l'objet dans le nouveau calque.
Boutons de survol de souris
Dans Web Designer, presque tous les boutons pr&ecirc;ts &agrave; l'emploi de la Galerie des mod&egrave;les
ont un effet de survol de la souris. Chaque bouton poss&egrave;dent deux version : la principale se situe dans le
calque &laquo; &Eacute;tat normal &raquo; et la version en surbrillance dans le calque &laquo; Survol de la souris &raquo;.
En principe, il n'est pas n&eacute;cessaire de s'en soucier car les deux boutons se comportent de la m&ecirc;me
fa&ccedil;on : si vous apportez des modifications sur l'un des deux, comme modifier le texte, les changements
seront r&eacute;percut&eacute;s sur l'autre version. Si vous d&eacute;placez, tirez sur ou redimensionnez un bouton dans le
calque &laquo; &Eacute;tat normal &raquo;, l'autre version (&laquo; Survol de la souris &raquo;) sera &eacute;galement modifi&eacute;e, m&ecirc;me si vous ne
pouvez pas le voir, gr&acirc;ce aux Groupes souples
Page 119
.
Cr&eacute;er votre propre bouton de survol de souris
Il est possible de cr&eacute;er vos propres boutons de survol de la souris en dessinant les &eacute;l&eacute;ments n&eacute;cessaires
&agrave; partir des rectangles, du texte, etc. Il vous suffit de dessiner les &eacute;l&eacute;ments principaux du bouton sur le
calque &Eacute;tat normal (rappelez-vous de le regrouper
) et de placer la version &laquo; en surbrillance &raquo; correspondante sur le calque Survol de la souris. Tant que la
version &Eacute;tat normal est reli&eacute;e &agrave; une adresse Web, la version Survol de la souris sera automatiquement
affich&eacute;e lorsque vous passerez la souris sur la page Web (le calque Survol de la souris doit &ecirc;tre
au-dessus du calque &Eacute;tat normal).
En d'autres termes, vous donnez &agrave; l'objet principal une Adresse Web en
utilisant l'option de liens, puis vous s&eacute;lectionnez le calque Survol de la
souris dans la Galerie des calques. Ensuite, placez les versions de boutons
avec survol de la souris sur ce calque pour qu'il soit superpos&eacute; &agrave; l'objet
reli&eacute;.
Remarque technique :
Tous les objets graphiques du calque Survol de la souris seront affich&eacute;s si au moins 50 % de l'objet se
superpose sur le calque &Eacute;tat normal. Ces deux versions des boutons de survol de la souris sont
synchronis&eacute;s gr&acirc;ce aux fonctionnalit&eacute;s des Groupes souples. Lorsque vous s&eacute;lectionnez le bouton sur un
calque, il s&eacute;lectionne automatiquement la version Groupe souple de l'autre calque, m&ecirc;me si ce dernier est
inactif. Lorsque vous &eacute;ditez le texte d'un bouton sur un calque, le changement est automatiquement
synchronis&eacute; avec l'autre version du bouton.
Pour vous assurer que le texte des deux versions &Eacute;tat normal et Survol de la souris change lorsque vous
modifiez l'une des deux versions, transformez les boutons des deux calques en Groupe souple. Pour ce
faire, vous aurez besoin d'activer les deux calques dans la Galerie des calques et de s&eacute;lectionner &agrave;
l'aide du lasso les deux boutons. La ligne de statut vous dira si tout est bien s&eacute;lectionn&eacute;. S&eacute;lectionnez
Arranger -&gt;Appliquer le Groupe souple
. D&eacute;sormais, lorsque vous &eacute;diterez le texte du calque &Eacute;tat normal, il changera &eacute;galement sur le calque
Survol de la souris, m&ecirc;me s'il est cach&eacute;. (Notez que cela fonctionne uniquement si les textes des versions
&Eacute;tat normal et Survol de la souris sont identiques au d&eacute;part et si les objets sont bas&eacute;s sur des Groupes
souples).
Calques pop-ups
Il existe une solution plus efficace pour vous permettre d'afficher le contenu d'un calque d&egrave;s que vous
passez la souris dessus ou que vous cliquez sur un objet. Elle peut &ecirc;tre utilis&eacute;e pour une gamme de
diff&eacute;rents effets pop-ups, comme des photos, des menus ou des descriptions d&eacute;taill&eacute;es d'objets.
Placez tous les objets que vous voulez voir s'afficher en pop-up dans un nouveau calque (dans la Galerie
des calques, cliquez sur Nouveau - n'utilisez pas le calque Survol de la souris). D&eacute;finissez ensuite les
propri&eacute;t&eacute;s de Survol de la souris (bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
) de l'objet original pour d&eacute;clencher l'affichage de ce calque lorsque vous passez sur un objet avec la
souris. Par exemple, vous pouvez faire appara&icirc;tre un pop-up comme celui-ci en passant au-dessus de
texte :
Voici les &eacute;tapes pour cr&eacute;er un bloc de texte pop-up comme celui-ci :
Page 120
1. Cliquez sur Nouveau dans la Galerie des calques pour cr&eacute;er un nouveau calque.
2. Dessinez un rectangle aux bords arrondis avec l'outil Rectangle, cliquez sur une pastille de
couleur (p&acirc;le) sur la Palette de couleurs pour le remplir avec une couleur. Pour une bonne
mesure, ajoutez une ombre douce (s&eacute;lectionnez l'outil Ombre et faites-le glisser sur le rectangle).
3. Cr&eacute;ez un bloc de texte en haut de votre rectangle. S&eacute;lectionnez l'outil Texte et tirez sur le
rectangle en diagonale. Saisissez votre texte. Vous souhaiterez probablement masquer le calque
pop-up. Pour cela, d&eacute;cochez la case &laquo; Voir &raquo; de votre nouveau calque.
4. Dans le calque de base (&Eacute;tat normal) : cliquez sur la Galerie des calques pour le r&eacute;gler en tant
que calque en cours puis s&eacute;lectionnez le texte que vous voulez utiliser pour d&eacute;clencher le pop-up
en utilisant la m&eacute;thode habituelle (dans l'outil Texte). Ouvrez la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s
Web (Ctrl+Maj+W) et sur l'onglet Survol de la souris, s&eacute;lectionnez le nouveau calque du menu
d&eacute;roulant &laquo; Afficher le calque du pop-up &raquo;. Cliquez sur OK.
5. Pr&eacute;visualiser et tester les effets de survol de la souris.
Si vous souhaitez que le pop-up apparaisse seulement lorsque l'on clique, s&eacute;lectionnez la m&ecirc;me option
que dans l'onglet Lien de la m&ecirc;me bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
.
Remarque :
Le calque Survol de la souris appara&icirc;t et dispara&icirc;t lorsque vous d&eacute;placez le pointeur de la souris sur
l'objet pop-up. Si vous utilisez le clic pour afficher le calque (de la bo&icirc;te de dialogue Lien), le calque est
r&eacute;v&eacute;l&eacute; en cliquant sur l'objet et est masqu&eacute; lorsque vous cliquez ailleurs sur la page.
Photos pop-ups
Il existe une autre mani&egrave;re plus simple d'afficher des photos &eacute;largies &agrave; partir de miniatures et qui ne
n&eacute;cessite pas la cr&eacute;ation de nouveaux calques. Voir ici
. Cette m&eacute;thode est plus appropri&eacute;e lorsque les photos pop-ups sont grandes, car elles ne se chargent
pas tant que l'on a pas cliqu&eacute; sur l'image miniature.
Page 121
D&eacute;placer des objets d'un calque &agrave; l'autre
Vous pouvez couper un objet (Ctrl+X), s&eacute;lectionnez un nouveau calque (cliquez sur son nom dans la
Galerie des calques) et Coller (Ctrl+V). Une autre possibilit&eacute; est de &laquo; Copier &agrave; la m&ecirc;me place &raquo;
(Ctrl+Maj+V), ce qui copiera l'objet dans la m&ecirc;me position que celle o&ugrave; vous l'avez copi&eacute;. V&eacute;rifiez que
les cases Visibilit&eacute; et &Eacute;diter sont coch&eacute;es pour pouvoir visualiser et &eacute;diter l'objet dans le nouveau calque.
Boutons de survol de souris
Dans Web Designer, presque tous les boutons pr&ecirc;ts &agrave; l'emploi de la Galerie des mod&egrave;les
ont un effet de survol de la souris. Chaque bouton poss&egrave;dent deux version : la principale se situe dans le
calque &laquo; &Eacute;tat normal &raquo; et la version en surbrillance dans le calque &laquo; Survol de la souris &raquo;.
En principe, il n'est pas n&eacute;cessaire de s'en soucier car les deux boutons se comportent de la m&ecirc;me
fa&ccedil;on : si vous apportez des modifications sur l'un des deux, comme modifier le texte, les changements
seront r&eacute;percut&eacute;s sur l'autre version. Si vous d&eacute;placez, tirez sur ou redimensionnez un bouton dans le
calque &laquo; &Eacute;tat normal &raquo;, l'autre version (&laquo; Survol de la souris &raquo;) sera &eacute;galement modifi&eacute;e, m&ecirc;me si vous ne
pouvez pas le voir, gr&acirc;ce aux Groupes souples
.
Cr&eacute;er votre propre bouton de survol de souris
Il est possible de cr&eacute;er vos propres boutons de survol de la souris en dessinant les &eacute;l&eacute;ments n&eacute;cessaires
&agrave; partir des rectangles, du texte, etc. Il vous suffit de dessiner les &eacute;l&eacute;ments principaux du bouton sur le
calque &Eacute;tat normal (rappelez-vous de le regrouper
) et de placer la version &laquo; en surbrillance &raquo; correspondante sur le calque Survol de la souris. Tant que la
version &Eacute;tat normal est reli&eacute;e &agrave; une adresse Web, la version Survol de la souris sera automatiquement
affich&eacute;e lorsque vous passerez la souris sur la page Web (le calque Survol de la souris doit &ecirc;tre
au-dessus du calque &Eacute;tat normal).
En d'autres termes, vous donnez &agrave; l'objet principal une Adresse Web en
utilisant l'option de liens, puis vous s&eacute;lectionnez le calque Survol de la
souris dans la Galerie des calques. Ensuite, placez les versions de boutons
avec survol de la souris sur ce calque pour qu'il soit superpos&eacute; &agrave; l'objet
reli&eacute;.
Remarque technique :
Tous les objets graphiques du calque Survol de la souris seront affich&eacute;s si au moins 50 % de l'objet se
superpose sur le calque &Eacute;tat normal. Ces deux versions des boutons de survol de la souris sont
synchronis&eacute;s gr&acirc;ce aux fonctionnalit&eacute;s des Groupes souples. Lorsque vous s&eacute;lectionnez le bouton sur un
calque, il s&eacute;lectionne automatiquement la version Groupe souple de l'autre calque, m&ecirc;me si ce dernier est
inactif. Lorsque vous &eacute;ditez le texte d'un bouton sur un calque, le changement est automatiquement
synchronis&eacute; avec l'autre version du bouton.
Pour vous assurer que le texte des deux versions &Eacute;tat normal et Survol de la souris change lorsque vous
modifiez l'une des deux versions, transformez les boutons des deux calques en Groupe souple. Pour ce
faire, vous aurez besoin d'activer les deux calques dans la Galerie des calques et de s&eacute;lectionner &agrave;
l'aide du lasso les deux boutons. La ligne de statut vous dira si tout est bien s&eacute;lectionn&eacute;. S&eacute;lectionnez
Arranger -&gt;Appliquer le Groupe souple
. D&eacute;sormais, lorsque vous &eacute;diterez le texte du calque &Eacute;tat normal, il changera &eacute;galement sur le calque
Survol de la souris, m&ecirc;me s'il est cach&eacute;. (Notez que cela fonctionne uniquement si les textes des versions
&Eacute;tat normal et Survol de la souris sont identiques au d&eacute;part et si les objets sont bas&eacute;s sur des Groupes
souples).
Calques pop-ups
Page 122
Il existe une solution plus efficace pour vous permettre d'afficher le contenu d'un calque d&egrave;s que vous
passez la souris dessus ou que vous cliquez sur un objet. Elle peut &ecirc;tre utilis&eacute;e pour une gamme de
diff&eacute;rents effets pop-ups, comme des photos, des menus ou des descriptions d&eacute;taill&eacute;es d'objets.
Placez tous les objets que vous voulez voir s'afficher en pop-up dans un nouveau calque (dans la Galerie
des calques, cliquez sur Nouveau - n'utilisez pas le calque Survol de la souris). D&eacute;finissez ensuite les
propri&eacute;t&eacute;s de Survol de la souris (bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
) de l'objet original pour d&eacute;clencher l'affichage de ce calque lorsque vous passez sur un objet avec la
souris. Par exemple, vous pouvez faire appara&icirc;tre un pop-up comme celui-ci en passant au-dessus de
texte :
Voici les &eacute;tapes pour cr&eacute;er un bloc de texte pop-up comme celui-ci :
1. Cliquez sur Nouveau dans la Galerie des calques pour cr&eacute;er un nouveau calque.
2. Dessinez un rectangle aux bords arrondis avec l'outil Rectangle, cliquez sur une pastille de
couleur (p&acirc;le) sur la Palette de couleurs pour le remplir avec une couleur. Pour une bonne
mesure, ajoutez une ombre douce (s&eacute;lectionnez l'outil Ombre et faites-le glisser sur le rectangle).
3. Cr&eacute;ez un bloc de texte en haut de votre rectangle. S&eacute;lectionnez l'outil Texte et tirez sur le
rectangle en diagonale. Saisissez votre texte. Vous souhaiterez probablement masquer le calque
pop-up. Pour cela, d&eacute;cochez la case &laquo; Voir &raquo; de votre nouveau calque.
4. Dans le calque de base (&Eacute;tat normal) : cliquez sur la Galerie des calques pour le r&eacute;gler en tant
que calque en cours puis s&eacute;lectionnez le texte que vous voulez utiliser pour d&eacute;clencher le pop-up
en utilisant la m&eacute;thode habituelle (dans l'outil Texte). Ouvrez la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s
Web (Ctrl+Maj+W) et sur l'onglet Survol de la souris, s&eacute;lectionnez le nouveau calque du menu
d&eacute;roulant &laquo; Afficher le calque du pop-up &raquo;. Cliquez sur OK.
5. Pr&eacute;visualiser et tester les effets de survol de la souris.
Si vous souhaitez que le pop-up apparaisse seulement lorsque l'on clique, s&eacute;lectionnez la m&ecirc;me option
que dans l'onglet Lien de la m&ecirc;me bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
.
Remarque :
Le calque Survol de la souris appara&icirc;t et dispara&icirc;t lorsque vous d&eacute;placez le pointeur de la souris sur
l'objet pop-up. Si vous utilisez le clic pour afficher le calque (de la bo&icirc;te de dialogue Lien), le calque est
r&eacute;v&eacute;l&eacute; en cliquant sur l'objet et est masqu&eacute; lorsque vous cliquez ailleurs sur la page.
Photos pop-ups
Il existe une autre mani&egrave;re plus simple d'afficher des photos &eacute;largies &agrave; partir de miniatures et qui ne
n&eacute;cessite pas la cr&eacute;ation de nouveaux calques. Voir ici
. Cette m&eacute;thode est plus appropri&eacute;e lorsque les photos pop-ups sont grandes, car elles ne se chargent
pas tant que l'on a pas cliqu&eacute; sur l'image miniature.
Page 123
Boutons de survol de souris
Dans Web Designer, presque tous les boutons pr&ecirc;ts &agrave; l'emploi de la Galerie des mod&egrave;les
ont un effet de survol de la souris. Chaque bouton poss&egrave;dent deux version : la principale se situe dans le
calque &laquo; &Eacute;tat normal &raquo; et la version en surbrillance dans le calque &laquo; Survol de la souris &raquo;.
En principe, il n'est pas n&eacute;cessaire de s'en soucier car les deux boutons se comportent de la m&ecirc;me
fa&ccedil;on : si vous apportez des modifications sur l'un des deux, comme modifier le texte, les changements
seront r&eacute;percut&eacute;s sur l'autre version. Si vous d&eacute;placez, tirez sur ou redimensionnez un bouton dans le
calque &laquo; &Eacute;tat normal &raquo;, l'autre version (&laquo; Survol de la souris &raquo;) sera &eacute;galement modifi&eacute;e, m&ecirc;me si vous ne
pouvez pas le voir, gr&acirc;ce aux Groupes souples
.
Cr&eacute;er votre propre bouton de survol de souris
Il est possible de cr&eacute;er vos propres boutons de survol de la souris en dessinant les &eacute;l&eacute;ments n&eacute;cessaires
&agrave; partir des rectangles, du texte, etc. Il vous suffit de dessiner les &eacute;l&eacute;ments principaux du bouton sur le
calque &Eacute;tat normal (rappelez-vous de le regrouper
) et de placer la version &laquo; en surbrillance &raquo; correspondante sur le calque Survol de la souris. Tant que la
version &Eacute;tat normal est reli&eacute;e &agrave; une adresse Web, la version Survol de la souris sera automatiquement
affich&eacute;e lorsque vous passerez la souris sur la page Web (le calque Survol de la souris doit &ecirc;tre
au-dessus du calque &Eacute;tat normal).
En d'autres termes, vous donnez &agrave; l'objet principal une Adresse Web en
utilisant l'option de liens, puis vous s&eacute;lectionnez le calque Survol de la
souris dans la Galerie des calques. Ensuite, placez les versions de boutons
avec survol de la souris sur ce calque pour qu'il soit superpos&eacute; &agrave; l'objet
reli&eacute;.
Remarque technique :
Tous les objets graphiques du calque Survol de la souris seront affich&eacute;s si au moins 50 % de l'objet se
superpose sur le calque &Eacute;tat normal. Ces deux versions des boutons de survol de la souris sont
synchronis&eacute;s gr&acirc;ce aux fonctionnalit&eacute;s des Groupes souples. Lorsque vous s&eacute;lectionnez le bouton sur un
calque, il s&eacute;lectionne automatiquement la version Groupe souple de l'autre calque, m&ecirc;me si ce dernier est
inactif. Lorsque vous &eacute;ditez le texte d'un bouton sur un calque, le changement est automatiquement
synchronis&eacute; avec l'autre version du bouton.
Pour vous assurer que le texte des deux versions &Eacute;tat normal et Survol de la souris change lorsque vous
modifiez l'une des deux versions, transformez les boutons des deux calques en Groupe souple. Pour ce
faire, vous aurez besoin d'activer les deux calques dans la Galerie des calques et de s&eacute;lectionner &agrave;
l'aide du lasso les deux boutons. La ligne de statut vous dira si tout est bien s&eacute;lectionn&eacute;. S&eacute;lectionnez
Arranger -&gt;Appliquer le Groupe souple
. D&eacute;sormais, lorsque vous &eacute;diterez le texte du calque &Eacute;tat normal, il changera &eacute;galement sur le calque
Survol de la souris, m&ecirc;me s'il est cach&eacute;. (Notez que cela fonctionne uniquement si les textes des versions
&Eacute;tat normal et Survol de la souris sont identiques au d&eacute;part et si les objets sont bas&eacute;s sur des Groupes
souples).
Calques pop-ups
Il existe une solution plus efficace pour vous permettre d'afficher le contenu d'un calque d&egrave;s que vous
passez la souris dessus ou que vous cliquez sur un objet. Elle peut &ecirc;tre utilis&eacute;e pour une gamme de
diff&eacute;rents effets pop-ups, comme des photos, des menus ou des descriptions d&eacute;taill&eacute;es d'objets.
Placez tous les objets que vous voulez voir s'afficher en pop-up dans un nouveau calque (dans la Galerie
des calques, cliquez sur Nouveau - n'utilisez pas le calque Survol de la souris). D&eacute;finissez ensuite les
propri&eacute;t&eacute;s de Survol de la souris (bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
Page 124
) de l'objet original pour d&eacute;clencher l'affichage de ce calque lorsque vous passez sur un objet avec la
souris. Par exemple, vous pouvez faire appara&icirc;tre un pop-up comme celui-ci en passant au-dessus de
texte :
Voici les &eacute;tapes pour cr&eacute;er un bloc de texte pop-up comme celui-ci :
1. Cliquez sur Nouveau dans la Galerie des calques pour cr&eacute;er un nouveau calque.
2. Dessinez un rectangle aux bords arrondis avec l'outil Rectangle, cliquez sur une pastille de
couleur (p&acirc;le) sur la Palette de couleurs pour le remplir avec une couleur. Pour une bonne
mesure, ajoutez une ombre douce (s&eacute;lectionnez l'outil Ombre et faites-le glisser sur le rectangle).
3. Cr&eacute;ez un bloc de texte en haut de votre rectangle. S&eacute;lectionnez l'outil Texte et tirez sur le
rectangle en diagonale. Saisissez votre texte. Vous souhaiterez probablement masquer le calque
pop-up. Pour cela, d&eacute;cochez la case &laquo; Voir &raquo; de votre nouveau calque.
4. Dans le calque de base (&Eacute;tat normal) : cliquez sur la Galerie des calques pour le r&eacute;gler en tant
que calque en cours puis s&eacute;lectionnez le texte que vous voulez utiliser pour d&eacute;clencher le pop-up
en utilisant la m&eacute;thode habituelle (dans l'outil Texte). Ouvrez la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s
Web (Ctrl+Maj+W) et sur l'onglet Survol de la souris, s&eacute;lectionnez le nouveau calque du menu
d&eacute;roulant &laquo; Afficher le calque du pop-up &raquo;. Cliquez sur OK.
5. Pr&eacute;visualiser et tester les effets de survol de la souris.
Si vous souhaitez que le pop-up apparaisse seulement lorsque l'on clique, s&eacute;lectionnez la m&ecirc;me option
que dans l'onglet Lien de la m&ecirc;me bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
.
Remarque :
Le calque Survol de la souris appara&icirc;t et dispara&icirc;t lorsque vous d&eacute;placez le pointeur de la souris sur
l'objet pop-up. Si vous utilisez le clic pour afficher le calque (de la bo&icirc;te de dialogue Lien), le calque est
r&eacute;v&eacute;l&eacute; en cliquant sur l'objet et est masqu&eacute; lorsque vous cliquez ailleurs sur la page.
Photos pop-ups
Il existe une autre mani&egrave;re plus simple d'afficher des photos &eacute;largies &agrave; partir de miniatures et qui ne
n&eacute;cessite pas la cr&eacute;ation de nouveaux calques. Voir ici
. Cette m&eacute;thode est plus appropri&eacute;e lorsque les photos pop-ups sont grandes, car elles ne se chargent
pas tant que l'on a pas cliqu&eacute; sur l'image miniature.
Page 125
Cr&eacute;er votre propre bouton de survol de souris
Il est possible de cr&eacute;er vos propres boutons de survol de la souris en dessinant les &eacute;l&eacute;ments n&eacute;cessaires
&agrave; partir des rectangles, du texte, etc. Il vous suffit de dessiner les &eacute;l&eacute;ments principaux du bouton sur le
calque &Eacute;tat normal (rappelez-vous de le regrouper
) et de placer la version &laquo; en surbrillance &raquo; correspondante sur le calque Survol de la souris. Tant que la
version &Eacute;tat normal est reli&eacute;e &agrave; une adresse Web, la version Survol de la souris sera automatiquement
affich&eacute;e lorsque vous passerez la souris sur la page Web (le calque Survol de la souris doit &ecirc;tre
au-dessus du calque &Eacute;tat normal).
En d'autres termes, vous donnez &agrave; l'objet principal une Adresse Web en
utilisant l'option de liens, puis vous s&eacute;lectionnez le calque Survol de la
souris dans la Galerie des calques. Ensuite, placez les versions de boutons
avec survol de la souris sur ce calque pour qu'il soit superpos&eacute; &agrave; l'objet
reli&eacute;.
Remarque technique :
Tous les objets graphiques du calque Survol de la souris seront affich&eacute;s si au moins 50 % de l'objet se
superpose sur le calque &Eacute;tat normal. Ces deux versions des boutons de survol de la souris sont
synchronis&eacute;s gr&acirc;ce aux fonctionnalit&eacute;s des Groupes souples. Lorsque vous s&eacute;lectionnez le bouton sur un
calque, il s&eacute;lectionne automatiquement la version Groupe souple de l'autre calque, m&ecirc;me si ce dernier est
inactif. Lorsque vous &eacute;ditez le texte d'un bouton sur un calque, le changement est automatiquement
synchronis&eacute; avec l'autre version du bouton.
Pour vous assurer que le texte des deux versions &Eacute;tat normal et Survol de la souris change lorsque vous
modifiez l'une des deux versions, transformez les boutons des deux calques en Groupe souple. Pour ce
faire, vous aurez besoin d'activer les deux calques dans la Galerie des calques et de s&eacute;lectionner &agrave;
l'aide du lasso les deux boutons. La ligne de statut vous dira si tout est bien s&eacute;lectionn&eacute;. S&eacute;lectionnez
Arranger -&gt;Appliquer le Groupe souple
. D&eacute;sormais, lorsque vous &eacute;diterez le texte du calque &Eacute;tat normal, il changera &eacute;galement sur le calque
Survol de la souris, m&ecirc;me s'il est cach&eacute;. (Notez que cela fonctionne uniquement si les textes des versions
&Eacute;tat normal et Survol de la souris sont identiques au d&eacute;part et si les objets sont bas&eacute;s sur des Groupes
souples).
Calques pop-ups
Il existe une solution plus efficace pour vous permettre d'afficher le contenu d'un calque d&egrave;s que vous
passez la souris dessus ou que vous cliquez sur un objet. Elle peut &ecirc;tre utilis&eacute;e pour une gamme de
diff&eacute;rents effets pop-ups, comme des photos, des menus ou des descriptions d&eacute;taill&eacute;es d'objets.
Placez tous les objets que vous voulez voir s'afficher en pop-up dans un nouveau calque (dans la Galerie
des calques, cliquez sur Nouveau - n'utilisez pas le calque Survol de la souris). D&eacute;finissez ensuite les
propri&eacute;t&eacute;s de Survol de la souris (bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
) de l'objet original pour d&eacute;clencher l'affichage de ce calque lorsque vous passez sur un objet avec la
souris. Par exemple, vous pouvez faire appara&icirc;tre un pop-up comme celui-ci en passant au-dessus de
texte :
Voici les &eacute;tapes pour cr&eacute;er un bloc de texte pop-up comme celui-ci :
1. Cliquez sur Nouveau dans la Galerie des calques pour cr&eacute;er un nouveau calque.
Page 126
2. Dessinez un rectangle aux bords arrondis avec l'outil Rectangle, cliquez sur une pastille de
couleur (p&acirc;le) sur la Palette de couleurs pour le remplir avec une couleur. Pour une bonne
mesure, ajoutez une ombre douce (s&eacute;lectionnez l'outil Ombre et faites-le glisser sur le rectangle).
3. Cr&eacute;ez un bloc de texte en haut de votre rectangle. S&eacute;lectionnez l'outil Texte et tirez sur le
rectangle en diagonale. Saisissez votre texte. Vous souhaiterez probablement masquer le calque
pop-up. Pour cela, d&eacute;cochez la case &laquo; Voir &raquo; de votre nouveau calque.
4. Dans le calque de base (&Eacute;tat normal) : cliquez sur la Galerie des calques pour le r&eacute;gler en tant
que calque en cours puis s&eacute;lectionnez le texte que vous voulez utiliser pour d&eacute;clencher le pop-up
en utilisant la m&eacute;thode habituelle (dans l'outil Texte). Ouvrez la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s
Web (Ctrl+Maj+W) et sur l'onglet Survol de la souris, s&eacute;lectionnez le nouveau calque du menu
d&eacute;roulant &laquo; Afficher le calque du pop-up &raquo;. Cliquez sur OK.
5. Pr&eacute;visualiser et tester les effets de survol de la souris.
Si vous souhaitez que le pop-up apparaisse seulement lorsque l'on clique, s&eacute;lectionnez la m&ecirc;me option
que dans l'onglet Lien de la m&ecirc;me bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
.
Remarque :
Le calque Survol de la souris appara&icirc;t et dispara&icirc;t lorsque vous d&eacute;placez le pointeur de la souris sur
l'objet pop-up. Si vous utilisez le clic pour afficher le calque (de la bo&icirc;te de dialogue Lien), le calque est
r&eacute;v&eacute;l&eacute; en cliquant sur l'objet et est masqu&eacute; lorsque vous cliquez ailleurs sur la page.
Photos pop-ups
Il existe une autre mani&egrave;re plus simple d'afficher des photos &eacute;largies &agrave; partir de miniatures et qui ne
n&eacute;cessite pas la cr&eacute;ation de nouveaux calques. Voir ici
. Cette m&eacute;thode est plus appropri&eacute;e lorsque les photos pop-ups sont grandes, car elles ne se chargent
pas tant que l'on a pas cliqu&eacute; sur l'image miniature.
Page 127
Calques pop-ups
Il existe une solution plus efficace pour vous permettre d'afficher le contenu d'un calque d&egrave;s que vous
passez la souris dessus ou que vous cliquez sur un objet. Elle peut &ecirc;tre utilis&eacute;e pour une gamme de
diff&eacute;rents effets pop-ups, comme des photos, des menus ou des descriptions d&eacute;taill&eacute;es d'objets.
Placez tous les objets que vous voulez voir s'afficher en pop-up dans un nouveau calque (dans la Galerie
des calques, cliquez sur Nouveau - n'utilisez pas le calque Survol de la souris). D&eacute;finissez ensuite les
propri&eacute;t&eacute;s de Survol de la souris (bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
) de l'objet original pour d&eacute;clencher l'affichage de ce calque lorsque vous passez sur un objet avec la
souris. Par exemple, vous pouvez faire appara&icirc;tre un pop-up comme celui-ci en passant au-dessus de
texte :
Voici les &eacute;tapes pour cr&eacute;er un bloc de texte pop-up comme celui-ci :
1. Cliquez sur Nouveau dans la Galerie des calques pour cr&eacute;er un nouveau calque.
2. Dessinez un rectangle aux bords arrondis avec l'outil Rectangle, cliquez sur une pastille de
couleur (p&acirc;le) sur la Palette de couleurs pour le remplir avec une couleur. Pour une bonne
mesure, ajoutez une ombre douce (s&eacute;lectionnez l'outil Ombre et faites-le glisser sur le rectangle).
3. Cr&eacute;ez un bloc de texte en haut de votre rectangle. S&eacute;lectionnez l'outil Texte et tirez sur le
rectangle en diagonale. Saisissez votre texte. Vous souhaiterez probablement masquer le calque
pop-up. Pour cela, d&eacute;cochez la case &laquo; Voir &raquo; de votre nouveau calque.
4. Dans le calque de base (&Eacute;tat normal) : cliquez sur la Galerie des calques pour le r&eacute;gler en tant
que calque en cours puis s&eacute;lectionnez le texte que vous voulez utiliser pour d&eacute;clencher le pop-up
en utilisant la m&eacute;thode habituelle (dans l'outil Texte). Ouvrez la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s
Web (Ctrl+Maj+W) et sur l'onglet Survol de la souris, s&eacute;lectionnez le nouveau calque du menu
d&eacute;roulant &laquo; Afficher le calque du pop-up &raquo;. Cliquez sur OK.
5. Pr&eacute;visualiser et tester les effets de survol de la souris.
Si vous souhaitez que le pop-up apparaisse seulement lorsque l'on clique, s&eacute;lectionnez la m&ecirc;me option
que dans l'onglet Lien de la m&ecirc;me bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web
.
Remarque :
Le calque Survol de la souris appara&icirc;t et dispara&icirc;t lorsque vous d&eacute;placez le pointeur de la souris sur
l'objet pop-up. Si vous utilisez le clic pour afficher le calque (de la bo&icirc;te de dialogue Lien), le calque est
r&eacute;v&eacute;l&eacute; en cliquant sur l'objet et est masqu&eacute; lorsque vous cliquez ailleurs sur la page.
Photos pop-ups
Il existe une autre mani&egrave;re plus simple d'afficher des photos &eacute;largies &agrave; partir de miniatures et qui ne
n&eacute;cessite pas la cr&eacute;ation de nouveaux calques. Voir ici
. Cette m&eacute;thode est plus appropri&eacute;e lorsque les photos pop-ups sont grandes, car elles ne se chargent
pas tant que l'on a pas cliqu&eacute; sur l'image miniature.
Page 128
Photos pop-ups
Il existe une autre mani&egrave;re plus simple d'afficher des photos &eacute;largies &agrave; partir de miniatures et qui ne
n&eacute;cessite pas la cr&eacute;ation de nouveaux calques. Voir ici
. Cette m&eacute;thode est plus appropri&eacute;e lorsque les photos pop-ups sont grandes, car elles ne se chargent
pas tant que l'on a pas cliqu&eacute; sur l'image miniature.
Page 129
Cr&eacute;er des boutons, des banni&egrave;res et d'autres
graphismes Web
Web Designer est un formidable outil pour la cr&eacute;ation de graphisme Web ind&eacute;pendants &agrave; utiliser avec
d'autres logiciels ou d'autres outils de cr&eacute;ation Web. Vous pouvez cr&eacute;er ces objets en entier gr&acirc;ce aux
outils de dessin ou utiliser des Cliparts Web d&eacute;j&agrave; pr&ecirc;ts de la Galerie des mod&egrave;les. Dessinez, concevez ou
importez un objet de la Galerie des mod&egrave;les sur une page blanche. Manipulez-le comme vous le
souhaitez, redimensionnez-le, colorez-le et changez le texte ou les polices puis exportez-le en PNG ou en
JPG.
Par exemple, voici comment cr&eacute;er un graphisme de bouton extrait d'un mod&egrave;le de conception :
Ouvrez la Galerie des mod&egrave;les puis la rubrique Boutons (ou Ic&ocirc;nes ou
Banni&egrave;res, ce que vous souhaitez).
Double-cliquez sur un mod&egrave;le pour l'ouvrir dans un nouveau document. Modifiez-le comme vous le
souhaitez. Vous pouvez par exemple :
 Le redimensionner (ou le faire pivoter) en utilisant l'outil S&eacute;lection
 Changez la couleur en cliquant sur les couleurs de votre choix &agrave; gauche de la Palette de couleurs
et en s&eacute;lectionnant &laquo; &Eacute;diter &raquo;
 &Eacute;diter le texte avec l'outil Texte
Lorsque vous &ecirc;tes satisfait de votre travail, s&eacute;lectionnez l'objet et
exportez-le aux formats PNG ou JPG en utilisant les boutons de la
barre du haut.
Pour la quasi-totalit&eacute; des graphismes, comme les boutons, les titres, les ic&ocirc;nes et les autres objets qui ne
sont pas des photos, il faut utiliser le format PNG. Pour les &eacute;l&eacute;ments qui contiennent des photos ou de
larges zones textur&eacute;es r&eacute;alis&eacute;es &agrave; partir de photos, le format JPG est plus adapt&eacute;. Si vous sauvegardez
une photo pivot&eacute;e ou une photo avec une ombre douce ou des angles arrondis, pr&eacute;f&eacute;rez le format PNG.
Sachez n&eacute;anmoins que le document sera alors beaucoup plus lourd qu'au format JPEG.
Si vous cliquez sur le bouton Param&egrave;tres de la bo&icirc;te de dialogue Exporter le fichier
, vous acc&eacute;derez &agrave; un panneau de commandes vous permettant d'optimiser l'image.
Comparez ces deux versions diff&eacute;rentes de la m&ecirc;me image plac&eacute;es c&ocirc;te-&agrave;-c&ocirc;te. Vous pouvez par
exemple comparer une image JPEG et une version PNG du m&ecirc;me graphisme pour observer la qualit&eacute;
Page 130
et/ou la taille du document. Vous pouvez &eacute;galement comparer deux images PNG optimis&eacute;es
diff&eacute;remment. Reportez-vous au chapitre de r&eacute;f&eacute;rence sur la bo&icirc;te de dialogue Exporter
. L'exemple de compression au format JPEG a &eacute;t&eacute; ajust&eacute; &agrave; la taille de document optimale.
Page 131
Publier votre site Internet
Vous avez besoin d'un h&eacute;bergeur qui h&eacute;bergera votre site Internet. Il en existe des milliers et bien
souvent votre fournisseur d'acc&egrave;s &agrave; Internet vous propose aussi un &laquo; espace Web &raquo; dans votre
abonnement classique. Recherchez dans Google &laquo; h&eacute;bergement Web &raquo; pour trouver de nombreuses
soci&eacute;t&eacute;s proposant ce service. Pour les particuliers et les petites entreprises, le co&ucirc;t est g&eacute;n&eacute;ralement tr&egrave;s
faible. La plupart des soci&eacute;t&eacute;s vous offrent &eacute;galement la possibilit&eacute; d'acqu&eacute;rir votre propre nom de
domaine (par exemple : www.xara.com) et de le relier &agrave; votre site.
Trois informations sont n&eacute;cessaires &agrave; la publication de votre site Internet ;
 L'adresse de l'h&ocirc;te FTP. Si vous avez un nom de domaine, c'est souvent le m&ecirc;me nom.
 Un nom d'utilisateur FTP
 Et un mot de passe associ&eacute;
Saisissez simplement ces informations dans l'onglet Publier de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s Web
.
Le sous-r&eacute;pertoire facultatif vous permet de publier votre site dans un sous-r&eacute;pertoire. Par exemple, si
vous publiez votre site sous le nom de domaine www.xara.com (ce qui est impossible) et que vous
souhaitez que votre adresse soit :
xara.com/products/web_designer
Il vous faudra alors cr&eacute;er un sous-r&eacute;pertoire &laquo; products &raquo; et une page appel&eacute;e &laquo; web_designer &raquo;. En
proc&eacute;dant de cette mani&egrave;re, toutes les pages de votre site Internet seront publi&eacute;es dans ce r&eacute;pertoire.
Une fois les informations de publication saisies, cliquez sur l'ic&ocirc;ne
Publier de la barre du haut ou utilisez le menu &laquo; Fichier &raquo; &gt; &laquo; Publier
le site Internet
&raquo;.
(Remarque : vous devez au pr&eacute;alable avoir export&eacute; votre site Internet)
Votre site sera publi&eacute;. Une barre de progression vous montrera la progression du chargement des pages
sur le serveur Web.
Remarque :
Xtreme Web Designer 5 m&eacute;morise vos informations de publications FTP pour que vous n'ayez pas &agrave; les
saisir &agrave; chaque fois que vous voulez mettre &agrave; jour votre site Internet. Cependant, si vous avez plusieurs
sites, il faudra vous rappeler de changer ces informations pour chacun de vos sites.
Remarque :
De nombreux serveurs Web utilisent des noms de fichiers sensibles &agrave; la casse. Donc, par exemple,
Page 132
l'adresse Web xara.com/products.htm est diff&eacute;rente de xara.com/Products.htm. Pour r&eacute;duire les risques
de confusion et d'erreurs, Web Designer impose &agrave; toutes les pages une casse en minuscules et ne
contenant que des caract&egrave;res autoris&eacute;s. Cela signifie que les espaces ne sont pas autoris&eacute;es dans les
noms de page. Nous vous conseillons d'utiliser un tiret bas ou un autre caract&egrave;re de s&eacute;paration.
Important :
Si vous n'avez pas d&eacute;fini de nom de page sp&eacute;cifique, le nom que vous avez export&eacute; en dernier sera
utilis&eacute; pour toutes les pages de votre site Internet. Par exemple, si vous ouvrez un site Internet mod&egrave;le et
que vous l'exportez en tant que &laquo; test &raquo; dans les fichiers de votre ordinateur et que vous le publiez, vous
le verrez sous le nom test.htm sur votre serveur Web et toutes les pages suppl&eacute;mentaires seront appel&eacute;es
test_2.htm, test_3.htm, etc.
Si vous n'avez pas d&eacute;termin&eacute; de nom de dossier d'exportation, il vous en sera demand&eacute; un lors de la
premi&egrave;re publication. On utilise g&eacute;n&eacute;ralement index.htm pour la premi&egrave;re page d'un site Internet.
Page 133
Int&eacute;gration de YouTube, Flash et autres
accessoires
Vous avez la possibilit&eacute; d'int&eacute;grer de nombreux accessoires interactifs : des vid&eacute;os de YouTube™, des
diaporamas de photos de Picasa, des cartes Google, des fichiers Flash ou des paragraphes HTML
(&laquo; Snippet &raquo;). C'est possible gr&acirc;ce aux emplacements d'objets : il s'agit de formes (rectangles simples ou
photos) associ&eacute;es &agrave; un &eacute;l&eacute;ment HTML ou &agrave; un fichier Flash ; ceux-ci remplacent l'emplacement d'objet
lors de la sauvegarde de votre document, un site Web par exemple.
Insertion d'une carte Google
Acc&eacute;dez &agrave; http://maps.google.fr/ et localisez la carte que vous souhaitez int&eacute;grer. Cliquez sur l'icone Lien
en haut &agrave; droite de la fen&ecirc;tre : une petite fen&ecirc;tre s'ouvre et affiche des codes HTML qui vous permettent
d'int&eacute;grer la carte dans un site Web. Copiez ces codes HTML.
Le lien en haut &agrave; droite permet d'acc&eacute;der &agrave; une fen&ecirc;tre qui contient le code HTML de la carte souhait&eacute;e.
Si vous cliquez sur l'option &laquo; Personnaliser &raquo;, vous pouvez modifier la taille et d&eacute;finir d'autres options.
Vous verrez que le code HTML contient une valeur de largeur et de hauteur (dans les cases en haut de la
fen&ecirc;tre : 425 et 350). Avec l'outil Rectangle, cr&eacute;ez un emplacement d'objet de cette taille : 425x350
pixels. Il est possible de saisir la taille en pixels dans la barre d'infos de l'outil Rectangle.
Ouvrez maintenant la bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet (CTRL+MAJ+W), rendez-vous dans
l'onglet Emplacement d'objet puis collez le code HTML dans le champ &laquo; Remplacer par le code
HTML &raquo;
. Cliquez sur OK et consultez l'aper&ccedil;u de votre site Web. La carte Google devrait y appara&icirc;tre.
Insertion d'un fichier Flash
Il est possible d'int&eacute;grer des fichiers Flash (avec une extension de fichier *.swf) de la m&ecirc;me mani&egrave;re.
Commencez par cr&eacute;er un graphique dans une dimension souhait&eacute;e pour votre animation Flash. Acc&eacute;dez
&agrave; l'onglet Emplacement d'objet dans la bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet et s&eacute;lectionnez l'option &laquo;
Remplacer par fichier Flash
&raquo;.
Il existe cependant une diff&eacute;rence importante avec les emplacements d'objets Flash : vous pouvez les
redimensionner &agrave; volont&eacute; et l'animation Flash s'ajustera pour passer dans l'emplacement d'objet. En plus,
vous pouvez utiliser des animations Flash transparentes ou semi-transparentes sur votre site Web. La
plupart des autres accessoires ont une taille fixe et appara&icirc;tront toujours sur votre site Web dans la taille
donn&eacute;e, ind&eacute;pendamment des dimensions de l'emplacement.
Si vous s&eacute;lectionnez un fichier Flash afin de l'associer de cette mani&egrave;re avec un emplacement d'objet, le
fichier Flash sera copi&eacute; dans un dossier &laquo; _fichiers &raquo; sauvegard&eacute; parall&egrave;lement au document *.web. Si
vous d&eacute;placez ou copiez le fichier *.web, copiez &eacute;galement le dossier _fichiers pour &ecirc;tre bien s&ucirc;r que les
fichiers Flash sont &eacute;galement copi&eacute;s.
Page 134
Insertion de code HTML
Cr&eacute;ez un graphique d'emplacement d'objet, comme d&eacute;crit ci-dessus, destin&eacute; &agrave; &ecirc;tre remplac&eacute; par
n'importe quel objet, un simple rectangle par exemple. Acc&eacute;dez &agrave; l'onglet Emplacement d'objet de la
bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet et choisissez &laquo; Remplacer par le code HTML &raquo; afin d'ins&eacute;rer
le code HTML. Lorsque la page est affich&eacute;e dans un navigateur Internet, vous verrez que le graphique
cr&eacute;&eacute; au pr&eacute;alable est remplac&eacute; par le code HTML. Consultez la rubrique &laquo; Bo&icirc;te de dialogue des
propri&eacute;t&eacute;s Internet
&raquo; pour davantage d'informations.
Astuce :
accessoires WYSIWYG (affichage en temps r&eacute;el). Au lieu d'utiliser un simple rectangle noir en tant
qu'emplacement d'objet, vous pouvez aussi r&eacute;aliser une copie d'&eacute;cran de l'accessoire actuel tel qu'il est
affich&eacute; dans le navigateur Internet et l'utiliser dans votre projet de page, de sorte &agrave; ce que l'emplacement
d'objet ressemble &agrave; l'objet int&eacute;gr&eacute; une fois votre page Web termin&eacute;e.
Insertion d'un diaporama de photos Picasa
Acc&eacute;dez &agrave; la page de l'album Internet Picasa que vous souhaitez int&eacute;grer. &Agrave; droite, veuillez cliquer sur
&laquo; Cr&eacute;er un lien vers cet album &raquo; : des options suppl&eacute;mentaires vont s'afficher. N'utilisez pas le code
HTML affich&eacute; ici (seule une image fixe serait int&eacute;gr&eacute;e), mais cliquez sur le lien &laquo; Int&eacute;grer diaporama &raquo; :
une bo&icirc;te de dialogue va s'ouvrir, dans laquelle vous pouvez personnaliser diverses dimensions et options
pour l'afffichage de votre diaporama. Copiez le code HTML et utilisez-le pour remplacer l'emplacement
d'objet (comme d&eacute;crit ci-dessus).
Dans le code HTML, vous pouvez voir des valeurs de largeur et de hauteur. Il est conseill&eacute; d'utiliser ces
derni&egrave;res en tant que dimensions pour votre emplacement d'objet rectangle.
Page 135
Insertion d'une carte Google
Acc&eacute;dez &agrave; http://maps.google.fr/ et localisez la carte que vous souhaitez int&eacute;grer. Cliquez sur l'icone Lien
en haut &agrave; droite de la fen&ecirc;tre : une petite fen&ecirc;tre s'ouvre et affiche des codes HTML qui vous permettent
d'int&eacute;grer la carte dans un site Web. Copiez ces codes HTML.
Le lien en haut &agrave; droite permet d'acc&eacute;der &agrave; une fen&ecirc;tre qui contient le code HTML de la carte souhait&eacute;e.
Si vous cliquez sur l'option &laquo; Personnaliser &raquo;, vous pouvez modifier la taille et d&eacute;finir d'autres options.
Vous verrez que le code HTML contient une valeur de largeur et de hauteur (dans les cases en haut de la
fen&ecirc;tre : 425 et 350). Avec l'outil Rectangle, cr&eacute;ez un emplacement d'objet de cette taille : 425x350
pixels. Il est possible de saisir la taille en pixels dans la barre d'infos de l'outil Rectangle.
Ouvrez maintenant la bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet (CTRL+MAJ+W), rendez-vous dans
l'onglet Emplacement d'objet puis collez le code HTML dans le champ &laquo; Remplacer par le code
HTML &raquo;
. Cliquez sur OK et consultez l'aper&ccedil;u de votre site Web. La carte Google devrait y appara&icirc;tre.
Insertion d'un fichier Flash
Il est possible d'int&eacute;grer des fichiers Flash (avec une extension de fichier *.swf) de la m&ecirc;me mani&egrave;re.
Commencez par cr&eacute;er un graphique dans une dimension souhait&eacute;e pour votre animation Flash. Acc&eacute;dez
&agrave; l'onglet Emplacement d'objet dans la bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet et s&eacute;lectionnez l'option &laquo;
Remplacer par fichier Flash
&raquo;.
Il existe cependant une diff&eacute;rence importante avec les emplacements d'objets Flash : vous pouvez les
redimensionner &agrave; volont&eacute; et l'animation Flash s'ajustera pour passer dans l'emplacement d'objet. En plus,
vous pouvez utiliser des animations Flash transparentes ou semi-transparentes sur votre site Web. La
plupart des autres accessoires ont une taille fixe et appara&icirc;tront toujours sur votre site Web dans la taille
donn&eacute;e, ind&eacute;pendamment des dimensions de l'emplacement.
Si vous s&eacute;lectionnez un fichier Flash afin de l'associer de cette mani&egrave;re avec un emplacement d'objet, le
fichier Flash sera copi&eacute; dans un dossier &laquo; _fichiers &raquo; sauvegard&eacute; parall&egrave;lement au document *.web. Si
vous d&eacute;placez ou copiez le fichier *.web, copiez &eacute;galement le dossier _fichiers pour &ecirc;tre bien s&ucirc;r que les
fichiers Flash sont &eacute;galement copi&eacute;s.
Insertion de code HTML
Cr&eacute;ez un graphique d'emplacement d'objet, comme d&eacute;crit ci-dessus, destin&eacute; &agrave; &ecirc;tre remplac&eacute; par
n'importe quel objet, un simple rectangle par exemple. Acc&eacute;dez &agrave; l'onglet Emplacement d'objet de la
bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet et choisissez &laquo; Remplacer par le code HTML &raquo; afin d'ins&eacute;rer
le code HTML. Lorsque la page est affich&eacute;e dans un navigateur Internet, vous verrez que le graphique
cr&eacute;&eacute; au pr&eacute;alable est remplac&eacute; par le code HTML. Consultez la rubrique &laquo; Bo&icirc;te de dialogue des
propri&eacute;t&eacute;s Internet
&raquo; pour davantage d'informations.
Astuce :
Page 136
accessoires WYSIWYG (affichage en temps r&eacute;el). Au lieu d'utiliser un simple rectangle noir en tant
qu'emplacement d'objet, vous pouvez aussi r&eacute;aliser une copie d'&eacute;cran de l'accessoire actuel tel qu'il est
affich&eacute; dans le navigateur Internet et l'utiliser dans votre projet de page, de sorte &agrave; ce que l'emplacement
d'objet ressemble &agrave; l'objet int&eacute;gr&eacute; une fois votre page Web termin&eacute;e.
Insertion d'un diaporama de photos Picasa
Acc&eacute;dez &agrave; la page de l'album Internet Picasa que vous souhaitez int&eacute;grer. &Agrave; droite, veuillez cliquer sur
&laquo; Cr&eacute;er un lien vers cet album &raquo; : des options suppl&eacute;mentaires vont s'afficher. N'utilisez pas le code
HTML affich&eacute; ici (seule une image fixe serait int&eacute;gr&eacute;e), mais cliquez sur le lien &laquo; Int&eacute;grer diaporama &raquo; :
une bo&icirc;te de dialogue va s'ouvrir, dans laquelle vous pouvez personnaliser diverses dimensions et options
pour l'afffichage de votre diaporama. Copiez le code HTML et utilisez-le pour remplacer l'emplacement
d'objet (comme d&eacute;crit ci-dessus).
Dans le code HTML, vous pouvez voir des valeurs de largeur et de hauteur. Il est conseill&eacute; d'utiliser ces
derni&egrave;res en tant que dimensions pour votre emplacement d'objet rectangle.
Page 137
Insertion d'un fichier Flash
Il est possible d'int&eacute;grer des fichiers Flash (avec une extension de fichier *.swf) de la m&ecirc;me mani&egrave;re.
Commencez par cr&eacute;er un graphique dans une dimension souhait&eacute;e pour votre animation Flash. Acc&eacute;dez
&agrave; l'onglet Emplacement d'objet dans la bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet et s&eacute;lectionnez l'option &laquo;
Remplacer par fichier Flash
&raquo;.
Il existe cependant une diff&eacute;rence importante avec les emplacements d'objets Flash : vous pouvez les
redimensionner &agrave; volont&eacute; et l'animation Flash s'ajustera pour passer dans l'emplacement d'objet. En plus,
vous pouvez utiliser des animations Flash transparentes ou semi-transparentes sur votre site Web. La
plupart des autres accessoires ont une taille fixe et appara&icirc;tront toujours sur votre site Web dans la taille
donn&eacute;e, ind&eacute;pendamment des dimensions de l'emplacement.
Si vous s&eacute;lectionnez un fichier Flash afin de l'associer de cette mani&egrave;re avec un emplacement d'objet, le
fichier Flash sera copi&eacute; dans un dossier &laquo; _fichiers &raquo; sauvegard&eacute; parall&egrave;lement au document *.web. Si
vous d&eacute;placez ou copiez le fichier *.web, copiez &eacute;galement le dossier _fichiers pour &ecirc;tre bien s&ucirc;r que les
fichiers Flash sont &eacute;galement copi&eacute;s.
Insertion de code HTML
Cr&eacute;ez un graphique d'emplacement d'objet, comme d&eacute;crit ci-dessus, destin&eacute; &agrave; &ecirc;tre remplac&eacute; par
n'importe quel objet, un simple rectangle par exemple. Acc&eacute;dez &agrave; l'onglet Emplacement d'objet de la
bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet et choisissez &laquo; Remplacer par le code HTML &raquo; afin d'ins&eacute;rer
le code HTML. Lorsque la page est affich&eacute;e dans un navigateur Internet, vous verrez que le graphique
cr&eacute;&eacute; au pr&eacute;alable est remplac&eacute; par le code HTML. Consultez la rubrique &laquo; Bo&icirc;te de dialogue des
propri&eacute;t&eacute;s Internet
&raquo; pour davantage d'informations.
Astuce :
accessoires WYSIWYG (affichage en temps r&eacute;el). Au lieu d'utiliser un simple rectangle noir en tant
qu'emplacement d'objet, vous pouvez aussi r&eacute;aliser une copie d'&eacute;cran de l'accessoire actuel tel qu'il est
affich&eacute; dans le navigateur Internet et l'utiliser dans votre projet de page, de sorte &agrave; ce que l'emplacement
d'objet ressemble &agrave; l'objet int&eacute;gr&eacute; une fois votre page Web termin&eacute;e.
Insertion d'un diaporama de photos Picasa
Acc&eacute;dez &agrave; la page de l'album Internet Picasa que vous souhaitez int&eacute;grer. &Agrave; droite, veuillez cliquer sur
&laquo; Cr&eacute;er un lien vers cet album &raquo; : des options suppl&eacute;mentaires vont s'afficher. N'utilisez pas le code
HTML affich&eacute; ici (seule une image fixe serait int&eacute;gr&eacute;e), mais cliquez sur le lien &laquo; Int&eacute;grer diaporama &raquo; :
une bo&icirc;te de dialogue va s'ouvrir, dans laquelle vous pouvez personnaliser diverses dimensions et options
pour l'afffichage de votre diaporama. Copiez le code HTML et utilisez-le pour remplacer l'emplacement
d'objet (comme d&eacute;crit ci-dessus).
Dans le code HTML, vous pouvez voir des valeurs de largeur et de hauteur. Il est conseill&eacute; d'utiliser ces
derni&egrave;res en tant que dimensions pour votre emplacement d'objet rectangle.
Page 138
Insertion de code HTML
Cr&eacute;ez un graphique d'emplacement d'objet, comme d&eacute;crit ci-dessus, destin&eacute; &agrave; &ecirc;tre remplac&eacute; par
n'importe quel objet, un simple rectangle par exemple. Acc&eacute;dez &agrave; l'onglet Emplacement d'objet de la
bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet et choisissez &laquo; Remplacer par le code HTML &raquo; afin d'ins&eacute;rer
le code HTML. Lorsque la page est affich&eacute;e dans un navigateur Internet, vous verrez que le graphique
cr&eacute;&eacute; au pr&eacute;alable est remplac&eacute; par le code HTML. Consultez la rubrique &laquo; Bo&icirc;te de dialogue des
propri&eacute;t&eacute;s Internet
&raquo; pour davantage d'informations.
Astuce :
accessoires WYSIWYG (affichage en temps r&eacute;el). Au lieu d'utiliser un simple rectangle noir en tant
qu'emplacement d'objet, vous pouvez aussi r&eacute;aliser une copie d'&eacute;cran de l'accessoire actuel tel qu'il est
affich&eacute; dans le navigateur Internet et l'utiliser dans votre projet de page, de sorte &agrave; ce que l'emplacement
d'objet ressemble &agrave; l'objet int&eacute;gr&eacute; une fois votre page Web termin&eacute;e.
Insertion d'un diaporama de photos Picasa
Acc&eacute;dez &agrave; la page de l'album Internet Picasa que vous souhaitez int&eacute;grer. &Agrave; droite, veuillez cliquer sur
&laquo; Cr&eacute;er un lien vers cet album &raquo; : des options suppl&eacute;mentaires vont s'afficher. N'utilisez pas le code
HTML affich&eacute; ici (seule une image fixe serait int&eacute;gr&eacute;e), mais cliquez sur le lien &laquo; Int&eacute;grer diaporama &raquo; :
une bo&icirc;te de dialogue va s'ouvrir, dans laquelle vous pouvez personnaliser diverses dimensions et options
pour l'afffichage de votre diaporama. Copiez le code HTML et utilisez-le pour remplacer l'emplacement
d'objet (comme d&eacute;crit ci-dessus).
Dans le code HTML, vous pouvez voir des valeurs de largeur et de hauteur. Il est conseill&eacute; d'utiliser ces
derni&egrave;res en tant que dimensions pour votre emplacement d'objet rectangle.
Page 139
Insertion d'un diaporama de photos Picasa
Acc&eacute;dez &agrave; la page de l'album Internet Picasa que vous souhaitez int&eacute;grer. &Agrave; droite, veuillez cliquer sur
&laquo; Cr&eacute;er un lien vers cet album &raquo; : des options suppl&eacute;mentaires vont s'afficher. N'utilisez pas le code
HTML affich&eacute; ici (seule une image fixe serait int&eacute;gr&eacute;e), mais cliquez sur le lien &laquo; Int&eacute;grer diaporama &raquo; :
une bo&icirc;te de dialogue va s'ouvrir, dans laquelle vous pouvez personnaliser diverses dimensions et options
pour l'afffichage de votre diaporama. Copiez le code HTML et utilisez-le pour remplacer l'emplacement
d'objet (comme d&eacute;crit ci-dessus).
Dans le code HTML, vous pouvez voir des valeurs de largeur et de hauteur. Il est conseill&eacute; d'utiliser ces
derni&egrave;res en tant que dimensions pour votre emplacement d'objet rectangle.
Page 140
Utilisation du document
Dans ce chapitre
D&eacute;marrage de Xtreme Web Designer 5
Cr&eacute;er un nouveau document
Ouvrir un document existant
La fen&ecirc;tre Xtreme
Ouvrir une deuxi&egrave;me fen&ecirc;tre
Modifier la valeur du zoom
D&eacute;placer le document &agrave; l'int&eacute;rieur de la fen&ecirc;tre
Modifier la taille de la page
Pages multiples dans le document
Sauvegarde du document
Dossiers d'aide
Fermer le document
Grille
R&egrave;gles
Afficher la r&eacute;glette de qualit&eacute;
Galeries
Annuler et R&eacute;tablir
Page 141
D&eacute;marrage de Xtreme Web Designer 5
Pour d&eacute;marrer Web Designer, veuillez proc&eacute;der comme
suit :
 S&eacute;lectionnez D&eacute;marrer &gt; Tous les programmes
&gt; Xara &gt; Xtreme Web Designer 5
 ou double-cliquez sur l'ic&ocirc;ne de Web Designer
affich&eacute; sur votre bureau (voir illustration &agrave; gauche).
Ce proc&eacute;d&eacute; peut varier l&eacute;g&egrave;rement en fonction de la version de Windows que vous utilisez.
La bo&icirc;te de dialogue de d&eacute;marrage de Xtreme Web Designer 5 va s'ouvrir. Vous pourrez y choisir
diff&eacute;rentes t&acirc;ches typiques &agrave; Xtreme Web Designer 5. Pour plus d'informations, veuillez lire s'il vous pla&icirc;t
le chapitre correspondant dans l'aide de Xtreme Web Designer 5.
Page 142
Cr&eacute;er un nouveau document
Il existe trois types de documents dans Xtreme Web Designer 5 : les pages Web, les photos et les
animations. Pour cr&eacute;er un nouveau document :
Cliquez sur Fichier -&gt; Nouveau
Cette action permet d'ouvrir un sous-menu contenant divers mod&egrave;les de conception dont vous pouvez
vous aider.
Le premier mod&egrave;le de conception est un mod&egrave;le par d&eacute;faut utilis&eacute; pour cr&eacute;er un nouveau document apr&egrave;s
le d&eacute;marrage de Xtreme Web Designer 5. Le mod&egrave;le Animation est le mod&egrave;le par d&eacute;faut pour les
documents anim&eacute;s.
Vous pouvez &eacute;galement utiliser ces deux mod&egrave;les par d&eacute;faut depuis la
barre de contr&ocirc;le standard (Ctrl+N) via le bouton de dessin
Nouveau
ou le bouton Nouvelle animation
(Maj+Ctrl+N).
Vous pouvez sauvegarder vos propres mod&egrave;les de conception &agrave; l'aide de la commande Fichier
-&gt;Sauvegarder le mod&egrave;le. Voir : Modifier le document mod&egrave;le
pour plus de d&eacute;tails.
Page 143
Ouvrir un document existant
Pour ouvrir un document existant :
 Effectuez un glisser-d&eacute;poser d'un fichier. S&eacute;lectionnez le fichier dans l'explorateur Windows ou
sur votre bureau et faites-le glisser sur un autre document ouvert pour l'importer, ou n'importe o&ugrave;
dans la fen&ecirc;tre de Web Designer pour ouvrir le document.
 Ou double-cliquez sur un fichier Web Designer.
 Ou pour ouvrir un fichier utilis&eacute; r&eacute;cemment, s&eacute;lectionnez-le dans Fichier -&gt; Ouvert r&eacute;cemment
 Ou s&eacute;lectionnez Fichier &gt; Ouvrir (raccourci Ctrl+O)
 Ou cliquez sur Ouvrir dans la barre de contr&ocirc;le Standard.
La bo&icirc;te de dialogue &laquo; Ouvrir &raquo; s'affiche. Elle vous permet de
s&eacute;lectionner plusieurs fichiers &agrave; la fois. Utilisez la combinaison
de touches Ctrl+clic pour s&eacute;lectionner plusieurs fichiers ou
Maj+clic pour s&eacute;lectionner un ensemble de fichiers.
Page 144
La fen&ecirc;tre Xtreme
1
Barre de titre
2
Nom du fichier
3
Barre bouton standard
4
Galeries
5
Barre d'infos
6
Barre d'outils
7
R&eacute;glettes
8
Palette de couleurs
9
Barre d'&eacute;tat
10
D&eacute;placement en direct / alignement
La fen&ecirc;tre de Web Designer est similaire &agrave; une feuille de papier normale plac&eacute;e sur une planche &agrave; dessin.
Le rectangle blanc repr&eacute;sente la feuille de papier (page ou double-page). La bordure grise (marge)
correspond au pasteboard.
Vous pouvez modifier la taille du pasteboard dans la bo&icirc;te de dialogue Options puis dans l'onglet Taille
Page 145
de la page
.
Document s&eacute;lectionn&eacute; et barre de titre
Il est possible d'ouvrir plus d'un document simultan&eacute;ment dans Web Designer, le document se trouvant
dans la fen&ecirc;tre actuelle &eacute;tant le document s&eacute;lectionn&eacute;. La barre de titre se trouvant dans la partie
sup&eacute;rieure de Web Designer affiche le nom du document s&eacute;lectionn&eacute; ainsi que les modifications
&eacute;ventuelles depuis la derni&egrave;re sauvegarde. L'&eacute;toile plac&eacute;e apr&egrave;s le nom du fichier indique que certaines
modifications n'ont pas encore &eacute;t&eacute; enregistr&eacute;es.
Barres de contr&ocirc;le
Elles contiennent les boutons de commande de Web Designer, et se trouvent &agrave; l'emplacement des ic&ocirc;nes
principaux. Vous pouvez personnaliser les barres de contr&ocirc;le de diverses mani&egrave;res, par exemple en
modifiant l'ordre, en cr&eacute;ant de nouvelles barres ou en masquant certaines.
La fen&ecirc;tre par d&eacute;faut affiche la barre de bouton standard
avec les boutons les plus utilis&eacute;s :
Vous pouvez personnaliser la barre de contr&ocirc;le standard
de la m&ecirc;me mani&egrave;re que les autres barres.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Barre d'infos
Il s'agit d'une barre de contr&ocirc;le sp&eacute;ciale. Son contenu diff&egrave;re selon l'outil s&eacute;lectionn&eacute;. Les barres d'infos
sp&eacute;cifiques &agrave; certains outils sont d&eacute;crites dans le chapitre correspondant.
Il n'est pas possible de personnaliser la barre d'infos.
Barre d'infos de l'outil S&eacute;lection
Barre d'outils principale
Il s'agit de la barre d'outils comprenant &agrave; l'origine tous les outils
disponibles dans Web Designer (voir &agrave; gauche). Vous pouvez
personnaliser la barre d'outils ou d&eacute;placer les outils vers d'autres
barres de contr&ocirc;le.
Cliquez sur un outil pour le s&eacute;lectionner (certains outils disposent de
raccourcis clavier).
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres
de contr&ocirc;le.
R&egrave;gles
Vous pouvez masquer les r&egrave;gles, modifier la position
de leur origine (point z&eacute;ro) et les utiliser pour cr&eacute;er des
lignes d'aide. Pour obtenir de plus amples informations,
consultez le paragraphe R&egrave;gles
.
Page 146
La barre d'&eacute;tat
Elle est affich&eacute;e dans la partie inf&eacute;rieure de la fen&ecirc;tre. La barre d'&eacute;tat vous informe sur les points
suivants :
 les objets s&eacute;lectionn&eacute;s ;
 Les options disponibles ;
 les indicateurs de d&eacute;placement live/d'alignement ;
 la position X-Y du pointeur.
Les indicateurs
Ils sont affich&eacute;s sur la droite de la barre d'&eacute;tat.
Indicateur de d&eacute;placement live
L'indicateur pr&eacute;cise si la fonction de d&eacute;placement live est active
ou non (elle est active par d&eacute;faut). Double-cliquez sur l'indicateur
pour activer/d&eacute;sactiver la fonction de d&eacute;placement live.
Lorsqu'elle est activ&eacute;e, si vous repositionnez, modifiez la taille ou
la rotation d'un objet, c'est l'objet entier qui sera d&eacute;plac&eacute;, et pas
seulement ses contours, facilitant l'&eacute;valuation de l'effet en temps
r&eacute;el. Si votre ordinateur n'est pas en mesure de traiter un
document particuli&egrave;rement complexe, il va automatiquement
d&eacute;sactiver la fonction de d&eacute;placement afin d'assurer une &eacute;dition
rapide.
Indicateur d'alignement
Vous pouvez activer cet indicateur en s&eacute;lectionnant Fen&ecirc;tre &gt;
Aligner avec les objets. Il s'affiche lorsque vous d&eacute;placez un
point dans la surface d'ajustage de l'objet. (Pour de plus amples
informations sur l'alignement, consultez le paragraphe
Manipulation des objets
.)
Coordonn&eacute;es X-Y
Web Designer indique les mesures par rapport au coin inf&eacute;rieur gauche de la page ou double-page.
Vous pouvez cependant modifier cette valeur. Pour de plus amples informations, consultez le paragraphe
sur la Manipulation des objets
.
Mode &eacute;cran normal/plein &eacute;cran
Dans le mode d'affichage normal, une partie de la fen&ecirc;tre est occup&eacute;e par la barre de titres, le menu et
les barres de d&eacute;filement. Cela peut &ecirc;tre g&ecirc;nant lorsque vous souhaitez avoir la plus grande surface
d'&eacute;dition possible.
Web Designer dispose d'un second mode d'affichage, appel&eacute; plein &eacute;cran, et qui pr&eacute;sente un &eacute;cran
nettoy&eacute;.
Vous pouvez configurer les deux modes d'affichages comme vous le souhaitez. Par exemple, chaque
mode peut avoir sa propre barre de contr&ocirc;le. La configuration est sauvegard&eacute;e et affich&eacute; d&egrave;s que vous
changez de mode d'affichage.
Page 147
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Vous pouvez contr&ocirc;ler le mode d'affichage &eacute;cran normal/plein &eacute;cran sous Fen&ecirc;tre &gt; Plein &eacute;cran (chiffre 8
sur le pav&eacute; num&eacute;rique).
D&eacute;placez le pointeur de la souris sur le bord sup&eacute;rieur de l'&eacute;cran pour afficher la barre de menu dans le
mode plein &eacute;cran.
Page 148
Document s&eacute;lectionn&eacute; et barre de titre
Il est possible d'ouvrir plus d'un document simultan&eacute;ment dans Web Designer, le document se trouvant
dans la fen&ecirc;tre actuelle &eacute;tant le document s&eacute;lectionn&eacute;. La barre de titre se trouvant dans la partie
sup&eacute;rieure de Web Designer affiche le nom du document s&eacute;lectionn&eacute; ainsi que les modifications
&eacute;ventuelles depuis la derni&egrave;re sauvegarde. L'&eacute;toile plac&eacute;e apr&egrave;s le nom du fichier indique que certaines
modifications n'ont pas encore &eacute;t&eacute; enregistr&eacute;es.
Barres de contr&ocirc;le
Elles contiennent les boutons de commande de Web Designer, et se trouvent &agrave; l'emplacement des ic&ocirc;nes
principaux. Vous pouvez personnaliser les barres de contr&ocirc;le de diverses mani&egrave;res, par exemple en
modifiant l'ordre, en cr&eacute;ant de nouvelles barres ou en masquant certaines.
La fen&ecirc;tre par d&eacute;faut affiche la barre de bouton standard
avec les boutons les plus utilis&eacute;s :
Vous pouvez personnaliser la barre de contr&ocirc;le standard
de la m&ecirc;me mani&egrave;re que les autres barres.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Barre d'infos
Il s'agit d'une barre de contr&ocirc;le sp&eacute;ciale. Son contenu diff&egrave;re selon l'outil s&eacute;lectionn&eacute;. Les barres d'infos
sp&eacute;cifiques &agrave; certains outils sont d&eacute;crites dans le chapitre correspondant.
Il n'est pas possible de personnaliser la barre d'infos.
Barre d'infos de l'outil S&eacute;lection
Barre d'outils principale
Il s'agit de la barre d'outils comprenant &agrave; l'origine tous les outils
disponibles dans Web Designer (voir &agrave; gauche). Vous pouvez
personnaliser la barre d'outils ou d&eacute;placer les outils vers d'autres
barres de contr&ocirc;le.
Cliquez sur un outil pour le s&eacute;lectionner (certains outils disposent de
raccourcis clavier).
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres
de contr&ocirc;le.
R&egrave;gles
Vous pouvez masquer les r&egrave;gles, modifier la position
de leur origine (point z&eacute;ro) et les utiliser pour cr&eacute;er des
lignes d'aide. Pour obtenir de plus amples informations,
consultez le paragraphe R&egrave;gles
.
La barre d'&eacute;tat
Page 149
Elle est affich&eacute;e dans la partie inf&eacute;rieure de la fen&ecirc;tre. La barre d'&eacute;tat vous informe sur les points
suivants :
 les objets s&eacute;lectionn&eacute;s ;
 Les options disponibles ;
 les indicateurs de d&eacute;placement live/d'alignement ;
 la position X-Y du pointeur.
Les indicateurs
Ils sont affich&eacute;s sur la droite de la barre d'&eacute;tat.
Indicateur de d&eacute;placement live
L'indicateur pr&eacute;cise si la fonction de d&eacute;placement live est active
ou non (elle est active par d&eacute;faut). Double-cliquez sur l'indicateur
pour activer/d&eacute;sactiver la fonction de d&eacute;placement live.
Lorsqu'elle est activ&eacute;e, si vous repositionnez, modifiez la taille ou
la rotation d'un objet, c'est l'objet entier qui sera d&eacute;plac&eacute;, et pas
seulement ses contours, facilitant l'&eacute;valuation de l'effet en temps
r&eacute;el. Si votre ordinateur n'est pas en mesure de traiter un
document particuli&egrave;rement complexe, il va automatiquement
d&eacute;sactiver la fonction de d&eacute;placement afin d'assurer une &eacute;dition
rapide.
Indicateur d'alignement
Vous pouvez activer cet indicateur en s&eacute;lectionnant Fen&ecirc;tre &gt;
Aligner avec les objets. Il s'affiche lorsque vous d&eacute;placez un
point dans la surface d'ajustage de l'objet. (Pour de plus amples
informations sur l'alignement, consultez le paragraphe
Manipulation des objets
.)
Coordonn&eacute;es X-Y
Web Designer indique les mesures par rapport au coin inf&eacute;rieur gauche de la page ou double-page.
Vous pouvez cependant modifier cette valeur. Pour de plus amples informations, consultez le paragraphe
sur la Manipulation des objets
.
Mode &eacute;cran normal/plein &eacute;cran
Dans le mode d'affichage normal, une partie de la fen&ecirc;tre est occup&eacute;e par la barre de titres, le menu et
les barres de d&eacute;filement. Cela peut &ecirc;tre g&ecirc;nant lorsque vous souhaitez avoir la plus grande surface
d'&eacute;dition possible.
Web Designer dispose d'un second mode d'affichage, appel&eacute; plein &eacute;cran, et qui pr&eacute;sente un &eacute;cran
nettoy&eacute;.
Vous pouvez configurer les deux modes d'affichages comme vous le souhaitez. Par exemple, chaque
mode peut avoir sa propre barre de contr&ocirc;le. La configuration est sauvegard&eacute;e et affich&eacute; d&egrave;s que vous
changez de mode d'affichage.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Page 150
Vous pouvez contr&ocirc;ler le mode d'affichage &eacute;cran normal/plein &eacute;cran sous Fen&ecirc;tre &gt; Plein &eacute;cran (chiffre 8
sur le pav&eacute; num&eacute;rique).
D&eacute;placez le pointeur de la souris sur le bord sup&eacute;rieur de l'&eacute;cran pour afficher la barre de menu dans le
mode plein &eacute;cran.
Page 151
Barres de contr&ocirc;le
Elles contiennent les boutons de commande de Web Designer, et se trouvent &agrave; l'emplacement des ic&ocirc;nes
principaux. Vous pouvez personnaliser les barres de contr&ocirc;le de diverses mani&egrave;res, par exemple en
modifiant l'ordre, en cr&eacute;ant de nouvelles barres ou en masquant certaines.
La fen&ecirc;tre par d&eacute;faut affiche la barre de bouton standard
avec les boutons les plus utilis&eacute;s :
Vous pouvez personnaliser la barre de contr&ocirc;le standard
de la m&ecirc;me mani&egrave;re que les autres barres.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Barre d'infos
Il s'agit d'une barre de contr&ocirc;le sp&eacute;ciale. Son contenu diff&egrave;re selon l'outil s&eacute;lectionn&eacute;. Les barres d'infos
sp&eacute;cifiques &agrave; certains outils sont d&eacute;crites dans le chapitre correspondant.
Il n'est pas possible de personnaliser la barre d'infos.
Barre d'infos de l'outil S&eacute;lection
Barre d'outils principale
Il s'agit de la barre d'outils comprenant &agrave; l'origine tous les outils
disponibles dans Web Designer (voir &agrave; gauche). Vous pouvez
personnaliser la barre d'outils ou d&eacute;placer les outils vers d'autres
barres de contr&ocirc;le.
Cliquez sur un outil pour le s&eacute;lectionner (certains outils disposent de
raccourcis clavier).
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres
de contr&ocirc;le.
R&egrave;gles
Vous pouvez masquer les r&egrave;gles, modifier la position
de leur origine (point z&eacute;ro) et les utiliser pour cr&eacute;er des
lignes d'aide. Pour obtenir de plus amples informations,
consultez le paragraphe R&egrave;gles
.
La barre d'&eacute;tat
Elle est affich&eacute;e dans la partie inf&eacute;rieure de la fen&ecirc;tre. La barre d'&eacute;tat vous informe sur les points
suivants :
 les objets s&eacute;lectionn&eacute;s ;
Page 152



Les options disponibles ;
les indicateurs de d&eacute;placement live/d'alignement ;
la position X-Y du pointeur.
Les indicateurs
Ils sont affich&eacute;s sur la droite de la barre d'&eacute;tat.
Indicateur de d&eacute;placement live
L'indicateur pr&eacute;cise si la fonction de d&eacute;placement live est active
ou non (elle est active par d&eacute;faut). Double-cliquez sur l'indicateur
pour activer/d&eacute;sactiver la fonction de d&eacute;placement live.
Lorsqu'elle est activ&eacute;e, si vous repositionnez, modifiez la taille ou
la rotation d'un objet, c'est l'objet entier qui sera d&eacute;plac&eacute;, et pas
seulement ses contours, facilitant l'&eacute;valuation de l'effet en temps
r&eacute;el. Si votre ordinateur n'est pas en mesure de traiter un
document particuli&egrave;rement complexe, il va automatiquement
d&eacute;sactiver la fonction de d&eacute;placement afin d'assurer une &eacute;dition
rapide.
Indicateur d'alignement
Vous pouvez activer cet indicateur en s&eacute;lectionnant Fen&ecirc;tre &gt;
Aligner avec les objets. Il s'affiche lorsque vous d&eacute;placez un
point dans la surface d'ajustage de l'objet. (Pour de plus amples
informations sur l'alignement, consultez le paragraphe
Manipulation des objets
.)
Coordonn&eacute;es X-Y
Web Designer indique les mesures par rapport au coin inf&eacute;rieur gauche de la page ou double-page.
Vous pouvez cependant modifier cette valeur. Pour de plus amples informations, consultez le paragraphe
sur la Manipulation des objets
.
Mode &eacute;cran normal/plein &eacute;cran
Dans le mode d'affichage normal, une partie de la fen&ecirc;tre est occup&eacute;e par la barre de titres, le menu et
les barres de d&eacute;filement. Cela peut &ecirc;tre g&ecirc;nant lorsque vous souhaitez avoir la plus grande surface
d'&eacute;dition possible.
Web Designer dispose d'un second mode d'affichage, appel&eacute; plein &eacute;cran, et qui pr&eacute;sente un &eacute;cran
nettoy&eacute;.
Vous pouvez configurer les deux modes d'affichages comme vous le souhaitez. Par exemple, chaque
mode peut avoir sa propre barre de contr&ocirc;le. La configuration est sauvegard&eacute;e et affich&eacute; d&egrave;s que vous
changez de mode d'affichage.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Vous pouvez contr&ocirc;ler le mode d'affichage &eacute;cran normal/plein &eacute;cran sous Fen&ecirc;tre &gt; Plein &eacute;cran (chiffre 8
sur le pav&eacute; num&eacute;rique).
D&eacute;placez le pointeur de la souris sur le bord sup&eacute;rieur de l'&eacute;cran pour afficher la barre de menu dans le
mode plein &eacute;cran.
Page 153
Barre d'infos
Il s'agit d'une barre de contr&ocirc;le sp&eacute;ciale. Son contenu diff&egrave;re selon l'outil s&eacute;lectionn&eacute;. Les barres d'infos
sp&eacute;cifiques &agrave; certains outils sont d&eacute;crites dans le chapitre correspondant.
Il n'est pas possible de personnaliser la barre d'infos.
Barre d'infos de l'outil S&eacute;lection
Barre d'outils principale
Il s'agit de la barre d'outils comprenant &agrave; l'origine tous les outils
disponibles dans Web Designer (voir &agrave; gauche). Vous pouvez
personnaliser la barre d'outils ou d&eacute;placer les outils vers d'autres
barres de contr&ocirc;le.
Cliquez sur un outil pour le s&eacute;lectionner (certains outils disposent de
raccourcis clavier).
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres
de contr&ocirc;le.
R&egrave;gles
Vous pouvez masquer les r&egrave;gles, modifier la position
de leur origine (point z&eacute;ro) et les utiliser pour cr&eacute;er des
lignes d'aide. Pour obtenir de plus amples informations,
consultez le paragraphe R&egrave;gles
.
La barre d'&eacute;tat
Elle est affich&eacute;e dans la partie inf&eacute;rieure de la fen&ecirc;tre. La barre d'&eacute;tat vous informe sur les points
suivants :
 les objets s&eacute;lectionn&eacute;s ;
 Les options disponibles ;
 les indicateurs de d&eacute;placement live/d'alignement ;
 la position X-Y du pointeur.
Les indicateurs
Ils sont affich&eacute;s sur la droite de la barre d'&eacute;tat.
Indicateur de d&eacute;placement live
L'indicateur pr&eacute;cise si la fonction de d&eacute;placement live est active
ou non (elle est active par d&eacute;faut). Double-cliquez sur l'indicateur
pour activer/d&eacute;sactiver la fonction de d&eacute;placement live.
Lorsqu'elle est activ&eacute;e, si vous repositionnez, modifiez la taille ou
la rotation d'un objet, c'est l'objet entier qui sera d&eacute;plac&eacute;, et pas
Page 154
seulement ses contours, facilitant l'&eacute;valuation de l'effet en temps
r&eacute;el. Si votre ordinateur n'est pas en mesure de traiter un
document particuli&egrave;rement complexe, il va automatiquement
d&eacute;sactiver la fonction de d&eacute;placement afin d'assurer une &eacute;dition
rapide.
Indicateur d'alignement
Vous pouvez activer cet indicateur en s&eacute;lectionnant Fen&ecirc;tre &gt;
Aligner avec les objets. Il s'affiche lorsque vous d&eacute;placez un
point dans la surface d'ajustage de l'objet. (Pour de plus amples
informations sur l'alignement, consultez le paragraphe
Manipulation des objets
.)
Coordonn&eacute;es X-Y
Web Designer indique les mesures par rapport au coin inf&eacute;rieur gauche de la page ou double-page.
Vous pouvez cependant modifier cette valeur. Pour de plus amples informations, consultez le paragraphe
sur la Manipulation des objets
.
Mode &eacute;cran normal/plein &eacute;cran
Dans le mode d'affichage normal, une partie de la fen&ecirc;tre est occup&eacute;e par la barre de titres, le menu et
les barres de d&eacute;filement. Cela peut &ecirc;tre g&ecirc;nant lorsque vous souhaitez avoir la plus grande surface
d'&eacute;dition possible.
Web Designer dispose d'un second mode d'affichage, appel&eacute; plein &eacute;cran, et qui pr&eacute;sente un &eacute;cran
nettoy&eacute;.
Vous pouvez configurer les deux modes d'affichages comme vous le souhaitez. Par exemple, chaque
mode peut avoir sa propre barre de contr&ocirc;le. La configuration est sauvegard&eacute;e et affich&eacute; d&egrave;s que vous
changez de mode d'affichage.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Vous pouvez contr&ocirc;ler le mode d'affichage &eacute;cran normal/plein &eacute;cran sous Fen&ecirc;tre &gt; Plein &eacute;cran (chiffre 8
sur le pav&eacute; num&eacute;rique).
D&eacute;placez le pointeur de la souris sur le bord sup&eacute;rieur de l'&eacute;cran pour afficher la barre de menu dans le
mode plein &eacute;cran.
Page 155
Barre d'outils principale
Il s'agit de la barre d'outils comprenant &agrave; l'origine tous les outils
disponibles dans Web Designer (voir &agrave; gauche). Vous pouvez
personnaliser la barre d'outils ou d&eacute;placer les outils vers d'autres
barres de contr&ocirc;le.
Cliquez sur un outil pour le s&eacute;lectionner (certains outils disposent de
raccourcis clavier).
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres
de contr&ocirc;le.
R&egrave;gles
Vous pouvez masquer les r&egrave;gles, modifier la position
de leur origine (point z&eacute;ro) et les utiliser pour cr&eacute;er des
lignes d'aide. Pour obtenir de plus amples informations,
consultez le paragraphe R&egrave;gles
.
La barre d'&eacute;tat
Elle est affich&eacute;e dans la partie inf&eacute;rieure de la fen&ecirc;tre. La barre d'&eacute;tat vous informe sur les points
suivants :
 les objets s&eacute;lectionn&eacute;s ;
 Les options disponibles ;
 les indicateurs de d&eacute;placement live/d'alignement ;
 la position X-Y du pointeur.
Les indicateurs
Ils sont affich&eacute;s sur la droite de la barre d'&eacute;tat.
Indicateur de d&eacute;placement live
L'indicateur pr&eacute;cise si la fonction de d&eacute;placement live est active
ou non (elle est active par d&eacute;faut). Double-cliquez sur l'indicateur
pour activer/d&eacute;sactiver la fonction de d&eacute;placement live.
Lorsqu'elle est activ&eacute;e, si vous repositionnez, modifiez la taille ou
la rotation d'un objet, c'est l'objet entier qui sera d&eacute;plac&eacute;, et pas
seulement ses contours, facilitant l'&eacute;valuation de l'effet en temps
r&eacute;el. Si votre ordinateur n'est pas en mesure de traiter un
document particuli&egrave;rement complexe, il va automatiquement
d&eacute;sactiver la fonction de d&eacute;placement afin d'assurer une &eacute;dition
rapide.
Indicateur d'alignement
Vous pouvez activer cet indicateur en s&eacute;lectionnant Fen&ecirc;tre &gt;
Aligner avec les objets. Il s'affiche lorsque vous d&eacute;placez un
Page 156
point dans la surface d'ajustage de l'objet. (Pour de plus amples
informations sur l'alignement, consultez le paragraphe
Manipulation des objets
.)
Coordonn&eacute;es X-Y
Web Designer indique les mesures par rapport au coin inf&eacute;rieur gauche de la page ou double-page.
Vous pouvez cependant modifier cette valeur. Pour de plus amples informations, consultez le paragraphe
sur la Manipulation des objets
.
Mode &eacute;cran normal/plein &eacute;cran
Dans le mode d'affichage normal, une partie de la fen&ecirc;tre est occup&eacute;e par la barre de titres, le menu et
les barres de d&eacute;filement. Cela peut &ecirc;tre g&ecirc;nant lorsque vous souhaitez avoir la plus grande surface
d'&eacute;dition possible.
Web Designer dispose d'un second mode d'affichage, appel&eacute; plein &eacute;cran, et qui pr&eacute;sente un &eacute;cran
nettoy&eacute;.
Vous pouvez configurer les deux modes d'affichages comme vous le souhaitez. Par exemple, chaque
mode peut avoir sa propre barre de contr&ocirc;le. La configuration est sauvegard&eacute;e et affich&eacute; d&egrave;s que vous
changez de mode d'affichage.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Vous pouvez contr&ocirc;ler le mode d'affichage &eacute;cran normal/plein &eacute;cran sous Fen&ecirc;tre &gt; Plein &eacute;cran (chiffre 8
sur le pav&eacute; num&eacute;rique).
D&eacute;placez le pointeur de la souris sur le bord sup&eacute;rieur de l'&eacute;cran pour afficher la barre de menu dans le
mode plein &eacute;cran.
Page 157
R&egrave;gles
Vous pouvez masquer les r&egrave;gles, modifier la position
de leur origine (point z&eacute;ro) et les utiliser pour cr&eacute;er des
lignes d'aide. Pour obtenir de plus amples informations,
consultez le paragraphe R&egrave;gles
.
La barre d'&eacute;tat
Elle est affich&eacute;e dans la partie inf&eacute;rieure de la fen&ecirc;tre. La barre d'&eacute;tat vous informe sur les points
suivants :
 les objets s&eacute;lectionn&eacute;s ;
 Les options disponibles ;
 les indicateurs de d&eacute;placement live/d'alignement ;
 la position X-Y du pointeur.
Les indicateurs
Ils sont affich&eacute;s sur la droite de la barre d'&eacute;tat.
Indicateur de d&eacute;placement live
L'indicateur pr&eacute;cise si la fonction de d&eacute;placement live est active
ou non (elle est active par d&eacute;faut). Double-cliquez sur l'indicateur
pour activer/d&eacute;sactiver la fonction de d&eacute;placement live.
Lorsqu'elle est activ&eacute;e, si vous repositionnez, modifiez la taille ou
la rotation d'un objet, c'est l'objet entier qui sera d&eacute;plac&eacute;, et pas
seulement ses contours, facilitant l'&eacute;valuation de l'effet en temps
r&eacute;el. Si votre ordinateur n'est pas en mesure de traiter un
document particuli&egrave;rement complexe, il va automatiquement
d&eacute;sactiver la fonction de d&eacute;placement afin d'assurer une &eacute;dition
rapide.
Indicateur d'alignement
Vous pouvez activer cet indicateur en s&eacute;lectionnant Fen&ecirc;tre &gt;
Aligner avec les objets. Il s'affiche lorsque vous d&eacute;placez un
point dans la surface d'ajustage de l'objet. (Pour de plus amples
informations sur l'alignement, consultez le paragraphe
Manipulation des objets
.)
Coordonn&eacute;es X-Y
Web Designer indique les mesures par rapport au coin inf&eacute;rieur gauche de la page ou double-page.
Vous pouvez cependant modifier cette valeur. Pour de plus amples informations, consultez le paragraphe
sur la Manipulation des objets
.
Mode &eacute;cran normal/plein &eacute;cran
Dans le mode d'affichage normal, une partie de la fen&ecirc;tre est occup&eacute;e par la barre de titres, le menu et
Page 158
les barres de d&eacute;filement. Cela peut &ecirc;tre g&ecirc;nant lorsque vous souhaitez avoir la plus grande surface
d'&eacute;dition possible.
Web Designer dispose d'un second mode d'affichage, appel&eacute; plein &eacute;cran, et qui pr&eacute;sente un &eacute;cran
nettoy&eacute;.
Vous pouvez configurer les deux modes d'affichages comme vous le souhaitez. Par exemple, chaque
mode peut avoir sa propre barre de contr&ocirc;le. La configuration est sauvegard&eacute;e et affich&eacute; d&egrave;s que vous
changez de mode d'affichage.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Vous pouvez contr&ocirc;ler le mode d'affichage &eacute;cran normal/plein &eacute;cran sous Fen&ecirc;tre &gt; Plein &eacute;cran (chiffre 8
sur le pav&eacute; num&eacute;rique).
D&eacute;placez le pointeur de la souris sur le bord sup&eacute;rieur de l'&eacute;cran pour afficher la barre de menu dans le
mode plein &eacute;cran.
Page 159
La barre d'&eacute;tat
Elle est affich&eacute;e dans la partie inf&eacute;rieure de la fen&ecirc;tre. La barre d'&eacute;tat vous informe sur les points
suivants :
 les objets s&eacute;lectionn&eacute;s ;
 Les options disponibles ;
 les indicateurs de d&eacute;placement live/d'alignement ;
 la position X-Y du pointeur.
Les indicateurs
Ils sont affich&eacute;s sur la droite de la barre d'&eacute;tat.
Indicateur de d&eacute;placement live
L'indicateur pr&eacute;cise si la fonction de d&eacute;placement live est active
ou non (elle est active par d&eacute;faut). Double-cliquez sur l'indicateur
pour activer/d&eacute;sactiver la fonction de d&eacute;placement live.
Lorsqu'elle est activ&eacute;e, si vous repositionnez, modifiez la taille ou
la rotation d'un objet, c'est l'objet entier qui sera d&eacute;plac&eacute;, et pas
seulement ses contours, facilitant l'&eacute;valuation de l'effet en temps
r&eacute;el. Si votre ordinateur n'est pas en mesure de traiter un
document particuli&egrave;rement complexe, il va automatiquement
d&eacute;sactiver la fonction de d&eacute;placement afin d'assurer une &eacute;dition
rapide.
Indicateur d'alignement
Vous pouvez activer cet indicateur en s&eacute;lectionnant Fen&ecirc;tre &gt;
Aligner avec les objets. Il s'affiche lorsque vous d&eacute;placez un
point dans la surface d'ajustage de l'objet. (Pour de plus amples
informations sur l'alignement, consultez le paragraphe
Manipulation des objets
.)
Coordonn&eacute;es X-Y
Web Designer indique les mesures par rapport au coin inf&eacute;rieur gauche de la page ou double-page.
Vous pouvez cependant modifier cette valeur. Pour de plus amples informations, consultez le paragraphe
sur la Manipulation des objets
.
Mode &eacute;cran normal/plein &eacute;cran
Dans le mode d'affichage normal, une partie de la fen&ecirc;tre est occup&eacute;e par la barre de titres, le menu et
les barres de d&eacute;filement. Cela peut &ecirc;tre g&ecirc;nant lorsque vous souhaitez avoir la plus grande surface
d'&eacute;dition possible.
Web Designer dispose d'un second mode d'affichage, appel&eacute; plein &eacute;cran, et qui pr&eacute;sente un &eacute;cran
nettoy&eacute;.
Vous pouvez configurer les deux modes d'affichages comme vous le souhaitez. Par exemple, chaque
mode peut avoir sa propre barre de contr&ocirc;le. La configuration est sauvegard&eacute;e et affich&eacute; d&egrave;s que vous
changez de mode d'affichage.
Page 160
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Vous pouvez contr&ocirc;ler le mode d'affichage &eacute;cran normal/plein &eacute;cran sous Fen&ecirc;tre &gt; Plein &eacute;cran (chiffre 8
sur le pav&eacute; num&eacute;rique).
D&eacute;placez le pointeur de la souris sur le bord sup&eacute;rieur de l'&eacute;cran pour afficher la barre de menu dans le
mode plein &eacute;cran.
Page 161
Les indicateurs
Ils sont affich&eacute;s sur la droite de la barre d'&eacute;tat.
Indicateur de d&eacute;placement live
L'indicateur pr&eacute;cise si la fonction de d&eacute;placement live est active
ou non (elle est active par d&eacute;faut). Double-cliquez sur l'indicateur
pour activer/d&eacute;sactiver la fonction de d&eacute;placement live.
Lorsqu'elle est activ&eacute;e, si vous repositionnez, modifiez la taille ou
la rotation d'un objet, c'est l'objet entier qui sera d&eacute;plac&eacute;, et pas
seulement ses contours, facilitant l'&eacute;valuation de l'effet en temps
r&eacute;el. Si votre ordinateur n'est pas en mesure de traiter un
document particuli&egrave;rement complexe, il va automatiquement
d&eacute;sactiver la fonction de d&eacute;placement afin d'assurer une &eacute;dition
rapide.
Indicateur d'alignement
Vous pouvez activer cet indicateur en s&eacute;lectionnant Fen&ecirc;tre &gt;
Aligner avec les objets. Il s'affiche lorsque vous d&eacute;placez un
point dans la surface d'ajustage de l'objet. (Pour de plus amples
informations sur l'alignement, consultez le paragraphe
Manipulation des objets
.)
Coordonn&eacute;es X-Y
Web Designer indique les mesures par rapport au coin inf&eacute;rieur gauche de la page ou double-page.
Vous pouvez cependant modifier cette valeur. Pour de plus amples informations, consultez le paragraphe
sur la Manipulation des objets
.
Mode &eacute;cran normal/plein &eacute;cran
Dans le mode d'affichage normal, une partie de la fen&ecirc;tre est occup&eacute;e par la barre de titres, le menu et
les barres de d&eacute;filement. Cela peut &ecirc;tre g&ecirc;nant lorsque vous souhaitez avoir la plus grande surface
d'&eacute;dition possible.
Web Designer dispose d'un second mode d'affichage, appel&eacute; plein &eacute;cran, et qui pr&eacute;sente un &eacute;cran
nettoy&eacute;.
Vous pouvez configurer les deux modes d'affichages comme vous le souhaitez. Par exemple, chaque
mode peut avoir sa propre barre de contr&ocirc;le. La configuration est sauvegard&eacute;e et affich&eacute; d&egrave;s que vous
changez de mode d'affichage.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Vous pouvez contr&ocirc;ler le mode d'affichage &eacute;cran normal/plein &eacute;cran sous Fen&ecirc;tre &gt; Plein &eacute;cran (chiffre 8
sur le pav&eacute; num&eacute;rique).
D&eacute;placez le pointeur de la souris sur le bord sup&eacute;rieur de l'&eacute;cran pour afficher la barre de menu dans le
mode plein &eacute;cran.
Page 162
Coordonn&eacute;es X-Y
Web Designer indique les mesures par rapport au coin inf&eacute;rieur gauche de la page ou double-page.
Vous pouvez cependant modifier cette valeur. Pour de plus amples informations, consultez le paragraphe
sur la Manipulation des objets
.
Mode &eacute;cran normal/plein &eacute;cran
Dans le mode d'affichage normal, une partie de la fen&ecirc;tre est occup&eacute;e par la barre de titres, le menu et
les barres de d&eacute;filement. Cela peut &ecirc;tre g&ecirc;nant lorsque vous souhaitez avoir la plus grande surface
d'&eacute;dition possible.
Web Designer dispose d'un second mode d'affichage, appel&eacute; plein &eacute;cran, et qui pr&eacute;sente un &eacute;cran
nettoy&eacute;.
Vous pouvez configurer les deux modes d'affichages comme vous le souhaitez. Par exemple, chaque
mode peut avoir sa propre barre de contr&ocirc;le. La configuration est sauvegard&eacute;e et affich&eacute; d&egrave;s que vous
changez de mode d'affichage.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Vous pouvez contr&ocirc;ler le mode d'affichage &eacute;cran normal/plein &eacute;cran sous Fen&ecirc;tre &gt; Plein &eacute;cran (chiffre 8
sur le pav&eacute; num&eacute;rique).
D&eacute;placez le pointeur de la souris sur le bord sup&eacute;rieur de l'&eacute;cran pour afficher la barre de menu dans le
mode plein &eacute;cran.
Page 163
Mode &eacute;cran normal/plein &eacute;cran
Dans le mode d'affichage normal, une partie de la fen&ecirc;tre est occup&eacute;e par la barre de titres, le menu et
les barres de d&eacute;filement. Cela peut &ecirc;tre g&ecirc;nant lorsque vous souhaitez avoir la plus grande surface
d'&eacute;dition possible.
Web Designer dispose d'un second mode d'affichage, appel&eacute; plein &eacute;cran, et qui pr&eacute;sente un &eacute;cran
nettoy&eacute;.
Vous pouvez configurer les deux modes d'affichages comme vous le souhaitez. Par exemple, chaque
mode peut avoir sa propre barre de contr&ocirc;le. La configuration est sauvegard&eacute;e et affich&eacute; d&egrave;s que vous
changez de mode d'affichage.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer
pour de plus amples informations sur la personnalisation des barres de contr&ocirc;le.
Vous pouvez contr&ocirc;ler le mode d'affichage &eacute;cran normal/plein &eacute;cran sous Fen&ecirc;tre &gt; Plein &eacute;cran (chiffre 8
sur le pav&eacute; num&eacute;rique).
D&eacute;placez le pointeur de la souris sur le bord sup&eacute;rieur de l'&eacute;cran pour afficher la barre de menu dans le
mode plein &eacute;cran.
Page 164
Ouvrir une deuxi&egrave;me fen&ecirc;tre
Vous pouvez ouvrir une deuxi&egrave;me fen&ecirc;tre dans le m&ecirc;me document afin :
 d'agrandir ou r&eacute;tr&eacute;cir l'affichage du document ;
 d'afficher une autre partie du document ;
 d'afficher deux vues de la m&ecirc;me zone, avec une configuration diff&eacute;rente.
Les param&egrave;tres de qualit&eacute; sont d&eacute;crits plus bas.
Pour ouvrir une nouvelle fen&ecirc;tre, allez sur Fen&ecirc;tre &gt; Nouvelle fen&ecirc;tre. Vous pouvez ouvrir plusieurs
fen&ecirc;tres dans le m&ecirc;me document.
S&eacute;lection de la fen&ecirc;tre affich&eacute;e
Une liste des fen&ecirc;tres se trouve dans la partie inf&eacute;rieure du menu de la fen&ecirc;tre. S&eacute;lectionnez l'une des
fen&ecirc;tres pour l'afficher.
Classer plusieurs fen&ecirc;tres
Fen&ecirc;tre -&gt;Organiser les fen&ecirc;tres
vous permet d'organiser plusieurs fen&ecirc;tres. Chaque fen&ecirc;tre dispose de sa propre barre de titres mais pas
de barre de contr&ocirc;le. Cliquez sur une fen&ecirc;tre pour l'activer. Avec la combinaison de touches Ctrl + F6,
vous pouvez passer d'une fen&ecirc;tre &agrave; l'autre.
Organiser les fen&ecirc;tres
permet d'afficher les fen&ecirc;tres ordonn&eacute;es verticalement ou, s'il existe plus de trois fen&ecirc;tres, ordonn&eacute;es
sous forme de mosa&iuml;que.
Minimiser les fen&ecirc;tres multiples
Lorsque vous minimisez une ou plusieurs fen&ecirc;tres, une ic&ocirc;ne appara&icirc;t dans l'arri&egrave;re-plan de la fen&ecirc;tre
principale de Web Designer. Double-cliquez sur l'ic&ocirc;ne pour rouvrir la fen&ecirc;tre.
Page 165
S&eacute;lection de la fen&ecirc;tre affich&eacute;e
Une liste des fen&ecirc;tres se trouve dans la partie inf&eacute;rieure du menu de la fen&ecirc;tre. S&eacute;lectionnez l'une des
fen&ecirc;tres pour l'afficher.
Classer plusieurs fen&ecirc;tres
Fen&ecirc;tre -&gt;Organiser les fen&ecirc;tres
vous permet d'organiser plusieurs fen&ecirc;tres. Chaque fen&ecirc;tre dispose de sa propre barre de titres mais pas
de barre de contr&ocirc;le. Cliquez sur une fen&ecirc;tre pour l'activer. Avec la combinaison de touches Ctrl + F6,
vous pouvez passer d'une fen&ecirc;tre &agrave; l'autre.
Organiser les fen&ecirc;tres
permet d'afficher les fen&ecirc;tres ordonn&eacute;es verticalement ou, s'il existe plus de trois fen&ecirc;tres, ordonn&eacute;es
sous forme de mosa&iuml;que.
Minimiser les fen&ecirc;tres multiples
Lorsque vous minimisez une ou plusieurs fen&ecirc;tres, une ic&ocirc;ne appara&icirc;t dans l'arri&egrave;re-plan de la fen&ecirc;tre
principale de Web Designer. Double-cliquez sur l'ic&ocirc;ne pour rouvrir la fen&ecirc;tre.
Page 166
Classer plusieurs fen&ecirc;tres
Fen&ecirc;tre -&gt;Organiser les fen&ecirc;tres
vous permet d'organiser plusieurs fen&ecirc;tres. Chaque fen&ecirc;tre dispose de sa propre barre de titres mais pas
de barre de contr&ocirc;le. Cliquez sur une fen&ecirc;tre pour l'activer. Avec la combinaison de touches Ctrl + F6,
vous pouvez passer d'une fen&ecirc;tre &agrave; l'autre.
Organiser les fen&ecirc;tres
permet d'afficher les fen&ecirc;tres ordonn&eacute;es verticalement ou, s'il existe plus de trois fen&ecirc;tres, ordonn&eacute;es
sous forme de mosa&iuml;que.
Minimiser les fen&ecirc;tres multiples
Lorsque vous minimisez une ou plusieurs fen&ecirc;tres, une ic&ocirc;ne appara&icirc;t dans l'arri&egrave;re-plan de la fen&ecirc;tre
principale de Web Designer. Double-cliquez sur l'ic&ocirc;ne pour rouvrir la fen&ecirc;tre.
Page 167
Minimiser les fen&ecirc;tres multiples
Lorsque vous minimisez une ou plusieurs fen&ecirc;tres, une ic&ocirc;ne appara&icirc;t dans l'arri&egrave;re-plan de la fen&ecirc;tre
principale de Web Designer. Double-cliquez sur l'ic&ocirc;ne pour rouvrir la fen&ecirc;tre.
Page 168
Modifier la valeur du zoom
Il peut s'av&eacute;rer tr&egrave;s utile d'agrandir votre affichage pour examiner des d&eacute;tails dans votre document ou le
r&eacute;duire pour obtenir une vue g&eacute;n&eacute;rale. Un calibrage sup&eacute;rieur &agrave; 100% agrandit la vue (comparable &agrave; une
loupe) ; lorsqu'il est inf&eacute;rieur &agrave; 100%, la vue est r&eacute;duite. Le seul changement s'effectue dans l'affichage :
la taille du document ainsi que les objets qu'il contient ne sont pas modifi&eacute;s (le proc&eacute;d&eacute; de modification
de la taille du document est d&eacute;crit plus bas). Pour modifier la valeur du zoom, vous pouvez utiliser l'outil
de zoom
, la souris ou encore la barre de contr&ocirc;le.
Il existe des raccourcis pour param&eacute;trer rapidement les valeurs du zoom : les chiffres 1, 2, 3, 4
permettent de zoomer entre 100% et 400%. Le nombre 5 place la valeur &agrave; 50%.
Utiliser l'outil de zoom
Pour zoomer :




S&eacute;lectionnez l'outil de Zoom dans la barre d'outils.
Ou cliquez sur Alt + Z pour alterner entre l'outil actuel et l'outil de Zoom.
Ou maintenez la combinaison Alt + Z appuy&eacute;e pour passer temporairement en mode Zoom (en
l&acirc;chant les touches Alt + Z, vous retournez &agrave; l'outil pr&eacute;c&eacute;dent).
Ou cliquez sur Maj + F7 pour s&eacute;lectionner l'outil de Zoom.
Modifier la valeur du zoom &agrave; l'aide de la souris
&Agrave; l'aide de la molette de la souris :
 D&eacute;placez la molette de la souris tout en maintenant la touche Ctrl enfonc&eacute;e pour modifier le
facteur de zoom.
Vous pouvez &eacute;galement configurer un bouton de la souris comme touche de zoom. En outre, vous
pouvez alterner l'action de la molette entre d&eacute;filement et zoom dans le menu Services &gt; Options &gt; Tab
souris
. Vous obtenez un r&eacute;sultat oppos&eacute; en cliquant sur la touche Ctrl.
Un autre proc&eacute;d&eacute; consiste &agrave; s&eacute;lectionner l'outil de zoom
puis :
 Cliquez pour agrandir la vue (zoomer).
 Cliquez Maj + Clic pour r&eacute;duire la valeur du zoom (agrandir l'aper&ccedil;u du document).
 D&eacute;placez la souris en diagonale pour dessiner un rectangle. Lorsque vous rel&acirc;chez la souris, la
zone &agrave; l'int&eacute;rieur du rectangle sera ajust&eacute;e &agrave; la taille de la fen&ecirc;tre.
Modifier le zoom &agrave; l'aide de la barre de contr&ocirc;le/barre
d'infos.
Pour modifier le zoom :
(Raccourci : Ctrl+R) Cliquez sur Zoom pr&eacute;c&eacute;dent
. Il s'agit de la valeur param&eacute;tr&eacute;e du zoom avant la
configuration actuelle. Ce bouton vous permet &eacute;galement
de d&eacute;placer le zoom &agrave; l'int&eacute;rieur et l'ext&eacute;rieur du
document. Cela est tr&egrave;s utile pour examiner une zone en
d&eacute;tail et passer en mode vue d'ensemble. La valeur du
zoom pr&eacute;c&eacute;dent est conserv&eacute;e pour chaque fen&ecirc;tre. Les
valeurs sont enregistr&eacute;es m&ecirc;me lorsque vous naviguez
Page 169
d'une fen&ecirc;tre &agrave; l'autre.
(Raccourci : Ctrl+Maj+J) Cliquez sur Zoom vers dessin
. La fen&ecirc;tre affiche tous les objets contenus dans le
document.
(Raccourci : Ctrl+Maj+P) Cliquez sur Zoom sur page
. La fen&ecirc;tre affiche la page enti&egrave;re ou la double-page.
(Raccourci : Ctrl+Maj+Z) Cliquez sur Zoom vers
s&eacute;lection
. Le ou les objets s&eacute;lectionn&eacute;s remplissent la fen&ecirc;tre.
Entrez une valeur dans le champ de
texte. Cliquez sur Entr&eacute;e pour
impl&eacute;menter les modifications, ou
s&eacute;lectionnez les valeurs de zoom
pr&eacute;d&eacute;finies y compris celles ci-dessus
(Page, dessin, s&eacute;lectionn&eacute;, pr&eacute;c&eacute;dent)
dans le menu d&eacute;roulant.
Page 170
Utiliser l'outil de zoom
Pour zoomer :




S&eacute;lectionnez l'outil de Zoom dans la barre d'outils.
Ou cliquez sur Alt + Z pour alterner entre l'outil actuel et l'outil de Zoom.
Ou maintenez la combinaison Alt + Z appuy&eacute;e pour passer temporairement en mode Zoom (en
l&acirc;chant les touches Alt + Z, vous retournez &agrave; l'outil pr&eacute;c&eacute;dent).
Ou cliquez sur Maj + F7 pour s&eacute;lectionner l'outil de Zoom.
Modifier la valeur du zoom &agrave; l'aide de la souris
&Agrave; l'aide de la molette de la souris :
 D&eacute;placez la molette de la souris tout en maintenant la touche Ctrl enfonc&eacute;e pour modifier le
facteur de zoom.
Vous pouvez &eacute;galement configurer un bouton de la souris comme touche de zoom. En outre, vous
pouvez alterner l'action de la molette entre d&eacute;filement et zoom dans le menu Services &gt; Options &gt; Tab
souris
. Vous obtenez un r&eacute;sultat oppos&eacute; en cliquant sur la touche Ctrl.
Un autre proc&eacute;d&eacute; consiste &agrave; s&eacute;lectionner l'outil de zoom
puis :
 Cliquez pour agrandir la vue (zoomer).
 Cliquez Maj + Clic pour r&eacute;duire la valeur du zoom (agrandir l'aper&ccedil;u du document).
 D&eacute;placez la souris en diagonale pour dessiner un rectangle. Lorsque vous rel&acirc;chez la souris, la
zone &agrave; l'int&eacute;rieur du rectangle sera ajust&eacute;e &agrave; la taille de la fen&ecirc;tre.
Modifier le zoom &agrave; l'aide de la barre de contr&ocirc;le/barre
d'infos.
Pour modifier le zoom :
(Raccourci : Ctrl+R) Cliquez sur Zoom pr&eacute;c&eacute;dent
. Il s'agit de la valeur param&eacute;tr&eacute;e du zoom avant la
configuration actuelle. Ce bouton vous permet &eacute;galement
de d&eacute;placer le zoom &agrave; l'int&eacute;rieur et l'ext&eacute;rieur du
document. Cela est tr&egrave;s utile pour examiner une zone en
d&eacute;tail et passer en mode vue d'ensemble. La valeur du
zoom pr&eacute;c&eacute;dent est conserv&eacute;e pour chaque fen&ecirc;tre. Les
valeurs sont enregistr&eacute;es m&ecirc;me lorsque vous naviguez
d'une fen&ecirc;tre &agrave; l'autre.
(Raccourci : Ctrl+Maj+J) Cliquez sur Zoom vers dessin
. La fen&ecirc;tre affiche tous les objets contenus dans le
document.
(Raccourci : Ctrl+Maj+P) Cliquez sur Zoom sur page
. La fen&ecirc;tre affiche la page enti&egrave;re ou la double-page.
(Raccourci : Ctrl+Maj+Z) Cliquez sur Zoom vers
s&eacute;lection
. Le ou les objets s&eacute;lectionn&eacute;s remplissent la fen&ecirc;tre.
Entrez une valeur dans le champ de
texte. Cliquez sur Entr&eacute;e pour
Page 171
impl&eacute;menter les modifications, ou
s&eacute;lectionnez les valeurs de zoom
pr&eacute;d&eacute;finies y compris celles ci-dessus
(Page, dessin, s&eacute;lectionn&eacute;, pr&eacute;c&eacute;dent)
dans le menu d&eacute;roulant.
Page 172
Modifier la valeur du zoom &agrave; l'aide de la souris
&Agrave; l'aide de la molette de la souris :
 D&eacute;placez la molette de la souris tout en maintenant la touche Ctrl enfonc&eacute;e pour modifier le
facteur de zoom.
Vous pouvez &eacute;galement configurer un bouton de la souris comme touche de zoom. En outre, vous
pouvez alterner l'action de la molette entre d&eacute;filement et zoom dans le menu Services &gt; Options &gt; Tab
souris
. Vous obtenez un r&eacute;sultat oppos&eacute; en cliquant sur la touche Ctrl.
Un autre proc&eacute;d&eacute; consiste &agrave; s&eacute;lectionner l'outil de zoom
puis :
 Cliquez pour agrandir la vue (zoomer).
 Cliquez Maj + Clic pour r&eacute;duire la valeur du zoom (agrandir l'aper&ccedil;u du document).
 D&eacute;placez la souris en diagonale pour dessiner un rectangle. Lorsque vous rel&acirc;chez la souris, la
zone &agrave; l'int&eacute;rieur du rectangle sera ajust&eacute;e &agrave; la taille de la fen&ecirc;tre.
Modifier le zoom &agrave; l'aide de la barre de contr&ocirc;le/barre
d'infos.
Pour modifier le zoom :
(Raccourci : Ctrl+R) Cliquez sur Zoom pr&eacute;c&eacute;dent
. Il s'agit de la valeur param&eacute;tr&eacute;e du zoom avant la
configuration actuelle. Ce bouton vous permet &eacute;galement
de d&eacute;placer le zoom &agrave; l'int&eacute;rieur et l'ext&eacute;rieur du
document. Cela est tr&egrave;s utile pour examiner une zone en
d&eacute;tail et passer en mode vue d'ensemble. La valeur du
zoom pr&eacute;c&eacute;dent est conserv&eacute;e pour chaque fen&ecirc;tre. Les
valeurs sont enregistr&eacute;es m&ecirc;me lorsque vous naviguez
d'une fen&ecirc;tre &agrave; l'autre.
(Raccourci : Ctrl+Maj+J) Cliquez sur Zoom vers dessin
. La fen&ecirc;tre affiche tous les objets contenus dans le
document.
(Raccourci : Ctrl+Maj+P) Cliquez sur Zoom sur page
. La fen&ecirc;tre affiche la page enti&egrave;re ou la double-page.
(Raccourci : Ctrl+Maj+Z) Cliquez sur Zoom vers
s&eacute;lection
. Le ou les objets s&eacute;lectionn&eacute;s remplissent la fen&ecirc;tre.
Entrez une valeur dans le champ de
texte. Cliquez sur Entr&eacute;e pour
impl&eacute;menter les modifications, ou
s&eacute;lectionnez les valeurs de zoom
pr&eacute;d&eacute;finies y compris celles ci-dessus
(Page, dessin, s&eacute;lectionn&eacute;, pr&eacute;c&eacute;dent)
dans le menu d&eacute;roulant.
Page 173
Modifier le zoom &agrave; l'aide de la barre de contr&ocirc;le/barre
d'infos.
Pour modifier le zoom :
(Raccourci : Ctrl+R) Cliquez sur Zoom pr&eacute;c&eacute;dent
. Il s'agit de la valeur param&eacute;tr&eacute;e du zoom avant la
configuration actuelle. Ce bouton vous permet &eacute;galement
de d&eacute;placer le zoom &agrave; l'int&eacute;rieur et l'ext&eacute;rieur du
document. Cela est tr&egrave;s utile pour examiner une zone en
d&eacute;tail et passer en mode vue d'ensemble. La valeur du
zoom pr&eacute;c&eacute;dent est conserv&eacute;e pour chaque fen&ecirc;tre. Les
valeurs sont enregistr&eacute;es m&ecirc;me lorsque vous naviguez
d'une fen&ecirc;tre &agrave; l'autre.
(Raccourci : Ctrl+Maj+J) Cliquez sur Zoom vers dessin
. La fen&ecirc;tre affiche tous les objets contenus dans le
document.
(Raccourci : Ctrl+Maj+P) Cliquez sur Zoom sur page
. La fen&ecirc;tre affiche la page enti&egrave;re ou la double-page.
(Raccourci : Ctrl+Maj+Z) Cliquez sur Zoom vers
s&eacute;lection
. Le ou les objets s&eacute;lectionn&eacute;s remplissent la fen&ecirc;tre.
Entrez une valeur dans le champ de
texte. Cliquez sur Entr&eacute;e pour
impl&eacute;menter les modifications, ou
s&eacute;lectionnez les valeurs de zoom
pr&eacute;d&eacute;finies y compris celles ci-dessus
(Page, dessin, s&eacute;lectionn&eacute;, pr&eacute;c&eacute;dent)
dans le menu d&eacute;roulant.
Page 174
D&eacute;placer le document &agrave; l'int&eacute;rieur de la
fen&ecirc;tre
La mani&egrave;re la plus rapide de naviguer dans le document est d'utiliser le bouton central de la souris (la
molette en g&eacute;n&eacute;ral), si votre souris en est &eacute;quip&eacute;e. D&eacute;placez la souris tout en maintenant le bouton du
milieu appuy&eacute;. L&acirc;chez le bouton pour revenir &agrave; l'outil pr&eacute;c&eacute;dent.
Pour d&eacute;placer le document dans la fen&ecirc;tre, vous pouvez &eacute;galement
 utiliser les barres de d&eacute;filement et fl&egrave;ches sur les bords de la fen&ecirc;tre.
L'affichage des barres de d&eacute;filement est optionnel. Allez dans Fen&ecirc;tre &gt; Barres &gt; Barres de
d&eacute;filement
pour le d&eacute;sactiver.
 Utilisez la molette de la souris pour faire d&eacute;filer le document vers le haut et le bas (Maj + molette
pour d&eacute;filer vers la gauche et la droite).
Vous pouvez alterner les fonctions de la molette entre d&eacute;filement et zoom dans Services &gt; Options &gt;
Tab souris
. Vous obtenez l'action contraire en cliquant la touche Ctrl.
 Ou s&eacute;lectionnez l'outil de d&eacute;placement depuis la
barre d'outils (raccourci H).
 Ou cliquez sur espace ou Alt+X pour alterner entre l'outil actuel et l'outil de d&eacute;placement.
 Ou cliquez et maintenez les touches Alt+X appuy&eacute;es pour alterner temporairement sur l'outil de
d&eacute;placement (l&acirc;chez les touches pour retourner &agrave; l'outil pr&eacute;c&eacute;dent). Vous pouvez ensuite utiliser
la souris pour d&eacute;placer le document &agrave; l'int&eacute;rieur de la fen&ecirc;tre.
La barre d'infos de l'outil de d&eacute;placement est la m&ecirc;me que la barre d'infos de l'outil de Zoom
(d&eacute;crit plus haut).
Page 175
Modifier la taille de la page
Lorsque vous ouvrez un nouveau document Web Designer, la taille de la page est d&eacute;finie sur 760 x
700 pixels (page Web SVA). Vous pouvez cependant modifier la taille de la page si cela est n&eacute;cessaire,
par exemple pour supporter d'autres r&eacute;solutions d'&eacute;crans comme le VGA.
1. Allez dans le menu Services -&gt; Options.
2. Si n&eacute;cessaire, cliquez sur l'onglet Taille de la page.
3. S&eacute;lectionnez la taille de page requise.
Si vous s&eacute;lectionnez Personnaliser dans l'outil de s&eacute;lection, vous pouvez d&eacute;finir une largeur et une
longueur de page personnalis&eacute;es dans les champs situ&eacute;s en dessous.
Toutes les pages du document (site Internet export&eacute;) peuvent avoir une taille diff&eacute;rente. Avec l'option
Taille identique pour toutes les pages du site Internet
, vous d&eacute;finirez une taille identique pour toutes les pages du document.
Vous pouvez redimensionner la longueur des pages en tirant sur les
bords inf&eacute;rieurs de la page avec l'outil S&eacute;lection.
Page 176
Pages multiples dans le document
Un document Xtreme Web Designer 5 peut contenir plusieurs pages. Chaque page est export&eacute;e dans
une page HTML distincte et chaque document de &lt;product&gt; correspond &agrave; un site Internet.
La page actuelle
Si vous cliquez sur une page d'un document multi-page, celle-ci deviendra la page actuelle.
La page actuelle est importante lorsqu'il s'agit d'ins&eacute;rer, de dupliquer
ou de d&eacute;placer des pages comme d&eacute;crit dans les sections suivantes.
Vous reconnaissez la page actuelle dans un document gr&acirc;ce aux
indicateurs qui apparaissent aux coins de la page.
Ins&eacute;rer des pages dans un document
Ce bouton vous permet d'ins&eacute;rer une copie de la Ce
page actuelle.
bou
ton
vou
s
per
met
d'in
s&eacute;re
r
une
copi
e de
la
pag
e
actu
elle.
La nouvelle page
sera la m&ecirc;me que
l'originale, c'est &agrave;
dire qu'elle aura la
m&ecirc;me taille et la
m&ecirc;me orientation.
Les contenus sont
&eacute;galement identiques
&agrave; ceux de la page
originale de fa&ccedil;on &agrave;
ce que vous puissiez
les utiliser comme
mod&egrave;le pour le
nouveau contenu.
Vous pouvez
Page 177
&eacute;galement utiliser
dans le menu &Eacute;diter
-&gt; Pages &gt;
Dupliquer la page
actuelle
Pour ins&eacute;rer une nouvelle page vierge apr&egrave;s la page actuelle, s&eacute;lectionnez &Eacute;diter -&gt; Pages -&gt; Nouvelle
page
.
D&eacute;placer des pages &agrave; l'int&eacute;rieur d'un document
Si vous souhaitez changer l'ordre des pages dans le document, voici comment proc&eacute;der.
Pour d&eacute;placer la page actuelle :
 S&eacute;lectionnez &Eacute;diter -&gt; Pages -&gt; D&eacute;placer la page vers le haut pour intervertir la page
actuelle avec la pr&eacute;c&eacute;dente.
 S&eacute;lectionnez &Eacute;diter -&gt; Pages -&gt; D&eacute;placer la page vers le bas pour intervertir la page actuelle
avec la suivante.
Ces options de menu seront gris&eacute;es si vous vous trouvez, respectivement, sur la premi&egrave;re ou la derni&egrave;re
page du document.
Supprimer des pages de votre document
Pour supprimer la page actuelle de votre document, s&eacute;lectionnez &Eacute;diter -&gt; Pages &gt; Supprimer la
page actuelle
. La page actuelle et son contenu seront effac&eacute;s.
Naviguer entre les pages
Outre les m&eacute;thodes habituelles de navigation (avec la barre de d&eacute;filement et molette de la souris), il
existe d'autres moyens de naviguer dans les pages :
Page pr&eacute;c&eacute;dente :
D&eacute;place le document vers le haut. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Pr&eacute;c. :
Aller &agrave; la page pr&eacute;c&eacute;dente et centrer dessus.
Page suivante :
D&eacute;place le document vers le bas. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Suiv. :
Aller &agrave; la page suivante et centrer dessus
Ou bien cliquez sur les fl&egrave;ches sur la barre
d'&eacute;tat :
La barre d'&eacute;tat est &eacute;galement tr&egrave;s pratique pour savoir quelle(s) page(s) vous &ecirc;tes en train de visionner.
Remarque :
tous ces d&eacute;placements sont relatifs &agrave; la page que vous voyez et non pas &agrave; la page actuelle.
Page 178
La page actuelle
Si vous cliquez sur une page d'un document multi-page, celle-ci deviendra la page actuelle.
La page actuelle est importante lorsqu'il s'agit d'ins&eacute;rer, de dupliquer
ou de d&eacute;placer des pages comme d&eacute;crit dans les sections suivantes.
Vous reconnaissez la page actuelle dans un document gr&acirc;ce aux
indicateurs qui apparaissent aux coins de la page.
Ins&eacute;rer des pages dans un document
Ce bouton vous permet d'ins&eacute;rer une copie de la Ce
page actuelle.
bou
ton
vou
s
per
met
d'in
s&eacute;re
r
une
copi
e de
la
pag
e
actu
elle.
La nouvelle page
sera la m&ecirc;me que
l'originale, c'est &agrave;
dire qu'elle aura la
m&ecirc;me taille et la
m&ecirc;me orientation.
Les contenus sont
&eacute;galement identiques
&agrave; ceux de la page
originale de fa&ccedil;on &agrave;
ce que vous puissiez
les utiliser comme
mod&egrave;le pour le
nouveau contenu.
Vous pouvez
&eacute;galement utiliser
dans le menu &Eacute;diter
-&gt; Pages &gt;
Dupliquer la page
actuelle
Page 179
Pour ins&eacute;rer une nouvelle page vierge apr&egrave;s la page actuelle, s&eacute;lectionnez &Eacute;diter -&gt; Pages -&gt; Nouvelle
page
.
D&eacute;placer des pages &agrave; l'int&eacute;rieur d'un document
Si vous souhaitez changer l'ordre des pages dans le document, voici comment proc&eacute;der.
Pour d&eacute;placer la page actuelle :
 S&eacute;lectionnez &Eacute;diter -&gt; Pages -&gt; D&eacute;placer la page vers le haut pour intervertir la page
actuelle avec la pr&eacute;c&eacute;dente.
 S&eacute;lectionnez &Eacute;diter -&gt; Pages -&gt; D&eacute;placer la page vers le bas pour intervertir la page actuelle
avec la suivante.
Ces options de menu seront gris&eacute;es si vous vous trouvez, respectivement, sur la premi&egrave;re ou la derni&egrave;re
page du document.
Supprimer des pages de votre document
Pour supprimer la page actuelle de votre document, s&eacute;lectionnez &Eacute;diter -&gt; Pages &gt; Supprimer la
page actuelle
. La page actuelle et son contenu seront effac&eacute;s.
Naviguer entre les pages
Outre les m&eacute;thodes habituelles de navigation (avec la barre de d&eacute;filement et molette de la souris), il
existe d'autres moyens de naviguer dans les pages :
Page pr&eacute;c&eacute;dente :
D&eacute;place le document vers le haut. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Pr&eacute;c. :
Aller &agrave; la page pr&eacute;c&eacute;dente et centrer dessus.
Page suivante :
D&eacute;place le document vers le bas. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Suiv. :
Aller &agrave; la page suivante et centrer dessus
Ou bien cliquez sur les fl&egrave;ches sur la barre
d'&eacute;tat :
La barre d'&eacute;tat est &eacute;galement tr&egrave;s pratique pour savoir quelle(s) page(s) vous &ecirc;tes en train de visionner.
Remarque :
tous ces d&eacute;placements sont relatifs &agrave; la page que vous voyez et non pas &agrave; la page actuelle.
Page 180
Ins&eacute;rer des pages dans un document
Ce bouton vous permet d'ins&eacute;rer une copie de la Ce
page actuelle.
bou
ton
vou
s
per
met
d'in
s&eacute;re
r
une
copi
e de
la
pag
e
actu
elle.
La nouvelle page
sera la m&ecirc;me que
l'originale, c'est &agrave;
dire qu'elle aura la
m&ecirc;me taille et la
m&ecirc;me orientation.
Les contenus sont
&eacute;galement identiques
&agrave; ceux de la page
originale de fa&ccedil;on &agrave;
ce que vous puissiez
les utiliser comme
mod&egrave;le pour le
nouveau contenu.
Vous pouvez
&eacute;galement utiliser
dans le menu &Eacute;diter
-&gt; Pages &gt;
Dupliquer la page
actuelle
Pour ins&eacute;rer une nouvelle page vierge apr&egrave;s la page actuelle, s&eacute;lectionnez &Eacute;diter -&gt; Pages -&gt; Nouvelle
page
.
D&eacute;placer des pages &agrave; l'int&eacute;rieur d'un document
Si vous souhaitez changer l'ordre des pages dans le document, voici comment proc&eacute;der.
Pour d&eacute;placer la page actuelle :
Page 181
S&eacute;lectionnez &Eacute;diter -&gt; Pages -&gt; D&eacute;placer la page vers le haut pour intervertir la page
actuelle avec la pr&eacute;c&eacute;dente.
 S&eacute;lectionnez &Eacute;diter -&gt; Pages -&gt; D&eacute;placer la page vers le bas pour intervertir la page actuelle
avec la suivante.
Ces options de menu seront gris&eacute;es si vous vous trouvez, respectivement, sur la premi&egrave;re ou la derni&egrave;re
page du document.

Supprimer des pages de votre document
Pour supprimer la page actuelle de votre document, s&eacute;lectionnez &Eacute;diter -&gt; Pages &gt; Supprimer la
page actuelle
. La page actuelle et son contenu seront effac&eacute;s.
Naviguer entre les pages
Outre les m&eacute;thodes habituelles de navigation (avec la barre de d&eacute;filement et molette de la souris), il
existe d'autres moyens de naviguer dans les pages :
Page pr&eacute;c&eacute;dente :
D&eacute;place le document vers le haut. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Pr&eacute;c. :
Aller &agrave; la page pr&eacute;c&eacute;dente et centrer dessus.
Page suivante :
D&eacute;place le document vers le bas. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Suiv. :
Aller &agrave; la page suivante et centrer dessus
Ou bien cliquez sur les fl&egrave;ches sur la barre
d'&eacute;tat :
La barre d'&eacute;tat est &eacute;galement tr&egrave;s pratique pour savoir quelle(s) page(s) vous &ecirc;tes en train de visionner.
Remarque :
tous ces d&eacute;placements sont relatifs &agrave; la page que vous voyez et non pas &agrave; la page actuelle.
Page 182
D&eacute;placer des pages &agrave; l'int&eacute;rieur d'un document
Si vous souhaitez changer l'ordre des pages dans le document, voici comment proc&eacute;der.
Pour d&eacute;placer la page actuelle :
 S&eacute;lectionnez &Eacute;diter -&gt; Pages -&gt; D&eacute;placer la page vers le haut pour intervertir la page
actuelle avec la pr&eacute;c&eacute;dente.
 S&eacute;lectionnez &Eacute;diter -&gt; Pages -&gt; D&eacute;placer la page vers le bas pour intervertir la page actuelle
avec la suivante.
Ces options de menu seront gris&eacute;es si vous vous trouvez, respectivement, sur la premi&egrave;re ou la derni&egrave;re
page du document.
Supprimer des pages de votre document
Pour supprimer la page actuelle de votre document, s&eacute;lectionnez &Eacute;diter -&gt; Pages &gt; Supprimer la
page actuelle
. La page actuelle et son contenu seront effac&eacute;s.
Naviguer entre les pages
Outre les m&eacute;thodes habituelles de navigation (avec la barre de d&eacute;filement et molette de la souris), il
existe d'autres moyens de naviguer dans les pages :
Page pr&eacute;c&eacute;dente :
D&eacute;place le document vers le haut. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Pr&eacute;c. :
Aller &agrave; la page pr&eacute;c&eacute;dente et centrer dessus.
Page suivante :
D&eacute;place le document vers le bas. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Suiv. :
Aller &agrave; la page suivante et centrer dessus
Ou bien cliquez sur les fl&egrave;ches sur la barre
d'&eacute;tat :
La barre d'&eacute;tat est &eacute;galement tr&egrave;s pratique pour savoir quelle(s) page(s) vous &ecirc;tes en train de visionner.
Remarque :
tous ces d&eacute;placements sont relatifs &agrave; la page que vous voyez et non pas &agrave; la page actuelle.
Page 183
Supprimer des pages de votre document
Pour supprimer la page actuelle de votre document, s&eacute;lectionnez &Eacute;diter -&gt; Pages &gt; Supprimer la
page actuelle
. La page actuelle et son contenu seront effac&eacute;s.
Naviguer entre les pages
Outre les m&eacute;thodes habituelles de navigation (avec la barre de d&eacute;filement et molette de la souris), il
existe d'autres moyens de naviguer dans les pages :
Page pr&eacute;c&eacute;dente :
D&eacute;place le document vers le haut. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Pr&eacute;c. :
Aller &agrave; la page pr&eacute;c&eacute;dente et centrer dessus.
Page suivante :
D&eacute;place le document vers le bas. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Suiv. :
Aller &agrave; la page suivante et centrer dessus
Ou bien cliquez sur les fl&egrave;ches sur la barre
d'&eacute;tat :
La barre d'&eacute;tat est &eacute;galement tr&egrave;s pratique pour savoir quelle(s) page(s) vous &ecirc;tes en train de visionner.
Remarque :
tous ces d&eacute;placements sont relatifs &agrave; la page que vous voyez et non pas &agrave; la page actuelle.
Page 184
Naviguer entre les pages
Outre les m&eacute;thodes habituelles de navigation (avec la barre de d&eacute;filement et molette de la souris), il
existe d'autres moyens de naviguer dans les pages :
Page pr&eacute;c&eacute;dente :
D&eacute;place le document vers le haut. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Pr&eacute;c. :
Aller &agrave; la page pr&eacute;c&eacute;dente et centrer dessus.
Page suivante :
D&eacute;place le document vers le bas. L'&eacute;tendue de la zone d&eacute;plac&eacute;e d&eacute;pend du niveau de zoom. Plus le
zoom est important, plus le d&eacute;placement est grand.
Ctrl+Pg. Suiv. :
Aller &agrave; la page suivante et centrer dessus
Ou bien cliquez sur les fl&egrave;ches sur la barre
d'&eacute;tat :
La barre d'&eacute;tat est &eacute;galement tr&egrave;s pratique pour savoir quelle(s) page(s) vous &ecirc;tes en train de visionner.
Remarque :
tous ces d&eacute;placements sont relatifs &agrave; la page que vous voyez et non pas &agrave; la page actuelle.
Page 185
Sauvegarde du document
Cette section traite de la sauvegarde dans le format interne de Web Designer. Consultez le chapitre pour
de plus amples informations
sur la sauvegarde dans d'autres formats.
Nous vous recommandons de r&eacute;aliser r&eacute;guli&egrave;rement une sauvegarde de votre document. Un document
complexe peut repr&eacute;senter des heures de travail qui peuvent &ecirc;tre r&eacute;duites &agrave; n&eacute;ant en raison d'une
coupure de courant par exemple. Il est donc recommand&eacute; d'enregistrer les modifications r&eacute;guli&egrave;rement
dans votre document.
Sauvegarde (dans le menu fichier)
(Raccourci : Ctrl + S ou cliquez sur le bouton de sauvegarde
dans la barre de contr&ocirc;le Standard
).
&Agrave; l'aide de cette fonction, vous pouvez sauvegarder rapidement un document sous le m&ecirc;me nom. Cette
option est masqu&eacute;e tant que le document ne contient pas de modifications non enregistr&eacute;es. (C'est-&agrave;-dire
lorsque vous avez op&eacute;r&eacute; des modifications mais que vous ne les avez pas sauvegard&eacute;.)
Pour un nouveau document qui n'a encore jamais &eacute;t&eacute; sauvegard&eacute;, cette option fonctionne comme
Enregistrer sous...
.
Enregistrer sous (dans le menu fichier)
Cette option ouvre une bo&icirc;te de dialogue permettant de sauvegarder le document sous un nom diff&eacute;rent
ou dans un r&eacute;pertoire diff&eacute;rent. Cette option est utile pour r&eacute;aliser des sauvegardes de documents Web
Designer.
Enregistrer tout (dans le menu fichier)
Cette commande permet de sauvegarder tous les fichiers ouverts actuellement, sans avoir recours &agrave; &laquo;
Enregistrer sous &raquo; ou &laquo; Sauvegarder
&raquo;.
Page 186
Sauvegarde (dans le menu fichier)
(Raccourci : Ctrl + S ou cliquez sur le bouton de sauvegarde
dans la barre de contr&ocirc;le Standard
).
&Agrave; l'aide de cette fonction, vous pouvez sauvegarder rapidement un document sous le m&ecirc;me nom. Cette
option est masqu&eacute;e tant que le document ne contient pas de modifications non enregistr&eacute;es. (C'est-&agrave;-dire
lorsque vous avez op&eacute;r&eacute; des modifications mais que vous ne les avez pas sauvegard&eacute;.)
Pour un nouveau document qui n'a encore jamais &eacute;t&eacute; sauvegard&eacute;, cette option fonctionne comme
Enregistrer sous...
.
Enregistrer sous (dans le menu fichier)
Cette option ouvre une bo&icirc;te de dialogue permettant de sauvegarder le document sous un nom diff&eacute;rent
ou dans un r&eacute;pertoire diff&eacute;rent. Cette option est utile pour r&eacute;aliser des sauvegardes de documents Web
Designer.
Enregistrer tout (dans le menu fichier)
Cette commande permet de sauvegarder tous les fichiers ouverts actuellement, sans avoir recours &agrave; &laquo;
Enregistrer sous &raquo; ou &laquo; Sauvegarder
&raquo;.
Page 187
Enregistrer sous (dans le menu fichier)
Cette option ouvre une bo&icirc;te de dialogue permettant de sauvegarder le document sous un nom diff&eacute;rent
ou dans un r&eacute;pertoire diff&eacute;rent. Cette option est utile pour r&eacute;aliser des sauvegardes de documents Web
Designer.
Enregistrer tout (dans le menu fichier)
Cette commande permet de sauvegarder tous les fichiers ouverts actuellement, sans avoir recours &agrave; &laquo;
Enregistrer sous &raquo; ou &laquo; Sauvegarder
&raquo;.
Page 188
Enregistrer tout (dans le menu fichier)
Cette commande permet de sauvegarder tous les fichiers ouverts actuellement, sans avoir recours &agrave; &laquo;
Enregistrer sous &raquo; ou &laquo; Sauvegarder
&raquo;.
Page 189
Dossiers d'aide
Certains documents utilis&eacute;s pour cr&eacute;er des sites Internet ont besoin d'&ecirc;tre reli&eacute;s &agrave; des fichiers externes
qui ne peuvent pas &ecirc;tre incrust&eacute;s dans le fichier .web. Par exemple, vous pouvez avoir un fichier Flash
utilis&eacute; sur votre site Internet et vous voudrez garder ce fichier avec votre page parce que vous ne pouvez
pas l'exporter comme un site enti&egrave;rement op&eacute;rationnel sans ce fichier Flash. Et si vous devez envoyer le
mod&egrave;le de votre page &agrave; quelqu'un d'autre ou le d&eacute;placer sur un autre ordinateur, vous souhaitez que le
fichier Flash suive le fichier principal.
Dans ce cas, Xtreme Web Designer 5 utilise un &laquo; fichier d'aide &raquo; facultatif en parall&egrave;le du fichier mod&egrave;le
pour conserver ces fichiers externes.
Nommer le fichier d'aide
Le fichier de mod&egrave;le et son fichier d'aide sont reli&eacute;s par leur nom. Le fichier d'aide pour
&laquo; monSite.web &raquo; est toujours &laquo; monSite_web_files &raquo;. Cette convention permet de voir clairement quel
fichier d'aide appartient &agrave; quel fichier de mod&egrave;le. Donc si vous renommez, copiez ou d&eacute;placez un fichier
de mod&egrave;le, faites-le &eacute;galement pour le fichier d'aide s'il y en a un. Si vous envoyez un fichier de mod&egrave;le &agrave;
quelqu'un, envoyez-lui &eacute;galement le fichier d'aide.
Si vous t&eacute;l&eacute;chargez un mod&egrave;le de conception accompagn&eacute; d'un fichier d'aide et que vous faites
&laquo; Enregistrer sous &raquo; pour sauvegarder une copie de ce mod&egrave;le, Xtreme Web Designer 5 copiera
l'int&eacute;gralit&eacute; du fichier d'aide s'il y en a un.
Contenus des fichiers d'aide
Lorsque vous utilisez l'onglet Emplacement de la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web pour ins&eacute;rer une
r&eacute;f&eacute;rence &agrave; un fichier externe dans le mod&egrave;le de votre site Internet (en utilisant les boutons de navigation),
Xtreme Web Designer 5 copie automatiquement ce fichier dans le fichier d'aide du mod&egrave;le pour vous.
S'il n'y a pas encore de fichier d'aide, le logiciel le cr&eacute;&eacute;.
Notez que si vous changez un objet d'emplacement pour qu'il r&eacute;f&egrave;re &agrave; un fichier diff&eacute;rent, le fichier
original ne sera pas automatiquement supprim&eacute; du fichier d'aide. Par cons&eacute;quent, si vous n'avez plus
besoin d'un fichier, il vous faudra le supprimer manuellement.
Vous pouvez &eacute;galement copier manuellement les fichiers de votre choix dans le fichier d'aide d'un
mod&egrave;le, en cr&eacute;ant le fichier manuellement si n&eacute;cessaire. Xtreme Web Designer 5 ne supprimera aucun
&eacute;l&eacute;ment de ce fichier, qu'il soit ou non reli&eacute; au mod&egrave;le correspondant. Cela s'explique par le fait qu'il
existe plusieurs mani&egrave;res diff&eacute;rentes pour qu'un mod&egrave;le face r&eacute;f&eacute;rence &agrave; un fichier externe. Par exemple,
vous pouvez ins&eacute;rer un &eacute;l&eacute;ment de code HTML dans votre mod&egrave;le qui face r&eacute;f&eacute;rence &agrave; un fichier externe
que vous avez plac&eacute; dans votre fichier d'aide. Il est aussi possible qu'un fichier externe face r&eacute;f&eacute;rence &agrave;
un autre fichier externe ! Xtreme Web Designer 5 ne peut en aucun cas &ecirc;tre s&ucirc;r qu'un fichier n'est pas
utilis&eacute; par le site Internet, c'est pourquoi il ne supprime jamais les fichiers.
Exporter des sites Internet avec les fichiers d'aide
Lorsque vous exportez un document de site Internet, tous les fichiers du fichier d'aide correspondant
sont copi&eacute;s dans le r&eacute;pertoire qui contient toutes les images g&eacute;n&eacute;r&eacute;es pour votre site. Ainsi, si vous
exportez &laquo; monSite.web &raquo; dans &laquo; index.htm &raquo;, tous les fichiers du r&eacute;pertoire &laquo; monSite_web_files &raquo; sont
copi&eacute;s dans le r&eacute;pertoire &laquo; index_htm_files &raquo;.
Page 190
Nommer le fichier d'aide
Le fichier de mod&egrave;le et son fichier d'aide sont reli&eacute;s par leur nom. Le fichier d'aide pour
&laquo; monSite.web &raquo; est toujours &laquo; monSite_web_files &raquo;. Cette convention permet de voir clairement quel
fichier d'aide appartient &agrave; quel fichier de mod&egrave;le. Donc si vous renommez, copiez ou d&eacute;placez un fichier
de mod&egrave;le, faites-le &eacute;galement pour le fichier d'aide s'il y en a un. Si vous envoyez un fichier de mod&egrave;le &agrave;
quelqu'un, envoyez-lui &eacute;galement le fichier d'aide.
Si vous t&eacute;l&eacute;chargez un mod&egrave;le de conception accompagn&eacute; d'un fichier d'aide et que vous faites
&laquo; Enregistrer sous &raquo; pour sauvegarder une copie de ce mod&egrave;le, Xtreme Web Designer 5 copiera
l'int&eacute;gralit&eacute; du fichier d'aide s'il y en a un.
Contenus des fichiers d'aide
Lorsque vous utilisez l'onglet Emplacement de la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web pour ins&eacute;rer une
r&eacute;f&eacute;rence &agrave; un fichier externe dans le mod&egrave;le de votre site Internet (en utilisant les boutons de navigation),
Xtreme Web Designer 5 copie automatiquement ce fichier dans le fichier d'aide du mod&egrave;le pour vous.
S'il n'y a pas encore de fichier d'aide, le logiciel le cr&eacute;&eacute;.
Notez que si vous changez un objet d'emplacement pour qu'il r&eacute;f&egrave;re &agrave; un fichier diff&eacute;rent, le fichier
original ne sera pas automatiquement supprim&eacute; du fichier d'aide. Par cons&eacute;quent, si vous n'avez plus
besoin d'un fichier, il vous faudra le supprimer manuellement.
Vous pouvez &eacute;galement copier manuellement les fichiers de votre choix dans le fichier d'aide d'un
mod&egrave;le, en cr&eacute;ant le fichier manuellement si n&eacute;cessaire. Xtreme Web Designer 5 ne supprimera aucun
&eacute;l&eacute;ment de ce fichier, qu'il soit ou non reli&eacute; au mod&egrave;le correspondant. Cela s'explique par le fait qu'il
existe plusieurs mani&egrave;res diff&eacute;rentes pour qu'un mod&egrave;le face r&eacute;f&eacute;rence &agrave; un fichier externe. Par exemple,
vous pouvez ins&eacute;rer un &eacute;l&eacute;ment de code HTML dans votre mod&egrave;le qui face r&eacute;f&eacute;rence &agrave; un fichier externe
que vous avez plac&eacute; dans votre fichier d'aide. Il est aussi possible qu'un fichier externe face r&eacute;f&eacute;rence &agrave;
un autre fichier externe ! Xtreme Web Designer 5 ne peut en aucun cas &ecirc;tre s&ucirc;r qu'un fichier n'est pas
utilis&eacute; par le site Internet, c'est pourquoi il ne supprime jamais les fichiers.
Exporter des sites Internet avec les fichiers d'aide
Lorsque vous exportez un document de site Internet, tous les fichiers du fichier d'aide correspondant
sont copi&eacute;s dans le r&eacute;pertoire qui contient toutes les images g&eacute;n&eacute;r&eacute;es pour votre site. Ainsi, si vous
exportez &laquo; monSite.web &raquo; dans &laquo; index.htm &raquo;, tous les fichiers du r&eacute;pertoire &laquo; monSite_web_files &raquo; sont
copi&eacute;s dans le r&eacute;pertoire &laquo; index_htm_files &raquo;.
Page 191
Contenus des fichiers d'aide
Lorsque vous utilisez l'onglet Emplacement de la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web pour ins&eacute;rer une
r&eacute;f&eacute;rence &agrave; un fichier externe dans le mod&egrave;le de votre site Internet (en utilisant les boutons de navigation),
Xtreme Web Designer 5 copie automatiquement ce fichier dans le fichier d'aide du mod&egrave;le pour vous.
S'il n'y a pas encore de fichier d'aide, le logiciel le cr&eacute;&eacute;.
Notez que si vous changez un objet d'emplacement pour qu'il r&eacute;f&egrave;re &agrave; un fichier diff&eacute;rent, le fichier
original ne sera pas automatiquement supprim&eacute; du fichier d'aide. Par cons&eacute;quent, si vous n'avez plus
besoin d'un fichier, il vous faudra le supprimer manuellement.
Vous pouvez &eacute;galement copier manuellement les fichiers de votre choix dans le fichier d'aide d'un
mod&egrave;le, en cr&eacute;ant le fichier manuellement si n&eacute;cessaire. Xtreme Web Designer 5 ne supprimera aucun
&eacute;l&eacute;ment de ce fichier, qu'il soit ou non reli&eacute; au mod&egrave;le correspondant. Cela s'explique par le fait qu'il
existe plusieurs mani&egrave;res diff&eacute;rentes pour qu'un mod&egrave;le face r&eacute;f&eacute;rence &agrave; un fichier externe. Par exemple,
vous pouvez ins&eacute;rer un &eacute;l&eacute;ment de code HTML dans votre mod&egrave;le qui face r&eacute;f&eacute;rence &agrave; un fichier externe
que vous avez plac&eacute; dans votre fichier d'aide. Il est aussi possible qu'un fichier externe face r&eacute;f&eacute;rence &agrave;
un autre fichier externe ! Xtreme Web Designer 5 ne peut en aucun cas &ecirc;tre s&ucirc;r qu'un fichier n'est pas
utilis&eacute; par le site Internet, c'est pourquoi il ne supprime jamais les fichiers.
Exporter des sites Internet avec les fichiers d'aide
Lorsque vous exportez un document de site Internet, tous les fichiers du fichier d'aide correspondant
sont copi&eacute;s dans le r&eacute;pertoire qui contient toutes les images g&eacute;n&eacute;r&eacute;es pour votre site. Ainsi, si vous
exportez &laquo; monSite.web &raquo; dans &laquo; index.htm &raquo;, tous les fichiers du r&eacute;pertoire &laquo; monSite_web_files &raquo; sont
copi&eacute;s dans le r&eacute;pertoire &laquo; index_htm_files &raquo;.
Page 192
Exporter des sites Internet avec les fichiers d'aide
Lorsque vous exportez un document de site Internet, tous les fichiers du fichier d'aide correspondant
sont copi&eacute;s dans le r&eacute;pertoire qui contient toutes les images g&eacute;n&eacute;r&eacute;es pour votre site. Ainsi, si vous
exportez &laquo; monSite.web &raquo; dans &laquo; index.htm &raquo;, tous les fichiers du r&eacute;pertoire &laquo; monSite_web_files &raquo; sont
copi&eacute;s dans le r&eacute;pertoire &laquo; index_htm_files &raquo;.
Page 193
Fermer le document
Pour fermer le document :
 S&eacute;lectionner Fichier &gt; Fermer
 Ou cliquez sur Ctrl+F4 ou Ctrl+W.
 Ou cliquez sur le petit x du bas se trouvant dans le coin sup&eacute;rieur droit de la fen&ecirc;tre.
Remarque :
sur la plupart des ordinateurs, le x du bas, celui permettant de fermer le document, est plus petit que
celui permettant de fermer le programme.
Page 194
Grille
Afin de vous aider &agrave; effectuer la mise en page de votre document, Web Designer peut afficher une grille
d'aide &agrave; l'&eacute;cran. (La grille appara&icirc;t uniquement sur l'&eacute;cran et jamais &agrave; l'impression.) La grille peut vous
aider &agrave; aligner des objets (comme sur du papier &agrave; dessin).
Fen&ecirc;tre &gt; Afficher grille
(raccourci clavier : #) permet d'afficher ou masquer la grille.
Vous pouvez &eacute;galement choisir Fen&ecirc;tre &gt; Aligner &agrave; la grille
. Les intersections de la grille fonctionnent alors comme des aimants et les objets d&eacute;plac&eacute;s sont
automatiquement align&eacute; sur l'intersection la plus proche.
Consultez le chapitre Manipulation des objets
pour de plus amples informations sur l'alignement.
Le type de grille (isom&eacute;trique/rectangulaire), le point 0,0 (l'origine) et l'espacement des points de la grille
est contr&ocirc;l&eacute; par l'onglet Grille et R&egrave;gles
de la bo&icirc;te de dialogue des options. Les modifications seront appliqu&eacute;es uniquement au document
s&eacute;lectionn&eacute;.
Vous pouvez d&eacute;placer la grille relativement &agrave; la page en d&eacute;pla&ccedil;ant le point 0,0 de la r&egrave;gle (d&eacute;crit plus
bas).
Page 195
R&egrave;gles
Les r&egrave;gles sont masqu&eacute;es en mode standard. Pour les afficher :
 Cliquez sur Ctrl+Maj+R.
 Ou s&eacute;lectionnez Fen&ecirc;tre &gt; Barres &gt; R&egrave;gles.
Web Designer utilise les r&egrave;gles pour :
 contr&ocirc;ler les marges, tabulateur et retraits dans l'outil Texte ;
 indiquer quelle partie de la page vous regardez actuellement ;
 indiquer la position X-Y actuelle du pointeur ;
 utiliser des lignes d'aide. Si l'option &laquo; Aligner &agrave; la grille &raquo; est activ&eacute;e, les lignes d'aide seront
align&eacute;es automatiquement au cadre. (Pour de plus amples informations sur les lignes d'aide,
consultez la section des instructions et lignes d'aide dans le chapitre Manipulation des objets.)
Lorsque vous cr&eacute;ez ou calibrez des objets, vous pouvez v&eacute;rifier leur taille &agrave; l'aide des r&egrave;gles. Vous avez
en outre la possibilit&eacute; d'utiliser l'outil de s&eacute;lection
pour un r&eacute;sultat plus pr&eacute;cis. Voir s&eacute;lection d'objets pour de plus amples informations.
Les r&egrave;gles sont affich&eacute;s sur le bord sup&eacute;rieur gauche de la fen&ecirc;tre. Une ligne en pointill&eacute;s sur chaque r&egrave;gle
suit la position actuelle du pointeur.
Les unit&eacute;s et le nombre d'intersections sur les r&egrave;gles sont les m&ecirc;mes que ceux configur&eacute;s sur la grille.
Vous pouvez les d&eacute;finir en utilisant les onglets grille et r&egrave;gles
de la bo&icirc;te de dialogue des options (d&eacute;crit plus bas). Les unit&eacute;s actuelles et les facteurs de calibrage sont
affich&eacute;s &agrave; la droite de la premi&egrave;re r&egrave;gle.
Afficher/masquer les r&eacute;glettes
S&eacute;lectionnez Fen&ecirc;tre &gt; Barres &gt; R&egrave;gles
(raccourci clavier : Ctrl + L) pour activer et d&eacute;sactiver les r&egrave;gles. Toutes les modifications seront
appliqu&eacute;es &agrave; la fen&ecirc;tre actuelle et toutes les fen&ecirc;tres ouvertes ult&eacute;rieurement. Les fen&ecirc;tres d&eacute;j&agrave; ouvertes
ne sont pas concern&eacute;es.
Modifier le point d'origine des r&eacute;glettes
Il est souvent plus simple de mesurer un objet si vous alignez le point d'origine des r&eacute;glettes sur ce
dernier. Pour d&eacute;placer ce point, tirez la case jusqu'&agrave; l'intersection des deux r&eacute;glettes.
Vous pouvez tirer les r&eacute;glettes verticalement ou horizontalement le long de la fen&ecirc;tre d'&eacute;dition de Web
Designer. La nouvelle position sera indiqu&eacute;e par une ligne en pointill&eacute;s.
Cette op&eacute;ration d&eacute;place &eacute;galement le point d'origine de la grille de mani&egrave;re &agrave; ce que les r&eacute;glettes soient
toujours align&eacute;es sur la grille.
Vous pouvez &eacute;galement d&eacute;placer le point d'origine depuis le dessous de l'onglet grille et r&eacute;glettes
de la bo&icirc;te de dialogue des options.
Page 196
Afficher/masquer les r&eacute;glettes
S&eacute;lectionnez Fen&ecirc;tre &gt; Barres &gt; R&egrave;gles
(raccourci clavier : Ctrl + L) pour activer et d&eacute;sactiver les r&egrave;gles. Toutes les modifications seront
appliqu&eacute;es &agrave; la fen&ecirc;tre actuelle et toutes les fen&ecirc;tres ouvertes ult&eacute;rieurement. Les fen&ecirc;tres d&eacute;j&agrave; ouvertes
ne sont pas concern&eacute;es.
Modifier le point d'origine des r&eacute;glettes
Il est souvent plus simple de mesurer un objet si vous alignez le point d'origine des r&eacute;glettes sur ce
dernier. Pour d&eacute;placer ce point, tirez la case jusqu'&agrave; l'intersection des deux r&eacute;glettes.
Vous pouvez tirer les r&eacute;glettes verticalement ou horizontalement le long de la fen&ecirc;tre d'&eacute;dition de Web
Designer. La nouvelle position sera indiqu&eacute;e par une ligne en pointill&eacute;s.
Cette op&eacute;ration d&eacute;place &eacute;galement le point d'origine de la grille de mani&egrave;re &agrave; ce que les r&eacute;glettes soient
toujours align&eacute;es sur la grille.
Vous pouvez &eacute;galement d&eacute;placer le point d'origine depuis le dessous de l'onglet grille et r&eacute;glettes
de la bo&icirc;te de dialogue des options.
Page 197
Modifier le point d'origine des r&eacute;glettes
Il est souvent plus simple de mesurer un objet si vous alignez le point d'origine des r&eacute;glettes sur ce
dernier. Pour d&eacute;placer ce point, tirez la case jusqu'&agrave; l'intersection des deux r&eacute;glettes.
Vous pouvez tirer les r&eacute;glettes verticalement ou horizontalement le long de la fen&ecirc;tre d'&eacute;dition de Web
Designer. La nouvelle position sera indiqu&eacute;e par une ligne en pointill&eacute;s.
Cette op&eacute;ration d&eacute;place &eacute;galement le point d'origine de la grille de mani&egrave;re &agrave; ce que les r&eacute;glettes soient
toujours align&eacute;es sur la grille.
Vous pouvez &eacute;galement d&eacute;placer le point d'origine depuis le dessous de l'onglet grille et r&eacute;glettes
de la bo&icirc;te de dialogue des options.
Page 198
Afficher la r&eacute;glette de qualit&eacute;
Ces r&eacute;glettes (affich&eacute;es dans la barre de contr&ocirc;le Standard
) affectent l'affichage du document sur l'&eacute;cran. Elles n'ont
aucune influence sur le document lui-m&ecirc;me ou sur
l'impression.
Il existe cinq r&eacute;glages de qualit&eacute; diff&eacute;rents :
 Contours seulement. La fonction anti-alias a &eacute;t&eacute; g&eacute;n&eacute;ralis&eacute;e pour les &eacute;cran de haute qualit&eacute;.
 Contours avec &eacute;tapes de fondu.
 Couleur intense (pas d'anti-alias).
 Haute qualit&eacute; (anti-alias complet et lissage de l'image).
 Tr&egrave;s haute qualit&eacute; (haute qualit&eacute; am&eacute;lior&eacute;e, le meilleur anti-alias de l'industrie. Nouvel affichage
photo bi-cubique compl&egrave;tement remani&eacute; qui am&eacute;liore la qualit&eacute; des photos recalibr&eacute;es).
Couleur intense
affiche le document en couleur mais la fonction anti-alias est alors d&eacute;sactiv&eacute;e.
Dans les param&egrave;tres des contours
, seuls les contours des formes apparaissent (ils sont affich&eacute;s sous forme quadrill&eacute;e). Cela permet de
s&eacute;lectionner plus facilement des objets cach&eacute;s derri&egrave;re d'autres.
Page 199
Galeries
Dans Web Designer, il est souvent possible de choisir un objet parmi plusieurs possibilit&eacute;s, par exemple
les polices, les couleurs, les Cliparts, les attributs de lignes et les Bitmaps. Web Designer utilise les
galeries &agrave; cet effet. Cette section du manuel dispense des informations g&eacute;n&eacute;rales concernant les parties
communes aux galeries. Les sections individuelles de ce manuel d&eacute;crivent les diff&eacute;rences sp&eacute;cifiques &agrave;
chaque galerie.
1 Calque
2 Cadre
3 Bitmap
4 Ligne
5 Designs
6 Remplissage
Certaines galeries affichent des objets contenus dans des biblioth&egrave;ques externes au document :
Designs, Remplissage.
D'autres galeries se rapportent &agrave; des objets du document ou &agrave; des options pour ces objets :
Bitmap, Ligne.
Pour certains types de documents, seules deux galeries sont disponibles ; elles seront gris&eacute;es si
indisponibles :
 le calque est uniquement disponible pour les documents normaux sans animations.
 Le cadre est uniquement disponible pour les documents avec animations.
Diverses galeries sont d&eacute;crites en d&eacute;tail plus loin dans ce manuel.
Afficher une galerie
Pour afficher une galerie :
 S&eacute;lectionnez dans la barre de contr&ocirc;le des Galeries.
 Ou choisissez Services &gt; Galeries.
Accrocher et d&eacute;crocher des galeries
Il est possible d'accrocher une ou plusieurs galeries sur chaque c&ocirc;t&eacute; de la fen&ecirc;tre de Web Designer.
Page 200
Exemple d'une galerie accroch&eacute;e. Il est possible de modifier la taille de la galerie pour lib&eacute;rer de l'espace
par exemple.
Accrocher une galerie
Pour accrocher une galerie :
1. Afficher une galerie comme d&eacute;crit plus haut.
2. Puis tirer la galerie sur le c&ocirc;t&eacute; gauche ou droit de votre &eacute;cran.
3. R&eacute;p&eacute;ter le proc&eacute;d&eacute; pour d'autres galeries comme requis.
D&eacute;crocher une galerie
En cliquant sur un symbole dans la barre de contr&ocirc;le des galeries
, vous supprimez la galerie de l'&eacute;cran. Si vous cliquez &agrave; nouveau, la galerie sera replac&eacute;e &agrave; sa position
d'accrochage. Pour d&eacute;crocher une galerie d&eacute;finitivement, &eacute;loignez simplement la galerie des bords de
l'&eacute;cran.
Ou bien maintenez le bouton CTRL de votre clavier enfonc&eacute; pendant que vous &eacute;tirez la galerie pour
supprimer l'accrochage de celle-ci.
Classement des galeries
Si vous avez accroch&eacute; plus d'une galerie sur un c&ocirc;t&eacute;, elles se partageront une seule et m&ecirc;me colonne.
Vous pouvez modifier la taille des galeries et les d&eacute;placer vers le haut ou vers le bas pour changer leur
ordre.
Utiliser des galeries
Plier ou d&eacute;plier une section dans une galerie :
 Cliquez sur Plier/D&eacute;plier
 Ou double-cliquez sur le titre.
 Ou effectuez un clic droit sur une section pour afficher un menu pop up. S&eacute;lectionnez la section
Plier/D&eacute;plier. Le menu pop up dispose alors d'options permettant de d&eacute;filer vers la section
pr&eacute;c&eacute;dente ou suivante.
Page 201
Cette illustration montre que la Galerie est d&eacute;pli&eacute;e. Les autres galeries ont le m&ecirc;me aspect.
Les boutons situ&eacute;s en haut d&eacute;pendent du type de Galerie (par exemple, Remplissage et Transpsont
propres &agrave; la Galerie des Bitmaps
). Cependant, la plupart des Galeries disposent des boutons suivants :
Appliquer :
applique l'&eacute;l&eacute;ment s&eacute;lectionn&eacute; dans la galerie. Cliquez sur l'objet pour le s&eacute;lectionner.
Options :
ouvre un menu dans lequel vous pouvez choisir :
 Chercher : d&eacute;crit plus bas dans la recherche par nom.
 Trier : d&eacute;crit plus bas dans le classement des &eacute;l&eacute;ments dans la galerie.
 Propri&eacute;t&eacute;s : permet de d&eacute;finir la taille des ic&ocirc;nes et les informations affich&eacute;es dans la galerie.
 Ajouter (Galeries Clipart, remplissage et polices) : d&eacute;crit plus bas dans la section ajouter &agrave; une
galerie.
 Supprimer (Galeries Clipart, remplissage et polices) : d&eacute;crit plus bas dans la section supprimer
d'une galerie.
S&eacute;lectionner des objets
Pour s&eacute;lectionner un objet :
 Cliquez sur l'objet pour le s&eacute;lectionner.
 Ou cliquez sur un objet puis, tout en maintenant la touche Maj appuy&eacute;e, cliquez sur un autre.
Tous les objets se trouvant entre ces deux objets seront alors s&eacute;lectionn&eacute;s.
 Ou encore cliquez sur un objet tout en maintenant la touche Ctrl appuy&eacute;e afin d'ajouter un objet &agrave;
la s&eacute;lection.
Classer &agrave; nouveau les objets dans la galerie
(Le reclassement des objets dans la galerie des calques
modifie &eacute;galement l'ordre des calques. Consultez le chapitre calques pour de plus amples informations.)
Vous pouvez d&eacute;placer des objets dans les galeries pour les ordonner comme vous le souhaitez (except&eacute;
dans la galerie des lignes
).
Dans toutes les galeries, le menu Options &gt; Trier ouvre une bo&icirc;te de dialogue. Vous pouvez classer les
objets par nom et, en fonction de la galerie, selon d'autres crit&egrave;res.
Les touches de contr&ocirc;le primaire permettent de proc&eacute;der un premier classement. Pour certains
param&egrave;tres de triage comme le type de fichier ou la longueur du nom, il peut exister deux ou plus fichiers
similaires. Vous pouvez trier ces fichiers en utilisant les touches secondaires.
Chercher par nom d'objet
Vous pouvez par exemple rechercher tous les noms contenant le mot &laquo; rouge &raquo; :
Page 202
1. S&eacute;lectionnez Options
&gt; Chercher
2. Entrez le mot rouge
dans le champ de
texte.
3. S&eacute;lectionnez Chercher
noms et mots-cl&eacute;
(pour chercher
uniquement le nom de
l'objet (Fichier,
couleur, etc.) ou
Chercher toutes les
infos (pour chercher
par nom et mots-cl&eacute;
disponibles dans
certaines galeries).
Ajouter &agrave; une galerie
Vous pouvez ajouter des objets &agrave; ces galeries (galeries de Design et de Remplissage
seulement). Pour cela :
1. Copiez dans un nouveau r&eacute;pertoire les fichiers que vous souhaitez ajouter &agrave; l'aide de
l'Explorateur Windows.
o Pour la galerie des Cliparts, les fichiers peuvent &ecirc;tre des fichiers vectoriels ou Bitmap.
o Pour la galerie de remplissage, tous les formats Bitmap pris en charge par Web Designer
sont valables (Liste dans Importer et Exporter).
2. Dans la galerie s&eacute;lectionn&eacute;e, cliquez sur le bouton Design disque/Remplissages. Une bo&icirc;te de
dialogue s'affiche.
3. S&eacute;lectionnez le dossier via la bo&icirc;te de dialogue.
4. Cliquez sur Ajouter. Une nouvelle section est cr&eacute;&eacute;e dans la galerie.
Si vous souhaitez ajouter des objets &agrave; ce dossier ult&eacute;rieurement :
1. Copiez les nouveaux fichiers dans le dossier existant.
2. Dans la galerie, cliquez sur Design disque/Remplissages. Une bo&icirc;te de dialogue s'affiche.
3. S&eacute;lectionnez le dossier que vous souhaitez ajouter via la bo&icirc;te de dialogue.
4. Cliquez sur Mettre &agrave; jour pour mettre &agrave; jour la rubrique dans la galerie.
Supprimer des sections dans la galerie.
Pour supprimer une section dans une galerie (galeries Clipart et Remplissage uniquement) :
1. Cliquez sur le titre de la ou des sections que vous souhaitez supprimer.
2. Cliquez sur Supprimer.
Si vous souhaitez r&eacute;cup&eacute;rer la section ult&eacute;rieurement, ajoutez ses dossiers &agrave; la galerie (d&eacute;crit plus haut).
Page 203
Afficher une galerie
Pour afficher une galerie :
 S&eacute;lectionnez dans la barre de contr&ocirc;le des Galeries.
 Ou choisissez Services &gt; Galeries.
Accrocher et d&eacute;crocher des galeries
Il est possible d'accrocher une ou plusieurs galeries sur chaque c&ocirc;t&eacute; de la fen&ecirc;tre de Web Designer.
Exemple d'une galerie accroch&eacute;e. Il est possible de modifier la taille de la galerie pour lib&eacute;rer de l'espace
par exemple.
Accrocher une galerie
Pour accrocher une galerie :
1. Afficher une galerie comme d&eacute;crit plus haut.
2. Puis tirer la galerie sur le c&ocirc;t&eacute; gauche ou droit de votre &eacute;cran.
3. R&eacute;p&eacute;ter le proc&eacute;d&eacute; pour d'autres galeries comme requis.
D&eacute;crocher une galerie
En cliquant sur un symbole dans la barre de contr&ocirc;le des galeries
, vous supprimez la galerie de l'&eacute;cran. Si vous cliquez &agrave; nouveau, la galerie sera replac&eacute;e &agrave; sa position
d'accrochage. Pour d&eacute;crocher une galerie d&eacute;finitivement, &eacute;loignez simplement la galerie des bords de
l'&eacute;cran.
Ou bien maintenez le bouton CTRL de votre clavier enfonc&eacute; pendant que vous &eacute;tirez la galerie pour
supprimer l'accrochage de celle-ci.
Classement des galeries
Si vous avez accroch&eacute; plus d'une galerie sur un c&ocirc;t&eacute;, elles se partageront une seule et m&ecirc;me colonne.
Vous pouvez modifier la taille des galeries et les d&eacute;placer vers le haut ou vers le bas pour changer leur
ordre.
Utiliser des galeries
Plier ou d&eacute;plier une section dans une galerie :
 Cliquez sur Plier/D&eacute;plier
Page 204


Ou double-cliquez sur le titre.
Ou effectuez un clic droit sur une section pour afficher un menu pop up. S&eacute;lectionnez la section
Plier/D&eacute;plier. Le menu pop up dispose alors d'options permettant de d&eacute;filer vers la section
pr&eacute;c&eacute;dente ou suivante.
Cette illustration montre que la Galerie est d&eacute;pli&eacute;e. Les autres galeries ont le m&ecirc;me aspect.
Les boutons situ&eacute;s en haut d&eacute;pendent du type de Galerie (par exemple, Remplissage et Transpsont
propres &agrave; la Galerie des Bitmaps
). Cependant, la plupart des Galeries disposent des boutons suivants :
Appliquer :
applique l'&eacute;l&eacute;ment s&eacute;lectionn&eacute; dans la galerie. Cliquez sur l'objet pour le s&eacute;lectionner.
Options :
ouvre un menu dans lequel vous pouvez choisir :
 Chercher : d&eacute;crit plus bas dans la recherche par nom.
 Trier : d&eacute;crit plus bas dans le classement des &eacute;l&eacute;ments dans la galerie.
 Propri&eacute;t&eacute;s : permet de d&eacute;finir la taille des ic&ocirc;nes et les informations affich&eacute;es dans la galerie.
 Ajouter (Galeries Clipart, remplissage et polices) : d&eacute;crit plus bas dans la section ajouter &agrave; une
galerie.
 Supprimer (Galeries Clipart, remplissage et polices) : d&eacute;crit plus bas dans la section supprimer
d'une galerie.
S&eacute;lectionner des objets
Pour s&eacute;lectionner un objet :
 Cliquez sur l'objet pour le s&eacute;lectionner.
 Ou cliquez sur un objet puis, tout en maintenant la touche Maj appuy&eacute;e, cliquez sur un autre.
Tous les objets se trouvant entre ces deux objets seront alors s&eacute;lectionn&eacute;s.
 Ou encore cliquez sur un objet tout en maintenant la touche Ctrl appuy&eacute;e afin d'ajouter un objet &agrave;
la s&eacute;lection.
Classer &agrave; nouveau les objets dans la galerie
(Le reclassement des objets dans la galerie des calques
modifie &eacute;galement l'ordre des calques. Consultez le chapitre calques pour de plus amples informations.)
Vous pouvez d&eacute;placer des objets dans les galeries pour les ordonner comme vous le souhaitez (except&eacute;
dans la galerie des lignes
).
Dans toutes les galeries, le menu Options &gt; Trier ouvre une bo&icirc;te de dialogue. Vous pouvez classer les
objets par nom et, en fonction de la galerie, selon d'autres crit&egrave;res.
Les touches de contr&ocirc;le primaire permettent de proc&eacute;der un premier classement. Pour certains
param&egrave;tres de triage comme le type de fichier ou la longueur du nom, il peut exister deux ou plus fichiers
similaires. Vous pouvez trier ces fichiers en utilisant les touches secondaires.
Chercher par nom d'objet
Page 205
Vous pouvez par exemple rechercher tous les noms contenant le mot &laquo; rouge &raquo; :
1. S&eacute;lectionnez Options
&gt; Chercher
2. Entrez le mot rouge
dans le champ de
texte.
3. S&eacute;lectionnez Chercher
noms et mots-cl&eacute;
(pour chercher
uniquement le nom de
l'objet (Fichier,
couleur, etc.) ou
Chercher toutes les
infos (pour chercher
par nom et mots-cl&eacute;
disponibles dans
certaines galeries).
Ajouter &agrave; une galerie
Vous pouvez ajouter des objets &agrave; ces galeries (galeries de Design et de Remplissage
seulement). Pour cela :
1. Copiez dans un nouveau r&eacute;pertoire les fichiers que vous souhaitez ajouter &agrave; l'aide de
l'Explorateur Windows.
o Pour la galerie des Cliparts, les fichiers peuvent &ecirc;tre des fichiers vectoriels ou Bitmap.
o Pour la galerie de remplissage, tous les formats Bitmap pris en charge par Web Designer
sont valables (Liste dans Importer et Exporter).
2. Dans la galerie s&eacute;lectionn&eacute;e, cliquez sur le bouton Design disque/Remplissages. Une bo&icirc;te de
dialogue s'affiche.
3. S&eacute;lectionnez le dossier via la bo&icirc;te de dialogue.
4. Cliquez sur Ajouter. Une nouvelle section est cr&eacute;&eacute;e dans la galerie.
Si vous souhaitez ajouter des objets &agrave; ce dossier ult&eacute;rieurement :
1. Copiez les nouveaux fichiers dans le dossier existant.
2. Dans la galerie, cliquez sur Design disque/Remplissages. Une bo&icirc;te de dialogue s'affiche.
3. S&eacute;lectionnez le dossier que vous souhaitez ajouter via la bo&icirc;te de dialogue.
4. Cliquez sur Mettre &agrave; jour pour mettre &agrave; jour la rubrique dans la galerie.
Supprimer des sections dans la galerie.
Pour supprimer une section dans une galerie (galeries Clipart et Remplissage uniquement) :
1. Cliquez sur le titre de la ou des sections que vous souhaitez supprimer.
2. Cliquez sur Supprimer.
Si vous souhaitez r&eacute;cup&eacute;rer la section ult&eacute;rieurement, ajoutez ses dossiers &agrave; la galerie (d&eacute;crit plus haut).
Page 206
Accrocher et d&eacute;crocher des galeries
Il est possible d'accrocher une ou plusieurs galeries sur chaque c&ocirc;t&eacute; de la fen&ecirc;tre de Web Designer.
Exemple d'une galerie accroch&eacute;e. Il est possible de modifier la taille de la galerie pour lib&eacute;rer de l'espace
par exemple.
Accrocher une galerie
Pour accrocher une galerie :
1. Afficher une galerie comme d&eacute;crit plus haut.
2. Puis tirer la galerie sur le c&ocirc;t&eacute; gauche ou droit de votre &eacute;cran.
3. R&eacute;p&eacute;ter le proc&eacute;d&eacute; pour d'autres galeries comme requis.
D&eacute;crocher une galerie
En cliquant sur un symbole dans la barre de contr&ocirc;le des galeries
, vous supprimez la galerie de l'&eacute;cran. Si vous cliquez &agrave; nouveau, la galerie sera replac&eacute;e &agrave; sa position
d'accrochage. Pour d&eacute;crocher une galerie d&eacute;finitivement, &eacute;loignez simplement la galerie des bords de
l'&eacute;cran.
Ou bien maintenez le bouton CTRL de votre clavier enfonc&eacute; pendant que vous &eacute;tirez la galerie pour
supprimer l'accrochage de celle-ci.
Classement des galeries
Si vous avez accroch&eacute; plus d'une galerie sur un c&ocirc;t&eacute;, elles se partageront une seule et m&ecirc;me colonne.
Vous pouvez modifier la taille des galeries et les d&eacute;placer vers le haut ou vers le bas pour changer leur
ordre.
Utiliser des galeries
Plier ou d&eacute;plier une section dans une galerie :
 Cliquez sur Plier/D&eacute;plier
 Ou double-cliquez sur le titre.
 Ou effectuez un clic droit sur une section pour afficher un menu pop up. S&eacute;lectionnez la section
Plier/D&eacute;plier. Le menu pop up dispose alors d'options permettant de d&eacute;filer vers la section
pr&eacute;c&eacute;dente ou suivante.
Page 207
Cette illustration montre que la Galerie est d&eacute;pli&eacute;e. Les autres galeries ont le m&ecirc;me aspect.
Les boutons situ&eacute;s en haut d&eacute;pendent du type de Galerie (par exemple, Remplissage et Transpsont
propres &agrave; la Galerie des Bitmaps
). Cependant, la plupart des Galeries disposent des boutons suivants :
Appliquer :
applique l'&eacute;l&eacute;ment s&eacute;lectionn&eacute; dans la galerie. Cliquez sur l'objet pour le s&eacute;lectionner.
Options :
ouvre un menu dans lequel vous pouvez choisir :
 Chercher : d&eacute;crit plus bas dans la recherche par nom.
 Trier : d&eacute;crit plus bas dans le classement des &eacute;l&eacute;ments dans la galerie.
 Propri&eacute;t&eacute;s : permet de d&eacute;finir la taille des ic&ocirc;nes et les informations affich&eacute;es dans la galerie.
 Ajouter (Galeries Clipart, remplissage et polices) : d&eacute;crit plus bas dans la section ajouter &agrave; une
galerie.
 Supprimer (Galeries Clipart, remplissage et polices) : d&eacute;crit plus bas dans la section supprimer
d'une galerie.
S&eacute;lectionner des objets
Pour s&eacute;lectionner un objet :
 Cliquez sur l'objet pour le s&eacute;lectionner.
 Ou cliquez sur un objet puis, tout en maintenant la touche Maj appuy&eacute;e, cliquez sur un autre.
Tous les objets se trouvant entre ces deux objets seront alors s&eacute;lectionn&eacute;s.
 Ou encore cliquez sur un objet tout en maintenant la touche Ctrl appuy&eacute;e afin d'ajouter un objet &agrave;
la s&eacute;lection.
Classer &agrave; nouveau les objets dans la galerie
(Le reclassement des objets dans la galerie des calques
modifie &eacute;galement l'ordre des calques. Consultez le chapitre calques pour de plus amples informations.)
Vous pouvez d&eacute;placer des objets dans les galeries pour les ordonner comme vous le souhaitez (except&eacute;
dans la galerie des lignes
).
Dans toutes les galeries, le menu Options &gt; Trier ouvre une bo&icirc;te de dialogue. Vous pouvez classer les
objets par nom et, en fonction de la galerie, selon d'autres crit&egrave;res.
Les touches de contr&ocirc;le primaire permettent de proc&eacute;der un premier classement. Pour certains
param&egrave;tres de triage comme le type de fichier ou la longueur du nom, il peut exister deux ou plus fichiers
similaires. Vous pouvez trier ces fichiers en utilisant les touches secondaires.
Chercher par nom d'objet
Vous pouvez par exemple rechercher tous les noms contenant le mot &laquo; rouge &raquo; :
Page 208
1. S&eacute;lectionnez Options
&gt; Chercher
2. Entrez le mot rouge
dans le champ de
texte.
3. S&eacute;lectionnez Chercher
noms et mots-cl&eacute;
(pour chercher
uniquement le nom de
l'objet (Fichier,
couleur, etc.) ou
Chercher toutes les
infos (pour chercher
par nom et mots-cl&eacute;
disponibles dans
certaines galeries).
Ajouter &agrave; une galerie
Vous pouvez ajouter des objets &agrave; ces galeries (galeries de Design et de Remplissage
seulement). Pour cela :
1. Copiez dans un nouveau r&eacute;pertoire les fichiers que vous souhaitez ajouter &agrave; l'aide de
l'Explorateur Windows.
o Pour la galerie des Cliparts, les fichiers peuvent &ecirc;tre des fichiers vectoriels ou Bitmap.
o Pour la galerie de remplissage, tous les formats Bitmap pris en charge par Web Designer
sont valables (Liste dans Importer et Exporter).
2. Dans la galerie s&eacute;lectionn&eacute;e, cliquez sur le bouton Design disque/Remplissages. Une bo&icirc;te de
dialogue s'affiche.
3. S&eacute;lectionnez le dossier via la bo&icirc;te de dialogue.
4. Cliquez sur Ajouter. Une nouvelle section est cr&eacute;&eacute;e dans la galerie.
Si vous souhaitez ajouter des objets &agrave; ce dossier ult&eacute;rieurement :
1. Copiez les nouveaux fichiers dans le dossier existant.
2. Dans la galerie, cliquez sur Design disque/Remplissages. Une bo&icirc;te de dialogue s'affiche.
3. S&eacute;lectionnez le dossier que vous souhaitez ajouter via la bo&icirc;te de dialogue.
4. Cliquez sur Mettre &agrave; jour pour mettre &agrave; jour la rubrique dans la galerie.
Supprimer des sections dans la galerie.
Pour supprimer une section dans une galerie (galeries Clipart et Remplissage uniquement) :
1. Cliquez sur le titre de la ou des sections que vous souhaitez supprimer.
2. Cliquez sur Supprimer.
Si vous souhaitez r&eacute;cup&eacute;rer la section ult&eacute;rieurement, ajoutez ses dossiers &agrave; la galerie (d&eacute;crit plus haut).
Page 209
Utiliser des galeries
Plier ou d&eacute;plier une section dans une galerie :
 Cliquez sur Plier/D&eacute;plier
 Ou double-cliquez sur le titre.
 Ou effectuez un clic droit sur une section pour afficher un menu pop up. S&eacute;lectionnez la section
Plier/D&eacute;plier. Le menu pop up dispose alors d'options permettant de d&eacute;filer vers la section
pr&eacute;c&eacute;dente ou suivante.
Cette illustration montre que la Galerie est d&eacute;pli&eacute;e. Les autres galeries ont le m&ecirc;me aspect.
Les boutons situ&eacute;s en haut d&eacute;pendent du type de Galerie (par exemple, Remplissage et Transpsont
propres &agrave; la Galerie des Bitmaps
). Cependant, la plupart des Galeries disposent des boutons suivants :
Appliquer :
applique l'&eacute;l&eacute;ment s&eacute;lectionn&eacute; dans la galerie. Cliquez sur l'objet pour le s&eacute;lectionner.
Options :
ouvre un menu dans lequel vous pouvez choisir :
 Chercher : d&eacute;crit plus bas dans la recherche par nom.
 Trier : d&eacute;crit plus bas dans le classement des &eacute;l&eacute;ments dans la galerie.
 Propri&eacute;t&eacute;s : permet de d&eacute;finir la taille des ic&ocirc;nes et les informations affich&eacute;es dans la galerie.
 Ajouter (Galeries Clipart, remplissage et polices) : d&eacute;crit plus bas dans la section ajouter &agrave; une
galerie.
 Supprimer (Galeries Clipart, remplissage et polices) : d&eacute;crit plus bas dans la section supprimer
d'une galerie.
S&eacute;lectionner des objets
Pour s&eacute;lectionner un objet :
 Cliquez sur l'objet pour le s&eacute;lectionner.
 Ou cliquez sur un objet puis, tout en maintenant la touche Maj appuy&eacute;e, cliquez sur un autre.
Tous les objets se trouvant entre ces deux objets seront alors s&eacute;lectionn&eacute;s.
 Ou encore cliquez sur un objet tout en maintenant la touche Ctrl appuy&eacute;e afin d'ajouter un objet &agrave;
la s&eacute;lection.
Classer &agrave; nouveau les objets dans la galerie
(Le reclassement des objets dans la galerie des calques
modifie &eacute;galement l'ordre des calques. Consultez le chapitre calques pour de plus amples informations.)
Vous pouvez d&eacute;placer des objets dans les galeries pour les ordonner comme vous le souhaitez (except&eacute;
dans la galerie des lignes
).
Dans toutes les galeries, le menu Options &gt; Trier ouvre une bo&icirc;te de dialogue. Vous pouvez classer les
objets par nom et, en fonction de la galerie, selon d'autres crit&egrave;res.
Les touches de contr&ocirc;le primaire permettent de proc&eacute;der un premier classement. Pour certains
Page 210
param&egrave;tres de triage comme le type de fichier ou la longueur du nom, il peut exister deux ou plus fichiers
similaires. Vous pouvez trier ces fichiers en utilisant les touches secondaires.
Chercher par nom d'objet
Vous pouvez par exemple rechercher tous les noms contenant le mot &laquo; rouge &raquo; :
1. S&eacute;lectionnez Options
&gt; Chercher
2. Entrez le mot rouge
dans le champ de
texte.
3. S&eacute;lectionnez Chercher
noms et mots-cl&eacute;
(pour chercher
uniquement le nom de
l'objet (Fichier,
couleur, etc.) ou
Chercher toutes les
infos (pour chercher
par nom et mots-cl&eacute;
disponibles dans
certaines galeries).
Ajouter &agrave; une galerie
Vous pouvez ajouter des objets &agrave; ces galeries (galeries de Design et de Remplissage
seulement). Pour cela :
1. Copiez dans un nouveau r&eacute;pertoire les fichiers que vous souhaitez ajouter &agrave; l'aide de
l'Explorateur Windows.
o Pour la galerie des Cliparts, les fichiers peuvent &ecirc;tre des fichiers vectoriels ou Bitmap.
o Pour la galerie de remplissage, tous les formats Bitmap pris en charge par Web Designer
sont valables (Liste dans Importer et Exporter).
2. Dans la galerie s&eacute;lectionn&eacute;e, cliquez sur le bouton Design disque/Remplissages. Une bo&icirc;te de
dialogue s'affiche.
3. S&eacute;lectionnez le dossier via la bo&icirc;te de dialogue.
4. Cliquez sur Ajouter. Une nouvelle section est cr&eacute;&eacute;e dans la galerie.
Si vous souhaitez ajouter des objets &agrave; ce dossier ult&eacute;rieurement :
1. Copiez les nouveaux fichiers dans le dossier existant.
2. Dans la galerie, cliquez sur Design disque/Remplissages. Une bo&icirc;te de dialogue s'affiche.
3. S&eacute;lectionnez le dossier que vous souhaitez ajouter via la bo&icirc;te de dialogue.
4. Cliquez sur Mettre &agrave; jour pour mettre &agrave; jour la rubrique dans la galerie.
Supprimer des sections dans la galerie.
Pour supprimer une section dans une galerie (galeries Clipart et Remplissage uniquement) :
1. Cliquez sur le titre de la ou des sections que vous souhaitez supprimer.
2. Cliquez sur Supprimer.
Si vous souhaitez r&eacute;cup&eacute;rer la section ult&eacute;rieurement, ajoutez ses dossiers &agrave; la galerie (d&eacute;crit plus haut).
Page 211
S&eacute;lectionner des objets
Pour s&eacute;lectionner un objet :
 Cliquez sur l'objet pour le s&eacute;lectionner.
 Ou cliquez sur un objet puis, tout en maintenant la touche Maj appuy&eacute;e, cliquez sur un autre.
Tous les objets se trouvant entre ces deux objets seront alors s&eacute;lectionn&eacute;s.
 Ou encore cliquez sur un objet tout en maintenant la touche Ctrl appuy&eacute;e afin d'ajouter un objet &agrave;
la s&eacute;lection.
Classer &agrave; nouveau les objets dans la galerie
(Le reclassement des objets dans la galerie des calques
modifie &eacute;galement l'ordre des calques. Consultez le chapitre calques pour de plus amples informations.)
Vous pouvez d&eacute;placer des objets dans les galeries pour les ordonner comme vous le souhaitez (except&eacute;
dans la galerie des lignes
).
Dans toutes les galeries, le menu Options &gt; Trier ouvre une bo&icirc;te de dialogue. Vous pouvez classer les
objets par nom et, en fonction de la galerie, selon d'autres crit&egrave;res.
Les touches de contr&ocirc;le primaire permettent de proc&eacute;der un premier classement. Pour certains
param&egrave;tres de triage comme le type de fichier ou la longueur du nom, il peut exister deux ou plus fichiers
similaires. Vous pouvez trier ces fichiers en utilisant les touches secondaires.
Chercher par nom d'objet
Vous pouvez par exemple rechercher tous les noms contenant le mot &laquo; rouge &raquo; :
1. S&eacute;lectionnez Options
&gt; Chercher
2. Entrez le mot rouge
dans le champ de
texte.
3. S&eacute;lectionnez Chercher
noms et mots-cl&eacute;
(pour chercher
uniquement le nom de
l'objet (Fichier,
couleur, etc.) ou
Chercher toutes les
infos (pour chercher
par nom et mots-cl&eacute;
disponibles dans
certaines galeries).
Ajouter &agrave; une galerie
Vous pouvez ajouter des objets &agrave; ces galeries (galeries de Design et de Remplissage
seulement). Pour cela :
1. Copiez dans un nouveau r&eacute;pertoire les fichiers que vous souhaitez ajouter &agrave; l'aide de
l'Explorateur Windows.
o Pour la galerie des Cliparts, les fichiers peuvent &ecirc;tre des fichiers vectoriels ou Bitmap.
o Pour la galerie de remplissage, tous les formats Bitmap pris en charge par Web Designer
sont valables (Liste dans Importer et Exporter).
2. Dans la galerie s&eacute;lectionn&eacute;e, cliquez sur le bouton Design disque/Remplissages. Une bo&icirc;te de
Page 212
dialogue s'affiche.
3. S&eacute;lectionnez le dossier via la bo&icirc;te de dialogue.
4. Cliquez sur Ajouter. Une nouvelle section est cr&eacute;&eacute;e dans la galerie.
Si vous souhaitez ajouter des objets &agrave; ce dossier ult&eacute;rieurement :
1. Copiez les nouveaux fichiers dans le dossier existant.
2. Dans la galerie, cliquez sur Design disque/Remplissages. Une bo&icirc;te de dialogue s'affiche.
3. S&eacute;lectionnez le dossier que vous souhaitez ajouter via la bo&icirc;te de dialogue.
4. Cliquez sur Mettre &agrave; jour pour mettre &agrave; jour la rubrique dans la galerie.
Supprimer des sections dans la galerie.
Pour supprimer une section dans une galerie (galeries Clipart et Remplissage uniquement) :
1. Cliquez sur le titre de la ou des sections que vous souhaitez supprimer.
2. Cliquez sur Supprimer.
Si vous souhaitez r&eacute;cup&eacute;rer la section ult&eacute;rieurement, ajoutez ses dossiers &agrave; la galerie (d&eacute;crit plus haut).
Page 213
Classer &agrave; nouveau les objets dans la galerie
(Le reclassement des objets dans la galerie des calques
modifie &eacute;galement l'ordre des calques. Consultez le chapitre calques pour de plus amples informations.)
Vous pouvez d&eacute;placer des objets dans les galeries pour les ordonner comme vous le souhaitez (except&eacute;
dans la galerie des lignes
).
Dans toutes les galeries, le menu Options &gt; Trier ouvre une bo&icirc;te de dialogue. Vous pouvez classer les
objets par nom et, en fonction de la galerie, selon d'autres crit&egrave;res.
Les touches de contr&ocirc;le primaire permettent de proc&eacute;der un premier classement. Pour certains
param&egrave;tres de triage comme le type de fichier ou la longueur du nom, il peut exister deux ou plus fichiers
similaires. Vous pouvez trier ces fichiers en utilisant les touches secondaires.
Chercher par nom d'objet
Vous pouvez par exemple rechercher tous les noms contenant le mot &laquo; rouge &raquo; :
1. S&eacute;lectionnez Options
&gt; Chercher
2. Entrez le mot rouge
dans le champ de
texte.
3. S&eacute;lectionnez Chercher
noms et mots-cl&eacute;
(pour chercher
uniquement le nom de
l'objet (Fichier,
couleur, etc.) ou
Chercher toutes les
infos (pour chercher
par nom et mots-cl&eacute;
disponibles dans
certaines galeries).
Ajouter &agrave; une galerie
Vous pouvez ajouter des objets &agrave; ces galeries (galeries de Design et de Remplissage
seulement). Pour cela :
1. Copiez dans un nouveau r&eacute;pertoire les fichiers que vous souhaitez ajouter &agrave; l'aide de
l'Explorateur Windows.
o Pour la galerie des Cliparts, les fichiers peuvent &ecirc;tre des fichiers vectoriels ou Bitmap.
o Pour la galerie de remplissage, tous les formats Bitmap pris en charge par Web Designer
sont valables (Liste dans Importer et Exporter).
2. Dans la galerie s&eacute;lectionn&eacute;e, cliquez sur le bouton Design disque/Remplissages. Une bo&icirc;te de
dialogue s'affiche.
3. S&eacute;lectionnez le dossier via la bo&icirc;te de dialogue.
4. Cliquez sur Ajouter. Une nouvelle section est cr&eacute;&eacute;e dans la galerie.
Si vous souhaitez ajouter des objets &agrave; ce dossier ult&eacute;rieurement :
1. Copiez les nouveaux fichiers dans le dossier existant.
2. Dans la galerie, cliquez sur Design disque/Remplissages. Une bo&icirc;te de dialogue s'affiche.
3. S&eacute;lectionnez le dossier que vous souhaitez ajouter via la bo&icirc;te de dialogue.
4. Cliquez sur Mettre &agrave; jour pour mettre &agrave; jour la rubrique dans la galerie.
Page 214
Supprimer des sections dans la galerie.
Pour supprimer une section dans une galerie (galeries Clipart et Remplissage uniquement) :
1. Cliquez sur le titre de la ou des sections que vous souhaitez supprimer.
2. Cliquez sur Supprimer.
Si vous souhaitez r&eacute;cup&eacute;rer la section ult&eacute;rieurement, ajoutez ses dossiers &agrave; la galerie (d&eacute;crit plus haut).
Page 215
Chercher par nom d'objet
Vous pouvez par exemple rechercher tous les noms contenant le mot &laquo; rouge &raquo; :
1. S&eacute;lectionnez Options
&gt; Chercher
2. Entrez le mot rouge
dans le champ de
texte.
3. S&eacute;lectionnez Chercher
noms et mots-cl&eacute;
(pour chercher
uniquement le nom de
l'objet (Fichier,
couleur, etc.) ou
Chercher toutes les
infos (pour chercher
par nom et mots-cl&eacute;
disponibles dans
certaines galeries).
Ajouter &agrave; une galerie
Vous pouvez ajouter des objets &agrave; ces galeries (galeries de Design et de Remplissage
seulement). Pour cela :
1. Copiez dans un nouveau r&eacute;pertoire les fichiers que vous souhaitez ajouter &agrave; l'aide de
l'Explorateur Windows.
o Pour la galerie des Cliparts, les fichiers peuvent &ecirc;tre des fichiers vectoriels ou Bitmap.
o Pour la galerie de remplissage, tous les formats Bitmap pris en charge par Web Designer
sont valables (Liste dans Importer et Exporter).
2. Dans la galerie s&eacute;lectionn&eacute;e, cliquez sur le bouton Design disque/Remplissages. Une bo&icirc;te de
dialogue s'affiche.
3. S&eacute;lectionnez le dossier via la bo&icirc;te de dialogue.
4. Cliquez sur Ajouter. Une nouvelle section est cr&eacute;&eacute;e dans la galerie.
Si vous souhaitez ajouter des objets &agrave; ce dossier ult&eacute;rieurement :
1. Copiez les nouveaux fichiers dans le dossier existant.
2. Dans la galerie, cliquez sur Design disque/Remplissages. Une bo&icirc;te de dialogue s'affiche.
3. S&eacute;lectionnez le dossier que vous souhaitez ajouter via la bo&icirc;te de dialogue.
4. Cliquez sur Mettre &agrave; jour pour mettre &agrave; jour la rubrique dans la galerie.
Supprimer des sections dans la galerie.
Pour supprimer une section dans une galerie (galeries Clipart et Remplissage uniquement) :
1. Cliquez sur le titre de la ou des sections que vous souhaitez supprimer.
2. Cliquez sur Supprimer.
Si vous souhaitez r&eacute;cup&eacute;rer la section ult&eacute;rieurement, ajoutez ses dossiers &agrave; la galerie (d&eacute;crit plus haut).
Page 216
Ajouter &agrave; une galerie
Vous pouvez ajouter des objets &agrave; ces galeries (galeries de Design et de Remplissage
seulement). Pour cela :
1. Copiez dans un nouveau r&eacute;pertoire les fichiers que vous souhaitez ajouter &agrave; l'aide de
l'Explorateur Windows.
o Pour la galerie des Cliparts, les fichiers peuvent &ecirc;tre des fichiers vectoriels ou Bitmap.
o Pour la galerie de remplissage, tous les formats Bitmap pris en charge par Web Designer
sont valables (Liste dans Importer et Exporter).
2. Dans la galerie s&eacute;lectionn&eacute;e, cliquez sur le bouton Design disque/Remplissages. Une bo&icirc;te de
dialogue s'affiche.
3. S&eacute;lectionnez le dossier via la bo&icirc;te de dialogue.
4. Cliquez sur Ajouter. Une nouvelle section est cr&eacute;&eacute;e dans la galerie.
Si vous souhaitez ajouter des objets &agrave; ce dossier ult&eacute;rieurement :
1. Copiez les nouveaux fichiers dans le dossier existant.
2. Dans la galerie, cliquez sur Design disque/Remplissages. Une bo&icirc;te de dialogue s'affiche.
3. S&eacute;lectionnez le dossier que vous souhaitez ajouter via la bo&icirc;te de dialogue.
4. Cliquez sur Mettre &agrave; jour pour mettre &agrave; jour la rubrique dans la galerie.
Supprimer des sections dans la galerie.
Pour supprimer une section dans une galerie (galeries Clipart et Remplissage uniquement) :
1. Cliquez sur le titre de la ou des sections que vous souhaitez supprimer.
2. Cliquez sur Supprimer.
Si vous souhaitez r&eacute;cup&eacute;rer la section ult&eacute;rieurement, ajoutez ses dossiers &agrave; la galerie (d&eacute;crit plus haut).
Page 217
Supprimer des sections dans la galerie.
Pour supprimer une section dans une galerie (galeries Clipart et Remplissage uniquement) :
1. Cliquez sur le titre de la ou des sections que vous souhaitez supprimer.
2. Cliquez sur Supprimer.
Si vous souhaitez r&eacute;cup&eacute;rer la section ult&eacute;rieurement, ajoutez ses dossiers &agrave; la galerie (d&eacute;crit plus haut).
Page 218
Annuler et R&eacute;tablir
Dans ce chapitre
Que signifie Annuler et R&eacute;tablir ?
La commande Annuler
La commande R&eacute;tablir
Que signifie Annuler et R&eacute;tablir ?
Nous faisons tous des erreurs et nous changeons d'avis. Web Designer vous permet de corriger ces
erreurs ou d'annuler les changements non souhait&eacute;s. Toutes les actions que vous effectuez sont
enregistr&eacute;es dans une liste &laquo; Annuler &raquo; qui vous permet d'annuler non seulement la derni&egrave;re op&eacute;ration
mais aussi de remonter sur plusieurs op&eacute;rations successives. De cette fa&ccedil;on, vous pouvez faire des essais
en toute libert&eacute; tout en sachant que vous pouvez revenir sur une op&eacute;ration qui ne vous convient pas.
Page 219
Que signifie Annuler et R&eacute;tablir ?
Nous faisons tous des erreurs et nous changeons d'avis. Web Designer vous permet de corriger ces
erreurs ou d'annuler les changements non souhait&eacute;s. Toutes les actions que vous effectuez sont
enregistr&eacute;es dans une liste &laquo; Annuler &raquo; qui vous permet d'annuler non seulement la derni&egrave;re op&eacute;ration
mais aussi de remonter sur plusieurs op&eacute;rations successives. De cette fa&ccedil;on, vous pouvez faire des essais
en toute libert&eacute; tout en sachant que vous pouvez revenir sur une op&eacute;ration qui ne vous convient pas.
Page 220
La commande Annuler
Annuler permet d'effacer les effets de la derni&egrave;re action. Pour
annuler une op&eacute;ration :
 Cliquez sur le bouton Annuler dans la barre de contr&ocirc;le standard.
 Ou allez sur &Eacute;diter &gt; Annuler (la description exacte des prochaines &eacute;tapes vous guide)
 Ou cliquez sur Ctrl+Z
 Ou cliquez sur la touche virgule (dans tous les outils except&eacute; l'outil de texte)
Vous pouvez utiliser la fonction Annuler &agrave; plusieurs reprises pour retourner &agrave; l'&eacute;tat ant&eacute;rieur.
Page 221
La commande R&eacute;tablir
R&eacute;tablir permet d'annuler les effets de la derni&egrave;re commande
Annuler. Pour r&eacute;tablir la derni&egrave;re op&eacute;ration :
 Cliquez sur le bouton R&eacute;tablir dans la barre de contr&ocirc;le standard.
 Ou allez sur &Eacute;diter &gt; R&eacute;tablir (La description exacte vous indique les prochaines &eacute;tapes &agrave;
suivre).
 Ou cliquez sur Ctrl+Y.
 Ou cliquez sur la touche point (dans tous les outils except&eacute; l'outil de texte).
Vous pouvez utiliser la fonction R&eacute;tablir uniquement imm&eacute;diatement apr&egrave;s Annuler. Vous ne pouvez pas
utiliser cette commande apr&egrave;s une modification du document (par exemple, en d&eacute;pla&ccedil;ant ou ajoutant un
objet).
Page 222
Utilisation des objets
Dans ce chapitre
L'outil de s&eacute;lection
D&eacute;placement des objets
Retirer des objets du document
Dupliquer et cloner
D&eacute;placer les objets vers l'avant et l'arri&egrave;re
Rotation d'objets
Modification de l'&eacute;chelle des objets.
Faire tourner les objets
&Eacute;tirer et &eacute;craser des objets
Incliner des objets
Estomper
Accrochage
Objets d'aide et lignes d'aide
R&eacute;capitulatif des raccourcis sur le pav&eacute; num&eacute;rique
Grouper et d&eacute;grouper des objets
Groupes souples
Alignement
Copier des styles : coller des attributs
Nommer les objets
R&eacute;p&eacute;ter les objets
Page 223
L'outil de s&eacute;lection
L'outil de s&eacute;lection
est l'outil principal pour les fonctions de s&eacute;lection, de d&eacute;placement,
de calibrage et de rotation. Il est g&eacute;n&eacute;ralement plus utilis&eacute; que les
autres outils et est l'outil central dans la manipulation des documents.
Pour utiliser l'outil de s&eacute;lection
:
 Cliquez sur l'outil de s&eacute;lection dans la barre d'outil principale.
 Ou appuyez sur &laquo; Alt + S &raquo;, &laquo; V &raquo; ou &laquo; F2 &raquo;.
Lorsque vous passez sur l'outil de s&eacute;lection
, si des objets ou un autre type de composant sont s&eacute;lectionn&eacute;s dans un groupe, l'objet parent (groupe)
est s&eacute;lectionn&eacute; &agrave; la place.
L'outil de s&eacute;lection &eacute;tant l'outil le plus utilis&eacute;, il existe des combinaisons de touches suppl&eacute;mentaires
permettant d'alterner entre l'outil de s&eacute;lection pour s&eacute;lectionner ou pour une autre op&eacute;ration, puis pour
revenir ensuite rapidement &agrave; l'outil pr&eacute;c&eacute;dent. Si vous utilisez un autre outil, vous pouvez passer
rapidement &agrave; l'outil de s&eacute;lection
de la mani&egrave;re suivante :
 Utilisez la combinaison Alt+S pour alterner vers l'outil de s&eacute;lection. En r&eacute;p&eacute;tant l'op&eacute;ration, vous
alternez &agrave; nouveau vers l'outil pr&eacute;c&eacute;dent, ou
Page 224
S&eacute;lection d'objets
Pour s&eacute;lectionner un objet, cliquez sur n'importe quelle partie visible de cet objet.
Modifier la s&eacute;lection d'objet
Lorsqu'un objet est s&eacute;lectionn&eacute;, vous pouvez utiliser les touches suivantes pour modifier la s&eacute;lection :
 Fin permet de s&eacute;lectionner l'objet en fond.
 Orig permet de s&eacute;lectionner l'objet en premier plan.
 La touche de tabulation permet de s&eacute;lectionner le prochain objet se trouvant sur le calque arri&egrave;re.
 Maj+Tab permet de s&eacute;lectionner le prochain objet se trouvant sur le calque avant.
Les objets de premier-plan et d'arri&egrave;re-plan sont d&eacute;crits en d&eacute;tail dans le chapitre Manipulation des
objets
.
S&eacute;lection
Cliquez et maintenez le bouton de la souris enfonc&eacute; pour s&eacute;lectionner plusieurs objets. La souris trace
alors un rectangle de s&eacute;lection et tous les objets se trouvant &agrave; l'int&eacute;rieur sont s&eacute;lectionn&eacute;s.
Certains autres programmes de dessin nomment ceci la &laquo; s&eacute;lection &raquo;.
Si un objet vous g&ecirc;ne pour tracer le rectangle dans la mesure o&ugrave; il serait d&eacute;plac&eacute; par ce mouvement,
maintenez la touche &laquo; shift &raquo; enfonc&eacute;e pendant que vous tracez le rectangle de s&eacute;lection.
&Eacute;tendre la s&eacute;lection
Pour s&eacute;lectionner des objets suppl&eacute;mentaires :
 Utilisez la combinaison Maj+clic
 ou Maj+tirer avec la souris. Vous tracez ainsi un rectangle de s&eacute;lection et ajoutez des objets
compris dans le rectangle &agrave; la s&eacute;lection.
S&eacute;lectionner sous
Maintenez la touche Alt enfonc&eacute;e pour s&eacute;lectionner des objets cach&eacute;s par d'autres objets. Avec la
combinaison Alt+clic, vous pouvez acc&eacute;der &agrave; plusieurs objets superpos&eacute;s.
S&eacute;lection interne
Utilisez la combinaison &laquo; Ctrl+clic &raquo; sur un objet &agrave; s&eacute;lectionner dans un groupe. Ceci est utilis&eacute; pour
s&eacute;lectionner un objet &agrave; l'int&eacute;rieur d'un groupe. Vous pouvez ainsi, par exemple, &eacute;diter les contours d'un
objet sans avoir &agrave; d&eacute;grouper. Les autres objets demeurent inchang&eacute;s.
Veuillez noter que certaines op&eacute;rations ne sont pas permises avec une s&eacute;lection interne. Par exemple, la
s&eacute;lection et la copie par clic droit ne fonctionnent pas pour la s&eacute;lection interne.
D&eacute;placement d'objets s&eacute;lectionn&eacute;s sous ou dans
Si vous devez d&eacute;placer un objet s&eacute;lectionn&eacute; qui se trouve sous un autre ou &agrave; l'int&eacute;rieur d'un groupe, un
simple mouvement de glissement de souris ne suffit pas dans la mesure ou plusieurs objets seront alors
d&eacute;plac&eacute;s. Pour &eacute;viter cela, maintenez les touches &laquo; Ctrl+Alt &raquo; enfonc&eacute;es et commencez &agrave; tirer. Ainsi seul
l'objet s&eacute;lectionn&eacute; sera d&eacute;plac&eacute;. Vous pouvez rel&acirc;cher les touches une fois que vous avez commenc&eacute; &agrave;
tirer.
Vous pouvez &eacute;galement utiliser les touches fl&eacute;ch&eacute;es
?de votre clavier pour d&eacute;placer l'objet progressivement.
S&eacute;lection et calques
Page 225
Vous ne pouvez pas s&eacute;lectionner des objets dans des calques verrouill&eacute;s ou invisibles.
Reportez-vous au chapitre Calques &amp; Galerie d'objets pour plus d'informations sur les calques.
Page 226
Modifier la s&eacute;lection d'objet
Lorsqu'un objet est s&eacute;lectionn&eacute;, vous pouvez utiliser les touches suivantes pour modifier la s&eacute;lection :
 Fin permet de s&eacute;lectionner l'objet en fond.
 Orig permet de s&eacute;lectionner l'objet en premier plan.
 La touche de tabulation permet de s&eacute;lectionner le prochain objet se trouvant sur le calque arri&egrave;re.
 Maj+Tab permet de s&eacute;lectionner le prochain objet se trouvant sur le calque avant.
Les objets de premier-plan et d'arri&egrave;re-plan sont d&eacute;crits en d&eacute;tail dans le chapitre Manipulation des
objets
.
S&eacute;lection
Cliquez et maintenez le bouton de la souris enfonc&eacute; pour s&eacute;lectionner plusieurs objets. La souris trace
alors un rectangle de s&eacute;lection et tous les objets se trouvant &agrave; l'int&eacute;rieur sont s&eacute;lectionn&eacute;s.
Certains autres programmes de dessin nomment ceci la &laquo; s&eacute;lection &raquo;.
Si un objet vous g&ecirc;ne pour tracer le rectangle dans la mesure o&ugrave; il serait d&eacute;plac&eacute; par ce mouvement,
maintenez la touche &laquo; shift &raquo; enfonc&eacute;e pendant que vous tracez le rectangle de s&eacute;lection.
&Eacute;tendre la s&eacute;lection
Pour s&eacute;lectionner des objets suppl&eacute;mentaires :
 Utilisez la combinaison Maj+clic
 ou Maj+tirer avec la souris. Vous tracez ainsi un rectangle de s&eacute;lection et ajoutez des objets
compris dans le rectangle &agrave; la s&eacute;lection.
S&eacute;lectionner sous
Maintenez la touche Alt enfonc&eacute;e pour s&eacute;lectionner des objets cach&eacute;s par d'autres objets. Avec la
combinaison Alt+clic, vous pouvez acc&eacute;der &agrave; plusieurs objets superpos&eacute;s.
S&eacute;lection interne
Utilisez la combinaison &laquo; Ctrl+clic &raquo; sur un objet &agrave; s&eacute;lectionner dans un groupe. Ceci est utilis&eacute; pour
s&eacute;lectionner un objet &agrave; l'int&eacute;rieur d'un groupe. Vous pouvez ainsi, par exemple, &eacute;diter les contours d'un
objet sans avoir &agrave; d&eacute;grouper. Les autres objets demeurent inchang&eacute;s.
Veuillez noter que certaines op&eacute;rations ne sont pas permises avec une s&eacute;lection interne. Par exemple, la
s&eacute;lection et la copie par clic droit ne fonctionnent pas pour la s&eacute;lection interne.
D&eacute;placement d'objets s&eacute;lectionn&eacute;s sous ou dans
Si vous devez d&eacute;placer un objet s&eacute;lectionn&eacute; qui se trouve sous un autre ou &agrave; l'int&eacute;rieur d'un groupe, un
simple mouvement de glissement de souris ne suffit pas dans la mesure ou plusieurs objets seront alors
d&eacute;plac&eacute;s. Pour &eacute;viter cela, maintenez les touches &laquo; Ctrl+Alt &raquo; enfonc&eacute;es et commencez &agrave; tirer. Ainsi seul
l'objet s&eacute;lectionn&eacute; sera d&eacute;plac&eacute;. Vous pouvez rel&acirc;cher les touches une fois que vous avez commenc&eacute; &agrave;
tirer.
Vous pouvez &eacute;galement utiliser les touches fl&eacute;ch&eacute;es
?de votre clavier pour d&eacute;placer l'objet progressivement.
S&eacute;lection et calques
Vous ne pouvez pas s&eacute;lectionner des objets dans des calques verrouill&eacute;s ou invisibles.
Reportez-vous au chapitre Calques &amp; Galerie d'objets pour plus d'informations sur les calques.
Page 227
S&eacute;lection
Cliquez et maintenez le bouton de la souris enfonc&eacute; pour s&eacute;lectionner plusieurs objets. La souris trace
alors un rectangle de s&eacute;lection et tous les objets se trouvant &agrave; l'int&eacute;rieur sont s&eacute;lectionn&eacute;s.
Certains autres programmes de dessin nomment ceci la &laquo; s&eacute;lection &raquo;.
Si un objet vous g&ecirc;ne pour tracer le rectangle dans la mesure o&ugrave; il serait d&eacute;plac&eacute; par ce mouvement,
maintenez la touche &laquo; shift &raquo; enfonc&eacute;e pendant que vous tracez le rectangle de s&eacute;lection.
&Eacute;tendre la s&eacute;lection
Pour s&eacute;lectionner des objets suppl&eacute;mentaires :
 Utilisez la combinaison Maj+clic
 ou Maj+tirer avec la souris. Vous tracez ainsi un rectangle de s&eacute;lection et ajoutez des objets
compris dans le rectangle &agrave; la s&eacute;lection.
S&eacute;lectionner sous
Maintenez la touche Alt enfonc&eacute;e pour s&eacute;lectionner des objets cach&eacute;s par d'autres objets. Avec la
combinaison Alt+clic, vous pouvez acc&eacute;der &agrave; plusieurs objets superpos&eacute;s.
S&eacute;lection interne
Utilisez la combinaison &laquo; Ctrl+clic &raquo; sur un objet &agrave; s&eacute;lectionner dans un groupe. Ceci est utilis&eacute; pour
s&eacute;lectionner un objet &agrave; l'int&eacute;rieur d'un groupe. Vous pouvez ainsi, par exemple, &eacute;diter les contours d'un
objet sans avoir &agrave; d&eacute;grouper. Les autres objets demeurent inchang&eacute;s.
Veuillez noter que certaines op&eacute;rations ne sont pas permises avec une s&eacute;lection interne. Par exemple, la
s&eacute;lection et la copie par clic droit ne fonctionnent pas pour la s&eacute;lection interne.
D&eacute;placement d'objets s&eacute;lectionn&eacute;s sous ou dans
Si vous devez d&eacute;placer un objet s&eacute;lectionn&eacute; qui se trouve sous un autre ou &agrave; l'int&eacute;rieur d'un groupe, un
simple mouvement de glissement de souris ne suffit pas dans la mesure ou plusieurs objets seront alors
d&eacute;plac&eacute;s. Pour &eacute;viter cela, maintenez les touches &laquo; Ctrl+Alt &raquo; enfonc&eacute;es et commencez &agrave; tirer. Ainsi seul
l'objet s&eacute;lectionn&eacute; sera d&eacute;plac&eacute;. Vous pouvez rel&acirc;cher les touches une fois que vous avez commenc&eacute; &agrave;
tirer.
Vous pouvez &eacute;galement utiliser les touches fl&eacute;ch&eacute;es
?de votre clavier pour d&eacute;placer l'objet progressivement.
S&eacute;lection et calques
Vous ne pouvez pas s&eacute;lectionner des objets dans des calques verrouill&eacute;s ou invisibles.
Reportez-vous au chapitre Calques &amp; Galerie d'objets pour plus d'informations sur les calques.
Page 228
&Eacute;tendre la s&eacute;lection
Pour s&eacute;lectionner des objets suppl&eacute;mentaires :
 Utilisez la combinaison Maj+clic
 ou Maj+tirer avec la souris. Vous tracez ainsi un rectangle de s&eacute;lection et ajoutez des objets
compris dans le rectangle &agrave; la s&eacute;lection.
S&eacute;lectionner sous
Maintenez la touche Alt enfonc&eacute;e pour s&eacute;lectionner des objets cach&eacute;s par d'autres objets. Avec la
combinaison Alt+clic, vous pouvez acc&eacute;der &agrave; plusieurs objets superpos&eacute;s.
S&eacute;lection interne
Utilisez la combinaison &laquo; Ctrl+clic &raquo; sur un objet &agrave; s&eacute;lectionner dans un groupe. Ceci est utilis&eacute; pour
s&eacute;lectionner un objet &agrave; l'int&eacute;rieur d'un groupe. Vous pouvez ainsi, par exemple, &eacute;diter les contours d'un
objet sans avoir &agrave; d&eacute;grouper. Les autres objets demeurent inchang&eacute;s.
Veuillez noter que certaines op&eacute;rations ne sont pas permises avec une s&eacute;lection interne. Par exemple, la
s&eacute;lection et la copie par clic droit ne fonctionnent pas pour la s&eacute;lection interne.
D&eacute;placement d'objets s&eacute;lectionn&eacute;s sous ou dans
Si vous devez d&eacute;placer un objet s&eacute;lectionn&eacute; qui se trouve sous un autre ou &agrave; l'int&eacute;rieur d'un groupe, un
simple mouvement de glissement de souris ne suffit pas dans la mesure ou plusieurs objets seront alors
d&eacute;plac&eacute;s. Pour &eacute;viter cela, maintenez les touches &laquo; Ctrl+Alt &raquo; enfonc&eacute;es et commencez &agrave; tirer. Ainsi seul
l'objet s&eacute;lectionn&eacute; sera d&eacute;plac&eacute;. Vous pouvez rel&acirc;cher les touches une fois que vous avez commenc&eacute; &agrave;
tirer.
Vous pouvez &eacute;galement utiliser les touches fl&eacute;ch&eacute;es
?de votre clavier pour d&eacute;placer l'objet progressivement.
S&eacute;lection et calques
Vous ne pouvez pas s&eacute;lectionner des objets dans des calques verrouill&eacute;s ou invisibles.
Reportez-vous au chapitre Calques &amp; Galerie d'objets pour plus d'informations sur les calques.
Page 229
S&eacute;lectionner sous
Maintenez la touche Alt enfonc&eacute;e pour s&eacute;lectionner des objets cach&eacute;s par d'autres objets. Avec la
combinaison Alt+clic, vous pouvez acc&eacute;der &agrave; plusieurs objets superpos&eacute;s.
S&eacute;lection interne
Utilisez la combinaison &laquo; Ctrl+clic &raquo; sur un objet &agrave; s&eacute;lectionner dans un groupe. Ceci est utilis&eacute; pour
s&eacute;lectionner un objet &agrave; l'int&eacute;rieur d'un groupe. Vous pouvez ainsi, par exemple, &eacute;diter les contours d'un
objet sans avoir &agrave; d&eacute;grouper. Les autres objets demeurent inchang&eacute;s.
Veuillez noter que certaines op&eacute;rations ne sont pas permises avec une s&eacute;lection interne. Par exemple, la
s&eacute;lection et la copie par clic droit ne fonctionnent pas pour la s&eacute;lection interne.
D&eacute;placement d'objets s&eacute;lectionn&eacute;s sous ou dans
Si vous devez d&eacute;placer un objet s&eacute;lectionn&eacute; qui se trouve sous un autre ou &agrave; l'int&eacute;rieur d'un groupe, un
simple mouvement de glissement de souris ne suffit pas dans la mesure ou plusieurs objets seront alors
d&eacute;plac&eacute;s. Pour &eacute;viter cela, maintenez les touches &laquo; Ctrl+Alt &raquo; enfonc&eacute;es et commencez &agrave; tirer. Ainsi seul
l'objet s&eacute;lectionn&eacute; sera d&eacute;plac&eacute;. Vous pouvez rel&acirc;cher les touches une fois que vous avez commenc&eacute; &agrave;
tirer.
Vous pouvez &eacute;galement utiliser les touches fl&eacute;ch&eacute;es
?de votre clavier pour d&eacute;placer l'objet progressivement.
S&eacute;lection et calques
Vous ne pouvez pas s&eacute;lectionner des objets dans des calques verrouill&eacute;s ou invisibles.
Reportez-vous au chapitre Calques &amp; Galerie d'objets pour plus d'informations sur les calques.
Page 230
S&eacute;lection interne
Utilisez la combinaison &laquo; Ctrl+clic &raquo; sur un objet &agrave; s&eacute;lectionner dans un groupe. Ceci est utilis&eacute; pour
s&eacute;lectionner un objet &agrave; l'int&eacute;rieur d'un groupe. Vous pouvez ainsi, par exemple, &eacute;diter les contours d'un
objet sans avoir &agrave; d&eacute;grouper. Les autres objets demeurent inchang&eacute;s.
Veuillez noter que certaines op&eacute;rations ne sont pas permises avec une s&eacute;lection interne. Par exemple, la
s&eacute;lection et la copie par clic droit ne fonctionnent pas pour la s&eacute;lection interne.
D&eacute;placement d'objets s&eacute;lectionn&eacute;s sous ou dans
Si vous devez d&eacute;placer un objet s&eacute;lectionn&eacute; qui se trouve sous un autre ou &agrave; l'int&eacute;rieur d'un groupe, un
simple mouvement de glissement de souris ne suffit pas dans la mesure ou plusieurs objets seront alors
d&eacute;plac&eacute;s. Pour &eacute;viter cela, maintenez les touches &laquo; Ctrl+Alt &raquo; enfonc&eacute;es et commencez &agrave; tirer. Ainsi seul
l'objet s&eacute;lectionn&eacute; sera d&eacute;plac&eacute;. Vous pouvez rel&acirc;cher les touches une fois que vous avez commenc&eacute; &agrave;
tirer.
Vous pouvez &eacute;galement utiliser les touches fl&eacute;ch&eacute;es
?de votre clavier pour d&eacute;placer l'objet progressivement.
S&eacute;lection et calques
Vous ne pouvez pas s&eacute;lectionner des objets dans des calques verrouill&eacute;s ou invisibles.
Reportez-vous au chapitre Calques &amp; Galerie d'objets pour plus d'informations sur les calques.
Page 231
D&eacute;placement d'objets s&eacute;lectionn&eacute;s sous ou dans
Si vous devez d&eacute;placer un objet s&eacute;lectionn&eacute; qui se trouve sous un autre ou &agrave; l'int&eacute;rieur d'un groupe, un
simple mouvement de glissement de souris ne suffit pas dans la mesure ou plusieurs objets seront alors
d&eacute;plac&eacute;s. Pour &eacute;viter cela, maintenez les touches &laquo; Ctrl+Alt &raquo; enfonc&eacute;es et commencez &agrave; tirer. Ainsi seul
l'objet s&eacute;lectionn&eacute; sera d&eacute;plac&eacute;. Vous pouvez rel&acirc;cher les touches une fois que vous avez commenc&eacute; &agrave;
tirer.
Vous pouvez &eacute;galement utiliser les touches fl&eacute;ch&eacute;es
?de votre clavier pour d&eacute;placer l'objet progressivement.
S&eacute;lection et calques
Vous ne pouvez pas s&eacute;lectionner des objets dans des calques verrouill&eacute;s ou invisibles.
Reportez-vous au chapitre Calques &amp; Galerie d'objets pour plus d'informations sur les calques.
Page 232
S&eacute;lection et calques
Vous ne pouvez pas s&eacute;lectionner des objets dans des calques verrouill&eacute;s ou invisibles.
Reportez-vous au chapitre Calques &amp; Galerie d'objets pour plus d'informations sur les calques.
Page 233
S&eacute;lection de tous les objets
Pour s&eacute;lectionner tous les objets :
 Choisissez &Eacute;dition &gt; Tout s&eacute;lectionner.
 Ou cliquez sur Ctrl+A.
Page 234
D&eacute;s&eacute;lection d'objet
Pour d&eacute;s&eacute;lectionner un objet :
 Cliquez dans n'importe quelle section non utilis&eacute;e du document.
 Ou allez dans &Eacute;dition &gt; Supprimer la s&eacute;lection.
 Ou cliquez sur Echap.
Pour d&eacute;s&eacute;lectionner un objet parmi plusieurs :
 Maj+clic sur l'objet. Cette op&eacute;ration permet de d&eacute;s&eacute;lectionner l'objet. Les autres objets restent
s&eacute;lectionn&eacute;s.
Marqueurs de s&eacute;lection
Chaque objet s&eacute;lectionn&eacute; affiche un marqueur de s&eacute;lection unique indiquant que l'objet est s&eacute;lectionn&eacute;. Il
s'agit d'un rappel utile lors de la s&eacute;lection et d&eacute;s&eacute;lection de plusieurs objets.
Barre d'&eacute;tat
La barre d'&eacute;tat situ&eacute;e dans la partie inf&eacute;rieure de la fen&ecirc;tre d&eacute;crit le contenu de la s&eacute;lection.
Poign&eacute;es de limites de la s&eacute;lection
Les poign&eacute;es des limites de la s&eacute;lection vous permettent de calibrer et d'&eacute;tirer les objets s&eacute;lectionn&eacute;s.
Voir &Eacute;tirer et &eacute;craser des objets pour plus d'informations. Des clics successifs sur un objet permettent
d'alterner entre l'affichage des limites de la s&eacute;lection et des poign&eacute;es de rotation.
Tabulateur
En cliquant sur le tabulateur ou la combinaison Maj+tabulateur, vous pouvez alterner entre les diff&eacute;rents
objets s&eacute;lectionn&eacute;s (objet pr&eacute;c&eacute;dent et suivant dans le document).
Page 235
Marqueurs de s&eacute;lection
Chaque objet s&eacute;lectionn&eacute; affiche un marqueur de s&eacute;lection unique indiquant que l'objet est s&eacute;lectionn&eacute;. Il
s'agit d'un rappel utile lors de la s&eacute;lection et d&eacute;s&eacute;lection de plusieurs objets.
Barre d'&eacute;tat
La barre d'&eacute;tat situ&eacute;e dans la partie inf&eacute;rieure de la fen&ecirc;tre d&eacute;crit le contenu de la s&eacute;lection.
Poign&eacute;es de limites de la s&eacute;lection
Les poign&eacute;es des limites de la s&eacute;lection vous permettent de calibrer et d'&eacute;tirer les objets s&eacute;lectionn&eacute;s.
Voir &Eacute;tirer et &eacute;craser des objets pour plus d'informations. Des clics successifs sur un objet permettent
d'alterner entre l'affichage des limites de la s&eacute;lection et des poign&eacute;es de rotation.
Tabulateur
En cliquant sur le tabulateur ou la combinaison Maj+tabulateur, vous pouvez alterner entre les diff&eacute;rents
objets s&eacute;lectionn&eacute;s (objet pr&eacute;c&eacute;dent et suivant dans le document).
Page 236
Barre d'&eacute;tat
La barre d'&eacute;tat situ&eacute;e dans la partie inf&eacute;rieure de la fen&ecirc;tre d&eacute;crit le contenu de la s&eacute;lection.
Poign&eacute;es de limites de la s&eacute;lection
Les poign&eacute;es des limites de la s&eacute;lection vous permettent de calibrer et d'&eacute;tirer les objets s&eacute;lectionn&eacute;s.
Voir &Eacute;tirer et &eacute;craser des objets pour plus d'informations. Des clics successifs sur un objet permettent
d'alterner entre l'affichage des limites de la s&eacute;lection et des poign&eacute;es de rotation.
Tabulateur
En cliquant sur le tabulateur ou la combinaison Maj+tabulateur, vous pouvez alterner entre les diff&eacute;rents
objets s&eacute;lectionn&eacute;s (objet pr&eacute;c&eacute;dent et suivant dans le document).
Page 237
Poign&eacute;es de limites de la s&eacute;lection
Les poign&eacute;es des limites de la s&eacute;lection vous permettent de calibrer et d'&eacute;tirer les objets s&eacute;lectionn&eacute;s.
Voir &Eacute;tirer et &eacute;craser des objets pour plus d'informations. Des clics successifs sur un objet permettent
d'alterner entre l'affichage des limites de la s&eacute;lection et des poign&eacute;es de rotation.
Tabulateur
En cliquant sur le tabulateur ou la combinaison Maj+tabulateur, vous pouvez alterner entre les diff&eacute;rents
objets s&eacute;lectionn&eacute;s (objet pr&eacute;c&eacute;dent et suivant dans le document).
Page 238
Tabulateur
En cliquant sur le tabulateur ou la combinaison Maj+tabulateur, vous pouvez alterner entre les diff&eacute;rents
objets s&eacute;lectionn&eacute;s (objet pr&eacute;c&eacute;dent et suivant dans le document).
Page 239
D&eacute;placement des objets
Pour faire glisser un objet &agrave; travers la page
1. Choisir l'Outil de s&eacute;lection.
2. Faire glisser les objets vers la position souhait&eacute;e. Maintenir la touche Ctrl enfonc&eacute;e pour
restreindre la direction du mouvement &agrave; l'un des angles pr&eacute;d&eacute;finis.
Les angles pr&eacute;d&eacute;finis sont d&eacute;finissables par l'utilisateur. (Se reporter au chapitre Personnaliser Web
Designer
.)
Maintenir les touches Ctrl+Alt appuy&eacute;es afin de pouvoir faire glisser l'objet s&eacute;lectionn&eacute; m&ecirc;me si le
pointeur ne se trouve pas au-dessus. Ceci est utile lorsque l'objet s&eacute;lectionn&eacute; est masqu&eacute; par un autre
objet ou une partie d'un groupe. Rel&acirc;cher les touches Ctrl et Alt apr&egrave;s avoir commenc&eacute; le d&eacute;placement &agrave;
moins que vous ne souhaitiez restreindre le d&eacute;placement.
Vous pouvez &eacute;galement d&eacute;placer les objets &agrave; l'aide des touches de curseur fl&eacute;ch&eacute;es. Ceci est d&eacute;crit en
page suivante.
D&eacute;poser une copie
Lors d'un d&eacute;placement (tout en maintenant le bouton gauche de la souris enfonc&eacute;), cliquez sur le bouton
droit de la souris ou appuyez sur la touche + du pav&eacute; num&eacute;rique pour d&eacute;poser une copie de l'objet.
L'objet original ne bouge pas. Vous pouvez recommencer autant de fois que vous le souhaitez afin de
cr&eacute;er une s&eacute;rie d'objets dupliqu&eacute;s.
Vous pouvez &eacute;galement maintenir le bouton droit de la souris enfonc&eacute; et tirer. Ceci fait imm&eacute;diatement
glisser une copie de l'objet. Cliquez &agrave; gauche afin de d&eacute;poser une copie &agrave; l'endroit o&ugrave; se trouve la souris.
Remplissages
G&eacute;n&eacute;ralement, lorsque vous d&eacute;placez un objet, vous d&eacute;placez &eacute;galement son remplissage :
D&eacute;placement normal de gauche &agrave; droite avec un objet &agrave; remplissage lin&eacute;aire.
Ceci s'applique &eacute;galement &agrave; la rotation, l'inclinaison, la modification de l'&eacute;chelle et l'&eacute;tirement des objets.
Web Designer peut &eacute;galement d&eacute;placer l'objet sans d&eacute;placer le remplissage d'origine. Pour cela, cliquez
sur la touche - du pav&eacute; num&eacute;rique
pendant le d&eacute;placement.
M&ecirc;me d&eacute;placement mais en appuyant sur la touche -(moins) pendant que vous faites glisser
Avancer les objets
G&eacute;n&eacute;ralement, vous pouvez d&eacute;placer un objet l&eacute;g&egrave;rement &agrave; l'aide des touches fl&eacute;ch&eacute;es?pour faire
avancer l'objet . (Ces touches ont parfois d'autres utilisations, tout particuli&egrave;rement dans l' Outil d'ajout
de texte
.)
Cette progression n'est affect&eacute;e ni par l'accrochage magn&eacute;tique, ni par l'accrochage sur la grille.
(L'accrochage est d&eacute;crit plus loin.)
Modificateurs de progression
Page 240
Afin de modifier la distance de progression, utilisez ces combinaisons de touches tout en vous servant
des touches fl&eacute;ch&eacute;es :
 Ctrl avance de 5 fois la distance normale
 Maj avance de 10 fois la distance normale
 Ctrl+Maj avance d'1/5 de la distance normale
 Alt avance d'1 pixel
 Alt+Maj avance de 10 pixels
Vous pouvez modifier la distance de progression normale dans l'onglet G&eacute;n&eacute;ral sous Services&gt;
Options. (Se reporter au chapitre Personnaliser Web Designer
.)
La fonction Avancer fonctionne dans la plupart des outils.
Couper, copier et coller
Ces fonctions vous permettent de d&eacute;placer ou de copier un objet dans le m&ecirc;me document ou entre
diff&eacute;rents documents. La proc&eacute;dure est la suivante :
1. S&eacute;lectionner l'objet
2. Pour supprimer l'objet, choisissez &laquo; &Eacute;diter -&gt; Couper &raquo; (ou &laquo; Ctrl + X &raquo;). Pour copier l'objet
sans le supprimer, choisissez &laquo; &Eacute;diter -&gt; Copier &raquo; (ou &laquo; Ctrl + C &raquo;). Les deux options placent
l'objet (ou sa copie) dans le presse-papiers.
3. Choisissez &laquo; &Eacute;diter -&gt; Coller &raquo;, &laquo; Ctrl + V &raquo;, ou &laquo; Ins&eacute;rer &raquo;. Ceci permet de coller le contenu
du presse-papiers dans le document
Remarque : si les objets que vous copiez sont tous sur le m&ecirc;me calque
, vous pouvez les coller sur un calque en faisant de celui-ci le calque actuel. Le calque dont les objets
sont copi&eacute;s est alors ignor&eacute;.
Cependant, si les objets que vous copiez se situent sur plusieurs calques
, la structure du calque est maintenue lors du collage. Des objets sont coll&eacute;s &agrave; partir du m&ecirc;me calque d'o&ugrave;
ils ont &eacute;t&eacute; copi&eacute;s, sans tenir compte du calque actuel.
Cela vous permet de copier des donn&eacute;es en calques &agrave; l'int&eacute;rieur d'un m&ecirc;me document ou d'un document
diff&eacute;rent. Tous les calques manquants dans le document cible sont cr&eacute;&eacute;s automatiquement gr&acirc;ce &agrave; cette
manipulation. Ainsi, si vous copiez un bouton de survol de la souris, qui a un objet sur le calque &Eacute;tat
normal et un autre sur le calque Survol de la souris, vers un nouveau document, les calques Survol et &Eacute;tat
normal seront cr&eacute;&eacute;s s'ils n'existent pas d&eacute;j&agrave; et les objets du bouton seront copi&eacute;s sur ces calques.
&laquo; Ctrl + shift+ V &raquo; colle le contenu du presse-papiers dans la m&ecirc;me position X/Y d'o&ugrave; les objets ont &eacute;t&eacute;
coup&eacute;s ou copi&eacute;s. Ceci s'applique uniquement aux objets coup&eacute;s ou copi&eacute;s depuis Web Designer. Les
objets import&eacute;s depuis d'autres programmes sont toujours coll&eacute;s au centre de la fen&ecirc;tre actuelle.
L'objet reste dans le presse-papiers de fa&ccedil;on &agrave; ce que vous puissiez coller le m&ecirc;me objet plusieurs fois.
S'il existe un choix de formats dans le presse-papiers, &lt;programname&gt; affichera une bo&icirc;te de dialogue
Collage sp&eacute;cial
vous permettant de choisir le format souhait&eacute; pour le collage (par ex. lorsque vous collez du texte, vous
pouvez avoir le choix entre du &laquo; texte non format&eacute; &raquo; ou du texte au format &laquo; Rich Text &raquo;).
Page 241
D&eacute;poser une copie
Lors d'un d&eacute;placement (tout en maintenant le bouton gauche de la souris enfonc&eacute;), cliquez sur le bouton
droit de la souris ou appuyez sur la touche + du pav&eacute; num&eacute;rique pour d&eacute;poser une copie de l'objet.
L'objet original ne bouge pas. Vous pouvez recommencer autant de fois que vous le souhaitez afin de
cr&eacute;er une s&eacute;rie d'objets dupliqu&eacute;s.
Vous pouvez &eacute;galement maintenir le bouton droit de la souris enfonc&eacute; et tirer. Ceci fait imm&eacute;diatement
glisser une copie de l'objet. Cliquez &agrave; gauche afin de d&eacute;poser une copie &agrave; l'endroit o&ugrave; se trouve la souris.
Remplissages
G&eacute;n&eacute;ralement, lorsque vous d&eacute;placez un objet, vous d&eacute;placez &eacute;galement son remplissage :
D&eacute;placement normal de gauche &agrave; droite avec un objet &agrave; remplissage lin&eacute;aire.
Ceci s'applique &eacute;galement &agrave; la rotation, l'inclinaison, la modification de l'&eacute;chelle et l'&eacute;tirement des objets.
Web Designer peut &eacute;galement d&eacute;placer l'objet sans d&eacute;placer le remplissage d'origine. Pour cela, cliquez
sur la touche - du pav&eacute; num&eacute;rique
pendant le d&eacute;placement.
M&ecirc;me d&eacute;placement mais en appuyant sur la touche -(moins) pendant que vous faites glisser
Avancer les objets
G&eacute;n&eacute;ralement, vous pouvez d&eacute;placer un objet l&eacute;g&egrave;rement &agrave; l'aide des touches fl&eacute;ch&eacute;es?pour faire
avancer l'objet . (Ces touches ont parfois d'autres utilisations, tout particuli&egrave;rement dans l' Outil d'ajout
de texte
.)
Cette progression n'est affect&eacute;e ni par l'accrochage magn&eacute;tique, ni par l'accrochage sur la grille.
(L'accrochage est d&eacute;crit plus loin.)
Modificateurs de progression
Afin de modifier la distance de progression, utilisez ces combinaisons de touches tout en vous servant
des touches fl&eacute;ch&eacute;es :
 Ctrl avance de 5 fois la distance normale
 Maj avance de 10 fois la distance normale
 Ctrl+Maj avance d'1/5 de la distance normale
 Alt avance d'1 pixel
 Alt+Maj avance de 10 pixels
Vous pouvez modifier la distance de progression normale dans l'onglet G&eacute;n&eacute;ral sous Services&gt;
Options. (Se reporter au chapitre Personnaliser Web Designer
.)
La fonction Avancer fonctionne dans la plupart des outils.
Couper, copier et coller
Ces fonctions vous permettent de d&eacute;placer ou de copier un objet dans le m&ecirc;me document ou entre
diff&eacute;rents documents. La proc&eacute;dure est la suivante :
Page 242
1. S&eacute;lectionner l'objet
2. Pour supprimer l'objet, choisissez &laquo; &Eacute;diter -&gt; Couper &raquo; (ou &laquo; Ctrl + X &raquo;). Pour copier l'objet
sans le supprimer, choisissez &laquo; &Eacute;diter -&gt; Copier &raquo; (ou &laquo; Ctrl + C &raquo;). Les deux options placent
l'objet (ou sa copie) dans le presse-papiers.
3. Choisissez &laquo; &Eacute;diter -&gt; Coller &raquo;, &laquo; Ctrl + V &raquo;, ou &laquo; Ins&eacute;rer &raquo;. Ceci permet de coller le contenu
du presse-papiers dans le document
Remarque : si les objets que vous copiez sont tous sur le m&ecirc;me calque
, vous pouvez les coller sur un calque en faisant de celui-ci le calque actuel. Le calque dont les objets
sont copi&eacute;s est alors ignor&eacute;.
Cependant, si les objets que vous copiez se situent sur plusieurs calques
, la structure du calque est maintenue lors du collage. Des objets sont coll&eacute;s &agrave; partir du m&ecirc;me calque d'o&ugrave;
ils ont &eacute;t&eacute; copi&eacute;s, sans tenir compte du calque actuel.
Cela vous permet de copier des donn&eacute;es en calques &agrave; l'int&eacute;rieur d'un m&ecirc;me document ou d'un document
diff&eacute;rent. Tous les calques manquants dans le document cible sont cr&eacute;&eacute;s automatiquement gr&acirc;ce &agrave; cette
manipulation. Ainsi, si vous copiez un bouton de survol de la souris, qui a un objet sur le calque &Eacute;tat
normal et un autre sur le calque Survol de la souris, vers un nouveau document, les calques Survol et &Eacute;tat
normal seront cr&eacute;&eacute;s s'ils n'existent pas d&eacute;j&agrave; et les objets du bouton seront copi&eacute;s sur ces calques.
&laquo; Ctrl + shift+ V &raquo; colle le contenu du presse-papiers dans la m&ecirc;me position X/Y d'o&ugrave; les objets ont &eacute;t&eacute;
coup&eacute;s ou copi&eacute;s. Ceci s'applique uniquement aux objets coup&eacute;s ou copi&eacute;s depuis Web Designer. Les
objets import&eacute;s depuis d'autres programmes sont toujours coll&eacute;s au centre de la fen&ecirc;tre actuelle.
L'objet reste dans le presse-papiers de fa&ccedil;on &agrave; ce que vous puissiez coller le m&ecirc;me objet plusieurs fois.
S'il existe un choix de formats dans le presse-papiers, &lt;programname&gt; affichera une bo&icirc;te de dialogue
Collage sp&eacute;cial
vous permettant de choisir le format souhait&eacute; pour le collage (par ex. lorsque vous collez du texte, vous
pouvez avoir le choix entre du &laquo; texte non format&eacute; &raquo; ou du texte au format &laquo; Rich Text &raquo;).
Page 243
Remplissages
G&eacute;n&eacute;ralement, lorsque vous d&eacute;placez un objet, vous d&eacute;placez &eacute;galement son remplissage :
D&eacute;placement normal de gauche &agrave; droite avec un objet &agrave; remplissage lin&eacute;aire.
Ceci s'applique &eacute;galement &agrave; la rotation, l'inclinaison, la modification de l'&eacute;chelle et l'&eacute;tirement des objets.
Web Designer peut &eacute;galement d&eacute;placer l'objet sans d&eacute;placer le remplissage d'origine. Pour cela, cliquez
sur la touche - du pav&eacute; num&eacute;rique
pendant le d&eacute;placement.
M&ecirc;me d&eacute;placement mais en appuyant sur la touche -(moins) pendant que vous faites glisser
Avancer les objets
G&eacute;n&eacute;ralement, vous pouvez d&eacute;placer un objet l&eacute;g&egrave;rement &agrave; l'aide des touches fl&eacute;ch&eacute;es?pour faire
avancer l'objet . (Ces touches ont parfois d'autres utilisations, tout particuli&egrave;rement dans l' Outil d'ajout
de texte
.)
Cette progression n'est affect&eacute;e ni par l'accrochage magn&eacute;tique, ni par l'accrochage sur la grille.
(L'accrochage est d&eacute;crit plus loin.)
Modificateurs de progression
Afin de modifier la distance de progression, utilisez ces combinaisons de touches tout en vous servant
des touches fl&eacute;ch&eacute;es :
 Ctrl avance de 5 fois la distance normale
 Maj avance de 10 fois la distance normale
 Ctrl+Maj avance d'1/5 de la distance normale
 Alt avance d'1 pixel
 Alt+Maj avance de 10 pixels
Vous pouvez modifier la distance de progression normale dans l'onglet G&eacute;n&eacute;ral sous Services&gt;
Options. (Se reporter au chapitre Personnaliser Web Designer
.)
La fonction Avancer fonctionne dans la plupart des outils.
Couper, copier et coller
Ces fonctions vous permettent de d&eacute;placer ou de copier un objet dans le m&ecirc;me document ou entre
diff&eacute;rents documents. La proc&eacute;dure est la suivante :
1. S&eacute;lectionner l'objet
2. Pour supprimer l'objet, choisissez &laquo; &Eacute;diter -&gt; Couper &raquo; (ou &laquo; Ctrl + X &raquo;). Pour copier l'objet
sans le supprimer, choisissez &laquo; &Eacute;diter -&gt; Copier &raquo; (ou &laquo; Ctrl + C &raquo;). Les deux options placent
l'objet (ou sa copie) dans le presse-papiers.
3. Choisissez &laquo; &Eacute;diter -&gt; Coller &raquo;, &laquo; Ctrl + V &raquo;, ou &laquo; Ins&eacute;rer &raquo;. Ceci permet de coller le contenu
du presse-papiers dans le document
Remarque : si les objets que vous copiez sont tous sur le m&ecirc;me calque
, vous pouvez les coller sur un calque en faisant de celui-ci le calque actuel. Le calque dont les objets
sont copi&eacute;s est alors ignor&eacute;.
Page 244
Cependant, si les objets que vous copiez se situent sur plusieurs calques
, la structure du calque est maintenue lors du collage. Des objets sont coll&eacute;s &agrave; partir du m&ecirc;me calque d'o&ugrave;
ils ont &eacute;t&eacute; copi&eacute;s, sans tenir compte du calque actuel.
Cela vous permet de copier des donn&eacute;es en calques &agrave; l'int&eacute;rieur d'un m&ecirc;me document ou d'un document
diff&eacute;rent. Tous les calques manquants dans le document cible sont cr&eacute;&eacute;s automatiquement gr&acirc;ce &agrave; cette
manipulation. Ainsi, si vous copiez un bouton de survol de la souris, qui a un objet sur le calque &Eacute;tat
normal et un autre sur le calque Survol de la souris, vers un nouveau document, les calques Survol et &Eacute;tat
normal seront cr&eacute;&eacute;s s'ils n'existent pas d&eacute;j&agrave; et les objets du bouton seront copi&eacute;s sur ces calques.
&laquo; Ctrl + shift+ V &raquo; colle le contenu du presse-papiers dans la m&ecirc;me position X/Y d'o&ugrave; les objets ont &eacute;t&eacute;
coup&eacute;s ou copi&eacute;s. Ceci s'applique uniquement aux objets coup&eacute;s ou copi&eacute;s depuis Web Designer. Les
objets import&eacute;s depuis d'autres programmes sont toujours coll&eacute;s au centre de la fen&ecirc;tre actuelle.
L'objet reste dans le presse-papiers de fa&ccedil;on &agrave; ce que vous puissiez coller le m&ecirc;me objet plusieurs fois.
S'il existe un choix de formats dans le presse-papiers, &lt;programname&gt; affichera une bo&icirc;te de dialogue
Collage sp&eacute;cial
vous permettant de choisir le format souhait&eacute; pour le collage (par ex. lorsque vous collez du texte, vous
pouvez avoir le choix entre du &laquo; texte non format&eacute; &raquo; ou du texte au format &laquo; Rich Text &raquo;).
Page 245
Avancer les objets
G&eacute;n&eacute;ralement, vous pouvez d&eacute;placer un objet l&eacute;g&egrave;rement &agrave; l'aide des touches fl&eacute;ch&eacute;es?pour faire
avancer l'objet . (Ces touches ont parfois d'autres utilisations, tout particuli&egrave;rement dans l' Outil d'ajout
de texte
.)
Cette progression n'est affect&eacute;e ni par l'accrochage magn&eacute;tique, ni par l'accrochage sur la grille.
(L'accrochage est d&eacute;crit plus loin.)
Modificateurs de progression
Afin de modifier la distance de progression, utilisez ces combinaisons de touches tout en vous servant
des touches fl&eacute;ch&eacute;es :
 Ctrl avance de 5 fois la distance normale
 Maj avance de 10 fois la distance normale
 Ctrl+Maj avance d'1/5 de la distance normale
 Alt avance d'1 pixel
 Alt+Maj avance de 10 pixels
Vous pouvez modifier la distance de progression normale dans l'onglet G&eacute;n&eacute;ral sous Services&gt;
Options. (Se reporter au chapitre Personnaliser Web Designer
.)
La fonction Avancer fonctionne dans la plupart des outils.
Couper, copier et coller
Ces fonctions vous permettent de d&eacute;placer ou de copier un objet dans le m&ecirc;me document ou entre
diff&eacute;rents documents. La proc&eacute;dure est la suivante :
1. S&eacute;lectionner l'objet
2. Pour supprimer l'objet, choisissez &laquo; &Eacute;diter -&gt; Couper &raquo; (ou &laquo; Ctrl + X &raquo;). Pour copier l'objet
sans le supprimer, choisissez &laquo; &Eacute;diter -&gt; Copier &raquo; (ou &laquo; Ctrl + C &raquo;). Les deux options placent
l'objet (ou sa copie) dans le presse-papiers.
3. Choisissez &laquo; &Eacute;diter -&gt; Coller &raquo;, &laquo; Ctrl + V &raquo;, ou &laquo; Ins&eacute;rer &raquo;. Ceci permet de coller le contenu
du presse-papiers dans le document
Remarque : si les objets que vous copiez sont tous sur le m&ecirc;me calque
, vous pouvez les coller sur un calque en faisant de celui-ci le calque actuel. Le calque dont les objets
sont copi&eacute;s est alors ignor&eacute;.
Cependant, si les objets que vous copiez se situent sur plusieurs calques
, la structure du calque est maintenue lors du collage. Des objets sont coll&eacute;s &agrave; partir du m&ecirc;me calque d'o&ugrave;
ils ont &eacute;t&eacute; copi&eacute;s, sans tenir compte du calque actuel.
Cela vous permet de copier des donn&eacute;es en calques &agrave; l'int&eacute;rieur d'un m&ecirc;me document ou d'un document
diff&eacute;rent. Tous les calques manquants dans le document cible sont cr&eacute;&eacute;s automatiquement gr&acirc;ce &agrave; cette
manipulation. Ainsi, si vous copiez un bouton de survol de la souris, qui a un objet sur le calque &Eacute;tat
normal et un autre sur le calque Survol de la souris, vers un nouveau document, les calques Survol et &Eacute;tat
normal seront cr&eacute;&eacute;s s'ils n'existent pas d&eacute;j&agrave; et les objets du bouton seront copi&eacute;s sur ces calques.
&laquo; Ctrl + shift+ V &raquo; colle le contenu du presse-papiers dans la m&ecirc;me position X/Y d'o&ugrave; les objets ont &eacute;t&eacute;
coup&eacute;s ou copi&eacute;s. Ceci s'applique uniquement aux objets coup&eacute;s ou copi&eacute;s depuis Web Designer. Les
objets import&eacute;s depuis d'autres programmes sont toujours coll&eacute;s au centre de la fen&ecirc;tre actuelle.
L'objet reste dans le presse-papiers de fa&ccedil;on &agrave; ce que vous puissiez coller le m&ecirc;me objet plusieurs fois.
S'il existe un choix de formats dans le presse-papiers, &lt;programname&gt; affichera une bo&icirc;te de dialogue
Collage sp&eacute;cial
vous permettant de choisir le format souhait&eacute; pour le collage (par ex. lorsque vous collez du texte, vous
pouvez avoir le choix entre du &laquo; texte non format&eacute; &raquo; ou du texte au format &laquo; Rich Text &raquo;).
Page 246
Couper, copier et coller
Ces fonctions vous permettent de d&eacute;placer ou de copier un objet dans le m&ecirc;me document ou entre
diff&eacute;rents documents. La proc&eacute;dure est la suivante :
1. S&eacute;lectionner l'objet
2. Pour supprimer l'objet, choisissez &laquo; &Eacute;diter -&gt; Couper &raquo; (ou &laquo; Ctrl + X &raquo;). Pour copier l'objet
sans le supprimer, choisissez &laquo; &Eacute;diter -&gt; Copier &raquo; (ou &laquo; Ctrl + C &raquo;). Les deux options placent
l'objet (ou sa copie) dans le presse-papiers.
3. Choisissez &laquo; &Eacute;diter -&gt; Coller &raquo;, &laquo; Ctrl + V &raquo;, ou &laquo; Ins&eacute;rer &raquo;. Ceci permet de coller le contenu
du presse-papiers dans le document
Remarque : si les objets que vous copiez sont tous sur le m&ecirc;me calque
, vous pouvez les coller sur un calque en faisant de celui-ci le calque actuel. Le calque dont les objets
sont copi&eacute;s est alors ignor&eacute;.
Cependant, si les objets que vous copiez se situent sur plusieurs calques
, la structure du calque est maintenue lors du collage. Des objets sont coll&eacute;s &agrave; partir du m&ecirc;me calque d'o&ugrave;
ils ont &eacute;t&eacute; copi&eacute;s, sans tenir compte du calque actuel.
Cela vous permet de copier des donn&eacute;es en calques &agrave; l'int&eacute;rieur d'un m&ecirc;me document ou d'un document
diff&eacute;rent. Tous les calques manquants dans le document cible sont cr&eacute;&eacute;s automatiquement gr&acirc;ce &agrave; cette
manipulation. Ainsi, si vous copiez un bouton de survol de la souris, qui a un objet sur le calque &Eacute;tat
normal et un autre sur le calque Survol de la souris, vers un nouveau document, les calques Survol et &Eacute;tat
normal seront cr&eacute;&eacute;s s'ils n'existent pas d&eacute;j&agrave; et les objets du bouton seront copi&eacute;s sur ces calques.
&laquo; Ctrl + shift+ V &raquo; colle le contenu du presse-papiers dans la m&ecirc;me position X/Y d'o&ugrave; les objets ont &eacute;t&eacute;
coup&eacute;s ou copi&eacute;s. Ceci s'applique uniquement aux objets coup&eacute;s ou copi&eacute;s depuis Web Designer. Les
objets import&eacute;s depuis d'autres programmes sont toujours coll&eacute;s au centre de la fen&ecirc;tre actuelle.
L'objet reste dans le presse-papiers de fa&ccedil;on &agrave; ce que vous puissiez coller le m&ecirc;me objet plusieurs fois.
S'il existe un choix de formats dans le presse-papiers, &lt;programname&gt; affichera une bo&icirc;te de dialogue
Collage sp&eacute;cial
vous permettant de choisir le format souhait&eacute; pour le collage (par ex. lorsque vous collez du texte, vous
pouvez avoir le choix entre du &laquo; texte non format&eacute; &raquo; ou du texte au format &laquo; Rich Text &raquo;).
Page 247
Retirer des objets du document
S&eacute;lectionnez tout d'abord les objets que vous souhaitez retirer. Vous avez le choix entre couper les
objets vers le presse-papier ou les supprimer.
Couper des objets
Choisissez &laquo; &Eacute;diter -&gt; Couper &raquo;, ou appuyez sur &laquo; Ctrl + X &raquo;. Le contenu du presse-papiers est &eacute;cras&eacute;
et vous pouvez coller les objets supprim&eacute;s ailleurs si vous le souhaitez.
Supprimer des objets
Choisissez &laquo; &Eacute;diter -&gt; Supprimer &raquo;, appuyez sur
&laquo; Supprimer &raquo; ou cliquez sur le bouton Supprimer de la barre
de contr&ocirc;le Standard
.
Dans ce cas, les objets supprim&eacute;s ne sont pas copi&eacute;s dans le presse-papiers. Si vous supprimez un objet
accidentellement, faites Annuler pour le r&eacute;cup&eacute;rer.
Page 248
Couper des objets
Choisissez &laquo; &Eacute;diter -&gt; Couper &raquo;, ou appuyez sur &laquo; Ctrl + X &raquo;. Le contenu du presse-papiers est &eacute;cras&eacute;
et vous pouvez coller les objets supprim&eacute;s ailleurs si vous le souhaitez.
Supprimer des objets
Choisissez &laquo; &Eacute;diter -&gt; Supprimer &raquo;, appuyez sur
&laquo; Supprimer &raquo; ou cliquez sur le bouton Supprimer de la barre
de contr&ocirc;le Standard
.
Dans ce cas, les objets supprim&eacute;s ne sont pas copi&eacute;s dans le presse-papiers. Si vous supprimez un objet
accidentellement, faites Annuler pour le r&eacute;cup&eacute;rer.
Page 249
Supprimer des objets
Choisissez &laquo; &Eacute;diter -&gt; Supprimer &raquo;, appuyez sur
&laquo; Supprimer &raquo; ou cliquez sur le bouton Supprimer de la barre
de contr&ocirc;le Standard
.
Dans ce cas, les objets supprim&eacute;s ne sont pas copi&eacute;s dans le presse-papiers. Si vous supprimez un objet
accidentellement, faites Annuler pour le r&eacute;cup&eacute;rer.
Page 250
Dupliquer et cloner
Ces deux options cr&eacute;ent une copie de l'objet s&eacute;lectionn&eacute;. L'objet original est d&eacute;s&eacute;lectionn&eacute; et le double
ou le clone devient l'objet s&eacute;lectionn&eacute;.
Vous pouvez &eacute;galement dupliquer un objet tout en le d&eacute;pla&ccedil;ant, le tournant, en modifiant l'&eacute;chelle ou
l'inclinant. Lorsque vous le faites glisser (tout en maintenant le bouton gauche de la souris enfonc&eacute;),
cliquez sur le bouton droit de la souris ou appuyez sur la touche + du pav&eacute; num&eacute;rique pour d&eacute;poser une
copie de l'objet. L'objet original ne bouge pas. Vous pouvez recommencer autant de fois que vous le
souhaitez afin de cr&eacute;er une s&eacute;rie d'objets dupliqu&eacute;s.
Un autre moyen facile de cr&eacute;er une ou plusieurs copies d'un objet align&eacute; horizontalement ou verticalement
avec pr&eacute;cision consiste &agrave; le faire glisser tout en maintenant la touche Ctrl enfonc&eacute;e pour restreindre le
mouvement, et cliquer droit (ou appuyer sur la touche + du pav&eacute; num&eacute;rique) &agrave; chaque copie souhait&eacute;e.
Pour remplacer rapidement une ligne d'objets, tirez-en un puis faites-le glisser en maintenant la touche
Ctrl et en cliquant droit pour chaque copie souhait&eacute;e.
Dupliquer
Choisir &Eacute;diter &gt; Dupliquer
ou appuyer sur Ctrl+D. La copie est l&eacute;g&egrave;rement d&eacute;plac&eacute;e, g&eacute;n&eacute;ralement vers le bas, &agrave; droite de
l'original.
La distance de duplication est d&eacute;finissable par l'utilisateur—voir chapitre Personnaliser Web Designer)
.
Cloner
Choisir &Eacute;diter &gt; Cloner
ou appuyer sur Ctrl+K. Ceci place une copie exactement au-dessus de l'original. Le clonage constitue
un moyen facile de cr&eacute;er des formes concentriques.
L'unit&eacute; de mesure standard dans des programmes de graphisme pour les tailles de police et l'&eacute;paisseur
des lignes est le POINT (pt). Cet exemple utilise une grande lettre originale A avec un remplissage noir et
un contour blanc de 4 pt d'&eacute;paisseur ainsi qu'un clone sans remplissage avec un contour noir de 1 pt.
Page 251
Dupliquer
Choisir &Eacute;diter &gt; Dupliquer
ou appuyer sur Ctrl+D. La copie est l&eacute;g&egrave;rement d&eacute;plac&eacute;e, g&eacute;n&eacute;ralement vers le bas, &agrave; droite de
l'original.
La distance de duplication est d&eacute;finissable par l'utilisateur—voir chapitre Personnaliser Web Designer)
.
Cloner
Choisir &Eacute;diter &gt; Cloner
ou appuyer sur Ctrl+K. Ceci place une copie exactement au-dessus de l'original. Le clonage constitue
un moyen facile de cr&eacute;er des formes concentriques.
L'unit&eacute; de mesure standard dans des programmes de graphisme pour les tailles de police et l'&eacute;paisseur
des lignes est le POINT (pt). Cet exemple utilise une grande lettre originale A avec un remplissage noir et
un contour blanc de 4 pt d'&eacute;paisseur ainsi qu'un clone sans remplissage avec un contour noir de 1 pt.
Page 252
Cloner
Choisir &Eacute;diter &gt; Cloner
ou appuyer sur Ctrl+K. Ceci place une copie exactement au-dessus de l'original. Le clonage constitue
un moyen facile de cr&eacute;er des formes concentriques.
L'unit&eacute; de mesure standard dans des programmes de graphisme pour les tailles de police et l'&eacute;paisseur
des lignes est le POINT (pt). Cet exemple utilise une grande lettre originale A avec un remplissage noir et
un contour blanc de 4 pt d'&eacute;paisseur ainsi qu'un clone sans remplissage avec un contour noir de 1 pt.
Page 253
D&eacute;placer les objets vers l'avant et l'arri&egrave;re
Les illustrations complexes ont des objets empil&eacute;s les uns sur les autres, telles que cette cible :
La cible de gauche est constitu&eacute;e de trois cercles empil&eacute;s l'un sur l'autre
Pour garantir que les objets sont superpos&eacute;s dans le bon ordre, il faut souvent r&eacute;organiser leur ordre de
l'avant vers l'arri&egrave;re. (L'objet de premier plan couvre toujours les objets inf&eacute;rieurs, qui couvrent
eux-m&ecirc;mes toujours les objets qui se trouvent plus en arri&egrave;re. Chaque nouvel objet cr&eacute;&eacute; l'est toujours
au-dessus des plus anciens.)
Le menu Arranger vous offre quatre options :
 Mettre au premier plan (Ctrl+F) : permet &agrave; l'objet s&eacute;lectionn&eacute; de passer au premier plan. Par
cons&eacute;quent, il masquera tout autre objet qu'il recouvre.
 D&eacute;placer vers l'avant (Ctrl+Maj+F) : ceci d&eacute;place l'objet d'un niveau vers l'avant, comme s'il
gravissait une marche d'escalier &agrave; la fois.
 D&eacute;placer vers l'arri&egrave;re (Ctrl+Maj+B) : ceci d&eacute;place l'objet d'un niveau vers l'arri&egrave;re.
 Mettre &agrave; l'arri&egrave;re-plan (Ctrl+B) : ceci d&eacute;place l'objet vers l'arri&egrave;re.
Ces options d&eacute;placent les objets vers l'avant et l'arri&egrave;re dans leur calque. D&eacute;placer vers le calque du
premier plan et D&eacute;placer vers le calque d'arri&egrave;re-plan
vous permet de d&eacute;placer les objets entre les calques visibles. (Les calques invisibles sont ignor&eacute;s lors du
d&eacute;placement des objets.)
Plus d'informations concernant les calques dans le chapitre Calques
Page 254
Rotation d'objets
Cette option se trouve sous Outil de s&eacute;lection
.
En mode Rotation, le point de r&eacute;f&eacute;rence (autour duquel l'objet tourne)
appara&icirc;t tout d'abord au centre de l'objet, symbolis&eacute; par une petite cible
comme celle-ci.
Cliquez sur un objet pour mettre l'outil de s&eacute;lection en mode Rotation.
Pour d&eacute;placer le point de r&eacute;f&eacute;rence, faites glisser la cible du point de r&eacute;f&eacute;rence &agrave; l'endroit souhait&eacute;.
Attention
: si le centre de rotation est d&eacute;plac&eacute;, il restera dans cette m&ecirc;me position pour tout objet s&eacute;lectionn&eacute;
jusqu'&agrave; ce que tous les objets s&eacute;lectionn&eacute;s aient &eacute;t&eacute; d&eacute;s&eacute;lectionn&eacute;s, et &agrave; ce moment il retourne au milieu
de n'importe quel objet.
Faire pivoter &agrave; l'aide de la souris
L'Outil de s&eacute;lection
doit &ecirc;tre en mode Rotation / Inclinaison (les poign&eacute;es de s&eacute;lection ont une forme de fl&egrave;che).
En tirant les poign&eacute;es lat&eacute;rales, l'objet s'&eacute;tire. Ceci est d&eacute;crit dans le chapitre &Eacute;tirer et &eacute;craser des objets.
Tirez sur une fl&egrave;che d'angle. En tirant, l'objet tourne autour du point de r&eacute;f&eacute;rence. La barre d'infos affiche
l'angle de rotation en cours.
&laquo; shift+ tirer &raquo; fait pivoter l'objet autour de son centre (le point de r&eacute;f&eacute;rence est ignor&eacute;).
Maintenez la touche &laquo; Ctrl &raquo; enfonc&eacute;e pour restreindre la rotation aux angles forc&eacute;s.
Les angles forc&eacute;s sont d&eacute;finissables par l'utilisateur. Pour en savoir plus, r&eacute;f&eacute;rez-vous au chapitre &laquo;
Personnaliser Web Designer
&raquo;.
Pour cr&eacute;er une copie tout en faisant pivoter l'objet, cliquez sur la touche &laquo; + &raquo; du pav&eacute; num&eacute;rique tout en
faisant tourner l'objet ou cliquez sur le bouton droit de la souris.
Faire tourner &agrave; un angle pr&eacute;cis (&agrave; l'aide de la barre d'infos)
Saisir un angle dans le champ de rotation et appuyer sur Entr&eacute;e. Les angles positifs tournent &agrave; l'inverse
des aiguilles d'une montre tandis que les angles n&eacute;gatifs tournent dans le sens des aiguilles d'une montre.
Cliquer sur les fl&egrave;ches de droite pour faire
progresser l'angle de rotation.
Faire tourner les objets en mode Modification de la taille
Il est possible de faire tourner et d'incliner un objet m&ecirc;me hors du mode Rotation. En mode Modification
Page 255
de la taille, placer le pointeur de la souris dans les petites zones situ&eacute;es pr&egrave;s des poign&eacute;es du frame de
s&eacute;lection tel qu'illustr&eacute; ci-dessus. Le pointeur de la souris se transforme en ic&ocirc;ne de rotation ou
d'inclinaison indiquant qu'il est d&eacute;sormais possible de faire tourner ou d'incliner l'objet en tirant avec la
souris.
Page 256
Faire pivoter &agrave; l'aide de la souris
L'Outil de s&eacute;lection
doit &ecirc;tre en mode Rotation / Inclinaison (les poign&eacute;es de s&eacute;lection ont une forme de fl&egrave;che).
En tirant les poign&eacute;es lat&eacute;rales, l'objet s'&eacute;tire. Ceci est d&eacute;crit dans le chapitre &Eacute;tirer et &eacute;craser des objets.
Tirez sur une fl&egrave;che d'angle. En tirant, l'objet tourne autour du point de r&eacute;f&eacute;rence. La barre d'infos affiche
l'angle de rotation en cours.
&laquo; shift+ tirer &raquo; fait pivoter l'objet autour de son centre (le point de r&eacute;f&eacute;rence est ignor&eacute;).
Maintenez la touche &laquo; Ctrl &raquo; enfonc&eacute;e pour restreindre la rotation aux angles forc&eacute;s.
Les angles forc&eacute;s sont d&eacute;finissables par l'utilisateur. Pour en savoir plus, r&eacute;f&eacute;rez-vous au chapitre &laquo;
Personnaliser Web Designer
&raquo;.
Pour cr&eacute;er une copie tout en faisant pivoter l'objet, cliquez sur la touche &laquo; + &raquo; du pav&eacute; num&eacute;rique tout en
faisant tourner l'objet ou cliquez sur le bouton droit de la souris.
Faire tourner &agrave; un angle pr&eacute;cis (&agrave; l'aide de la barre d'infos)
Saisir un angle dans le champ de rotation et appuyer sur Entr&eacute;e. Les angles positifs tournent &agrave; l'inverse
des aiguilles d'une montre tandis que les angles n&eacute;gatifs tournent dans le sens des aiguilles d'une montre.
Cliquer sur les fl&egrave;ches de droite pour faire
progresser l'angle de rotation.
Faire tourner les objets en mode Modification de la taille
Il est possible de faire tourner et d'incliner un objet m&ecirc;me hors du mode Rotation. En mode Modification
de la taille, placer le pointeur de la souris dans les petites zones situ&eacute;es pr&egrave;s des poign&eacute;es du frame de
s&eacute;lection tel qu'illustr&eacute; ci-dessus. Le pointeur de la souris se transforme en ic&ocirc;ne de rotation ou
d'inclinaison indiquant qu'il est d&eacute;sormais possible de faire tourner ou d'incliner l'objet en tirant avec la
souris.
Page 257
Faire tourner &agrave; un angle pr&eacute;cis (&agrave; l'aide de la barre d'infos)
Saisir un angle dans le champ de rotation et appuyer sur Entr&eacute;e. Les angles positifs tournent &agrave; l'inverse
des aiguilles d'une montre tandis que les angles n&eacute;gatifs tournent dans le sens des aiguilles d'une montre.
Cliquer sur les fl&egrave;ches de droite pour faire
progresser l'angle de rotation.
Faire tourner les objets en mode Modification de la taille
Il est possible de faire tourner et d'incliner un objet m&ecirc;me hors du mode Rotation. En mode Modification
de la taille, placer le pointeur de la souris dans les petites zones situ&eacute;es pr&egrave;s des poign&eacute;es du frame de
s&eacute;lection tel qu'illustr&eacute; ci-dessus. Le pointeur de la souris se transforme en ic&ocirc;ne de rotation ou
d'inclinaison indiquant qu'il est d&eacute;sormais possible de faire tourner ou d'incliner l'objet en tirant avec la
souris.
Page 258
Faire tourner les objets en mode Modification de la taille
Il est possible de faire tourner et d'incliner un objet m&ecirc;me hors du mode Rotation. En mode Modification
de la taille, placer le pointeur de la souris dans les petites zones situ&eacute;es pr&egrave;s des poign&eacute;es du frame de
s&eacute;lection tel qu'illustr&eacute; ci-dessus. Le pointeur de la souris se transforme en ic&ocirc;ne de rotation ou
d'inclinaison indiquant qu'il est d&eacute;sormais possible de faire tourner ou d'incliner l'objet en tirant avec la
souris.
Page 259
Modification de l'&eacute;chelle des objets.
Cette option se trouve sous Outil de s&eacute;lection
.
Bouton Modifier les largeurs de contours
Une fois le bouton Modifier les largeurs de
contour
activ&eacute;, modifier l'&eacute;chelle d'un objet modifie
aussi les largeurs de ses contours. Si ce bouton
est inactiv&eacute;, les largeurs des contours resteront
inchang&eacute;es.
Vous pouvez activer/d&eacute;sactiver ce bouton pendant que vous tirez un objet en cliquant sur la touche / du
pav&eacute; num&eacute;rique.
Lorsqu'elles sont actives, les valeurs de X, Y, celles de la largeur et de la hauteur dans la barre d'info
incluent la largeur du contour ou du pinceau. Il est parfois utile de pouvoir voir et contr&ocirc;ler la taille exacte
de la forme sans prendre en compte l'&eacute;paisseur du contour.
Bouton Conserver les proportions
Une fois le bouton Conserver les proportions
activ&eacute;, le ratio largeur/taille reste constant lors
de la modification de l'&eacute;chelle de l'objet.
En d'autres termes, la forme garde les m&ecirc;mes proportions que l'original. Il est recommand&eacute; de garder ce
bouton activ&eacute; la plupart du temps afin de s'assurer que les objets ne se tassent pas lors de la modification
de leur taille.
Une fois ce bouton d&eacute;sactiv&eacute;, vous pouvez modifier les proportions lorsque vous modifiez l'&eacute;chelle de
l'objet ; en d'autres termes, vous pouvez &eacute;tirer l'objet dans un sens ou l'autre en tirant une poign&eacute;e d'angle
de modification de taille ou en saisissant une nouvelle taille.
Modifier l'&eacute;chelle &agrave; l'aide de la souris
L'Outil de
s&eacute;lection
doit &ecirc;tre en mode
Modification
d'&eacute;chelle (les
poign&eacute;es du cadre
de s&eacute;lection sont
carr&eacute;es). Si
n&eacute;cessaire, cliquez
sur l'objet pour
passer en mode
Modification
d'&eacute;chelle.
Tirez une des poign&eacute;es d'angle. L'objet change d'&eacute;chelle &agrave; mesure que vous bougez le pointeur en
diagonale. La barre d'infos affiche la modification d'&eacute;chelle en cours. La modification de l'objet se fait
entre la poign&eacute;e que vous &ecirc;tes en train de tirer et celle d'en face. Si vous voulez utiliser un autre point de
l'objet comme point fixe, d&eacute;placez le point de r&eacute;f&eacute;rence vers celui-ci et utilisez les boutons de la barre
d'info pour mettre &agrave; l'&eacute;chelle.
Page 260
Maintenez &laquo; shift &raquo; tout en faisant glisser afin de modifier l'&eacute;chelle de l'objet autour de son centre. Cela
fonctionne ind&eacute;pendamment de la position du point de r&eacute;f&eacute;rence.
&laquo; Ctrl+tirer &raquo; modifie la taille de l'objet en multiples de sa taille originale (x2, x3, etc.).
Pour cr&eacute;er une copie tout en modifiant la taille de l'objet (et en laissant l'original &agrave; sa place), vous devez
effectuer un clic droit ou appuyer sur la touche &laquo; + &raquo; du pav&eacute; num&eacute;rique.
En tirant les poign&eacute;es lat&eacute;rales, l'objet s'&eacute;tire ou se tasse. Ceci est d&eacute;crit dans le chapitre &Eacute;tirer et &eacute;craser
des objets.
Modifier l'&eacute;chelle &agrave; l'aide de la barre d'infos
Saisissez des valeurs dans les champs Redimensionner le texte et appuyer sur &laquo;
&iquest; &raquo;.
 Les modifications d'&eacute;chelle inf&eacute;rieures &agrave; 100 % r&eacute;duisent l'objet. 50 r&eacute;duit de moiti&eacute; la taille de
l'objet.
 Les modifications d'&eacute;chelle sup&eacute;rieures &agrave; 100 % agrandissent l'objet. 200 double la taille de
l'objet.
Si le bouton Conserver les proportions
est activ&eacute;, vous pouvez indiff&eacute;remment saisir la valeur dans l'un des deux champs de texte pour
redimensionner l'objet &agrave; hauteur du pourcentage souhait&eacute;. Si ce bouton n'est pas activ&eacute;, vous pouvez
saisir des valeurs s&eacute;par&eacute;es pour la largeur et la hauteur.
Vous pouvez &eacute;galement saisir la taille requise de l'objet dans les champs de texte Largeur ou Hauteur.
Si le bouton Conserver les proportions
est activ&eacute;, l'objet sera redimensionn&eacute; en maintenant ses proportions. Vous pouvez saisir la taille dans
l'unit&eacute; de votre choix, 1 cm par exemple.
Si vous vous servez de la barre d'infos pour mettre &agrave; l'&eacute;chelle (ou des champs num&eacute;riques), cette mise &agrave;
l'&eacute;chelle sera toujours faite autour du point de r&eacute;f&eacute;rence. Vous pouvez positionner celui-ci &agrave; tout autre
endroit de l'objet, comme nous l'avons vu pr&eacute;c&eacute;demment dans la section &laquo; Rotation des objets &raquo;.
Page 261
Bouton Modifier les largeurs de contours
Une fois le bouton Modifier les largeurs de
contour
activ&eacute;, modifier l'&eacute;chelle d'un objet modifie
aussi les largeurs de ses contours. Si ce bouton
est inactiv&eacute;, les largeurs des contours resteront
inchang&eacute;es.
Vous pouvez activer/d&eacute;sactiver ce bouton pendant que vous tirez un objet en cliquant sur la touche / du
pav&eacute; num&eacute;rique.
Lorsqu'elles sont actives, les valeurs de X, Y, celles de la largeur et de la hauteur dans la barre d'info
incluent la largeur du contour ou du pinceau. Il est parfois utile de pouvoir voir et contr&ocirc;ler la taille exacte
de la forme sans prendre en compte l'&eacute;paisseur du contour.
Bouton Conserver les proportions
Une fois le bouton Conserver les proportions
activ&eacute;, le ratio largeur/taille reste constant lors
de la modification de l'&eacute;chelle de l'objet.
En d'autres termes, la forme garde les m&ecirc;mes proportions que l'original. Il est recommand&eacute; de garder ce
bouton activ&eacute; la plupart du temps afin de s'assurer que les objets ne se tassent pas lors de la modification
de leur taille.
Une fois ce bouton d&eacute;sactiv&eacute;, vous pouvez modifier les proportions lorsque vous modifiez l'&eacute;chelle de
l'objet ; en d'autres termes, vous pouvez &eacute;tirer l'objet dans un sens ou l'autre en tirant une poign&eacute;e d'angle
de modification de taille ou en saisissant une nouvelle taille.
Modifier l'&eacute;chelle &agrave; l'aide de la souris
L'Outil de
s&eacute;lection
doit &ecirc;tre en mode
Modification
d'&eacute;chelle (les
poign&eacute;es du cadre
de s&eacute;lection sont
carr&eacute;es). Si
n&eacute;cessaire, cliquez
sur l'objet pour
passer en mode
Modification
d'&eacute;chelle.
Tirez une des poign&eacute;es d'angle. L'objet change d'&eacute;chelle &agrave; mesure que vous bougez le pointeur en
diagonale. La barre d'infos affiche la modification d'&eacute;chelle en cours. La modification de l'objet se fait
entre la poign&eacute;e que vous &ecirc;tes en train de tirer et celle d'en face. Si vous voulez utiliser un autre point de
l'objet comme point fixe, d&eacute;placez le point de r&eacute;f&eacute;rence vers celui-ci et utilisez les boutons de la barre
d'info pour mettre &agrave; l'&eacute;chelle.
Maintenez &laquo; shift &raquo; tout en faisant glisser afin de modifier l'&eacute;chelle de l'objet autour de son centre. Cela
fonctionne ind&eacute;pendamment de la position du point de r&eacute;f&eacute;rence.
&laquo; Ctrl+tirer &raquo; modifie la taille de l'objet en multiples de sa taille originale (x2, x3, etc.).
Pour cr&eacute;er une copie tout en modifiant la taille de l'objet (et en laissant l'original &agrave; sa place), vous devez
effectuer un clic droit ou appuyer sur la touche &laquo; + &raquo; du pav&eacute; num&eacute;rique.
Page 262
En tirant les poign&eacute;es lat&eacute;rales, l'objet s'&eacute;tire ou se tasse. Ceci est d&eacute;crit dans le chapitre &Eacute;tirer et &eacute;craser
des objets.
Modifier l'&eacute;chelle &agrave; l'aide de la barre d'infos
Saisissez des valeurs dans les champs Redimensionner le texte et appuyer sur &laquo;
&iquest; &raquo;.
 Les modifications d'&eacute;chelle inf&eacute;rieures &agrave; 100 % r&eacute;duisent l'objet. 50 r&eacute;duit de moiti&eacute; la taille de
l'objet.
 Les modifications d'&eacute;chelle sup&eacute;rieures &agrave; 100 % agrandissent l'objet. 200 double la taille de
l'objet.
Si le bouton Conserver les proportions
est activ&eacute;, vous pouvez indiff&eacute;remment saisir la valeur dans l'un des deux champs de texte pour
redimensionner l'objet &agrave; hauteur du pourcentage souhait&eacute;. Si ce bouton n'est pas activ&eacute;, vous pouvez
saisir des valeurs s&eacute;par&eacute;es pour la largeur et la hauteur.
Vous pouvez &eacute;galement saisir la taille requise de l'objet dans les champs de texte Largeur ou Hauteur.
Si le bouton Conserver les proportions
est activ&eacute;, l'objet sera redimensionn&eacute; en maintenant ses proportions. Vous pouvez saisir la taille dans
l'unit&eacute; de votre choix, 1 cm par exemple.
Si vous vous servez de la barre d'infos pour mettre &agrave; l'&eacute;chelle (ou des champs num&eacute;riques), cette mise &agrave;
l'&eacute;chelle sera toujours faite autour du point de r&eacute;f&eacute;rence. Vous pouvez positionner celui-ci &agrave; tout autre
endroit de l'objet, comme nous l'avons vu pr&eacute;c&eacute;demment dans la section &laquo; Rotation des objets &raquo;.
Page 263
Bouton Conserver les proportions
Une fois le bouton Conserver les proportions
activ&eacute;, le ratio largeur/taille reste constant lors
de la modification de l'&eacute;chelle de l'objet.
En d'autres termes, la forme garde les m&ecirc;mes proportions que l'original. Il est recommand&eacute; de garder ce
bouton activ&eacute; la plupart du temps afin de s'assurer que les objets ne se tassent pas lors de la modification
de leur taille.
Une fois ce bouton d&eacute;sactiv&eacute;, vous pouvez modifier les proportions lorsque vous modifiez l'&eacute;chelle de
l'objet ; en d'autres termes, vous pouvez &eacute;tirer l'objet dans un sens ou l'autre en tirant une poign&eacute;e d'angle
de modification de taille ou en saisissant une nouvelle taille.
Modifier l'&eacute;chelle &agrave; l'aide de la souris
L'Outil de
s&eacute;lection
doit &ecirc;tre en mode
Modification
d'&eacute;chelle (les
poign&eacute;es du cadre
de s&eacute;lection sont
carr&eacute;es). Si
n&eacute;cessaire, cliquez
sur l'objet pour
passer en mode
Modification
d'&eacute;chelle.
Tirez une des poign&eacute;es d'angle. L'objet change d'&eacute;chelle &agrave; mesure que vous bougez le pointeur en
diagonale. La barre d'infos affiche la modification d'&eacute;chelle en cours. La modification de l'objet se fait
entre la poign&eacute;e que vous &ecirc;tes en train de tirer et celle d'en face. Si vous voulez utiliser un autre point de
l'objet comme point fixe, d&eacute;placez le point de r&eacute;f&eacute;rence vers celui-ci et utilisez les boutons de la barre
d'info pour mettre &agrave; l'&eacute;chelle.
Maintenez &laquo; shift &raquo; tout en faisant glisser afin de modifier l'&eacute;chelle de l'objet autour de son centre. Cela
fonctionne ind&eacute;pendamment de la position du point de r&eacute;f&eacute;rence.
&laquo; Ctrl+tirer &raquo; modifie la taille de l'objet en multiples de sa taille originale (x2, x3, etc.).
Pour cr&eacute;er une copie tout en modifiant la taille de l'objet (et en laissant l'original &agrave; sa place), vous devez
effectuer un clic droit ou appuyer sur la touche &laquo; + &raquo; du pav&eacute; num&eacute;rique.
En tirant les poign&eacute;es lat&eacute;rales, l'objet s'&eacute;tire ou se tasse. Ceci est d&eacute;crit dans le chapitre &Eacute;tirer et &eacute;craser
des objets.
Modifier l'&eacute;chelle &agrave; l'aide de la barre d'infos
Saisissez des valeurs dans les champs Redimensionner le texte et appuyer sur &laquo;
&iquest; &raquo;.
 Les modifications d'&eacute;chelle inf&eacute;rieures &agrave; 100 % r&eacute;duisent l'objet. 50 r&eacute;duit de moiti&eacute; la taille de
l'objet.
 Les modifications d'&eacute;chelle sup&eacute;rieures &agrave; 100 % agrandissent l'objet. 200 double la taille de
Page 264
l'objet.
Si le bouton Conserver les proportions
est activ&eacute;, vous pouvez indiff&eacute;remment saisir la valeur dans l'un des deux champs de texte pour
redimensionner l'objet &agrave; hauteur du pourcentage souhait&eacute;. Si ce bouton n'est pas activ&eacute;, vous pouvez
saisir des valeurs s&eacute;par&eacute;es pour la largeur et la hauteur.
Vous pouvez &eacute;galement saisir la taille requise de l'objet dans les champs de texte Largeur ou Hauteur.
Si le bouton Conserver les proportions
est activ&eacute;, l'objet sera redimensionn&eacute; en maintenant ses proportions. Vous pouvez saisir la taille dans
l'unit&eacute; de votre choix, 1 cm par exemple.
Si vous vous servez de la barre d'infos pour mettre &agrave; l'&eacute;chelle (ou des champs num&eacute;riques), cette mise &agrave;
l'&eacute;chelle sera toujours faite autour du point de r&eacute;f&eacute;rence. Vous pouvez positionner celui-ci &agrave; tout autre
endroit de l'objet, comme nous l'avons vu pr&eacute;c&eacute;demment dans la section &laquo; Rotation des objets &raquo;.
Page 265
Modifier l'&eacute;chelle &agrave; l'aide de la souris
L'Outil de
s&eacute;lection
doit &ecirc;tre en mode
Modification
d'&eacute;chelle (les
poign&eacute;es du cadre
de s&eacute;lection sont
carr&eacute;es). Si
n&eacute;cessaire, cliquez
sur l'objet pour
passer en mode
Modification
d'&eacute;chelle.
Tirez une des poign&eacute;es d'angle. L'objet change d'&eacute;chelle &agrave; mesure que vous bougez le pointeur en
diagonale. La barre d'infos affiche la modification d'&eacute;chelle en cours. La modification de l'objet se fait
entre la poign&eacute;e que vous &ecirc;tes en train de tirer et celle d'en face. Si vous voulez utiliser un autre point de
l'objet comme point fixe, d&eacute;placez le point de r&eacute;f&eacute;rence vers celui-ci et utilisez les boutons de la barre
d'info pour mettre &agrave; l'&eacute;chelle.
Maintenez &laquo; shift &raquo; tout en faisant glisser afin de modifier l'&eacute;chelle de l'objet autour de son centre. Cela
fonctionne ind&eacute;pendamment de la position du point de r&eacute;f&eacute;rence.
&laquo; Ctrl+tirer &raquo; modifie la taille de l'objet en multiples de sa taille originale (x2, x3, etc.).
Pour cr&eacute;er une copie tout en modifiant la taille de l'objet (et en laissant l'original &agrave; sa place), vous devez
effectuer un clic droit ou appuyer sur la touche &laquo; + &raquo; du pav&eacute; num&eacute;rique.
En tirant les poign&eacute;es lat&eacute;rales, l'objet s'&eacute;tire ou se tasse. Ceci est d&eacute;crit dans le chapitre &Eacute;tirer et &eacute;craser
des objets.
Modifier l'&eacute;chelle &agrave; l'aide de la barre d'infos
Saisissez des valeurs dans les champs Redimensionner le texte et appuyer sur &laquo;
&iquest; &raquo;.
 Les modifications d'&eacute;chelle inf&eacute;rieures &agrave; 100 % r&eacute;duisent l'objet. 50 r&eacute;duit de moiti&eacute; la taille de
l'objet.
 Les modifications d'&eacute;chelle sup&eacute;rieures &agrave; 100 % agrandissent l'objet. 200 double la taille de
l'objet.
Si le bouton Conserver les proportions
est activ&eacute;, vous pouvez indiff&eacute;remment saisir la valeur dans l'un des deux champs de texte pour
redimensionner l'objet &agrave; hauteur du pourcentage souhait&eacute;. Si ce bouton n'est pas activ&eacute;, vous pouvez
saisir des valeurs s&eacute;par&eacute;es pour la largeur et la hauteur.
Vous pouvez &eacute;galement saisir la taille requise de l'objet dans les champs de texte Largeur ou Hauteur.
Si le bouton Conserver les proportions
est activ&eacute;, l'objet sera redimensionn&eacute; en maintenant ses proportions. Vous pouvez saisir la taille dans
l'unit&eacute; de votre choix, 1 cm par exemple.
Si vous vous servez de la barre d'infos pour mettre &agrave; l'&eacute;chelle (ou des champs num&eacute;riques), cette mise &agrave;
l'&eacute;chelle sera toujours faite autour du point de r&eacute;f&eacute;rence. Vous pouvez positionner celui-ci &agrave; tout autre
Page 266
endroit de l'objet, comme nous l'avons vu pr&eacute;c&eacute;demment dans la section &laquo; Rotation des objets &raquo;.
Page 267
Modifier l'&eacute;chelle &agrave; l'aide de la barre d'infos
Saisissez des valeurs dans les champs Redimensionner le texte et appuyer sur &laquo;
&iquest; &raquo;.
 Les modifications d'&eacute;chelle inf&eacute;rieures &agrave; 100 % r&eacute;duisent l'objet. 50 r&eacute;duit de moiti&eacute; la taille de
l'objet.
 Les modifications d'&eacute;chelle sup&eacute;rieures &agrave; 100 % agrandissent l'objet. 200 double la taille de
l'objet.
Si le bouton Conserver les proportions
est activ&eacute;, vous pouvez indiff&eacute;remment saisir la valeur dans l'un des deux champs de texte pour
redimensionner l'objet &agrave; hauteur du pourcentage souhait&eacute;. Si ce bouton n'est pas activ&eacute;, vous pouvez
saisir des valeurs s&eacute;par&eacute;es pour la largeur et la hauteur.
Vous pouvez &eacute;galement saisir la taille requise de l'objet dans les champs de texte Largeur ou Hauteur.
Si le bouton Conserver les proportions
est activ&eacute;, l'objet sera redimensionn&eacute; en maintenant ses proportions. Vous pouvez saisir la taille dans
l'unit&eacute; de votre choix, 1 cm par exemple.
Si vous vous servez de la barre d'infos pour mettre &agrave; l'&eacute;chelle (ou des champs num&eacute;riques), cette mise &agrave;
l'&eacute;chelle sera toujours faite autour du point de r&eacute;f&eacute;rence. Vous pouvez positionner celui-ci &agrave; tout autre
endroit de l'objet, comme nous l'avons vu pr&eacute;c&eacute;demment dans la section &laquo; Rotation des objets &raquo;.
Page 268
Faire tourner les objets
Cette option se trouve sous Outil de s&eacute;lection. En
cliquant sur les boutons Faire tourner
, l'objet tourne verticalement ou horizontalement autour
du point de r&eacute;f&eacute;rence.
L'&eacute;chelle et les proportions ne sont pas modifi&eacute;es — l'objet se contente de tourner.
Page 269
&Eacute;tirer et &eacute;craser des objets
Cette op&eacute;ration est analogue &agrave; la modification d'&eacute;chelle d'objets &agrave; cela pr&egrave;s que la modification d'&eacute;chelle
de l'objet s'effectue uniquement dans une direction. &Eacute;tirer et &eacute;craser des objets sont des op&eacute;rations
similaires, l'&eacute;tirement rend l'objet plus grand, l'&eacute;crasement le rend plus petit.
&Eacute;tirer/&eacute;craser des objets &agrave; l'aide de la souris
L'Outil de s&eacute;lection
doit &ecirc;tre en mode &eacute;chelle. (Les poign&eacute;es de s&eacute;lection sont carr&eacute;es). Si n&eacute;cessaire, cliquez sur l'objet
pour passer en mode Modification d'&eacute;chelle.
Utilisez les poign&eacute;es lat&eacute;rales, du haut et du bas au lieu des coins pour &eacute;tirer ou &eacute;craser une forme dans
une seule dimension. Notez que les poign&eacute;es ne sont affich&eacute;es que sur les rectangles sans remplissage
photo car &eacute;tirer d'autres objets dans une seule dimension ne produit que tr&egrave;s rarement des r&eacute;sultats
corrects (les photos sont d&eacute;form&eacute;es).
Tirez une des poign&eacute;es lat&eacute;rales.
L'objet change d'&eacute;chelle &agrave;
mesure que vous bougez le
pointeur dans la direction
appropri&eacute;e. La barre d'infos
affiche la modification d'&eacute;chelle
en cours.
Le bouton Conserver les
proportions
est ignor&eacute;.
Un clic droit ou appuyer sur la touche &laquo; + &raquo; du pav&eacute; num&eacute;rique tout en tirant permet d'&eacute;tirer ou d'&eacute;craser
une copie de l'objet, tout en laissant l'original &agrave; sa place.
&Eacute;tirer/&eacute;craser des objets &agrave; l'aide de la barre d'infos
Le bouton Conserver les proportions
doit &ecirc;tre d&eacute;sactiv&eacute; (s'il est activ&eacute;, vous modifierez l'&eacute;chelle de l'objet au lieu de l'&eacute;tirer ou de l'&eacute;craser).
Saisissez la largeur ou la hauteur dans un des champs de texte correspondants (selon vos besoins) puis
appuyez sur &laquo;
&iquest; &raquo;. Vous pouvez &eacute;galement saisir une &eacute;chelle en % (largeur ou hauteur). Ainsi, saisissez 200 % dans le
champ d'&eacute;chelle du haut pour doubler la largeur de l'objet tout en conservant la m&ecirc;me hauteur.
Si l'option Conserver les proportions
est activ&eacute;e, il ne sera pas &eacute;tir&eacute;.
Page 270
Incliner des objets
Cette option se trouve sous Outil de s&eacute;lection
.
Cette
option
se
trouve
sous
Outil
de
s&eacute;lecti
on
.
&Agrave; gauche, l'objet d'origine, &agrave; droite, l'objet
inclin&eacute; &agrave; l'horizontale
Incliner &agrave; l'aide de la souris
Basculez l'Outil de s&eacute;lection
en mode Rotation / Inclinaison (les poign&eacute;es de s&eacute;lection ont une forme de fl&egrave;che) en cliquant sur
l'objet.
Tirez une fl&egrave;che lat&eacute;rale, du haut ou du bas pour incliner l'objet. Notez que les poign&eacute;es ne sont affich&eacute;es
que sur les rectangles sans remplissage photo car incliner d'autres objets ne produit que tr&egrave;s rarement des
r&eacute;sultats corrects (p. ex. les photos sont d&eacute;form&eacute;es).
Lorsque vous tirez, l'objet s'incline dans la direction du
mouvement (vertical ou horizontal).
La barre d'infos affiche l'angle d'inclinaison actuel.
&laquo; shift+ tirer &raquo; permet d'incliner l'objet autour de son centre. Maintenez la touche &laquo; Ctrl &raquo; enfonc&eacute;e pour
restreindre l'inclinaison aux angles forc&eacute;s. Pour cr&eacute;er une copie tout en laissant l'original &agrave; sa place,
effectuez un clic droit ou appuyez sur la touche &laquo; + &raquo; du pav&eacute; num&eacute;rique tout en faisant glisser. Ou faites
glisser l'objet avec le bouton droit de la souris pour cr&eacute;er des copies instantan&eacute;es, et des copies
suppl&eacute;mentaires en faisant des clics gauche.
Vous pouvez &eacute;galement incliner un objet &agrave; l'aide du mode Modification de la taille dans l'outil de s&eacute;lection
en utilisant les zones d'inclination. Pour en savoir plus, reportez vous au chapitre Faire pivoter les objets
en mode Modification de la taille
.
Incliner &agrave; l'aide de la barre d'infos
Pour incliner horizontalement,
saisissez un angle dans le champ de
texte d'inclinaison et appuyer sur &laquo;
&iquest; &raquo;.
Page 271
Estomper
Vous souhaitez parfois brouiller les bords d'un objet afin qu'il se m&eacute;lange ou se fonde dans un objet
d'arri&egrave;re-plan. C'est ce qu'on appelle Estomper. Par exemple, lors de la fusion de deux bitmaps lorsque
vous souhaitez &eacute;viter d'avoir un bord trop net entre les deux.
La commande Estomper se situe &agrave;
droite de la barre sup&eacute;rieure, apr&egrave;s les
boutons des galeries.
Pour estomper un objet :
1. S&eacute;lectionner le ou les objets que vous souhaitez estomper.
2. Taper une valeur de taille num&eacute;rique pour l'estompage dans le champ de texte
2. Ou
2. Cliquer sur la fl&egrave;che et d&eacute;placer la r&eacute;glette du menu contextuel en maintenant le bouton de la
souris enfonc&eacute;. Les objets sont estomp&eacute;s au fur et &agrave; mesure que vous la faites glisser.
L'estompage m&eacute;lange ou brouille les bords des objets.
Si vous avez s&eacute;lectionn&eacute; plusieurs objets, la plume appara&icirc;t autour de chaque objet. Si vous groupez les
objets, la plume appara&icirc;tra autour de l'ext&eacute;rieur du groupe.
Page 272
Accrochage
L'accrochage permet de positionner plus facilement les bords ou certains points sp&eacute;cifiques des objets &agrave;
l'endroit pr&eacute;cis souhait&eacute;. Il peut &ecirc;tre utilis&eacute; pour aligner les bords sur un point ou une ligne pr&eacute;cis ou pour
espacer uniform&eacute;ment les objets &agrave; l'aide de la grille.
Xtreme Web Designer 5 offre trois types d'accrochage.
 Accrochage sur la grille
 Accrochage magn&eacute;tique
 Accrochage sur les lignes de rep&egrave;re et les objets d'aide
L'accrochage sur la grille est utile pour espacer les objets uniform&eacute;ment, ou pour que les tailles soient des
multiples exacts d'une valeur donn&eacute;e. Les lignes de rep&egrave;re sont utiles pour aligner les bords (bien qu'il soit
bien plus efficace d'utiliser les objets d'aide) et enfin, l'accrochage magn&eacute;tique est un moyen courant de
positionner les lignes, les points ou les bords avec pr&eacute;cision au-dessus d'autres lignes, points ou bords
d'objets proches.
Accrochage sur la grille
Lorsque Accrochage sur la grille est s&eacute;lectionn&eacute;, les points de la grille r&eacute;agissent comme des aimants.
Cette option est g&eacute;r&eacute;e dans Fen&ecirc;tre &gt; Accrochage
sur la grille ou en appuyant sur le . (point) sur le clavier num&eacute;rique. Tirer une poign&eacute;e de contr&ocirc;le &agrave;
proximit&eacute; d'un point de la grille entra&icirc;ne un accrochage. Vous pouvez contr&ocirc;ler l'espacement de la grille &agrave;
partir de la bo&icirc;te de dialogue des Options (Services &gt; Options)
Lorsqu'un objet est tir&eacute;, ses bords s'accrochent aux points de la grille. Quel bord sera accroch&eacute; d&eacute;pend
de la direction dans laquelle l'objet est tir&eacute;.
Ceci montre une grille ordinaire comportant 5 subdivisions entre les divisions principales. Le contour de
la forme est tr&egrave;s &eacute;pais et de couleur grise. L'objet ayant &eacute;t&eacute; tir&eacute; vers la gauche et vers le bas, ce sont les
bords inf&eacute;rieurs gauches qui se sont accroch&eacute;s au point de la grille le plus proche.
Remarque :
l'espacement par d&eacute;faut de la grille est de 50 pixels pour les lignes de grille principales comportant 50
subdivisions. Cela signifie que la grille est constitu&eacute;e d'espaces d'un pixel d'&eacute;cran et qu'elle risque de ne
pas s'afficher correctement en zoom normal &agrave; 100 %. Si vous appliquez un facteur de zoom de 500 %,
vous pourrez voir que l'accrochage se fait correctement.
Vous pouvez &eacute;galement modifier les valeurs de la grille pour obtenir 10 subdivisions, ce qui implique que
les points de la grille soient espac&eacute;s de 5 pixels.
Accrochage et largeurs des contours
Page 273
La commande Modifier les largeurs de contours
de la barre d'infos de l'Outil de s&eacute;lection
permet &eacute;galement de contr&ocirc;ler si l'accrochage doit
se faire au bord du contour de l'objet ou sur la ligne
centrale.
L'exemple ci-dessus montre une forme avec un contour tr&egrave;s &eacute;pais de couleur grise. Il montre &eacute;galement
(sous la forme d'une fine ligne noire) le contour de la forme (vous pouvez voir que le contour &eacute;pais est
trac&eacute; de fa&ccedil;on identique des deux c&ocirc;t&eacute;s de la ligne centrale de sorte qu'il d&eacute;borde partiellement sur
l'int&eacute;rieur et sur l'ext&eacute;rieur de la forme).
En d&eacute;sactivant cette commande, lorsque vous tirez un objet, les objets s'accrochent &agrave; la ligne centrale
math&eacute;matique, &agrave; savoir celle qui correspond au bord ext&eacute;rieur de la forme si elle est d&eacute;pourvue de
contour.
Accrochage magn&eacute;tique d'objet
L'Accrochage magn&eacute;tique d'objet est un moyen tr&egrave;s efficace
d'aligner avec exactitude les lignes, points et bords des objets
entre eux de fa&ccedil;on &agrave; ce qu'ils se touchent avec pr&eacute;cision.
Ainsi, par exemple, si vous souhaitez que plusieurs lignes d&eacute;marrent exactement au m&ecirc;me point, ou si
vous souhaitez qu'une ligne jouxte le bord d'un cercle avec pr&eacute;cision, l'Accrochage magn&eacute;tique d'objet
constitue la r&eacute;ponse appropri&eacute;e.
Vous pouvez &eacute;galement utiliser cette fonction pour aligner les centres des objets. Lorsque vous prenez un
objet et que l'aimant est activ&eacute;, il rep&egrave;re le &laquo; point d'int&eacute;r&ecirc;t &raquo; le plus proche. Lorsque vous faites glisser
l'objet et que l'aimant est activ&eacute;, alors le point se trouvant sous le pointeur de la souris s'accrochera au
contour ou &agrave; un autre &laquo; point d'int&eacute;r&ecirc;t &raquo; se trouvant sur toute forme visible.
Le &laquo; point d'int&eacute;r&ecirc;t &raquo; se d&eacute;finit comme le contour ou tout point de contr&ocirc;le sur le contour et sur d'autres
position telles que le centre d'objets. Ainsi cet outil est-il doublement intelligent : il accroche non
seulement le point que vous tirez, mais il garantit &eacute;galement que, si vous prenez un objet pr&egrave;s d'un bord
ou d'un point, il utilisera sa position exacte pour l'accrochage.
Cette option est contr&ocirc;l&eacute;e par le bouton du petit ic&ocirc;ne
d'aimant sur la barre de contr&ocirc;le Standard
:
Ou via le menu Fen&ecirc;tre &gt; Accrochage sur les objets
ou en appuyant sur la touche * du pav&eacute; num&eacute;rique.
Ainsi, par exemple, vous pouvez aligner exactement l'angle d'un carr&eacute; sur le centre exact d'un cercle en
prenant tout simplement l'angle du carr&eacute; (ou sa proximit&eacute;) et en le tirant pr&egrave;s du centre du cercle.
L'indicateur d'accrochage de la ligne de statut vous indique quand les objets se sont accroch&eacute;s.
Le chapitre Personnaliser Web Designer
vous fournira des informations d&eacute;taill&eacute;es sur la bo&icirc;te de dialogue des Options.
La distance d'accrochage est g&eacute;r&eacute;e dans l'onglet Souris de la bo&icirc;te de dialogue Options
(Services&gt; Options). Vous pouvez y sp&eacute;cifier deux distances :
 Un cercle autour de chaque poign&eacute;e de contr&ocirc;le.
 Ainsi que la distance des deux c&ocirc;t&eacute;s des segments de ligne. Ceci permet de rendre les points plus
&laquo; collants &raquo; que les lignes.
Page 274
Accrochage sur la grille
Lorsque Accrochage sur la grille est s&eacute;lectionn&eacute;, les points de la grille r&eacute;agissent comme des aimants.
Cette option est g&eacute;r&eacute;e dans Fen&ecirc;tre &gt; Accrochage
sur la grille ou en appuyant sur le . (point) sur le clavier num&eacute;rique. Tirer une poign&eacute;e de contr&ocirc;le &agrave;
proximit&eacute; d'un point de la grille entra&icirc;ne un accrochage. Vous pouvez contr&ocirc;ler l'espacement de la grille &agrave;
partir de la bo&icirc;te de dialogue des Options (Services &gt; Options)
Lorsqu'un objet est tir&eacute;, ses bords s'accrochent aux points de la grille. Quel bord sera accroch&eacute; d&eacute;pend
de la direction dans laquelle l'objet est tir&eacute;.
Ceci montre une grille ordinaire comportant 5 subdivisions entre les divisions principales. Le contour de
la forme est tr&egrave;s &eacute;pais et de couleur grise. L'objet ayant &eacute;t&eacute; tir&eacute; vers la gauche et vers le bas, ce sont les
bords inf&eacute;rieurs gauches qui se sont accroch&eacute;s au point de la grille le plus proche.
Remarque :
l'espacement par d&eacute;faut de la grille est de 50 pixels pour les lignes de grille principales comportant 50
subdivisions. Cela signifie que la grille est constitu&eacute;e d'espaces d'un pixel d'&eacute;cran et qu'elle risque de ne
pas s'afficher correctement en zoom normal &agrave; 100 %. Si vous appliquez un facteur de zoom de 500 %,
vous pourrez voir que l'accrochage se fait correctement.
Vous pouvez &eacute;galement modifier les valeurs de la grille pour obtenir 10 subdivisions, ce qui implique que
les points de la grille soient espac&eacute;s de 5 pixels.
Accrochage et largeurs des contours
La commande Modifier les largeurs de contours
de la barre d'infos de l'Outil de s&eacute;lection
permet &eacute;galement de contr&ocirc;ler si l'accrochage doit
se faire au bord du contour de l'objet ou sur la ligne
centrale.
L'exemple ci-dessus montre une forme avec un contour tr&egrave;s &eacute;pais de couleur grise. Il montre &eacute;galement
(sous la forme d'une fine ligne noire) le contour de la forme (vous pouvez voir que le contour &eacute;pais est
trac&eacute; de fa&ccedil;on identique des deux c&ocirc;t&eacute;s de la ligne centrale de sorte qu'il d&eacute;borde partiellement sur
l'int&eacute;rieur et sur l'ext&eacute;rieur de la forme).
En d&eacute;sactivant cette commande, lorsque vous tirez un objet, les objets s'accrochent &agrave; la ligne centrale
math&eacute;matique, &agrave; savoir celle qui correspond au bord ext&eacute;rieur de la forme si elle est d&eacute;pourvue de
contour.
Accrochage magn&eacute;tique d'objet
Page 275
L'Accrochage magn&eacute;tique d'objet est un moyen tr&egrave;s efficace
d'aligner avec exactitude les lignes, points et bords des objets
entre eux de fa&ccedil;on &agrave; ce qu'ils se touchent avec pr&eacute;cision.
Ainsi, par exemple, si vous souhaitez que plusieurs lignes d&eacute;marrent exactement au m&ecirc;me point, ou si
vous souhaitez qu'une ligne jouxte le bord d'un cercle avec pr&eacute;cision, l'Accrochage magn&eacute;tique d'objet
constitue la r&eacute;ponse appropri&eacute;e.
Vous pouvez &eacute;galement utiliser cette fonction pour aligner les centres des objets. Lorsque vous prenez un
objet et que l'aimant est activ&eacute;, il rep&egrave;re le &laquo; point d'int&eacute;r&ecirc;t &raquo; le plus proche. Lorsque vous faites glisser
l'objet et que l'aimant est activ&eacute;, alors le point se trouvant sous le pointeur de la souris s'accrochera au
contour ou &agrave; un autre &laquo; point d'int&eacute;r&ecirc;t &raquo; se trouvant sur toute forme visible.
Le &laquo; point d'int&eacute;r&ecirc;t &raquo; se d&eacute;finit comme le contour ou tout point de contr&ocirc;le sur le contour et sur d'autres
position telles que le centre d'objets. Ainsi cet outil est-il doublement intelligent : il accroche non
seulement le point que vous tirez, mais il garantit &eacute;galement que, si vous prenez un objet pr&egrave;s d'un bord
ou d'un point, il utilisera sa position exacte pour l'accrochage.
Cette option est contr&ocirc;l&eacute;e par le bouton du petit ic&ocirc;ne
d'aimant sur la barre de contr&ocirc;le Standard
:
Ou via le menu Fen&ecirc;tre &gt; Accrochage sur les objets
ou en appuyant sur la touche * du pav&eacute; num&eacute;rique.
Ainsi, par exemple, vous pouvez aligner exactement l'angle d'un carr&eacute; sur le centre exact d'un cercle en
prenant tout simplement l'angle du carr&eacute; (ou sa proximit&eacute;) et en le tirant pr&egrave;s du centre du cercle.
L'indicateur d'accrochage de la ligne de statut vous indique quand les objets se sont accroch&eacute;s.
Le chapitre Personnaliser Web Designer
vous fournira des informations d&eacute;taill&eacute;es sur la bo&icirc;te de dialogue des Options.
La distance d'accrochage est g&eacute;r&eacute;e dans l'onglet Souris de la bo&icirc;te de dialogue Options
(Services&gt; Options). Vous pouvez y sp&eacute;cifier deux distances :
 Un cercle autour de chaque poign&eacute;e de contr&ocirc;le.
 Ainsi que la distance des deux c&ocirc;t&eacute;s des segments de ligne. Ceci permet de rendre les points plus
&laquo; collants &raquo; que les lignes.
Page 276
Accrochage et largeurs des contours
La commande Modifier les largeurs de contours
de la barre d'infos de l'Outil de s&eacute;lection
permet &eacute;galement de contr&ocirc;ler si l'accrochage doit
se faire au bord du contour de l'objet ou sur la ligne
centrale.
L'exemple ci-dessus montre une forme avec un contour tr&egrave;s &eacute;pais de couleur grise. Il montre &eacute;galement
(sous la forme d'une fine ligne noire) le contour de la forme (vous pouvez voir que le contour &eacute;pais est
trac&eacute; de fa&ccedil;on identique des deux c&ocirc;t&eacute;s de la ligne centrale de sorte qu'il d&eacute;borde partiellement sur
l'int&eacute;rieur et sur l'ext&eacute;rieur de la forme).
En d&eacute;sactivant cette commande, lorsque vous tirez un objet, les objets s'accrochent &agrave; la ligne centrale
math&eacute;matique, &agrave; savoir celle qui correspond au bord ext&eacute;rieur de la forme si elle est d&eacute;pourvue de
contour.
Accrochage magn&eacute;tique d'objet
L'Accrochage magn&eacute;tique d'objet est un moyen tr&egrave;s efficace
d'aligner avec exactitude les lignes, points et bords des objets
entre eux de fa&ccedil;on &agrave; ce qu'ils se touchent avec pr&eacute;cision.
Ainsi, par exemple, si vous souhaitez que plusieurs lignes d&eacute;marrent exactement au m&ecirc;me point, ou si
vous souhaitez qu'une ligne jouxte le bord d'un cercle avec pr&eacute;cision, l'Accrochage magn&eacute;tique d'objet
constitue la r&eacute;ponse appropri&eacute;e.
Vous pouvez &eacute;galement utiliser cette fonction pour aligner les centres des objets. Lorsque vous prenez un
objet et que l'aimant est activ&eacute;, il rep&egrave;re le &laquo; point d'int&eacute;r&ecirc;t &raquo; le plus proche. Lorsque vous faites glisser
l'objet et que l'aimant est activ&eacute;, alors le point se trouvant sous le pointeur de la souris s'accrochera au
contour ou &agrave; un autre &laquo; point d'int&eacute;r&ecirc;t &raquo; se trouvant sur toute forme visible.
Le &laquo; point d'int&eacute;r&ecirc;t &raquo; se d&eacute;finit comme le contour ou tout point de contr&ocirc;le sur le contour et sur d'autres
position telles que le centre d'objets. Ainsi cet outil est-il doublement intelligent : il accroche non
seulement le point que vous tirez, mais il garantit &eacute;galement que, si vous prenez un objet pr&egrave;s d'un bord
ou d'un point, il utilisera sa position exacte pour l'accrochage.
Cette option est contr&ocirc;l&eacute;e par le bouton du petit ic&ocirc;ne
d'aimant sur la barre de contr&ocirc;le Standard
:
Ou via le menu Fen&ecirc;tre &gt; Accrochage sur les objets
ou en appuyant sur la touche * du pav&eacute; num&eacute;rique.
Ainsi, par exemple, vous pouvez aligner exactement l'angle d'un carr&eacute; sur le centre exact d'un cercle en
prenant tout simplement l'angle du carr&eacute; (ou sa proximit&eacute;) et en le tirant pr&egrave;s du centre du cercle.
L'indicateur d'accrochage de la ligne de statut vous indique quand les objets se sont accroch&eacute;s.
Le chapitre Personnaliser Web Designer
vous fournira des informations d&eacute;taill&eacute;es sur la bo&icirc;te de dialogue des Options.
La distance d'accrochage est g&eacute;r&eacute;e dans l'onglet Souris de la bo&icirc;te de dialogue Options
(Services&gt; Options). Vous pouvez y sp&eacute;cifier deux distances :
 Un cercle autour de chaque poign&eacute;e de contr&ocirc;le.
 Ainsi que la distance des deux c&ocirc;t&eacute;s des segments de ligne. Ceci permet de rendre les points plus
&laquo; collants &raquo; que les lignes.
Page 277
Accrochage magn&eacute;tique d'objet
L'Accrochage magn&eacute;tique d'objet est un moyen tr&egrave;s efficace
d'aligner avec exactitude les lignes, points et bords des objets
entre eux de fa&ccedil;on &agrave; ce qu'ils se touchent avec pr&eacute;cision.
Ainsi, par exemple, si vous souhaitez que plusieurs lignes d&eacute;marrent exactement au m&ecirc;me point, ou si
vous souhaitez qu'une ligne jouxte le bord d'un cercle avec pr&eacute;cision, l'Accrochage magn&eacute;tique d'objet
constitue la r&eacute;ponse appropri&eacute;e.
Vous pouvez &eacute;galement utiliser cette fonction pour aligner les centres des objets. Lorsque vous prenez un
objet et que l'aimant est activ&eacute;, il rep&egrave;re le &laquo; point d'int&eacute;r&ecirc;t &raquo; le plus proche. Lorsque vous faites glisser
l'objet et que l'aimant est activ&eacute;, alors le point se trouvant sous le pointeur de la souris s'accrochera au
contour ou &agrave; un autre &laquo; point d'int&eacute;r&ecirc;t &raquo; se trouvant sur toute forme visible.
Le &laquo; point d'int&eacute;r&ecirc;t &raquo; se d&eacute;finit comme le contour ou tout point de contr&ocirc;le sur le contour et sur d'autres
position telles que le centre d'objets. Ainsi cet outil est-il doublement intelligent : il accroche non
seulement le point que vous tirez, mais il garantit &eacute;galement que, si vous prenez un objet pr&egrave;s d'un bord
ou d'un point, il utilisera sa position exacte pour l'accrochage.
Cette option est contr&ocirc;l&eacute;e par le bouton du petit ic&ocirc;ne
d'aimant sur la barre de contr&ocirc;le Standard
:
Ou via le menu Fen&ecirc;tre &gt; Accrochage sur les objets
ou en appuyant sur la touche * du pav&eacute; num&eacute;rique.
Ainsi, par exemple, vous pouvez aligner exactement l'angle d'un carr&eacute; sur le centre exact d'un cercle en
prenant tout simplement l'angle du carr&eacute; (ou sa proximit&eacute;) et en le tirant pr&egrave;s du centre du cercle.
L'indicateur d'accrochage de la ligne de statut vous indique quand les objets se sont accroch&eacute;s.
Le chapitre Personnaliser Web Designer
vous fournira des informations d&eacute;taill&eacute;es sur la bo&icirc;te de dialogue des Options.
La distance d'accrochage est g&eacute;r&eacute;e dans l'onglet Souris de la bo&icirc;te de dialogue Options
(Services&gt; Options). Vous pouvez y sp&eacute;cifier deux distances :
 Un cercle autour de chaque poign&eacute;e de contr&ocirc;le.
 Ainsi que la distance des deux c&ocirc;t&eacute;s des segments de ligne. Ceci permet de rendre les points plus
&laquo; collants &raquo; que les lignes.
Page 278
Objets d'aide et lignes d'aide
Les objets d'aide et les lignes d'aide sont des objets se trouvant sur un calque sp&eacute;cial, le calque de
lignes. Un calque de lignes est cr&eacute;&eacute; automatiquement lorsque vous cr&eacute;ez une ligne d'aide (voir plus bas)
ou vous pouvez en cr&eacute;er un manuellement par clic droit dans la Galerie des calques et en s&eacute;lectionnant
Cr&eacute;er un calque de lignes
(voir &laquo; Calques pour plus d'informations sur les calques).
Utilisez Accrochage sur la ligne et les objets d'aide
dans le menu Fen&ecirc;tre (ou touche 2 du pav&eacute; num&eacute;rique) pour activer l'accrochage sur des objets de
ligne.
Tout objet plac&eacute; sur le calque de lignes devient un objet d'aide. Ceci peut &ecirc;tre tout type d'objet, allant de
lignes &agrave; tout type d'angle, de formes irr&eacute;guli&egrave;res et de formes automatiques. Vous pouvez cr&eacute;er, modifier
la taille et supprimer des objets dans le calque de lignes comme d'ordinaire, mais ils apparaissent avec
des contours en fins pointill&eacute;s rouges et toute largeur de contour ou couleur de remplissage est ignor&eacute;e.
Cette information est conserv&eacute;e et si vous passez ult&eacute;rieurement de l'objet du calque de lignes &agrave; un
calque ordinaire, l'&eacute;paisseur du contour et les couleurs s'afficheront de nouveau.
Vous pouvez utiliser les objets d'aide pour dessiner des contours de construction tels que les lignes
passant au travers d'un point de fuite pour le dessin en perspective.
Placer des objets sur le calque de lignes
S'assurer tout d'abord qu'un calque de lignes se trouve dans la Galerie des calques
—voir plus haut. Vous pouvez cr&eacute;er des objets directement sur le calque de lignes en le s&eacute;lectionnant et
en cr&eacute;ant des objets comme d'ordinaire.
La Galerie des calques affichant Vous pouvez &eacute;galement couper
un calque de lignes au-dessus de ou copier des objets d'un autre
deux autres calques, s&eacute;lectionn&eacute;e. calque puis coller ces objets
dans le m&ecirc;me calque de lignes.
Pour coller les objets dans la
m&ecirc;me position relative sur le
calque de lignes, utiliser les
raccourcis clavier Ctrl+Maj+ V
D&eacute;placer vers le calque du premier plan et D&eacute;placer vers le calque d'arri&egrave;re-plan
du menu Arranger permet de sauter le calque de lignes et ne peut donc pas &ecirc;tre utilis&eacute; pour d&eacute;placer des
objets sur le calque de lignes.
Cr&eacute;er une ligne de rep&egrave;re
Les lignes de rep&egrave;re sont des lignes verticales ou horizontales qui constituent un moyen rapide et facile
d'aligner une s&eacute;rie d'objets sur la page.
 Activer les r&egrave;gles (Ctrl+L).
 Faire glisser d'une r&egrave;gle sur la page.
Ou
 Double-cliquer sur la r&egrave;gle afin de cr&eacute;er une ligne de rep&egrave;re align&eacute;e sur le pointeur.
Ceci cr&eacute;e automatiquement un calque de lignes et ins&egrave;re les lignes de rep&egrave;re sur ce calque.
Ou utiliser la Galerie des calques :
1. Cliquer droit sur la Galerie des calques et choisir Propri&eacute;t&eacute;s
2. Si n&eacute;cessaire, cliquer sur l'onglet Lignes.
3. S&eacute;lectionner Horizontal ou Vertical.
4. Cliquer Nouveau.
5. Saisir &agrave; l'endroit requis.
Page 279
Supprimer une ligne de rep&egrave;re
&Agrave; l'aide de l'Outil de s&eacute;lection
, faire glisser la ligne de rep&egrave;re vers la r&egrave;gle appropri&eacute;e (la r&egrave;gle verticale pour les lignes de rep&egrave;re
verticales, l'horizontale pour les lignes de rep&egrave;re horizontales).
Ou cliquer droit sur la ligne de rep&egrave;re puis choisir Supprimer.
Page 280
Placer des objets sur le calque de lignes
S'assurer tout d'abord qu'un calque de lignes se trouve dans la Galerie des calques
—voir plus haut. Vous pouvez cr&eacute;er des objets directement sur le calque de lignes en le s&eacute;lectionnant et
en cr&eacute;ant des objets comme d'ordinaire.
La Galerie des calques affichant Vous pouvez &eacute;galement couper
un calque de lignes au-dessus de ou copier des objets d'un autre
deux autres calques, s&eacute;lectionn&eacute;e. calque puis coller ces objets
dans le m&ecirc;me calque de lignes.
Pour coller les objets dans la
m&ecirc;me position relative sur le
calque de lignes, utiliser les
raccourcis clavier Ctrl+Maj+ V
D&eacute;placer vers le calque du premier plan et D&eacute;placer vers le calque d'arri&egrave;re-plan
du menu Arranger permet de sauter le calque de lignes et ne peut donc pas &ecirc;tre utilis&eacute; pour d&eacute;placer des
objets sur le calque de lignes.
Cr&eacute;er une ligne de rep&egrave;re
Les lignes de rep&egrave;re sont des lignes verticales ou horizontales qui constituent un moyen rapide et facile
d'aligner une s&eacute;rie d'objets sur la page.
 Activer les r&egrave;gles (Ctrl+L).
 Faire glisser d'une r&egrave;gle sur la page.
Ou
 Double-cliquer sur la r&egrave;gle afin de cr&eacute;er une ligne de rep&egrave;re align&eacute;e sur le pointeur.
Ceci cr&eacute;e automatiquement un calque de lignes et ins&egrave;re les lignes de rep&egrave;re sur ce calque.
Ou utiliser la Galerie des calques :
1. Cliquer droit sur la Galerie des calques et choisir Propri&eacute;t&eacute;s
2. Si n&eacute;cessaire, cliquer sur l'onglet Lignes.
3. S&eacute;lectionner Horizontal ou Vertical.
4. Cliquer Nouveau.
5. Saisir &agrave; l'endroit requis.
Supprimer une ligne de rep&egrave;re
&Agrave; l'aide de l'Outil de s&eacute;lection
, faire glisser la ligne de rep&egrave;re vers la r&egrave;gle appropri&eacute;e (la r&egrave;gle verticale pour les lignes de rep&egrave;re
verticales, l'horizontale pour les lignes de rep&egrave;re horizontales).
Ou cliquer droit sur la ligne de rep&egrave;re puis choisir Supprimer.
Page 281
Cr&eacute;er une ligne de rep&egrave;re
Les lignes de rep&egrave;re sont des lignes verticales ou horizontales qui constituent un moyen rapide et facile
d'aligner une s&eacute;rie d'objets sur la page.
 Activer les r&egrave;gles (Ctrl+L).
 Faire glisser d'une r&egrave;gle sur la page.
Ou
 Double-cliquer sur la r&egrave;gle afin de cr&eacute;er une ligne de rep&egrave;re align&eacute;e sur le pointeur.
Ceci cr&eacute;e automatiquement un calque de lignes et ins&egrave;re les lignes de rep&egrave;re sur ce calque.
Ou utiliser la Galerie des calques :
1. Cliquer droit sur la Galerie des calques et choisir Propri&eacute;t&eacute;s
2. Si n&eacute;cessaire, cliquer sur l'onglet Lignes.
3. S&eacute;lectionner Horizontal ou Vertical.
4. Cliquer Nouveau.
5. Saisir &agrave; l'endroit requis.
Supprimer une ligne de rep&egrave;re
&Agrave; l'aide de l'Outil de s&eacute;lection
, faire glisser la ligne de rep&egrave;re vers la r&egrave;gle appropri&eacute;e (la r&egrave;gle verticale pour les lignes de rep&egrave;re
verticales, l'horizontale pour les lignes de rep&egrave;re horizontales).
Ou cliquer droit sur la ligne de rep&egrave;re puis choisir Supprimer.
Page 282
Supprimer une ligne de rep&egrave;re
&Agrave; l'aide de l'Outil de s&eacute;lection
, faire glisser la ligne de rep&egrave;re vers la r&egrave;gle appropri&eacute;e (la r&egrave;gle verticale pour les lignes de rep&egrave;re
verticales, l'horizontale pour les lignes de rep&egrave;re horizontales).
Ou cliquer droit sur la ligne de rep&egrave;re puis choisir Supprimer.
Page 283
R&eacute;capitulatif des raccourcis sur le pav&eacute;
num&eacute;rique
+
/
*
2
.
fait une copie de l'objet pendant que vous le faites glisser, que
vous en modifiez la taille, que vous l'inclinez, etc. L'objet
d'origine n'est pas modifi&eacute;.
active et d&eacute;sactive la conservation de la largeur des lignes lors de
la modification de l'&eacute;chelle.
active et d&eacute;sactive la conservation des remplissages lors des
d&eacute;placements, des modifications d'&eacute;chelle, des inclinaisons, etc.
active/d&eacute;sactive l'accrochage magn&eacute;tique de l'objet.
active et d&eacute;sactive l'accrochage aux lignes d'aide.
active et d&eacute;sactive l'accrochage &agrave; la grille.
Page 284
Grouper et d&eacute;grouper des objets
Les outils Ombre et Transparence offrent diff&eacute;rents r&eacute;sultats selon si les objets sont group&eacute;s ou non.
Pour plus d'informations, voir le chapitre Transparence et le chapitre Ombres
.
Vous cr&eacute;erez souvent des ombres complexes &agrave; partir de diff&eacute;rents objets. L'option de menu Arranger &gt;
Grouper
vous permet de verrouiller ces objets ensemble afin de former ce qui appara&icirc;t comme un objet unique.
Vous pouvez ensuite s&eacute;lectionner les objets group&eacute;s et les copier, les redimensionner, les d&eacute;placer ou
bien effectuer toute autre op&eacute;ration sur l'ensemble du groupe.
Pour cr&eacute;er un groupe
1. S&eacute;lectionnez tout d'abord tous les objets que vous souhaitez grouper.
2. Choisir Arranger &gt; Grouper (ou Ctrl+G) pour cr&eacute;er le groupe.
D&eacute;grouper des objets
1. S&eacute;lectionner le groupe.
2. Choisir Arranger &gt; D&eacute;grouper (ou Ctrl+U).
Apr&egrave;s cela, tous les objets individuels du groupe restent s&eacute;lectionn&eacute;s.
Pour ajouter des objets suppl&eacute;mentaires &agrave; un groupe
1. S&eacute;lectionner le groupe.
2. D&eacute;grouper (Ctrl+U)
3. S&eacute;lectionner les objets suppl&eacute;mentaires.
4. Grouper de nouveau (Ctrl+G)
Vous pouvez &eacute;galement incorporer un groupe &agrave; un second groupe en sautant l'&eacute;tape 2. Web Designer
retiendra l'information concernant le groupe original. Si vous d&eacute;groupez les objets ult&eacute;rieurement, le
groupe original existera toujours.
Retirer des objets d'un groupe
1. D&eacute;grouper les objets.
2. Maj+clic sur les objets que vous souhaitez retirer. Ceci les d&eacute;s&eacute;lectionnera, les autres objets
resteront s&eacute;lectionn&eacute;s.
Vous pouvez ensuite choisir Arranger &gt; Grouper
pour regrouper les objets restants.
S&eacute;lectionner un objet individuel au sein d'un groupe
(Par exemple, pour changer sa couleur.) Ctrl+clic sur l'objet. (Vous pouvez &eacute;galement utiliser cette
option pour s&eacute;lectionner un &laquo; groupe dans le groupe &raquo;.) Une pression sur Tabulation ou Maj+Tab
d&eacute;place la s&eacute;lection &agrave; l'int&eacute;rieur du groupe, vers le prochain objet ou le pr&eacute;c&eacute;dent. Une fois que vous
avez s&eacute;lectionn&eacute; un objet dans un groupe, vous pouvez &eacute;galement utiliser Alt + clic pour s&eacute;lectionner
l'objet du dessous.
Cela s'appelle &laquo; s&eacute;lection int&eacute;rieure &raquo;.
Groupes et calques
Plus d'informations concernant les calques dans le chapitre Calques.
Si tous les objets &agrave; grouper se trouvent dans un m&ecirc;me calque, le groupe sera cr&eacute;&eacute; dans ce m&ecirc;me calque.
Le groupe appara&icirc;t au niveau de l'&eacute;l&eacute;ment le plus en avant du groupe. (Ce qui signifie que le groupe ne
Page 285
devient pas automatiquement l'objet de premier plan.)
Si les objets se trouvent dans plusieurs calques, le groupe est cr&eacute;&eacute; dans le calque contenant l'objet le plus
proche du premier plan.
Page 286
Pour cr&eacute;er un groupe
1. S&eacute;lectionnez tout d'abord tous les objets que vous souhaitez grouper.
2. Choisir Arranger &gt; Grouper (ou Ctrl+G) pour cr&eacute;er le groupe.
D&eacute;grouper des objets
1. S&eacute;lectionner le groupe.
2. Choisir Arranger &gt; D&eacute;grouper (ou Ctrl+U).
Apr&egrave;s cela, tous les objets individuels du groupe restent s&eacute;lectionn&eacute;s.
Pour ajouter des objets suppl&eacute;mentaires &agrave; un groupe
1. S&eacute;lectionner le groupe.
2. D&eacute;grouper (Ctrl+U)
3. S&eacute;lectionner les objets suppl&eacute;mentaires.
4. Grouper de nouveau (Ctrl+G)
Vous pouvez &eacute;galement incorporer un groupe &agrave; un second groupe en sautant l'&eacute;tape 2. Web Designer
retiendra l'information concernant le groupe original. Si vous d&eacute;groupez les objets ult&eacute;rieurement, le
groupe original existera toujours.
Retirer des objets d'un groupe
1. D&eacute;grouper les objets.
2. Maj+clic sur les objets que vous souhaitez retirer. Ceci les d&eacute;s&eacute;lectionnera, les autres objets
resteront s&eacute;lectionn&eacute;s.
Vous pouvez ensuite choisir Arranger &gt; Grouper
pour regrouper les objets restants.
S&eacute;lectionner un objet individuel au sein d'un groupe
(Par exemple, pour changer sa couleur.) Ctrl+clic sur l'objet. (Vous pouvez &eacute;galement utiliser cette
option pour s&eacute;lectionner un &laquo; groupe dans le groupe &raquo;.) Une pression sur Tabulation ou Maj+Tab
d&eacute;place la s&eacute;lection &agrave; l'int&eacute;rieur du groupe, vers le prochain objet ou le pr&eacute;c&eacute;dent. Une fois que vous
avez s&eacute;lectionn&eacute; un objet dans un groupe, vous pouvez &eacute;galement utiliser Alt + clic pour s&eacute;lectionner
l'objet du dessous.
Cela s'appelle &laquo; s&eacute;lection int&eacute;rieure &raquo;.
Groupes et calques
Plus d'informations concernant les calques dans le chapitre Calques.
Si tous les objets &agrave; grouper se trouvent dans un m&ecirc;me calque, le groupe sera cr&eacute;&eacute; dans ce m&ecirc;me calque.
Le groupe appara&icirc;t au niveau de l'&eacute;l&eacute;ment le plus en avant du groupe. (Ce qui signifie que le groupe ne
devient pas automatiquement l'objet de premier plan.)
Si les objets se trouvent dans plusieurs calques, le groupe est cr&eacute;&eacute; dans le calque contenant l'objet le plus
proche du premier plan.
Page 287
D&eacute;grouper des objets
1. S&eacute;lectionner le groupe.
2. Choisir Arranger &gt; D&eacute;grouper (ou Ctrl+U).
Apr&egrave;s cela, tous les objets individuels du groupe restent s&eacute;lectionn&eacute;s.
Pour ajouter des objets suppl&eacute;mentaires &agrave; un groupe
1. S&eacute;lectionner le groupe.
2. D&eacute;grouper (Ctrl+U)
3. S&eacute;lectionner les objets suppl&eacute;mentaires.
4. Grouper de nouveau (Ctrl+G)
Vous pouvez &eacute;galement incorporer un groupe &agrave; un second groupe en sautant l'&eacute;tape 2. Web Designer
retiendra l'information concernant le groupe original. Si vous d&eacute;groupez les objets ult&eacute;rieurement, le
groupe original existera toujours.
Retirer des objets d'un groupe
1. D&eacute;grouper les objets.
2. Maj+clic sur les objets que vous souhaitez retirer. Ceci les d&eacute;s&eacute;lectionnera, les autres objets
resteront s&eacute;lectionn&eacute;s.
Vous pouvez ensuite choisir Arranger &gt; Grouper
pour regrouper les objets restants.
S&eacute;lectionner un objet individuel au sein d'un groupe
(Par exemple, pour changer sa couleur.) Ctrl+clic sur l'objet. (Vous pouvez &eacute;galement utiliser cette
option pour s&eacute;lectionner un &laquo; groupe dans le groupe &raquo;.) Une pression sur Tabulation ou Maj+Tab
d&eacute;place la s&eacute;lection &agrave; l'int&eacute;rieur du groupe, vers le prochain objet ou le pr&eacute;c&eacute;dent. Une fois que vous
avez s&eacute;lectionn&eacute; un objet dans un groupe, vous pouvez &eacute;galement utiliser Alt + clic pour s&eacute;lectionner
l'objet du dessous.
Cela s'appelle &laquo; s&eacute;lection int&eacute;rieure &raquo;.
Groupes et calques
Plus d'informations concernant les calques dans le chapitre Calques.
Si tous les objets &agrave; grouper se trouvent dans un m&ecirc;me calque, le groupe sera cr&eacute;&eacute; dans ce m&ecirc;me calque.
Le groupe appara&icirc;t au niveau de l'&eacute;l&eacute;ment le plus en avant du groupe. (Ce qui signifie que le groupe ne
devient pas automatiquement l'objet de premier plan.)
Si les objets se trouvent dans plusieurs calques, le groupe est cr&eacute;&eacute; dans le calque contenant l'objet le plus
proche du premier plan.
Page 288
Pour ajouter des objets suppl&eacute;mentaires &agrave; un groupe
1. S&eacute;lectionner le groupe.
2. D&eacute;grouper (Ctrl+U)
3. S&eacute;lectionner les objets suppl&eacute;mentaires.
4. Grouper de nouveau (Ctrl+G)
Vous pouvez &eacute;galement incorporer un groupe &agrave; un second groupe en sautant l'&eacute;tape 2. Web Designer
retiendra l'information concernant le groupe original. Si vous d&eacute;groupez les objets ult&eacute;rieurement, le
groupe original existera toujours.
Retirer des objets d'un groupe
1. D&eacute;grouper les objets.
2. Maj+clic sur les objets que vous souhaitez retirer. Ceci les d&eacute;s&eacute;lectionnera, les autres objets
resteront s&eacute;lectionn&eacute;s.
Vous pouvez ensuite choisir Arranger &gt; Grouper
pour regrouper les objets restants.
S&eacute;lectionner un objet individuel au sein d'un groupe
(Par exemple, pour changer sa couleur.) Ctrl+clic sur l'objet. (Vous pouvez &eacute;galement utiliser cette
option pour s&eacute;lectionner un &laquo; groupe dans le groupe &raquo;.) Une pression sur Tabulation ou Maj+Tab
d&eacute;place la s&eacute;lection &agrave; l'int&eacute;rieur du groupe, vers le prochain objet ou le pr&eacute;c&eacute;dent. Une fois que vous
avez s&eacute;lectionn&eacute; un objet dans un groupe, vous pouvez &eacute;galement utiliser Alt + clic pour s&eacute;lectionner
l'objet du dessous.
Cela s'appelle &laquo; s&eacute;lection int&eacute;rieure &raquo;.
Groupes et calques
Plus d'informations concernant les calques dans le chapitre Calques.
Si tous les objets &agrave; grouper se trouvent dans un m&ecirc;me calque, le groupe sera cr&eacute;&eacute; dans ce m&ecirc;me calque.
Le groupe appara&icirc;t au niveau de l'&eacute;l&eacute;ment le plus en avant du groupe. (Ce qui signifie que le groupe ne
devient pas automatiquement l'objet de premier plan.)
Si les objets se trouvent dans plusieurs calques, le groupe est cr&eacute;&eacute; dans le calque contenant l'objet le plus
proche du premier plan.
Page 289
Retirer des objets d'un groupe
1. D&eacute;grouper les objets.
2. Maj+clic sur les objets que vous souhaitez retirer. Ceci les d&eacute;s&eacute;lectionnera, les autres objets
resteront s&eacute;lectionn&eacute;s.
Vous pouvez ensuite choisir Arranger &gt; Grouper
pour regrouper les objets restants.
S&eacute;lectionner un objet individuel au sein d'un groupe
(Par exemple, pour changer sa couleur.) Ctrl+clic sur l'objet. (Vous pouvez &eacute;galement utiliser cette
option pour s&eacute;lectionner un &laquo; groupe dans le groupe &raquo;.) Une pression sur Tabulation ou Maj+Tab
d&eacute;place la s&eacute;lection &agrave; l'int&eacute;rieur du groupe, vers le prochain objet ou le pr&eacute;c&eacute;dent. Une fois que vous
avez s&eacute;lectionn&eacute; un objet dans un groupe, vous pouvez &eacute;galement utiliser Alt + clic pour s&eacute;lectionner
l'objet du dessous.
Cela s'appelle &laquo; s&eacute;lection int&eacute;rieure &raquo;.
Groupes et calques
Plus d'informations concernant les calques dans le chapitre Calques.
Si tous les objets &agrave; grouper se trouvent dans un m&ecirc;me calque, le groupe sera cr&eacute;&eacute; dans ce m&ecirc;me calque.
Le groupe appara&icirc;t au niveau de l'&eacute;l&eacute;ment le plus en avant du groupe. (Ce qui signifie que le groupe ne
devient pas automatiquement l'objet de premier plan.)
Si les objets se trouvent dans plusieurs calques, le groupe est cr&eacute;&eacute; dans le calque contenant l'objet le plus
proche du premier plan.
Page 290
S&eacute;lectionner un objet individuel au sein d'un groupe
(Par exemple, pour changer sa couleur.) Ctrl+clic sur l'objet. (Vous pouvez &eacute;galement utiliser cette
option pour s&eacute;lectionner un &laquo; groupe dans le groupe &raquo;.) Une pression sur Tabulation ou Maj+Tab
d&eacute;place la s&eacute;lection &agrave; l'int&eacute;rieur du groupe, vers le prochain objet ou le pr&eacute;c&eacute;dent. Une fois que vous
avez s&eacute;lectionn&eacute; un objet dans un groupe, vous pouvez &eacute;galement utiliser Alt + clic pour s&eacute;lectionner
l'objet du dessous.
Cela s'appelle &laquo; s&eacute;lection int&eacute;rieure &raquo;.
Groupes et calques
Plus d'informations concernant les calques dans le chapitre Calques.
Si tous les objets &agrave; grouper se trouvent dans un m&ecirc;me calque, le groupe sera cr&eacute;&eacute; dans ce m&ecirc;me calque.
Le groupe appara&icirc;t au niveau de l'&eacute;l&eacute;ment le plus en avant du groupe. (Ce qui signifie que le groupe ne
devient pas automatiquement l'objet de premier plan.)
Si les objets se trouvent dans plusieurs calques, le groupe est cr&eacute;&eacute; dans le calque contenant l'objet le plus
proche du premier plan.
Page 291
Groupes et calques
Plus d'informations concernant les calques dans le chapitre Calques.
Si tous les objets &agrave; grouper se trouvent dans un m&ecirc;me calque, le groupe sera cr&eacute;&eacute; dans ce m&ecirc;me calque.
Le groupe appara&icirc;t au niveau de l'&eacute;l&eacute;ment le plus en avant du groupe. (Ce qui signifie que le groupe ne
devient pas automatiquement l'objet de premier plan.)
Si les objets se trouvent dans plusieurs calques, le groupe est cr&eacute;&eacute; dans le calque contenant l'objet le plus
proche du premier plan.
Page 292
Groupes souples
Les groupes ordinaires tels que ceux d&eacute;crits sous &laquo; Grouper et d&eacute;grouper des objets &raquo; sont plac&eacute;s sur
un seul calque et ne peuvent pas &ecirc;tre &eacute;tendus. Les Groupes souples
constituent une m&eacute;thode alternative pour relier les objets les uns aux autres lorsqu'ils se trouvent sur
plusieurs calques diff&eacute;rents.
La s&eacute;lection d'un &eacute;l&eacute;ment d'un groupe souple s&eacute;lectionne &eacute;galement tous les autres &eacute;l&eacute;ments du m&ecirc;me
groupe souple – m&ecirc;me les &eacute;l&eacute;ments se trouvant sur des calques invisibles ou verrouill&eacute;s. Ainsi, lorsque
vous supprimez, d&eacute;placez, tournez ou transformez autrement un &eacute;l&eacute;ment d'un groupe souple, tous les
autres &eacute;l&eacute;ments subissent la m&ecirc;me modification.
La barre d'&eacute;tat affiche la s&eacute;lection d'un groupe souple.
Les groupes souples sont utiles pour maintenir ensemble les objets &eacute;troitement li&eacute;s. Par exemple, les
&eacute;tats &Eacute;tat normal et Survol de souris
d'un bouton de navigation sont r&eacute;unis dans un groupe souple de sorte que si un &eacute;tat est d&eacute;plac&eacute; ou
modifi&eacute;, le second l'est &eacute;galement.
Cr&eacute;er des groupes souples
Pour cr&eacute;er un groupe souple, s&eacute;lectionnez tous les objets &agrave; inclure puis choisissez
&laquo; Arranger-&gt;Appliquer un groupe souple
&raquo; (ou appuyez sur &laquo; Ctrl+Alt+G &raquo;). Notez que si le groupe souple doit inclure des &eacute;l&eacute;ments invisibles ou
verrouill&eacute;s, vous devrez rendre ces calques temporairement visibles et &eacute;ditables en utilisant la Galerie des
calques afin de pouvoir s&eacute;lectionner les objets et les r&eacute;unir dans un groupe souple.
Un objet ne peut pas faire partie de plus d'un groupe souple et les groupes souples ne peuvent pas &ecirc;tre
imbriqu&eacute;s (groupes souples faisant parties d'autres groupes souples).
Supprimer des groupes souples
Pour dissoudre un groupe souple, s&eacute;lectionnez &laquo; Arranger-&gt;Supprimer un groupe souple
&raquo; (ou appuyez sur &laquo; Ctrl+Alt+G &raquo;). Les objets ne sont pas supprim&eacute;s, mais ils ne sont plus reli&eacute;s par un
groupe souple.
Synchronisation de texte
Tous les objets de texte comprenant la m&ecirc;me valeur de texte et qui font partie du m&ecirc;me groupe souple
sont maintenus synchronis&eacute;s si un de ces objets de texte est &eacute;dit&eacute;. Ainsi, un changement dans un texte
d'un objet entra&icirc;ne le m&ecirc;me changement de tous les autres objets de texte comportant les m&ecirc;mes
caract&egrave;res. Seul le texte &eacute;value lui-m&ecirc;me s'il est synchronis&eacute;, de sorte que des objets de texte diff&eacute;rents
peuvent avoir diff&eacute;rentes tailles, diff&eacute;rentes polices et diff&eacute;rents attributs.
Une synchronisation de texte en utilisant des groupes souples est utile lorsqu'un label est copi&eacute; &agrave; plusieurs
emplacements, &eacute;ventuellement dans diff&eacute;rents styles, et que vous souhaitez que chaque objet pr&eacute;sente le
m&ecirc;me label.
Page 293
Cr&eacute;er des groupes souples
Pour cr&eacute;er un groupe souple, s&eacute;lectionnez tous les objets &agrave; inclure puis choisissez
&laquo; Arranger-&gt;Appliquer un groupe souple
&raquo; (ou appuyez sur &laquo; Ctrl+Alt+G &raquo;). Notez que si le groupe souple doit inclure des &eacute;l&eacute;ments invisibles ou
verrouill&eacute;s, vous devrez rendre ces calques temporairement visibles et &eacute;ditables en utilisant la Galerie des
calques afin de pouvoir s&eacute;lectionner les objets et les r&eacute;unir dans un groupe souple.
Un objet ne peut pas faire partie de plus d'un groupe souple et les groupes souples ne peuvent pas &ecirc;tre
imbriqu&eacute;s (groupes souples faisant parties d'autres groupes souples).
Supprimer des groupes souples
Pour dissoudre un groupe souple, s&eacute;lectionnez &laquo; Arranger-&gt;Supprimer un groupe souple
&raquo; (ou appuyez sur &laquo; Ctrl+Alt+G &raquo;). Les objets ne sont pas supprim&eacute;s, mais ils ne sont plus reli&eacute;s par un
groupe souple.
Synchronisation de texte
Tous les objets de texte comprenant la m&ecirc;me valeur de texte et qui font partie du m&ecirc;me groupe souple
sont maintenus synchronis&eacute;s si un de ces objets de texte est &eacute;dit&eacute;. Ainsi, un changement dans un texte
d'un objet entra&icirc;ne le m&ecirc;me changement de tous les autres objets de texte comportant les m&ecirc;mes
caract&egrave;res. Seul le texte &eacute;value lui-m&ecirc;me s'il est synchronis&eacute;, de sorte que des objets de texte diff&eacute;rents
peuvent avoir diff&eacute;rentes tailles, diff&eacute;rentes polices et diff&eacute;rents attributs.
Une synchronisation de texte en utilisant des groupes souples est utile lorsqu'un label est copi&eacute; &agrave; plusieurs
emplacements, &eacute;ventuellement dans diff&eacute;rents styles, et que vous souhaitez que chaque objet pr&eacute;sente le
m&ecirc;me label.
Page 294
Supprimer des groupes souples
Pour dissoudre un groupe souple, s&eacute;lectionnez &laquo; Arranger-&gt;Supprimer un groupe souple
&raquo; (ou appuyez sur &laquo; Ctrl+Alt+G &raquo;). Les objets ne sont pas supprim&eacute;s, mais ils ne sont plus reli&eacute;s par un
groupe souple.
Synchronisation de texte
Tous les objets de texte comprenant la m&ecirc;me valeur de texte et qui font partie du m&ecirc;me groupe souple
sont maintenus synchronis&eacute;s si un de ces objets de texte est &eacute;dit&eacute;. Ainsi, un changement dans un texte
d'un objet entra&icirc;ne le m&ecirc;me changement de tous les autres objets de texte comportant les m&ecirc;mes
caract&egrave;res. Seul le texte &eacute;value lui-m&ecirc;me s'il est synchronis&eacute;, de sorte que des objets de texte diff&eacute;rents
peuvent avoir diff&eacute;rentes tailles, diff&eacute;rentes polices et diff&eacute;rents attributs.
Une synchronisation de texte en utilisant des groupes souples est utile lorsqu'un label est copi&eacute; &agrave; plusieurs
emplacements, &eacute;ventuellement dans diff&eacute;rents styles, et que vous souhaitez que chaque objet pr&eacute;sente le
m&ecirc;me label.
Page 295
Synchronisation de texte
Tous les objets de texte comprenant la m&ecirc;me valeur de texte et qui font partie du m&ecirc;me groupe souple
sont maintenus synchronis&eacute;s si un de ces objets de texte est &eacute;dit&eacute;. Ainsi, un changement dans un texte
d'un objet entra&icirc;ne le m&ecirc;me changement de tous les autres objets de texte comportant les m&ecirc;mes
caract&egrave;res. Seul le texte &eacute;value lui-m&ecirc;me s'il est synchronis&eacute;, de sorte que des objets de texte diff&eacute;rents
peuvent avoir diff&eacute;rentes tailles, diff&eacute;rentes polices et diff&eacute;rents attributs.
Une synchronisation de texte en utilisant des groupes souples est utile lorsqu'un label est copi&eacute; &agrave; plusieurs
emplacements, &eacute;ventuellement dans diff&eacute;rents styles, et que vous souhaitez que chaque objet pr&eacute;sente le
m&ecirc;me label.
Page 296
Alignement
Cette option vous permet d'aligner ou de r&eacute;partir au moins deux objets avec pr&eacute;cision. S&eacute;lectionnez les
objets que vous voulez aligner puis choisissez Arranger &gt; Alignement (raccourci Ctrl+Maj+L).
Le petit sch&eacute;ma en haut de la bo&icirc;te de
dialogue vous montre l'effet produit par
la s&eacute;lection des diff&eacute;rentes options. Les
objets s&eacute;lectionn&eacute;s dans le document
ne sont pas modifi&eacute;s tant que vous
n'avez pas cliqu&eacute; sur Appliquer.
La bo&icirc;te de dialogue d'Alignement est
une bo&icirc;te non modale, ce qui signifie
que vous pouvez la garder &agrave; l'&eacute;cran
tout en continuant &agrave; travailler sur le
document simultan&eacute;ment. Vous pouvez
ainsi changer d'outils, dessiner et
modifier votre s&eacute;lection d'objets tout
en choisissant facilement parmi les
diff&eacute;rentes options d'alignement.
Si vous vous &ecirc;tes tromp&eacute; dans la
s&eacute;lection, vous pouvez la modifier et
cliquer sur le bouton Appliquer afin d'
Appliquer
les derniers r&eacute;glages d'alignement de
nouveau. Ceci pourra vous faire
gagner un temps pr&eacute;cieux.
Dans
Cette section de la bo&icirc;te de dialogue contr&ocirc;le les limites &agrave; l'int&eacute;rieur desquelles vous alignez ou
r&eacute;partissez les objets. Les options sont les suivantes :
Limites de la s&eacute;lection
: les limites sont les bords ext&eacute;rieurs des objets
s&eacute;lectionn&eacute;s. Leur position relative sur la page ou
leur double page n'a aucun effet.
Limites de l'objet d'arri&egrave;re-plan
: les limites sont les bords ext&eacute;rieurs de l'objet
s&eacute;lectionn&eacute; et le plus en arri&egrave;re. Cet objet n'est
pas affect&eacute; par l'alignement.
Vous pouvez l'utiliser pour d&eacute;finir l'objet de
&laquo; r&eacute;f&eacute;rence &raquo; lorsque vous souhaitez aligner
plusieurs objets sur une ligne, par exemple. Les
options de &laquo; Limites de la s&eacute;lection &raquo; normales
sur l'objet le plus &agrave; gauche en font l'objet de
r&eacute;f&eacute;rence (celui que ne sera pas d&eacute;plac&eacute;)
Page 297
Page(s) :
si les objets sont sur une simple page, les limites
en sont les bords. (Ce qui vous permet, par
exemple, de centrer les objets sur la page ou de
les aligner contre le bord de la page.)
Aligner
Pour aligner des objets de fa&ccedil;on &agrave; ce que leurs bords gauches soient align&eacute;s &agrave; gauche par exemple.
1. S&eacute;lectionner les objets si n&eacute;cessaire.
2. S&eacute;lectionner l'option Dans n&eacute;cessaire, &agrave; savoir, les limites de la s&eacute;lection.
3. S&eacute;lectionner Aligner &agrave; gauche pour des positions horizontales,
4. Laisser les positions verticales sur Aucun changement.
5. Cliquer sur Appliquer.
Les objets s&eacute;lectionn&eacute;s se d&eacute;placent pour s'aligner sur les bords gauches.
Toutes les options d'alignement fonctionnent de fa&ccedil;on similaire. Afin de faire court, seule l'option
d'alignement gauche illustr&eacute;e dans la bo&icirc;te de dialogue est d&eacute;crite. Testez afin d'en apprendre plus sur les
autres options.
Afin de s&eacute;lectionner rapidement n'importe quelle combinaison d'alignement vertical et horizontal, cliquez
dans le diagramme avec la souris :
 Un seul clic a pour effet d'aligner les positions horizontales et verticales sur la position cliqu&eacute;e
dans n'importe quelle des neuf combinaisons (haut-centr&eacute;-bas/gauche-centr&eacute;-droite)
 CTRL + clic droit laisse la position horizontale inchang&eacute;e et positionne les objets sur une ligne
vers le haut, le centre ou le bas.
 Maj + clic laisse la position verticale inchang&eacute;e et aligne les objets sur une colonne vers la
gauche, le centre ou la droite.
R&eacute;partir
Les options R&eacute;partir permettent de positionner tous les objets s&eacute;lectionn&eacute;s uniform&eacute;ment sur la zone
Dans (g&eacute;n&eacute;ralement dans les limites de la s&eacute;lection, mais il peut s'agir de la page ou de la double page).
De m&ecirc;me, ici, toutes les options de r&eacute;partition fonctionnent de fa&ccedil;on similaire. Les exemples suivants
montrent comment les diff&eacute;rentes options de position verticale alignent les objets.
R&eacute;partition des bords sup&eacute;rieurs : les
sommets des objets sont espac&eacute;s
uniform&eacute;ment. La R&eacute;partition des
bords inf&eacute;rieurs
est l'inverse—le bas des objets est
espac&eacute; uniform&eacute;ment.
R&eacute;partition des centres
: les centres des objets sont espac&eacute;s
uniform&eacute;ment.
R&eacute;partition &eacute;qui-distante :
les objets sont espac&eacute;s uniform&eacute;ment.
Les options de position horizontale sont semblables mais fonctionnent dans la direction horizontale.
Ainsi, &agrave; titre d'exemple, pour r&eacute;partir cette s&eacute;rie d'ellipses positionn&eacute;es de mani&egrave;re al&eacute;atoire de fa&ccedil;on &agrave;
ce qu'elles soient espac&eacute;es &agrave; l'identique et align&eacute;es sur le bord sup&eacute;rieur :
Page 298
S&eacute;lectionner les formes
Afficher la bo&icirc;te de dialogue
d'Alignement (Ctrl+Maj+L)
 S'assurer que Dans affiche les
Limites de la s&eacute;lection
 S&eacute;lectionner les positions
horizontales : R&eacute;partir les
centres
 S&eacute;lectionner la position
verticale : Aligner le haut
 Cliquer sur Appliquer
Ils appara&icirc;tront ainsi, tous r&eacute;guli&egrave;rement
espac&eacute;s horizontalement et align&eacute;s sur le
sommet.
N'oubliez pas que si vous effectuez une erreur, vous pouvez toujours annuler l'op&eacute;ration.


Page 299
Dans
Cette section de la bo&icirc;te de dialogue contr&ocirc;le les limites &agrave; l'int&eacute;rieur desquelles vous alignez ou
r&eacute;partissez les objets. Les options sont les suivantes :
Limites de la s&eacute;lection
: les limites sont les bords ext&eacute;rieurs des objets
s&eacute;lectionn&eacute;s. Leur position relative sur la page ou
leur double page n'a aucun effet.
Limites de l'objet d'arri&egrave;re-plan
: les limites sont les bords ext&eacute;rieurs de l'objet
s&eacute;lectionn&eacute; et le plus en arri&egrave;re. Cet objet n'est
pas affect&eacute; par l'alignement.
Vous pouvez l'utiliser pour d&eacute;finir l'objet de
&laquo; r&eacute;f&eacute;rence &raquo; lorsque vous souhaitez aligner
plusieurs objets sur une ligne, par exemple. Les
options de &laquo; Limites de la s&eacute;lection &raquo; normales
sur l'objet le plus &agrave; gauche en font l'objet de
r&eacute;f&eacute;rence (celui que ne sera pas d&eacute;plac&eacute;)
Page(s) :
si les objets sont sur une simple page, les limites
en sont les bords. (Ce qui vous permet, par
exemple, de centrer les objets sur la page ou de
les aligner contre le bord de la page.)
Aligner
Pour aligner des objets de fa&ccedil;on &agrave; ce que leurs bords gauches soient align&eacute;s &agrave; gauche par exemple.
1. S&eacute;lectionner les objets si n&eacute;cessaire.
2. S&eacute;lectionner l'option Dans n&eacute;cessaire, &agrave; savoir, les limites de la s&eacute;lection.
3. S&eacute;lectionner Aligner &agrave; gauche pour des positions horizontales,
4. Laisser les positions verticales sur Aucun changement.
5. Cliquer sur Appliquer.
Les objets s&eacute;lectionn&eacute;s se d&eacute;placent pour s'aligner sur les bords gauches.
Toutes les options d'alignement fonctionnent de fa&ccedil;on similaire. Afin de faire court, seule l'option
d'alignement gauche illustr&eacute;e dans la bo&icirc;te de dialogue est d&eacute;crite. Testez afin d'en apprendre plus sur les
autres options.
Afin de s&eacute;lectionner rapidement n'importe quelle combinaison d'alignement vertical et horizontal, cliquez
dans le diagramme avec la souris :
 Un seul clic a pour effet d'aligner les positions horizontales et verticales sur la position cliqu&eacute;e
dans n'importe quelle des neuf combinaisons (haut-centr&eacute;-bas/gauche-centr&eacute;-droite)
 CTRL + clic droit laisse la position horizontale inchang&eacute;e et positionne les objets sur une ligne
vers le haut, le centre ou le bas.
 Maj + clic laisse la position verticale inchang&eacute;e et aligne les objets sur une colonne vers la
gauche, le centre ou la droite.
R&eacute;partir
Les options R&eacute;partir permettent de positionner tous les objets s&eacute;lectionn&eacute;s uniform&eacute;ment sur la zone
Dans (g&eacute;n&eacute;ralement dans les limites de la s&eacute;lection, mais il peut s'agir de la page ou de la double page).
Page 300
De m&ecirc;me, ici, toutes les options de r&eacute;partition fonctionnent de fa&ccedil;on similaire. Les exemples suivants
montrent comment les diff&eacute;rentes options de position verticale alignent les objets.
R&eacute;partition des bords sup&eacute;rieurs : les
sommets des objets sont espac&eacute;s
uniform&eacute;ment. La R&eacute;partition des
bords inf&eacute;rieurs
est l'inverse—le bas des objets est
espac&eacute; uniform&eacute;ment.
R&eacute;partition des centres
: les centres des objets sont espac&eacute;s
uniform&eacute;ment.
R&eacute;partition &eacute;qui-distante :
les objets sont espac&eacute;s uniform&eacute;ment.
Les options de position horizontale sont semblables mais fonctionnent dans la direction horizontale.
Ainsi, &agrave; titre d'exemple, pour r&eacute;partir cette s&eacute;rie d'ellipses positionn&eacute;es de mani&egrave;re al&eacute;atoire de fa&ccedil;on &agrave;
ce qu'elles soient espac&eacute;es &agrave; l'identique et align&eacute;es sur le bord sup&eacute;rieur :
 S&eacute;lectionner les formes
 Afficher la bo&icirc;te de dialogue
d'Alignement (Ctrl+Maj+L)
 S'assurer que Dans affiche les
Limites de la s&eacute;lection
 S&eacute;lectionner les positions
horizontales : R&eacute;partir les
centres
 S&eacute;lectionner la position
verticale : Aligner le haut
 Cliquer sur Appliquer
Ils appara&icirc;tront ainsi, tous r&eacute;guli&egrave;rement
espac&eacute;s horizontalement et align&eacute;s sur le
sommet.
N'oubliez pas que si vous effectuez une erreur, vous pouvez toujours annuler l'op&eacute;ration.
Page 301
Aligner
Pour aligner des objets de fa&ccedil;on &agrave; ce que leurs bords gauches soient align&eacute;s &agrave; gauche par exemple.
1. S&eacute;lectionner les objets si n&eacute;cessaire.
2. S&eacute;lectionner l'option Dans n&eacute;cessaire, &agrave; savoir, les limites de la s&eacute;lection.
3. S&eacute;lectionner Aligner &agrave; gauche pour des positions horizontales,
4. Laisser les positions verticales sur Aucun changement.
5. Cliquer sur Appliquer.
Les objets s&eacute;lectionn&eacute;s se d&eacute;placent pour s'aligner sur les bords gauches.
Toutes les options d'alignement fonctionnent de fa&ccedil;on similaire. Afin de faire court, seule l'option
d'alignement gauche illustr&eacute;e dans la bo&icirc;te de dialogue est d&eacute;crite. Testez afin d'en apprendre plus sur les
autres options.
Afin de s&eacute;lectionner rapidement n'importe quelle combinaison d'alignement vertical et horizontal, cliquez
dans le diagramme avec la souris :
 Un seul clic a pour effet d'aligner les positions horizontales et verticales sur la position cliqu&eacute;e
dans n'importe quelle des neuf combinaisons (haut-centr&eacute;-bas/gauche-centr&eacute;-droite)
 CTRL + clic droit laisse la position horizontale inchang&eacute;e et positionne les objets sur une ligne
vers le haut, le centre ou le bas.
 Maj + clic laisse la position verticale inchang&eacute;e et aligne les objets sur une colonne vers la
gauche, le centre ou la droite.
R&eacute;partir
Les options R&eacute;partir permettent de positionner tous les objets s&eacute;lectionn&eacute;s uniform&eacute;ment sur la zone
Dans (g&eacute;n&eacute;ralement dans les limites de la s&eacute;lection, mais il peut s'agir de la page ou de la double page).
De m&ecirc;me, ici, toutes les options de r&eacute;partition fonctionnent de fa&ccedil;on similaire. Les exemples suivants
montrent comment les diff&eacute;rentes options de position verticale alignent les objets.
R&eacute;partition des bords sup&eacute;rieurs : les
sommets des objets sont espac&eacute;s
uniform&eacute;ment. La R&eacute;partition des
bords inf&eacute;rieurs
est l'inverse—le bas des objets est
espac&eacute; uniform&eacute;ment.
R&eacute;partition des centres
: les centres des objets sont espac&eacute;s
uniform&eacute;ment.
R&eacute;partition &eacute;qui-distante :
les objets sont espac&eacute;s uniform&eacute;ment.
Les options de position horizontale sont semblables mais fonctionnent dans la direction horizontale.
Ainsi, &agrave; titre d'exemple, pour r&eacute;partir cette s&eacute;rie d'ellipses positionn&eacute;es de mani&egrave;re al&eacute;atoire de fa&ccedil;on &agrave;
ce qu'elles soient espac&eacute;es &agrave; l'identique et align&eacute;es sur le bord sup&eacute;rieur :
 S&eacute;lectionner les formes
 Afficher la bo&icirc;te de dialogue
d'Alignement (Ctrl+Maj+L)
 S'assurer que Dans affiche les
Limites de la s&eacute;lection
Page 302
S&eacute;lectionner les positions
horizontales : R&eacute;partir les
centres
 S&eacute;lectionner la position
verticale : Aligner le haut
 Cliquer sur Appliquer
Ils appara&icirc;tront ainsi, tous r&eacute;guli&egrave;rement
espac&eacute;s horizontalement et align&eacute;s sur le
sommet.
N'oubliez pas que si vous effectuez une erreur, vous pouvez toujours annuler l'op&eacute;ration.

Page 303
R&eacute;partir
Les options R&eacute;partir permettent de positionner tous les objets s&eacute;lectionn&eacute;s uniform&eacute;ment sur la zone
Dans (g&eacute;n&eacute;ralement dans les limites de la s&eacute;lection, mais il peut s'agir de la page ou de la double page).
De m&ecirc;me, ici, toutes les options de r&eacute;partition fonctionnent de fa&ccedil;on similaire. Les exemples suivants
montrent comment les diff&eacute;rentes options de position verticale alignent les objets.
R&eacute;partition des bords sup&eacute;rieurs : les
sommets des objets sont espac&eacute;s
uniform&eacute;ment. La R&eacute;partition des
bords inf&eacute;rieurs
est l'inverse—le bas des objets est
espac&eacute; uniform&eacute;ment.
R&eacute;partition des centres
: les centres des objets sont espac&eacute;s
uniform&eacute;ment.
R&eacute;partition &eacute;qui-distante :
les objets sont espac&eacute;s uniform&eacute;ment.
Les options de position horizontale sont semblables mais fonctionnent dans la direction horizontale.
Ainsi, &agrave; titre d'exemple, pour r&eacute;partir cette s&eacute;rie d'ellipses positionn&eacute;es de mani&egrave;re al&eacute;atoire de fa&ccedil;on &agrave;
ce qu'elles soient espac&eacute;es &agrave; l'identique et align&eacute;es sur le bord sup&eacute;rieur :
 S&eacute;lectionner les formes
 Afficher la bo&icirc;te de dialogue
d'Alignement (Ctrl+Maj+L)
 S'assurer que Dans affiche les
Limites de la s&eacute;lection
 S&eacute;lectionner les positions
horizontales : R&eacute;partir les
centres
 S&eacute;lectionner la position
verticale : Aligner le haut
 Cliquer sur Appliquer
Ils appara&icirc;tront ainsi, tous r&eacute;guli&egrave;rement
espac&eacute;s horizontalement et align&eacute;s sur le
sommet.
N'oubliez pas que si vous effectuez une erreur, vous pouvez toujours annuler l'op&eacute;ration.
Page 304
Copier des styles : coller des attributs
Cette option vous permet de copier des attributs (tels que le type de ligne ou la couleur de remplissage)
entre des objets. C'est un moyen rapide d'appliquer une multitude d'attributs &agrave; un objet.
Le carr&eacute; a une couleur, un type
d'ombre, de contour et de remplissage
sp&eacute;cifique. Le copier puis coller ses
attributs sur le cercle du centre produit
un cercle &agrave; droite.
1. S&eacute;lectionner l'objet dont vous souhaitez copier les attributs.
2. Copier la s&eacute;lection dans le presse-papier. (&Eacute;dition &gt; copier ou CTRL + C)
3. S&eacute;lectionner l'(es) objet(s) au(x)quel(s) vous souhaitez appliquer les attributs.
4. &Eacute;diter &gt; Coller des attributs (ou Ctrl+ Maj +A).
L'objet reste dans le presse-papier jusqu'&agrave; ce qu'il soit &eacute;cras&eacute; par une op&eacute;ration de copier ou de coller.
Ceci vous permet de coller les attributs autant de fois que n&eacute;cessaire.
Biblioth&egrave;ques de style
Il est tr&egrave;s facile d'utiliser cette technique afin de cr&eacute;er des documents pouvant &ecirc;tre utilis&eacute;s comme
biblioth&egrave;ques de style. Cr&eacute;er une s&eacute;rie de petits objets avec diff&eacute;rents remplissages, couleurs et autres
styles d'attributs. Ensuite, le moyen le plus rapide d'utiliser ces styles est le suivant :
 Cliquer sur l'objet source, Ctrl+C pour copier le style
 Passer &agrave; l'objet de destination (qui peut &ecirc;tre dans un autre document, faire Ctrl+Tab pour passer
rapidement d'un document ouvert &agrave; l'autre), cliquer sur l'objet auquel appliquer le style
 Appuyer sur Ctrl+Maj+A pour appliquer les attributs
Remarque :
la plupart des attributs peuvent &ecirc;tre copi&eacute;s de cette fa&ccedil;on, dont les ombres, les valeurs d'estompage, les
styles de remplissage, les effets en direct, etc. Toutefois, les biseaux ne peuvent &ecirc;tre copi&eacute;s d'un objet &agrave;
l'autre que si l'objet dans lequel le biseau est copi&eacute; dispose d&eacute;j&agrave; d'un biseau auquel les attributs peuvent
&ecirc;tre attribu&eacute;s.
Page 305
Nommer les objets
Vous pouvez attribuer des noms &agrave; tout objet dans Xtreme Web
Designer 5 &agrave; l'aide du bouton &laquo; Appliquer, supprimer ou v&eacute;rifier les
noms des objets &raquo; de la barre d'information de l'Outil de s&eacute;lection
.
La nomination est un m&eacute;canisme g&eacute;n&eacute;ral pr&eacute;sentant diff&eacute;rentes utilisations dont certaines sont d&eacute;crites
ci-dessous. Le plus souvent, les noms sont utilis&eacute;s pour former des ensembles d'objets.
Exemples d'utilisations de noms
Animations Flash : les noms sont utilis&eacute;s dans les animations flash pour s&eacute;lectionner les objets &agrave;
tweener par le Flash exporter. Voir le chapitre Flash
pour plus d'informations.
R&eacute;p&eacute;ter les objets : une convention de nomination sp&eacute;ciale est utilis&eacute;e pour identifier un objet devant
appara&icirc;tre sur plusieurs pages d'un projet sous exactement la m&ecirc;me forme et &agrave; la m&ecirc;me position sur
chaque page. Cela permet d'&eacute;diter une seule copie de l'objet puis de mettre &agrave; jour toutes les autres. Voir
la section &laquo; R&eacute;p&eacute;ter les objets &raquo;
dans le chapitre &laquo; D&eacute;marrer &raquo; pour plus d'informations.
Cette bo&icirc;te de dialogue est ind&eacute;pendante du mode. Vous pouvez donc modifier la s&eacute;lection pendant que
la bo&icirc;te de dialogue est ouverte. Elle affiche les noms de la s&eacute;lection actuelle. Le champ de texte en haut
de la bo&icirc;te de dialogue vous montre combien d'objets sont actuellement s&eacute;lectionn&eacute;s.
Ajouter des noms
Pour ajouter un nom &agrave; un objet, s&eacute;lectionnez l'objet et ouvrez la bo&icirc;te de dialogue Noms en utilisant le
bouton correspondant de la barre d'information de l'outil S&eacute;lection ou en passant par Services &gt;
Noms...
.
Saisissez le nouveau nom dans le champ &laquo; Utiliser le nom &raquo; ou utilisez la liste d&eacute;roulante de ce m&ecirc;me
champ afin de s&eacute;lectionner un nom d&eacute;j&agrave; utilis&eacute; ailleurs dans le document en cours. Cliquez sur Ajouter.
Le nom appara&icirc;t d&eacute;sormais dans la liste &laquo; Noms utilis&eacute;s
&raquo;.
Noms utilis&eacute;s
Le champ &laquo; Noms utilis&eacute;s
&raquo; affiche les noms appliqu&eacute;s &agrave; la s&eacute;lection actuelle. Si plus d'un objet est s&eacute;lectionn&eacute;, la liste de noms
Page 306
n'appara&icirc;t que si tous les objets de la s&eacute;lection ont exactement le m&ecirc;me jeu de noms appliqu&eacute;s.
Autrement &laquo; &lt;Trop nombreux&gt; &raquo; est affich&eacute;, ce qui indique qu'il existe des diff&eacute;rences en termes de
noms appliqu&eacute;s &agrave; diff&eacute;rents objets dans la s&eacute;lection.
Pour supprimer un nom des objets s&eacute;lectionn&eacute;s, cliquez sur le nom dans la liste &laquo; Noms appliqu&eacute;s &raquo; afin
de le s&eacute;lectionner, puis cliquez sur le bouton Supprimer
.
Page 307
Ajouter des noms
Pour ajouter un nom &agrave; un objet, s&eacute;lectionnez l'objet et ouvrez la bo&icirc;te de dialogue Noms en utilisant le
bouton correspondant de la barre d'information de l'outil S&eacute;lection ou en passant par Services &gt;
Noms...
.
Saisissez le nouveau nom dans le champ &laquo; Utiliser le nom &raquo; ou utilisez la liste d&eacute;roulante de ce m&ecirc;me
champ afin de s&eacute;lectionner un nom d&eacute;j&agrave; utilis&eacute; ailleurs dans le document en cours. Cliquez sur Ajouter.
Le nom appara&icirc;t d&eacute;sormais dans la liste &laquo; Noms utilis&eacute;s
&raquo;.
Noms utilis&eacute;s
Le champ &laquo; Noms utilis&eacute;s
&raquo; affiche les noms appliqu&eacute;s &agrave; la s&eacute;lection actuelle. Si plus d'un objet est s&eacute;lectionn&eacute;, la liste de noms
n'appara&icirc;t que si tous les objets de la s&eacute;lection ont exactement le m&ecirc;me jeu de noms appliqu&eacute;s.
Autrement &laquo; &lt;Trop nombreux&gt; &raquo; est affich&eacute;, ce qui indique qu'il existe des diff&eacute;rences en termes de
noms appliqu&eacute;s &agrave; diff&eacute;rents objets dans la s&eacute;lection.
Pour supprimer un nom des objets s&eacute;lectionn&eacute;s, cliquez sur le nom dans la liste &laquo; Noms appliqu&eacute;s &raquo; afin
de le s&eacute;lectionner, puis cliquez sur le bouton Supprimer
.
Page 308
Noms utilis&eacute;s
Le champ &laquo; Noms utilis&eacute;s
&raquo; affiche les noms appliqu&eacute;s &agrave; la s&eacute;lection actuelle. Si plus d'un objet est s&eacute;lectionn&eacute;, la liste de noms
n'appara&icirc;t que si tous les objets de la s&eacute;lection ont exactement le m&ecirc;me jeu de noms appliqu&eacute;s.
Autrement &laquo; &lt;Trop nombreux&gt; &raquo; est affich&eacute;, ce qui indique qu'il existe des diff&eacute;rences en termes de
noms appliqu&eacute;s &agrave; diff&eacute;rents objets dans la s&eacute;lection.
Pour supprimer un nom des objets s&eacute;lectionn&eacute;s, cliquez sur le nom dans la liste &laquo; Noms appliqu&eacute;s &raquo; afin
de le s&eacute;lectionner, puis cliquez sur le bouton Supprimer
.
Page 309
R&eacute;p&eacute;ter les objets
Il est courant de trouver des &eacute;l&eacute;ments tels que des boutons de navigation, en-t&ecirc;tes ou logos r&eacute;p&eacute;t&eacute;s sur
toutes les pages de votre site Internet. Web Designer vous permet de r&eacute;p&eacute;ter tout &eacute;l&eacute;ment au m&ecirc;me
emplacement sur toute page souhait&eacute;e de vos pages web. Lorsque vous mettez &agrave; jour l'une des copies,
vous pouvez dupliquer rapidement ces changements sur toutes les pages.
Sur la plupart des mod&egrave;les de designs, les principaux boutons de navigation se r&eacute;p&egrave;tent. Lors du
changement de tout bouton, tel que le texte ou l'adresse Internet, vous pouvez s&eacute;lectionner l'&eacute;l&eacute;ment de
menu Arranger -&gt; Mise &agrave; jour des objets r&eacute;p&eacute;t&eacute;s, et les boutons de toutes les pages seront mis &agrave; jour.
Remarque : la page en cours est utilis&eacute;e en tant que source des &eacute;l&eacute;ments r&eacute;p&eacute;t&eacute;s en vue de la mise &agrave; jour
de toutes les autres pages. Assurez-vous donc de vous trouver sur la bonne page avant de choisir ce
menu. La page en cours est celle sur laquelle vous travaillez et se distingue par les marqueurs qui
apparaissent aux coins de la page. Cliquez n'importe o&ugrave; sur la page (m&ecirc;me &agrave; l'ext&eacute;rieur) pour l'activer.
Il est facile de cr&eacute;er vos propres &eacute;l&eacute;ments r&eacute;p&eacute;t&eacute;s, s&eacute;lectionnez tout simplement un objet et choisissez
Arranger -&gt; R&eacute;p&eacute;ter sur toutes les pages
L'objet sera copi&eacute; au m&ecirc;me emplacement sur toutes les pages. Pour effectuer d'autres changements sur
cet &eacute;l&eacute;ment, s&eacute;lectionnez Arranger -&gt; Mise &agrave; jour des objets r&eacute;p&eacute;t&eacute;s
&agrave; nouveau pour mettre &agrave; jour toutes les copies.
Si vous souhaitez exclure une copie sur une page, il suffit de supprimer le changement sur cette page.
Toute autre Mise &agrave; jour des objets r&eacute;p&eacute;t&eacute;s
ne s'appliquera qu'aux &eacute;l&eacute;ments existants d&eacute;j&agrave; sur la page.
Pieds de page
Si vous souhaitez faire appara&icirc;tre un pied de page normal au bas de chaque page, vous pouvez utiliser
ce syst&egrave;me de r&eacute;p&eacute;tition d'objets. S&eacute;lectionnez l'&eacute;l&eacute;ment (il peut s'agir d'un &eacute;l&eacute;ment individuel, de groupes
ou d'&eacute;l&eacute;ments multiples) et utilisez l'option R&eacute;p&eacute;ter sur toutes les pages
. Cela est utile pour le positionnement car les &eacute;l&eacute;ments du bas de la page appara&icirc;tront alors &agrave; la bonne
position, ind&eacute;pendamment de la longueur de la page.
Utilisation avanc&eacute;e des objets r&eacute;p&eacute;t&eacute;s
Vous pouvez &eacute;galement faire de tout &eacute;l&eacute;ment un &eacute;l&eacute;ment r&eacute;p&eacute;t&eacute; en lui attribuant une &laquo; r&eacute;p&eacute;tition
sp&eacute;ciale &raquo; : nom.

S&eacute;lectionnez l'objet et cliquez sur le bouton &laquo; Utiliser le nom &raquo;
&agrave; la droite de la barre d'information de l'Outil de s&eacute;lection.
 Attribuez-lui un nom
d&eacute;butant par
&laquo; R&eacute;p&eacute;ter : &raquo;. Il doit
&ecirc;tre suivi par un nom
unique pour cet
&eacute;l&eacute;ment.
 Cliquez sur le bouton
Ajouter pour appliquer
le nom.
Si vous souhaitez mettre &agrave; jour
cet objet sur plusieurs pages,
copiez-le d'abord
manuellement sur toutes les
pages o&ugrave; il doit appara&icirc;tre. Ou
utilisez le menu Arranger -&gt;
R&eacute;p&eacute;ter sur toutes les
Page 310
pages
.
D&eacute;sormais, lorsque vous &eacute;ditez ou effectuez d'autres changements sur cet &eacute;l&eacute;ment et que vous
s&eacute;lectionnez Arranger -&gt; Mise &agrave; jour des objets r&eacute;p&eacute;t&eacute;s
, toutes les copies seront mises &agrave; jour.
Remarque : cette fonctionnalit&eacute; met &agrave; jour tous les objets r&eacute;p&eacute;t&eacute;s &agrave; partir de la page en cours sur toutes
les autres pages contenant les m&ecirc;mes &eacute;l&eacute;ments r&eacute;p&eacute;t&eacute;s. Seules les pages contenant l'&eacute;l&eacute;ment r&eacute;p&eacute;t&eacute;
seront mises &agrave; jour (elle ne cr&eacute;e pas l'&eacute;l&eacute;ment sur des pages vides)
Il est important de comprendre que ces &eacute;l&eacute;ments r&eacute;p&eacute;t&eacute;s ne seront pas mis &agrave; jour automatiquement mais
uniquement si vous s&eacute;lectionnez le menu : Arranger -&gt; Mise &agrave; jour des objets r&eacute;p&eacute;t&eacute;s.
Note technique : cette fonctionnalit&eacute; fonctionne par l'identification des &eacute;l&eacute;ments avec le nom de
&laquo; r&eacute;p&eacute;tition &raquo;, puis en les rempla&ccedil;ant par les &eacute;l&eacute;ments correspondants depuis la page source (la page
s&eacute;lectionn&eacute;e).
La page s&eacute;lectionn&eacute;e est celle sur laquelle vous travaillez et se distingue
par les &eacute;l&eacute;ments qui apparaissent &agrave; ses coins.
Si vous utilisez l'option R&eacute;p&eacute;ter sur toutes les pages
, un nom Repeating:AutoRepeat appropri&eacute; est cr&eacute;&eacute; automatiquement et s'applique &agrave; toutes les copies. A
partir de l&agrave;, il sera mis &agrave; jour &agrave; chaque fois que vous s&eacute;lectionnerez &laquo; Mise &agrave; jour des objets r&eacute;p&eacute;t&eacute;s &raquo;.
Vous pouvez appliquer un nom de r&eacute;p&eacute;tition &agrave; n'importe quelle s&eacute;lection, par exemple un groupe de
boutons, en s&eacute;lectionnant tous les boutons et en appliquant le nom &agrave; toute la s&eacute;lection &agrave; la fois. Attention
cependant, si vous souhaitez traiter s&eacute;par&eacute;ment diff&eacute;rents objets &agrave; diff&eacute;rents emplacements de la page,
par exemple les en-t&ecirc;tes et les pieds de page, chacun doit avoir un nom de r&eacute;p&eacute;tition diff&eacute;rent,
&laquo; Repeating:footer &raquo; &acute;par exemple.
En-t&ecirc;tes et pieds de page
Votre site comporte &eacute;ventuellement des pages de longueur diff&eacute;rente et vous souhaitez peut-&ecirc;tre
positionner certains objets r&eacute;p&eacute;t&eacute;s en haut de chaque page et d'autres (par ex. pieds de page) en bas de
chaque page. Cette possibilit&eacute; est trait&eacute;e automatiquement par Xtreme Web Designer 5.
La position d'un objet r&eacute;p&eacute;t&eacute; sur la page d&eacute;termine s'il est consid&eacute;r&eacute; comme un en-t&ecirc;te ou un pied de
page. Les objets r&eacute;p&eacute;t&eacute;s en haut de page sont d&eacute;plac&eacute;s &agrave; la m&ecirc;me position en haut de chaque page. Les
autres objets r&eacute;p&eacute;t&eacute;s (ceux qui ne couvrent pas une partie sp&eacute;cifique de la moiti&eacute; sup&eacute;rieure de la page)
sont d&eacute;plac&eacute;s &agrave; la m&ecirc;me position en bas de chaque page.
Page 311
L'outil d'&eacute;dition des formes
L'Outil d'&eacute;dition des formes
est l'outil principal utilis&eacute; pour &agrave; la fois cr&eacute;er des courbes, lignes et
formes pr&eacute;cises, ainsi que pour &eacute;diter ou modifier des lignes et
formes.
La barre d'info, pr&eacute;sent&eacute;e plus haut, propose un large choix de commandes ainsi que des fonctions de
contr&ocirc;le num&eacute;rique pr&eacute;cises.
Toutes les lignes et formes de Xtreme Web Designer 5 sont compos&eacute;es d'une s&eacute;quence de sections de
courbes et de lignes. Les courbes sont parfois appel&eacute;es courbes &laquo; B&eacute;zier &raquo;, d'apr&egrave;s le math&eacute;maticien qui
les a d&eacute;crit en premier.
Les sections ou segments d'une ligne sont marqu&eacute;s par des petits points d'ancrage noirs. Vous pouvez
tirer, ajouter ou supprimer ces poign&eacute;es pour manipuler la forme d'une ligne ou d'un contour.
Dessiner un segment de ligne droite
Dessiner une ligne droite dans l'outil d'&eacute;dition des formes
:
1. Cliquez sur l'emplacement o&ugrave; vous souhaitez commencer la ligne. (vous pouvez commencer une
ligne n'importe o&ugrave; ; il n'est pas n&eacute;cessaire de travailler de la gauche vers la droite ou du bas vers
le haut). Il sera alors affich&eacute; un carr&eacute; rouge indiquant la poign&eacute;e s&eacute;lectionn&eacute;e.
2. S&eacute;lectionnez la fonction Tracer une ligne sur la barre d'infos. (Raccourci clavier : L) Cela vous
assure qu'au prochain clic, une ligne droite sera trac&eacute;e.
Cliquez &agrave; l'emplacement de la prochaine poign&eacute;e ou tracez la ligne par glisser-d&eacute;poser. Cette op&eacute;ration
cr&eacute;&eacute;e un segment de ligne droite et s&eacute;lectionne la nouvelle poign&eacute;e de fin.
Page 312
M&eacute;langer les courbes et lignes droites
Pour cr&eacute;er un objet m&eacute;langeant les segments de lignes droites et de courbes, alternez entre les boutons
de Tracer une courbe et Tracer une ligne
lorsque vous cr&eacute;ez l'objet. (ou cliquez sur L ou C).
Dessiner un segment de courbe :
Le proc&eacute;d&eacute; est similaire &agrave; celui du trac&eacute; de ligne
droite (d&eacute;crit plus haut).
1. Cliquez sur l'emplacement o&ugrave; vous souhaitez d&eacute;marrer la ligne.
2. Si n&eacute;cessaire, s&eacute;lectionnez le bouton Tracer une courbe. (Raccourci clavier : C)
3. Cliquez &agrave; nouveau avec le bouton de souris ou placez la souris &agrave; l'emplacement souhait&eacute; pour
cr&eacute;er un deuxi&egrave;me point d'ancrage (comme explique pour les lignes droites). Un segment de
courbe va alors &ecirc;tre ajout&eacute; &agrave; la ligne.
Une segment courbe dispose de poign&eacute;es de courbe
associ&eacute;es aux points d'ancrage s&eacute;lectionn&eacute;s. Vous pouvez les d&eacute;placer pour ajuster l'angle et le radius
de la courbe.
Page 313
Dessiner un segment de ligne droite
Dessiner une ligne droite dans l'outil d'&eacute;dition des formes
:
1. Cliquez sur l'emplacement o&ugrave; vous souhaitez commencer la ligne. (vous pouvez commencer une
ligne n'importe o&ugrave; ; il n'est pas n&eacute;cessaire de travailler de la gauche vers la droite ou du bas vers
le haut). Il sera alors affich&eacute; un carr&eacute; rouge indiquant la poign&eacute;e s&eacute;lectionn&eacute;e.
2. S&eacute;lectionnez la fonction Tracer une ligne sur la barre d'infos. (Raccourci clavier : L) Cela vous
assure qu'au prochain clic, une ligne droite sera trac&eacute;e.
Cliquez &agrave; l'emplacement de la prochaine poign&eacute;e ou tracez la ligne par glisser-d&eacute;poser. Cette op&eacute;ration
cr&eacute;&eacute;e un segment de ligne droite et s&eacute;lectionne la nouvelle poign&eacute;e de fin.
M&eacute;langer les courbes et lignes droites
Pour cr&eacute;er un objet m&eacute;langeant les segments de lignes droites et de courbes, alternez entre les boutons
de Tracer une courbe et Tracer une ligne
lorsque vous cr&eacute;ez l'objet. (ou cliquez sur L ou C).
Dessiner un segment de courbe :
Le proc&eacute;d&eacute; est similaire &agrave; celui du trac&eacute; de ligne
droite (d&eacute;crit plus haut).
1. Cliquez sur l'emplacement o&ugrave; vous souhaitez d&eacute;marrer la ligne.
2. Si n&eacute;cessaire, s&eacute;lectionnez le bouton Tracer une courbe. (Raccourci clavier : C)
3. Cliquez &agrave; nouveau avec le bouton de souris ou placez la souris &agrave; l'emplacement souhait&eacute; pour
cr&eacute;er un deuxi&egrave;me point d'ancrage (comme explique pour les lignes droites). Un segment de
courbe va alors &ecirc;tre ajout&eacute; &agrave; la ligne.
Une segment courbe dispose de poign&eacute;es de courbe
associ&eacute;es aux points d'ancrage s&eacute;lectionn&eacute;s. Vous pouvez les d&eacute;placer pour ajuster l'angle et le radius
de la courbe.
Page 314
M&eacute;langer les courbes et lignes droites
Pour cr&eacute;er un objet m&eacute;langeant les segments de lignes droites et de courbes, alternez entre les boutons
de Tracer une courbe et Tracer une ligne
lorsque vous cr&eacute;ez l'objet. (ou cliquez sur L ou C).
Dessiner un segment de courbe :
Le proc&eacute;d&eacute; est similaire &agrave; celui du trac&eacute; de ligne
droite (d&eacute;crit plus haut).
1. Cliquez sur l'emplacement o&ugrave; vous souhaitez d&eacute;marrer la ligne.
2. Si n&eacute;cessaire, s&eacute;lectionnez le bouton Tracer une courbe. (Raccourci clavier : C)
3. Cliquez &agrave; nouveau avec le bouton de souris ou placez la souris &agrave; l'emplacement souhait&eacute; pour
cr&eacute;er un deuxi&egrave;me point d'ancrage (comme explique pour les lignes droites). Un segment de
courbe va alors &ecirc;tre ajout&eacute; &agrave; la ligne.
Une segment courbe dispose de poign&eacute;es de courbe
associ&eacute;es aux points d'ancrage s&eacute;lectionn&eacute;s. Vous pouvez les d&eacute;placer pour ajuster l'angle et le radius
de la courbe.
Page 315
Dessiner un segment de courbe :
Le proc&eacute;d&eacute; est similaire &agrave; celui du trac&eacute; de ligne
droite (d&eacute;crit plus haut).
1. Cliquez sur l'emplacement o&ugrave; vous souhaitez d&eacute;marrer la ligne.
2. Si n&eacute;cessaire, s&eacute;lectionnez le bouton Tracer une courbe. (Raccourci clavier : C)
3. Cliquez &agrave; nouveau avec le bouton de souris ou placez la souris &agrave; l'emplacement souhait&eacute; pour
cr&eacute;er un deuxi&egrave;me point d'ancrage (comme explique pour les lignes droites). Un segment de
courbe va alors &ecirc;tre ajout&eacute; &agrave; la ligne.
Une segment courbe dispose de poign&eacute;es de courbe
associ&eacute;es aux points d'ancrage s&eacute;lectionn&eacute;s. Vous pouvez les d&eacute;placer pour ajuster l'angle et le radius
de la courbe.
Page 316
Allonger la ligne
Assurez-vous que la poign&eacute;e de fin est s&eacute;lectionn&eacute;e (contour rouge) puis cliquez &agrave; nouveau pour ajouter
une nouvelle section de ligne ou courbe. Chaque clic successif place une nouvelle poign&eacute;e et dessine un
nouveau segment de ligne depuis la poign&eacute;e s&eacute;lectionn&eacute;e.
Page 317
Terminer la ligne
shift+ clic compl&egrave;te la ligne (la maintient s&eacute;lectionn&eacute;e) ou appuyez sur &laquo; Esc &raquo; pour terminer la ligne et la
d&eacute;s&eacute;lectionner. Au prochain clic, une nouvelle ligne sera cr&eacute;&eacute;e.
Page 318
Ajouter une nouvelle poign&eacute;e
L'outil d'&eacute;dition de formes
poss&egrave;de trois modes, d&eacute;pendant de la s&eacute;lection op&eacute;r&eacute;e : aucune poign&eacute;e s&eacute;lectionn&eacute;e (chaque clic va
cr&eacute;er une nouvelle ligne), une poign&eacute;e de fin (une nouvelle zone sera cr&eacute;&eacute;e &agrave; chaque clic), ou une ou
plusieurs poign&eacute;es sont s&eacute;lectionn&eacute;es (possibilit&eacute; de d&eacute;placer ou modifier les points d'ancrage).
La barre d'infos indique le mode
actuel.
 Nouveau— cliquez pour d&eacute;marrer une nouvelle ligne,
 Ajouter— cliquez pour allonger la ligne,
 Modifier— tirer ou supprimer les poign&eacute;es pour op&eacute;rer une modification.
S'applique uniquement &agrave; l'outil d'&eacute;dition des formes.
&Agrave; la fin de la ligne :
Assurez-vous que la ligne est s&eacute;lectionn&eacute;e, puis ;
1. si n&eacute;cessaire, cliquez sur le point de fin pour le s&eacute;lectionner.
2. Positionnez le pointeur et cliquez pour ajouter une nouvelle section.
Au centre d'une ligne :
Assurez-vous que la ligne est s&eacute;lectionn&eacute;e, puis ;
1. Cliquez sur la ligne pour ajouter une nouvelle poign&eacute;e dans la ligne
2. Tirez la poign&eacute;e &agrave; la position souhait&eacute;e.
Au d&eacute;but d'une ligne :
Si le point de fin est s&eacute;lectionn&eacute;, cliquez sur le point de d&eacute;but pour fermer la forme (proc&eacute;dure d&eacute;crite
dans &laquo; Fermer une forme &raquo;). Pour ajouter une nouvelle poign&eacute;e de contr&ocirc;le au d&eacute;but d'une ligne :
1. Terminez la ligne en utilisant shift+ clic.
2. Cliquez sur la poign&eacute;e de d&eacute;but.
3. Positionnez le curseur et cliquez.
Page 319
&Agrave; la fin de la ligne :
Assurez-vous que la ligne est s&eacute;lectionn&eacute;e, puis ;
1. si n&eacute;cessaire, cliquez sur le point de fin pour le s&eacute;lectionner.
2. Positionnez le pointeur et cliquez pour ajouter une nouvelle section.
Au centre d'une ligne :
Assurez-vous que la ligne est s&eacute;lectionn&eacute;e, puis ;
1. Cliquez sur la ligne pour ajouter une nouvelle poign&eacute;e dans la ligne
2. Tirez la poign&eacute;e &agrave; la position souhait&eacute;e.
Au d&eacute;but d'une ligne :
Si le point de fin est s&eacute;lectionn&eacute;, cliquez sur le point de d&eacute;but pour fermer la forme (proc&eacute;dure d&eacute;crite
dans &laquo; Fermer une forme &raquo;). Pour ajouter une nouvelle poign&eacute;e de contr&ocirc;le au d&eacute;but d'une ligne :
1. Terminez la ligne en utilisant shift+ clic.
2. Cliquez sur la poign&eacute;e de d&eacute;but.
3. Positionnez le curseur et cliquez.
Page 320
Au centre d'une ligne :
Assurez-vous que la ligne est s&eacute;lectionn&eacute;e, puis ;
1. Cliquez sur la ligne pour ajouter une nouvelle poign&eacute;e dans la ligne
2. Tirez la poign&eacute;e &agrave; la position souhait&eacute;e.
Au d&eacute;but d'une ligne :
Si le point de fin est s&eacute;lectionn&eacute;, cliquez sur le point de d&eacute;but pour fermer la forme (proc&eacute;dure d&eacute;crite
dans &laquo; Fermer une forme &raquo;). Pour ajouter une nouvelle poign&eacute;e de contr&ocirc;le au d&eacute;but d'une ligne :
1. Terminez la ligne en utilisant shift+ clic.
2. Cliquez sur la poign&eacute;e de d&eacute;but.
3. Positionnez le curseur et cliquez.
Page 321
Au d&eacute;but d'une ligne :
Si le point de fin est s&eacute;lectionn&eacute;, cliquez sur le point de d&eacute;but pour fermer la forme (proc&eacute;dure d&eacute;crite
dans &laquo; Fermer une forme &raquo;). Pour ajouter une nouvelle poign&eacute;e de contr&ocirc;le au d&eacute;but d'une ligne :
1. Terminez la ligne en utilisant shift+ clic.
2. Cliquez sur la poign&eacute;e de d&eacute;but.
3. Positionnez le curseur et cliquez.
Page 322
S&eacute;lectionner plusieurs poign&eacute;es
Vous pouvez s&eacute;lectionner plusieurs points d'ancrage pour, par exemple, les supprimer, les d&eacute;placer en
groupe ou modifier une courbe en ligne droite ou inversement. Pour ce faire :
1. S&eacute;lectionnez un point d'ancrage de mani&egrave;re traditionnelle en cliquant dessus.
2. Utilisez la combinaison (Maj + clic pour s&eacute;lectionner les autres points. (Maj + clic permet
&eacute;galement de d&eacute;s&eacute;lectionner)
o Ou la combinaison (Maj + Ctrl + clic sur un point d'ancrage pour s&eacute;lectionner tous les points
se trouvant sur la ligne.
o Vous pouvez &eacute;galement d&eacute;placer le pointeur de la souris en diagonale pour cr&eacute;er une
s&eacute;lection rectangulaire. Tous les points se trouvant dans le rectangle seront s&eacute;lectionn&eacute;s.
o Vous pouvez utiliser (Maj + tirer pour cr&eacute;er un rectangle de s&eacute;lection avec la souris. Tous les
points se trouvant dans le rectangle seront automatiquement ajout&eacute;s &agrave; la s&eacute;lection.
3. Si un ou plusieurs points d'une m&ecirc;me ligne sont s&eacute;lectionn&eacute;s :
o La fonction &laquo; Fin &raquo; d&eacute;place la s&eacute;lection &agrave; la fin de la ligne.
o La fonction &laquo; Orig &raquo; d&eacute;place la s&eacute;lection vers le d&eacute;but de la ligne.
o La touche de tabulation d&eacute;place la s&eacute;lection vers le prochain point de la ligne.Maj + Tab
permet de d&eacute;placer la s&eacute;lection vers le prochain point situ&eacute; sur la ligne en direction du d&eacute;but
de la ligne.
Les points de d&eacute;but et de fin sont tr&egrave;s importants lorsque vous utilisez les touches fl&egrave;ch&eacute;es.
Page 323
Supprimer des points
S&eacute;lectionnez le ou les points d'ancrage comme d&eacute;crit plus haut puis cliquez sur Supprimer points
(Barre d'infos &Eacute;dition des formes
) ou utilisez la touche Suppr.
Page 324
D&eacute;placer les points d'ancrage - Outil d'&eacute;dition
des formes
Vous pouvez d&eacute;placer une ou plusieurs poign&eacute;es :
 D&eacute;placez les poign&eacute;es en les tirant &agrave; l'aide de la souris.
 Vous pouvez utiliser les touches fl&eacute;ch&eacute;es sur le clavier.
Pour d&eacute;placer une seule poign&eacute;e, veuillez entrer les nouvelles valeurs dans le champ de texte de la barre
d'infos (voir plus bas).
Utilisation du champ de texte de la barre d'infos
Les deux champs centraux indiquent la position du point s&eacute;lectionn&eacute; &agrave; l'aide de ses coordonn&eacute;es X-Y.
Le champ X-Y proche indique les coordonn&eacute;es des poign&eacute;es de courbe situ&eacute;es &agrave; l'extr&eacute;mit&eacute; du point
s&eacute;lectionn&eacute;.
Les coordonn&eacute;es X-Y sont calcul&eacute;es par rapport au coin inf&eacute;rieur gauche de la page. Vous pouvez
modifier cette r&egrave;gle dans la bo&icirc;te de dialogue des options sous l'onglet Grille et r&egrave;gles
.
Si le point s&eacute;lectionn&eacute; se trouve &agrave; l'extr&eacute;mit&eacute; d'une section de ligne droite, les champs situ&eacute;s &agrave; gauche
indiquent la longueur et l'angle de la ligne. Vous pouvez proc&eacute;der &agrave; un ajustement en entrant une nouvelle
valeur et cliquant sur la touche Entr&eacute;e.
Page 325
Utilisation du champ de texte de la barre d'infos
Les deux champs centraux indiquent la position du point s&eacute;lectionn&eacute; &agrave; l'aide de ses coordonn&eacute;es X-Y.
Le champ X-Y proche indique les coordonn&eacute;es des poign&eacute;es de courbe situ&eacute;es &agrave; l'extr&eacute;mit&eacute; du point
s&eacute;lectionn&eacute;.
Les coordonn&eacute;es X-Y sont calcul&eacute;es par rapport au coin inf&eacute;rieur gauche de la page. Vous pouvez
modifier cette r&egrave;gle dans la bo&icirc;te de dialogue des options sous l'onglet Grille et r&egrave;gles
.
Si le point s&eacute;lectionn&eacute; se trouve &agrave; l'extr&eacute;mit&eacute; d'une section de ligne droite, les champs situ&eacute;s &agrave; gauche
indiquent la longueur et l'angle de la ligne. Vous pouvez proc&eacute;der &agrave; un ajustement en entrant une nouvelle
valeur et cliquant sur la touche Entr&eacute;e.
Page 326
Lissage de ligne
Uniquement l'outil d'&eacute;dition des formes
Les formes import&eacute;es ou issues du traceur bitmap (dessin automatique de fichiers images) sont
&eacute;ventuellement des points inutiles sur une ligne. Les lignes comprenant de trop nombreux points sont peu
maniables et peuvent r&eacute;duire la vitesse du rendu. Xtreme Web Designer 5 peut lisser la ligne afin
d'&eacute;liminer les points inutiles.
S&eacute;lectionnez tous les points sur la partie de la ligne que vous souhaitez lisser. (Voir plus haut). La
s&eacute;lection d'une zone &agrave; l'aide de l'outil d'&eacute;dition des formes
est probablement la m&eacute;thode la plus simple pour s&eacute;lectionner de nombreux points simultan&eacute;ment.
Tirez la r&eacute;glette de lissage jusqu'&agrave; la
fin de la barre d'infos d'&eacute;dition des
formes
.
Le programme sauvegarde les points supprim&eacute;s afin de pouvoir lisser &agrave; nouveau la ligne ult&eacute;rieurement en
d&eacute;pla&ccedil;ant la r&eacute;glette. Les points supprim&eacute;s sont effac&eacute;s lorsque vous &eacute;ditez &agrave; nouveau la ligne, par
exemple en tirant sur les poign&eacute;es.
Astuce : pour vous assurer que des points importants ne sont pas supprim&eacute;s, v&eacute;rifiez qu'ils ne sont pas
s&eacute;lectionn&eacute;s. (Maj + clic sur le point s&eacute;lectionn&eacute; permet de d&eacute;s&eacute;lectionner.)
Page 327
Limitation de la ligne
Lorsque vous tirez une poign&eacute;e tout en appuyant sur la touche Ctrl, le mouvement sera limit&eacute; &agrave; des
multiples de l'angle de limitation (contr&ocirc;l&eacute; depuis la bo&icirc;te de dialogue des Options, G&eacute;n&eacute;ral
). Lorsque vous tirez des poign&eacute;es d'une courbe, l'angle est d&eacute;terminant.
Page 328
Modifier les courbes
Utilisation des poign&eacute;es de courbe
En tirant les poign&eacute;es de courbe vous ajustez la courbure des segments de courbe accol&eacute;s.
D&eacute;placez la poign&eacute;e de courbe en
direction du point d'ancrage ou au
contraire &eacute;loignez-la pour tirer la courbe
dans la direction souhait&eacute;e.
D&eacute;placement d'un segment de ligne
Vous pouvez &eacute;galement ajuster la courbe en tirant le segment de ligne entre deux points.
Notez qu'il existe une diff&eacute;rence entre tirer une ligne pour modifier sa forme, et cliquer sur la ligne pour
ajouter une nouvelle poign&eacute;e. Lorsque vous tirez sur une ligne droite, elle se transforme en courbe.
Angles pr&eacute;cis
Normalement, Xtreme Web Designer 5 dessine une courbe lisse &agrave; travers une poign&eacute;e. Pour cela, les
deux poign&eacute;es de courbe sont reli&eacute;es &agrave; la fin des points d'ancrage. Si vous d&eacute;placez une poign&eacute;e de
courbe, l'autre le sera automatiquement aussi.
Parfois, vous souhaitez obtenir une angle pr&eacute;cis. Pour cela, vous devez s&eacute;parer les poign&eacute;es de courbe :
1. Double-cliquez sur le point d'ancrage.
2. Vous pouvez &eacute;galement s&eacute;lectionner le point d'ancrage et :
Cliquez sur Liaison en pointe
ou cliquez sur la touche Z.
Vous pouvez maintenant d&eacute;placer chaque poign&eacute;e de courbe ind&eacute;pendamment.
Cr&eacute;ation de courbes lisses
Pour convertir une liaison pointue en courbe lisse :
1. Double-cliquez sur le point d'ancrage.
2. Vous pouvez &eacute;galement s&eacute;lectionner le point d'ancrage et :
Cliquez sur connexion lisse
ou cliquez sur la touche S.
Les deux poign&eacute;es de courbe sont alors reli&eacute;es et se d&eacute;placent en sens oppos&eacute; du point d'ancrage. Cela
peut modifier la forme de la courbe.
Page 329
Utilisation des poign&eacute;es de courbe
En tirant les poign&eacute;es de courbe vous ajustez la courbure des segments de courbe accol&eacute;s.
D&eacute;placez la poign&eacute;e de courbe en
direction du point d'ancrage ou au
contraire &eacute;loignez-la pour tirer la courbe
dans la direction souhait&eacute;e.
D&eacute;placement d'un segment de ligne
Vous pouvez &eacute;galement ajuster la courbe en tirant le segment de ligne entre deux points.
Notez qu'il existe une diff&eacute;rence entre tirer une ligne pour modifier sa forme, et cliquer sur la ligne pour
ajouter une nouvelle poign&eacute;e. Lorsque vous tirez sur une ligne droite, elle se transforme en courbe.
Angles pr&eacute;cis
Normalement, Xtreme Web Designer 5 dessine une courbe lisse &agrave; travers une poign&eacute;e. Pour cela, les
deux poign&eacute;es de courbe sont reli&eacute;es &agrave; la fin des points d'ancrage. Si vous d&eacute;placez une poign&eacute;e de
courbe, l'autre le sera automatiquement aussi.
Parfois, vous souhaitez obtenir une angle pr&eacute;cis. Pour cela, vous devez s&eacute;parer les poign&eacute;es de courbe :
1. Double-cliquez sur le point d'ancrage.
2. Vous pouvez &eacute;galement s&eacute;lectionner le point d'ancrage et :
Cliquez sur Liaison en pointe
ou cliquez sur la touche Z.
Vous pouvez maintenant d&eacute;placer chaque poign&eacute;e de courbe ind&eacute;pendamment.
Cr&eacute;ation de courbes lisses
Pour convertir une liaison pointue en courbe lisse :
1. Double-cliquez sur le point d'ancrage.
2. Vous pouvez &eacute;galement s&eacute;lectionner le point d'ancrage et :
Cliquez sur connexion lisse
ou cliquez sur la touche S.
Les deux poign&eacute;es de courbe sont alors reli&eacute;es et se d&eacute;placent en sens oppos&eacute; du point d'ancrage. Cela
peut modifier la forme de la courbe.
Page 330
D&eacute;placement d'un segment de ligne
Vous pouvez &eacute;galement ajuster la courbe en tirant le segment de ligne entre deux points.
Notez qu'il existe une diff&eacute;rence entre tirer une ligne pour modifier sa forme, et cliquer sur la ligne pour
ajouter une nouvelle poign&eacute;e. Lorsque vous tirez sur une ligne droite, elle se transforme en courbe.
Angles pr&eacute;cis
Normalement, Xtreme Web Designer 5 dessine une courbe lisse &agrave; travers une poign&eacute;e. Pour cela, les
deux poign&eacute;es de courbe sont reli&eacute;es &agrave; la fin des points d'ancrage. Si vous d&eacute;placez une poign&eacute;e de
courbe, l'autre le sera automatiquement aussi.
Parfois, vous souhaitez obtenir une angle pr&eacute;cis. Pour cela, vous devez s&eacute;parer les poign&eacute;es de courbe :
1. Double-cliquez sur le point d'ancrage.
2. Vous pouvez &eacute;galement s&eacute;lectionner le point d'ancrage et :
Cliquez sur Liaison en pointe
ou cliquez sur la touche Z.
Vous pouvez maintenant d&eacute;placer chaque poign&eacute;e de courbe ind&eacute;pendamment.
Cr&eacute;ation de courbes lisses
Pour convertir une liaison pointue en courbe lisse :
1. Double-cliquez sur le point d'ancrage.
2. Vous pouvez &eacute;galement s&eacute;lectionner le point d'ancrage et :
Cliquez sur connexion lisse
ou cliquez sur la touche S.
Les deux poign&eacute;es de courbe sont alors reli&eacute;es et se d&eacute;placent en sens oppos&eacute; du point d'ancrage. Cela
peut modifier la forme de la courbe.
Page 331
Angles pr&eacute;cis
Normalement, Xtreme Web Designer 5 dessine une courbe lisse &agrave; travers une poign&eacute;e. Pour cela, les
deux poign&eacute;es de courbe sont reli&eacute;es &agrave; la fin des points d'ancrage. Si vous d&eacute;placez une poign&eacute;e de
courbe, l'autre le sera automatiquement aussi.
Parfois, vous souhaitez obtenir une angle pr&eacute;cis. Pour cela, vous devez s&eacute;parer les poign&eacute;es de courbe :
1. Double-cliquez sur le point d'ancrage.
2. Vous pouvez &eacute;galement s&eacute;lectionner le point d'ancrage et :
Cliquez sur Liaison en pointe
ou cliquez sur la touche Z.
Vous pouvez maintenant d&eacute;placer chaque poign&eacute;e de courbe ind&eacute;pendamment.
Cr&eacute;ation de courbes lisses
Pour convertir une liaison pointue en courbe lisse :
1. Double-cliquez sur le point d'ancrage.
2. Vous pouvez &eacute;galement s&eacute;lectionner le point d'ancrage et :
Cliquez sur connexion lisse
ou cliquez sur la touche S.
Les deux poign&eacute;es de courbe sont alors reli&eacute;es et se d&eacute;placent en sens oppos&eacute; du point d'ancrage. Cela
peut modifier la forme de la courbe.
Page 332
Cr&eacute;ation de courbes lisses
Pour convertir une liaison pointue en courbe lisse :
1. Double-cliquez sur le point d'ancrage.
2. Vous pouvez &eacute;galement s&eacute;lectionner le point d'ancrage et :
Cliquez sur connexion lisse
ou cliquez sur la touche S.
Les deux poign&eacute;es de courbe sont alors reli&eacute;es et se d&eacute;placent en sens oppos&eacute; du point d'ancrage. Cela
peut modifier la forme de la courbe.
Page 333
Transformation d'une ligne droite en courbe
1. S&eacute;lectionnez les poign&eacute;es &agrave; chaque extr&eacute;mit&eacute; du segment de la ligne. Vous pouvez s&eacute;lectionner
plusieurs segments de ligne en s&eacute;lectionnant simplement toutes les poign&eacute;es.
2. Cliquez sur Tracer une ligne ou Tracer une courbe dans la barre d'infos ou cliquez sur les
touches L ou C du clavier. (ces raccourcis fonctionnent uniquement dans l'outil d'&eacute;dition de
formes.)
Apr&egrave;s avoir modifi&eacute; le type de la ligne, vous aurez &eacute;ventuellement &agrave; d&eacute;placer les poign&eacute;es de courbe
pour obtenir une transition lisse entre les segments de ligne droite et de courbe.
Vous pouvez s&eacute;lectionner plusieurs segments de ligne et les convertir. Les points d'ancrage &agrave; chaque
extr&eacute;mit&eacute; du segment doivent &ecirc;tre s&eacute;lectionn&eacute;s.
Page 334
Connexion de lignes
Vous pouvez connecter des lignes uniquement si les deux sont s&eacute;lectionn&eacute;es (les points d'ancrage
doivent &ecirc;tre activ&eacute;s sur les deux lignes) :
En utilisant l'Outil de s&eacute;lection, en maintenant enfonc&eacute; &laquo; shift &raquo; et en cliquant sur les lignes pour les
s&eacute;lectionner (si vous &ecirc;tes d&eacute;j&agrave; dans l'Outil d'&eacute;dition des formes, vous pouvez appuyer sur &laquo; Alt + S &raquo;
pour passer temporairement sur l'Outil de s&eacute;lection, &laquo; shift+ clic &raquo; pour s&eacute;lectionner la seconde ligne,
puis &laquo; Alt + S &raquo; &agrave; nouveau pour retourner &agrave; l'Outil d'&eacute;dition des formes
).
Le mode de s&eacute;lection des objets est d&eacute;crit en d&eacute;tail dans le chapitre &laquo; S&eacute;lection d'objets
&raquo;.
Lorsque les deux objets sont s&eacute;lectionn&eacute;s, dans l'Outil d'&eacute;dition des formes, tirez la poign&eacute;e de fin de
l'une des lignes sur la fin de l'autre ligne. Lorsque vous tirez, le pointeur de la souris affiche un symbole +
pour indiquer que les lignes vont &ecirc;tre reli&eacute;es.
Si les extr&eacute;mit&eacute;s des deux lignes sont d&eacute;j&agrave; tr&egrave;s proches, mais pas connect&eacute;es, vous pouvez faire un zoom
avant, ou &eacute;loigner les points d'ancrage de fin pour les rapprocher ensuite. Un symbole + indique
lorsqu'une connexion va &ecirc;tre r&eacute;alis&eacute;e.
Pour cr&eacute;er une forme remplie, tirez les deux autres poign&eacute;es externes pour les relier. Comme vous
connectez des poign&eacute;es de fin, vous pouvez uniquement connecter des lignes et non des formes. Les
formes sont des objets ferm&eacute;s et ne poss&egrave;dent donc pas de poign&eacute;es de fin.
Page 335
Segmentation d'une forme
Si vous souhaitez segmenter une ligne ou une forme, vous pouvez s&eacute;lectionner une poign&eacute;e existante sur
la ligne ou le contour de la forme, ou cr&eacute;er une nouvelle poign&eacute;e &agrave; l'emplacement o&ugrave; vous souhaitez
casser la ligne (cliquez sur la ligne dans l'outil d'&eacute;dition des formes
- voir plus haut).
Cliquez sur S&eacute;parer au niveau des points
ou cliquez sur la touche B.
Apr&egrave;s segmentation d'une ligne, rien n'est visible dans un premier temps. Cependant, si vous d&eacute;placez la
poign&eacute;e, seule une partie de ligne bouge. Si vous segmentez une forme, elle sera transform&eacute;e en ligne.
Tout remplissage dispara&icirc;t.
Remarque : la segmentation d'une forme (dans Arranger &gt; Combiner des formes) vous permet aussi de
segmenter des formes en deux formes distinctes. Ceci est d&eacute;crit dans le chapitre Manipulation des formes
.
Page 336
Fermer une forme
Une forme est un objet ferm&eacute; qui ne poss&egrave;de pas de poign&eacute;e de d&eacute;but ou de fin. Seules les formes
peuvent &ecirc;tre remplies avec de la couleur.
Pour fermer une forme :
1. Cr&eacute;ez un objet ouvert dont la poign&eacute;e de
fin se trouve tr&egrave;s pr&egrave;s de la poign&eacute;e de
d&eacute;but. Tous les points d'ancrage, except&eacute;
la poign&eacute;e de fin, devraient se trouver dans
la position requise.
2. Placez le pointeur de la souris sur la
poign&eacute;e de fin.
3. Tirez la poign&eacute;e de fin sur la poign&eacute;e de
d&eacute;but puis rel&acirc;chez le bouton de la souris.
Les deux poign&eacute;es sont alors
automatiquement reli&eacute;es.
Ou :
1. Cr&eacute;ez un objet ouvert dont toutes les
poign&eacute;es de contr&ocirc;le se trouvent dans la
position correcte. Ne cr&eacute;ez pas le
segment de ligne final.
2. D&eacute;placez le pointeur sur le point de
d&eacute;part. Un signe &laquo; + &raquo; appara&icirc;t sur la
droite du pointeur lorsqu'il se trouve sur la
poign&eacute;e de d&eacute;but.
3. Cliquez pour cr&eacute;er le segment de ligne
final et fermer la forme.
Ou :
1. S&eacute;lectionnez l'Outil d'&eacute;dition des formes.
2. Cliquez sur un point de fin pour le s&eacute;lectionner.
3. Cliquez sur la touche &laquo; &iquest; &raquo;.
Toutes ces manipulations permettent de fermer une forme. Si une couleur de remplissage est s&eacute;lectionn&eacute;e
actuellement, la forme sera remplie automatiquement avec cette couleur.
Page 337
Manipulation des formes
Dans ce chapitre
Combiner les formes
Modification de la largeur de la ligne (&eacute;paisseur)
Galerie de lignes
Cr&eacute;ation de rectangles et carr&eacute;s
Cr&eacute;ation de cercles et ellipses
Page 338
Combiner les formes
L'option de menu Arranger &gt; Combiner les formes
met &agrave; votre disposition de nombreuses options avanc&eacute;es pour combiner des formes, et ainsi cr&eacute;er de
nouvelles formes en additionnant, coupant ou segmentant. Vous pouvez utiliser cette fonction sur tout
type d'objet, y compris des bitmaps.
Cr&eacute;er des trous dans les formes
Utilisez Arranger &gt; Combiner les formes &gt; Soustraire des formes. Cette fonction est similaire &agrave;
Relier les formes
(d&eacute;crit plus haut). Les diff&eacute;rences sont :
 La forme du dessus (ou le groupe du dessus) forme un trou &agrave; travers les autres formes.
 Les attributs et couleurs des contours des formes du dessous demeurent inchang&eacute;es.
 La fonction Combiner les formes modifie les lignes physiquement. Les formes originales ne
peuvent &ecirc;tre restaur&eacute;es qu'&agrave; l'aide de la fonction Annuler.
 Le nombre de formes superpos&eacute;es n'a aucune incidence.
Fusionner plusieurs formes en une
Par exemple, pour produire la forme sur la droite, &agrave; partir des trois formes situ&eacute;es sur la gauche :
1. Cr&eacute;ez deux cercles et un rectangle.
2. S&eacute;lectionnez les trois formes.
3. S&eacute;lectionnez Arranger &gt; Combiner les formes &gt; Ajouter des formes
La nouvelle forme applique les attributs et couleurs de contours de la forme du dessus (le rectangle dans
l'illustration).
Croisement de formes
Avec la fonction Croiser des formes
, le nouvel objet est cr&eacute;&eacute; &agrave; partir des parties des formes du dessous qui sont couvertes par l'objet du
dessus.
S&eacute;lectionnez les formes que vous
souhaitez masquer et la forme de
premier-plan (le masque).
Page 339
S&eacute;lectionnez Arranger &gt; Combiner
les formes &gt; Croiser les formes
. Une nouvelle forme est cr&eacute;&eacute;e. La
forme de premier-plan dispara&icirc;t.
Les attributs et couleurs des contours des formes du dessous demeurent inchang&eacute;es. Les sections non
couvertes par la forme de premier-plan sont effac&eacute;es. La forme de premier-plan peut &ecirc;tre form&eacute;e par un
groupe pour obtenir des soustractions plus complexes. (Les groupes sont d&eacute;crits dans le chapitre
Manipulation des objets
.)
Segmentation des formes
Xtreme Web Designer 5 permet de segmenter facilement des formes en deux pi&egrave;ces ou plus. Vous
pouvez utiliser un objet solide ou une ligne pour segmenter. Pour, par exemple, couper un segment dans
un cercle :
1. Cr&eacute;ez un cercle et un
triangle au dessus.
2. S&eacute;lectionnez les deux.
3. S&eacute;lectionnez Arranger &gt;
Combiner les formes
&gt;Segmenter les formes.
Les bords du triangle
coupent le cercle en deux
formes. Le triangle
dispara&icirc;t.
4. Vous pouvez maintenant
tirer le segment hors du
cercle :
Vous pouvez &eacute;galement utiliser une ligne pour couper un objet :
La ligne doit traverser l'objet de part en part et d&eacute;passer &eacute;galement de ses contours. (Comme montr&eacute;
dans l'illustration). Si la ligne est trop courte, l'op&eacute;ration coupe un segment tr&egrave;s fin.
Page 340
Cr&eacute;er des trous dans les formes
Utilisez Arranger &gt; Combiner les formes &gt; Soustraire des formes. Cette fonction est similaire &agrave;
Relier les formes
(d&eacute;crit plus haut). Les diff&eacute;rences sont :
 La forme du dessus (ou le groupe du dessus) forme un trou &agrave; travers les autres formes.
 Les attributs et couleurs des contours des formes du dessous demeurent inchang&eacute;es.
 La fonction Combiner les formes modifie les lignes physiquement. Les formes originales ne
peuvent &ecirc;tre restaur&eacute;es qu'&agrave; l'aide de la fonction Annuler.
 Le nombre de formes superpos&eacute;es n'a aucune incidence.
Fusionner plusieurs formes en une
Par exemple, pour produire la forme sur la droite, &agrave; partir des trois formes situ&eacute;es sur la gauche :
1. Cr&eacute;ez deux cercles et un rectangle.
2. S&eacute;lectionnez les trois formes.
3. S&eacute;lectionnez Arranger &gt; Combiner les formes &gt; Ajouter des formes
La nouvelle forme applique les attributs et couleurs de contours de la forme du dessus (le rectangle dans
l'illustration).
Croisement de formes
Avec la fonction Croiser des formes
, le nouvel objet est cr&eacute;&eacute; &agrave; partir des parties des formes du dessous qui sont couvertes par l'objet du
dessus.
S&eacute;lectionnez les formes que vous
souhaitez masquer et la forme de
premier-plan (le masque).
S&eacute;lectionnez Arranger &gt; Combiner
les formes &gt; Croiser les formes
. Une nouvelle forme est cr&eacute;&eacute;e. La
forme de premier-plan dispara&icirc;t.
Les attributs et couleurs des contours des formes du dessous demeurent inchang&eacute;es. Les sections non
couvertes par la forme de premier-plan sont effac&eacute;es. La forme de premier-plan peut &ecirc;tre form&eacute;e par un
groupe pour obtenir des soustractions plus complexes. (Les groupes sont d&eacute;crits dans le chapitre
Page 341
Manipulation des objets
.)
Segmentation des formes
Xtreme Web Designer 5 permet de segmenter facilement des formes en deux pi&egrave;ces ou plus. Vous
pouvez utiliser un objet solide ou une ligne pour segmenter. Pour, par exemple, couper un segment dans
un cercle :
1. Cr&eacute;ez un cercle et un
triangle au dessus.
2. S&eacute;lectionnez les deux.
3. S&eacute;lectionnez Arranger &gt;
Combiner les formes
&gt;Segmenter les formes.
Les bords du triangle
coupent le cercle en deux
formes. Le triangle
dispara&icirc;t.
4. Vous pouvez maintenant
tirer le segment hors du
cercle :
Vous pouvez &eacute;galement utiliser une ligne pour couper un objet :
La ligne doit traverser l'objet de part en part et d&eacute;passer &eacute;galement de ses contours. (Comme montr&eacute;
dans l'illustration). Si la ligne est trop courte, l'op&eacute;ration coupe un segment tr&egrave;s fin.
Page 342
Fusionner plusieurs formes en une
Par exemple, pour produire la forme sur la droite, &agrave; partir des trois formes situ&eacute;es sur la gauche :
1. Cr&eacute;ez deux cercles et un rectangle.
2. S&eacute;lectionnez les trois formes.
3. S&eacute;lectionnez Arranger &gt; Combiner les formes &gt; Ajouter des formes
La nouvelle forme applique les attributs et couleurs de contours de la forme du dessus (le rectangle dans
l'illustration).
Croisement de formes
Avec la fonction Croiser des formes
, le nouvel objet est cr&eacute;&eacute; &agrave; partir des parties des formes du dessous qui sont couvertes par l'objet du
dessus.
S&eacute;lectionnez les formes que vous
souhaitez masquer et la forme de
premier-plan (le masque).
S&eacute;lectionnez Arranger &gt; Combiner
les formes &gt; Croiser les formes
. Une nouvelle forme est cr&eacute;&eacute;e. La
forme de premier-plan dispara&icirc;t.
Les attributs et couleurs des contours des formes du dessous demeurent inchang&eacute;es. Les sections non
couvertes par la forme de premier-plan sont effac&eacute;es. La forme de premier-plan peut &ecirc;tre form&eacute;e par un
groupe pour obtenir des soustractions plus complexes. (Les groupes sont d&eacute;crits dans le chapitre
Manipulation des objets
.)
Segmentation des formes
Xtreme Web Designer 5 permet de segmenter facilement des formes en deux pi&egrave;ces ou plus. Vous
pouvez utiliser un objet solide ou une ligne pour segmenter. Pour, par exemple, couper un segment dans
un cercle :
1. Cr&eacute;ez un cercle et un
triangle au dessus.
2. S&eacute;lectionnez les deux.
3. S&eacute;lectionnez Arranger &gt;
Combiner les formes
&gt;Segmenter les formes.
Les bords du triangle
coupent le cercle en deux
formes. Le triangle
dispara&icirc;t.
Page 343
4. Vous pouvez maintenant
tirer le segment hors du
cercle :
Vous pouvez &eacute;galement utiliser une ligne pour couper un objet :
La ligne doit traverser l'objet de part en part et d&eacute;passer &eacute;galement de ses contours. (Comme montr&eacute;
dans l'illustration). Si la ligne est trop courte, l'op&eacute;ration coupe un segment tr&egrave;s fin.
Page 344
Croisement de formes
Avec la fonction Croiser des formes
, le nouvel objet est cr&eacute;&eacute; &agrave; partir des parties des formes du dessous qui sont couvertes par l'objet du
dessus.
S&eacute;lectionnez les formes que vous
souhaitez masquer et la forme de
premier-plan (le masque).
S&eacute;lectionnez Arranger &gt; Combiner
les formes &gt; Croiser les formes
. Une nouvelle forme est cr&eacute;&eacute;e. La
forme de premier-plan dispara&icirc;t.
Les attributs et couleurs des contours des formes du dessous demeurent inchang&eacute;es. Les sections non
couvertes par la forme de premier-plan sont effac&eacute;es. La forme de premier-plan peut &ecirc;tre form&eacute;e par un
groupe pour obtenir des soustractions plus complexes. (Les groupes sont d&eacute;crits dans le chapitre
Manipulation des objets
.)
Segmentation des formes
Xtreme Web Designer 5 permet de segmenter facilement des formes en deux pi&egrave;ces ou plus. Vous
pouvez utiliser un objet solide ou une ligne pour segmenter. Pour, par exemple, couper un segment dans
un cercle :
1. Cr&eacute;ez un cercle et un
triangle au dessus.
2. S&eacute;lectionnez les deux.
3. S&eacute;lectionnez Arranger &gt;
Combiner les formes
&gt;Segmenter les formes.
Les bords du triangle
coupent le cercle en deux
formes. Le triangle
dispara&icirc;t.
4. Vous pouvez maintenant
tirer le segment hors du
cercle :
Vous pouvez &eacute;galement utiliser une ligne pour couper un objet :
La ligne doit traverser l'objet de part en part et d&eacute;passer &eacute;galement de ses contours. (Comme montr&eacute;
dans l'illustration). Si la ligne est trop courte, l'op&eacute;ration coupe un segment tr&egrave;s fin.
Page 345
Segmentation des formes
Xtreme Web Designer 5 permet de segmenter facilement des formes en deux pi&egrave;ces ou plus. Vous
pouvez utiliser un objet solide ou une ligne pour segmenter. Pour, par exemple, couper un segment dans
un cercle :
1. Cr&eacute;ez un cercle et un
triangle au dessus.
2. S&eacute;lectionnez les deux.
3. S&eacute;lectionnez Arranger &gt;
Combiner les formes
&gt;Segmenter les formes.
Les bords du triangle
coupent le cercle en deux
formes. Le triangle
dispara&icirc;t.
4. Vous pouvez maintenant
tirer le segment hors du
cercle :
Vous pouvez &eacute;galement utiliser une ligne pour couper un objet :
La ligne doit traverser l'objet de part en part et d&eacute;passer &eacute;galement de ses contours. (Comme montr&eacute;
dans l'illustration). Si la ligne est trop courte, l'op&eacute;ration coupe un segment tr&egrave;s fin.
Page 346
Modification de la largeur de la ligne
(&eacute;paisseur)
Pour modifier la largeur de la ligne ou la largeur du contour d'une forme, s&eacute;lectionnez d'abord l'objet ou
les objets :
entrez une nouvelle largeur de ligne dans le champ de texte sur la
barre de contr&ocirc;le Standard
ou choisissez une largeur par d&eacute;faut dans le menu.
Habituellement, l'&eacute;paisseur de ligne est mesur&eacute;e en points et son abr&eacute;viation est &laquo; pt. &raquo;. 1 point est &eacute;gal &agrave;
1/72&egrave;
de pouce ou environ 0,3 mm, c'est-&agrave;-dire &agrave; peine un peu moins que l'&eacute;paisseur d'un pixel sur l'&eacute;cran
lorsqu'il est affich&eacute; avec un zoom &agrave; 100%.
Vous pouvez entrer la valeur de l'&eacute;paisseur dans n'importe quelle unit&eacute;, et Xtreme Web Designer 5 la
convertira dans un nombre de points correspondant. Par exemple, vous pouvez entrer 0,5 cm et vous
obtiendrez une ligne d'un demi-centim&egrave;tre d'&eacute;paisseur, mais cette valeur sera affich&eacute;e sous forme de
points dans le champ de largeur.
Si vous n'avez s&eacute;lectionn&eacute; aucun objet et que vous modifiez l'&eacute;paisseur de la ligne, les modifications
seront appliqu&eacute;es par d&eacute;faut &agrave; toutes les lignes.
me
Page 347
Galerie de lignes
Vous pouvez utiliser la Galerie des lignes
pour appliquer une s&eacute;rie de styles ou attributs, comme des motifs en pointill&eacute;s, des pointes de fl&egrave;ches et
plus encore.
Pour afficher la Galerie des lignes
:
 Choisissez &laquo; Outils -&gt; Galeries -&gt; Galerie des lignes &raquo; (&laquo; F12 &raquo;),
 Ou cliquez sur Galerie des lignes sur la barre de contr&ocirc;le des galeries.
La galerie des lignes
est segment&eacute;e en sections. Pour ouvrir ou fermer chacune des sections, cliquez sur le petit icone du
dossier dans la fen&ecirc;tre de la galerie.
Pour appliquer n'importe quel style ou attribut &agrave; une ligne depuis la galerie, vous pouvez :
 appliquer le style s&eacute;lectionn&eacute; par glisser&amp;d&eacute;poser depuis la galerie sur la forme ou la ligne ;
 vous pouvez &eacute;galement double-cliquer sur le style requis dans la galerie ;
 ou s&eacute;lectionnez le style puis cliquez sur Appliquer.
Largeur de la ligne
Le champ de texte se trouvant dans la partie sup&eacute;rieure de la galerie permet de dupliquer celui pr&eacute;sent
dans la barre de contr&ocirc;le Standard
.
Motifs en pointill&eacute;s
Cette section propose une s&eacute;lection de styles de lignes en pointill&eacute;s.
Pointes de fl&egrave;che
La m&eacute;thode la plus simple d'utiliser une pointe de fl&egrave;che est de la placer &agrave; la fin de la ligne s&eacute;lectionn&eacute;e
par glisser&amp;d&eacute;poser.
Vous pouvez appliquer une pointe de fl&egrave;che &eacute;galement de cette mani&egrave;re :
 double-cliquez sur la pointe dans la galerie.
 Ou s&eacute;lectionnez la pointe de fl&egrave;che souhait&eacute;e puis cliquez sur Appliquer.
Web Designer poss&egrave;de deux types de pointes de fl&egrave;che : fl&egrave;che de d&eacute;but et fl&egrave;che de fin. Si la ligne
dispose d&eacute;j&agrave; d'une pointe de d&eacute;but, la pointe de fin sera automatiquement ajout&eacute;e &agrave; la fin de la ligne.
Page 348
Si la ligne ne dispose pas de pointe de fl&egrave;che, et que vous utilisez le bouton Appliquer
ou que vous double-cliquez sur un style pour l'appliquer, la pointe de fl&egrave;che sera ajout&eacute;e &agrave; la fin de la
ligne.
La taille de la pointe est relative &agrave; l'&eacute;paisseur de la ligne. Les lignes plus larges ont des pointes de fl&egrave;ches
proportionnellement plus larges.
Si vous maintenez &laquo; Ctrl &raquo; appuy&eacute; et double-cliquez sur une pointe de fl&egrave;che, le style sera appliqu&eacute; &agrave;
celle situ&eacute;e &agrave; l'autre bout de la ligne.
Modification du type de connexion
Cette fonction situ&eacute;e dans la partie inf&eacute;rieure de la galerie des lignes
d&eacute;finit le style des intersections.
Pour modifier une ligne
existante, vous devez d'abord la
s&eacute;lectionner.
Pour modifier le type de
connexion actuel,
d&eacute;s&eacute;lectionnez toutes les lignes.
S&eacute;lectionnez le type requis
depuis le menu.
Modification des extr&eacute;mit&eacute;s
Cette fonction situ&eacute;e dans la partie sup&eacute;rieure de la galerie des lignes
d&eacute;finit le style des extr&eacute;mit&eacute;s des lignes.
Pour modifier une ligne existante, vous
devez d'abord la s&eacute;lectionner.
Pour modifier les extr&eacute;mit&eacute;s de ligne par
d&eacute;faut, vous devez d&eacute;s&eacute;lectionner toutes
les lignes.
S&eacute;lectionnez le type requis depuis le
menu.
Page 349
Modification du type de connexion
Cette fonction situ&eacute;e dans la partie inf&eacute;rieure de la galerie des lignes
d&eacute;finit le style des intersections.
Pour modifier une ligne
existante, vous devez d'abord la
s&eacute;lectionner.
Pour modifier le type de
connexion actuel,
d&eacute;s&eacute;lectionnez toutes les lignes.
S&eacute;lectionnez le type requis
depuis le menu.
Modification des extr&eacute;mit&eacute;s
Cette fonction situ&eacute;e dans la partie sup&eacute;rieure de la galerie des lignes
d&eacute;finit le style des extr&eacute;mit&eacute;s des lignes.
Pour modifier une ligne existante, vous
devez d'abord la s&eacute;lectionner.
Pour modifier les extr&eacute;mit&eacute;s de ligne par
d&eacute;faut, vous devez d&eacute;s&eacute;lectionner toutes
les lignes.
S&eacute;lectionnez le type requis depuis le
menu.
Page 350
Modification des extr&eacute;mit&eacute;s
Cette fonction situ&eacute;e dans la partie sup&eacute;rieure de la galerie des lignes
d&eacute;finit le style des extr&eacute;mit&eacute;s des lignes.
Pour modifier une ligne existante, vous
devez d'abord la s&eacute;lectionner.
Pour modifier les extr&eacute;mit&eacute;s de ligne par
d&eacute;faut, vous devez d&eacute;s&eacute;lectionner toutes
les lignes.
S&eacute;lectionnez le type requis depuis le
menu.
Page 351
Cr&eacute;ation de rectangles et carr&eacute;s
Pour cr&eacute;er un rectangle :
 utilisez l'outil Rectangle (&laquo; shift+ F3 &raquo;, ou &laquo; M &raquo;).
Cliquez et glissez sur l'espace de travail pour former un rectangle.
Cr&eacute;ation d'un carr&eacute;
Pour cr&eacute;er un carr&eacute; plut&ocirc;t qu'un rectangle, maintenez la touche Ctrl enfonc&eacute;e pendant que vous d&eacute;placez
la souris.
Cr&eacute;er des rectangles et arrondir leurs coins
Pour doter votre rectangle de coins arrondis, s&eacute;lectionnez-le puis
appuyez sur le bouton &laquo; Coins arrondis &raquo; de la barre d'info de l'
Outil Rectangle
.
Vous pouvez tirer les poign&eacute;es de s&eacute;lection pr&eacute;sentes aux coins pour ajuster le diam&egrave;tre des coins
arrondis.
Vous pouvez redimensionner les rectangles &agrave; l'aide de l'Outil Rectangle (en tirant les poign&eacute;es de
contr&ocirc;le des coins) ou &agrave; l'aide de l'Outil de s&eacute;lection
.
Notez que si vous modifiez les proportions d'un rectangle aux coins arrondis &agrave; l'aide de l'Outil de
s&eacute;lection (en l'&eacute;tirant dans une seule dimension), les proportions des coins arrondis ne sont pas &eacute;tir&eacute;es
mais maintenues. Cependant, si plusieurs objets sont s&eacute;lectionn&eacute;s ou si vous &eacute;tirez un groupe contenant
un rectangle aux coins arrondis, les proportions des coins ne serons pas maintenues.
Page 352
Cr&eacute;ation d'un carr&eacute;
Pour cr&eacute;er un carr&eacute; plut&ocirc;t qu'un rectangle, maintenez la touche Ctrl enfonc&eacute;e pendant que vous d&eacute;placez
la souris.
Cr&eacute;er des rectangles et arrondir leurs coins
Pour doter votre rectangle de coins arrondis, s&eacute;lectionnez-le puis
appuyez sur le bouton &laquo; Coins arrondis &raquo; de la barre d'info de l'
Outil Rectangle
.
Vous pouvez tirer les poign&eacute;es de s&eacute;lection pr&eacute;sentes aux coins pour ajuster le diam&egrave;tre des coins
arrondis.
Vous pouvez redimensionner les rectangles &agrave; l'aide de l'Outil Rectangle (en tirant les poign&eacute;es de
contr&ocirc;le des coins) ou &agrave; l'aide de l'Outil de s&eacute;lection
.
Notez que si vous modifiez les proportions d'un rectangle aux coins arrondis &agrave; l'aide de l'Outil de
s&eacute;lection (en l'&eacute;tirant dans une seule dimension), les proportions des coins arrondis ne sont pas &eacute;tir&eacute;es
mais maintenues. Cependant, si plusieurs objets sont s&eacute;lectionn&eacute;s ou si vous &eacute;tirez un groupe contenant
un rectangle aux coins arrondis, les proportions des coins ne serons pas maintenues.
Page 353
Cr&eacute;er des rectangles et arrondir leurs coins
Pour doter votre rectangle de coins arrondis, s&eacute;lectionnez-le puis
appuyez sur le bouton &laquo; Coins arrondis &raquo; de la barre d'info de l'
Outil Rectangle
.
Vous pouvez tirer les poign&eacute;es de s&eacute;lection pr&eacute;sentes aux coins pour ajuster le diam&egrave;tre des coins
arrondis.
Vous pouvez redimensionner les rectangles &agrave; l'aide de l'Outil Rectangle (en tirant les poign&eacute;es de
contr&ocirc;le des coins) ou &agrave; l'aide de l'Outil de s&eacute;lection
.
Notez que si vous modifiez les proportions d'un rectangle aux coins arrondis &agrave; l'aide de l'Outil de
s&eacute;lection (en l'&eacute;tirant dans une seule dimension), les proportions des coins arrondis ne sont pas &eacute;tir&eacute;es
mais maintenues. Cependant, si plusieurs objets sont s&eacute;lectionn&eacute;s ou si vous &eacute;tirez un groupe contenant
un rectangle aux coins arrondis, les proportions des coins ne serons pas maintenues.
Page 354
Cr&eacute;ation de cercles et ellipses
Pour cr&eacute;er un cercle ou une ellipse :

S&eacute;lectionnez l'outil Ellipse (&laquo;Maj + F4 &raquo;, ou &laquo; L &raquo;).
Les boutons Rayon et diam&egrave;tre
permettent de cr&eacute;er des cercles de
mani&egrave;re automatique.
Cliquez sur Cr&eacute;ation par limites
et tirez sur l'espace de travail pour dessiner une ellipse. Maintenez la touche &laquo; Ctrl &raquo; enfonc&eacute;e pendant
que vous tirez pour tracer un cercle plut&ocirc;t qu'une ellipse.
S&eacute;lectionnez l'option Rayon
pour dessiner des cercles. Le point de d&eacute;part d'un trait d&eacute;termine le centre du cercle.
S&eacute;lectionnez l'option Diam&egrave;tre
. Le point de d&eacute;part d'un trait d&eacute;termine d&eacute;sormais la position du bord du cercle.
Vous pouvez convertir une ellipse en un cercle &agrave; tout moment en effectuant un double-clic sur une
poign&eacute;e de contr&ocirc;le.
Page 355
Utilisation des couleurs
Xtreme Web Designer 5 vous permet de contr&ocirc;ler largement l'application, la cr&eacute;ation et la modification
des couleurs des objets. Pour de simple documents, vous pouvez simplement choisir les couleurs de la
palette de couleurs &agrave; l'&eacute;cran. Les op&eacute;rations avanc&eacute;es sur les couleurs sont d&eacute;crites plus loin.
Dans ce chapitre
La palette de couleurs
Appliquer des couleurs de remplissage &amp; de contour par glisser&amp;d&eacute;poser
&Eacute;diter la couleur d'un objet
L'&eacute;diteur de couleurs
Couleurs locales et couleurs de th&egrave;me
Cr&eacute;er des nouvelles couleurs nomm&eacute;es
&Eacute;diter les couleurs nomm&eacute;es
Couleurs normales, teintes, nuances et Couleurs li&eacute;es
Cr&eacute;ation d'une teinte, d'une nuance ou d'une couleur li&eacute;e
Page 356
La palette de couleurs
La palette de couleurs s'affiche en bas de la fen&ecirc;tre. La palette de couleurs donne &eacute;galement acc&egrave;s &agrave;
l'&eacute;diteur de couleurs et propose un &eacute;ventail de couleurs pr&eacute;d&eacute;finies, ainsi que l'option sp&eacute;ciale &laquo; Aucune
couleur &raquo;.
&Eacute;chantillon de couleur :
la partie externe de l'&eacute;chantillon de couleur se trouvant sur la gauche de la palette de couleurs montre la
couleur des lignes et le centre indique la couleur de remplissage. Il s'agit des couleurs de tout objet
s&eacute;lectionn&eacute;, ou les attributs de couleur courante si aucun objet n'est s&eacute;lectionn&eacute;.
Ce bouton vous permet d'acc&eacute;der &agrave; l'&eacute;diteur de couleurs
Pipette de couleurs : utilisez la pipette pour s&eacute;lectionner n'importe quelle couleur affich&eacute;e sur l'&eacute;cran ou
dans le document. Voir Utiliser la pipette pour pr&eacute;lever des couleurs
pour plus d'informations.
Aucune couleur : cette option permet de s&eacute;lectionner un &laquo; remplissage sans couleur &raquo;. En cliquant sur la
touche Maj en m&ecirc;me temps, vous appliquez cette option &agrave; une ligne. Veuillez noter que l'effet n'est pas le
m&ecirc;me que la transparence &agrave; 100 %. L'option &laquo; Aucune couleur &raquo; est diff&eacute;rente de la transparence. Une
forme &agrave; laquelle une transparence de 100 % est appliqu&eacute;e reste pleine alors qu'une forme remplie avec
&laquo; aucune couleur &raquo; est effectivement vide, transparente. Le bouton Aucune couleur
peut &eacute;galement &ecirc;tre utilis&eacute; pour r&eacute;tablir la couleur d'origine d'une photo &agrave; laquelle une couleur contone a
&eacute;t&eacute; appliqu&eacute;e.
Si la longueur de la palette des couleurs d&eacute;passe celle de la fen&ecirc;tre, vous pouvez faire d&eacute;filer l'ensemble
de la palette &agrave; l'aide de la barre de d&eacute;filement situ&eacute;e en dessous ou en faisant glisser la palette des
couleurs tout en maintenant la touche &laquo; Alt &raquo; de votre clavier enfonc&eacute;e.
Xtreme Web Designer 5 propose diverses options concernant la taille affich&eacute;e de la palette de couleurs
(d&eacute;crites dans le chapitre Personnaliser Web Designer).
Couleurs de la palette
Couleurs (th&egrave;me) nomm&eacute;es : Les couleurs nomm&eacute;es apparaissent tout d'abord (si elles sont pr&eacute;sentes
dans le document, voir ci-dessous).
Les couleurs nomm&eacute;es fournissent des mod&egrave;les et des designs de couleurs, de mani&egrave;re &agrave; ce que le
th&egrave;me de couleur d'un design puisse &ecirc;tre facilement modifi&eacute; sans avoir &agrave; &eacute;diter individuellement chaque
objet qu'il contient.
Les couleurs li&eacute;es sont repr&eacute;sent&eacute;es de mani&egrave;re diff&eacute;rente dans la palette de couleurs afin de les
Page 357
distinguer plus facilement des couleurs nomm&eacute;es classiques. Voir Cr&eacute;ation d'une teinte, d'une nuance ou
d'une couleur li&eacute;e
.
Couleurs de la palette :
Il existe 46 couleurs pr&eacute;d&eacute;finies dans la palette. Elle comprend 5 d&eacute;grad&eacute;s compos&eacute;s de 7 nuances
standard ainsi que 10 d&eacute;grad&eacute;s de gris, noir et blanc. Les couleurs de la palette ne peuvent &ecirc;tre &eacute;dit&eacute;es
(par ex. il n'y a pas de couleurs nomm&eacute;es) et ont &eacute;t&eacute; cr&eacute;&eacute;es &agrave; partir d'un nombre limit&eacute; de couleurs &agrave;
appliquer aux objets (soit en tirant la couleur sur l'objet soit en cliquant dessus).
Les petits marqueurs dans les icones de couleurs affichent la couleur nomm&eacute;e (s'il y en a une) ou les
couleurs de palette utilis&eacute;es pour le ou les objet(s) s&eacute;lectionn&eacute;(s).
Les marqueurs en forme de diamant montrent les couleurs
utilis&eacute;es dans les objets s&eacute;lectionn&eacute;s. Un diamant situ&eacute; en
haut &agrave; gauche d'un coin indique la couleur de remplissage,
dans le coin en haut &agrave; droite, la couleur de contour.
Les marqueurs en forme de croix affichent les attributs de la
couleur en cours si aucun objet n'est s&eacute;lectionn&eacute;. La couleur
de contour se trouve &agrave; droite, celle du remplissage &agrave;
gauche.
Les marqueurs en forme de triangle affichent les couleurs de
remplissage si vous en avez utilis&eacute; un.
Cela fonctionne &eacute;galement lorsque vous choisissez une couleur avec la pipette de couleurs &agrave; partir
d'objets d&eacute;j&agrave; existants, voir Utiliser la pipette pour pr&eacute;lever des couleurs
. Les marqueurs des couleurs de contour se mettent &agrave; jour instantan&eacute;ment et affichent la couleur de
l'objet sous la pipette lorsque vous la faites glisser.
Reclasser les couleurs sur la palette de couleurs
Vous pr&eacute;f&eacute;rerez peut-&ecirc;tre reclasser les couleurs de la palette de couleurs. Pour cela, Ctrl+glisser les
couleurs le long de la palette de couleurs. Cela r&eacute;organise aussi la galerie des couleurs
. Seules les couleurs nomm&eacute;es peuvent &ecirc;tre replac&eacute;es dans la palette de couleurs.
Menu contextuel de la palette de couleurs
Cliquez sur une couleur de la palette pour afficher un menu contextuel avec les options suivantes :
&Eacute;diter
Ouvre l'&eacute;diteur de couleurs avec la couleur
s&eacute;lectionn&eacute;e (non disponible pour les couleurs de
palette)
D&eacute;finir la couleur de
D&eacute;finit la couleur de remplissage ou de contour
remplissage/D&eacute;finir la
de l'objet s&eacute;lectionn&eacute; avec cette couleur
couleur de contour
Renommer
Renomme une couleur nomm&eacute;e (non disponible
pour les couleurs de la palette)
Supprimer
Supprime une couleur nomm&eacute;e (non disponible
pour les couleurs de la palette)
Si l'objet s&eacute;lectionn&eacute; est un bitmap, les options de couleur de remplissage et de contour seront
remplac&eacute;es par D&eacute;terminer la couleur sombre contone/D&eacute;terminer la couleur claire contone.
Voir Colorer un bitmap
pour plus d'informations.
Cliquez sur &laquo; Aucune couleur &raquo; pour remplacer les options de couleur de remplissage et de contour par :
Supprimer la couleur de remplissage/Supprimer la couleur de contour
Page 358
. Ceci r&egrave;gle les attributs relatifs &agrave; l'objet s&eacute;lectionn&eacute; sur &laquo; Aucune couleur &raquo;.
Page 359
Couleurs de la palette
Couleurs (th&egrave;me) nomm&eacute;es : Les couleurs nomm&eacute;es apparaissent tout d'abord (si elles sont pr&eacute;sentes
dans le document, voir ci-dessous).
Les couleurs nomm&eacute;es fournissent des mod&egrave;les et des designs de couleurs, de mani&egrave;re &agrave; ce que le
th&egrave;me de couleur d'un design puisse &ecirc;tre facilement modifi&eacute; sans avoir &agrave; &eacute;diter individuellement chaque
objet qu'il contient.
Les couleurs li&eacute;es sont repr&eacute;sent&eacute;es de mani&egrave;re diff&eacute;rente dans la palette de couleurs afin de les
distinguer plus facilement des couleurs nomm&eacute;es classiques. Voir Cr&eacute;ation d'une teinte, d'une nuance ou
d'une couleur li&eacute;e
.
Couleurs de la palette :
Il existe 46 couleurs pr&eacute;d&eacute;finies dans la palette. Elle comprend 5 d&eacute;grad&eacute;s compos&eacute;s de 7 nuances
standard ainsi que 10 d&eacute;grad&eacute;s de gris, noir et blanc. Les couleurs de la palette ne peuvent &ecirc;tre &eacute;dit&eacute;es
(par ex. il n'y a pas de couleurs nomm&eacute;es) et ont &eacute;t&eacute; cr&eacute;&eacute;es &agrave; partir d'un nombre limit&eacute; de couleurs &agrave;
appliquer aux objets (soit en tirant la couleur sur l'objet soit en cliquant dessus).
Les petits marqueurs dans les icones de couleurs affichent la couleur nomm&eacute;e (s'il y en a une) ou les
couleurs de palette utilis&eacute;es pour le ou les objet(s) s&eacute;lectionn&eacute;(s).
Les marqueurs en forme de diamant montrent les couleurs
utilis&eacute;es dans les objets s&eacute;lectionn&eacute;s. Un diamant situ&eacute; en
haut &agrave; gauche d'un coin indique la couleur de remplissage,
dans le coin en haut &agrave; droite, la couleur de contour.
Les marqueurs en forme de croix affichent les attributs de la
couleur en cours si aucun objet n'est s&eacute;lectionn&eacute;. La couleur
de contour se trouve &agrave; droite, celle du remplissage &agrave;
gauche.
Les marqueurs en forme de triangle affichent les couleurs de
remplissage si vous en avez utilis&eacute; un.
Cela fonctionne &eacute;galement lorsque vous choisissez une couleur avec la pipette de couleurs &agrave; partir
d'objets d&eacute;j&agrave; existants, voir Utiliser la pipette pour pr&eacute;lever des couleurs
. Les marqueurs des couleurs de contour se mettent &agrave; jour instantan&eacute;ment et affichent la couleur de
l'objet sous la pipette lorsque vous la faites glisser.
Reclasser les couleurs sur la palette de couleurs
Vous pr&eacute;f&eacute;rerez peut-&ecirc;tre reclasser les couleurs de la palette de couleurs. Pour cela, Ctrl+glisser les
couleurs le long de la palette de couleurs. Cela r&eacute;organise aussi la galerie des couleurs
. Seules les couleurs nomm&eacute;es peuvent &ecirc;tre replac&eacute;es dans la palette de couleurs.
Menu contextuel de la palette de couleurs
Cliquez sur une couleur de la palette pour afficher un menu contextuel avec les options suivantes :
Page 360
&Eacute;diter
D&eacute;finir la couleur de
remplissage/D&eacute;finir la
couleur de contour
Renommer
Ouvre l'&eacute;diteur de couleurs avec la couleur
s&eacute;lectionn&eacute;e (non disponible pour les couleurs de
palette)
D&eacute;finit la couleur de remplissage ou de contour
de l'objet s&eacute;lectionn&eacute; avec cette couleur
Renomme une couleur nomm&eacute;e (non disponible
pour les couleurs de la palette)
Supprimer
Supprime une couleur nomm&eacute;e (non disponible
pour les couleurs de la palette)
Si l'objet s&eacute;lectionn&eacute; est un bitmap, les options de couleur de remplissage et de contour seront
remplac&eacute;es par D&eacute;terminer la couleur sombre contone/D&eacute;terminer la couleur claire contone.
Voir Colorer un bitmap
pour plus d'informations.
Cliquez sur &laquo; Aucune couleur &raquo; pour remplacer les options de couleur de remplissage et de contour par :
Supprimer la couleur de remplissage/Supprimer la couleur de contour
. Ceci r&egrave;gle les attributs relatifs &agrave; l'objet s&eacute;lectionn&eacute; sur &laquo; Aucune couleur &raquo;.
Page 361
Reclasser les couleurs sur la palette de couleurs
Vous pr&eacute;f&eacute;rerez peut-&ecirc;tre reclasser les couleurs de la palette de couleurs. Pour cela, Ctrl+glisser les
couleurs le long de la palette de couleurs. Cela r&eacute;organise aussi la galerie des couleurs
. Seules les couleurs nomm&eacute;es peuvent &ecirc;tre replac&eacute;es dans la palette de couleurs.
Menu contextuel de la palette de couleurs
Cliquez sur une couleur de la palette pour afficher un menu contextuel avec les options suivantes :
&Eacute;diter
Ouvre l'&eacute;diteur de couleurs avec la couleur
s&eacute;lectionn&eacute;e (non disponible pour les couleurs de
palette)
D&eacute;finir la couleur de
D&eacute;finit la couleur de remplissage ou de contour
remplissage/D&eacute;finir la
de l'objet s&eacute;lectionn&eacute; avec cette couleur
couleur de contour
Renommer
Renomme une couleur nomm&eacute;e (non disponible
pour les couleurs de la palette)
Supprimer
Supprime une couleur nomm&eacute;e (non disponible
pour les couleurs de la palette)
Si l'objet s&eacute;lectionn&eacute; est un bitmap, les options de couleur de remplissage et de contour seront
remplac&eacute;es par D&eacute;terminer la couleur sombre contone/D&eacute;terminer la couleur claire contone.
Voir Colorer un bitmap
pour plus d'informations.
Cliquez sur &laquo; Aucune couleur &raquo; pour remplacer les options de couleur de remplissage et de contour par :
Supprimer la couleur de remplissage/Supprimer la couleur de contour
. Ceci r&egrave;gle les attributs relatifs &agrave; l'objet s&eacute;lectionn&eacute; sur &laquo; Aucune couleur &raquo;.
Page 362
Menu contextuel de la palette de couleurs
Cliquez sur une couleur de la palette pour afficher un menu contextuel avec les options suivantes :
&Eacute;diter
Ouvre l'&eacute;diteur de couleurs avec la couleur
s&eacute;lectionn&eacute;e (non disponible pour les couleurs de
palette)
D&eacute;finir la couleur de
D&eacute;finit la couleur de remplissage ou de contour
remplissage/D&eacute;finir la
de l'objet s&eacute;lectionn&eacute; avec cette couleur
couleur de contour
Renommer
Renomme une couleur nomm&eacute;e (non disponible
pour les couleurs de la palette)
Supprimer
Supprime une couleur nomm&eacute;e (non disponible
pour les couleurs de la palette)
Si l'objet s&eacute;lectionn&eacute; est un bitmap, les options de couleur de remplissage et de contour seront
remplac&eacute;es par D&eacute;terminer la couleur sombre contone/D&eacute;terminer la couleur claire contone.
Voir Colorer un bitmap
pour plus d'informations.
Cliquez sur &laquo; Aucune couleur &raquo; pour remplacer les options de couleur de remplissage et de contour par :
Supprimer la couleur de remplissage/Supprimer la couleur de contour
. Ceci r&egrave;gle les attributs relatifs &agrave; l'objet s&eacute;lectionn&eacute; sur &laquo; Aucune couleur &raquo;.
Page 363
Appliquer des couleurs de remplissage &amp; de
contour par glisser&amp;d&eacute;poser
Pour appliquer une couleur de remplissage &agrave; un objet (s&eacute;lectionn&eacute; ou non), faites glisser une
couleur de la palette de couleurs et d&eacute;posez-la au centre de la forme.
 Pour d&eacute;finir la couleur d'une ligne ou d'un contour, d&eacute;posez-la sur le contour, non pas sur le
centre.
 Pour modifier la couleur actuelle de remplissage, faites glisser une couleur dans un espace vide.
 Pour modifier la couleur de l'arri&egrave;re-plan d'une page, utilisez &laquo; Ctrl &raquo; et tirez une couleur sur
l'arri&egrave;re-plan de la page.
Lorsque vous tirez des couleurs, un indicateur &agrave; c&ocirc;t&eacute; du pointeur vous indique quel effet aura la couleur :
D&eacute;finir une couleur de remplissage unie (visible lorsque vous passez
au-dessus d'un objet) ou les couleurs interm&eacute;diaires dans le cas d'un
remplissage multicolore
D&eacute;finir la couleur de contour (visible lorsque vous passez au-dessus
d'une ligne)
D&eacute;finir la couleur de remplissage courante (visible lorsque vous passez
au-dessus d'une zone vide)
D&eacute;finir la couleur de d&eacute;part du remplissage gradu&eacute; (visible lorsque vous
passez au-dessus du d&eacute;but du remplissage)
D&eacute;finir la couleur de fin du remplissage gradu&eacute; (visible lorsque vous
passez au-dessus de la fin du remplissage)
D&eacute;finir la couleur de l'arri&egrave;re-plan d'une page (visible lorsque vous faites
&laquo; Ctrl+tirer &raquo; sur la page).
&Agrave; la place de glisser&amp;d&eacute;poser, si vous avez d&eacute;j&agrave; s&eacute;lectionn&eacute; un objet, vous pouvez simplement cliquer
sur la palette de couleurs. Cela ouvre le menu contextuel de la palette de couleurs &agrave; l'emplacement o&ugrave;
vous pouvez d&eacute;finir la couleur de remplissage ou de contour.
Dans tous les autres cas, vous pouvez modifier la couleur de contour par &laquo; Maj + clic &raquo; sur la palette de
couleurs.
Si une photo ou une forme comportant des bitmaps est s&eacute;lectionn&eacute;e, cliquer sur la palette de couleurs
donnera un bitmap contone. Cela signifie que le bitmap sera converti en niveaux de gris (noir et blanc) et
la couleur s&eacute;lectionn&eacute;e sera utilis&eacute;e comme couleur claire contone. La couleur sombre contone est
g&eacute;n&eacute;ralement le noir. Vous pouvez r&eacute;gler les deux couleurs contone dans le menu contextuel de la palette
de couleurs (voir ci-dessus). Voir Colorer un bitmap
pour plus d'informations.
Pour d&eacute;finir Aucune couleur (supprimer)
pour un remplissage ou un contour,
effectuer les op&eacute;rations comme
soulign&eacute;es ci-dessus tout en utilisant
l'option &laquo; Aucune couleur &raquo; au lieu d'une
couleur.

Page 364
&Eacute;diter la couleur d'un objet
S&eacute;lectionner l'objet dont vous souhaitez modifier la couleur.
Pour &eacute;diter la couleur de remplissage ou de contour de (des) l'objet(s) s&eacute;lectionn&eacute;(s)
 Choisir Services &gt; &Eacute;diteur de couleurs (raccourci Ctrl+E).
 Ou cliquer sur l'ic&ocirc;ne &Eacute;diter couleur sur la palette de couleurs.
 Ou double-cliquer sur le panneau de la couleur de remplissage courante sur la palette de
couleurs.
Pour &eacute;diter la couleur de contour de (des) l'objet(s) s&eacute;lectionn&eacute;(s)
 Cliquer droit (ou Maj+clic) sur l'ic&ocirc;ne &Eacute;diter couleur sur la palette de couleurs.
 Ou double-cliquer sur le panneau de la couleur de contour courante.
Ceci affiche l'&Eacute;diteur de couleurs
qui vous permet de s&eacute;lectionner n'importe quelle couleur du spectre. Contrairement &agrave; de nombreux
programmes de graphisme, l'&Eacute;diteur de couleurs peut rester affich&eacute; &agrave; l'&eacute;cran pendant que vous continuez
&agrave; travailler. Il se transforme pour refl&eacute;ter la couleur des objets s&eacute;lectionn&eacute;s ; vous pouvez ainsi ais&eacute;ment
et directement ajuster la couleur de l'objet.s&eacute;lectionn&eacute;.
Page 365
L'&eacute;diteur de couleurs
L'&eacute;diteur de couleurs est utilis&eacute; pour modifier la couleur des objets du document.
Pipette de
couleurs
S&eacute;lectionner la
couleur &agrave; &eacute;diter :
couleur de remplissage
ou de contour de
l'objet s&eacute;lectionn&eacute; ou Cr&eacute;er une nouvelle couleur nomm&eacute;e
toute couleur nomm&eacute;e
du th&egrave;me
Cliquez pour afficher
les options avanc&eacute;es.
Couleur pr&eacute;c&eacute;dente
Couleur actuelle
Tirez ici pour choisir
une nuance de la teinte
s&eacute;lectionn&eacute;e.
Tirez ici pour
s&eacute;lectionner une teinte
de couleur.
Le moyen le plus facile de cr&eacute;er une nouvelle couleur est de s&eacute;lectionner la teinte sur la bande de couleur
inf&eacute;rieure. Toutes les nuances possibles de cette teinte s'affichent dans la section sup&eacute;rieure, il vous suffit
de cliquer ou de tirer dans la section sup&eacute;rieure pour s&eacute;lectionner une nouvelle couleur. Vous constaterez
que les objets s&eacute;lectionn&eacute;s changent de couleur lorsque vous les ajustez dans l'&eacute;diteur de couleurs
(appel&eacute; &laquo; Aper&ccedil;u en direct &raquo;).
Par exemple, pour s&eacute;lectionner une couleur rose, qui correspond &agrave; une nuance p&acirc;le de rouge,
s&eacute;lectionnez rouge dans la section inf&eacute;rieure puis un rouge tr&egrave;s p&acirc;le (rose) en haut &agrave; droite de la section
sup&eacute;rieure.
Couleur pr&eacute;c&eacute;dente et couleur actuelle
Alors que vous passez sur l'&Eacute;diteur de couleurs, les deux petits &eacute;chantillons de couleur en haut &agrave; droite
affichent la couleur actuelle et la couleur pr&eacute;c&eacute;dente (avant modification de la couleur). Cette option vous
sera utile si vous souhaitez effectuer une petite modification et comparer l'ancienne et la nouvelle couleur.
Utiliser la pipette pour pr&eacute;lever des couleurs
Au lieu de s&eacute;lectionner des tonalit&eacute;s et des nuances dans l'&Eacute;diteur de couleurs
vous avez la possibilit&eacute; de pr&eacute;lever une couleur de toute partie du document ou de toute partie de l'&eacute;cran
de l'ordinateur, et m&ecirc;me d'autres fen&ecirc;tres et programmes.
Pour cela, cliquez et tirez sur l'ic&ocirc;ne pipette. En tirant, vous voyez que l'&Eacute;diteur de couleurs pr&eacute;l&egrave;ve en
continu la couleur se trouvant sous la pipette. Rel&acirc;chez le bouton de la souris lorsque vous avez la
couleur d&eacute;sir&eacute;e. Ceci est un moyen facile et rapide d'utiliser la m&ecirc;me couleur de nouveau ou de copier
des couleurs d'un objet &agrave; l'autre.
La pipette ne prend pas seulement un &eacute;chantillon de la couleur de l'&eacute;cran (RVB). Si vous positionnez la
pipette sur une forme avec une couleur de remplissage solide, la pipette va enregistrer cette couleur, y
Page 366
compris le mod&egrave;le de couleur (RVB, HSV ou CMJN), de sorte que la couleur est copi&eacute;e de mani&egrave;re
exacte dans l'objet s&eacute;lectionn&eacute;. Si la couleur cible est une couleur nomm&eacute;e ou de la palette, la pipette ne
va pas seulement copier la couleur mais va l'appliquer &agrave; l'objet s&eacute;lectionn&eacute;.
Si l'objet d&eacute;sign&eacute; par la pipette est complexe (par exemple il comprend des transparences) et que la
couleur exacte ne peut &ecirc;tre d&eacute;termin&eacute;e, la couleur RVB de l'&eacute;cran est appliqu&eacute;e.
Une petite fen&ecirc;tre s'affiche pr&egrave;s du curseur de la
souris et indique la couleur qui est copi&eacute;e. Il
s'agit du nom de la couleur de la palette, du nom
de la couleur nomm&eacute;e ou le mod&egrave;le de couleur et
sa valeur.
N&eacute;anmoins, lorsque vous &ecirc;tes amen&eacute;s &agrave; utiliser r&eacute;guli&egrave;rement la m&ecirc;me couleur, il est pr&eacute;f&eacute;rable de
travailler avec une couleur nomm&eacute;e.
Op&eacute;rations de couleur avanc&eacute;es
Cliquez sur l'icone Afficher les options avanc&eacute;es
de l'&eacute;diteur de couleurs afin de faire appara&icirc;tre la partie inf&eacute;rieure
de la bo&icirc;te de dialogue affichant des options suppl&eacute;mentaires.
Type de couleur : Voir
Cr&eacute;ation d'une teinte, d'une
nuance ou d'une couleur li&eacute;e
Aucune couleur de Valeurs
Valeur
remplissage
des
hexad&eacute;cimal
couleurs e RVB
TSV
Vous pouvez saisir des valeurs de couleur RVB (ou TSV) pr&eacute;cises. G&eacute;n&eacute;ralement, le graphisme Internet
requiert de choisir la couleur hexad&eacute;cimale RVB. Les champs T, S et V vous permettent d'exprimer la
couleur comme valeur TSV (teinte saturation valeur) en pourcentage. Le champ #
permet de saisir la valeur RVB en nombre hexad&eacute;cimal (0-F).
En outre, un bouton &laquo; Aucune couleur de remplissage &raquo; et un bouton d'aide sont disponibles.
Page 367
Couleur pr&eacute;c&eacute;dente et couleur actuelle
Alors que vous passez sur l'&Eacute;diteur de couleurs, les deux petits &eacute;chantillons de couleur en haut &agrave; droite
affichent la couleur actuelle et la couleur pr&eacute;c&eacute;dente (avant modification de la couleur). Cette option vous
sera utile si vous souhaitez effectuer une petite modification et comparer l'ancienne et la nouvelle couleur.
Utiliser la pipette pour pr&eacute;lever des couleurs
Au lieu de s&eacute;lectionner des tonalit&eacute;s et des nuances dans l'&Eacute;diteur de couleurs
vous avez la possibilit&eacute; de pr&eacute;lever une couleur de toute partie du document ou de toute partie de l'&eacute;cran
de l'ordinateur, et m&ecirc;me d'autres fen&ecirc;tres et programmes.
Pour cela, cliquez et tirez sur l'ic&ocirc;ne pipette. En tirant, vous voyez que l'&Eacute;diteur de couleurs pr&eacute;l&egrave;ve en
continu la couleur se trouvant sous la pipette. Rel&acirc;chez le bouton de la souris lorsque vous avez la
couleur d&eacute;sir&eacute;e. Ceci est un moyen facile et rapide d'utiliser la m&ecirc;me couleur de nouveau ou de copier
des couleurs d'un objet &agrave; l'autre.
La pipette ne prend pas seulement un &eacute;chantillon de la couleur de l'&eacute;cran (RVB). Si vous positionnez la
pipette sur une forme avec une couleur de remplissage solide, la pipette va enregistrer cette couleur, y
compris le mod&egrave;le de couleur (RVB, HSV ou CMJN), de sorte que la couleur est copi&eacute;e de mani&egrave;re
exacte dans l'objet s&eacute;lectionn&eacute;. Si la couleur cible est une couleur nomm&eacute;e ou de la palette, la pipette ne
va pas seulement copier la couleur mais va l'appliquer &agrave; l'objet s&eacute;lectionn&eacute;.
Si l'objet d&eacute;sign&eacute; par la pipette est complexe (par exemple il comprend des transparences) et que la
couleur exacte ne peut &ecirc;tre d&eacute;termin&eacute;e, la couleur RVB de l'&eacute;cran est appliqu&eacute;e.
Une petite fen&ecirc;tre s'affiche pr&egrave;s du curseur de la
souris et indique la couleur qui est copi&eacute;e. Il
s'agit du nom de la couleur de la palette, du nom
de la couleur nomm&eacute;e ou le mod&egrave;le de couleur et
sa valeur.
N&eacute;anmoins, lorsque vous &ecirc;tes amen&eacute;s &agrave; utiliser r&eacute;guli&egrave;rement la m&ecirc;me couleur, il est pr&eacute;f&eacute;rable de
travailler avec une couleur nomm&eacute;e.
Op&eacute;rations de couleur avanc&eacute;es
Cliquez sur l'icone Afficher les options avanc&eacute;es
de l'&eacute;diteur de couleurs afin de faire appara&icirc;tre la partie inf&eacute;rieure
de la bo&icirc;te de dialogue affichant des options suppl&eacute;mentaires.
Type de couleur : Voir
Cr&eacute;ation d'une teinte, d'une
nuance ou d'une couleur li&eacute;e
Aucune couleur de Valeurs
Valeur
remplissage
des
hexad&eacute;cimal
couleurs e RVB
TSV
Vous pouvez saisir des valeurs de couleur RVB (ou TSV) pr&eacute;cises. G&eacute;n&eacute;ralement, le graphisme Internet
requiert de choisir la couleur hexad&eacute;cimale RVB. Les champs T, S et V vous permettent d'exprimer la
couleur comme valeur TSV (teinte saturation valeur) en pourcentage. Le champ #
Page 368
permet de saisir la valeur RVB en nombre hexad&eacute;cimal (0-F).
En outre, un bouton &laquo; Aucune couleur de remplissage &raquo; et un bouton d'aide sont disponibles.
Page 369
Utiliser la pipette pour pr&eacute;lever des couleurs
Au lieu de s&eacute;lectionner des tonalit&eacute;s et des nuances dans l'&Eacute;diteur de couleurs
vous avez la possibilit&eacute; de pr&eacute;lever une couleur de toute partie du document ou de toute partie de l'&eacute;cran
de l'ordinateur, et m&ecirc;me d'autres fen&ecirc;tres et programmes.
Pour cela, cliquez et tirez sur l'ic&ocirc;ne pipette. En tirant, vous voyez que l'&Eacute;diteur de couleurs pr&eacute;l&egrave;ve en
continu la couleur se trouvant sous la pipette. Rel&acirc;chez le bouton de la souris lorsque vous avez la
couleur d&eacute;sir&eacute;e. Ceci est un moyen facile et rapide d'utiliser la m&ecirc;me couleur de nouveau ou de copier
des couleurs d'un objet &agrave; l'autre.
La pipette ne prend pas seulement un &eacute;chantillon de la couleur de l'&eacute;cran (RVB). Si vous positionnez la
pipette sur une forme avec une couleur de remplissage solide, la pipette va enregistrer cette couleur, y
compris le mod&egrave;le de couleur (RVB, HSV ou CMJN), de sorte que la couleur est copi&eacute;e de mani&egrave;re
exacte dans l'objet s&eacute;lectionn&eacute;. Si la couleur cible est une couleur nomm&eacute;e ou de la palette, la pipette ne
va pas seulement copier la couleur mais va l'appliquer &agrave; l'objet s&eacute;lectionn&eacute;.
Si l'objet d&eacute;sign&eacute; par la pipette est complexe (par exemple il comprend des transparences) et que la
couleur exacte ne peut &ecirc;tre d&eacute;termin&eacute;e, la couleur RVB de l'&eacute;cran est appliqu&eacute;e.
Une petite fen&ecirc;tre s'affiche pr&egrave;s du curseur de la
souris et indique la couleur qui est copi&eacute;e. Il
s'agit du nom de la couleur de la palette, du nom
de la couleur nomm&eacute;e ou le mod&egrave;le de couleur et
sa valeur.
N&eacute;anmoins, lorsque vous &ecirc;tes amen&eacute;s &agrave; utiliser r&eacute;guli&egrave;rement la m&ecirc;me couleur, il est pr&eacute;f&eacute;rable de
travailler avec une couleur nomm&eacute;e.
Op&eacute;rations de couleur avanc&eacute;es
Cliquez sur l'icone Afficher les options avanc&eacute;es
de l'&eacute;diteur de couleurs afin de faire appara&icirc;tre la partie inf&eacute;rieure
de la bo&icirc;te de dialogue affichant des options suppl&eacute;mentaires.
Type de couleur : Voir
Cr&eacute;ation d'une teinte, d'une
nuance ou d'une couleur li&eacute;e
Aucune couleur de Valeurs
Valeur
remplissage
des
hexad&eacute;cimal
couleurs e RVB
TSV
Vous pouvez saisir des valeurs de couleur RVB (ou TSV) pr&eacute;cises. G&eacute;n&eacute;ralement, le graphisme Internet
requiert de choisir la couleur hexad&eacute;cimale RVB. Les champs T, S et V vous permettent d'exprimer la
couleur comme valeur TSV (teinte saturation valeur) en pourcentage. Le champ #
permet de saisir la valeur RVB en nombre hexad&eacute;cimal (0-F).
En outre, un bouton &laquo; Aucune couleur de remplissage &raquo; et un bouton d'aide sont disponibles.
Page 370
Op&eacute;rations de couleur avanc&eacute;es
Cliquez sur l'icone Afficher les options avanc&eacute;es
de l'&eacute;diteur de couleurs afin de faire appara&icirc;tre la partie inf&eacute;rieure
de la bo&icirc;te de dialogue affichant des options suppl&eacute;mentaires.
Type de couleur : Voir
Cr&eacute;ation d'une teinte, d'une
nuance ou d'une couleur li&eacute;e
Aucune couleur de Valeurs
Valeur
remplissage
des
hexad&eacute;cimal
couleurs e RVB
TSV
Vous pouvez saisir des valeurs de couleur RVB (ou TSV) pr&eacute;cises. G&eacute;n&eacute;ralement, le graphisme Internet
requiert de choisir la couleur hexad&eacute;cimale RVB. Les champs T, S et V vous permettent d'exprimer la
couleur comme valeur TSV (teinte saturation valeur) en pourcentage. Le champ #
permet de saisir la valeur RVB en nombre hexad&eacute;cimal (0-F).
En outre, un bouton &laquo; Aucune couleur de remplissage &raquo; et un bouton d'aide sont disponibles.
Page 371
Couleurs locales et couleurs de th&egrave;me
Web Designer poss&egrave;de deux types de couleurs :
 Couleurs locales n'est utilis&eacute; qu'&agrave; un seul endroit du document. Chaque objet a une couleur
distincte et rien n'est partag&eacute;. Ceci est utile lorsque vous souhaitez modifier la couleur d'un objet
sans affecter d'autres objets. Les couleurs locales constituent la m&eacute;thode la meilleure et la plus
facile pour des documents simples utilisant peu de couleurs. Les options &laquo; Utiliser une couleur &raquo;
et &laquo; &Eacute;diter la couleur d'un objet &raquo; d&eacute;crivent l'utilisation de couleurs locales.
 Les couleurs de th&egrave;me (ou couleurs nomm&eacute;es) peuvent &ecirc;tre utilis&eacute;es &agrave; volont&eacute; dans le
document. (En tant que couleurs nomm&eacute;es, elles sont comparables &agrave; des styles d'un traitement de
texte). Les couleurs de th&egrave;me sont utilis&eacute;es dans des mod&egrave;les et garantissent un aspect coh&eacute;rent
des &eacute;l&eacute;ments de votre page, par exemple les boutons ou les barres de navigation. Toute
modification effectu&eacute;e sur une couleur de th&egrave;me est imm&eacute;diatement r&eacute;percut&eacute;e sur tous les objets
et parties du dessin utilisant cette couleur. Vous pouvez &eacute;galement copier des couleurs de th&egrave;me
d'un document &agrave; l'autre. Si des couleurs de th&egrave;me sont d&eacute;j&agrave; pr&eacute;sentes dans le design et que vous
chargez ou collez des mod&egrave;les depuis la galerie de designs contenant les couleurs de th&egrave;me avec
le m&ecirc;me nom, il vous sera demand&eacute; si vous souhaitez assortir la couleur actuelle des couleurs de
th&egrave;me import&eacute;es &agrave; celles existantes. Les couleurs de th&egrave;me des mod&egrave;les sont nomm&eacute;es de
mani&egrave;re homog&egrave;ne. Ainsi, lorsque vous importez des &eacute;l&eacute;ments depuis diff&eacute;rents th&egrave;mes, les
couleurs sont parfaitement assorties.
Important : si vous s&eacute;lectionnez un objet sur la page ayant une couleur nomm&eacute;e appliqu&eacute;e puis la
modifiez avec l'&eacute;diteur de couleurs, celle-ci deviendra alors une couleur locale au lieu d'une couleur
nomm&eacute;e (car il est suppos&eacute; que si vous essayez d'&eacute;diter la couleur de l'objet, c'est effectivement ce que
vous souhaitez faire. Si vous souhaitez vraiment changer la couleur nomm&eacute;e, celle-ci et toutes ses
occurrences de la couleur, alors vous devriez le faire en &eacute;ditant la couleur nomm&eacute;e
).
Page 372
Cr&eacute;er des nouvelles couleurs nomm&eacute;es
Si vous souhaitez utiliser la m&ecirc;me couleur &agrave; diff&eacute;rents endroits de votre dessin, et qu'il est tr&egrave;s probable
que vous vouliez modifier cette couleur dans le futur, nous vous recommandons fortement de cr&eacute;er une
couleur nomm&eacute;e
. Ceci est tr&egrave;s facile &agrave; r&eacute;aliser avec Xtreme Web Designer 5 :
s&eacute;lectionnez un objet dont vous voulez utiliser la couleur puis cliquez sur Nouvelle couleur nomm&eacute;e
dans l'&Eacute;diteur de couleur
.
Cliquez pour cr&eacute;er une nouvelle couleur
Donnez un nom appropri&eacute; &agrave;
nomm&eacute;e.
la couleur, par exemple
&laquo; Couleur Voiture &raquo; et
cliquez sur Cr&eacute;er. La
nouvelle couleur s'ajoute &agrave;
la Palette de couleurs
.
Vous pouvez maintenant
vous servir de cette couleur
comme des autres, par
glisser-d&eacute;poser &agrave; partir de
la palette des couleurs ou
juste en cliquant dessus (ou
en faisant un clic droit pour
l'utiliser comme une couleur
de la palette) pour
l'appliquer en tant que
couleur de remplissage.
Lorsque vous &eacute;ditez une
couleur nomm&eacute;e, tous les
objets utilisant cette couleur
seront modifi&eacute;s.
Page 373
&Eacute;diter les couleurs nomm&eacute;es
Pour afficher la couleur nomm&eacute;e dans l'&eacute;diteur de couleur afin de pouvoir l'&eacute;diter, choisissez dans le
menu de l'&eacute;diteur de couleur ou faites un glisser &amp; d&eacute;placer de la couleur depuis la palette des couleurs
ver l'&eacute;diteur de couleur
.
Vous pouvez ensuite &eacute;diter la couleur selon vos besoins. Tous les objets utilisant cette couleur sont
automatiquement et imm&eacute;diatement mis &agrave; jour afin d'afficher la nouvelle couleur.
Pour renommer une Couleur nomm&eacute;e pendant que vous l'&eacute;ditez, faites un clic droit sur l'&eacute;diteur de
couleur et s&eacute;lectionnez Renommer ou faites un clic droit sur la couleur dans la palette des couleurs et
s&eacute;lectionnez Renommer
.
Pour supprimer une couleur nomm&eacute;e, faites un clic droit sur la couleur de la palette des couleurs et
choisissez Supprimer
.
Page 374
Couleurs normales, teintes, nuances et
Couleurs li&eacute;es
Couleurs normales
Celles-ci sont les couleurs normales autonomes &agrave; appliquer aux objets.
Xtreme Web Designer 5 peut &eacute;galement d&eacute;finir des couleurs li&eacute;es &agrave; une autre couleur, &agrave; savoir, lorsque la
couleur m&egrave;re change, la couleur li&eacute;e change &eacute;galement. Vous pouvez li&eacute;er une couleur &agrave; sa couleur m&egrave;re
de trois fa&ccedil;ons—Teintes, Nuances et Couleurs li&eacute;es
. Ces techniques tr&egrave;s puissantes permettent, par exemple, de recolorer des dessins aux nuances
complexes en un seul clic. Certains des cliparts d'exemple utilisent cette technique.
Teintes
Les teintes sont bas&eacute;es sur d'autres couleurs, (appel&eacute;es couleurs m&egrave;res) et sont toujours une version plus
p&acirc;le que la version m&egrave;re. Elles ont deux utilisations principales :
 O&ugrave; vous avez des nuances plus p&acirc;les d'une couleur m&egrave;re et souhaitez replacer la couleur m&egrave;re &agrave;
l'avenir par des teintes se mettant automatiquement &agrave; jour.
 Pour &eacute;tendre la palette de couleurs disponible des encres d'impression.
 Par exemple, une teinte rouge de 25 % donnera une couleur rose. Par cons&eacute;quent, avec une
encre rouge, vous pouvez obtenir un rouge pur et un rose &agrave; partir d'une m&ecirc;me encre. De m&ecirc;me,
pour une impression noir et blanc, il est souvent utile d'utiliser des teintes afin de cr&eacute;er diff&eacute;rentes
nuances de gris.
 Si vous imprimez une palette de couleurs limit&eacute;e (il est souvent meilleur march&eacute; d'imprimer une ou
deux couleurs plut&ocirc;t que faire une impression en quadrichromie).
Une teinte peut &ecirc;tre bas&eacute;e sur tout type de couleurs, incluant une autre teinte.
Toute modification effectu&eacute;e sur une couleur m&egrave;re modifiera les teintes bas&eacute;es sur celle-ci. Par exemple,
vous pouvez d&eacute;finir la couleur rose comme 50 % d'une couleur m&egrave;re rouge. Si vous changez la couleur
m&egrave;re en orange, le rose passera automatiquement &agrave; l'orange clair.
Nuances
Celles-ci permettent de cr&eacute;er des couleurs plus claires ou plus fonc&eacute;es bas&eacute;es sur une couleur m&egrave;re. En
changeant la couleur m&egrave;re, vous modifiez toutes les teintes associ&eacute;es. Par exemple, un dessin d'une
voiture peut utiliser des nuances pour souligner les reflets et les ombres de la carrosserie. Une simple
&eacute;dition de la couleur m&egrave;re entra&icirc;ne une modification de toutes les couleurs de la carrosserie tout en
maintenant les nuances. Le r&eacute;glage des nuances de cette mani&egrave;re prend plus de temps mais est un moyen
tr&egrave;s efficace de modifier les couleurs.
Pour de meilleurs r&eacute;sultats, la couleur m&egrave;re doit &ecirc;tre un couleur &laquo; pure &raquo; satur&eacute;e. En mode de couleur
TSV, la saturation et la valeur doivent id&eacute;alement &ecirc;tre fix&eacute;es &agrave; 100 %. Dans l'&Eacute;diteur de couleurs
, la croix doit &ecirc;tre plac&eacute;e dans le coin en haut &agrave; gauche.
Couleurs li&eacute;es
Les couleurs li&eacute;es sont similaires aux nuances mais offrent une plus grande flexibilit&eacute;. Elles sont &eacute;galement
bas&eacute;es sur une couleur m&egrave;re mais c'est vous qui d&eacute;finissez quels attributs la couleur li&eacute;e doit partager
avec sa couleur m&egrave;re. Par exemple, vous pouvez cr&eacute;er une couleur li&eacute;e qui sera une version plus satur&eacute;e
de la couleur m&egrave;re, mais dont teinte et la luminosit&eacute; seront celles de la couleur m&egrave;re.
Page 375
Couleurs normales
Celles-ci sont les couleurs normales autonomes &agrave; appliquer aux objets.
Xtreme Web Designer 5 peut &eacute;galement d&eacute;finir des couleurs li&eacute;es &agrave; une autre couleur, &agrave; savoir, lorsque la
couleur m&egrave;re change, la couleur li&eacute;e change &eacute;galement. Vous pouvez li&eacute;er une couleur &agrave; sa couleur m&egrave;re
de trois fa&ccedil;ons—Teintes, Nuances et Couleurs li&eacute;es
. Ces techniques tr&egrave;s puissantes permettent, par exemple, de recolorer des dessins aux nuances
complexes en un seul clic. Certains des cliparts d'exemple utilisent cette technique.
Teintes
Les teintes sont bas&eacute;es sur d'autres couleurs, (appel&eacute;es couleurs m&egrave;res) et sont toujours une version plus
p&acirc;le que la version m&egrave;re. Elles ont deux utilisations principales :
 O&ugrave; vous avez des nuances plus p&acirc;les d'une couleur m&egrave;re et souhaitez replacer la couleur m&egrave;re &agrave;
l'avenir par des teintes se mettant automatiquement &agrave; jour.
 Pour &eacute;tendre la palette de couleurs disponible des encres d'impression.
 Par exemple, une teinte rouge de 25 % donnera une couleur rose. Par cons&eacute;quent, avec une
encre rouge, vous pouvez obtenir un rouge pur et un rose &agrave; partir d'une m&ecirc;me encre. De m&ecirc;me,
pour une impression noir et blanc, il est souvent utile d'utiliser des teintes afin de cr&eacute;er diff&eacute;rentes
nuances de gris.
 Si vous imprimez une palette de couleurs limit&eacute;e (il est souvent meilleur march&eacute; d'imprimer une ou
deux couleurs plut&ocirc;t que faire une impression en quadrichromie).
Une teinte peut &ecirc;tre bas&eacute;e sur tout type de couleurs, incluant une autre teinte.
Toute modification effectu&eacute;e sur une couleur m&egrave;re modifiera les teintes bas&eacute;es sur celle-ci. Par exemple,
vous pouvez d&eacute;finir la couleur rose comme 50 % d'une couleur m&egrave;re rouge. Si vous changez la couleur
m&egrave;re en orange, le rose passera automatiquement &agrave; l'orange clair.
Nuances
Celles-ci permettent de cr&eacute;er des couleurs plus claires ou plus fonc&eacute;es bas&eacute;es sur une couleur m&egrave;re. En
changeant la couleur m&egrave;re, vous modifiez toutes les teintes associ&eacute;es. Par exemple, un dessin d'une
voiture peut utiliser des nuances pour souligner les reflets et les ombres de la carrosserie. Une simple
&eacute;dition de la couleur m&egrave;re entra&icirc;ne une modification de toutes les couleurs de la carrosserie tout en
maintenant les nuances. Le r&eacute;glage des nuances de cette mani&egrave;re prend plus de temps mais est un moyen
tr&egrave;s efficace de modifier les couleurs.
Pour de meilleurs r&eacute;sultats, la couleur m&egrave;re doit &ecirc;tre un couleur &laquo; pure &raquo; satur&eacute;e. En mode de couleur
TSV, la saturation et la valeur doivent id&eacute;alement &ecirc;tre fix&eacute;es &agrave; 100 %. Dans l'&Eacute;diteur de couleurs
, la croix doit &ecirc;tre plac&eacute;e dans le coin en haut &agrave; gauche.
Couleurs li&eacute;es
Les couleurs li&eacute;es sont similaires aux nuances mais offrent une plus grande flexibilit&eacute;. Elles sont &eacute;galement
bas&eacute;es sur une couleur m&egrave;re mais c'est vous qui d&eacute;finissez quels attributs la couleur li&eacute;e doit partager
avec sa couleur m&egrave;re. Par exemple, vous pouvez cr&eacute;er une couleur li&eacute;e qui sera une version plus satur&eacute;e
de la couleur m&egrave;re, mais dont teinte et la luminosit&eacute; seront celles de la couleur m&egrave;re.
Page 376
Teintes
Les teintes sont bas&eacute;es sur d'autres couleurs, (appel&eacute;es couleurs m&egrave;res) et sont toujours une version plus
p&acirc;le que la version m&egrave;re. Elles ont deux utilisations principales :
 O&ugrave; vous avez des nuances plus p&acirc;les d'une couleur m&egrave;re et souhaitez replacer la couleur m&egrave;re &agrave;
l'avenir par des teintes se mettant automatiquement &agrave; jour.
 Pour &eacute;tendre la palette de couleurs disponible des encres d'impression.
 Par exemple, une teinte rouge de 25 % donnera une couleur rose. Par cons&eacute;quent, avec une
encre rouge, vous pouvez obtenir un rouge pur et un rose &agrave; partir d'une m&ecirc;me encre. De m&ecirc;me,
pour une impression noir et blanc, il est souvent utile d'utiliser des teintes afin de cr&eacute;er diff&eacute;rentes
nuances de gris.
 Si vous imprimez une palette de couleurs limit&eacute;e (il est souvent meilleur march&eacute; d'imprimer une ou
deux couleurs plut&ocirc;t que faire une impression en quadrichromie).
Une teinte peut &ecirc;tre bas&eacute;e sur tout type de couleurs, incluant une autre teinte.
Toute modification effectu&eacute;e sur une couleur m&egrave;re modifiera les teintes bas&eacute;es sur celle-ci. Par exemple,
vous pouvez d&eacute;finir la couleur rose comme 50 % d'une couleur m&egrave;re rouge. Si vous changez la couleur
m&egrave;re en orange, le rose passera automatiquement &agrave; l'orange clair.
Nuances
Celles-ci permettent de cr&eacute;er des couleurs plus claires ou plus fonc&eacute;es bas&eacute;es sur une couleur m&egrave;re. En
changeant la couleur m&egrave;re, vous modifiez toutes les teintes associ&eacute;es. Par exemple, un dessin d'une
voiture peut utiliser des nuances pour souligner les reflets et les ombres de la carrosserie. Une simple
&eacute;dition de la couleur m&egrave;re entra&icirc;ne une modification de toutes les couleurs de la carrosserie tout en
maintenant les nuances. Le r&eacute;glage des nuances de cette mani&egrave;re prend plus de temps mais est un moyen
tr&egrave;s efficace de modifier les couleurs.
Pour de meilleurs r&eacute;sultats, la couleur m&egrave;re doit &ecirc;tre un couleur &laquo; pure &raquo; satur&eacute;e. En mode de couleur
TSV, la saturation et la valeur doivent id&eacute;alement &ecirc;tre fix&eacute;es &agrave; 100 %. Dans l'&Eacute;diteur de couleurs
, la croix doit &ecirc;tre plac&eacute;e dans le coin en haut &agrave; gauche.
Couleurs li&eacute;es
Les couleurs li&eacute;es sont similaires aux nuances mais offrent une plus grande flexibilit&eacute;. Elles sont &eacute;galement
bas&eacute;es sur une couleur m&egrave;re mais c'est vous qui d&eacute;finissez quels attributs la couleur li&eacute;e doit partager
avec sa couleur m&egrave;re. Par exemple, vous pouvez cr&eacute;er une couleur li&eacute;e qui sera une version plus satur&eacute;e
de la couleur m&egrave;re, mais dont teinte et la luminosit&eacute; seront celles de la couleur m&egrave;re.
Page 377
Nuances
Celles-ci permettent de cr&eacute;er des couleurs plus claires ou plus fonc&eacute;es bas&eacute;es sur une couleur m&egrave;re. En
changeant la couleur m&egrave;re, vous modifiez toutes les teintes associ&eacute;es. Par exemple, un dessin d'une
voiture peut utiliser des nuances pour souligner les reflets et les ombres de la carrosserie. Une simple
&eacute;dition de la couleur m&egrave;re entra&icirc;ne une modification de toutes les couleurs de la carrosserie tout en
maintenant les nuances. Le r&eacute;glage des nuances de cette mani&egrave;re prend plus de temps mais est un moyen
tr&egrave;s efficace de modifier les couleurs.
Pour de meilleurs r&eacute;sultats, la couleur m&egrave;re doit &ecirc;tre un couleur &laquo; pure &raquo; satur&eacute;e. En mode de couleur
TSV, la saturation et la valeur doivent id&eacute;alement &ecirc;tre fix&eacute;es &agrave; 100 %. Dans l'&Eacute;diteur de couleurs
, la croix doit &ecirc;tre plac&eacute;e dans le coin en haut &agrave; gauche.
Couleurs li&eacute;es
Les couleurs li&eacute;es sont similaires aux nuances mais offrent une plus grande flexibilit&eacute;. Elles sont &eacute;galement
bas&eacute;es sur une couleur m&egrave;re mais c'est vous qui d&eacute;finissez quels attributs la couleur li&eacute;e doit partager
avec sa couleur m&egrave;re. Par exemple, vous pouvez cr&eacute;er une couleur li&eacute;e qui sera une version plus satur&eacute;e
de la couleur m&egrave;re, mais dont teinte et la luminosit&eacute; seront celles de la couleur m&egrave;re.
Page 378
Couleurs li&eacute;es
Les couleurs li&eacute;es sont similaires aux nuances mais offrent une plus grande flexibilit&eacute;. Elles sont &eacute;galement
bas&eacute;es sur une couleur m&egrave;re mais c'est vous qui d&eacute;finissez quels attributs la couleur li&eacute;e doit partager
avec sa couleur m&egrave;re. Par exemple, vous pouvez cr&eacute;er une couleur li&eacute;e qui sera une version plus satur&eacute;e
de la couleur m&egrave;re, mais dont teinte et la luminosit&eacute; seront celles de la couleur m&egrave;re.
Page 379
Cr&eacute;ation d'une teinte, d'une nuance ou d'une
couleur li&eacute;e
Reportez-vous ci-dessous pour une description des Teintes, Nuances et Couleurs li&eacute;es
. Elles sont utiles pour les endroits o&ugrave; vous voulez qu'une nuance plus claire ou plus fonc&eacute;e suive celle de
la couleur m&egrave;re.
Les teintes, nuances et couleurs li&eacute;es doivent avoir une couleur &laquo; m&egrave;re &raquo; dominante qui doit &ecirc;tre une
Couleur nomm&eacute;e, de fa&ccedil;on &agrave; ce que lorsque vous modifiez cette couleur m&egrave;re, la teinte change aussi.
Cr&eacute;ez donc au besoin tout d'abord une couleur m&egrave;re. (Voir Cr&eacute;er des nouvelles couleurs nomm&eacute;es
).
Cr&eacute;ation d'une teinte, d'une nuance ou d'une couleur li&eacute;e :
1. S&eacute;lectionner l'(es) objet(s) au(x)quel(s) vous souhaitez appliquer la couleur.
2. Ouvrez l'&Eacute;diteur de couleurs qui vous montre les options avanc&eacute;es.
3. S&eacute;lectionnez le menu d&eacute;roulant des &laquo; Couleurs normales &raquo;, puis l'option Teinte, Nuance ou
Couleur li&eacute;e.
4. Dans le menu d&eacute;roulant Couleur m&egrave;re, choisissez la couleur nomm&eacute;e &agrave; laquelle vous souhaitez
rattacher cette couleur.
5. R&eacute;glez la Teinte, la Nuance ou la Couleur li&eacute;e dans la section sup&eacute;rieure de l'&eacute;diteur de
couleurs.
Si les options teinte, nuance et couleurs li&eacute;es n'apparaissent pas dans le menu d&eacute;roulant, cela signifie
s&ucirc;rement que vous n'avez pas encore cr&eacute;&eacute; de couleur m&egrave;re &agrave; relier &agrave; d'autres, ou alors que vous &ecirc;tes en
train d'&eacute;diter la seule et unique couleur nomm&eacute;e dans le dessin.
Sur la gauche, vous pouvez voir que la nouvelle couleur est une teinte de la couleur m&egrave;re
&laquo; Jaune &raquo; et que par cons&eacute;quent, l'&eacute;diteur ne propose que des teintes plus p&acirc;les de la couleur
m&egrave;re. Sur la droite, si vous choisissez une nuance, vous avez le choix entre des nuances plus
claires ou plus fonc&eacute;es que la couleur m&egrave;re.
Si vous souhaitez vous servir de ces couleurs &agrave; plusieurs endroits du document, nous vous
recommandons de faire de cette couleur une couleur nomm&eacute;e, de fa&ccedil;on &agrave; ce qu'elle apparaisse dans la
palette des couleurs et que vous puissiez l'employer facilement. Pour ce faire, cliquez sur l'ic&ocirc;ne
Page 380
Nouvelle couleur nomm&eacute;e
en haut de l'&Eacute;diteur de couleur et nommez celle-ci. Elle appara&icirc;t &agrave; pr&eacute;sent dans la palette des couleurs et
vous pouvez la r&eacute;utiliser.
&Eacute;diter la couleur m&egrave;re
Utiliser les teintes, nuances et couleurs li&eacute;es permet de suivre toute modification effectu&eacute;e sur la couleur
m&egrave;re. Pour voir le r&eacute;sultat, essayer d'&eacute;diter la Couleur nomm&eacute;e m&egrave;re (la faire glisser depuis la Palette
de couleurs vers l'&Eacute;diteur de couleurs
et modifier la couleur). Vous verrez les objets avec la teinte, la nuance ou la couleur li&eacute;e changer
simultan&eacute;ment avec la couleur m&egrave;re.
Remarque : veillez &agrave; ne pas &eacute;diter la couleur des objets sur la page sur laquelle vous avez appliqu&eacute; des
couleurs Nomm&eacute;es, des Teintes, des Nuances ou des Couleurs li&eacute;es car elles se changeraient en
Couleurs locales
.
Page 381
&Eacute;diter la couleur m&egrave;re
Utiliser les teintes, nuances et couleurs li&eacute;es permet de suivre toute modification effectu&eacute;e sur la couleur
m&egrave;re. Pour voir le r&eacute;sultat, essayer d'&eacute;diter la Couleur nomm&eacute;e m&egrave;re (la faire glisser depuis la Palette
de couleurs vers l'&Eacute;diteur de couleurs
et modifier la couleur). Vous verrez les objets avec la teinte, la nuance ou la couleur li&eacute;e changer
simultan&eacute;ment avec la couleur m&egrave;re.
Remarque : veillez &agrave; ne pas &eacute;diter la couleur des objets sur la page sur laquelle vous avez appliqu&eacute; des
couleurs Nomm&eacute;es, des Teintes, des Nuances ou des Couleurs li&eacute;es car elles se changeraient en
Couleurs locales
.
Page 382
Utilisation du texte
Dans ce chapitre
Introduction
Terminologie
Outil Texte
Menu des polices
Texte simple
Texte en colonne
Zones de texte
Texte le long d'une courbe
&Eacute;dition de texte
V&eacute;rificateur d'orthographe
Synchronisation de texte &agrave; l'aide de groupes souples
Tabulations, marges et retraits
Les objets de renvoi de texte
Appliquer des styles de texte
Liens hypertextes
Texte &agrave; l'int&eacute;rieur de groupes pour sites Web
Copier les polices
Copier/coller un texte format&eacute; (RTF)
Visualiser les polices utilis&eacute;es actuellement
Int&eacute;gration des polices
Compatibilit&eacute; de texte navigateur
Page 383
Introduction
Les options d'&eacute;dition de texte de Xtreme Web Designer 5 sont tr&egrave;s proches de celles de votre &eacute;diteur
de texte ou de votre programme de traitement de texte, mais elles fournissent en outre une s&eacute;rie de
caract&eacute;ristiques que vous ne trouverez pas dans ces logiciels :
vous pouvez agrandir ou grossir un texte de fa&ccedil;on cons&eacute;quente.
Vous pouvez appliquer l'ensemble des attributs et des effets
de Xtreme Web Designer 5 : remplissages, estompage,
transparence, fondus de couleurs, ombres, tout en continuant
&agrave; &eacute;diter le texte.
Vous pouvez convertir les contours de personnages en
formes que vous pouvez &eacute;diter comme des formes normales.
Vous pouvez ajuster le texte &agrave; une courbe. Tout texte peut &ecirc;tre tourn&eacute;, inclin&eacute; ou &eacute;tir&eacute;.
Page 384
Terminologie
Police ou Style de police
: ensemble de caract&egrave;res ayant un style homog&egrave;ne.
Famille de police
: ensemble de polices similaires. Par exemple Garamond et Garamond Italic constituent des polices
diff&eacute;rentes de la m&ecirc;me famille Garamond.
Justification :
autre fa&ccedil;on de d&eacute;crire l'alignement d'un texte. Un texte align&eacute; &agrave; gauche est parfois dit justifi&eacute; &agrave; gauche.
Monospace
: les caract&egrave;res individuels d'une police monospace ont la m&ecirc;me largeur. Parfois d&eacute;sign&eacute;es comme des
polices &agrave; chasse fixe. Utile pour les listings de programmes. Courier est la police monospace la plus
r&eacute;pandue. La plupart des polices sont des polices espac&eacute;es proportionnellement, c'est-&agrave;-dire que les
caract&egrave;res varient en largeur.
Point
: la taille du texte ou de la police est g&eacute;n&eacute;ralement mesur&eacute;e en points, abr&eacute;g&eacute;e en pt. 1 pt correspond
environ &agrave; 1/72 de pouce ; ainsi un texte de 72 pt fait environ 1 pouce, bien que diff&eacute;rentes polices d'une
taille donn&eacute;e puissent varier.
Page 385
Outil Texte
Utilisez l'Outil Texte
(raccourci F8) pour saisir ou modifier du texte.
Xtreme Web Designer 5 prend en charge trois types d'objets-texte de base.
 Lignes de texte simple : cliquez sur la page et tapez votre texte.
 Colonnes de texte : cliquez et faites glisser le curseur de votre souris pour cr&eacute;er une colonne et
saisir le texte.
 Zones de texte : cliquez et faites glisser en diagonale pour cr&eacute;er une zone rectangulaire et saisir le
texte.
Apr&egrave;s avoir cr&eacute;&eacute; un objet-texte, vous pouvez le transformer (le faire tourner, le redimensionner, l'incliner)
et lui appliquer tous les attributs usuels, couleur de remplissage, transparence, estompage, etc. &agrave; l'aide
des outils habituels. Vous pouvez &eacute;galement l'attacher &agrave; une courbe. Le texte restera &eacute;ditable.
Page 386
Menu des polices
Le menu des polices comprend toutes les polices install&eacute;es et les classe en trois sections. La section
sup&eacute;rieure pr&eacute;sente toutes les polices utilis&eacute;es actuellement dans le document. La seconde section montre
les polices &laquo; Web safe &raquo;. Il s'agit des polices que vous pouvez utiliser en toute s&eacute;curit&eacute; sur les pages web
car tous les navigateurs Internet communs les prennent en charge. Pour en savoir plus, consultez la
section &laquo; Polices web safe &raquo;. La derni&egrave;re section affiche une liste alphab&eacute;tique de toutes les autres
polices install&eacute;es. Chaque nom de police est affich&eacute; dans le menu dans son propre type de caract&egrave;res
pour faciliter la s&eacute;lection.
Ces polices pour lesquelles de nombreux styles sont disponibles sont affich&eacute;es avec un petit triangle noir
sur le c&ocirc;t&eacute; droit du menu. Positionnez le pointeur de la souris sur le nom d'une de ces polices pour faire
appara&icirc;tre un petit sous-menu contenant une liste des styles disponibles pour cette police. Il vous suffit
alors de d&eacute;placer la souris sur le style d&eacute;sir&eacute; pour le s&eacute;lectionner.
Polices Web safe
Seul un petit ensemble de polices peut &ecirc;tre utilis&eacute; en toute s&eacute;curit&eacute; pour le texte principal d'un site
Internet – il s'agit des seules polices dont vous pouvez &ecirc;tre s&ucirc;r qu'elles existent sur l'ordinateur du visiteur.
Bien qu'il n'existe pas de garantie, il existe un sous-ensemble de polices largement utilis&eacute;es par environ
98 % des ordinateurs, y compris des ordinateurs Apple Mac et certains ordinateurs Linux. Ces polices
sont appel&eacute;es &laquo; Polices Web safe &raquo; et sont r&eacute;pertori&eacute;es dans une section s&eacute;par&eacute;e du menu des polices.
Si vous tentez d'exporter un site web en utilisant d'autres polices que les polices Web safe, vous serez
averti.
Pr&eacute;visualisation des polices en temps r&eacute;el
Lorsque vous d&eacute;placez le curseur de la souris sur une entr&eacute;e du menu des polices, le texte s&eacute;lectionn&eacute;
est alors pr&eacute;visualis&eacute; imm&eacute;diatement dans la police correspondante. Cette modification ne sera
Page 387
permanente que si vous cliquez sur cette police pour la s&eacute;lectionner. Lorsque vous bougez &agrave; nouveau la
souris, le texte sera de nouveau affich&eacute; dans la police d'origine jusqu'&agrave; ce que le curseur soit positionn&eacute; &agrave;
nouveau sur une autre police dans le menu. Cette fonction permet de visualiser tr&egrave;s rapidement un grand
nombre de polices.
Si vous maintenez la touche Maj enfonc&eacute;e lorsque vous parcourez le menu des polices, la s&eacute;lection n'est
pas mise &agrave; jour instantan&eacute;ment, une petite pause est n&eacute;cessaire avant la mise &agrave; jour. Cette fonction est
utile si vous trouvez que la pr&eacute;visualisation instantan&eacute;e ralentit votre parcours du menu (si vous avez
s&eacute;lectionn&eacute; un large volume de texte, par exemple).
Pr&eacute;visualisation de la taille des polices en temps r&eacute;el
&Agrave; c&ocirc;t&eacute; du menu de taille des polices se trouve un petit menu contextuel avec r&eacute;glette, similaire &agrave; celle
utilis&eacute;e dans Web Designer. Cela permet de contr&ocirc;ler directement et en temps r&eacute;el la taille des polices, et
ajustera la taille des polices du texte s&eacute;lectionn&eacute; en temps r&eacute;el lorsque vous d&eacute;placez la r&eacute;glette.
Comme les r&eacute;glettes utilis&eacute;es dans d'autres emplacements du programme, vous pouvez utiliser celle-ci de
deux mani&egrave;res diff&eacute;rentes. Pour afficher le menu, cliquez puis rel&acirc;chez. Vous pouvez maintenant d&eacute;placer
la r&eacute;glette ou utiliser la molette de la souris pour ajuster rapidement les valeurs. Dans ce cas, vous pouvez
ajuster tr&egrave;s rapidement la taille des points &agrave; l'aide de la souris et visionner directement le r&eacute;sultat sur la
page du document dans lequel vous travaillez.
Vous pouvez &eacute;galement utiliser les r&eacute;glettes du menu contextuel en cliquant puis tirant puis rel&acirc;chant le
bouton et la r&eacute;glette. Il s'agit d'une mani&egrave;re encore plus directe d'ajuster le contr&ocirc;le (moins de clics
requis).
Navigation du menu des polices instantan&eacute;es
Lorsque le menu des polices est affich&eacute;, vous pouvez entrer les premiers caract&egrave;res du nom de la police
et le menu d&eacute;filera automatiquement jusqu'&agrave; la section correspondante dans la liste. Par exemple, si vous
entrez &laquo; ver &raquo;, le menu va d&eacute;filer automatiquement jusqu'&agrave; la police Verdana.
Page 388
Polices Web safe
Seul un petit ensemble de polices peut &ecirc;tre utilis&eacute; en toute s&eacute;curit&eacute; pour le texte principal d'un site
Internet – il s'agit des seules polices dont vous pouvez &ecirc;tre s&ucirc;r qu'elles existent sur l'ordinateur du visiteur.
Bien qu'il n'existe pas de garantie, il existe un sous-ensemble de polices largement utilis&eacute;es par environ
98 % des ordinateurs, y compris des ordinateurs Apple Mac et certains ordinateurs Linux. Ces polices
sont appel&eacute;es &laquo; Polices Web safe &raquo; et sont r&eacute;pertori&eacute;es dans une section s&eacute;par&eacute;e du menu des polices.
Si vous tentez d'exporter un site web en utilisant d'autres polices que les polices Web safe, vous serez
averti.
Pr&eacute;visualisation des polices en temps r&eacute;el
Lorsque vous d&eacute;placez le curseur de la souris sur une entr&eacute;e du menu des polices, le texte s&eacute;lectionn&eacute;
est alors pr&eacute;visualis&eacute; imm&eacute;diatement dans la police correspondante. Cette modification ne sera
permanente que si vous cliquez sur cette police pour la s&eacute;lectionner. Lorsque vous bougez &agrave; nouveau la
souris, le texte sera de nouveau affich&eacute; dans la police d'origine jusqu'&agrave; ce que le curseur soit positionn&eacute; &agrave;
nouveau sur une autre police dans le menu. Cette fonction permet de visualiser tr&egrave;s rapidement un grand
nombre de polices.
Si vous maintenez la touche Maj enfonc&eacute;e lorsque vous parcourez le menu des polices, la s&eacute;lection n'est
pas mise &agrave; jour instantan&eacute;ment, une petite pause est n&eacute;cessaire avant la mise &agrave; jour. Cette fonction est
utile si vous trouvez que la pr&eacute;visualisation instantan&eacute;e ralentit votre parcours du menu (si vous avez
s&eacute;lectionn&eacute; un large volume de texte, par exemple).
Pr&eacute;visualisation de la taille des polices en temps r&eacute;el
&Agrave; c&ocirc;t&eacute; du menu de taille des polices se trouve un petit menu contextuel avec r&eacute;glette, similaire &agrave; celle
utilis&eacute;e dans Web Designer. Cela permet de contr&ocirc;ler directement et en temps r&eacute;el la taille des polices, et
ajustera la taille des polices du texte s&eacute;lectionn&eacute; en temps r&eacute;el lorsque vous d&eacute;placez la r&eacute;glette.
Comme les r&eacute;glettes utilis&eacute;es dans d'autres emplacements du programme, vous pouvez utiliser celle-ci de
deux mani&egrave;res diff&eacute;rentes. Pour afficher le menu, cliquez puis rel&acirc;chez. Vous pouvez maintenant d&eacute;placer
la r&eacute;glette ou utiliser la molette de la souris pour ajuster rapidement les valeurs. Dans ce cas, vous pouvez
ajuster tr&egrave;s rapidement la taille des points &agrave; l'aide de la souris et visionner directement le r&eacute;sultat sur la
page du document dans lequel vous travaillez.
Vous pouvez &eacute;galement utiliser les r&eacute;glettes du menu contextuel en cliquant puis tirant puis rel&acirc;chant le
bouton et la r&eacute;glette. Il s'agit d'une mani&egrave;re encore plus directe d'ajuster le contr&ocirc;le (moins de clics
requis).
Navigation du menu des polices instantan&eacute;es
Lorsque le menu des polices est affich&eacute;, vous pouvez entrer les premiers caract&egrave;res du nom de la police
et le menu d&eacute;filera automatiquement jusqu'&agrave; la section correspondante dans la liste. Par exemple, si vous
entrez &laquo; ver &raquo;, le menu va d&eacute;filer automatiquement jusqu'&agrave; la police Verdana.
Page 389
Pr&eacute;visualisation des polices en temps r&eacute;el
Lorsque vous d&eacute;placez le curseur de la souris sur une entr&eacute;e du menu des polices, le texte s&eacute;lectionn&eacute;
est alors pr&eacute;visualis&eacute; imm&eacute;diatement dans la police correspondante. Cette modification ne sera
permanente que si vous cliquez sur cette police pour la s&eacute;lectionner. Lorsque vous bougez &agrave; nouveau la
souris, le texte sera de nouveau affich&eacute; dans la police d'origine jusqu'&agrave; ce que le curseur soit positionn&eacute; &agrave;
nouveau sur une autre police dans le menu. Cette fonction permet de visualiser tr&egrave;s rapidement un grand
nombre de polices.
Si vous maintenez la touche Maj enfonc&eacute;e lorsque vous parcourez le menu des polices, la s&eacute;lection n'est
pas mise &agrave; jour instantan&eacute;ment, une petite pause est n&eacute;cessaire avant la mise &agrave; jour. Cette fonction est
utile si vous trouvez que la pr&eacute;visualisation instantan&eacute;e ralentit votre parcours du menu (si vous avez
s&eacute;lectionn&eacute; un large volume de texte, par exemple).
Pr&eacute;visualisation de la taille des polices en temps r&eacute;el
&Agrave; c&ocirc;t&eacute; du menu de taille des polices se trouve un petit menu contextuel avec r&eacute;glette, similaire &agrave; celle
utilis&eacute;e dans Web Designer. Cela permet de contr&ocirc;ler directement et en temps r&eacute;el la taille des polices, et
ajustera la taille des polices du texte s&eacute;lectionn&eacute; en temps r&eacute;el lorsque vous d&eacute;placez la r&eacute;glette.
Comme les r&eacute;glettes utilis&eacute;es dans d'autres emplacements du programme, vous pouvez utiliser celle-ci de
deux mani&egrave;res diff&eacute;rentes. Pour afficher le menu, cliquez puis rel&acirc;chez. Vous pouvez maintenant d&eacute;placer
la r&eacute;glette ou utiliser la molette de la souris pour ajuster rapidement les valeurs. Dans ce cas, vous pouvez
ajuster tr&egrave;s rapidement la taille des points &agrave; l'aide de la souris et visionner directement le r&eacute;sultat sur la
page du document dans lequel vous travaillez.
Vous pouvez &eacute;galement utiliser les r&eacute;glettes du menu contextuel en cliquant puis tirant puis rel&acirc;chant le
bouton et la r&eacute;glette. Il s'agit d'une mani&egrave;re encore plus directe d'ajuster le contr&ocirc;le (moins de clics
requis).
Navigation du menu des polices instantan&eacute;es
Lorsque le menu des polices est affich&eacute;, vous pouvez entrer les premiers caract&egrave;res du nom de la police
et le menu d&eacute;filera automatiquement jusqu'&agrave; la section correspondante dans la liste. Par exemple, si vous
entrez &laquo; ver &raquo;, le menu va d&eacute;filer automatiquement jusqu'&agrave; la police Verdana.
Page 390
Pr&eacute;visualisation de la taille des polices en temps r&eacute;el
&Agrave; c&ocirc;t&eacute; du menu de taille des polices se trouve un petit menu contextuel avec r&eacute;glette, similaire &agrave; celle
utilis&eacute;e dans Web Designer. Cela permet de contr&ocirc;ler directement et en temps r&eacute;el la taille des polices, et
ajustera la taille des polices du texte s&eacute;lectionn&eacute; en temps r&eacute;el lorsque vous d&eacute;placez la r&eacute;glette.
Comme les r&eacute;glettes utilis&eacute;es dans d'autres emplacements du programme, vous pouvez utiliser celle-ci de
deux mani&egrave;res diff&eacute;rentes. Pour afficher le menu, cliquez puis rel&acirc;chez. Vous pouvez maintenant d&eacute;placer
la r&eacute;glette ou utiliser la molette de la souris pour ajuster rapidement les valeurs. Dans ce cas, vous pouvez
ajuster tr&egrave;s rapidement la taille des points &agrave; l'aide de la souris et visionner directement le r&eacute;sultat sur la
page du document dans lequel vous travaillez.
Vous pouvez &eacute;galement utiliser les r&eacute;glettes du menu contextuel en cliquant puis tirant puis rel&acirc;chant le
bouton et la r&eacute;glette. Il s'agit d'une mani&egrave;re encore plus directe d'ajuster le contr&ocirc;le (moins de clics
requis).
Navigation du menu des polices instantan&eacute;es
Lorsque le menu des polices est affich&eacute;, vous pouvez entrer les premiers caract&egrave;res du nom de la police
et le menu d&eacute;filera automatiquement jusqu'&agrave; la section correspondante dans la liste. Par exemple, si vous
entrez &laquo; ver &raquo;, le menu va d&eacute;filer automatiquement jusqu'&agrave; la police Verdana.
Page 391
Navigation du menu des polices instantan&eacute;es
Lorsque le menu des polices est affich&eacute;, vous pouvez entrer les premiers caract&egrave;res du nom de la police
et le menu d&eacute;filera automatiquement jusqu'&agrave; la section correspondante dans la liste. Par exemple, si vous
entrez &laquo; ver &raquo;, le menu va d&eacute;filer automatiquement jusqu'&agrave; la police Verdana.
Page 392
Texte simple
Si vous souhaitez saisir une petite quantit&eacute; de texte simple, positionnez le pointeur o&ugrave; vous souhaitez le
faire puis cliquez. Un curseur rouge appara&icirc;t &agrave; l'endroit o&ugrave; vous avez cliqu&eacute; et vous pouvez alors
commencer la saisie &agrave; partir du clavier.
Si vous faites une erreur, utilisez Supprimer et Retour.
Appuyez sur Entr&eacute;e pour terminer la ligne et commencer une nouvelle ligne de texte en dessous.
L'espacement de l'interligne est command&eacute; par la bo&icirc;te de dialogue de l'espacement de ligne de la barre
d'infos.
Les contours de texte n'ont par d&eacute;faut aucune couleur. Pour attribuer une couleur aux contours du texte
s&eacute;lectionn&eacute;, cliquez sur une couleur de la palette en maintenant la touche Maj enfonc&eacute;e. Vous pouvez
ensuite ajuster l'&eacute;paisseur gr&acirc;ce &agrave; la fonction de largeur de ligne. Vous souhaitez s&ucirc;rement arrondir les
intersections
afin de lui conf&eacute;rer une apparence plus douce (contr&ocirc;le en haut de la Galerie des lignes).
La largeur de ligne est d&eacute;crite dans le chapitre Dessiner des lignes. L'application de couleurs est d&eacute;crite
dans le chapitre Utilisation des couleurs
.
Vous pouvez continuer &agrave; saisir du texte m&ecirc;me apr&egrave;s avoir appliqu&eacute; une rotation, une couleur de
remplissage ainsi que divers types d'effets en direct ou plac&eacute; le texte sur une courbe.
Page 393
Texte en colonne
Si vous saisissez de grandes quantit&eacute;s de texte, sur plusieurs lignes, l'utilisation d'une colonne sera sans
doute plus pratique. Le texte sera automatiquement r&eacute;organis&eacute; si vous modifiez la largeur de la colonne.
Saisir une colonne de texte :
1. S&eacute;lectionner l'Outil d'ajout de texte.
2. D&eacute;placez le pointeur de la souris o&ugrave; vous souhaitez que la colonne d&eacute;marre.
3. Faites-le glisser afin de cr&eacute;er une ligne horizontale de la largeur de la colonne. Cette ligne rouge
vous indiquera la largeur de la colonne. Elle ne sera pas imprim&eacute;e.
4. Saisissez le texte. Vous n'avez pas besoin d'appuyer sur entr&eacute;e &agrave; la fin de la ligne. Lorsque le
texte atteint le bord de la colonne, il continue automatiquement sur une nouvelle ligne.
Remarque
: si vous cliquez ailleurs ou si vous changez d'ouitl avant de commencer la saisie, la colonne de texte sera
supprim&eacute;e et il ne restera plus rien sur la page. Toutefois, ne commencez la saisie qu'apr&egrave;s avoir tir&eacute; la
ligne de la largeur de la colonne.
Au lieu de saisir le texte, vous pouvez cr&eacute;er le texte dans un &eacute;diteur de texte s&eacute;par&eacute;, ou dans un logiciel
de traitement de texte, le copier dans le presse-papier et le coller dans Xtreme Web Designer 5. La
fonction copier-coller supporte le texte au format RTF.
Les mots se r&eacute;partissent sur deux lignes uniquement s'ils comportent un tiret (touche moins).
L'effet de taper un tiret dans &laquo; running &raquo;
Si vous saisissez Ctrl+- (touche moins), cela ins&egrave;re un trait d'union
qui est en r&eacute;alit&eacute; un tiret apparaissant uniquement lorsque le mot peut &ecirc;tre coup&eacute; &agrave; la fin d'une ligne. Ceci
est particuli&egrave;rement utile dans les colonnes de texte &eacute;troites ; afin d'&eacute;viter trop de blancs, essayez de
mettre un trait d'union &agrave; certains mots. Si vous ins&eacute;rez un tiret demi-cadratin, le mot se coupera en fin de
ligne. On l'appelle &laquo; trait d'union &raquo; parce que lorsque le mot appara&icirc;t en milieu de ligne, le tiret dispara&icirc;t
(contrairement &agrave; un tiret demi-cadratin normal ou un tiret) et il coupe les mots intelligemment si besoin
est.
Lors de l'&eacute;dition du texte, un trait d'union est trait&eacute; comme un caract&egrave;re invisible (il n'occupe pas
d'espace), mais vous pouvez v&eacute;rifier qu'il est dans le texte en d&eacute;pla&ccedil;ant le curseur &agrave; gauche ou &agrave; droite
sur l'endroit o&ugrave; se trouve le caract&egrave;re invisible.
Un tiret
peut &ecirc;tre ins&eacute;r&eacute; en tapant Ctrl+Maj+ - (touche moins). Un tiret ne provoquera pas un retour &agrave; la ligne.
Ceci est tr&egrave;s utile lorsque vous avez des tirets dans des mots que vous ne souhaitez pas voir coup&eacute;s &agrave; la
fin de lignes.
Modifier la largeur de la colonne.
Tirer les deux poign&eacute;es rouges aux extr&eacute;mit&eacute;s de la ligne.
Modifier l'angle de la colonne
Maj+tirer l'une des deux poign&eacute;es rouges aux extr&eacute;mit&eacute;s de la ligne pour modifier l'angle de la colonne.
Autre possibilit&eacute; : Ctrl+tirer pour restreindre la ligne aux angles forc&eacute;s. Ou encore, vous pouvez utiliser l'
Outil de s&eacute;lection
pour faire tourner l'objet.
Pour plus d'informations sur les angles forc&eacute;s, voir le chapitre Introduction &agrave; Xtreme Web Designer 5.
Page 394
Modifier la largeur de la colonne.
Tirer les deux poign&eacute;es rouges aux extr&eacute;mit&eacute;s de la ligne.
Modifier l'angle de la colonne
Maj+tirer l'une des deux poign&eacute;es rouges aux extr&eacute;mit&eacute;s de la ligne pour modifier l'angle de la colonne.
Autre possibilit&eacute; : Ctrl+tirer pour restreindre la ligne aux angles forc&eacute;s. Ou encore, vous pouvez utiliser l'
Outil de s&eacute;lection
pour faire tourner l'objet.
Pour plus d'informations sur les angles forc&eacute;s, voir le chapitre Introduction &agrave; Xtreme Web Designer 5.
Page 395
Modifier l'angle de la colonne
Maj+tirer l'une des deux poign&eacute;es rouges aux extr&eacute;mit&eacute;s de la ligne pour modifier l'angle de la colonne.
Autre possibilit&eacute; : Ctrl+tirer pour restreindre la ligne aux angles forc&eacute;s. Ou encore, vous pouvez utiliser l'
Outil de s&eacute;lection
pour faire tourner l'objet.
Pour plus d'informations sur les angles forc&eacute;s, voir le chapitre Introduction &agrave; Xtreme Web Designer 5.
Page 396
Zones de texte
Dans l'Outil Texte
, si vous cliquez et tirez diagonalement sur la page, vous cr&eacute;erez une zone de texte rectangulaire. Le
curseur clignotant se positionnera en haut &agrave; gauche et vous pourrez saisir ou coller du texte.
Une zone de texte peut contenir un texte &laquo; fluide &raquo;. Il s'agit d'un bloc de texte unique, coulant d'une zone
de texte &agrave; l'autre. On parle d'un texte fluide car, tout comme l'eau, lorsque vous ajoutez ou supprimez du
texte dans une zone, il s'adapte en fonction des zones de texte connect&eacute;es.
Si le texte d&eacute;passe du bas de la zone de texte, le texte d&eacute;passant sera gris&eacute; mais il sera possible de
continuer &agrave; l'&eacute;diter normalement.
Connecter les zones de texte—flux de texte
Lorsque le texte d&eacute;passe du bas de la zone de texte, un indicateur de d&eacute;passement s'affiche au bas de la
zone de texte. Si vous le faites glisser au-dessus de tout autre zone de texte, le texte d&eacute;passant s'&eacute;coulera
dans la nouvelle zone de texte et les deux zones seront connect&eacute;es. Ceci est indiqu&eacute; par une fl&egrave;che de
flux.
Faites glisser l'indicateur de d&eacute;passement d'une zone de texte &agrave; l'autre pour connecter deux zones de
fa&ccedil;on &agrave; ce que le texte s'&eacute;coule de l'une vers l'autre. Vous pouvez en lier autant que vous le souhaitez.
Astuce :
il existe un moyen rapide de cr&eacute;er du texte fluide. Si le curseur de texte se trouve dans une zone avec du
texte qui d&eacute;passe, cliquer-tirer sur la page pour cr&eacute;er une nouvelle zone de texte. La nouvelle zone de
texte sera automatiquement connect&eacute;e et le texte s'&eacute;coulera dans la nouvelle zone.
Astuce :
vous pouvez faire passer du texte d'une zone vers une autre sur n'importe quelle page, m&ecirc;me des pages
pr&eacute;c&eacute;dentes. Si vous avez besoin de faire passer du texte dans une zone situ&eacute;e de nombreuses pages
auparavant, il sera sans doute plus facile d'utiliser la m&eacute;thode ci-dessus ; &agrave; moins que vous ne fassiez un
zoom arri&egrave;re afin d'obtenir de petites pages vous permettant de faire glisser la fl&egrave;che de d&eacute;passement par
dessus les pages.
Pour d&eacute;connecter une zone de texte d'une autre, faites glisser l'indicateur de d&eacute;passement et d&eacute;posez-le
hors d'une zone de texte.
Si vous supprimez une zone de texte connect&eacute;e &agrave; une autre, seule la zone sera supprim&eacute;e, le texte
passera sur les zones de texte restantes.
Redimensionner des zones de texte
Dans l'Outil Texte
, vous pouvez cliquer et tirer sur l'une des poign&eacute;es de contr&ocirc;le d'angle. Le texte dans la zone sera
reformat&eacute; afin de s'ajuster &agrave; la nouvelle taille.
Vous pouvez &eacute;galement utiliser l'Outil de s&eacute;lection pour redimensionner l'objet-texte, mais dans ce
cas-l&agrave;, le comportement sera diff&eacute;rent. C'est la taille du texte lui-m&ecirc;me qui change si vous redimensionnez
un texte &agrave; l'aide de l'Outil de s&eacute;lection. Ceci est coh&eacute;rent par rapport au mode de fonctionnement normal
de l'Outil de s&eacute;lection
.
Toutefois, dans le cas de zones de texte fluide, il existe un risque d'effets secondaires ind&eacute;sirables : vous
ne souhaitez sans doute pas qu'une partie d'un texte fluide diff&egrave;re d'un point de taille du reste. Le
Page 397
comportement de l'Outil de s&eacute;lection
varie si vous redimensionnez une zone de texte contenant un texte fluide ou si vous redimensionnez
l'ensemble du texte. La r&egrave;gle &agrave; suivre est la suivante :
 Si vous redimensionnez une zone de texte simple non connect&eacute;e (ou une colonne simple ou de
texte), alors le &laquo; contenant &raquo; de la zone et le contenu du texte seront redimensionn&eacute;s ensemble.
 Si vous s&eacute;lectionnez les zones de texte de l'ensemble du texte fluide (elles doivent se trouver sur
une seule et m&ecirc;me page), le redimensionnement s'effectuera &agrave; la fois sur le texte et sur les zones.
 Mais si vous redimensionnez une zone de texte faisant partie d'une s&eacute;rie de zones de texte, seule
la taille du contenant sera modifi&eacute;e et le texte &agrave; l'int&eacute;rieur conservera sa taille originale et sera
reformat&eacute; pour s'ajuster &agrave; la nouvelle taille. Ceci rappelle le redimensionnement d'une zone de
texte avec l'Outil Texte.
Si vous souhaitez redimensionner tout le texte d'un article de texte, s&eacute;lectionnez-le int&eacute;gralement &agrave; l'aide
de &laquo; Ctrl+A &raquo; et appliquez-lui la taille de police souhait&eacute;e.
Vous pouvez faire pivoter une zone de texte &agrave; l'aide de l'Outil de s&eacute;lection
comme d'habitude, et le texte s'&laquo; &eacute;coulera &raquo; normalement par la zone de texte pivot&eacute;e.
Le flux de texte ne sera pas affect&eacute; si vous faites tourner n'importe quelle zone de texte.
Maintenez la touche CTRL enfonc&eacute;e lorsque vous faites tourner pour contraindre l'angle de rotation du
texte &agrave; des angles de 90 degr&eacute;s et &agrave; des angles align&eacute;s le long de l'&eacute;cran.
Compte de mots
Le compte de mots et de caract&egrave;res total du texte courant est affich&eacute; dans la ligne de statut. Elle affiche
aussi le nombre de mots d&eacute;passant. Si une section du texte est s&eacute;lectionn&eacute;e, elle affiche le compte de
cette s&eacute;lection &agrave; la place.
Page 398
Connecter les zones de texte—flux de texte
Lorsque le texte d&eacute;passe du bas de la zone de texte, un indicateur de d&eacute;passement s'affiche au bas de la
zone de texte. Si vous le faites glisser au-dessus de tout autre zone de texte, le texte d&eacute;passant s'&eacute;coulera
dans la nouvelle zone de texte et les deux zones seront connect&eacute;es. Ceci est indiqu&eacute; par une fl&egrave;che de
flux.
Faites glisser l'indicateur de d&eacute;passement d'une zone de texte &agrave; l'autre pour connecter deux zones de
fa&ccedil;on &agrave; ce que le texte s'&eacute;coule de l'une vers l'autre. Vous pouvez en lier autant que vous le souhaitez.
Astuce :
il existe un moyen rapide de cr&eacute;er du texte fluide. Si le curseur de texte se trouve dans une zone avec du
texte qui d&eacute;passe, cliquer-tirer sur la page pour cr&eacute;er une nouvelle zone de texte. La nouvelle zone de
texte sera automatiquement connect&eacute;e et le texte s'&eacute;coulera dans la nouvelle zone.
Astuce :
vous pouvez faire passer du texte d'une zone vers une autre sur n'importe quelle page, m&ecirc;me des pages
pr&eacute;c&eacute;dentes. Si vous avez besoin de faire passer du texte dans une zone situ&eacute;e de nombreuses pages
auparavant, il sera sans doute plus facile d'utiliser la m&eacute;thode ci-dessus ; &agrave; moins que vous ne fassiez un
zoom arri&egrave;re afin d'obtenir de petites pages vous permettant de faire glisser la fl&egrave;che de d&eacute;passement par
dessus les pages.
Pour d&eacute;connecter une zone de texte d'une autre, faites glisser l'indicateur de d&eacute;passement et d&eacute;posez-le
hors d'une zone de texte.
Si vous supprimez une zone de texte connect&eacute;e &agrave; une autre, seule la zone sera supprim&eacute;e, le texte
passera sur les zones de texte restantes.
Redimensionner des zones de texte
Dans l'Outil Texte
, vous pouvez cliquer et tirer sur l'une des poign&eacute;es de contr&ocirc;le d'angle. Le texte dans la zone sera
reformat&eacute; afin de s'ajuster &agrave; la nouvelle taille.
Vous pouvez &eacute;galement utiliser l'Outil de s&eacute;lection pour redimensionner l'objet-texte, mais dans ce
cas-l&agrave;, le comportement sera diff&eacute;rent. C'est la taille du texte lui-m&ecirc;me qui change si vous redimensionnez
un texte &agrave; l'aide de l'Outil de s&eacute;lection. Ceci est coh&eacute;rent par rapport au mode de fonctionnement normal
de l'Outil de s&eacute;lection
.
Toutefois, dans le cas de zones de texte fluide, il existe un risque d'effets secondaires ind&eacute;sirables : vous
ne souhaitez sans doute pas qu'une partie d'un texte fluide diff&egrave;re d'un point de taille du reste. Le
comportement de l'Outil de s&eacute;lection
varie si vous redimensionnez une zone de texte contenant un texte fluide ou si vous redimensionnez
l'ensemble du texte. La r&egrave;gle &agrave; suivre est la suivante :
 Si vous redimensionnez une zone de texte simple non connect&eacute;e (ou une colonne simple ou de
texte), alors le &laquo; contenant &raquo; de la zone et le contenu du texte seront redimensionn&eacute;s ensemble.
 Si vous s&eacute;lectionnez les zones de texte de l'ensemble du texte fluide (elles doivent se trouver sur
une seule et m&ecirc;me page), le redimensionnement s'effectuera &agrave; la fois sur le texte et sur les zones.
 Mais si vous redimensionnez une zone de texte faisant partie d'une s&eacute;rie de zones de texte, seule
la taille du contenant sera modifi&eacute;e et le texte &agrave; l'int&eacute;rieur conservera sa taille originale et sera
reformat&eacute; pour s'ajuster &agrave; la nouvelle taille. Ceci rappelle le redimensionnement d'une zone de
texte avec l'Outil Texte.
Page 399
Si vous souhaitez redimensionner tout le texte d'un article de texte, s&eacute;lectionnez-le int&eacute;gralement &agrave; l'aide
de &laquo; Ctrl+A &raquo; et appliquez-lui la taille de police souhait&eacute;e.
Vous pouvez faire pivoter une zone de texte &agrave; l'aide de l'Outil de s&eacute;lection
comme d'habitude, et le texte s'&laquo; &eacute;coulera &raquo; normalement par la zone de texte pivot&eacute;e.
Le flux de texte ne sera pas affect&eacute; si vous faites tourner n'importe quelle zone de texte.
Maintenez la touche CTRL enfonc&eacute;e lorsque vous faites tourner pour contraindre l'angle de rotation du
texte &agrave; des angles de 90 degr&eacute;s et &agrave; des angles align&eacute;s le long de l'&eacute;cran.
Compte de mots
Le compte de mots et de caract&egrave;res total du texte courant est affich&eacute; dans la ligne de statut. Elle affiche
aussi le nombre de mots d&eacute;passant. Si une section du texte est s&eacute;lectionn&eacute;e, elle affiche le compte de
cette s&eacute;lection &agrave; la place.
Page 400
Redimensionner des zones de texte
Dans l'Outil Texte
, vous pouvez cliquer et tirer sur l'une des poign&eacute;es de contr&ocirc;le d'angle. Le texte dans la zone sera
reformat&eacute; afin de s'ajuster &agrave; la nouvelle taille.
Vous pouvez &eacute;galement utiliser l'Outil de s&eacute;lection pour redimensionner l'objet-texte, mais dans ce
cas-l&agrave;, le comportement sera diff&eacute;rent. C'est la taille du texte lui-m&ecirc;me qui change si vous redimensionnez
un texte &agrave; l'aide de l'Outil de s&eacute;lection. Ceci est coh&eacute;rent par rapport au mode de fonctionnement normal
de l'Outil de s&eacute;lection
.
Toutefois, dans le cas de zones de texte fluide, il existe un risque d'effets secondaires ind&eacute;sirables : vous
ne souhaitez sans doute pas qu'une partie d'un texte fluide diff&egrave;re d'un point de taille du reste. Le
comportement de l'Outil de s&eacute;lection
varie si vous redimensionnez une zone de texte contenant un texte fluide ou si vous redimensionnez
l'ensemble du texte. La r&egrave;gle &agrave; suivre est la suivante :
 Si vous redimensionnez une zone de texte simple non connect&eacute;e (ou une colonne simple ou de
texte), alors le &laquo; contenant &raquo; de la zone et le contenu du texte seront redimensionn&eacute;s ensemble.
 Si vous s&eacute;lectionnez les zones de texte de l'ensemble du texte fluide (elles doivent se trouver sur
une seule et m&ecirc;me page), le redimensionnement s'effectuera &agrave; la fois sur le texte et sur les zones.
 Mais si vous redimensionnez une zone de texte faisant partie d'une s&eacute;rie de zones de texte, seule
la taille du contenant sera modifi&eacute;e et le texte &agrave; l'int&eacute;rieur conservera sa taille originale et sera
reformat&eacute; pour s'ajuster &agrave; la nouvelle taille. Ceci rappelle le redimensionnement d'une zone de
texte avec l'Outil Texte.
Si vous souhaitez redimensionner tout le texte d'un article de texte, s&eacute;lectionnez-le int&eacute;gralement &agrave; l'aide
de &laquo; Ctrl+A &raquo; et appliquez-lui la taille de police souhait&eacute;e.
Vous pouvez faire pivoter une zone de texte &agrave; l'aide de l'Outil de s&eacute;lection
comme d'habitude, et le texte s'&laquo; &eacute;coulera &raquo; normalement par la zone de texte pivot&eacute;e.
Le flux de texte ne sera pas affect&eacute; si vous faites tourner n'importe quelle zone de texte.
Maintenez la touche CTRL enfonc&eacute;e lorsque vous faites tourner pour contraindre l'angle de rotation du
texte &agrave; des angles de 90 degr&eacute;s et &agrave; des angles align&eacute;s le long de l'&eacute;cran.
Compte de mots
Le compte de mots et de caract&egrave;res total du texte courant est affich&eacute; dans la ligne de statut. Elle affiche
aussi le nombre de mots d&eacute;passant. Si une section du texte est s&eacute;lectionn&eacute;e, elle affiche le compte de
cette s&eacute;lection &agrave; la place.
Page 401
Compte de mots
Le compte de mots et de caract&egrave;res total du texte courant est affich&eacute; dans la ligne de statut. Elle affiche
aussi le nombre de mots d&eacute;passant. Si une section du texte est s&eacute;lectionn&eacute;e, elle affiche le compte de
cette s&eacute;lection &agrave; la place.
Page 402
Texte le long d'une courbe
Pour placer du texte le long d'une courbe de votre choix :
1. Cr&eacute;ez soit un texte
basique, un texte en
colonne ou une zone de
texte (voir plus haut).
2. S&eacute;lectionnez votre
objet-texte et une courbe.
3. Choisissez Arranger -&gt;
Ajuster le texte &agrave; la
courbe.
Vous pouvez &eacute;galement s&eacute;lectionner une courbe ou une ligne puis cliquer sur la ligne o&ugrave; vous souhaitez
que le texte d&eacute;marre dans l'Outil Texte
et le saisir. Ceci ajustera automatiquement le texte le long de la ligne. Lorsque vous atteignez l'extr&eacute;mit&eacute;
de la ligne, le texte revient &agrave; la ligne, juste en dessous du d&eacute;but de la pr&eacute;c&eacute;dente.
Si vous ne voulez pas que le texte revienne &agrave; la ligne, cliquez sur &laquo; shift+clic &raquo; sur la ligne.
Pour masquer la courbe afin qu'elle ne soit pas visible, s&eacute;lectionnez l'Outil de changement de formes
et r&eacute;glez la couleur de la ligne sur Aucune couleur ou une largeur de Aucun
. Vous pouvez &eacute;galement &eacute;diter la courbe normalement de cette fa&ccedil;on.
L'application de couleurs est d&eacute;crite dans le chapitre Utilisation des couleurs
.
Ajuster la marge gauche et droite d'un texte &agrave; une courbe
Si vous commencez &agrave; saisir ou placer une colonne de texte sur une courbe, vous pouvez changer la
position de d&eacute;part et de fin des poign&eacute;es rouges. Il vous suffit de les tirer le long de la courbe comme
requis. Si vous centrez du texte, il se trouvera entre ces deux marges.
&Eacute;changer les c&ocirc;t&eacute;s de la ligne
Cliquer droit sur le texte et s&eacute;lectionner l'option de menu Inverser le texte sur la courbe
.
Vous pouvez aussi inverser la direction de la ligne (Outil de changement de formes, bouton Inverser
les chemins
sur la barre d'infos), le texte se d&eacute;placera de l'autre c&ocirc;t&eacute; de la ligne ou, dans le cas d'une forme ferm&eacute;e,
passera de l'int&eacute;rieur &agrave; l'ext&eacute;rieur de la forme.
Page 403
Ajuster la marge gauche et droite d'un texte &agrave; une courbe
Si vous commencez &agrave; saisir ou placer une colonne de texte sur une courbe, vous pouvez changer la
position de d&eacute;part et de fin des poign&eacute;es rouges. Il vous suffit de les tirer le long de la courbe comme
requis. Si vous centrez du texte, il se trouvera entre ces deux marges.
&Eacute;changer les c&ocirc;t&eacute;s de la ligne
Cliquer droit sur le texte et s&eacute;lectionner l'option de menu Inverser le texte sur la courbe
.
Vous pouvez aussi inverser la direction de la ligne (Outil de changement de formes, bouton Inverser
les chemins
sur la barre d'infos), le texte se d&eacute;placera de l'autre c&ocirc;t&eacute; de la ligne ou, dans le cas d'une forme ferm&eacute;e,
passera de l'int&eacute;rieur &agrave; l'ext&eacute;rieur de la forme.
Page 404
&Eacute;changer les c&ocirc;t&eacute;s de la ligne
Cliquer droit sur le texte et s&eacute;lectionner l'option de menu Inverser le texte sur la courbe
.
Vous pouvez aussi inverser la direction de la ligne (Outil de changement de formes, bouton Inverser
les chemins
sur la barre d'infos), le texte se d&eacute;placera de l'autre c&ocirc;t&eacute; de la ligne ou, dans le cas d'une forme ferm&eacute;e,
passera de l'int&eacute;rieur &agrave; l'ext&eacute;rieur de la forme.
Page 405
&Eacute;dition de texte
Double-cliquer sur un objet-texte d'un outil quelconque vous fait passer sur l'Outil Texte
et place le curseur de la souris sur la position de clic dans le texte.
Toutes les op&eacute;rations usuelles des logiciels de traitement de texte effectu&eacute;es avec le curseur et la souris
sont disponibles. Par exemple :
 Cliquez o&ugrave; vous souhaitez placer le curseur.
 Utilisez les touches fl&eacute;ch&eacute;es pour vous d&eacute;placez vers la droite, la gauche, le haut ou le bas.
 Utilisez &laquo; Ctrl+les touches fl&eacute;ch&eacute;es de droite et de gauche &raquo; pour vous d&eacute;placer un mot vers la
droite ou la gauche.
 Appuyer sur &laquo; D&eacute;but &raquo; ou &laquo; Fin &raquo; pour aller au d&eacute;but ou &agrave; la fin de la ligne.
 Appuyer sur &laquo; Ctrl + D&eacute;but &raquo; ou &laquo; Ctrl + Fin &raquo; pour aller au d&eacute;but ou &agrave; la fin de l'objet texte.
S&eacute;lection du texte :
 &quot;shift+ une &raquo; des touches ci-dessus pour s&eacute;lectionner du texte
 Un double-clic s&eacute;lectionne un mot.
 Un triple clic, ou &laquo; Ctrl+L &raquo;, s&eacute;lectionne une ligne enti&egrave;re de texte.
 Un quadruple clic (4x) s&eacute;lectionne un paragraphe de texte entier.
 Ou survolez seulement le texte dans l'Outil Texte pour le s&eacute;lectionner.
 &laquo; Ctrl + A &raquo; s&eacute;lectionne l'ensemble du texte de l'objet-texte (vous devez pour cela vous trouver
dans l'Outil Texte.)
Si du texte est s&eacute;lectionn&eacute;, tout modification d'un attribut s'appliquera uniquement &agrave; la section
s&eacute;lectionn&eacute;e du texte. Si votre curseur se trouve simplement dans le texte, toute modification d'attribut,
telle que la s&eacute;lection une nouvelle couleur, n'appara&icirc;tra que lorsque vous saisirez un nouveau texte.
S&eacute;lectionner la totalit&eacute; de l'objet texte
Il existe un raccourci rapide permettant de s&eacute;lectionner la totalit&eacute; de l'objet texte. Au lieu d'utiliser
Ctrl+A ou de passer sur tout le texte, appuyez simplement sur la touche Echap
. Cela supprimera le curseur mais s&eacute;lectionnera la totalit&eacute; du texte (la ligne de statut confirmera 1 objet
texte). L'application d'un effet ou d'un attribut &agrave; l'ensemble de l'article de texte est ainsi grandement
facilit&eacute;e.
Par exemple, pour changer la taille de police de l'ensemble de l'objet texte, appuyez simplement sur
Echap
et s&eacute;lectionnez la nouvelle taille dans la barre d'infos.
Changer la casse
Appuyer sur Ctrl+W pour changer la casse du caract&egrave;re apr&egrave;s le curseur de texte et avancer le curseur.
Ainsi, si vous avez saisi une section de texte avec la touche verrou maj activ&eacute;e involontairement, placez
simplement le curseur au d&eacute;but et appuyez en maintenant les touches Ctrl+W enfonc&eacute;es.
Vous pouvez changer la casse d'une section de texte s&eacute;lectionn&eacute;e de la m&ecirc;me mani&egrave;re. Le curseur ne
sera pas d&eacute;plac&eacute;.
Guillemets intelligents
Lorsque vous tapez des guillemets simples ' ou des guillemets doubles &quot; Xtreme les convertit
automatiquement en guillemets ouvrant ou fermant appropri&eacute;s et visuellement adapt&eacute;s. Ainsi, cela
modifie 'ceci' en 'cela' et les &quot;guillemets&quot; en &laquo; guillemets &raquo;. Le programme est assez intelligent pour
assimiler l'utilisation d'apostrophes dans les mots rempla&ccedil;ant un caract&egrave;re manquant, tel que 'don't' qui
devient 'don't'
.
Page 406
Saisir des caract&egrave;res sp&eacute;ciaux
Il existe de nombreux raccourcis utiles permettant l'insertion de caract&egrave;res sp&eacute;ciaux, tels que &copy; ou ™.
Voir la section Caract&egrave;res sp&eacute;ciaux (dans l'outil d'ajout de texte)
du chapitre &laquo; Menus et raccourcis clavier &raquo;.
Tous ces raccourcis (&agrave; l'exception de l'espace ins&eacute;cable) sont compatibles avec Microsoft Word.
Utilisation de texte factice (&laquo; Lorem Ipsum &raquo;)
Lors de la cr&eacute;ation de mises en page, il est courant de se servir d'un texte factice, qui a l'apparence d'un
texte avec des caract&egrave;res typiquement latins mais ne veut rien dire du tout. Ce texte commence par
&laquo; Lorem ipsum dolor sit amet... &raquo;.
Note historique : ce m&ecirc;me texte factice est utilis&eacute; depuis plus de 500 ans dans le domaine de l'imprimerie
et des parties de ce texte en latin appartiennent &agrave; de vrais textes &eacute;crits il y a de cela plus de 2000 ans.
Vous pouvez ins&eacute;rer un paragraphe de texte factice en utilisant la combinaison Ctrl+Maj+L (L pour
Lorem) lorsque vous vous trouvez dans l'outil texte. Si vous voulez ins&eacute;rer plus de texte, r&eacute;p&eacute;tez cette
combinaison plusieurs fois.
Page 407
S&eacute;lectionner la totalit&eacute; de l'objet texte
Il existe un raccourci rapide permettant de s&eacute;lectionner la totalit&eacute; de l'objet texte. Au lieu d'utiliser
Ctrl+A ou de passer sur tout le texte, appuyez simplement sur la touche Echap
. Cela supprimera le curseur mais s&eacute;lectionnera la totalit&eacute; du texte (la ligne de statut confirmera 1 objet
texte). L'application d'un effet ou d'un attribut &agrave; l'ensemble de l'article de texte est ainsi grandement
facilit&eacute;e.
Par exemple, pour changer la taille de police de l'ensemble de l'objet texte, appuyez simplement sur
Echap
et s&eacute;lectionnez la nouvelle taille dans la barre d'infos.
Changer la casse
Appuyer sur Ctrl+W pour changer la casse du caract&egrave;re apr&egrave;s le curseur de texte et avancer le curseur.
Ainsi, si vous avez saisi une section de texte avec la touche verrou maj activ&eacute;e involontairement, placez
simplement le curseur au d&eacute;but et appuyez en maintenant les touches Ctrl+W enfonc&eacute;es.
Vous pouvez changer la casse d'une section de texte s&eacute;lectionn&eacute;e de la m&ecirc;me mani&egrave;re. Le curseur ne
sera pas d&eacute;plac&eacute;.
Guillemets intelligents
Lorsque vous tapez des guillemets simples ' ou des guillemets doubles &quot; Xtreme les convertit
automatiquement en guillemets ouvrant ou fermant appropri&eacute;s et visuellement adapt&eacute;s. Ainsi, cela
modifie 'ceci' en 'cela' et les &quot;guillemets&quot; en &laquo; guillemets &raquo;. Le programme est assez intelligent pour
assimiler l'utilisation d'apostrophes dans les mots rempla&ccedil;ant un caract&egrave;re manquant, tel que 'don't' qui
devient 'don't'
.
Saisir des caract&egrave;res sp&eacute;ciaux
Il existe de nombreux raccourcis utiles permettant l'insertion de caract&egrave;res sp&eacute;ciaux, tels que &copy; ou ™.
Voir la section Caract&egrave;res sp&eacute;ciaux (dans l'outil d'ajout de texte)
du chapitre &laquo; Menus et raccourcis clavier &raquo;.
Tous ces raccourcis (&agrave; l'exception de l'espace ins&eacute;cable) sont compatibles avec Microsoft Word.
Utilisation de texte factice (&laquo; Lorem Ipsum &raquo;)
Lors de la cr&eacute;ation de mises en page, il est courant de se servir d'un texte factice, qui a l'apparence d'un
texte avec des caract&egrave;res typiquement latins mais ne veut rien dire du tout. Ce texte commence par
&laquo; Lorem ipsum dolor sit amet... &raquo;.
Note historique : ce m&ecirc;me texte factice est utilis&eacute; depuis plus de 500 ans dans le domaine de l'imprimerie
et des parties de ce texte en latin appartiennent &agrave; de vrais textes &eacute;crits il y a de cela plus de 2000 ans.
Vous pouvez ins&eacute;rer un paragraphe de texte factice en utilisant la combinaison Ctrl+Maj+L (L pour
Lorem) lorsque vous vous trouvez dans l'outil texte. Si vous voulez ins&eacute;rer plus de texte, r&eacute;p&eacute;tez cette
combinaison plusieurs fois.
Page 408
Changer la casse
Appuyer sur Ctrl+W pour changer la casse du caract&egrave;re apr&egrave;s le curseur de texte et avancer le curseur.
Ainsi, si vous avez saisi une section de texte avec la touche verrou maj activ&eacute;e involontairement, placez
simplement le curseur au d&eacute;but et appuyez en maintenant les touches Ctrl+W enfonc&eacute;es.
Vous pouvez changer la casse d'une section de texte s&eacute;lectionn&eacute;e de la m&ecirc;me mani&egrave;re. Le curseur ne
sera pas d&eacute;plac&eacute;.
Guillemets intelligents
Lorsque vous tapez des guillemets simples ' ou des guillemets doubles &quot; Xtreme les convertit
automatiquement en guillemets ouvrant ou fermant appropri&eacute;s et visuellement adapt&eacute;s. Ainsi, cela
modifie 'ceci' en 'cela' et les &quot;guillemets&quot; en &laquo; guillemets &raquo;. Le programme est assez intelligent pour
assimiler l'utilisation d'apostrophes dans les mots rempla&ccedil;ant un caract&egrave;re manquant, tel que 'don't' qui
devient 'don't'
.
Saisir des caract&egrave;res sp&eacute;ciaux
Il existe de nombreux raccourcis utiles permettant l'insertion de caract&egrave;res sp&eacute;ciaux, tels que &copy; ou ™.
Voir la section Caract&egrave;res sp&eacute;ciaux (dans l'outil d'ajout de texte)
du chapitre &laquo; Menus et raccourcis clavier &raquo;.
Tous ces raccourcis (&agrave; l'exception de l'espace ins&eacute;cable) sont compatibles avec Microsoft Word.
Utilisation de texte factice (&laquo; Lorem Ipsum &raquo;)
Lors de la cr&eacute;ation de mises en page, il est courant de se servir d'un texte factice, qui a l'apparence d'un
texte avec des caract&egrave;res typiquement latins mais ne veut rien dire du tout. Ce texte commence par
&laquo; Lorem ipsum dolor sit amet... &raquo;.
Note historique : ce m&ecirc;me texte factice est utilis&eacute; depuis plus de 500 ans dans le domaine de l'imprimerie
et des parties de ce texte en latin appartiennent &agrave; de vrais textes &eacute;crits il y a de cela plus de 2000 ans.
Vous pouvez ins&eacute;rer un paragraphe de texte factice en utilisant la combinaison Ctrl+Maj+L (L pour
Lorem) lorsque vous vous trouvez dans l'outil texte. Si vous voulez ins&eacute;rer plus de texte, r&eacute;p&eacute;tez cette
combinaison plusieurs fois.
Page 409
Guillemets intelligents
Lorsque vous tapez des guillemets simples ' ou des guillemets doubles &quot; Xtreme les convertit
automatiquement en guillemets ouvrant ou fermant appropri&eacute;s et visuellement adapt&eacute;s. Ainsi, cela
modifie 'ceci' en 'cela' et les &quot;guillemets&quot; en &laquo; guillemets &raquo;. Le programme est assez intelligent pour
assimiler l'utilisation d'apostrophes dans les mots rempla&ccedil;ant un caract&egrave;re manquant, tel que 'don't' qui
devient 'don't'
.
Saisir des caract&egrave;res sp&eacute;ciaux
Il existe de nombreux raccourcis utiles permettant l'insertion de caract&egrave;res sp&eacute;ciaux, tels que &copy; ou ™.
Voir la section Caract&egrave;res sp&eacute;ciaux (dans l'outil d'ajout de texte)
du chapitre &laquo; Menus et raccourcis clavier &raquo;.
Tous ces raccourcis (&agrave; l'exception de l'espace ins&eacute;cable) sont compatibles avec Microsoft Word.
Utilisation de texte factice (&laquo; Lorem Ipsum &raquo;)
Lors de la cr&eacute;ation de mises en page, il est courant de se servir d'un texte factice, qui a l'apparence d'un
texte avec des caract&egrave;res typiquement latins mais ne veut rien dire du tout. Ce texte commence par
&laquo; Lorem ipsum dolor sit amet... &raquo;.
Note historique : ce m&ecirc;me texte factice est utilis&eacute; depuis plus de 500 ans dans le domaine de l'imprimerie
et des parties de ce texte en latin appartiennent &agrave; de vrais textes &eacute;crits il y a de cela plus de 2000 ans.
Vous pouvez ins&eacute;rer un paragraphe de texte factice en utilisant la combinaison Ctrl+Maj+L (L pour
Lorem) lorsque vous vous trouvez dans l'outil texte. Si vous voulez ins&eacute;rer plus de texte, r&eacute;p&eacute;tez cette
combinaison plusieurs fois.
Page 410
Saisir des caract&egrave;res sp&eacute;ciaux
Il existe de nombreux raccourcis utiles permettant l'insertion de caract&egrave;res sp&eacute;ciaux, tels que &copy; ou ™.
Voir la section Caract&egrave;res sp&eacute;ciaux (dans l'outil d'ajout de texte)
du chapitre &laquo; Menus et raccourcis clavier &raquo;.
Tous ces raccourcis (&agrave; l'exception de l'espace ins&eacute;cable) sont compatibles avec Microsoft Word.
Utilisation de texte factice (&laquo; Lorem Ipsum &raquo;)
Lors de la cr&eacute;ation de mises en page, il est courant de se servir d'un texte factice, qui a l'apparence d'un
texte avec des caract&egrave;res typiquement latins mais ne veut rien dire du tout. Ce texte commence par
&laquo; Lorem ipsum dolor sit amet... &raquo;.
Note historique : ce m&ecirc;me texte factice est utilis&eacute; depuis plus de 500 ans dans le domaine de l'imprimerie
et des parties de ce texte en latin appartiennent &agrave; de vrais textes &eacute;crits il y a de cela plus de 2000 ans.
Vous pouvez ins&eacute;rer un paragraphe de texte factice en utilisant la combinaison Ctrl+Maj+L (L pour
Lorem) lorsque vous vous trouvez dans l'outil texte. Si vous voulez ins&eacute;rer plus de texte, r&eacute;p&eacute;tez cette
combinaison plusieurs fois.
Page 411
Utilisation de texte factice (&laquo; Lorem Ipsum &raquo;)
Lors de la cr&eacute;ation de mises en page, il est courant de se servir d'un texte factice, qui a l'apparence d'un
texte avec des caract&egrave;res typiquement latins mais ne veut rien dire du tout. Ce texte commence par
&laquo; Lorem ipsum dolor sit amet... &raquo;.
Note historique : ce m&ecirc;me texte factice est utilis&eacute; depuis plus de 500 ans dans le domaine de l'imprimerie
et des parties de ce texte en latin appartiennent &agrave; de vrais textes &eacute;crits il y a de cela plus de 2000 ans.
Vous pouvez ins&eacute;rer un paragraphe de texte factice en utilisant la combinaison Ctrl+Maj+L (L pour
Lorem) lorsque vous vous trouvez dans l'outil texte. Si vous voulez ins&eacute;rer plus de texte, r&eacute;p&eacute;tez cette
combinaison plusieurs fois.
Page 412
V&eacute;rificateur d'orthographe
L'Outil Texte inclut un v&eacute;rificateur d'orthographe. Pour le mettre en
marche, s&eacute;lectionnez l'icone du V&eacute;rificateur d'orthographe sur la
barre d'info de l'Outil Texte
qui ouvre alors un menu.
S&eacute;lectionnez &laquo; Proc&eacute;der &agrave; une
v&eacute;rification d'orthographe d&egrave;s la
saisie du texte
&raquo;. Tous les mots du document qui
n'ont pas &eacute;t&eacute; reconnus sont soulign&eacute;s
par une ligne pointill&eacute;e rouge.
Pour corriger une faute, faites un clic droit sur le mot pour ouvrir le menu contextuel. Le haut du menu
contextuel sugg&egrave;re des mots correctement &eacute;crits. S&eacute;lectionnez l'une des suggestions pour remplacer le
mot.
S&eacute;lection de la langue
Le menu qui s'affiche lorsque vous cliquez sur l'icone du V&eacute;rificateur d'orthographe &eacute;num&egrave;re toutes les
langues pour lesquelles des dictionnaires sont install&eacute;s. Par d&eacute;faut, la langue correspondant au r&eacute;glage
local actuel est s&eacute;lectionn&eacute;e. Vous pouvez choisir diff&eacute;rentes langues pour diff&eacute;rents objets-textes de
mani&egrave;re &agrave; utiliser plusieurs langues dans votre document si n&eacute;cessaire.
Pour changer la langue associ&eacute;e &agrave; un objet-texte, s&eacute;lectionner l'objet-texte. Puis, dans l'Outil Texte,
choisissez la langue requise &agrave; partir du menu du V&eacute;rificateur d'orthographe. L'orthographe de
l'objet-texte est maintenant v&eacute;rifi&eacute;e en fonction du dictionnaire correspondant &agrave; la langue choisie.
Si vous souhaitez saisir plusieurs objets-texte en utilisant une langue diff&eacute;rente de la langue par d&eacute;faut,
vous pouvez changer l'attribut de langue actuelle de mani&egrave;re &agrave; ne pas devoir changer la langue pour
chaque objet texte. Pour cela, assurez-vous que rien n'est s&eacute;lectionn&eacute; (clic sur une zone vide de votre
projet &agrave; l'aide de l'Outil de s&eacute;lection). Puis, choisissez dans l'Outil de s&eacute;lection la langue souhait&eacute;e &agrave; l'aide
du menu du V&eacute;rificateur d'orthographe. Un message vous demandera si vous souhaitez d&eacute;finir l'attribut
de langue actuel. Cliquer sur &laquo; D&eacute;finir &raquo; pour confirmer. D&eacute;sormais, chaque nouvel objet-texte cr&eacute;&eacute; sera
associ&eacute; &agrave; la langue choisie. Notez que l'attribut actuel n'est pas re-charg&eacute; lorsque vous enregistrez et
chargez votre projet. Vous devrez donc r&eacute;p&eacute;ter la proc&eacute;dure ci-dessus pour r&eacute;gler &agrave; nouveau l'attribut
de langue actuelle la prochaine fois que vous chargez le document, si vous souhaitez continuer &agrave; entrer de
nouveaux objets-texte avec la m&ecirc;me langue.
Si vous avez un objet-texte pour lequel vous ne souhaitez pas ex&eacute;cuter le V&eacute;rificateur d'orthographe,
s&eacute;lectionnez l'objet et choisissez l'option &laquo; Pas de langue (ignorer) &raquo; dans le menu du V&eacute;rificateur
d'orthographe.
Dictionnaire utilisateur
Les termes utilis&eacute;s r&eacute;guli&egrave;rement mais qui ne sont pas inclus dans le dictionnaire fourni avec Xtreme Web
Designer 5 peuvent &ecirc;tre ajout&eacute;s &agrave; votre dictionnaire personnel. Pour cela, r&eacute;alisez un clic droit sur le
terme concern&eacute; et choisissez &laquo; Ajouter au dictionnaire utilisateur &raquo;. Le terme n'appara&icirc;t alors plus comme
une erreur. Le dictionnaire utilisateur s'applique &agrave; tous les documents utilis&eacute;s sur votre ordinateur et &agrave;
toutes les langues.
Page 413
S&eacute;lection de la langue
Le menu qui s'affiche lorsque vous cliquez sur l'icone du V&eacute;rificateur d'orthographe &eacute;num&egrave;re toutes les
langues pour lesquelles des dictionnaires sont install&eacute;s. Par d&eacute;faut, la langue correspondant au r&eacute;glage
local actuel est s&eacute;lectionn&eacute;e. Vous pouvez choisir diff&eacute;rentes langues pour diff&eacute;rents objets-textes de
mani&egrave;re &agrave; utiliser plusieurs langues dans votre document si n&eacute;cessaire.
Pour changer la langue associ&eacute;e &agrave; un objet-texte, s&eacute;lectionner l'objet-texte. Puis, dans l'Outil Texte,
choisissez la langue requise &agrave; partir du menu du V&eacute;rificateur d'orthographe. L'orthographe de
l'objet-texte est maintenant v&eacute;rifi&eacute;e en fonction du dictionnaire correspondant &agrave; la langue choisie.
Si vous souhaitez saisir plusieurs objets-texte en utilisant une langue diff&eacute;rente de la langue par d&eacute;faut,
vous pouvez changer l'attribut de langue actuelle de mani&egrave;re &agrave; ne pas devoir changer la langue pour
chaque objet texte. Pour cela, assurez-vous que rien n'est s&eacute;lectionn&eacute; (clic sur une zone vide de votre
projet &agrave; l'aide de l'Outil de s&eacute;lection). Puis, choisissez dans l'Outil de s&eacute;lection la langue souhait&eacute;e &agrave; l'aide
du menu du V&eacute;rificateur d'orthographe. Un message vous demandera si vous souhaitez d&eacute;finir l'attribut
de langue actuel. Cliquer sur &laquo; D&eacute;finir &raquo; pour confirmer. D&eacute;sormais, chaque nouvel objet-texte cr&eacute;&eacute; sera
associ&eacute; &agrave; la langue choisie. Notez que l'attribut actuel n'est pas re-charg&eacute; lorsque vous enregistrez et
chargez votre projet. Vous devrez donc r&eacute;p&eacute;ter la proc&eacute;dure ci-dessus pour r&eacute;gler &agrave; nouveau l'attribut
de langue actuelle la prochaine fois que vous chargez le document, si vous souhaitez continuer &agrave; entrer de
nouveaux objets-texte avec la m&ecirc;me langue.
Si vous avez un objet-texte pour lequel vous ne souhaitez pas ex&eacute;cuter le V&eacute;rificateur d'orthographe,
s&eacute;lectionnez l'objet et choisissez l'option &laquo; Pas de langue (ignorer) &raquo; dans le menu du V&eacute;rificateur
d'orthographe.
Dictionnaire utilisateur
Les termes utilis&eacute;s r&eacute;guli&egrave;rement mais qui ne sont pas inclus dans le dictionnaire fourni avec Xtreme Web
Designer 5 peuvent &ecirc;tre ajout&eacute;s &agrave; votre dictionnaire personnel. Pour cela, r&eacute;alisez un clic droit sur le
terme concern&eacute; et choisissez &laquo; Ajouter au dictionnaire utilisateur &raquo;. Le terme n'appara&icirc;t alors plus comme
une erreur. Le dictionnaire utilisateur s'applique &agrave; tous les documents utilis&eacute;s sur votre ordinateur et &agrave;
toutes les langues.
Page 414
Dictionnaire utilisateur
Les termes utilis&eacute;s r&eacute;guli&egrave;rement mais qui ne sont pas inclus dans le dictionnaire fourni avec Xtreme Web
Designer 5 peuvent &ecirc;tre ajout&eacute;s &agrave; votre dictionnaire personnel. Pour cela, r&eacute;alisez un clic droit sur le
terme concern&eacute; et choisissez &laquo; Ajouter au dictionnaire utilisateur &raquo;. Le terme n'appara&icirc;t alors plus comme
une erreur. Le dictionnaire utilisateur s'applique &agrave; tous les documents utilis&eacute;s sur votre ordinateur et &agrave;
toutes les langues.
Page 415
Synchronisation de texte &agrave; l'aide de groupes
souples
Dans certains projets, vous pouvez avoir besoin que plusieurs objets-texte affichent le m&ecirc;me texte mais
dans diff&eacute;rents styles. Une animation de texte dans un document d'animation ou un passage de souris sur
des boutons qui s'allument lorsque le pointeur de la souris passe au-dessus d'eux dans un navigateur
Internet alors en sont des exemples pertinents. Normalement, si vous souhaitez changer le texte affich&eacute;
sur ces objets, vous devez tous les &eacute;diter individuellement.
En ajoutant ces objets-texte apparent&eacute;s dans un groupe souple, vous pouvez garantir qu'ils afficheront
toujours le m&ecirc;me texte. Pour ajouter les objets-texte apparent&eacute;s dans un groupe souple, assurez-vous
tout d'abord qu'ils contiennent d&eacute;j&agrave; le m&ecirc;me texte (autrement, ils ne seront pas synchronis&eacute;s).
S&eacute;lectionnez-les ensuite &agrave; l'aide de l'Outil de s&eacute;lection. S&eacute;lectionner Arranger -&gt;Appliquer le groupe
souple
(Ctrl+Alt+G).
D&eacute;sormais, lorsque le texte est &eacute;dit&eacute; sur un objet-texte, les autres seront mis &agrave; jour automatiquement,
m&ecirc;me s'ils sont r&eacute;partis sur diff&eacute;rents calques (ou dans le cas de documents d'animation, sur diff&eacute;rents
cadres) &agrave; travers votre document. Notez que cette synchronisation fonctionne m&ecirc;me si certains objets
texte se trouvent sur des calques verrouill&eacute;s ou invisibles.
Pour d&eacute;grouper un groupe souple, s&eacute;lectionnez Arranger-&gt;Supprimer le groupe souple (Ctrl+Alt+U).
Pour plus d'informations sur les gGroupes souples, veuillez consulter le paragraphe groupes souples du
chapitre Manipulation d'objet
.
Page 416
Tabulations, marges et retraits
R&egrave;gles
Pour param&eacute;trer les tabulations, les marges et les retraits, il vous faut activer les r&egrave;gles dans votre
document.
Pour cela :
 Choisir Fen&ecirc;tres &gt; Barres &gt; R&egrave;gles.
 Ou appuyez sur Ctrl+Maj+R (ceci est un nouveau raccourci).
 Ou appuyez sur Ctrl+L (si vous n'&ecirc;tes pas dans l'Outil d'ajout de texte).
Les caract&eacute;ristiques de texte avanc&eacute;es n'apparaissent sur la r&egrave;gle que lorsque vous utilisez l'Outil d'ajout
de texte et que le curseur de texte se trouve dans un article de texte ou si l'objet texte est s&eacute;lectionn&eacute;
dans l'Outil d'ajout de texte
.
Dans l'Outil d'ajout de texte, lorsque vous tirez les marges ou les tabulations sur la r&egrave;gle, vous obtenez un
rep&egrave;re vertical temporaire facilitant l'alignement des tabulations ou des marges sur les objets se trouvant
ailleurs sur la page. Lorsque vous d&eacute;placez des tabulations et des marges et que l'alignement magn&eacute;tique
est activ&eacute;, elles seront align&eacute;es l'une par rapport &agrave; l'autre, facilitant ainsi leur positionnement.
Marges et retraits
Toute modification effectu&eacute;e concerne le paragraphe de texte courant. (C'est-&agrave;-dire le paragraphe
contenant le curseur de texte) ou, si vous avez une section de texte s&eacute;lectionn&eacute;e, les paragraphes de la
section s&eacute;lectionn&eacute;e.
Vous pouvez appliquer les changements &agrave; tout le texte d'un article en s&eacute;lectionnant la totalit&eacute; du texte s'y
trouvant (Ctrl+A). Pour modifier plus d'un article, s&eacute;lectionnez les objets textes tout en &eacute;tant dans l'Outil
de s&eacute;lection puis passez dans l'Outil d'ajout de texte
et effectuez les modifications n&eacute;cessaires.
Marge de gauche
. La faire glisser pour modifier la marge gauche du texte.
Marge de premi&egrave;re ligne.
La faire glisser pour modifier la marge gauche de la premi&egrave;re ligne du
paragraphe (utile pour des listes, telles que montr&eacute; ci-dessous).
Marge de droite.
La faire glisser pour modifier la marge droite du texte.
Montrer la marge gauche et la marge de premi&egrave;re ligne.
Page 417
Montrer la marge droite
Texte le long d'une courbe
Si vous avez ajust&eacute; une ligne de texte le long d'une courbe &agrave; l'aide de l'option Ajuster le texte &agrave; la
courbe
, alors la ligne de la courbe constitue la marge. Si le texte est plus long que la ligne, il d&eacute;passera de
l'extr&eacute;mit&eacute;.
Si vous avez cliqu&eacute; sur la ligne ou ajust&eacute; une colonne de texte &agrave; une courbe ou ligne, des indicateurs de
marges gauche et droite (petits carr&eacute;s rouges) peuvent &ecirc;tre tir&eacute;s le long de la ligne afin d'ajuster les
marges utilis&eacute;es pour la justification.
Tabulations
Par d&eacute;faut, les articles de texte sont cr&eacute;&eacute;s avec des tabulations de 0,5 cm d'espacement. Ce qui signifie
qu'il vous suffit d'appuyer sur la touche Tabulation et votre texte sera d&eacute;plac&eacute; jusqu'au taquet suivant. Si
vous souhaitez un autre espacement entre les tabulations, il vous suffit de d&eacute;finir de nouveaux taquets.
Ces tabulations par d&eacute;faut sont affich&eacute;es sous forme de petits L sur la r&egrave;gle :
Tabulations standard, indiqu&eacute;es par des petits L
Personnaliser les tabulations
Pour cr&eacute;er une tabulation personnalis&eacute;e, cliquez simplement sur la r&egrave;gle o&ugrave; vous souhaitez placer la
nouvelle. Elle remplacera les tabulations par d&eacute;faut jusqu'&agrave; cet endroit de la r&egrave;gle.
Par exemple :
Le triangle indique une tabulation personnalis&eacute;e.
Pour d&eacute;finir plus d'une tabulation, cliquer plusieurs fois sur la r&egrave;gle.
Pour d&eacute;placer une tabulation personnalis&eacute;e, la faire glisser le long de la r&egrave;gle.
Pour supprimer une tabulation, la faire glisser hors de la r&egrave;gle (les tabulations par d&eacute;faut se
repositionneront).
Personnaliser les types de tabulations
Vous pouvez d&eacute;finir diff&eacute;rents types de tabulations personnalis&eacute;es. Par d&eacute;faut, les tabulations
personnalis&eacute;es sont des tabulations d'alignement &agrave; gauche. Ce qui signifie que le texte sera align&eacute; sur la
tabulation &agrave; gauche du texte.
Page 418
Pour changer de type de tabulation, cliquer sur l'ic&ocirc;ne de tabulation sur la r&egrave;gle.
Les types de tabulations suivantes sont disponibles. Vous n'&ecirc;tes pas limit&eacute; &agrave; un seul type par article, vous
pouvez choisir un type diff&eacute;rent puis d&eacute;finir d'autres tabulations.
Alignement gauche :
le texte sera align&eacute; sur la tabulation de gauche.
Alignement droite :
le texte sera align&eacute; sur la tabulation de droite.
Alignement centr&eacute; :
le texte sera centr&eacute; sur la tabulation.
Alignement d&eacute;cimal :
les virgules dans le texte seront align&eacute;es sur la tabulation. Ceci est utile
pour les listes et, quelle que soit la longueur du nombre, les virgules
(points) seront align&eacute;es sur les tabulations.
Comment cr&eacute;er des alin&eacute;as en retrait
Les alin&eacute;as en retrait, tels qu'ils sont g&eacute;n&eacute;ralement connus, constituent la premi&egrave;re ligne d'un paragraphe
avec une marge n&eacute;gative ou une marge en retrait vers la droite de la marge de gauche usuelle. Les listes
avec num&eacute;ros ou avec puces sont des exemples d'alin&eacute;as en retrait.
Pour cr&eacute;er des alin&eacute;as en retrait
1. Tirer la marge de gauche vers l'int&eacute;rieur.
2. Cliquez sur la r&egrave;gle en vous &eacute;loignant de la marge gauche (cr&eacute;ant ainsi un nouveau taquet de
tabulation) et faites glisser ce taquet afin qu'il se trouve exactement au-dessus de la marge
gauche.
3. Chaque ligne commencera d&eacute;sormais avec un retrait : vous pouvez ins&eacute;rer un caract&egrave;re sp&eacute;cial
ou un nombre et appuyer sur la touche Tabulation pour vous d&eacute;placer vers la marge gauche.
Toutes les autres lignes de texte (comme ce paragraphe) seront en retrait par rapport &agrave; la marge
gauche.
Page 419
R&egrave;gles
Pour param&eacute;trer les tabulations, les marges et les retraits, il vous faut activer les r&egrave;gles dans votre
document.
Pour cela :
 Choisir Fen&ecirc;tres &gt; Barres &gt; R&egrave;gles.
 Ou appuyez sur Ctrl+Maj+R (ceci est un nouveau raccourci).
 Ou appuyez sur Ctrl+L (si vous n'&ecirc;tes pas dans l'Outil d'ajout de texte).
Les caract&eacute;ristiques de texte avanc&eacute;es n'apparaissent sur la r&egrave;gle que lorsque vous utilisez l'Outil d'ajout
de texte et que le curseur de texte se trouve dans un article de texte ou si l'objet texte est s&eacute;lectionn&eacute;
dans l'Outil d'ajout de texte
.
Dans l'Outil d'ajout de texte, lorsque vous tirez les marges ou les tabulations sur la r&egrave;gle, vous obtenez un
rep&egrave;re vertical temporaire facilitant l'alignement des tabulations ou des marges sur les objets se trouvant
ailleurs sur la page. Lorsque vous d&eacute;placez des tabulations et des marges et que l'alignement magn&eacute;tique
est activ&eacute;, elles seront align&eacute;es l'une par rapport &agrave; l'autre, facilitant ainsi leur positionnement.
Marges et retraits
Toute modification effectu&eacute;e concerne le paragraphe de texte courant. (C'est-&agrave;-dire le paragraphe
contenant le curseur de texte) ou, si vous avez une section de texte s&eacute;lectionn&eacute;e, les paragraphes de la
section s&eacute;lectionn&eacute;e.
Vous pouvez appliquer les changements &agrave; tout le texte d'un article en s&eacute;lectionnant la totalit&eacute; du texte s'y
trouvant (Ctrl+A). Pour modifier plus d'un article, s&eacute;lectionnez les objets textes tout en &eacute;tant dans l'Outil
de s&eacute;lection puis passez dans l'Outil d'ajout de texte
et effectuez les modifications n&eacute;cessaires.
Marge de gauche
. La faire glisser pour modifier la marge gauche du texte.
Marge de premi&egrave;re ligne.
La faire glisser pour modifier la marge gauche de la premi&egrave;re ligne du
paragraphe (utile pour des listes, telles que montr&eacute; ci-dessous).
Marge de droite.
La faire glisser pour modifier la marge droite du texte.
Montrer la marge gauche et la marge de premi&egrave;re ligne.
Page 420
Montrer la marge droite
Texte le long d'une courbe
Si vous avez ajust&eacute; une ligne de texte le long d'une courbe &agrave; l'aide de l'option Ajuster le texte &agrave; la
courbe
, alors la ligne de la courbe constitue la marge. Si le texte est plus long que la ligne, il d&eacute;passera de
l'extr&eacute;mit&eacute;.
Si vous avez cliqu&eacute; sur la ligne ou ajust&eacute; une colonne de texte &agrave; une courbe ou ligne, des indicateurs de
marges gauche et droite (petits carr&eacute;s rouges) peuvent &ecirc;tre tir&eacute;s le long de la ligne afin d'ajuster les
marges utilis&eacute;es pour la justification.
Tabulations
Par d&eacute;faut, les articles de texte sont cr&eacute;&eacute;s avec des tabulations de 0,5 cm d'espacement. Ce qui signifie
qu'il vous suffit d'appuyer sur la touche Tabulation et votre texte sera d&eacute;plac&eacute; jusqu'au taquet suivant. Si
vous souhaitez un autre espacement entre les tabulations, il vous suffit de d&eacute;finir de nouveaux taquets.
Ces tabulations par d&eacute;faut sont affich&eacute;es sous forme de petits L sur la r&egrave;gle :
Tabulations standard, indiqu&eacute;es par des petits L
Personnaliser les tabulations
Pour cr&eacute;er une tabulation personnalis&eacute;e, cliquez simplement sur la r&egrave;gle o&ugrave; vous souhaitez placer la
nouvelle. Elle remplacera les tabulations par d&eacute;faut jusqu'&agrave; cet endroit de la r&egrave;gle.
Par exemple :
Le triangle indique une tabulation personnalis&eacute;e.
Pour d&eacute;finir plus d'une tabulation, cliquer plusieurs fois sur la r&egrave;gle.
Pour d&eacute;placer une tabulation personnalis&eacute;e, la faire glisser le long de la r&egrave;gle.
Pour supprimer une tabulation, la faire glisser hors de la r&egrave;gle (les tabulations par d&eacute;faut se
repositionneront).
Personnaliser les types de tabulations
Vous pouvez d&eacute;finir diff&eacute;rents types de tabulations personnalis&eacute;es. Par d&eacute;faut, les tabulations
personnalis&eacute;es sont des tabulations d'alignement &agrave; gauche. Ce qui signifie que le texte sera align&eacute; sur la
tabulation &agrave; gauche du texte.
Page 421
Pour changer de type de tabulation, cliquer sur l'ic&ocirc;ne de tabulation sur la r&egrave;gle.
Les types de tabulations suivantes sont disponibles. Vous n'&ecirc;tes pas limit&eacute; &agrave; un seul type par article, vous
pouvez choisir un type diff&eacute;rent puis d&eacute;finir d'autres tabulations.
Alignement gauche :
le texte sera align&eacute; sur la tabulation de gauche.
Alignement droite :
le texte sera align&eacute; sur la tabulation de droite.
Alignement centr&eacute; :
le texte sera centr&eacute; sur la tabulation.
Alignement d&eacute;cimal :
les virgules dans le texte seront align&eacute;es sur la tabulation. Ceci est utile
pour les listes et, quelle que soit la longueur du nombre, les virgules
(points) seront align&eacute;es sur les tabulations.
Comment cr&eacute;er des alin&eacute;as en retrait
Les alin&eacute;as en retrait, tels qu'ils sont g&eacute;n&eacute;ralement connus, constituent la premi&egrave;re ligne d'un paragraphe
avec une marge n&eacute;gative ou une marge en retrait vers la droite de la marge de gauche usuelle. Les listes
avec num&eacute;ros ou avec puces sont des exemples d'alin&eacute;as en retrait.
Pour cr&eacute;er des alin&eacute;as en retrait
1. Tirer la marge de gauche vers l'int&eacute;rieur.
2. Cliquez sur la r&egrave;gle en vous &eacute;loignant de la marge gauche (cr&eacute;ant ainsi un nouveau taquet de
tabulation) et faites glisser ce taquet afin qu'il se trouve exactement au-dessus de la marge
gauche.
3. Chaque ligne commencera d&eacute;sormais avec un retrait : vous pouvez ins&eacute;rer un caract&egrave;re sp&eacute;cial
ou un nombre et appuyer sur la touche Tabulation pour vous d&eacute;placer vers la marge gauche.
Toutes les autres lignes de texte (comme ce paragraphe) seront en retrait par rapport &agrave; la marge
gauche.
Page 422
Marges et retraits
Toute modification effectu&eacute;e concerne le paragraphe de texte courant. (C'est-&agrave;-dire le paragraphe
contenant le curseur de texte) ou, si vous avez une section de texte s&eacute;lectionn&eacute;e, les paragraphes de la
section s&eacute;lectionn&eacute;e.
Vous pouvez appliquer les changements &agrave; tout le texte d'un article en s&eacute;lectionnant la totalit&eacute; du texte s'y
trouvant (Ctrl+A). Pour modifier plus d'un article, s&eacute;lectionnez les objets textes tout en &eacute;tant dans l'Outil
de s&eacute;lection puis passez dans l'Outil d'ajout de texte
et effectuez les modifications n&eacute;cessaires.
Marge de gauche
. La faire glisser pour modifier la marge gauche du texte.
Marge de premi&egrave;re ligne.
La faire glisser pour modifier la marge gauche de la premi&egrave;re ligne du
paragraphe (utile pour des listes, telles que montr&eacute; ci-dessous).
Marge de droite.
La faire glisser pour modifier la marge droite du texte.
Montrer la marge gauche et la marge de premi&egrave;re ligne.
Montrer la marge droite
Texte le long d'une courbe
Si vous avez ajust&eacute; une ligne de texte le long d'une courbe &agrave; l'aide de l'option Ajuster le texte &agrave; la
courbe
, alors la ligne de la courbe constitue la marge. Si le texte est plus long que la ligne, il d&eacute;passera de
l'extr&eacute;mit&eacute;.
Si vous avez cliqu&eacute; sur la ligne ou ajust&eacute; une colonne de texte &agrave; une courbe ou ligne, des indicateurs de
marges gauche et droite (petits carr&eacute;s rouges) peuvent &ecirc;tre tir&eacute;s le long de la ligne afin d'ajuster les
marges utilis&eacute;es pour la justification.
Page 423
Tabulations
Par d&eacute;faut, les articles de texte sont cr&eacute;&eacute;s avec des tabulations de 0,5 cm d'espacement. Ce qui signifie
qu'il vous suffit d'appuyer sur la touche Tabulation et votre texte sera d&eacute;plac&eacute; jusqu'au taquet suivant. Si
vous souhaitez un autre espacement entre les tabulations, il vous suffit de d&eacute;finir de nouveaux taquets.
Ces tabulations par d&eacute;faut sont affich&eacute;es sous forme de petits L sur la r&egrave;gle :
Tabulations standard, indiqu&eacute;es par des petits L
Personnaliser les tabulations
Pour cr&eacute;er une tabulation personnalis&eacute;e, cliquez simplement sur la r&egrave;gle o&ugrave; vous souhaitez placer la
nouvelle. Elle remplacera les tabulations par d&eacute;faut jusqu'&agrave; cet endroit de la r&egrave;gle.
Par exemple :
Le triangle indique une tabulation personnalis&eacute;e.
Pour d&eacute;finir plus d'une tabulation, cliquer plusieurs fois sur la r&egrave;gle.
Pour d&eacute;placer une tabulation personnalis&eacute;e, la faire glisser le long de la r&egrave;gle.
Pour supprimer une tabulation, la faire glisser hors de la r&egrave;gle (les tabulations par d&eacute;faut se
repositionneront).
Personnaliser les types de tabulations
Vous pouvez d&eacute;finir diff&eacute;rents types de tabulations personnalis&eacute;es. Par d&eacute;faut, les tabulations
personnalis&eacute;es sont des tabulations d'alignement &agrave; gauche. Ce qui signifie que le texte sera align&eacute; sur la
tabulation &agrave; gauche du texte.
Pour changer de type de tabulation, cliquer sur l'ic&ocirc;ne de tabulation sur la r&egrave;gle.
Les types de tabulations suivantes sont disponibles. Vous n'&ecirc;tes pas limit&eacute; &agrave; un seul type par article, vous
pouvez choisir un type diff&eacute;rent puis d&eacute;finir d'autres tabulations.
Alignement gauche :
le texte sera align&eacute; sur la tabulation de gauche.
Alignement droite :
le texte sera align&eacute; sur la tabulation de droite.
Alignement centr&eacute; :
le texte sera centr&eacute; sur la tabulation.
Alignement d&eacute;cimal :
Page 424
les virgules dans le texte seront align&eacute;es sur la tabulation. Ceci est utile
pour les listes et, quelle que soit la longueur du nombre, les virgules
(points) seront align&eacute;es sur les tabulations.
Comment cr&eacute;er des alin&eacute;as en retrait
Les alin&eacute;as en retrait, tels qu'ils sont g&eacute;n&eacute;ralement connus, constituent la premi&egrave;re ligne d'un paragraphe
avec une marge n&eacute;gative ou une marge en retrait vers la droite de la marge de gauche usuelle. Les listes
avec num&eacute;ros ou avec puces sont des exemples d'alin&eacute;as en retrait.
Pour cr&eacute;er des alin&eacute;as en retrait
1. Tirer la marge de gauche vers l'int&eacute;rieur.
2. Cliquez sur la r&egrave;gle en vous &eacute;loignant de la marge gauche (cr&eacute;ant ainsi un nouveau taquet de
tabulation) et faites glisser ce taquet afin qu'il se trouve exactement au-dessus de la marge
gauche.
3. Chaque ligne commencera d&eacute;sormais avec un retrait : vous pouvez ins&eacute;rer un caract&egrave;re sp&eacute;cial
ou un nombre et appuyer sur la touche Tabulation pour vous d&eacute;placer vers la marge gauche.
Toutes les autres lignes de texte (comme ce paragraphe) seront en retrait par rapport &agrave; la marge
gauche.
Page 425
Texte le long d'une courbe
Si vous avez ajust&eacute; une ligne de texte le long d'une courbe &agrave; l'aide de l'option Ajuster le texte &agrave; la
courbe
, alors la ligne de la courbe constitue la marge. Si le texte est plus long que la ligne, il d&eacute;passera de
l'extr&eacute;mit&eacute;.
Si vous avez cliqu&eacute; sur la ligne ou ajust&eacute; une colonne de texte &agrave; une courbe ou ligne, des indicateurs de
marges gauche et droite (petits carr&eacute;s rouges) peuvent &ecirc;tre tir&eacute;s le long de la ligne afin d'ajuster les
marges utilis&eacute;es pour la justification.
Tabulations
Par d&eacute;faut, les articles de texte sont cr&eacute;&eacute;s avec des tabulations de 0,5 cm d'espacement. Ce qui signifie
qu'il vous suffit d'appuyer sur la touche Tabulation et votre texte sera d&eacute;plac&eacute; jusqu'au taquet suivant. Si
vous souhaitez un autre espacement entre les tabulations, il vous suffit de d&eacute;finir de nouveaux taquets.
Ces tabulations par d&eacute;faut sont affich&eacute;es sous forme de petits L sur la r&egrave;gle :
Tabulations standard, indiqu&eacute;es par des petits L
Personnaliser les tabulations
Pour cr&eacute;er une tabulation personnalis&eacute;e, cliquez simplement sur la r&egrave;gle o&ugrave; vous souhaitez placer la
nouvelle. Elle remplacera les tabulations par d&eacute;faut jusqu'&agrave; cet endroit de la r&egrave;gle.
Par exemple :
Le triangle indique une tabulation personnalis&eacute;e.
Pour d&eacute;finir plus d'une tabulation, cliquer plusieurs fois sur la r&egrave;gle.
Pour d&eacute;placer une tabulation personnalis&eacute;e, la faire glisser le long de la r&egrave;gle.
Pour supprimer une tabulation, la faire glisser hors de la r&egrave;gle (les tabulations par d&eacute;faut se
repositionneront).
Personnaliser les types de tabulations
Vous pouvez d&eacute;finir diff&eacute;rents types de tabulations personnalis&eacute;es. Par d&eacute;faut, les tabulations
personnalis&eacute;es sont des tabulations d'alignement &agrave; gauche. Ce qui signifie que le texte sera align&eacute; sur la
tabulation &agrave; gauche du texte.
Pour changer de type de tabulation, cliquer sur l'ic&ocirc;ne de tabulation sur la r&egrave;gle.
Les types de tabulations suivantes sont disponibles. Vous n'&ecirc;tes pas limit&eacute; &agrave; un seul type par article, vous
pouvez choisir un type diff&eacute;rent puis d&eacute;finir d'autres tabulations.
Alignement gauche :
le texte sera align&eacute; sur la tabulation de gauche.
Alignement droite :
Page 426
le texte sera align&eacute; sur la tabulation de droite.
Alignement centr&eacute; :
le texte sera centr&eacute; sur la tabulation.
Alignement d&eacute;cimal :
les virgules dans le texte seront align&eacute;es sur la tabulation. Ceci est utile
pour les listes et, quelle que soit la longueur du nombre, les virgules
(points) seront align&eacute;es sur les tabulations.
Comment cr&eacute;er des alin&eacute;as en retrait
Les alin&eacute;as en retrait, tels qu'ils sont g&eacute;n&eacute;ralement connus, constituent la premi&egrave;re ligne d'un paragraphe
avec une marge n&eacute;gative ou une marge en retrait vers la droite de la marge de gauche usuelle. Les listes
avec num&eacute;ros ou avec puces sont des exemples d'alin&eacute;as en retrait.
Pour cr&eacute;er des alin&eacute;as en retrait
1. Tirer la marge de gauche vers l'int&eacute;rieur.
2. Cliquez sur la r&egrave;gle en vous &eacute;loignant de la marge gauche (cr&eacute;ant ainsi un nouveau taquet de
tabulation) et faites glisser ce taquet afin qu'il se trouve exactement au-dessus de la marge
gauche.
3. Chaque ligne commencera d&eacute;sormais avec un retrait : vous pouvez ins&eacute;rer un caract&egrave;re sp&eacute;cial
ou un nombre et appuyer sur la touche Tabulation pour vous d&eacute;placer vers la marge gauche.
Toutes les autres lignes de texte (comme ce paragraphe) seront en retrait par rapport &agrave; la marge
gauche.
Page 427
Tabulations
Par d&eacute;faut, les articles de texte sont cr&eacute;&eacute;s avec des tabulations de 0,5 cm d'espacement. Ce qui signifie
qu'il vous suffit d'appuyer sur la touche Tabulation et votre texte sera d&eacute;plac&eacute; jusqu'au taquet suivant. Si
vous souhaitez un autre espacement entre les tabulations, il vous suffit de d&eacute;finir de nouveaux taquets.
Ces tabulations par d&eacute;faut sont affich&eacute;es sous forme de petits L sur la r&egrave;gle :
Tabulations standard, indiqu&eacute;es par des petits L
Personnaliser les tabulations
Pour cr&eacute;er une tabulation personnalis&eacute;e, cliquez simplement sur la r&egrave;gle o&ugrave; vous souhaitez placer la
nouvelle. Elle remplacera les tabulations par d&eacute;faut jusqu'&agrave; cet endroit de la r&egrave;gle.
Par exemple :
Le triangle indique une tabulation personnalis&eacute;e.
Pour d&eacute;finir plus d'une tabulation, cliquer plusieurs fois sur la r&egrave;gle.
Pour d&eacute;placer une tabulation personnalis&eacute;e, la faire glisser le long de la r&egrave;gle.
Pour supprimer une tabulation, la faire glisser hors de la r&egrave;gle (les tabulations par d&eacute;faut se
repositionneront).
Personnaliser les types de tabulations
Vous pouvez d&eacute;finir diff&eacute;rents types de tabulations personnalis&eacute;es. Par d&eacute;faut, les tabulations
personnalis&eacute;es sont des tabulations d'alignement &agrave; gauche. Ce qui signifie que le texte sera align&eacute; sur la
tabulation &agrave; gauche du texte.
Pour changer de type de tabulation, cliquer sur l'ic&ocirc;ne de tabulation sur la r&egrave;gle.
Les types de tabulations suivantes sont disponibles. Vous n'&ecirc;tes pas limit&eacute; &agrave; un seul type par article, vous
pouvez choisir un type diff&eacute;rent puis d&eacute;finir d'autres tabulations.
Alignement gauche :
le texte sera align&eacute; sur la tabulation de gauche.
Alignement droite :
le texte sera align&eacute; sur la tabulation de droite.
Alignement centr&eacute; :
le texte sera centr&eacute; sur la tabulation.
Alignement d&eacute;cimal :
Page 428
les virgules dans le texte seront align&eacute;es sur la tabulation. Ceci est utile
pour les listes et, quelle que soit la longueur du nombre, les virgules
(points) seront align&eacute;es sur les tabulations.
Comment cr&eacute;er des alin&eacute;as en retrait
Les alin&eacute;as en retrait, tels qu'ils sont g&eacute;n&eacute;ralement connus, constituent la premi&egrave;re ligne d'un paragraphe
avec une marge n&eacute;gative ou une marge en retrait vers la droite de la marge de gauche usuelle. Les listes
avec num&eacute;ros ou avec puces sont des exemples d'alin&eacute;as en retrait.
Pour cr&eacute;er des alin&eacute;as en retrait
1. Tirer la marge de gauche vers l'int&eacute;rieur.
2. Cliquez sur la r&egrave;gle en vous &eacute;loignant de la marge gauche (cr&eacute;ant ainsi un nouveau taquet de
tabulation) et faites glisser ce taquet afin qu'il se trouve exactement au-dessus de la marge
gauche.
3. Chaque ligne commencera d&eacute;sormais avec un retrait : vous pouvez ins&eacute;rer un caract&egrave;re sp&eacute;cial
ou un nombre et appuyer sur la touche Tabulation pour vous d&eacute;placer vers la marge gauche.
Toutes les autres lignes de texte (comme ce paragraphe) seront en retrait par rapport &agrave; la marge
gauche.
Page 429
Personnaliser les tabulations
Pour cr&eacute;er une tabulation personnalis&eacute;e, cliquez simplement sur la r&egrave;gle o&ugrave; vous souhaitez placer la
nouvelle. Elle remplacera les tabulations par d&eacute;faut jusqu'&agrave; cet endroit de la r&egrave;gle.
Par exemple :
Le triangle indique une tabulation personnalis&eacute;e.
Pour d&eacute;finir plus d'une tabulation, cliquer plusieurs fois sur la r&egrave;gle.
Pour d&eacute;placer une tabulation personnalis&eacute;e, la faire glisser le long de la r&egrave;gle.
Pour supprimer une tabulation, la faire glisser hors de la r&egrave;gle (les tabulations par d&eacute;faut se
repositionneront).
Personnaliser les types de tabulations
Vous pouvez d&eacute;finir diff&eacute;rents types de tabulations personnalis&eacute;es. Par d&eacute;faut, les tabulations
personnalis&eacute;es sont des tabulations d'alignement &agrave; gauche. Ce qui signifie que le texte sera align&eacute; sur la
tabulation &agrave; gauche du texte.
Pour changer de type de tabulation, cliquer sur l'ic&ocirc;ne de tabulation sur la r&egrave;gle.
Les types de tabulations suivantes sont disponibles. Vous n'&ecirc;tes pas limit&eacute; &agrave; un seul type par article, vous
pouvez choisir un type diff&eacute;rent puis d&eacute;finir d'autres tabulations.
Alignement gauche :
le texte sera align&eacute; sur la tabulation de gauche.
Alignement droite :
le texte sera align&eacute; sur la tabulation de droite.
Alignement centr&eacute; :
le texte sera centr&eacute; sur la tabulation.
Alignement d&eacute;cimal :
les virgules dans le texte seront align&eacute;es sur la tabulation. Ceci est utile
pour les listes et, quelle que soit la longueur du nombre, les virgules
(points) seront align&eacute;es sur les tabulations.
Comment cr&eacute;er des alin&eacute;as en retrait
Page 430
Les alin&eacute;as en retrait, tels qu'ils sont g&eacute;n&eacute;ralement connus, constituent la premi&egrave;re ligne d'un paragraphe
avec une marge n&eacute;gative ou une marge en retrait vers la droite de la marge de gauche usuelle. Les listes
avec num&eacute;ros ou avec puces sont des exemples d'alin&eacute;as en retrait.
Pour cr&eacute;er des alin&eacute;as en retrait
1. Tirer la marge de gauche vers l'int&eacute;rieur.
2. Cliquez sur la r&egrave;gle en vous &eacute;loignant de la marge gauche (cr&eacute;ant ainsi un nouveau taquet de
tabulation) et faites glisser ce taquet afin qu'il se trouve exactement au-dessus de la marge
gauche.
3. Chaque ligne commencera d&eacute;sormais avec un retrait : vous pouvez ins&eacute;rer un caract&egrave;re sp&eacute;cial
ou un nombre et appuyer sur la touche Tabulation pour vous d&eacute;placer vers la marge gauche.
Toutes les autres lignes de texte (comme ce paragraphe) seront en retrait par rapport &agrave; la marge
gauche.
Page 431
Personnaliser les types de tabulations
Vous pouvez d&eacute;finir diff&eacute;rents types de tabulations personnalis&eacute;es. Par d&eacute;faut, les tabulations
personnalis&eacute;es sont des tabulations d'alignement &agrave; gauche. Ce qui signifie que le texte sera align&eacute; sur la
tabulation &agrave; gauche du texte.
Pour changer de type de tabulation, cliquer sur l'ic&ocirc;ne de tabulation sur la r&egrave;gle.
Les types de tabulations suivantes sont disponibles. Vous n'&ecirc;tes pas limit&eacute; &agrave; un seul type par article, vous
pouvez choisir un type diff&eacute;rent puis d&eacute;finir d'autres tabulations.
Alignement gauche :
le texte sera align&eacute; sur la tabulation de gauche.
Alignement droite :
le texte sera align&eacute; sur la tabulation de droite.
Alignement centr&eacute; :
le texte sera centr&eacute; sur la tabulation.
Alignement d&eacute;cimal :
les virgules dans le texte seront align&eacute;es sur la tabulation. Ceci est utile
pour les listes et, quelle que soit la longueur du nombre, les virgules
(points) seront align&eacute;es sur les tabulations.
Comment cr&eacute;er des alin&eacute;as en retrait
Les alin&eacute;as en retrait, tels qu'ils sont g&eacute;n&eacute;ralement connus, constituent la premi&egrave;re ligne d'un paragraphe
avec une marge n&eacute;gative ou une marge en retrait vers la droite de la marge de gauche usuelle. Les listes
avec num&eacute;ros ou avec puces sont des exemples d'alin&eacute;as en retrait.
Pour cr&eacute;er des alin&eacute;as en retrait
1. Tirer la marge de gauche vers l'int&eacute;rieur.
2. Cliquez sur la r&egrave;gle en vous &eacute;loignant de la marge gauche (cr&eacute;ant ainsi un nouveau taquet de
tabulation) et faites glisser ce taquet afin qu'il se trouve exactement au-dessus de la marge
gauche.
3. Chaque ligne commencera d&eacute;sormais avec un retrait : vous pouvez ins&eacute;rer un caract&egrave;re sp&eacute;cial
ou un nombre et appuyer sur la touche Tabulation pour vous d&eacute;placer vers la marge gauche.
Toutes les autres lignes de texte (comme ce paragraphe) seront en retrait par rapport &agrave; la marge
gauche.
Page 432
Comment cr&eacute;er des alin&eacute;as en retrait
Les alin&eacute;as en retrait, tels qu'ils sont g&eacute;n&eacute;ralement connus, constituent la premi&egrave;re ligne d'un paragraphe
avec une marge n&eacute;gative ou une marge en retrait vers la droite de la marge de gauche usuelle. Les listes
avec num&eacute;ros ou avec puces sont des exemples d'alin&eacute;as en retrait.
Pour cr&eacute;er des alin&eacute;as en retrait
1. Tirer la marge de gauche vers l'int&eacute;rieur.
2. Cliquez sur la r&egrave;gle en vous &eacute;loignant de la marge gauche (cr&eacute;ant ainsi un nouveau taquet de
tabulation) et faites glisser ce taquet afin qu'il se trouve exactement au-dessus de la marge
gauche.
3. Chaque ligne commencera d&eacute;sormais avec un retrait : vous pouvez ins&eacute;rer un caract&egrave;re sp&eacute;cial
ou un nombre et appuyer sur la touche Tabulation pour vous d&eacute;placer vers la marge gauche.
Toutes les autres lignes de texte (comme ce paragraphe) seront en retrait par rapport &agrave; la marge
gauche.
Page 433
Les objets de renvoi de texte
Dans Xtreme Web Designer 5, vous pouvez configurer n'importe quel objet pour un renvoi de texte, de
sorte que le texte qui se trouve sous lui est automatiquement renvoy&eacute; autour de l'objet au lieu d'&ecirc;tre
affich&eacute; au-dessus. Cela permet de mettre en page plus facilement de longs passages de texte combin&eacute;s &agrave;
des photos ou graphiques. Lorsque vous avez configur&eacute; les renvois, vous pouvez ajuster les positions des
graphiques et photos et le texte sera automatiquement positionn&eacute; autour.
Utiliser un objet comme renvoi
Pour utiliser un objet comme renvoi de texte, s&eacute;lectionnez la fonction Renvoyer texte sous... dans le
menu Arranger
pour ouvrir la bo&icirc;te de dialogue des propri&eacute;t&eacute;s des renvois. Ou effectuez un clic droit sur l'objet et
s&eacute;lectionnez la m&ecirc;me option dans le menu contextuel.
Le cas &eacute;ch&eacute;ant, configurez une marge de
renvoi pour cet objet. Cela permet de
d&eacute;terminer la taille de la marge entre les bords
de l'objet et le texte qu'il renvoie. Pour fermer
la bo&icirc;te de dialogue et retourner &agrave; l'option de
renvoi de texte, cliquez sur Renvoi
.
Pour annuler le renvoi, ouvrez simplement la bo&icirc;te de dialogue des propri&eacute;t&eacute;s du renvoi pour l'objet et
cliquez sur &laquo; Ne pas renvoyer &raquo;
. Veuillez noter que lorsque vous effectuez un renvoi d'objets de texte, seul le texte qui se trouve sous
l'objet est renvoy&eacute; et non tout le texte.
Veuillez noter que les lignes de texte ne correspondent pas aux objets de renvoi, mais uniquement les
zones de texte et les colonnes de texte.
Page 434
Utiliser un objet comme renvoi
Pour utiliser un objet comme renvoi de texte, s&eacute;lectionnez la fonction Renvoyer texte sous... dans le
menu Arranger
pour ouvrir la bo&icirc;te de dialogue des propri&eacute;t&eacute;s des renvois. Ou effectuez un clic droit sur l'objet et
s&eacute;lectionnez la m&ecirc;me option dans le menu contextuel.
Le cas &eacute;ch&eacute;ant, configurez une marge de
renvoi pour cet objet. Cela permet de
d&eacute;terminer la taille de la marge entre les bords
de l'objet et le texte qu'il renvoie. Pour fermer
la bo&icirc;te de dialogue et retourner &agrave; l'option de
renvoi de texte, cliquez sur Renvoi
.
Pour annuler le renvoi, ouvrez simplement la bo&icirc;te de dialogue des propri&eacute;t&eacute;s du renvoi pour l'objet et
cliquez sur &laquo; Ne pas renvoyer &raquo;
. Veuillez noter que lorsque vous effectuez un renvoi d'objets de texte, seul le texte qui se trouve sous
l'objet est renvoy&eacute; et non tout le texte.
Veuillez noter que les lignes de texte ne correspondent pas aux objets de renvoi, mais uniquement les
zones de texte et les colonnes de texte.
Page 435
Appliquer des styles de texte
Changer la taille de la police
Il existe quatre fa&ccedil;ons de charger la taille de la police :




Saisir une valeur dans le champ de texte de taille sur la barre d'infos et appuyer sur Entr&eacute;e.
Ou la s&eacute;lectionner dans le menu d&eacute;roulant de Taille de police sur la barre d'infos.
Ou augmenter/diminuer la taille de police manuellement &agrave; l'aide des raccourcis clavier
Ctrl+Maj+&gt; et Ctrl+Maj+&lt;. Ceci s'applique uniquement si toutes les parties du texte s&eacute;lectionn&eacute;
ont la m&ecirc;me taille de police.
Ou utiliser l'Outil de s&eacute;lection pour modifier l'&eacute;chelle de l'ensemble de l'objet texte.
Gras et italique
Cliquer sur le bouton Gras ou Italique
sur la barre d'infos (Ctrl + B ou Ctrl + I)
La police active est alors aff&iacute;ch&eacute;e en gras ou en italique.
Attention
: Xtreme Web Designer 5 ne permet d'appliquer les options gras ou italique &agrave; un texte si la police
italique/gras correspondante n'est pas install&eacute;e. N&eacute;anmoins, vous pouvez &eacute;muler facilement le m&ecirc;me effet.
Pour rendre une police en gras, attribuez-lui une &eacute;paisseur tr&egrave;s fine. Pour incliner une police, utilisez la
fonction inclinaison de l'outil de s&eacute;lection. Pour en savoir plus, consultez la section Menu des polices.
Souligner
Cliquez sur le bouton Souligner dans la barre d'infos pour
souligner le texte s&eacute;lectionn&eacute;.
La couleur et la taille du trait de soulignage sont automatiquement d&eacute;riv&eacute;es de la taille et la couleur du
texte.
Justification ou alignement du texte
La justification s'applique syst&eacute;matiquement &agrave; toute la ligne. Toute section s&eacute;lectionn&eacute;e est ignor&eacute;e.
Lorsque vous utilisez un texte simple, la position
initiale du curseur de la souris sur la page est consid&eacute;r&eacute;e
comme point de d&eacute;part pour la justification du texte.
Justification gauche
: aligne le bord gauche du texte sur la position initiale du curseur.
Justification centr&eacute;e
: centre le texte sur la position du curseur.
Justification droite
: aligne le bord droit du texte sur la position initiale du curseur.
Indice et exposant
Cliquer sur le bouton appropri&eacute; sur la barre d'infos
.
Texte normal Indice exposant
Espacement des lignes
Page 436
L'espacement des lignes vous permet de modifier
l'espacement entre deux lignes (et affecte ainsi
l'espacement vertical).
L'espacement des lignes se mesure en pourcentages (120 %) ou points (12 pt). Vous pouvez soit saisir la
valeur d'espacement de lignes dans le champ de texte soit cliquer sur les fl&egrave;ches pour faire progresser les
valeurs.
Un param&egrave;tre en pourcentage a l'avantage de modifier l'&eacute;chelle proportionnellement si vous changez la
taille de la police. Si un pourcentage est appliqu&eacute; &agrave; une ligne de texte avec plus d'une taille de police, la
police la plus grande sera utilis&eacute;e. Par exemple, si une ligne contient du texte en 90 % et 100 %,
l'espacement de ligne sera calcul&eacute; en 100 %.
Espacement des paragraphes
Les deux derniers champs &agrave; l'extr&eacute;mit&eacute; de la barre d'infos
de l'outil d'ajout de texte vous permettent de r&eacute;gler
l'espacement au-dessus et /ou en dessous des paragraphes.
Ceci est particuli&egrave;rement utile lorsque vous souhaitez un espacement d'une demi-ligne entre les
paragraphes.
Tout comme dans Word de Microsoft, si vous d&eacute;finissez un espacement au-dessus et en dessous des
paragraphes, l'espacement entre ces derniers sera celui de plus grande valeur. L'espacement des
paragraphes appliqu&eacute; au-dessus des paragraphes abaissera le premier dans un cadre de texte.
Page 437
Changer la taille de la police
Il existe quatre fa&ccedil;ons de charger la taille de la police :




Saisir une valeur dans le champ de texte de taille sur la barre d'infos et appuyer sur Entr&eacute;e.
Ou la s&eacute;lectionner dans le menu d&eacute;roulant de Taille de police sur la barre d'infos.
Ou augmenter/diminuer la taille de police manuellement &agrave; l'aide des raccourcis clavier
Ctrl+Maj+&gt; et Ctrl+Maj+&lt;. Ceci s'applique uniquement si toutes les parties du texte s&eacute;lectionn&eacute;
ont la m&ecirc;me taille de police.
Ou utiliser l'Outil de s&eacute;lection pour modifier l'&eacute;chelle de l'ensemble de l'objet texte.
Gras et italique
Cliquer sur le bouton Gras ou Italique
sur la barre d'infos (Ctrl + B ou Ctrl + I)
La police active est alors aff&iacute;ch&eacute;e en gras ou en italique.
Attention
: Xtreme Web Designer 5 ne permet d'appliquer les options gras ou italique &agrave; un texte si la police
italique/gras correspondante n'est pas install&eacute;e. N&eacute;anmoins, vous pouvez &eacute;muler facilement le m&ecirc;me effet.
Pour rendre une police en gras, attribuez-lui une &eacute;paisseur tr&egrave;s fine. Pour incliner une police, utilisez la
fonction inclinaison de l'outil de s&eacute;lection. Pour en savoir plus, consultez la section Menu des polices.
Souligner
Cliquez sur le bouton Souligner dans la barre d'infos pour
souligner le texte s&eacute;lectionn&eacute;.
La couleur et la taille du trait de soulignage sont automatiquement d&eacute;riv&eacute;es de la taille et la couleur du
texte.
Justification ou alignement du texte
La justification s'applique syst&eacute;matiquement &agrave; toute la ligne. Toute section s&eacute;lectionn&eacute;e est ignor&eacute;e.
Lorsque vous utilisez un texte simple, la position
initiale du curseur de la souris sur la page est consid&eacute;r&eacute;e
comme point de d&eacute;part pour la justification du texte.
Justification gauche
: aligne le bord gauche du texte sur la position initiale du curseur.
Justification centr&eacute;e
: centre le texte sur la position du curseur.
Justification droite
: aligne le bord droit du texte sur la position initiale du curseur.
Indice et exposant
Cliquer sur le bouton appropri&eacute; sur la barre d'infos
.
Texte normal Indice exposant
Espacement des lignes
L'espacement des lignes vous permet de modifier
l'espacement entre deux lignes (et affecte ainsi
Page 438
l'espacement vertical).
L'espacement des lignes se mesure en pourcentages (120 %) ou points (12 pt). Vous pouvez soit saisir la
valeur d'espacement de lignes dans le champ de texte soit cliquer sur les fl&egrave;ches pour faire progresser les
valeurs.
Un param&egrave;tre en pourcentage a l'avantage de modifier l'&eacute;chelle proportionnellement si vous changez la
taille de la police. Si un pourcentage est appliqu&eacute; &agrave; une ligne de texte avec plus d'une taille de police, la
police la plus grande sera utilis&eacute;e. Par exemple, si une ligne contient du texte en 90 % et 100 %,
l'espacement de ligne sera calcul&eacute; en 100 %.
Espacement des paragraphes
Les deux derniers champs &agrave; l'extr&eacute;mit&eacute; de la barre d'infos
de l'outil d'ajout de texte vous permettent de r&eacute;gler
l'espacement au-dessus et /ou en dessous des paragraphes.
Ceci est particuli&egrave;rement utile lorsque vous souhaitez un espacement d'une demi-ligne entre les
paragraphes.
Tout comme dans Word de Microsoft, si vous d&eacute;finissez un espacement au-dessus et en dessous des
paragraphes, l'espacement entre ces derniers sera celui de plus grande valeur. L'espacement des
paragraphes appliqu&eacute; au-dessus des paragraphes abaissera le premier dans un cadre de texte.
Page 439
Gras et italique
Cliquer sur le bouton Gras ou Italique
sur la barre d'infos (Ctrl + B ou Ctrl + I)
La police active est alors aff&iacute;ch&eacute;e en gras ou en italique.
Attention
: Xtreme Web Designer 5 ne permet d'appliquer les options gras ou italique &agrave; un texte si la police
italique/gras correspondante n'est pas install&eacute;e. N&eacute;anmoins, vous pouvez &eacute;muler facilement le m&ecirc;me effet.
Pour rendre une police en gras, attribuez-lui une &eacute;paisseur tr&egrave;s fine. Pour incliner une police, utilisez la
fonction inclinaison de l'outil de s&eacute;lection. Pour en savoir plus, consultez la section Menu des polices.
Souligner
Cliquez sur le bouton Souligner dans la barre d'infos pour
souligner le texte s&eacute;lectionn&eacute;.
La couleur et la taille du trait de soulignage sont automatiquement d&eacute;riv&eacute;es de la taille et la couleur du
texte.
Justification ou alignement du texte
La justification s'applique syst&eacute;matiquement &agrave; toute la ligne. Toute section s&eacute;lectionn&eacute;e est ignor&eacute;e.
Lorsque vous utilisez un texte simple, la position
initiale du curseur de la souris sur la page est consid&eacute;r&eacute;e
comme point de d&eacute;part pour la justification du texte.
Justification gauche
: aligne le bord gauche du texte sur la position initiale du curseur.
Justification centr&eacute;e
: centre le texte sur la position du curseur.
Justification droite
: aligne le bord droit du texte sur la position initiale du curseur.
Indice et exposant
Cliquer sur le bouton appropri&eacute; sur la barre d'infos
.
Texte normal Indice exposant
Espacement des lignes
L'espacement des lignes vous permet de modifier
l'espacement entre deux lignes (et affecte ainsi
l'espacement vertical).
L'espacement des lignes se mesure en pourcentages (120 %) ou points (12 pt). Vous pouvez soit saisir la
valeur d'espacement de lignes dans le champ de texte soit cliquer sur les fl&egrave;ches pour faire progresser les
valeurs.
Un param&egrave;tre en pourcentage a l'avantage de modifier l'&eacute;chelle proportionnellement si vous changez la
taille de la police. Si un pourcentage est appliqu&eacute; &agrave; une ligne de texte avec plus d'une taille de police, la
police la plus grande sera utilis&eacute;e. Par exemple, si une ligne contient du texte en 90 % et 100 %,
l'espacement de ligne sera calcul&eacute; en 100 %.
Espacement des paragraphes
Page 440
Les deux derniers champs &agrave; l'extr&eacute;mit&eacute; de la barre d'infos
de l'outil d'ajout de texte vous permettent de r&eacute;gler
l'espacement au-dessus et /ou en dessous des paragraphes.
Ceci est particuli&egrave;rement utile lorsque vous souhaitez un espacement d'une demi-ligne entre les
paragraphes.
Tout comme dans Word de Microsoft, si vous d&eacute;finissez un espacement au-dessus et en dessous des
paragraphes, l'espacement entre ces derniers sera celui de plus grande valeur. L'espacement des
paragraphes appliqu&eacute; au-dessus des paragraphes abaissera le premier dans un cadre de texte.
Page 441
Souligner
Cliquez sur le bouton Souligner dans la barre d'infos pour
souligner le texte s&eacute;lectionn&eacute;.
La couleur et la taille du trait de soulignage sont automatiquement d&eacute;riv&eacute;es de la taille et la couleur du
texte.
Justification ou alignement du texte
La justification s'applique syst&eacute;matiquement &agrave; toute la ligne. Toute section s&eacute;lectionn&eacute;e est ignor&eacute;e.
Lorsque vous utilisez un texte simple, la position
initiale du curseur de la souris sur la page est consid&eacute;r&eacute;e
comme point de d&eacute;part pour la justification du texte.
Justification gauche
: aligne le bord gauche du texte sur la position initiale du curseur.
Justification centr&eacute;e
: centre le texte sur la position du curseur.
Justification droite
: aligne le bord droit du texte sur la position initiale du curseur.
Indice et exposant
Cliquer sur le bouton appropri&eacute; sur la barre d'infos
.
Texte normal Indice exposant
Espacement des lignes
L'espacement des lignes vous permet de modifier
l'espacement entre deux lignes (et affecte ainsi
l'espacement vertical).
L'espacement des lignes se mesure en pourcentages (120 %) ou points (12 pt). Vous pouvez soit saisir la
valeur d'espacement de lignes dans le champ de texte soit cliquer sur les fl&egrave;ches pour faire progresser les
valeurs.
Un param&egrave;tre en pourcentage a l'avantage de modifier l'&eacute;chelle proportionnellement si vous changez la
taille de la police. Si un pourcentage est appliqu&eacute; &agrave; une ligne de texte avec plus d'une taille de police, la
police la plus grande sera utilis&eacute;e. Par exemple, si une ligne contient du texte en 90 % et 100 %,
l'espacement de ligne sera calcul&eacute; en 100 %.
Espacement des paragraphes
Les deux derniers champs &agrave; l'extr&eacute;mit&eacute; de la barre d'infos
de l'outil d'ajout de texte vous permettent de r&eacute;gler
l'espacement au-dessus et /ou en dessous des paragraphes.
Ceci est particuli&egrave;rement utile lorsque vous souhaitez un espacement d'une demi-ligne entre les
paragraphes.
Tout comme dans Word de Microsoft, si vous d&eacute;finissez un espacement au-dessus et en dessous des
paragraphes, l'espacement entre ces derniers sera celui de plus grande valeur. L'espacement des
paragraphes appliqu&eacute; au-dessus des paragraphes abaissera le premier dans un cadre de texte.
Page 442
Justification ou alignement du texte
La justification s'applique syst&eacute;matiquement &agrave; toute la ligne. Toute section s&eacute;lectionn&eacute;e est ignor&eacute;e.
Lorsque vous utilisez un texte simple, la position
initiale du curseur de la souris sur la page est consid&eacute;r&eacute;e
comme point de d&eacute;part pour la justification du texte.
Justification gauche
: aligne le bord gauche du texte sur la position initiale du curseur.
Justification centr&eacute;e
: centre le texte sur la position du curseur.
Justification droite
: aligne le bord droit du texte sur la position initiale du curseur.
Indice et exposant
Cliquer sur le bouton appropri&eacute; sur la barre d'infos
.
Texte normal Indice exposant
Espacement des lignes
L'espacement des lignes vous permet de modifier
l'espacement entre deux lignes (et affecte ainsi
l'espacement vertical).
L'espacement des lignes se mesure en pourcentages (120 %) ou points (12 pt). Vous pouvez soit saisir la
valeur d'espacement de lignes dans le champ de texte soit cliquer sur les fl&egrave;ches pour faire progresser les
valeurs.
Un param&egrave;tre en pourcentage a l'avantage de modifier l'&eacute;chelle proportionnellement si vous changez la
taille de la police. Si un pourcentage est appliqu&eacute; &agrave; une ligne de texte avec plus d'une taille de police, la
police la plus grande sera utilis&eacute;e. Par exemple, si une ligne contient du texte en 90 % et 100 %,
l'espacement de ligne sera calcul&eacute; en 100 %.
Espacement des paragraphes
Les deux derniers champs &agrave; l'extr&eacute;mit&eacute; de la barre d'infos
de l'outil d'ajout de texte vous permettent de r&eacute;gler
l'espacement au-dessus et /ou en dessous des paragraphes.
Ceci est particuli&egrave;rement utile lorsque vous souhaitez un espacement d'une demi-ligne entre les
paragraphes.
Tout comme dans Word de Microsoft, si vous d&eacute;finissez un espacement au-dessus et en dessous des
paragraphes, l'espacement entre ces derniers sera celui de plus grande valeur. L'espacement des
paragraphes appliqu&eacute; au-dessus des paragraphes abaissera le premier dans un cadre de texte.
Page 443
Indice et exposant
Cliquer sur le bouton appropri&eacute; sur la barre d'infos
.
Texte normal Indice exposant
Espacement des lignes
L'espacement des lignes vous permet de modifier
l'espacement entre deux lignes (et affecte ainsi
l'espacement vertical).
L'espacement des lignes se mesure en pourcentages (120 %) ou points (12 pt). Vous pouvez soit saisir la
valeur d'espacement de lignes dans le champ de texte soit cliquer sur les fl&egrave;ches pour faire progresser les
valeurs.
Un param&egrave;tre en pourcentage a l'avantage de modifier l'&eacute;chelle proportionnellement si vous changez la
taille de la police. Si un pourcentage est appliqu&eacute; &agrave; une ligne de texte avec plus d'une taille de police, la
police la plus grande sera utilis&eacute;e. Par exemple, si une ligne contient du texte en 90 % et 100 %,
l'espacement de ligne sera calcul&eacute; en 100 %.
Espacement des paragraphes
Les deux derniers champs &agrave; l'extr&eacute;mit&eacute; de la barre d'infos
de l'outil d'ajout de texte vous permettent de r&eacute;gler
l'espacement au-dessus et /ou en dessous des paragraphes.
Ceci est particuli&egrave;rement utile lorsque vous souhaitez un espacement d'une demi-ligne entre les
paragraphes.
Tout comme dans Word de Microsoft, si vous d&eacute;finissez un espacement au-dessus et en dessous des
paragraphes, l'espacement entre ces derniers sera celui de plus grande valeur. L'espacement des
paragraphes appliqu&eacute; au-dessus des paragraphes abaissera le premier dans un cadre de texte.
Page 444
Espacement des lignes
L'espacement des lignes vous permet de modifier
l'espacement entre deux lignes (et affecte ainsi
l'espacement vertical).
L'espacement des lignes se mesure en pourcentages (120 %) ou points (12 pt). Vous pouvez soit saisir la
valeur d'espacement de lignes dans le champ de texte soit cliquer sur les fl&egrave;ches pour faire progresser les
valeurs.
Un param&egrave;tre en pourcentage a l'avantage de modifier l'&eacute;chelle proportionnellement si vous changez la
taille de la police. Si un pourcentage est appliqu&eacute; &agrave; une ligne de texte avec plus d'une taille de police, la
police la plus grande sera utilis&eacute;e. Par exemple, si une ligne contient du texte en 90 % et 100 %,
l'espacement de ligne sera calcul&eacute; en 100 %.
Espacement des paragraphes
Les deux derniers champs &agrave; l'extr&eacute;mit&eacute; de la barre d'infos
de l'outil d'ajout de texte vous permettent de r&eacute;gler
l'espacement au-dessus et /ou en dessous des paragraphes.
Ceci est particuli&egrave;rement utile lorsque vous souhaitez un espacement d'une demi-ligne entre les
paragraphes.
Tout comme dans Word de Microsoft, si vous d&eacute;finissez un espacement au-dessus et en dessous des
paragraphes, l'espacement entre ces derniers sera celui de plus grande valeur. L'espacement des
paragraphes appliqu&eacute; au-dessus des paragraphes abaissera le premier dans un cadre de texte.
Page 445
Espacement des paragraphes
Les deux derniers champs &agrave; l'extr&eacute;mit&eacute; de la barre d'infos
de l'outil d'ajout de texte vous permettent de r&eacute;gler
l'espacement au-dessus et /ou en dessous des paragraphes.
Ceci est particuli&egrave;rement utile lorsque vous souhaitez un espacement d'une demi-ligne entre les
paragraphes.
Tout comme dans Word de Microsoft, si vous d&eacute;finissez un espacement au-dessus et en dessous des
paragraphes, l'espacement entre ces derniers sera celui de plus grande valeur. L'espacement des
paragraphes appliqu&eacute; au-dessus des paragraphes abaissera le premier dans un cadre de texte.
Page 446
Liens hypertextes
Vous pouvez appliquer un lien &agrave; toute partie d'un objet-texte, de sorte que, lorsque le document est
export&eacute; au format HTML, le texte pr&eacute;sente un lien cliquable dans les navigateurs Internet.
Utilisez l'Outil Texte pour s&eacute;lectionner les mots ou caract&egrave;res auxquels
vous souhaitez appliquer le lien, puis cliquez sur le bouton de lien sur la
barre d'outil Web
.
Cela ouvre la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s Web avec l'Onglet de lien
s&eacute;lectionn&eacute;. Sur cet onglet, vous pouvez choisir d'&eacute;tablir un lien avec un URL, une autre page de votre
site ou m&ecirc;me un calque pop-up.
Par d&eacute;faut, lorsque vous appliquez un lien &agrave; du texte, ce dernier appara&icirc;t soulign&eacute; et avec la couleur de
lien hypertexte d&eacute;finie pour le document actuel. Vous pouvez modifier la couleur du lien et d&eacute;cider de
souligner ou non les liens dans l'onglet site Web de la bo&icirc;te de dialogue Propri&eacute;t&eacute;s Web (menu
Outils-&gt;Propri&eacute;t&eacute;s Web
). Vous pouvez &eacute;galement d&eacute;finir la couleur &agrave; afficher lorsque l'utilisateur d&eacute;place le curseur de la souris
sur un lien hypertexte dans un navigateur Internet (&laquo; Couleur de survol de la souris &raquo;), ainsi que la
&laquo; Couleur visit&eacute;e &raquo; utilis&eacute;e pour afficher les liens d&eacute;j&agrave; cliqu&eacute;s par l'utilisateur depuis son navigateur.
Lorsque vous d&eacute;finissez les trois couleurs de lien hypertexte g&eacute;n&eacute;rales, vous pouvez s&eacute;lectionner des
couleurs de th&egrave;me nomm&eacute;es existantes, utilis&eacute;es sur votre site Web, &agrave; l'aide des menus d&eacute;roulants, ou
vous pouvez cliquer sur le bouton &Eacute;diter afin de faire appara&icirc;tre l'&Eacute;diteur de couleur
qui vous permet de choisir la couleur souhait&eacute;e.
Vous pouvez &eacute;galement choisir de red&eacute;finir les couleurs de lien hypertexte g&eacute;n&eacute;rales pour des liens
individuels, si n&eacute;cessaire. Sur l'onglet de lien de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s Web, d&eacute;s&eacute;lectionner
l'option &laquo; Utiliser les couleurs g&eacute;n&eacute;rales de lien vers des sites &raquo;. Alors, le lien s&eacute;lectionn&eacute; sera affich&eacute; en
utilisant la couleur de texte d&eacute;finie dans le document plut&ocirc;t que la couleur de lien hypertexte g&eacute;n&eacute;rale.
Page 447
Texte &agrave; l'int&eacute;rieur de groupes pour sites Web
Lors de l'exportation d'un document en tant que site Web, tous les groupes sont export&eacute;s en tant
qu'images. Ainsi, un texte &agrave; l'int&eacute;rieur de groupes n'est pas pr&eacute;sent en tant que texte sur votre site export&eacute;
et il ne peut donc pas &ecirc;tre rep&eacute;r&eacute; par les moteurs de recherche ou s&eacute;lectionn&eacute; et copi&eacute; en tant que texte
par un visiteur de votre site.
Pour les boutons graphiques, les titres, les logos etc., cela est habituellement souhaitable car le texte fait
partie de l'&eacute;l&eacute;ment graphique. Mais vous pouvez avoir des &eacute;l&eacute;ments de texte plus importants dans des
groupes que vous souhaitez conserver en tant que texte sur votre page Web export&eacute;e. Pour g&eacute;rer cela,
vous devez uniquement appliquer le nom sp&eacute;cial &laquo; Texte HTML &raquo; &agrave; votre objet-texte. Le moyen le plus
simple est le suivant :
1. Rendez-vous dans l'Outil Texte puis cliquez sur le texte pour ins&eacute;rer le curseur.
2. Appuyer sur Esc pour s&eacute;lectionner tout le texte.
3. Ouvrez la bo&icirc;te de dialogue (Outils-&gt;Noms...).
4. Si vous l'avez d&eacute;j&agrave; utilis&eacute; dans le document en cours, s&eacute;lectionnez le nom &laquo; HTMLText &raquo; depuis
le menu d&eacute;roulant &laquo; Appliquer le nom &raquo; ou saisissez le nom &laquo; HTMLText &raquo;. Cliquez ensuite sur le
bouton &laquo; Ajouter &raquo; pour ajouter le nom.
D&eacute;sormais, lorsque vous exportez votre site, votre texte est conserv&eacute; en tant que texte et le reste du
groupe est converti en une image. Tous les panneaux de texte fournis dans la Galerie des designs
ont d&eacute;j&agrave; ce nom appliqu&eacute; aux objets-texte de la galerie. Le texte des panneaux sera donc export&eacute; en
tant que texte.
Les navigateurs ne peuvent pas reproduire de texte pivot&eacute;. Vous ne pouvez donc pas utiliser ce nom
pour forcer l'exportation en tant que texte de texte pivot&eacute;. Dans ce cas, le nom est ignor&eacute;.
Page 448
Copier les polices
La fonction Appliquer les attributs
permet de copier des attributs de n'importe quel texte pour les appliquer &agrave; un autre texte du document :
 S&eacute;lectionnez le texte source dont vous souhaitez conserver les attributs. Il peut s'agir &eacute;galement
d'un seul mot (double-cliquez dessus).
 S&eacute;lectionnez &Eacute;dition &gt; Copier (ou Ctrl+C).
 S&eacute;lectionnez ensuite le texte ou la partie de texte &agrave; laquelle vous souhaitez appliquer les attributs.
 S&eacute;lectionnez &Eacute;dition &gt; Appliquer les attributs (Ctrl+Maj+A).
Si le curseur de texte est positionn&eacute; dans un texte au moment o&ugrave; vous utilisez la fonction Appliquer les
attributs
, les attributs du paragraphe seront &eacute;galement appliqu&eacute;s (par exemple les retraits, marges, etc.).
Si vous avez s&eacute;lectionn&eacute; une partie de texte, la fonction Appliquer les attributs
va permettre d'appliquer tous les &eacute;l&eacute;ments visuels du texte source.
Appliquer les attributs &agrave; tout le texte
Lorsque le curseur est plac&eacute; dans un objet texte colonne ou simple texte, vous pouvez s&eacute;lectionner
l'objet texte complet en cliquant sur Echap. Vous pouvez ensuite appliquer un attribut, d&eacute;finir une
couleur, le tout appliqu&eacute; au texte entier. Cette op&eacute;ration est souvent plus rapide que la fonction
S&eacute;lectionner tout (Ctrl+A).
Cette m&eacute;thode fonctionne pour des segments de texte uniquement lorsque tous les segments de texte
sont s&eacute;lectionn&eacute;s. Pour cela, vous pouvez cliquer sur les diff&eacute;rents segments de texte avec Maj+Clic
dans l'outil de s&eacute;lection
. Cette m&eacute;thode fonctionne uniquement lorsque les zones de texte sont situ&eacute;es sur une seule page. Si le
texte est situ&eacute; sur plusieurs pages et que vous souhaitez le modifier, vous devez d'abord le s&eacute;lectionner
avec la fonction S&eacute;lectionner tout (Ctrl+A) puis appliquer les attributs requis.
Page 449
Appliquer les attributs &agrave; tout le texte
Lorsque le curseur est plac&eacute; dans un objet texte colonne ou simple texte, vous pouvez s&eacute;lectionner
l'objet texte complet en cliquant sur Echap. Vous pouvez ensuite appliquer un attribut, d&eacute;finir une
couleur, le tout appliqu&eacute; au texte entier. Cette op&eacute;ration est souvent plus rapide que la fonction
S&eacute;lectionner tout (Ctrl+A).
Cette m&eacute;thode fonctionne pour des segments de texte uniquement lorsque tous les segments de texte
sont s&eacute;lectionn&eacute;s. Pour cela, vous pouvez cliquer sur les diff&eacute;rents segments de texte avec Maj+Clic
dans l'outil de s&eacute;lection
. Cette m&eacute;thode fonctionne uniquement lorsque les zones de texte sont situ&eacute;es sur une seule page. Si le
texte est situ&eacute; sur plusieurs pages et que vous souhaitez le modifier, vous devez d'abord le s&eacute;lectionner
avec la fonction S&eacute;lectionner tout (Ctrl+A) puis appliquer les attributs requis.
Page 450
Copier/coller un texte format&eacute; (RTF)
Vous pouvez copier des textes appel&eacute;s &laquo; Rich Text &raquo; dans d'autres applications comme les traitements
de texte et les coller dans Xtreme Web Designer 5 ; le texte, la police, les marges, l'espacement seront
conserv&eacute;s. Cela simplifie &eacute;norm&eacute;ment l'&eacute;dition du style de votre texte.
Si vous appliquez un format &laquo; Rich Text &raquo; (RTF) copi&eacute; dans une autre application, vous avez la
possibilit&eacute; de copier le texte comme &laquo; Texte non format&eacute; &raquo; : il appara&icirc;tra alors dans la police et le style
indiqu&eacute;s par le curseur. Au format &laquo; Rich Text &raquo;, le formatage du texte source sera conserv&eacute;.
Cela fonctionne &eacute;galement &agrave; l'inverse. Vous pouvez copier un texte dans Web Designer et le coller dans
d'autres applications prenant en charge l'&eacute;dition dans ce format (police, taille, couleur, marges, etc.).
Cette m&eacute;thode fonctionne uniquement si vous s&eacute;lectionnez et copiez un objet de texte unique ou depuis
un texte.
Certaines applications, comme Microsofot Word, disposent d'un menu &laquo; Coller &raquo; sp&eacute;cial, proposant de
nombreuses options. Ces applications permettent m&ecirc;me de s&eacute;lectionner le format de l'objet coll&eacute; (texte
ou graphique).
Page 451
Visualiser les polices utilis&eacute;es actuellement
Il est parfois utile de visualiser les polices actuellement utilis&eacute;es dans le document, en particulier lorsque
vous souhaitez partager des fichiers avec d'autres utilisateurs de Web Designer qui n'ont pas forc&eacute;ment
install&eacute; les m&ecirc;mes polices.
Pour obtenir une liste compl&egrave;te des polices utilis&eacute;es dans votre document, s&eacute;lectionnez Fichier &gt; Info
document
.
Toutes les polices utilis&eacute;es dans le document mais qui ne sont pas install&eacute;es dans votre syst&egrave;me sont
signal&eacute;es par la mention Non install&eacute;
.
Lorsque vous souhaitez partager un document avec un utilisateur qui n'a pas install&eacute; les m&ecirc;mes polices
que vous, et que cette personne ne doit pas &eacute;diter le texte, vous pouvez alors convertir le texte en formes
&eacute;ditables (voir plus bas).
Page 452
Int&eacute;gration des polices
Xtreme Web Designer 5 enregistre les formes des caract&egrave;res de toutes les polices utilis&eacute;es dans votre
document. Cela signifie que si vous donnez &agrave; quelqu'un d'autre votre fichier de projet, ou si vous
transf&eacute;rez le fichier sur un autre ordinateur, le texte appara&icirc;tra parfaitement, m&ecirc;me si les polices correctes
ne sont pas install&eacute;es sur cet ordinateur. Cette option n'incruste que les caract&egrave;res d'une police qui sont
utilis&eacute;s dans le document (la police n'est pas incluse en entier). Ainsi, sur les ordinateurs ne comportant
pas les polices, le texte ajout&eacute; dans la police manquante ne pr&eacute;sentera &eacute;ventuellement pas les formes de
caract&egrave;re correctes.
Page 453
Compatibilit&eacute; de texte navigateur
C'est une r&eacute;alit&eacute; bien triste, mais diff&eacute;rents navigateurs affichent le m&ecirc;me texte de mani&egrave;re relativement
diff&eacute;rente, habituellement avec une diff&eacute;rence de taille ou de longueur de ligne. Au moment de la
r&eacute;daction du pr&eacute;sent document, seul un navigateur Internet permet d'obtenir les tailles de texte correctes
(Firefox 3 pour Mac), tous les autres navigateurs affichent un texte qui est souvent trop long, dont les
tailles sont arrondies &agrave; des pixels entiers (par exemple, un texte en 10 pt n'est pas affich&eacute; en 10 mais &agrave; la
taille de pixel entier la plus proche (13 pixels).
Xtreme Web Designer 5 est con&ccedil;u pour simuler le comportement des navigateurs les plus courants, pour
ajuster les tailles interm&eacute;diaires &agrave; des pixels entiers et pour ajuster les longueurs de ligne afin de simuler le
texte tel qu'il appara&icirc;t sur les navigateurs Windows. Vous pouvez d&eacute;sactiver cet ajustement dans la bo&icirc;te
de dialogue Options, onglet G&eacute;n&eacute;ral (menu Outils-&gt; Options) en d&eacute;cochant l'option &laquo; Afficher les
longueurs de texte compatibles avec Windows
&raquo;.
Note avanc&eacute;e : si vous utilisez Web Designer ou si vous d&eacute;sactivez cette option de compatibilit&eacute;, puis
que vous saisissez une taille interm&eacute;diaire, par exemple 13,6 pixels ou 10pt, vous obtiendrez un texte
exactement et pr&eacute;cis&eacute;ment mis &agrave; cet &eacute;chelle. Cependant, nous vous avons pr&eacute;venu que la plupart des
navigateurs Internet afficheront ce texte &agrave; une taille l&eacute;g&egrave;rement plus large ou plus petite que ce que vous
voyez dans Xtreme Web Designer 5.
Une autre cons&eacute;quence de ce (mauvais) comportement des navigateurs est que pour les petites tailles de
police, le passage d'une taille &agrave; l'autre repr&eacute;sente un &eacute;cart relativement &eacute;lev&eacute;. Ainsi, il ne sera pas possible
d'obtenir une taille de police entre 9 pix et 10 pix. La plupart des navigateurs ne peuvent pas afficher de
taille interm&eacute;diaire (que vous utilisiez des points, des cadratins ou toute autre unit&eacute;). Vous verrez donc les
tailles de texte de Xtreme Web Designer 5 passer d'une taille &agrave; l'autre lorsque vous redimensionnez les
objets.
Page 454
L'outil de remplissage
Cr&eacute;ation d'un remplissage de couleur
d&eacute;grad&eacute;
Le proc&eacute;d&eacute; de cr&eacute;ation d'un remplissage est &agrave; peu pr&egrave;s similaire pour
tous les types de remplissage :
1. s&eacute;lectionnez l'objet ou les objets auxquels vous souhaitez appliquer le remplissage.
2. S&eacute;lectionnez l'outil de remplissage (raccourci : F5)
3. S&eacute;lectionnez le type de remplissage depuis le menu d&eacute;roulant.
4. Cliquez et tirez la s&eacute;lection sur l'objet pour cr&eacute;er le remplissage.
4. Ou encore, tirez sur l'une des poign&eacute;es de remplissage pour ajuster la taille du remplissage et sa
position.
Xtreme Web Designer 5 affiche un aper&ccedil;u interactif et fluide du remplissage lorsque vous tirez. Il s'agit
d'un avantage non n&eacute;gligeable en comparaison avec les outils de remplissage bas&eacute;s sur des bo&icirc;tes de
dialogue. L'op&eacute;ration est non seulement plus rapide, et plus simple, mais elle vous permet &eacute;galement
d'obtenir d&egrave;s le d&eacute;but des positions de d&eacute;marrage et de fin correctes.
Lorsque vous tirez, une petite fl&egrave;che s'affiche, indiquant la direction du remplissage. Vous pouvez en
outre s&eacute;lectionner les poign&eacute;es de remplissage et les tirer pour ajuster la position et l'angle du
remplissage.
Colorer les remplissages
S&eacute;lectionner l'une des poign&eacute;es de remplissage et cliquez sur une couleur dans la palette ou utilisez l'
&eacute;diteur de couleurs
pour d&eacute;finir une nouvelle couleur. Vous pouvez alterner entre les poign&eacute;es de remplissage en cliquant sur
le tabulateur.
Modifier la s&eacute;lection
Dans l'outil de remplissage, un clic sur l'objet est suffisant pour le s&eacute;lectionner, il n'est pas n&eacute;cessaire
d'aller dans l'outil de s&eacute;lection
pour s&eacute;lectionner d'autres objets.
Page 455
Cr&eacute;ation d'un remplissage de couleur d&eacute;grad&eacute;
Le proc&eacute;d&eacute; de cr&eacute;ation d'un remplissage est &agrave; peu pr&egrave;s similaire pour
tous les types de remplissage :
1. s&eacute;lectionnez l'objet ou les objets auxquels vous souhaitez appliquer le remplissage.
2. S&eacute;lectionnez l'outil de remplissage (raccourci : F5)
3. S&eacute;lectionnez le type de remplissage depuis le menu d&eacute;roulant.
4. Cliquez et tirez la s&eacute;lection sur l'objet pour cr&eacute;er le remplissage.
4. Ou encore, tirez sur l'une des poign&eacute;es de remplissage pour ajuster la taille du remplissage et sa
position.
Xtreme Web Designer 5 affiche un aper&ccedil;u interactif et fluide du remplissage lorsque vous tirez. Il s'agit
d'un avantage non n&eacute;gligeable en comparaison avec les outils de remplissage bas&eacute;s sur des bo&icirc;tes de
dialogue. L'op&eacute;ration est non seulement plus rapide, et plus simple, mais elle vous permet &eacute;galement
d'obtenir d&egrave;s le d&eacute;but des positions de d&eacute;marrage et de fin correctes.
Lorsque vous tirez, une petite fl&egrave;che s'affiche, indiquant la direction du remplissage. Vous pouvez en
outre s&eacute;lectionner les poign&eacute;es de remplissage et les tirer pour ajuster la position et l'angle du
remplissage.
Colorer les remplissages
S&eacute;lectionner l'une des poign&eacute;es de remplissage et cliquez sur une couleur dans la palette ou utilisez l'
&eacute;diteur de couleurs
pour d&eacute;finir une nouvelle couleur. Vous pouvez alterner entre les poign&eacute;es de remplissage en cliquant sur
le tabulateur.
Modifier la s&eacute;lection
Dans l'outil de remplissage, un clic sur l'objet est suffisant pour le s&eacute;lectionner, il n'est pas n&eacute;cessaire
d'aller dans l'outil de s&eacute;lection
pour s&eacute;lectionner d'autres objets.
Page 456
Types de remplissage
Web Designer poss&egrave;de les types de couleurs de remplissage suivants :
Remplissage uniforme
: la surface de la forme est compos&eacute;e d'une seule couleur
unie.
Remplissage lin&eacute;aire
: la couleur de remplissage est graduellement modifi&eacute;e.
Remplissage circulaire
: le d&eacute;grad&eacute; de couleur s'effectue de fa&ccedil;on circulaire,
partant d'un point pour s'&eacute;tendre vers l'ext&eacute;rieur en
cercles.
Remplissage elliptique
: similaire au remplissage circulaire, mais le d&eacute;grad&eacute;
s'effectue dans une forme elliptique.
Remplissage bitmap : l'objet est rempli avec un ou
plusieurs copies empil&eacute;es du bitmap ou de la photo.
Toutes les photos que vous voyez dans Xtreme Web
Designer 5 sont des formes compos&eacute;es de remplissages
bitmap (normalement des rectangles). Vous pouvez utiliser
n'importe quel bitmap se trouvant dans les galeries Bitmap
ou de remplissage
.
Nuage fractal
: cette fonction produit un motif de remplissage al&eacute;atoire,
tr&egrave;s utile pour repr&eacute;senter des nuages ou de la brume.
Plasma fractal
: il s'agit d'un motif de remplissage al&eacute;atoire qui poss&egrave;de
plus de contraste qu'un remplissage en nuage fractal.
L'Outil de remplissage
vous permet d'appliquer ces types de remplissage &agrave; l'objet s&eacute;lectionn&eacute; ainsi que d'&eacute;diter et d'ajuster les
remplissages.
S&eacute;lectionner automatiquement l'int&eacute;rieur
Dans l'Outil de remplissage, la &laquo; S&eacute;lection de l'int&eacute;rieur &raquo; est automatique si vous cliquez sur un objet,
c'est-&agrave;-dire une partie d'un groupe, au lieu de s&eacute;lectionner un groupe en entier. Dans l'Outil de
remplissage, si vous cliquez sur un objet qui se trouve &agrave; l'int&eacute;rieur d'un groupe, cet objet sera s&eacute;lectionn&eacute;
au lieu du groupe en entier. Cela s'appelle &laquo; s&eacute;lection int&eacute;rieure &raquo;. Cela facilite l'&eacute;dition de photos et de
remplissages &agrave; l'int&eacute;rieur d'un groupe. Si vous souhaitez modifier les attributs du remplissage d'un groupe,
vous devez d'abord s&eacute;lectionner le groupe en utilisant l'Outil de s&eacute;lection.
Page 457
Barre d'infos de l'outil de remplissage
Type de
remplissage
Quadrillage Effet du
Bitmap
du
remplissag nom
remplissage e
Poign&eacute;e de Couleur de
remplissag poign&eacute;e/
e/
Grain
R&eacute;solution
Type de remplissage
permet de s&eacute;lectionner le type du remplissage. Depuis ce menu :
 lorsque qu'un objet est s&eacute;lectionn&eacute;, le remplissage sera appliqu&eacute; &agrave; cet objet ;
 sans objet s&eacute;lectionn&eacute;, le type de remplissage par d&eacute;faut est d&eacute;fini puis il est utilis&eacute; pour les
nouveaux objets dessin&eacute;s.
Le Quadrillage du remplissage
est appliqu&eacute; pour les remplissages bitmap ou fractal. Les options sont d&eacute;crites plus bas, dans les
remplissages bitmap. Le quadrillage du remplissage modifie la r&eacute;p&eacute;tition de l'effet de remplissage. Les
options sont les suivantes :
 Simple : le remplissage est utilis&eacute; une fois uniquement, quelle que soit la taille de l'objet. La zone
situ&eacute;e autour de la &laquo; tuile &raquo; est transparente.
 R&eacute;p&eacute;t&eacute; : il y a r&eacute;p&eacute;tition de l'effet de remplissage afin de remplir l'objet entier.
 R&eacute;p&eacute;t&eacute; invers&eacute; : disponible uniquement pour les remplissages fractal et bitmap. Similaire &agrave; la tuile
r&eacute;p&eacute;t&eacute;e, mais chaque second carreau est invers&eacute;. Cela aide &agrave; masquer les lignes de jointure l&agrave; o&ugrave;
les tuiles se rejoignent.
Une ellipse avec un remplissage en ellipse r&eacute;p&eacute;t&eacute;
Effet de remplissage
est ????utilis&eacute; pour tous les types de remplissage. Il permet de contr&ocirc;ler le d&eacute;grad&eacute; des couleurs de
remplissage de la premi&egrave;re &agrave; la derni&egrave;re couleur :
 Transition : permet de cr&eacute;er un fondu encha&icirc;n&eacute; lin&eacute;aire entre deux couleurs.
 Arc-en-ciel : permet de r&eacute;aliser une transition sur le bord le plus court de cercle de couleur
TSV. Par exemple, un m&eacute;lange de jaune et de cyan donnera un cyan jaune vert.
Cette option est sans effet lorsque les deux couleurs sont noir, blanc ou gris.
 Alt Arc-en-ciel : la fonction est similaire &agrave; Arc-en-ciel, mais la transition sera r&eacute;alis&eacute;e sur le bord
le plus long du cercle de couleur. Par exemple, le jaune et le cyan iront du jaune rouge magenta
bleu au cyan.
Nom bitmap affiche un menu d&eacute;roulant comprenant des images d'aper&ccedil;u de tous les bitmaps de la
Galerie bitmap
, et est une m&eacute;thode simple pour s&eacute;lectionner un bitmap/une photo requis lors d'un remplissage bitmap.
Poign&eacute;e de remplissage
: indique si la poign&eacute;e de d&eacute;but ou de fin est s&eacute;lectionn&eacute;e. Ce champ est vide en pr&eacute;sence de
remplissages uniformes.
R&eacute;solution
(uniquement pour les remplissages fractal et bitmap) : indique la r&eacute;solution du bitmap (tant que les
Page 458
poign&eacute;e de remplissage ne sont pas s&eacute;lectionn&eacute;es). Vous pouvez entrer des nouvelles valeurs de
r&eacute;solution pour modifier la taille du bitmap. Les r&eacute;solutions basses montrent les diff&eacute;rents pixels du
bitmap. Vous avez rarement besoin d'une r&eacute;solution sup&eacute;rieure &agrave; 150 dpi, m&ecirc;me lorsqu'il s'agit de
caract&egrave;res d'&eacute;criture. 96 DPI suffit pour la r&eacute;solution d'&eacute;cran.
Couleur de poign&eacute;e de remplissage
(except&eacute; pour les remplissages bitmap) : indique la couleur appliqu&eacute;e &agrave; la poign&eacute;e de remplissage
s&eacute;lectionn&eacute;e.
Page 459
Remplissages uniformes
Pour appliquer ou modifier un remplissage uniforme :
1. s&eacute;lectionnez un remplissage uniforme depuis le
menu de type de remplissage.
2. S&eacute;lectionnez une couleur dans la Palette des
couleurs.
La palette de couleurs est d&eacute;crite dans le chapitre Utilisation des couleurs
.
Page 460
Remplissages lin&eacute;aires
Pour appliquer un
remplissage
lin&eacute;aire :
1. S&eacute;lectionnez un remplissage lin&eacute;aire dans le menu des types de remplissage. (Pas n&eacute;cessaire si
l'objet actuel dispose d'un remplissage uniforme).
2. Positionnez le pointeur de la souris &agrave; l'endroit o&ugrave; vous souhaitez d&eacute;marrer le remplissage. (Cela
peut &eacute;galement se situer en dehors de l'objet)
3. Tirez le pointeur de la souris &agrave; l'endroit o&ugrave; vous souhaitez terminer le remplissage. (Ce point peut
&eacute;galement se trouver en dehors de l'objet).
La fl&egrave;che affich&eacute;e sur l'objet s&eacute;lectionn&eacute; est appel&eacute;e fl&egrave;che de remplissage. Elle indique la direction et
l'&eacute;tendue du remplissage. Vous pouvez au choix s&eacute;lectionner chaque fin de la fl&egrave;che en cliquant dessus.
D&eacute;placer la poign&eacute;e de d&eacute;but ou de fin du remplissage
Pour modifier la direction et l'&eacute;tendue du remplissage :
1. Positionnez le pointeur de la souris sur la poign&eacute;e que vous
souhaitez d&eacute;placer. Lorsqu'il est en position, le pointeur
change de forme.
2. Tirez la poign&eacute;e.
Modifier les couleurs de remplissage
Pour modifier la couleur dans un remplissage :
 Faire un glisser&amp;d&eacute;placer de la couleur depuis la Palette des couleurs sur une poign&eacute;e de
remplissage (vous n'avez pas besoin de s&eacute;lectionner la poign&eacute;e en premier).
 Ou placez la couleur dans l'objet par glisser&amp;d&eacute;poser. Chaque remplissage dispose d'une ligne
m&eacute;diane imaginaire le long de la fl&egrave;che de remplissage. Si vous placez la couleur sur la poign&eacute;e
de d&eacute;but, vous en modifiez la couleur, de m&ecirc;me pour la poign&eacute;e de fin.
 Ou, si l'une des poign&eacute;es de fin est s&eacute;lectionn&eacute;e (surlign&eacute;e), cliquez simplement sur une couleur.
Vous pouvez utiliser le &laquo; Tabulateur &raquo; pour s&eacute;lectionner l'autre poign&eacute;e de remplissage, et cliquer
sur la couleur choisie.
La palette de couleurs est d&eacute;crite dans le chapitre Utilisation des couleurs
.
Chaque m&eacute;thode change la couleur d'une seule poign&eacute;e ; elle ne change pas les autres poign&eacute;es de
remplissage s&eacute;lectionn&eacute;es, ou :
1. S&eacute;lectionnez la poign&eacute;e de votre choix (ou les poign&eacute;es, dans le cas o&ugrave; vous avez plusieurs
objets).
2. S&eacute;lectionnez la couleur souhait&eacute;e dans la palette.
3. Cette op&eacute;ration modifie toutes les poign&eacute;es de remplissage s&eacute;lectionn&eacute;es.
Page 461
D&eacute;placer la poign&eacute;e de d&eacute;but ou de fin du remplissage
Pour modifier la direction et l'&eacute;tendue du remplissage :
1. Positionnez le pointeur de la souris sur la poign&eacute;e que vous
souhaitez d&eacute;placer. Lorsqu'il est en position, le pointeur
change de forme.
2. Tirez la poign&eacute;e.
Modifier les couleurs de remplissage
Pour modifier la couleur dans un remplissage :
 Faire un glisser&amp;d&eacute;placer de la couleur depuis la Palette des couleurs sur une poign&eacute;e de
remplissage (vous n'avez pas besoin de s&eacute;lectionner la poign&eacute;e en premier).
 Ou placez la couleur dans l'objet par glisser&amp;d&eacute;poser. Chaque remplissage dispose d'une ligne
m&eacute;diane imaginaire le long de la fl&egrave;che de remplissage. Si vous placez la couleur sur la poign&eacute;e
de d&eacute;but, vous en modifiez la couleur, de m&ecirc;me pour la poign&eacute;e de fin.
 Ou, si l'une des poign&eacute;es de fin est s&eacute;lectionn&eacute;e (surlign&eacute;e), cliquez simplement sur une couleur.
Vous pouvez utiliser le &laquo; Tabulateur &raquo; pour s&eacute;lectionner l'autre poign&eacute;e de remplissage, et cliquer
sur la couleur choisie.
La palette de couleurs est d&eacute;crite dans le chapitre Utilisation des couleurs
.
Chaque m&eacute;thode change la couleur d'une seule poign&eacute;e ; elle ne change pas les autres poign&eacute;es de
remplissage s&eacute;lectionn&eacute;es, ou :
1. S&eacute;lectionnez la poign&eacute;e de votre choix (ou les poign&eacute;es, dans le cas o&ugrave; vous avez plusieurs
objets).
2. S&eacute;lectionnez la couleur souhait&eacute;e dans la palette.
3. Cette op&eacute;ration modifie toutes les poign&eacute;es de remplissage s&eacute;lectionn&eacute;es.
Page 462
Modifier les couleurs de remplissage
Pour modifier la couleur dans un remplissage :
 Faire un glisser&amp;d&eacute;placer de la couleur depuis la Palette des couleurs sur une poign&eacute;e de
remplissage (vous n'avez pas besoin de s&eacute;lectionner la poign&eacute;e en premier).
 Ou placez la couleur dans l'objet par glisser&amp;d&eacute;poser. Chaque remplissage dispose d'une ligne
m&eacute;diane imaginaire le long de la fl&egrave;che de remplissage. Si vous placez la couleur sur la poign&eacute;e
de d&eacute;but, vous en modifiez la couleur, de m&ecirc;me pour la poign&eacute;e de fin.
 Ou, si l'une des poign&eacute;es de fin est s&eacute;lectionn&eacute;e (surlign&eacute;e), cliquez simplement sur une couleur.
Vous pouvez utiliser le &laquo; Tabulateur &raquo; pour s&eacute;lectionner l'autre poign&eacute;e de remplissage, et cliquer
sur la couleur choisie.
La palette de couleurs est d&eacute;crite dans le chapitre Utilisation des couleurs
.
Chaque m&eacute;thode change la couleur d'une seule poign&eacute;e ; elle ne change pas les autres poign&eacute;es de
remplissage s&eacute;lectionn&eacute;es, ou :
1. S&eacute;lectionnez la poign&eacute;e de votre choix (ou les poign&eacute;es, dans le cas o&ugrave; vous avez plusieurs
objets).
2. S&eacute;lectionnez la couleur souhait&eacute;e dans la palette.
3. Cette op&eacute;ration modifie toutes les poign&eacute;es de remplissage s&eacute;lectionn&eacute;es.
Page 463
Remplissages circulaires
Pour les remplissages circulaires, les op&eacute;rations
d'application du remplissage, de d&eacute;placement des
poign&eacute;es et de modification des couleurs sont les m&ecirc;me
que pour les remplissages lin&eacute;aires. La poign&eacute;e de d&eacute;but
est le centre du remplissage.
Les remplissages circulaires sont utiles pour cr&eacute;er des effets projecteurs.
Toute modification du rapport largeur hauteur de l'objet entra&icirc;ne automatiquement la modification d'un
remplissage circulaire en remplissage elliptique (vois plus bas).
Page 464
Remplissages elliptiques
Un remplissage elliptique s'applique de la m&ecirc;me mani&egrave;re
qu'un remplissage lin&eacute;aire. Lorsque vous tirez le pointeur
de la souris, vous cr&eacute;ez d'abord un cercle avec deux
poign&eacute;es de fin. Vous pouvez ensuite tirer les poign&eacute;es de
fin pour cr&eacute;er une ellipse adapt&eacute;e.
Appuyer sur la touche Maj de votre clavier et faire glisser le curseur de la souris pr&eacute;serve les proportions
du remplissage. Appuyer sur CTRL et faire glisser limite la rotation aux angles pr&eacute;d&eacute;finis. Le
d&eacute;placement des poign&eacute;es et la modification des couleurs se font de la m&ecirc;me fa&ccedil;on que pour les
remplissages lin&eacute;aires.
Une fa&ccedil;on rapide d'appliquer un remplissage elliptique :
Appuyez sur la touche Maj de votre clavier et faites glisser le curseur de la souris.
Page 465
Remplissages bitmap
La Galerie des Bitmaps est d&eacute;crite dans Galerie Bitmap dans le chapitre sur la manipulation des photos,
voir ci-dessous pour la Galerie des remplissages
.
Les remplissages bitmap sont parmi les plus puissants types de remplissage. Ils permettent d'utiliser
n'importe quelle photo ou texture comme remplissage, et cela pour n'importe quelle forme, et vous
pouvez en modifier directement la taille, l'angle, la position et le quadrillage. Vous pouvez &eacute;galement
colorer des remplissages bitmap. Vous pouvez utiliser tout type de bitmap comme remplissage, y
compris des photos au format JPEG et des Bitmaps alpha-channel (semi-transparent).
Lorsque vous importez un fichier photo dans Xtreme Web Designer 5 (p.ex. un fichier JPG ou PNG), il
appara&icirc;t en tant que forme avec un type de remplissage bitmap. Lorsqu'un tel objet est s&eacute;lectionn&eacute;, la
ligne de statut l'affiche en tant que photo, mais elle est similaire &agrave; une forme &agrave; laquelle on aurait appliqu&eacute;
une photo en tant que remplissage bitmap.
Pour remplir une forme avec un remplissage bitmap ou photo, op&eacute;rez de la mani&egrave;re suivante :
 Tirez n'importe quel bitmap depuis la Galerie de bitmap ou depuis l'explorateur de fichiers de
Windows et placez-le sur n'importe quelle forme, maintenez la touche Maj appuy&eacute;e et d&eacute;posez
ou
 Tirez n'importe quel remplissage depuis la Galerie de remplissages sur la forme (il n'est pas
n&eacute;cessaire ici de maintenir la touche Maj appuy&eacute;e dans ce cas).
 S&eacute;lectionnez l'entr&eacute;e Bitmap sur la gauche du menu d&eacute;roulant de la barre d'outil de remplissage
puis s&eacute;lectionnez le bitmap s&eacute;lectionn&eacute; dans le menu d&eacute;roulant (il affiche uniquement les Bitmaps
qui ont &eacute;t&eacute; charg&eacute;s auparavant).
Vous pouvez remplir un objet avec un ou plusieurs quadrillages (r&eacute;p&eacute;titions de l'image bitmap).
Carreau individuel
R&eacute;p&eacute;ter le quadrillage R&eacute;p&eacute;t&eacute; invers&eacute; : les carreaux
(photo)
sont parfaitement accord&eacute;s.
Le remplissage dispose de trois poign&eacute;es. Vous pouvez les utiliser pour Redimensionner et repositionner
les remplissages de bitmap
. Une m&eacute;thode alternative de d&eacute;finition de la taille du bitmap consiste &agrave; entrer manuellement la valeur de
la r&eacute;solution. Commencez par d&eacute;s&eacute;lectionner les poign&eacute;es de remplissage en cliquant n'importe o&ugrave; sur
l'image autre que sur une de ces poign&eacute;es puis entrez une nouvelle r&eacute;solution dpi.
Remplacer des remplissages bitmap
Si une forme contient d&eacute;j&agrave; un bitmap, ou qu'il s'agit d'une photo, vous pouvez juste placer par
glisser-d&eacute;poser un nouveau bitmap depuis n'importe quelle source, comme l'explorateur Windows, et il
remplacera automatiquement le bitmap existant. La nouvelle image est ajust&eacute;e dans la forme de mani&egrave;re &agrave;
y &ecirc;tre adapt&eacute;e. Cette op&eacute;ration remplacera aussi toutes les autres instances de cette photo sur la page en
cours.
Si vous maintenez la touche Maj
enfonc&eacute;e pendant que vous remplacez une photo de cette fa&ccedil;on, la position, l'&eacute;chelle et la rotation du
Page 466
remplissage bitmap seront pr&eacute;serv&eacute;es.
Colorer un bitmap
Vous pouvez colorer un bitmap ou un remplissage de photo en cliquant seulement sur n'importe quelle
couleur dans la Palette de couleurs (assurez-vous qu'aucune poign&eacute;e de remplissage n'est s&eacute;lectionn&eacute;e,
en cliquant sur l'image). Un Contone sera alors cr&eacute;&eacute; (techniquement il s'agit d'un Duotone) qui va du noir
vers la couleur s&eacute;lectionn&eacute;e. Vous pouvez &eacute;galement effectuer un clic droit sur la palette de couleurs et
s&eacute;lectionner l'option D&eacute;terminer la couleur claire contone ou D&eacute;terminer la couleur sombre
contone
.
Pour par exemple transformer une image couleur en noir et blanc, il vous suffit de cliquer sur la couleur
Blanc dans la palette de couleurs.
Pour annuler n'importe quelle couleur
appliqu&eacute;e, cliquez sur Non. Cliquez
sur Couleur
pour chacune des poign&eacute;es de
remplissage. La couleur originale du
bitmap est restaur&eacute;e.
Le champ R&eacute;solution dans la barre d'infos
affiche la r&eacute;solution que vous pouvez d&eacute;finir en d&eacute;pla&ccedil;ant les poign&eacute;es de remplissage ou en entrant
manuellement une valeur.
Calibrer et positionner un remplissage bitmap
Une fois que le remplissage est cr&eacute;&eacute;, vous pouvez
le d&eacute;placer dans l'image pour le repositionner &agrave;
l'int&eacute;rieur de la forme.
Lorsque vous passez avec la souris sur les
poign&eacute;es ext&eacute;rieures de remplissage, le curseur de
la souris se transforme en un curseur &laquo; de
rotation &raquo;. Si vous tirez sur ces poign&eacute;es, le
remplissage bitmap sera &eacute;tir&eacute; et tourn&eacute;, tout en
conservant ses proportions actuelles ; maintenez la
touche N enfonc&eacute;e pendant que vous tirez pour
changer les dimensions horizontales et verticales
ind&eacute;pendamment les unes des autres, pour
pouvoir incliner le remplissage. La barre d'infos
affiche la r&eacute;solution du remplissage bitmap (vous
pouvez l'ajuster, ainsi la taille du bitmap, en
entrant une nouvelle valeur).
Un exemple
Page 467
Pour remplir l'ellipse situ&eacute;e sur la gauche avec la photo du centre ;
1. Tirez la photo ou le fichier Bitmap de l'explorateur Windows (ou de la Galerie des Bitmaps s'ils
sont d&eacute;j&agrave; utilis&eacute;s dans le document) sur l'ellipse et faites-la glisser en maintenant la touche Maj.
L'outil de Remplissage devient l'outil actuel.
2. Vous pouvez alors ajouter les angles et la taille de l'image en tirant sur les poign&eacute;es de
Remplissage.
L'exemple ci-dessus pr&eacute;sente une ombre simple. Voir le chapitre sur l'outil ombres
pour de plus amples informations.
Page 468
Remplacer des remplissages bitmap
Si une forme contient d&eacute;j&agrave; un bitmap, ou qu'il s'agit d'une photo, vous pouvez juste placer par
glisser-d&eacute;poser un nouveau bitmap depuis n'importe quelle source, comme l'explorateur Windows, et il
remplacera automatiquement le bitmap existant. La nouvelle image est ajust&eacute;e dans la forme de mani&egrave;re &agrave;
y &ecirc;tre adapt&eacute;e. Cette op&eacute;ration remplacera aussi toutes les autres instances de cette photo sur la page en
cours.
Si vous maintenez la touche Maj
enfonc&eacute;e pendant que vous remplacez une photo de cette fa&ccedil;on, la position, l'&eacute;chelle et la rotation du
remplissage bitmap seront pr&eacute;serv&eacute;es.
Colorer un bitmap
Vous pouvez colorer un bitmap ou un remplissage de photo en cliquant seulement sur n'importe quelle
couleur dans la Palette de couleurs (assurez-vous qu'aucune poign&eacute;e de remplissage n'est s&eacute;lectionn&eacute;e,
en cliquant sur l'image). Un Contone sera alors cr&eacute;&eacute; (techniquement il s'agit d'un Duotone) qui va du noir
vers la couleur s&eacute;lectionn&eacute;e. Vous pouvez &eacute;galement effectuer un clic droit sur la palette de couleurs et
s&eacute;lectionner l'option D&eacute;terminer la couleur claire contone ou D&eacute;terminer la couleur sombre
contone
.
Pour par exemple transformer une image couleur en noir et blanc, il vous suffit de cliquer sur la couleur
Blanc dans la palette de couleurs.
Pour annuler n'importe quelle couleur
appliqu&eacute;e, cliquez sur Non. Cliquez
sur Couleur
pour chacune des poign&eacute;es de
remplissage. La couleur originale du
bitmap est restaur&eacute;e.
Le champ R&eacute;solution dans la barre d'infos
affiche la r&eacute;solution que vous pouvez d&eacute;finir en d&eacute;pla&ccedil;ant les poign&eacute;es de remplissage ou en entrant
manuellement une valeur.
Calibrer et positionner un remplissage bitmap
Une fois que le remplissage est cr&eacute;&eacute;, vous pouvez
le d&eacute;placer dans l'image pour le repositionner &agrave;
l'int&eacute;rieur de la forme.
Lorsque vous passez avec la souris sur les
poign&eacute;es ext&eacute;rieures de remplissage, le curseur de
la souris se transforme en un curseur &laquo; de
rotation &raquo;. Si vous tirez sur ces poign&eacute;es, le
remplissage bitmap sera &eacute;tir&eacute; et tourn&eacute;, tout en
conservant ses proportions actuelles ; maintenez la
touche N enfonc&eacute;e pendant que vous tirez pour
changer les dimensions horizontales et verticales
ind&eacute;pendamment les unes des autres, pour
pouvoir incliner le remplissage. La barre d'infos
Page 469
affiche la r&eacute;solution du remplissage bitmap (vous
pouvez l'ajuster, ainsi la taille du bitmap, en
entrant une nouvelle valeur).
Un exemple
Pour remplir l'ellipse situ&eacute;e sur la gauche avec la photo du centre ;
1. Tirez la photo ou le fichier Bitmap de l'explorateur Windows (ou de la Galerie des Bitmaps s'ils
sont d&eacute;j&agrave; utilis&eacute;s dans le document) sur l'ellipse et faites-la glisser en maintenant la touche Maj.
L'outil de Remplissage devient l'outil actuel.
2. Vous pouvez alors ajouter les angles et la taille de l'image en tirant sur les poign&eacute;es de
Remplissage.
L'exemple ci-dessus pr&eacute;sente une ombre simple. Voir le chapitre sur l'outil ombres
pour de plus amples informations.
Page 470
Colorer un bitmap
Vous pouvez colorer un bitmap ou un remplissage de photo en cliquant seulement sur n'importe quelle
couleur dans la Palette de couleurs (assurez-vous qu'aucune poign&eacute;e de remplissage n'est s&eacute;lectionn&eacute;e,
en cliquant sur l'image). Un Contone sera alors cr&eacute;&eacute; (techniquement il s'agit d'un Duotone) qui va du noir
vers la couleur s&eacute;lectionn&eacute;e. Vous pouvez &eacute;galement effectuer un clic droit sur la palette de couleurs et
s&eacute;lectionner l'option D&eacute;terminer la couleur claire contone ou D&eacute;terminer la couleur sombre
contone
.
Pour par exemple transformer une image couleur en noir et blanc, il vous suffit de cliquer sur la couleur
Blanc dans la palette de couleurs.
Pour annuler n'importe quelle couleur
appliqu&eacute;e, cliquez sur Non. Cliquez
sur Couleur
pour chacune des poign&eacute;es de
remplissage. La couleur originale du
bitmap est restaur&eacute;e.
Le champ R&eacute;solution dans la barre d'infos
affiche la r&eacute;solution que vous pouvez d&eacute;finir en d&eacute;pla&ccedil;ant les poign&eacute;es de remplissage ou en entrant
manuellement une valeur.
Calibrer et positionner un remplissage bitmap
Une fois que le remplissage est cr&eacute;&eacute;, vous pouvez
le d&eacute;placer dans l'image pour le repositionner &agrave;
l'int&eacute;rieur de la forme.
Lorsque vous passez avec la souris sur les
poign&eacute;es ext&eacute;rieures de remplissage, le curseur de
la souris se transforme en un curseur &laquo; de
rotation &raquo;. Si vous tirez sur ces poign&eacute;es, le
remplissage bitmap sera &eacute;tir&eacute; et tourn&eacute;, tout en
conservant ses proportions actuelles ; maintenez la
touche N enfonc&eacute;e pendant que vous tirez pour
changer les dimensions horizontales et verticales
ind&eacute;pendamment les unes des autres, pour
pouvoir incliner le remplissage. La barre d'infos
affiche la r&eacute;solution du remplissage bitmap (vous
pouvez l'ajuster, ainsi la taille du bitmap, en
entrant une nouvelle valeur).
Un exemple
Page 471
Pour remplir l'ellipse situ&eacute;e sur la gauche avec la photo du centre ;
1. Tirez la photo ou le fichier Bitmap de l'explorateur Windows (ou de la Galerie des Bitmaps s'ils
sont d&eacute;j&agrave; utilis&eacute;s dans le document) sur l'ellipse et faites-la glisser en maintenant la touche Maj.
L'outil de Remplissage devient l'outil actuel.
2. Vous pouvez alors ajouter les angles et la taille de l'image en tirant sur les poign&eacute;es de
Remplissage.
L'exemple ci-dessus pr&eacute;sente une ombre simple. Voir le chapitre sur l'outil ombres
pour de plus amples informations.
Page 472
Calibrer et positionner un remplissage bitmap
Une fois que le remplissage est cr&eacute;&eacute;, vous pouvez
le d&eacute;placer dans l'image pour le repositionner &agrave;
l'int&eacute;rieur de la forme.
Lorsque vous passez avec la souris sur les
poign&eacute;es ext&eacute;rieures de remplissage, le curseur de
la souris se transforme en un curseur &laquo; de
rotation &raquo;. Si vous tirez sur ces poign&eacute;es, le
remplissage bitmap sera &eacute;tir&eacute; et tourn&eacute;, tout en
conservant ses proportions actuelles ; maintenez la
touche N enfonc&eacute;e pendant que vous tirez pour
changer les dimensions horizontales et verticales
ind&eacute;pendamment les unes des autres, pour
pouvoir incliner le remplissage. La barre d'infos
affiche la r&eacute;solution du remplissage bitmap (vous
pouvez l'ajuster, ainsi la taille du bitmap, en
entrant une nouvelle valeur).
Un exemple
Pour remplir l'ellipse situ&eacute;e sur la gauche avec la photo du centre ;
1. Tirez la photo ou le fichier Bitmap de l'explorateur Windows (ou de la Galerie des Bitmaps s'ils
sont d&eacute;j&agrave; utilis&eacute;s dans le document) sur l'ellipse et faites-la glisser en maintenant la touche Maj.
L'outil de Remplissage devient l'outil actuel.
2. Vous pouvez alors ajouter les angles et la taille de l'image en tirant sur les poign&eacute;es de
Remplissage.
L'exemple ci-dessus pr&eacute;sente une ombre simple. Voir le chapitre sur l'outil ombres
pour de plus amples informations.
Page 473
Un exemple
Pour remplir l'ellipse situ&eacute;e sur la gauche avec la photo du centre ;
1. Tirez la photo ou le fichier Bitmap de l'explorateur Windows (ou de la Galerie des Bitmaps s'ils
sont d&eacute;j&agrave; utilis&eacute;s dans le document) sur l'ellipse et faites-la glisser en maintenant la touche Maj.
L'outil de Remplissage devient l'outil actuel.
2. Vous pouvez alors ajouter les angles et la taille de l'image en tirant sur les poign&eacute;es de
Remplissage.
L'exemple ci-dessus pr&eacute;sente une ombre simple. Voir le chapitre sur l'outil ombres
pour de plus amples informations.
Page 474
Remplissages fractals
Xtreme Web Designer 5 prend en charge deux types de remplissages fractals qui, gr&acirc;ce &agrave; un calcul
math&eacute;matique, pr&eacute;sentent un aspect tr&egrave;s naturel. Ils sont tr&egrave;s adapt&eacute;s pour simuler un ciel ou des nuages,
ou une autre texture naturelle.
Chaque fois que vous cr&eacute;ez un nouveau remplissage fractal, un nouveau motif est cr&eacute;&eacute;. Pour remplacer
un fractal existant avec un nouveau motif, s&eacute;lectionnez &agrave; nouveau le type fractal dans le menu de
remplissage.
Le contr&ocirc;le du grain dans la barre d'infos
permet de contr&ocirc;ler pr&eacute;cis&eacute;ment le grain du
motif. Les valeurs faibles produisent un motif
doux et fluide, les valeurs &eacute;lev&eacute;es produisent
un motif granuleux.
Vous pouvez ajuster la taille et la position du remplissage fractal en tirant et ajustant les poign&eacute;es de
remplissage. D&eacute;s&eacute;lectionnez les poign&eacute;es de remplissage (cliquez sur le remplissage loin des poign&eacute;es)
pour afficher la r&eacute;solution et le contr&ocirc;le du grain.
Remplissage en nuage fractal. Sur la gauche, un grain &eacute;gal &agrave; 1, sur la droite, un grain &eacute;gal &agrave; 50.
Remplissage en plasma fractal. Sur la gauche, un grain &eacute;gal &agrave; 5, sur la droite, un grain &eacute;gal &agrave; 50.
Notez la diff&eacute;rence entre le grain et la r&eacute;solution. Le grain contr&ocirc;le la fluidit&eacute; du motif. La r&eacute;solution
d&eacute;finit la taille du bitmap fractal ainsi que le degr&eacute; d'affichage des diff&eacute;rents pixels.
Vous pouvez modifier les couleurs de d&eacute;but et fin d'un remplissage fractal. S&eacute;lectionnez les poign&eacute;es du
centre ou externes, puis appliquez une couleur en utilisant la palette de couleurs ou &agrave; l'aide de la galerie
de couleurs
. Pour supprimer toute couleur appliqu&eacute;e, appliquez &laquo; Aucune couleur &raquo;.
Page 475
Graduations de couleurs en plusieurs &eacute;tapes
De nombreux types de remplissage de couleur par graduation (lin&eacute;aire, circulaire, elliptique, en c&ocirc;ne, en
diamant) prennent en charge les remplissages en plusieurs &eacute;tapes, ce qui signifie qu'au lieu d'op&eacute;rer
uniquement une transition d'une couleur vers une autre, vous pouvez passer par diff&eacute;rentes &eacute;tapes de
remplissage.
Pour ajouter une nouvelle &eacute;tape de coloration &agrave; la transition, s&eacute;lectionnez l'outil de remplissage afin
d'afficher la fl&egrave;che de remplissage, puis :
 tirez une couleur dans la fl&egrave;che de remplissage, &agrave; l'endroit requis.
 Ou effectuez un double-clic sur la fl&egrave;che de remplissage pour cr&eacute;er une nouvelle poign&eacute;e de
remplissage, enfin cliquez sur une couleur ou affichez l'&eacute;diteur de couleurs.
Vous pouvez repositionner les poign&eacute;es de remplissage en tirant.
En s&eacute;lectionnant une poign&eacute;e de remplissage, cliquez sur le tabulateur pour s&eacute;lectionner la prochaine
poign&eacute;e. Si l'&eacute;diteur de couleurs
est activ&eacute;, il sera mis &agrave; jour pour refl&eacute;ter la nouvelle poign&eacute;e de remplissage.
Pour supprimer une poign&eacute;e &eacute;tape de remplissage, cliquez dessus pour la s&eacute;lectionner puis cliquez sur la
touche Suppr.
Page 476
Galerie des remplissages
La galerie des remplissages
contient des textures bitmaps adapt&eacute;es comme remplissages.
Pour afficher la galerie des remplissages
:
 Choisissez Services &gt; Galeries &gt; Galerie de remplissages.
 Ou cliquez sur Galerie des lignes sur la barre de contr&ocirc;le des
galeries.
 Ou cliquez sur Maj + F11
Importer : importe le bitmap s&eacute;lectionn&eacute; dans le document. Une copie du bitmap appara&icirc;t alors dans la
galerie bitmap. Il est &eacute;galement possible de placer un bitmap sur une page blanche par glisser-d&eacute;poser.
Cette op&eacute;ration est souvent plus simple et rapide que la fonction Importer
.
Remplissage :
importe et applique le bitmap s&eacute;lectionn&eacute; comme :
 remplissage bitmap de l'objet s&eacute;lectionn&eacute;.
 Si aucun objet n'est s&eacute;lectionn&eacute;, le bitmap est ins&eacute;r&eacute; dans le document comme un nouvel objet
photo.
Vous pouvez &eacute;galement placer le bitmap par glisser-d&eacute;poser dans un objet ou appliquer un remplissage
bitmap.
Il existe des diff&eacute;rences entre tirer un bitmap depuis la galerie des bitmap ou la galerie des
remplissages : lorsque vous tirez des bitmaps depuis la galerie des remplissages
et que vous les d&eacute;posez sur des formes pour cr&eacute;er un remplissage bitmap, le remplissage sera empil&eacute; et
la taille du bitmap ne sera pas adapt&eacute;e de mani&egrave;re optimale &agrave; celle de la forme. Cette diff&eacute;rence de
comportement provient du fait que les textures employ&eacute;es normalement sont appliqu&eacute;es depuis la galerie
des remplissages et elle devraient normalement &ecirc;tre empil&eacute;es et leur forme non ajust&eacute;e.
Transp.
(transparence) : importe et applique le bitmap s&eacute;lectionn&eacute; comme :
 bitmap transparent &agrave; l'objet s&eacute;lectionn&eacute;.
 Ou d&eacute;finit les attributs de la transparence actuelle.
Charger des remplissages :
t&eacute;l&eacute;charger des remplissages gratuits de Xara.
Arri&egrave;re-plan :
d&eacute;finit le remplissage s&eacute;lectionn&eacute; comme arri&egrave;re-plan pour la page.
Supprimer :
supprime le remplissage ou dossier s&eacute;lectionn&eacute;.
Remplissage disque :
Page 477
ajouter de nouveaux remplissages depuis votre disque dur ou un CD.
Options :
vous permet de d&eacute;finir la taille des ic&ocirc;nes d'aper&ccedil;u et de d&eacute;terminer si toutes les informations sur le
bitmap sont affich&eacute;es, et enfin de chercher et classer les remplissages.
Arr&ecirc;ter le t&eacute;l&eacute;chargement :
si vous disposez d'une connexion lente, et que le chargement de remplissages en ligne dure trop de
temps &agrave; votre go&ucirc;t, vous pouvez arr&ecirc;ter le t&eacute;l&eacute;chargement et continuer ult&eacute;rieurement.
Les fonctions chercher et trouver sont d&eacute;crites dans le chapitre Manipulation de documents .
Le chapitre Manipulation du document comprend des informations g&eacute;n&eacute;rales concernant les galeries.
Page 478
Transparence
L'Outil de transparence
permet de d&eacute;finir la transparence des objets et couleurs des diff&eacute;rents
calques.
Forme
Tuiles
Nom du
Poign&eacute;e/r&eacute;solution Degr&eacute; de
bitmap
transparence
Vous pouvez contr&ocirc;ler tous les degr&eacute;s de transparence, de compl&egrave;tement transparent &agrave; totalement
opaque. Web Designer propose en outre, contrairement &agrave; d'autres programmes, une grande vari&eacute;t&eacute; de
transparences pour les d&eacute;grad&eacute;s de couleur.
Vous pouvez appliquer des transparences uniformes ou en d&eacute;grad&eacute; sur tous les types d'objets, y compris
les objets bitmap.
Appliquer une transparence uniforme
Elle est appel&eacute;e &laquo; transparence uniforme &raquo; dans la mesure o&ugrave; toutes les parties de l'objet ont le m&ecirc;me
niveau de transparence, par opposition &agrave; la transparence en d&eacute;grad&eacute;.
1. S&eacute;lection d'un ou plusieurs objets
2. S&eacute;lectionnez l'outil de transparence (raccourci F6)
3. D&eacute;placez la r&eacute;glette de transparence sur la barre d'infos
Xtreme Web Designer 5 propose un aper&ccedil;u en temps r&eacute;el. Lorsque vous d&eacute;placez la r&eacute;glette de
transparence, l'effet sur les objets du document est affich&eacute; en direct.
Appliquer une transparence en d&eacute;grad&eacute;
La transparence en d&eacute;grad&eacute; fonctionne de mani&egrave;re similaire au remplissage de couleur par graduation. Il
suffit de tirer sur les objets dans l'Outil de transparence
pour cr&eacute;er une transparence en transition. Il existe une palette de formes de transparence tr&egrave;s semblable,
allant de la forme lin&eacute;aire au circulaire ou encore elliptique. Pour cr&eacute;er un fondu d&eacute;grad&eacute; :
1. S&eacute;lection d'un ou plusieurs objets
2. Dans l'Outil de transparence, tirez sur les objets pour produire une transition lin&eacute;aire sur
l'objet.
3. S&eacute;lectionnez des formes alternatives de transparence depuis le menu d&eacute;roulant sur la barre
d'infos.
Vous pouvez s&eacute;lectionner et ajuster la position et la transparence en utilisant les poign&eacute;es affich&eacute;es sur
l'objet.
R&eacute;f&eacute;rez-vous au chapitre Remplissages pour de plus amples informations sur la manipulation des
poign&eacute;es et les diff&eacute;rentes formes de remplissage (dans ce cas, formes de transparence).
Page 479
Appliquer une transparence uniforme
Elle est appel&eacute;e &laquo; transparence uniforme &raquo; dans la mesure o&ugrave; toutes les parties de l'objet ont le m&ecirc;me
niveau de transparence, par opposition &agrave; la transparence en d&eacute;grad&eacute;.
1. S&eacute;lection d'un ou plusieurs objets
2. S&eacute;lectionnez l'outil de transparence (raccourci F6)
3. D&eacute;placez la r&eacute;glette de transparence sur la barre d'infos
Xtreme Web Designer 5 propose un aper&ccedil;u en temps r&eacute;el. Lorsque vous d&eacute;placez la r&eacute;glette de
transparence, l'effet sur les objets du document est affich&eacute; en direct.
Appliquer une transparence en d&eacute;grad&eacute;
La transparence en d&eacute;grad&eacute; fonctionne de mani&egrave;re similaire au remplissage de couleur par graduation. Il
suffit de tirer sur les objets dans l'Outil de transparence
pour cr&eacute;er une transparence en transition. Il existe une palette de formes de transparence tr&egrave;s semblable,
allant de la forme lin&eacute;aire au circulaire ou encore elliptique. Pour cr&eacute;er un fondu d&eacute;grad&eacute; :
1. S&eacute;lection d'un ou plusieurs objets
2. Dans l'Outil de transparence, tirez sur les objets pour produire une transition lin&eacute;aire sur
l'objet.
3. S&eacute;lectionnez des formes alternatives de transparence depuis le menu d&eacute;roulant sur la barre
d'infos.
Vous pouvez s&eacute;lectionner et ajuster la position et la transparence en utilisant les poign&eacute;es affich&eacute;es sur
l'objet.
R&eacute;f&eacute;rez-vous au chapitre Remplissages pour de plus amples informations sur la manipulation des
poign&eacute;es et les diff&eacute;rentes formes de remplissage (dans ce cas, formes de transparence).
Page 480
Appliquer une transparence en d&eacute;grad&eacute;
La transparence en d&eacute;grad&eacute; fonctionne de mani&egrave;re similaire au remplissage de couleur par graduation. Il
suffit de tirer sur les objets dans l'Outil de transparence
pour cr&eacute;er une transparence en transition. Il existe une palette de formes de transparence tr&egrave;s semblable,
allant de la forme lin&eacute;aire au circulaire ou encore elliptique. Pour cr&eacute;er un fondu d&eacute;grad&eacute; :
1. S&eacute;lection d'un ou plusieurs objets
2. Dans l'Outil de transparence, tirez sur les objets pour produire une transition lin&eacute;aire sur
l'objet.
3. S&eacute;lectionnez des formes alternatives de transparence depuis le menu d&eacute;roulant sur la barre
d'infos.
Vous pouvez s&eacute;lectionner et ajuster la position et la transparence en utilisant les poign&eacute;es affich&eacute;es sur
l'objet.
R&eacute;f&eacute;rez-vous au chapitre Remplissages pour de plus amples informations sur la manipulation des
poign&eacute;es et les diff&eacute;rentes formes de remplissage (dans ce cas, formes de transparence).
Page 481
Appliquer une transparence &agrave; plusieurs
objets
Lorsque vous appliquez une transparence &agrave; des objets group&eacute;s, la transparence est appliqu&eacute;e &agrave; tous les
objets, consid&eacute;r&eacute;s comme un groupe. Mais si les objets ne sont pas group&eacute;s, la transparence sera
appliqu&eacute;e individuellement &agrave; chaque objet, et vous obtenez un effet totalement diff&eacute;rent lorsque les objets
sont superpos&eacute;s.
Transparence individuelle (gauche) ou transparence de groupe (droite)
M&eacute;lange de transparence individuelle et de groupe
Vous avez la possibilit&eacute; de combiner les m&eacute;thodes ci-dessus pour cr&eacute;er des transparences complexes.
Vous pouvez par exemple d&eacute;finir la transparence d'un objet &agrave; 50%, puis le grouper et appliquer une
transparence au groupe &eacute;galement. Vous pouvez aussi bien appliquer une transparence &agrave; un groupe en
premier lieu, puis appliquer ult&eacute;rieurement des attributs aux objets individuels dans le groupe. Il suffit pour
cela de maintenir la touche Ctrl enfonc&eacute;e, cliquer sur l'objet et modifier ses attributs.
Page 482
M&eacute;lange de transparence individuelle et de groupe
Vous avez la possibilit&eacute; de combiner les m&eacute;thodes ci-dessus pour cr&eacute;er des transparences complexes.
Vous pouvez par exemple d&eacute;finir la transparence d'un objet &agrave; 50%, puis le grouper et appliquer une
transparence au groupe &eacute;galement. Vous pouvez aussi bien appliquer une transparence &agrave; un groupe en
premier lieu, puis appliquer ult&eacute;rieurement des attributs aux objets individuels dans le groupe. Il suffit pour
cela de maintenir la touche Ctrl enfonc&eacute;e, cliquer sur l'objet et modifier ses attributs.
Page 483
Ombres
Dans ce chapitre
L'outil Ombres
Appliquer une ombre
Modifier le remplissage ou la couleur de l'ombre
Supprimer une ombre
Appliquer une ombre &agrave; plusieurs objets
S&eacute;lectionner des objets &agrave; l'aide de l'outil ombres
Appliquer des ombres copi&eacute;es &agrave; d'autres objets
Page 484
L'outil Ombres
L'Outil ombres
(raccourci Ctrl+F2) vous permet d'appliquer, de supprimer, et de
modifier les ombres semi-transparentes (ou douces).
Xtreme Web Designer 5 propose trois sortes d'ombres :
 Ombre verticale : l'ombre est projet&eacute;e sur un mur derri&egrave;re l'objet.
 Ombre horizontale : l'ombre de l'objet est projet&eacute;e sur le sol ou la surface.
Halo : l'ombre cr&eacute;&eacute; un effet de halo autour de l'objet.
La transparence des ombres douces augmente vers les pointes, ce qui rend l'effet tr&egrave;s r&eacute;aliste. Les
ombres sont totalement ind&eacute;pendantes de la r&eacute;solution : vous pouvez les calibrer sans perte de qualit&eacute;.
Page 485
Appliquer une ombre
Appliquer une ombre verticale
Pour appliquer une ombre verticale :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil
ombres.
3. S&eacute;lectionnez le bouton
Ombre verticale dans la
barre d'infos de l'outil
ombres.
4. Vous pouvez &eacute;loigner ou
rapprocher l'ombre de
l'objet pour cr&eacute;er une
distance imaginaire plus
ou moins &eacute;lev&eacute;e entre
l'objet et le mur.
Pour cr&eacute;er d'une autre mani&egrave;re une ombre verticale :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Tirez du centre de l'objet en direction de l'ombre.
Appliquer une ombre horizontale
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil
ombres.
3. S&eacute;lectionnez le bouton
Ombre horizontale dans
la barre d'infos de l'outil
ombres.
4. &Eacute;loignez-vous ou
rapprochez-vous de
l'objet pour modifier la
taille ou l'angle de la
direction. L'angle peut se
situer jusqu'&agrave; 70&deg; de la
verticale.
Appliquer un halo
Un halo appliqu&eacute; &agrave; un objet peut apporter une certaine dramatique au graphisme.
Pour cr&eacute;er un halo :
1. S&eacute;lectionner l'objet.
2. S&eacute;lectionnez l'outil
ombres.
3. S&eacute;lectionnez le bouton
Halo dans la barre d'info
de l'outil ombres.
Page 486
4. &Eacute;loignez-vous ou
rapprochez-vous de
l'objet pour modifier la
taille du halo.
Modifier la nettet&eacute; des pointes de l'ombre
Cela modifie la taille de l'ombre. Un
l&eacute;ger flou cr&eacute;&eacute; l'impression d'une
source lumineuse pr&eacute;cise, un large
flou donne l'impression d'une
lumi&egrave;re diffuse ou distante. Il est
recommand&eacute; de toujours cr&eacute;er un
l&eacute;ger flou sur les ombres, car cela
est plus r&eacute;aliste.
Pour rendre une ombre floue :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Vous pouvez au choix d&eacute;placer la r&eacute;glette de flou sur la barre d'infos de l'outil ombres, ou entrer
une valeur dans le champ situ&eacute; sur la droite.
Modifier la transparence de l'ombre
Une ombre semi-transparente
est plus r&eacute;aliste qu'une ombre
opaque. Vous pouvez modifier
le niveau de transparence de
l'ombre comme vous le
souhaitez.
Pour modifier la transparence :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Vous pouvez au choix d&eacute;placer la r&eacute;glette de transparence sur la barre d'infos de l'outil ombres,
ou entrer une valeur dans le champ situ&eacute; sur la droite.
Page 487
Appliquer une ombre verticale
Pour appliquer une ombre verticale :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil
ombres.
3. S&eacute;lectionnez le bouton
Ombre verticale dans la
barre d'infos de l'outil
ombres.
4. Vous pouvez &eacute;loigner ou
rapprocher l'ombre de
l'objet pour cr&eacute;er une
distance imaginaire plus
ou moins &eacute;lev&eacute;e entre
l'objet et le mur.
Pour cr&eacute;er d'une autre mani&egrave;re une ombre verticale :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Tirez du centre de l'objet en direction de l'ombre.
Appliquer une ombre horizontale
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil
ombres.
3. S&eacute;lectionnez le bouton
Ombre horizontale dans
la barre d'infos de l'outil
ombres.
4. &Eacute;loignez-vous ou
rapprochez-vous de
l'objet pour modifier la
taille ou l'angle de la
direction. L'angle peut se
situer jusqu'&agrave; 70&deg; de la
verticale.
Appliquer un halo
Un halo appliqu&eacute; &agrave; un objet peut apporter une certaine dramatique au graphisme.
Pour cr&eacute;er un halo :
1. S&eacute;lectionner l'objet.
2. S&eacute;lectionnez l'outil
ombres.
3. S&eacute;lectionnez le bouton
Halo dans la barre d'info
de l'outil ombres.
4. &Eacute;loignez-vous ou
rapprochez-vous de
l'objet pour modifier la
Page 488
taille du halo.
Modifier la nettet&eacute; des pointes de l'ombre
Cela modifie la taille de l'ombre. Un
l&eacute;ger flou cr&eacute;&eacute; l'impression d'une
source lumineuse pr&eacute;cise, un large
flou donne l'impression d'une
lumi&egrave;re diffuse ou distante. Il est
recommand&eacute; de toujours cr&eacute;er un
l&eacute;ger flou sur les ombres, car cela
est plus r&eacute;aliste.
Pour rendre une ombre floue :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Vous pouvez au choix d&eacute;placer la r&eacute;glette de flou sur la barre d'infos de l'outil ombres, ou entrer
une valeur dans le champ situ&eacute; sur la droite.
Modifier la transparence de l'ombre
Une ombre semi-transparente
est plus r&eacute;aliste qu'une ombre
opaque. Vous pouvez modifier
le niveau de transparence de
l'ombre comme vous le
souhaitez.
Pour modifier la transparence :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Vous pouvez au choix d&eacute;placer la r&eacute;glette de transparence sur la barre d'infos de l'outil ombres,
ou entrer une valeur dans le champ situ&eacute; sur la droite.
Page 489
Appliquer une ombre horizontale
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil
ombres.
3. S&eacute;lectionnez le bouton
Ombre horizontale dans
la barre d'infos de l'outil
ombres.
4. &Eacute;loignez-vous ou
rapprochez-vous de
l'objet pour modifier la
taille ou l'angle de la
direction. L'angle peut se
situer jusqu'&agrave; 70&deg; de la
verticale.
Appliquer un halo
Un halo appliqu&eacute; &agrave; un objet peut apporter une certaine dramatique au graphisme.
Pour cr&eacute;er un halo :
1. S&eacute;lectionner l'objet.
2. S&eacute;lectionnez l'outil
ombres.
3. S&eacute;lectionnez le bouton
Halo dans la barre d'info
de l'outil ombres.
4. &Eacute;loignez-vous ou
rapprochez-vous de
l'objet pour modifier la
taille du halo.
Modifier la nettet&eacute; des pointes de l'ombre
Cela modifie la taille de l'ombre. Un
l&eacute;ger flou cr&eacute;&eacute; l'impression d'une
source lumineuse pr&eacute;cise, un large
flou donne l'impression d'une
lumi&egrave;re diffuse ou distante. Il est
recommand&eacute; de toujours cr&eacute;er un
l&eacute;ger flou sur les ombres, car cela
est plus r&eacute;aliste.
Pour rendre une ombre floue :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Vous pouvez au choix d&eacute;placer la r&eacute;glette de flou sur la barre d'infos de l'outil ombres, ou entrer
une valeur dans le champ situ&eacute; sur la droite.
Modifier la transparence de l'ombre
Page 490
Une ombre semi-transparente
est plus r&eacute;aliste qu'une ombre
opaque. Vous pouvez modifier
le niveau de transparence de
l'ombre comme vous le
souhaitez.
Pour modifier la transparence :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Vous pouvez au choix d&eacute;placer la r&eacute;glette de transparence sur la barre d'infos de l'outil ombres,
ou entrer une valeur dans le champ situ&eacute; sur la droite.
Page 491
Appliquer un halo
Un halo appliqu&eacute; &agrave; un objet peut apporter une certaine dramatique au graphisme.
Pour cr&eacute;er un halo :
1. S&eacute;lectionner l'objet.
2. S&eacute;lectionnez l'outil
ombres.
3. S&eacute;lectionnez le bouton
Halo dans la barre d'info
de l'outil ombres.
4. &Eacute;loignez-vous ou
rapprochez-vous de
l'objet pour modifier la
taille du halo.
Modifier la nettet&eacute; des pointes de l'ombre
Cela modifie la taille de l'ombre. Un
l&eacute;ger flou cr&eacute;&eacute; l'impression d'une
source lumineuse pr&eacute;cise, un large
flou donne l'impression d'une
lumi&egrave;re diffuse ou distante. Il est
recommand&eacute; de toujours cr&eacute;er un
l&eacute;ger flou sur les ombres, car cela
est plus r&eacute;aliste.
Pour rendre une ombre floue :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Vous pouvez au choix d&eacute;placer la r&eacute;glette de flou sur la barre d'infos de l'outil ombres, ou entrer
une valeur dans le champ situ&eacute; sur la droite.
Modifier la transparence de l'ombre
Une ombre semi-transparente
est plus r&eacute;aliste qu'une ombre
opaque. Vous pouvez modifier
le niveau de transparence de
l'ombre comme vous le
souhaitez.
Pour modifier la transparence :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Vous pouvez au choix d&eacute;placer la r&eacute;glette de transparence sur la barre d'infos de l'outil ombres,
ou entrer une valeur dans le champ situ&eacute; sur la droite.
Page 492
Modifier la nettet&eacute; des pointes de l'ombre
Cela modifie la taille de l'ombre. Un
l&eacute;ger flou cr&eacute;&eacute; l'impression d'une
source lumineuse pr&eacute;cise, un large
flou donne l'impression d'une
lumi&egrave;re diffuse ou distante. Il est
recommand&eacute; de toujours cr&eacute;er un
l&eacute;ger flou sur les ombres, car cela
est plus r&eacute;aliste.
Pour rendre une ombre floue :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Vous pouvez au choix d&eacute;placer la r&eacute;glette de flou sur la barre d'infos de l'outil ombres, ou entrer
une valeur dans le champ situ&eacute; sur la droite.
Modifier la transparence de l'ombre
Une ombre semi-transparente
est plus r&eacute;aliste qu'une ombre
opaque. Vous pouvez modifier
le niveau de transparence de
l'ombre comme vous le
souhaitez.
Pour modifier la transparence :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Vous pouvez au choix d&eacute;placer la r&eacute;glette de transparence sur la barre d'infos de l'outil ombres,
ou entrer une valeur dans le champ situ&eacute; sur la droite.
Page 493
Modifier la transparence de l'ombre
Une ombre semi-transparente
est plus r&eacute;aliste qu'une ombre
opaque. Vous pouvez modifier
le niveau de transparence de
l'ombre comme vous le
souhaitez.
Pour modifier la transparence :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. Vous pouvez au choix d&eacute;placer la r&eacute;glette de transparence sur la barre d'infos de l'outil ombres,
ou entrer une valeur dans le champ situ&eacute; sur la droite.
Page 494
Modifier le remplissage ou la couleur de
l'ombre
Apr&egrave;s avoir appliqu&eacute; une ombre &agrave; un objet, vous pouvez modifier sa couleur ou son effet de
remplissage. Vous pouvez &eacute;galement appliquer n'importe quel effet de couleur de Xtreme Web Designer
5 &agrave; l'ombre, y compris les remplissages par &eacute;tapes.
Pour modifier la couleur d'une ombre :
Pour obtenir de plus amples informations concernant la palette de couleurs, r&eacute;f&eacute;rez-vous au chapitre
Manipulation des couleurs
.
 La m&eacute;thode la plus simple consiste &agrave; appliquer une couleur &agrave; une ombre par simple
glisser-d&eacute;poser depuis la palette. (Assurez-vous que vous d&eacute;posez bien la couleur sur l'ombre et
non l'objet.)
 Il existe une m&eacute;thode l&eacute;g&egrave;rement plus complexe mais qui vous permet de garder le contr&ocirc;le total
sur la couleur :
1. S&eacute;lectionnez l'ombre en utilisant l'outil de s&eacute;lection. (Assurez-vous que vous avez
s&eacute;lectionn&eacute; l'ombre et non l'objet.)
2. Utilisez l'&eacute;diteur de couleur pour l'&eacute;dition.
Page 495
Supprimer une ombre
Pour supprimer une ombre douce :
1. s&eacute;lectionnez un objet.
2. S&eacute;lectionnez l'outil ombres.
3. S&eacute;lectionnez le bouton Aucune ombre
sur la barre d'infos de l'outil ombres.
Page 496
Appliquer une ombre &agrave; plusieurs objets
Le r&eacute;sultat de l'application d'une ombre sera diff&eacute;rent si les objets sont group&eacute;s ou non :
 si les objets sont group&eacute;s, les ombres superpos&eacute;es sont fusionn&eacute;es (c'est-&agrave;-dire que les
superpositions ne seront pas plus fonc&eacute;es).
 Si les objets ne sont pas group&eacute;s, chaque objet dispose de son ombre propre. Les zones o&ugrave; les
ombres se chevauchent sont donc plus fonc&eacute;es.
 Si plusieurs objets avec ombres sont s&eacute;lectionn&eacute;s, tout changement sera appliqu&eacute; &agrave; toutes les
ombres.
Page 497
S&eacute;lectionner des objets &agrave; l'aide de l'outil
ombres
Avant d'appliquer ou &eacute;diter une ombre sur un objet, vous devez d'abord s&eacute;lectionner l'objet. Pour
s&eacute;lectionner un objet, utilisez l'outil de s&eacute;lection. Vous pouvez &eacute;galement utiliser l'outil ombres, en
cliquant simplement sur l'objet lorsque l'outil ombres
est activ&eacute;.
Page 498
Appliquer des ombres copi&eacute;es &agrave; d'autres
objets
Lorsque vous avez obtenu une ombre comme vous le souhaitez, vous pouvez la copier et l'appliquer &agrave;
un autre objet en utilisant la fonction &laquo; coller &raquo;. Copiez simplement l'ombre souhait&eacute;e (&Eacute;dition &gt; Copier
), s&eacute;lectionnez l'objet ou les objets auxquels vous souhaitez attribuer l'ombre, puis s&eacute;lectionnez &Eacute;dition &gt;
Coller des attributs
.
Page 499
Bo&icirc;te de dialogue des
propri&eacute;t&eacute;s Internet
La bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet est une bo&icirc;te de dialogue &agrave; plusieurs onglets qui vous
permet de d'ajouter et de configurer la plupart des caract&eacute;ristiques li&eacute;es au Web dans Xtreme Web
Designer 5 et de d&eacute;finir diff&eacute;rentes propri&eacute;t&eacute;s Internet pour des objets, des pages et la totalit&eacute; de vitre
site Web. Pour l'ouvrir, servez-vous de l'option du menu Services-Propri&eacute;t&eacute;s Internet...
(raccourci Maj+Ctrl+W).
Notez &eacute;galement que certaines options de la barre d'outils Internet,
telles que le bouton des liens, permettent eux aussi d'ouvrir cette bo&icirc;te
de dialogue.
Cette bo&icirc;te de dialogue ne d&eacute;pend d'aucun mode, vous pouvez donc la laisser ouverte pendant que vous
s&eacute;lectionnez diff&eacute;rentes pages et objets de votre document. Cela permet de d&eacute;finir facilement des
propri&eacute;t&eacute;s sur diff&eacute;rents objets et pages de votre site Internet. Utilisez le bouton OK pour appliquer vos
changements et fermer la bo&icirc;te de dialogue, ou le bouton Appliquer
pour appliquer vos changements sans fermer ensuite la bo&icirc;te de dialogue.
Pensez que chaque document (fichier .web) de Xtreme Web Designer 5 produit un site Internet lorsque
vous l'exportez. Les termes &laquo;document&raquo; et &laquo;site internet&raquo; peuvent donc &ecirc;tre employ&eacute;s indiff&eacute;remment.
Notez que lorsque votre document en cours est une animation, la bo&icirc;te de dialogue des propri&eacute;t&eacute;s
Internet appara&icirc;t sous une forme diff&eacute;rente, avec certaines fonctions en plus et d'autres en moins, car
celles-ci ne s'appliquent pas aux animations. Reportez-vous au chapitre Flash
pour en savoir plus sur l'utilisation de cette boite de dialogue pour animations.
Les parties suivantes se rapportent tour &agrave; tour &agrave; chaque onglet de la bo&icirc;te de dialogue.
Dans ce chapitre
Onglet Lien
Onglet page
Onglet site Internet
Onglet Passage de la souris
Onglet image
Onglet objets fictifs
Onglet Publication
Page 500
Onglet Lien
Les param&egrave;tres de cet onglet s'appliquent &agrave; (aux) l'objet(s) ou texte s&eacute;lectionn&eacute;s. Vous utiliserez cet
onglet typiquement pour ajouter un lien &agrave; un objet de votre page Internet (par ex. un bouton ou une
photo), ou &agrave; un texte, de fa&ccedil;on &agrave; ce que les visiteurs de votre site qui cliquent sur l'objet/texte soient
redirig&eacute;s vers une autre page. Vous pouvez ajouter des liens vers d'autres pages de votre site Internet,
vers une URL (adresse Web) ou m&ecirc;me de mani&egrave;re &agrave; faire s'ouvrir une fen&ecirc;tre popup.
Pour ajouter un lien &agrave; quelques mots d'un paragraphe de texte, allez dans Outil texte
et surlignez le texte que vous souhaitez lier pour le s&eacute;lectionner. Puis configurez le lien dans cet onglet.
La partie principale de cet onglet vous permet de choisir ce qui doit se passer quand on clique sur l'objet
ou le texte s&eacute;lectionn&eacute;.
Lien vers une adresse Internet
Saisissez une adresse Internet &agrave; relier &agrave; cette adresse. Si vous cochez la case &laquo;Correction auto. de
l'adresse
&raquo;, votre adresse sera adapt&eacute;e si besoin lorsque vous cliquerez sur OK ou Appliquer. Par exemple, si
vous saisissez &laquo; www.xara.com &raquo;, cela sera corrig&eacute; en &laquo; http://www.xara.com/ &raquo;.
Vous pouvez entrer une adresse e-mail dans le champ d'adresse des liens, et dans ce cas, quand le
visiteur cliquera sur le lien, cela aura pour effet d'ouvrir son programme d'e-mails avec le champ &Agrave;:
pr&eacute;-rempli. Vous pouvez &eacute;galement, en option, sp&eacute;cifier un objet et des adresses e-mail CC ou CCi
devant &ecirc;tre copi&eacute;es sur le mail et m&ecirc;me sp&eacute;cifier le corps de texte qui doit &ecirc;tre utilis&eacute; par d&eacute;faut. Par
exemple, cela d&eacute;finit l'adresse du destinataire &Agrave;: et les quatre autres param&egrave;tres :
votrenom@blabla.com objet :e-mail de la part du site Internet CC :autre@blabla.com
CCi :encoreunautre@blabla.com body : e-mail automatique
Remarque technique : Xtreme Web Designer 5 encode votre adresse e-mail de fa&ccedil;on &agrave; en r&eacute;duire
l'apparence pour &eacute;viter que des robots SPAM ne la trouvent en faisant des recherches sur Internet. Pour
cela, Javascript est requis et doit donc &ecirc;tre pris en charge par votre navigateur (actuellement plus de
95 % des navigateurs le prennent en charge).
Page 501
Lien vers une page
S&eacute;lectionnez cette option pour cr&eacute;er un lien vers une autre page de votre site Internet actuel. La liste du
menu d&eacute;roulant vous permet de faire vos choix de liens.
Conseil : si votre site Internet comporte de nombreuses pages, le fait de leur donner &agrave; chacune un nom
pertinent facilitera vos op&eacute;rations de configuration et d'entretien des liens de votre page, car la liste des
pages affichera les noms des pages et non plus uniquement &laquo; Page 1 &raquo;, &laquo; Page 2 &raquo;, &laquo; Page 3 &raquo;, etc.
Veuillez consulter la partie Onglet de page
ci-dessous pour plus d'informations sur la d&eacute;finition des noms de pages.
En plus d'afficher les diff&eacute;rentes pages de votre site, la liste d&eacute;roulante contient &eacute;galement des entr&eacute;es
sp&eacute;ciales : Page suivante et Page pr&eacute;c&eacute;dente
. Utilisez-les pour ajouter un lien menant &agrave; la page suivante ou pr&eacute;c&eacute;dente de votre site. Pour l'utilisation
de ces liens, l'ordre des pages est d&eacute;termin&eacute; par l'ordre des pages telles qu'elles apparaissent dans
Xtreme Web Designer 5. Un lien &laquo; Suivant &raquo; sur la derni&egrave;re page renvoie &agrave; la premi&egrave;re page, et un lien
&laquo; Pr&eacute;c&eacute;dant &raquo; sur la premi&egrave;re page renvoie &agrave; la derni&egrave;re page du site.
Lien vers un point d'ancrage
Cette option vous permet de faire passer le visiteur du site sur une partie sp&eacute;cifique d'une page de votre
site Internet.
Pour d&eacute;finir un pont d'accroche, allez tout d'abord sur la page et l'objet vers lequel vous souhaitez faire
passer votre visiteur. S&eacute;lectionnez l'objet et ajoutez-lui un nom via l'option Services &gt; Noms...
. Puis s&eacute;lectionnez l'objet auquel vous souhaitez ajouter le lien et choisissez le nom du point d'ancrage que
vous avez ajout&eacute; &agrave; partir de la liste disponible dans l'option &laquo; Lien vers un point d'ancrage &raquo;.
Notez que lorsque vous cr&eacute;ez un lien vers un objet se trouvant tout en bas d'une grande page Web, le
navigateur Internet fait automatiquement d&eacute;filer la page vers la bas de fa&ccedil;on &agrave; ce que votre objet ancr&eacute;
soit imm&eacute;diatement visible.
Calque popup
Vous pouvez ajouter tout contenu de votre choix sous la forme d'un calque s&eacute;par&eacute; sur votre page, et
faire que ce contenu s'affiche uniquement lorsque votre visiteur clique sur un lien. Vous pourriez par
exemple ajouter un texte descriptif &agrave; propos d'une photo se trouvant sur votre site et faire que ce texte ne
s'affiche que si le visiteur clique sur la photo.
Pour ajouter un calque de popup, vous avez tout d'abord besoin
d'Ajouter le calque lui-m&ecirc;me en utilisant la Galerie de calques
puis d'ajouter le contenu de votre popup &agrave; ce calque.
Pour plus de d&eacute;tails, veuillez consulter le chapitre Galerie de calques
. Voua pouvez ensuite s&eacute;lectionner le calque &agrave; partir de la liste disponible pr&egrave;s de l'option &laquo; Calque
popup &raquo;.
Maintenant, lorsqu'un visiteur clique sur votre objet, le contenu du calque appara&icirc;t ! Le fait de cliquer sur
un autre endroit de la page fait dispara&icirc;tre le popup.
Notez que tout le contenu du calque popup est charg&eacute; d&egrave;s qu'un visiteur entre sur la page. Donc si vous
souhaitez faie appara&icirc;tre un grand nombre de photos popup, utilisez plut&ocirc;t la fonction Photo popup
d&eacute;crite ci-dessous.
Le chapitre &laquo; Pour bien d&eacute;marrer &raquo;
contient des instructions pas &agrave; pas pour ajouter des claques popup.
Photo popup
Cette option vous donne un moyen tr&egrave;s simple d'ajouter des photos popup &agrave; votre site Internet sans
avoir &agrave; ajouter de calques ! Il vous suffit tout simplement d'importer votre photo puis d'utiliser l'Outil de
Page 502
s&eacute;lection pour la mettre &agrave; la bonne dimension de fa&ccedil;on &agrave; ce qu'elle ait la taille d'une photo miniature sur
la page de votre site. Puis s&eacute;lectionnez-la et choisissez l'option &laquo; Photo popup &raquo; dans l'onglet Lien des
Propri&eacute;t&eacute;s Internet
. Vous pouvez d&eacute;finir la taille de votre choix pour la photo popup en param&eacute;trant la valeur &laquo; Largeur de
l'image popup &raquo; (d&eacute;finie &agrave; 500 pixels par d&eacute;faut). E c'est tout, maintenant lorsqu'un visiteur clique sur la
photo miniature, elle appara&icirc;t dans un format plus grand sous forme d'un popup.
Un autre avantage de ces photos popup par rapport aux calques photo est que la photo plus grande n'est
charg&eacute;e par le navigateur que si le visiteur clique sur la miniature. C'est pourquoi cette m&eacute;thode est
beaucoup plus adapt&eacute;e pour pr&eacute;senter un grand nombre de photos, car seules les miniatures son
charg&eacute;es dans un premier temps, ce qui acc&eacute;l&egrave;re le chargement de la page.
Vous pouvez, en option, afficher un titre au-dessus de chaque photo popup. Saisissez simplement une
&laquo; Description d'image &raquo; pour chaque photo miniature en utilisant l'onglet image de cette bo&icirc;te de
dialogue. Pour plus de d&eacute;tails, veuillez vous reporter &agrave; la section Onglet image
.
Notez que cette fonction marche sur d'autres objets que sur des photos, comme par exemple des formes
et des groupes, mais ne peut &ecirc;tre utilis&eacute;e directement sur du texte. Vous pouvez ins&eacute;rer du texte dans un
groupe (Ctrl+G) pour contourner cette restriction.
Utiliser les couleurs habituelles de liens de sites Internet
Cette option vous permet de choisir la fa&ccedil;on dont le texte des liens doit s'afficher. Elle est s&eacute;lectionn&eacute;e
par d&eacute;faut, ce qui signifie que le texte du lien appara&icirc;tra avec la couleur de lien que vous avez d&eacute;finie pour
l'ensemble du site Internet. Vous pouvez param&eacute;trer cette couleur dans l'onglet site Internet (veuillez
consulter la partie Onglet site Internet).
Si vous d&eacute;cochez cette option, le lien texte s&eacute;lectionn&eacute; conservera la couleur que vous lui donnerez sur la
page. Vous pouvez ainsi avoir des liens de diff&eacute;rentes couleurs si vous le souhaitez.
Ouvrir le lien dans
Cette option ne joue aucun r&ocirc;le si les options de lien &laquo; Calque popup &raquo; ou &laquo; Photo popup &raquo; sont
s&eacute;lectionn&eacute;es. Mais pour les autres liens, elle vous permet de commander au navigateur Internet la fa&ccedil;on
dont la page cible doit &ecirc;tre charg&eacute;e. Par d&eacute;faut, elle est d&eacute;finie sur &laquo; Non sp&eacute;cifi&eacute; &raquo; ce qui signifie en
g&eacute;n&eacute;ral que le navigateur ouvrira le lien dans la m&ecirc;me fen&ecirc;tre et le m&ecirc;me frame que le lien.
Page 503
La liste d&eacute;roulante contient quatre options qui permettent au navigateur d'ex&eacute;cuter des actions sp&eacute;ciales.
Vousp ouvez s&eacute;lectionner l'une de ces options ou saisir le nom d'un frame :
Nouvelle fen&ecirc;tre (_blank)
Ouvre le lien dans une nouvelle fen&ecirc;tre du navigateur.
M&ecirc;me frame (_self)
Ouvre le lien dans ce frame (le frame qui contient cet objet).
Frame parent (_parent)
Ouvre le lien dans la fen&ecirc;tre parente ou dans le frameset qui contient le frame.
M&ecirc;me fen&ecirc;tre (_top)
Ouvre le lien dans la fen&ecirc;tre de navigation principale, et remplace tous les frames existants.
Si vous souhaitez que le lien soit charg&eacute; dans un frame sp&eacute;cifique du navigateur, saisissez le nom du frame
dans ce champ.
Emplacement cliquable
Cet option vous permet de d&eacute;finir l'emplacement dans l'objet sur le quel il faut cliquer pour appeler le
lien. Cependant cette option n'est pas prise en charge pour les sites Internet HTML (le rectangle
entourant l'objet est toujours utilis&eacute;), elle fonctionne seulement dans le cas d'une exportation Flash.
Forme d'objet
: le visiteur doit cliquer &agrave; l'int&eacute;rieur du contour exact de l'objet pour faire s'ouvrir le lien.
Rectangle entourant l'objet
: le visiteur peut cliquer n'importe o&ugrave; dans le rectangle (bo&icirc;te de d&eacute;limitation) entourant l'objet pour faire
s'ouvrir le lien.
Page 504
Lien vers une adresse Internet
Saisissez une adresse Internet &agrave; relier &agrave; cette adresse. Si vous cochez la case &laquo;Correction auto. de
l'adresse
&raquo;, votre adresse sera adapt&eacute;e si besoin lorsque vous cliquerez sur OK ou Appliquer. Par exemple, si
vous saisissez &laquo; www.xara.com &raquo;, cela sera corrig&eacute; en &laquo; http://www.xara.com/ &raquo;.
Vous pouvez entrer une adresse e-mail dans le champ d'adresse des liens, et dans ce cas, quand le
visiteur cliquera sur le lien, cela aura pour effet d'ouvrir son programme d'e-mails avec le champ &Agrave;:
pr&eacute;-rempli. Vous pouvez &eacute;galement, en option, sp&eacute;cifier un objet et des adresses e-mail CC ou CCi
devant &ecirc;tre copi&eacute;es sur le mail et m&ecirc;me sp&eacute;cifier le corps de texte qui doit &ecirc;tre utilis&eacute; par d&eacute;faut. Par
exemple, cela d&eacute;finit l'adresse du destinataire &Agrave;: et les quatre autres param&egrave;tres :
votrenom@blabla.com objet :e-mail de la part du site Internet CC :autre@blabla.com
CCi :encoreunautre@blabla.com body : e-mail automatique
Remarque technique : Xtreme Web Designer 5 encode votre adresse e-mail de fa&ccedil;on &agrave; en r&eacute;duire
l'apparence pour &eacute;viter que des robots SPAM ne la trouvent en faisant des recherches sur Internet. Pour
cela, Javascript est requis et doit donc &ecirc;tre pris en charge par votre navigateur (actuellement plus de
95 % des navigateurs le prennent en charge).
Lien vers une page
S&eacute;lectionnez cette option pour cr&eacute;er un lien vers une autre page de votre site Internet actuel. La liste du
menu d&eacute;roulant vous permet de faire vos choix de liens.
Conseil : si votre site Internet comporte de nombreuses pages, le fait de leur donner &agrave; chacune un nom
pertinent facilitera vos op&eacute;rations de configuration et d'entretien des liens de votre page, car la liste des
pages affichera les noms des pages et non plus uniquement &laquo; Page 1 &raquo;, &laquo; Page 2 &raquo;, &laquo; Page 3 &raquo;, etc.
Veuillez consulter la partie Onglet de page
ci-dessous pour plus d'informations sur la d&eacute;finition des noms de pages.
En plus d'afficher les diff&eacute;rentes pages de votre site, la liste d&eacute;roulante contient &eacute;galement des entr&eacute;es
sp&eacute;ciales : Page suivante et Page pr&eacute;c&eacute;dente
. Utilisez-les pour ajouter un lien menant &agrave; la page suivante ou pr&eacute;c&eacute;dente de votre site. Pour l'utilisation
de ces liens, l'ordre des pages est d&eacute;termin&eacute; par l'ordre des pages telles qu'elles apparaissent dans
Xtreme Web Designer 5. Un lien &laquo; Suivant &raquo; sur la derni&egrave;re page renvoie &agrave; la premi&egrave;re page, et un lien
&laquo; Pr&eacute;c&eacute;dant &raquo; sur la premi&egrave;re page renvoie &agrave; la derni&egrave;re page du site.
Lien vers un point d'ancrage
Cette option vous permet de faire passer le visiteur du site sur une partie sp&eacute;cifique d'une page de votre
site Internet.
Pour d&eacute;finir un pont d'accroche, allez tout d'abord sur la page et l'objet vers lequel vous souhaitez faire
passer votre visiteur. S&eacute;lectionnez l'objet et ajoutez-lui un nom via l'option Services &gt; Noms...
. Puis s&eacute;lectionnez l'objet auquel vous souhaitez ajouter le lien et choisissez le nom du point d'ancrage que
vous avez ajout&eacute; &agrave; partir de la liste disponible dans l'option &laquo; Lien vers un point d'ancrage &raquo;.
Notez que lorsque vous cr&eacute;ez un lien vers un objet se trouvant tout en bas d'une grande page Web, le
navigateur Internet fait automatiquement d&eacute;filer la page vers la bas de fa&ccedil;on &agrave; ce que votre objet ancr&eacute;
soit imm&eacute;diatement visible.
Calque popup
Vous pouvez ajouter tout contenu de votre choix sous la forme d'un calque s&eacute;par&eacute; sur votre page, et
faire que ce contenu s'affiche uniquement lorsque votre visiteur clique sur un lien. Vous pourriez par
exemple ajouter un texte descriptif &agrave; propos d'une photo se trouvant sur votre site et faire que ce texte ne
s'affiche que si le visiteur clique sur la photo.
Page 505
Pour ajouter un calque de popup, vous avez tout d'abord besoin
d'Ajouter le calque lui-m&ecirc;me en utilisant la Galerie de calques
puis d'ajouter le contenu de votre popup &agrave; ce calque.
Pour plus de d&eacute;tails, veuillez consulter le chapitre Galerie de calques
. Voua pouvez ensuite s&eacute;lectionner le calque &agrave; partir de la liste disponible pr&egrave;s de l'option &laquo; Calque
popup &raquo;.
Maintenant, lorsqu'un visiteur clique sur votre objet, le contenu du calque appara&icirc;t ! Le fait de cliquer sur
un autre endroit de la page fait dispara&icirc;tre le popup.
Notez que tout le contenu du calque popup est charg&eacute; d&egrave;s qu'un visiteur entre sur la page. Donc si vous
souhaitez faie appara&icirc;tre un grand nombre de photos popup, utilisez plut&ocirc;t la fonction Photo popup
d&eacute;crite ci-dessous.
Le chapitre &laquo; Pour bien d&eacute;marrer &raquo;
contient des instructions pas &agrave; pas pour ajouter des claques popup.
Photo popup
Cette option vous donne un moyen tr&egrave;s simple d'ajouter des photos popup &agrave; votre site Internet sans
avoir &agrave; ajouter de calques ! Il vous suffit tout simplement d'importer votre photo puis d'utiliser l'Outil de
s&eacute;lection pour la mettre &agrave; la bonne dimension de fa&ccedil;on &agrave; ce qu'elle ait la taille d'une photo miniature sur
la page de votre site. Puis s&eacute;lectionnez-la et choisissez l'option &laquo; Photo popup &raquo; dans l'onglet Lien des
Propri&eacute;t&eacute;s Internet
. Vous pouvez d&eacute;finir la taille de votre choix pour la photo popup en param&eacute;trant la valeur &laquo; Largeur de
l'image popup &raquo; (d&eacute;finie &agrave; 500 pixels par d&eacute;faut). E c'est tout, maintenant lorsqu'un visiteur clique sur la
photo miniature, elle appara&icirc;t dans un format plus grand sous forme d'un popup.
Un autre avantage de ces photos popup par rapport aux calques photo est que la photo plus grande n'est
charg&eacute;e par le navigateur que si le visiteur clique sur la miniature. C'est pourquoi cette m&eacute;thode est
beaucoup plus adapt&eacute;e pour pr&eacute;senter un grand nombre de photos, car seules les miniatures son
charg&eacute;es dans un premier temps, ce qui acc&eacute;l&egrave;re le chargement de la page.
Vous pouvez, en option, afficher un titre au-dessus de chaque photo popup. Saisissez simplement une
&laquo; Description d'image &raquo; pour chaque photo miniature en utilisant l'onglet image de cette bo&icirc;te de
dialogue. Pour plus de d&eacute;tails, veuillez vous reporter &agrave; la section Onglet image
.
Notez que cette fonction marche sur d'autres objets que sur des photos, comme par exemple des formes
et des groupes, mais ne peut &ecirc;tre utilis&eacute;e directement sur du texte. Vous pouvez ins&eacute;rer du texte dans un
groupe (Ctrl+G) pour contourner cette restriction.
Page 506
Utiliser les couleurs habituelles de liens de sites Internet
Cette option vous permet de choisir la fa&ccedil;on dont le texte des liens doit s'afficher. Elle est s&eacute;lectionn&eacute;e
par d&eacute;faut, ce qui signifie que le texte du lien appara&icirc;tra avec la couleur de lien que vous avez d&eacute;finie pour
l'ensemble du site Internet. Vous pouvez param&eacute;trer cette couleur dans l'onglet site Internet (veuillez
consulter la partie Onglet site Internet).
Si vous d&eacute;cochez cette option, le lien texte s&eacute;lectionn&eacute; conservera la couleur que vous lui donnerez sur la
page. Vous pouvez ainsi avoir des liens de diff&eacute;rentes couleurs si vous le souhaitez.
Ouvrir le lien dans
Cette option ne joue aucun r&ocirc;le si les options de lien &laquo; Calque popup &raquo; ou &laquo; Photo popup &raquo; sont
s&eacute;lectionn&eacute;es. Mais pour les autres liens, elle vous permet de commander au navigateur Internet la fa&ccedil;on
dont la page cible doit &ecirc;tre charg&eacute;e. Par d&eacute;faut, elle est d&eacute;finie sur &laquo; Non sp&eacute;cifi&eacute; &raquo; ce qui signifie en
g&eacute;n&eacute;ral que le navigateur ouvrira le lien dans la m&ecirc;me fen&ecirc;tre et le m&ecirc;me frame que le lien.
La liste d&eacute;roulante contient quatre options qui permettent au navigateur d'ex&eacute;cuter des actions sp&eacute;ciales.
Vousp ouvez s&eacute;lectionner l'une de ces options ou saisir le nom d'un frame :
Nouvelle fen&ecirc;tre (_blank)
Ouvre le lien dans une nouvelle fen&ecirc;tre du navigateur.
M&ecirc;me frame (_self)
Ouvre le lien dans ce frame (le frame qui contient cet objet).
Frame parent (_parent)
Ouvre le lien dans la fen&ecirc;tre parente ou dans le frameset qui contient le frame.
M&ecirc;me fen&ecirc;tre (_top)
Ouvre le lien dans la fen&ecirc;tre de navigation principale, et remplace tous les frames existants.
Si vous souhaitez que le lien soit charg&eacute; dans un frame sp&eacute;cifique du navigateur, saisissez le nom du frame
dans ce champ.
Emplacement cliquable
Cet option vous permet de d&eacute;finir l'emplacement dans l'objet sur le quel il faut cliquer pour appeler le
lien. Cependant cette option n'est pas prise en charge pour les sites Internet HTML (le rectangle
entourant l'objet est toujours utilis&eacute;), elle fonctionne seulement dans le cas d'une exportation Flash.
Page 507
Forme d'objet
: le visiteur doit cliquer &agrave; l'int&eacute;rieur du contour exact de l'objet pour faire s'ouvrir le lien.
Rectangle entourant l'objet
: le visiteur peut cliquer n'importe o&ugrave; dans le rectangle (bo&icirc;te de d&eacute;limitation) entourant l'objet pour faire
s'ouvrir le lien.
Page 508
Lien vers une page
S&eacute;lectionnez cette option pour cr&eacute;er un lien vers une autre page de votre site Internet actuel. La liste du
menu d&eacute;roulant vous permet de faire vos choix de liens.
Conseil : si votre site Internet comporte de nombreuses pages, le fait de leur donner &agrave; chacune un nom
pertinent facilitera vos op&eacute;rations de configuration et d'entretien des liens de votre page, car la liste des
pages affichera les noms des pages et non plus uniquement &laquo; Page 1 &raquo;, &laquo; Page 2 &raquo;, &laquo; Page 3 &raquo;, etc.
Veuillez consulter la partie Onglet de page
ci-dessous pour plus d'informations sur la d&eacute;finition des noms de pages.
En plus d'afficher les diff&eacute;rentes pages de votre site, la liste d&eacute;roulante contient &eacute;galement des entr&eacute;es
sp&eacute;ciales : Page suivante et Page pr&eacute;c&eacute;dente
. Utilisez-les pour ajouter un lien menant &agrave; la page suivante ou pr&eacute;c&eacute;dente de votre site. Pour l'utilisation
de ces liens, l'ordre des pages est d&eacute;termin&eacute; par l'ordre des pages telles qu'elles apparaissent dans
Xtreme Web Designer 5. Un lien &laquo; Suivant &raquo; sur la derni&egrave;re page renvoie &agrave; la premi&egrave;re page, et un lien
&laquo; Pr&eacute;c&eacute;dant &raquo; sur la premi&egrave;re page renvoie &agrave; la derni&egrave;re page du site.
Lien vers un point d'ancrage
Cette option vous permet de faire passer le visiteur du site sur une partie sp&eacute;cifique d'une page de votre
site Internet.
Pour d&eacute;finir un pont d'accroche, allez tout d'abord sur la page et l'objet vers lequel vous souhaitez faire
passer votre visiteur. S&eacute;lectionnez l'objet et ajoutez-lui un nom via l'option Services &gt; Noms...
. Puis s&eacute;lectionnez l'objet auquel vous souhaitez ajouter le lien et choisissez le nom du point d'ancrage que
vous avez ajout&eacute; &agrave; partir de la liste disponible dans l'option &laquo; Lien vers un point d'ancrage &raquo;.
Notez que lorsque vous cr&eacute;ez un lien vers un objet se trouvant tout en bas d'une grande page Web, le
navigateur Internet fait automatiquement d&eacute;filer la page vers la bas de fa&ccedil;on &agrave; ce que votre objet ancr&eacute;
soit imm&eacute;diatement visible.
Calque popup
Vous pouvez ajouter tout contenu de votre choix sous la forme d'un calque s&eacute;par&eacute; sur votre page, et
faire que ce contenu s'affiche uniquement lorsque votre visiteur clique sur un lien. Vous pourriez par
exemple ajouter un texte descriptif &agrave; propos d'une photo se trouvant sur votre site et faire que ce texte ne
s'affiche que si le visiteur clique sur la photo.
Pour ajouter un calque de popup, vous avez tout d'abord besoin
d'Ajouter le calque lui-m&ecirc;me en utilisant la Galerie de calques
puis d'ajouter le contenu de votre popup &agrave; ce calque.
Pour plus de d&eacute;tails, veuillez consulter le chapitre Galerie de calques
. Voua pouvez ensuite s&eacute;lectionner le calque &agrave; partir de la liste disponible pr&egrave;s de l'option &laquo; Calque
popup &raquo;.
Maintenant, lorsqu'un visiteur clique sur votre objet, le contenu du calque appara&icirc;t ! Le fait de cliquer sur
un autre endroit de la page fait dispara&icirc;tre le popup.
Notez que tout le contenu du calque popup est charg&eacute; d&egrave;s qu'un visiteur entre sur la page. Donc si vous
souhaitez faie appara&icirc;tre un grand nombre de photos popup, utilisez plut&ocirc;t la fonction Photo popup
d&eacute;crite ci-dessous.
Le chapitre &laquo; Pour bien d&eacute;marrer &raquo;
contient des instructions pas &agrave; pas pour ajouter des claques popup.
Photo popup
Cette option vous donne un moyen tr&egrave;s simple d'ajouter des photos popup &agrave; votre site Internet sans
avoir &agrave; ajouter de calques ! Il vous suffit tout simplement d'importer votre photo puis d'utiliser l'Outil de
Page 509
s&eacute;lection pour la mettre &agrave; la bonne dimension de fa&ccedil;on &agrave; ce qu'elle ait la taille d'une photo miniature sur
la page de votre site. Puis s&eacute;lectionnez-la et choisissez l'option &laquo; Photo popup &raquo; dans l'onglet Lien des
Propri&eacute;t&eacute;s Internet
. Vous pouvez d&eacute;finir la taille de votre choix pour la photo popup en param&eacute;trant la valeur &laquo; Largeur de
l'image popup &raquo; (d&eacute;finie &agrave; 500 pixels par d&eacute;faut). E c'est tout, maintenant lorsqu'un visiteur clique sur la
photo miniature, elle appara&icirc;t dans un format plus grand sous forme d'un popup.
Un autre avantage de ces photos popup par rapport aux calques photo est que la photo plus grande n'est
charg&eacute;e par le navigateur que si le visiteur clique sur la miniature. C'est pourquoi cette m&eacute;thode est
beaucoup plus adapt&eacute;e pour pr&eacute;senter un grand nombre de photos, car seules les miniatures son
charg&eacute;es dans un premier temps, ce qui acc&eacute;l&egrave;re le chargement de la page.
Vous pouvez, en option, afficher un titre au-dessus de chaque photo popup. Saisissez simplement une
&laquo; Description d'image &raquo; pour chaque photo miniature en utilisant l'onglet image de cette bo&icirc;te de
dialogue. Pour plus de d&eacute;tails, veuillez vous reporter &agrave; la section Onglet image
.
Notez que cette fonction marche sur d'autres objets que sur des photos, comme par exemple des formes
et des groupes, mais ne peut &ecirc;tre utilis&eacute;e directement sur du texte. Vous pouvez ins&eacute;rer du texte dans un
groupe (Ctrl+G) pour contourner cette restriction.
Utiliser les couleurs habituelles de liens de sites Internet
Cette option vous permet de choisir la fa&ccedil;on dont le texte des liens doit s'afficher. Elle est s&eacute;lectionn&eacute;e
par d&eacute;faut, ce qui signifie que le texte du lien appara&icirc;tra avec la couleur de lien que vous avez d&eacute;finie pour
l'ensemble du site Internet. Vous pouvez param&eacute;trer cette couleur dans l'onglet site Internet (veuillez
consulter la partie Onglet site Internet).
Si vous d&eacute;cochez cette option, le lien texte s&eacute;lectionn&eacute; conservera la couleur que vous lui donnerez sur la
page. Vous pouvez ainsi avoir des liens de diff&eacute;rentes couleurs si vous le souhaitez.
Ouvrir le lien dans
Cette option ne joue aucun r&ocirc;le si les options de lien &laquo; Calque popup &raquo; ou &laquo; Photo popup &raquo; sont
s&eacute;lectionn&eacute;es. Mais pour les autres liens, elle vous permet de commander au navigateur Internet la fa&ccedil;on
dont la page cible doit &ecirc;tre charg&eacute;e. Par d&eacute;faut, elle est d&eacute;finie sur &laquo; Non sp&eacute;cifi&eacute; &raquo; ce qui signifie en
g&eacute;n&eacute;ral que le navigateur ouvrira le lien dans la m&ecirc;me fen&ecirc;tre et le m&ecirc;me frame que le lien.
Page 510
La liste d&eacute;roulante contient quatre options qui permettent au navigateur d'ex&eacute;cuter des actions sp&eacute;ciales.
Vousp ouvez s&eacute;lectionner l'une de ces options ou saisir le nom d'un frame :
Nouvelle fen&ecirc;tre (_blank)
Ouvre le lien dans une nouvelle fen&ecirc;tre du navigateur.
M&ecirc;me frame (_self)
Ouvre le lien dans ce frame (le frame qui contient cet objet).
Frame parent (_parent)
Ouvre le lien dans la fen&ecirc;tre parente ou dans le frameset qui contient le frame.
M&ecirc;me fen&ecirc;tre (_top)
Ouvre le lien dans la fen&ecirc;tre de navigation principale, et remplace tous les frames existants.
Si vous souhaitez que le lien soit charg&eacute; dans un frame sp&eacute;cifique du navigateur, saisissez le nom du frame
dans ce champ.
Emplacement cliquable
Cet option vous permet de d&eacute;finir l'emplacement dans l'objet sur le quel il faut cliquer pour appeler le
lien. Cependant cette option n'est pas prise en charge pour les sites Internet HTML (le rectangle
entourant l'objet est toujours utilis&eacute;), elle fonctionne seulement dans le cas d'une exportation Flash.
Forme d'objet
: le visiteur doit cliquer &agrave; l'int&eacute;rieur du contour exact de l'objet pour faire s'ouvrir le lien.
Rectangle entourant l'objet
: le visiteur peut cliquer n'importe o&ugrave; dans le rectangle (bo&icirc;te de d&eacute;limitation) entourant l'objet pour faire
s'ouvrir le lien.
Page 511
Lien vers un point d'ancrage
Cette option vous permet de faire passer le visiteur du site sur une partie sp&eacute;cifique d'une page de votre
site Internet.
Pour d&eacute;finir un pont d'accroche, allez tout d'abord sur la page et l'objet vers lequel vous souhaitez faire
passer votre visiteur. S&eacute;lectionnez l'objet et ajoutez-lui un nom via l'option Services &gt; Noms...
. Puis s&eacute;lectionnez l'objet auquel vous souhaitez ajouter le lien et choisissez le nom du point d'ancrage que
vous avez ajout&eacute; &agrave; partir de la liste disponible dans l'option &laquo; Lien vers un point d'ancrage &raquo;.
Notez que lorsque vous cr&eacute;ez un lien vers un objet se trouvant tout en bas d'une grande page Web, le
navigateur Internet fait automatiquement d&eacute;filer la page vers la bas de fa&ccedil;on &agrave; ce que votre objet ancr&eacute;
soit imm&eacute;diatement visible.
Calque popup
Vous pouvez ajouter tout contenu de votre choix sous la forme d'un calque s&eacute;par&eacute; sur votre page, et
faire que ce contenu s'affiche uniquement lorsque votre visiteur clique sur un lien. Vous pourriez par
exemple ajouter un texte descriptif &agrave; propos d'une photo se trouvant sur votre site et faire que ce texte ne
s'affiche que si le visiteur clique sur la photo.
Pour ajouter un calque de popup, vous avez tout d'abord besoin
d'Ajouter le calque lui-m&ecirc;me en utilisant la Galerie de calques
puis d'ajouter le contenu de votre popup &agrave; ce calque.
Pour plus de d&eacute;tails, veuillez consulter le chapitre Galerie de calques
. Voua pouvez ensuite s&eacute;lectionner le calque &agrave; partir de la liste disponible pr&egrave;s de l'option &laquo; Calque
popup &raquo;.
Maintenant, lorsqu'un visiteur clique sur votre objet, le contenu du calque appara&icirc;t ! Le fait de cliquer sur
un autre endroit de la page fait dispara&icirc;tre le popup.
Notez que tout le contenu du calque popup est charg&eacute; d&egrave;s qu'un visiteur entre sur la page. Donc si vous
souhaitez faie appara&icirc;tre un grand nombre de photos popup, utilisez plut&ocirc;t la fonction Photo popup
d&eacute;crite ci-dessous.
Le chapitre &laquo; Pour bien d&eacute;marrer &raquo;
contient des instructions pas &agrave; pas pour ajouter des claques popup.
Photo popup
Cette option vous donne un moyen tr&egrave;s simple d'ajouter des photos popup &agrave; votre site Internet sans
avoir &agrave; ajouter de calques ! Il vous suffit tout simplement d'importer votre photo puis d'utiliser l'Outil de
s&eacute;lection pour la mettre &agrave; la bonne dimension de fa&ccedil;on &agrave; ce qu'elle ait la taille d'une photo miniature sur
la page de votre site. Puis s&eacute;lectionnez-la et choisissez l'option &laquo; Photo popup &raquo; dans l'onglet Lien des
Propri&eacute;t&eacute;s Internet
. Vous pouvez d&eacute;finir la taille de votre choix pour la photo popup en param&eacute;trant la valeur &laquo; Largeur de
l'image popup &raquo; (d&eacute;finie &agrave; 500 pixels par d&eacute;faut). E c'est tout, maintenant lorsqu'un visiteur clique sur la
photo miniature, elle appara&icirc;t dans un format plus grand sous forme d'un popup.
Un autre avantage de ces photos popup par rapport aux calques photo est que la photo plus grande n'est
charg&eacute;e par le navigateur que si le visiteur clique sur la miniature. C'est pourquoi cette m&eacute;thode est
beaucoup plus adapt&eacute;e pour pr&eacute;senter un grand nombre de photos, car seules les miniatures son
charg&eacute;es dans un premier temps, ce qui acc&eacute;l&egrave;re le chargement de la page.
Vous pouvez, en option, afficher un titre au-dessus de chaque photo popup. Saisissez simplement une
&laquo; Description d'image &raquo; pour chaque photo miniature en utilisant l'onglet image de cette bo&icirc;te de
dialogue. Pour plus de d&eacute;tails, veuillez vous reporter &agrave; la section Onglet image
.
Notez que cette fonction marche sur d'autres objets que sur des photos, comme par exemple des formes
Page 512
et des groupes, mais ne peut &ecirc;tre utilis&eacute;e directement sur du texte. Vous pouvez ins&eacute;rer du texte dans un
groupe (Ctrl+G) pour contourner cette restriction.
Utiliser les couleurs habituelles de liens de sites Internet
Cette option vous permet de choisir la fa&ccedil;on dont le texte des liens doit s'afficher. Elle est s&eacute;lectionn&eacute;e
par d&eacute;faut, ce qui signifie que le texte du lien appara&icirc;tra avec la couleur de lien que vous avez d&eacute;finie pour
l'ensemble du site Internet. Vous pouvez param&eacute;trer cette couleur dans l'onglet site Internet (veuillez
consulter la partie Onglet site Internet).
Si vous d&eacute;cochez cette option, le lien texte s&eacute;lectionn&eacute; conservera la couleur que vous lui donnerez sur la
page. Vous pouvez ainsi avoir des liens de diff&eacute;rentes couleurs si vous le souhaitez.
Ouvrir le lien dans
Cette option ne joue aucun r&ocirc;le si les options de lien &laquo; Calque popup &raquo; ou &laquo; Photo popup &raquo; sont
s&eacute;lectionn&eacute;es. Mais pour les autres liens, elle vous permet de commander au navigateur Internet la fa&ccedil;on
dont la page cible doit &ecirc;tre charg&eacute;e. Par d&eacute;faut, elle est d&eacute;finie sur &laquo; Non sp&eacute;cifi&eacute; &raquo; ce qui signifie en
g&eacute;n&eacute;ral que le navigateur ouvrira le lien dans la m&ecirc;me fen&ecirc;tre et le m&ecirc;me frame que le lien.
La liste d&eacute;roulante contient quatre options qui permettent au navigateur d'ex&eacute;cuter des actions sp&eacute;ciales.
Vousp ouvez s&eacute;lectionner l'une de ces options ou saisir le nom d'un frame :
Nouvelle fen&ecirc;tre (_blank)
Ouvre le lien dans une nouvelle fen&ecirc;tre du navigateur.
M&ecirc;me frame (_self)
Ouvre le lien dans ce frame (le frame qui contient cet objet).
Frame parent (_parent)
Ouvre le lien dans la fen&ecirc;tre parente ou dans le frameset qui contient le frame.
M&ecirc;me fen&ecirc;tre (_top)
Ouvre le lien dans la fen&ecirc;tre de navigation principale, et remplace tous les frames existants.
Si vous souhaitez que le lien soit charg&eacute; dans un frame sp&eacute;cifique du navigateur, saisissez le nom du frame
dans ce champ.
Emplacement cliquable
Cet option vous permet de d&eacute;finir l'emplacement dans l'objet sur le quel il faut cliquer pour appeler le
Page 513
lien. Cependant cette option n'est pas prise en charge pour les sites Internet HTML (le rectangle
entourant l'objet est toujours utilis&eacute;), elle fonctionne seulement dans le cas d'une exportation Flash.
Forme d'objet
: le visiteur doit cliquer &agrave; l'int&eacute;rieur du contour exact de l'objet pour faire s'ouvrir le lien.
Rectangle entourant l'objet
: le visiteur peut cliquer n'importe o&ugrave; dans le rectangle (bo&icirc;te de d&eacute;limitation) entourant l'objet pour faire
s'ouvrir le lien.
Page 514
Calque popup
Vous pouvez ajouter tout contenu de votre choix sous la forme d'un calque s&eacute;par&eacute; sur votre page, et
faire que ce contenu s'affiche uniquement lorsque votre visiteur clique sur un lien. Vous pourriez par
exemple ajouter un texte descriptif &agrave; propos d'une photo se trouvant sur votre site et faire que ce texte ne
s'affiche que si le visiteur clique sur la photo.
Pour ajouter un calque de popup, vous avez tout d'abord besoin
d'Ajouter le calque lui-m&ecirc;me en utilisant la Galerie de calques
puis d'ajouter le contenu de votre popup &agrave; ce calque.
Pour plus de d&eacute;tails, veuillez consulter le chapitre Galerie de calques
. Voua pouvez ensuite s&eacute;lectionner le calque &agrave; partir de la liste disponible pr&egrave;s de l'option &laquo; Calque
popup &raquo;.
Maintenant, lorsqu'un visiteur clique sur votre objet, le contenu du calque appara&icirc;t ! Le fait de cliquer sur
un autre endroit de la page fait dispara&icirc;tre le popup.
Notez que tout le contenu du calque popup est charg&eacute; d&egrave;s qu'un visiteur entre sur la page. Donc si vous
souhaitez faie appara&icirc;tre un grand nombre de photos popup, utilisez plut&ocirc;t la fonction Photo popup
d&eacute;crite ci-dessous.
Le chapitre &laquo; Pour bien d&eacute;marrer &raquo;
contient des instructions pas &agrave; pas pour ajouter des claques popup.
Photo popup
Cette option vous donne un moyen tr&egrave;s simple d'ajouter des photos popup &agrave; votre site Internet sans
avoir &agrave; ajouter de calques ! Il vous suffit tout simplement d'importer votre photo puis d'utiliser l'Outil de
s&eacute;lection pour la mettre &agrave; la bonne dimension de fa&ccedil;on &agrave; ce qu'elle ait la taille d'une photo miniature sur
la page de votre site. Puis s&eacute;lectionnez-la et choisissez l'option &laquo; Photo popup &raquo; dans l'onglet Lien des
Propri&eacute;t&eacute;s Internet
. Vous pouvez d&eacute;finir la taille de votre choix pour la photo popup en param&eacute;trant la valeur &laquo; Largeur de
l'image popup &raquo; (d&eacute;finie &agrave; 500 pixels par d&eacute;faut). E c'est tout, maintenant lorsqu'un visiteur clique sur la
photo miniature, elle appara&icirc;t dans un format plus grand sous forme d'un popup.
Un autre avantage de ces photos popup par rapport aux calques photo est que la photo plus grande n'est
charg&eacute;e par le navigateur que si le visiteur clique sur la miniature. C'est pourquoi cette m&eacute;thode est
beaucoup plus adapt&eacute;e pour pr&eacute;senter un grand nombre de photos, car seules les miniatures son
charg&eacute;es dans un premier temps, ce qui acc&eacute;l&egrave;re le chargement de la page.
Vous pouvez, en option, afficher un titre au-dessus de chaque photo popup. Saisissez simplement une
&laquo; Description d'image &raquo; pour chaque photo miniature en utilisant l'onglet image de cette bo&icirc;te de
dialogue. Pour plus de d&eacute;tails, veuillez vous reporter &agrave; la section Onglet image
.
Notez que cette fonction marche sur d'autres objets que sur des photos, comme par exemple des formes
et des groupes, mais ne peut &ecirc;tre utilis&eacute;e directement sur du texte. Vous pouvez ins&eacute;rer du texte dans un
groupe (Ctrl+G) pour contourner cette restriction.
Page 515
Utiliser les couleurs habituelles de liens de sites Internet
Cette option vous permet de choisir la fa&ccedil;on dont le texte des liens doit s'afficher. Elle est s&eacute;lectionn&eacute;e
par d&eacute;faut, ce qui signifie que le texte du lien appara&icirc;tra avec la couleur de lien que vous avez d&eacute;finie pour
l'ensemble du site Internet. Vous pouvez param&eacute;trer cette couleur dans l'onglet site Internet (veuillez
consulter la partie Onglet site Internet).
Si vous d&eacute;cochez cette option, le lien texte s&eacute;lectionn&eacute; conservera la couleur que vous lui donnerez sur la
page. Vous pouvez ainsi avoir des liens de diff&eacute;rentes couleurs si vous le souhaitez.
Ouvrir le lien dans
Cette option ne joue aucun r&ocirc;le si les options de lien &laquo; Calque popup &raquo; ou &laquo; Photo popup &raquo; sont
s&eacute;lectionn&eacute;es. Mais pour les autres liens, elle vous permet de commander au navigateur Internet la fa&ccedil;on
dont la page cible doit &ecirc;tre charg&eacute;e. Par d&eacute;faut, elle est d&eacute;finie sur &laquo; Non sp&eacute;cifi&eacute; &raquo; ce qui signifie en
g&eacute;n&eacute;ral que le navigateur ouvrira le lien dans la m&ecirc;me fen&ecirc;tre et le m&ecirc;me frame que le lien.
La liste d&eacute;roulante contient quatre options qui permettent au navigateur d'ex&eacute;cuter des actions sp&eacute;ciales.
Vousp ouvez s&eacute;lectionner l'une de ces options ou saisir le nom d'un frame :
Nouvelle fen&ecirc;tre (_blank)
Ouvre le lien dans une nouvelle fen&ecirc;tre du navigateur.
M&ecirc;me frame (_self)
Ouvre le lien dans ce frame (le frame qui contient cet objet).
Frame parent (_parent)
Ouvre le lien dans la fen&ecirc;tre parente ou dans le frameset qui contient le frame.
M&ecirc;me fen&ecirc;tre (_top)
Ouvre le lien dans la fen&ecirc;tre de navigation principale, et remplace tous les frames existants.
Si vous souhaitez que le lien soit charg&eacute; dans un frame sp&eacute;cifique du navigateur, saisissez le nom du frame
dans ce champ.
Emplacement cliquable
Cet option vous permet de d&eacute;finir l'emplacement dans l'objet sur le quel il faut cliquer pour appeler le
lien. Cependant cette option n'est pas prise en charge pour les sites Internet HTML (le rectangle
entourant l'objet est toujours utilis&eacute;), elle fonctionne seulement dans le cas d'une exportation Flash.
Page 516
Forme d'objet
: le visiteur doit cliquer &agrave; l'int&eacute;rieur du contour exact de l'objet pour faire s'ouvrir le lien.
Rectangle entourant l'objet
: le visiteur peut cliquer n'importe o&ugrave; dans le rectangle (bo&icirc;te de d&eacute;limitation) entourant l'objet pour faire
s'ouvrir le lien.
Page 517
Photo popup
Cette option vous donne un moyen tr&egrave;s simple d'ajouter des photos popup &agrave; votre site Internet sans
avoir &agrave; ajouter de calques ! Il vous suffit tout simplement d'importer votre photo puis d'utiliser l'Outil de
s&eacute;lection pour la mettre &agrave; la bonne dimension de fa&ccedil;on &agrave; ce qu'elle ait la taille d'une photo miniature sur
la page de votre site. Puis s&eacute;lectionnez-la et choisissez l'option &laquo; Photo popup &raquo; dans l'onglet Lien des
Propri&eacute;t&eacute;s Internet
. Vous pouvez d&eacute;finir la taille de votre choix pour la photo popup en param&eacute;trant la valeur &laquo; Largeur de
l'image popup &raquo; (d&eacute;finie &agrave; 500 pixels par d&eacute;faut). E c'est tout, maintenant lorsqu'un visiteur clique sur la
photo miniature, elle appara&icirc;t dans un format plus grand sous forme d'un popup.
Un autre avantage de ces photos popup par rapport aux calques photo est que la photo plus grande n'est
charg&eacute;e par le navigateur que si le visiteur clique sur la miniature. C'est pourquoi cette m&eacute;thode est
beaucoup plus adapt&eacute;e pour pr&eacute;senter un grand nombre de photos, car seules les miniatures son
charg&eacute;es dans un premier temps, ce qui acc&eacute;l&egrave;re le chargement de la page.
Vous pouvez, en option, afficher un titre au-dessus de chaque photo popup. Saisissez simplement une
&laquo; Description d'image &raquo; pour chaque photo miniature en utilisant l'onglet image de cette bo&icirc;te de
dialogue. Pour plus de d&eacute;tails, veuillez vous reporter &agrave; la section Onglet image
.
Notez que cette fonction marche sur d'autres objets que sur des photos, comme par exemple des formes
et des groupes, mais ne peut &ecirc;tre utilis&eacute;e directement sur du texte. Vous pouvez ins&eacute;rer du texte dans un
groupe (Ctrl+G) pour contourner cette restriction.
Utiliser les couleurs habituelles de liens de sites Internet
Cette option vous permet de choisir la fa&ccedil;on dont le texte des liens doit s'afficher. Elle est s&eacute;lectionn&eacute;e
par d&eacute;faut, ce qui signifie que le texte du lien appara&icirc;tra avec la couleur de lien que vous avez d&eacute;finie pour
l'ensemble du site Internet. Vous pouvez param&eacute;trer cette couleur dans l'onglet site Internet (veuillez
consulter la partie Onglet site Internet).
Si vous d&eacute;cochez cette option, le lien texte s&eacute;lectionn&eacute; conservera la couleur que vous lui donnerez sur la
page. Vous pouvez ainsi avoir des liens de diff&eacute;rentes couleurs si vous le souhaitez.
Ouvrir le lien dans
Page 518
Cette option ne joue aucun r&ocirc;le si les options de lien &laquo; Calque popup &raquo; ou &laquo; Photo popup &raquo; sont
s&eacute;lectionn&eacute;es. Mais pour les autres liens, elle vous permet de commander au navigateur Internet la fa&ccedil;on
dont la page cible doit &ecirc;tre charg&eacute;e. Par d&eacute;faut, elle est d&eacute;finie sur &laquo; Non sp&eacute;cifi&eacute; &raquo; ce qui signifie en
g&eacute;n&eacute;ral que le navigateur ouvrira le lien dans la m&ecirc;me fen&ecirc;tre et le m&ecirc;me frame que le lien.
La liste d&eacute;roulante contient quatre options qui permettent au navigateur d'ex&eacute;cuter des actions sp&eacute;ciales.
Vousp ouvez s&eacute;lectionner l'une de ces options ou saisir le nom d'un frame :
Nouvelle fen&ecirc;tre (_blank)
Ouvre le lien dans une nouvelle fen&ecirc;tre du navigateur.
M&ecirc;me frame (_self)
Ouvre le lien dans ce frame (le frame qui contient cet objet).
Frame parent (_parent)
Ouvre le lien dans la fen&ecirc;tre parente ou dans le frameset qui contient le frame.
M&ecirc;me fen&ecirc;tre (_top)
Ouvre le lien dans la fen&ecirc;tre de navigation principale, et remplace tous les frames existants.
Si vous souhaitez que le lien soit charg&eacute; dans un frame sp&eacute;cifique du navigateur, saisissez le nom du frame
dans ce champ.
Emplacement cliquable
Cet option vous permet de d&eacute;finir l'emplacement dans l'objet sur le quel il faut cliquer pour appeler le
lien. Cependant cette option n'est pas prise en charge pour les sites Internet HTML (le rectangle
entourant l'objet est toujours utilis&eacute;), elle fonctionne seulement dans le cas d'une exportation Flash.
Forme d'objet
: le visiteur doit cliquer &agrave; l'int&eacute;rieur du contour exact de l'objet pour faire s'ouvrir le lien.
Rectangle entourant l'objet
: le visiteur peut cliquer n'importe o&ugrave; dans le rectangle (bo&icirc;te de d&eacute;limitation) entourant l'objet pour faire
s'ouvrir le lien.
Page 519
Utiliser les couleurs habituelles de liens de sites Internet
Cette option vous permet de choisir la fa&ccedil;on dont le texte des liens doit s'afficher. Elle est s&eacute;lectionn&eacute;e
par d&eacute;faut, ce qui signifie que le texte du lien appara&icirc;tra avec la couleur de lien que vous avez d&eacute;finie pour
l'ensemble du site Internet. Vous pouvez param&eacute;trer cette couleur dans l'onglet site Internet (veuillez
consulter la partie Onglet site Internet).
Si vous d&eacute;cochez cette option, le lien texte s&eacute;lectionn&eacute; conservera la couleur que vous lui donnerez sur la
page. Vous pouvez ainsi avoir des liens de diff&eacute;rentes couleurs si vous le souhaitez.
Ouvrir le lien dans
Cette option ne joue aucun r&ocirc;le si les options de lien &laquo; Calque popup &raquo; ou &laquo; Photo popup &raquo; sont
s&eacute;lectionn&eacute;es. Mais pour les autres liens, elle vous permet de commander au navigateur Internet la fa&ccedil;on
dont la page cible doit &ecirc;tre charg&eacute;e. Par d&eacute;faut, elle est d&eacute;finie sur &laquo; Non sp&eacute;cifi&eacute; &raquo; ce qui signifie en
g&eacute;n&eacute;ral que le navigateur ouvrira le lien dans la m&ecirc;me fen&ecirc;tre et le m&ecirc;me frame que le lien.
La liste d&eacute;roulante contient quatre options qui permettent au navigateur d'ex&eacute;cuter des actions sp&eacute;ciales.
Vousp ouvez s&eacute;lectionner l'une de ces options ou saisir le nom d'un frame :
Nouvelle fen&ecirc;tre (_blank)
Ouvre le lien dans une nouvelle fen&ecirc;tre du navigateur.
M&ecirc;me frame (_self)
Ouvre le lien dans ce frame (le frame qui contient cet objet).
Frame parent (_parent)
Ouvre le lien dans la fen&ecirc;tre parente ou dans le frameset qui contient le frame.
M&ecirc;me fen&ecirc;tre (_top)
Ouvre le lien dans la fen&ecirc;tre de navigation principale, et remplace tous les frames existants.
Si vous souhaitez que le lien soit charg&eacute; dans un frame sp&eacute;cifique du navigateur, saisissez le nom du frame
dans ce champ.
Emplacement cliquable
Cet option vous permet de d&eacute;finir l'emplacement dans l'objet sur le quel il faut cliquer pour appeler le
lien. Cependant cette option n'est pas prise en charge pour les sites Internet HTML (le rectangle
entourant l'objet est toujours utilis&eacute;), elle fonctionne seulement dans le cas d'une exportation Flash.
Forme d'objet
: le visiteur doit cliquer &agrave; l'int&eacute;rieur du contour exact de l'objet pour faire s'ouvrir le lien.
Rectangle entourant l'objet
: le visiteur peut cliquer n'importe o&ugrave; dans le rectangle (bo&icirc;te de d&eacute;limitation) entourant l'objet pour faire
s'ouvrir le lien.
Page 520
Ouvrir le lien dans
Cette option ne joue aucun r&ocirc;le si les options de lien &laquo; Calque popup &raquo; ou &laquo; Photo popup &raquo; sont
s&eacute;lectionn&eacute;es. Mais pour les autres liens, elle vous permet de commander au navigateur Internet la fa&ccedil;on
dont la page cible doit &ecirc;tre charg&eacute;e. Par d&eacute;faut, elle est d&eacute;finie sur &laquo; Non sp&eacute;cifi&eacute; &raquo; ce qui signifie en
g&eacute;n&eacute;ral que le navigateur ouvrira le lien dans la m&ecirc;me fen&ecirc;tre et le m&ecirc;me frame que le lien.
La liste d&eacute;roulante contient quatre options qui permettent au navigateur d'ex&eacute;cuter des actions sp&eacute;ciales.
Vousp ouvez s&eacute;lectionner l'une de ces options ou saisir le nom d'un frame :
Nouvelle fen&ecirc;tre (_blank)
Ouvre le lien dans une nouvelle fen&ecirc;tre du navigateur.
M&ecirc;me frame (_self)
Ouvre le lien dans ce frame (le frame qui contient cet objet).
Frame parent (_parent)
Ouvre le lien dans la fen&ecirc;tre parente ou dans le frameset qui contient le frame.
M&ecirc;me fen&ecirc;tre (_top)
Ouvre le lien dans la fen&ecirc;tre de navigation principale, et remplace tous les frames existants.
Si vous souhaitez que le lien soit charg&eacute; dans un frame sp&eacute;cifique du navigateur, saisissez le nom du frame
dans ce champ.
Emplacement cliquable
Cet option vous permet de d&eacute;finir l'emplacement dans l'objet sur le quel il faut cliquer pour appeler le
lien. Cependant cette option n'est pas prise en charge pour les sites Internet HTML (le rectangle
entourant l'objet est toujours utilis&eacute;), elle fonctionne seulement dans le cas d'une exportation Flash.
Forme d'objet
: le visiteur doit cliquer &agrave; l'int&eacute;rieur du contour exact de l'objet pour faire s'ouvrir le lien.
Rectangle entourant l'objet
: le visiteur peut cliquer n'importe o&ugrave; dans le rectangle (bo&icirc;te de d&eacute;limitation) entourant l'objet pour faire
s'ouvrir le lien.
Page 521
Emplacement cliquable
Cet option vous permet de d&eacute;finir l'emplacement dans l'objet sur le quel il faut cliquer pour appeler le
lien. Cependant cette option n'est pas prise en charge pour les sites Internet HTML (le rectangle
entourant l'objet est toujours utilis&eacute;), elle fonctionne seulement dans le cas d'une exportation Flash.
Forme d'objet
: le visiteur doit cliquer &agrave; l'int&eacute;rieur du contour exact de l'objet pour faire s'ouvrir le lien.
Rectangle entourant l'objet
: le visiteur peut cliquer n'importe o&ugrave; dans le rectangle (bo&icirc;te de d&eacute;limitation) entourant l'objet pour faire
s'ouvrir le lien.
Page 522
Onglet page
Les options de cet onglet s'appliquent &agrave; la page en cours, et non &agrave; (aux) l'objet(s) s&eacute;lectionn&eacute;. La page
en cours est marqu&eacute;e par des lignes d'angle noires juste &agrave; l'ext&eacute;rieur de chaque coin de la page. Tous les
champs de cet onglet sont optionnels ; vous n'Avez pas absolument besoin de remplir ces champs pour
toutes les pages de votre site.
Si vous souhaitez avoir le m&ecirc;me titre, la m&ecirc;me description et les m&ecirc;mes mots-cl&eacute; sur toutes les pages de
votre site, vous pouvez param&eacute;trer cela une fois pour toutes dans l'onglet Site Internet, ce qui vous &eacute;vite
de le faire pour chaque page.
Nom de fichier de la page
: utilisez ce champ pour d&eacute;finir le nom que vous souhaitez utiliser pour cette page lorsqu'elle sera
export&eacute;e. Si vous souhaitez que la page soit export&eacute;e sous le nom &laquo; home.htm &raquo;, nommez ce champ
&laquo; home &raquo;.
On appelle g&eacute;n&eacute;ralement la premi&egrave;re page d'un site &laquo; index.htm &raquo; ou &laquo; home.htm &raquo; car lorsqu'un visiteur
sp&eacute;cifie une URL compos&eacute;e uniquement d'un nom de domaine, sans nom de page, (par ex.
&laquo; www.xara.com &raquo;) celui-ci est souvent automatiquement redirig&eacute; par le serveur Internet vers la page
index.htm si celle-ci est disponible.
Titre de la page
: vous pouvez, en option, donner un titre &agrave; votre page. Si vous choisissez d'en donner un, il sera utilis&eacute;
par les navigateurs Internet et sera affich&eacute; dans le frame de la fen&ecirc;tre de navigation ou de l'onglet. Par
exemple, au moment o&ugrave; nous &eacute;crivons, la page d'accueil de www.xara.com porte le nom de &laquo; Graphics
Software by Xara &raquo;, que vous pouvez voir affich&eacute; par le navigateur Internet si vous vous rendez sur le
site.
Avanc&eacute; : le titre est ins&eacute;r&eacute; dans l'ent&ecirc;te de la page en utilisant l'&eacute;l&eacute;ment HTML &laquo; &gt;title&gt; &raquo;.
Description de la page
: ce texte de description de la page peut &ecirc;tre affich&eacute; par les moteurs de recherche dans leurs r&eacute;sultats de
recherche quand des visiteurs trouvent votre page au cours d'une recherche Internet. La description de la
page peut donc aussi &ecirc;tre affich&eacute; par des navigateurs et autres services Internet.
Avanc&eacute; : la description est ins&eacute;r&eacute;e dans l'ent&ecirc;te de la page en tant que m&eacute;tadonn&eacute;e
('&lt;meta name=&quot;description&quot; …..).
Mots-cl&eacute; de page
Page 523
: vous pouvez ici entrer des mots-cl&eacute; utilis&eacute;s par les moteurs de recherche et qui aideront les visiteurs &agrave;
tomber sur votre site. Entrez des mots-cl&eacute; que les visiteurs sont susceptibles de taper pour leur recherche
de pages ou sites comme les v&ocirc;tres.
Si vous ma&icirc;triser le HTML, les mots-cl&eacute;s sont entr&eacute;s dans les ent&ecirc;tes en tant que m&eacute;tadonn&eacute;es :
Avanc&eacute; : les mots-cl&eacute;s sont ins&eacute;r&eacute;s dans l'ent&ecirc;te de la page en tant que m&eacute;tadonn&eacute;e
('&lt;meta name=&quot;keywords&quot; …..).
Code tracker :
ce champ vous sert &agrave; coller un code HTML valide dans votre page. Si vous ma&icirc;trisez le HTML, le code
devra &ecirc;tre ins&eacute;r&eacute; tel quel &agrave; la fin de votre page, juste avant le tag de cl&ocirc;ture &laquo; &lt;/body&gt; &raquo;.
Ceci est en g&eacute;n&eacute;ral utile pour ins&eacute;rer le code tracker qui sert &agrave; &eacute;tablir les statistiques de visite de votre
page. Par exemple, Google Analytics met &agrave; votre disposition un snippet HTML que vous pouvez coller
dans ce champ pour la page Internet que vous souhaitez tracker.
Ceci est &agrave; utiliser avec pr&eacute;caution car le fait d'ins&eacute;rer un code ou un script erron&eacute;s dans votre page peut
cr&eacute;er de graves probl&egrave;mes sur toute la page Internet.
Si vous avez besoin d'ins&eacute;rer exactement le m&ecirc;me code sur toutes les pages de votre site Internet, vous
pouvez utiliser le champ de Code Tracker de l'onglet site Internet
de cette bo&icirc;te de dialogue au lieu de l'entrer pour chacune des pages via l'onglet Page.
Page 524
Onglet site Internet
Les param&egrave;tres de cet onglet s'appliquent &agrave; la totalit&eacute; du document/site Internet, et donc ce n'est pas
l'objet ni la page s&eacute;lectionn&eacute;s qui importent.
Titre, Description &amp; mots-cl&eacute;s : ces champs se trouvent dans la section Onglet Page
ci-dessus. En option, vous pouvez d&eacute;finir ces champs de fa&ccedil;on &agrave; ce qu'ils s'appliquent &agrave; toutes les pages
de votre site Internet, sauf si les param&egrave;tres de l'onglet Page les annule. Ainsi, une page sans titre propre
param&eacute;tr&eacute; dans l'onglet Page recevra le titre que vous aurez sp&eacute;cifi&eacute; ici.
Tracker Code : cela rempli les m&ecirc;mes objectifs que le champ Tracker Code de l'onglet Page. Pour plus
de d&eacute;tails, veuillez vous reporter &agrave; la section Onglet Page
.
Cependant, dans le cas de ce champ, si le code est sp&eacute;cifi&eacute; ici dans l'onglet Site Internet il est inclus
dans toutes les pages de votre site en plus de
tout autre code sp&eacute;cifi&eacute; pour chaque page dans l'onglet Page. Cela vous permet d'inclure du code dans
toutes les pages, et m&ecirc;me temps d'ajouter un autre code aux pages qui en ont besoin.
Couleurs de liens de sites Internet
Cette section de l'ongle site Internet vous permet de contr&ocirc;ler la fa&ccedil;on dont le texte des liens doit
appara&icirc;tre sur votre site Internet.
Liens texte soulign&eacute;s
: il est habituel d'utiliser le soulignement pour faire resortir les liens cliquables d'un texte, et cette option
est donc s&eacute;lectionn&eacute;e par d&eacute;faut. D&eacute;cochez-la si vous ne souhaitez pas que vos les liens soient soulign&eacute;s.
Page 525
Couleur souris sans effet
: ici, vous pouvez choisir la couleur des liens dans le texte. Vous pouvez soit s&eacute;lectionner une couleur
th&eacute;matique nomm&eacute;e dans la liste d&eacute;roulante (s'il y en a dans votre document en cours) ou cliquer sur le
bouton Editer pour ouvrir l'Editeur de couleurs, pour choisir une autre couleur.
Couleur souris avec effet
: les liens dans le texte changeront de couleur lorsqu'un visiteur passera le curseur de la souris dessus.
Couleur lien visit&eacute;
: les liens du texte sur lesquels le visiteur a d&eacute;j&agrave; cliqu&eacute; seront affich&eacute;s de cette couleur &agrave; la place de la
Couleur souris sans effet.
Page 526
Couleurs de liens de sites Internet
Cette section de l'ongle site Internet vous permet de contr&ocirc;ler la fa&ccedil;on dont le texte des liens doit
appara&icirc;tre sur votre site Internet.
Liens texte soulign&eacute;s
: il est habituel d'utiliser le soulignement pour faire resortir les liens cliquables d'un texte, et cette option
est donc s&eacute;lectionn&eacute;e par d&eacute;faut. D&eacute;cochez-la si vous ne souhaitez pas que vos les liens soient soulign&eacute;s.
Couleur souris sans effet
: ici, vous pouvez choisir la couleur des liens dans le texte. Vous pouvez soit s&eacute;lectionner une couleur
th&eacute;matique nomm&eacute;e dans la liste d&eacute;roulante (s'il y en a dans votre document en cours) ou cliquer sur le
bouton Editer pour ouvrir l'Editeur de couleurs, pour choisir une autre couleur.
Couleur souris avec effet
: les liens dans le texte changeront de couleur lorsqu'un visiteur passera le curseur de la souris dessus.
Couleur lien visit&eacute;
: les liens du texte sur lesquels le visiteur a d&eacute;j&agrave; cliqu&eacute; seront affich&eacute;s de cette couleur &agrave; la place de la
Couleur souris sans effet.
Page 527
Onglet Passage de la souris
Les options de cet onglet vous permettent de commander ce qui doit se passer lorsqu'un visiteur d&eacute;place
le curseur de la souris sur les objets s&eacute;lectionn&eacute;s. Par exemple, vous pouvez faire appara&icirc;tre un texte
sous forme de popup ou un calque de contenu lorsqu'un visiteur passe le curseur de sa souris sur une
photo de votre site Internet.
Afficher texte popup (titre)
: ici, vous pouvez sp&eacute;cifier le texte &laquo; titre &raquo; d'un objet. Les navigateurs Internet l'afficheront sous forme
d'un petit popup lorsque le visiteur d&eacute;placera le curseur de la souris sur l'objet.
Afficher calque popup :
de la m&ecirc;me fa&ccedil;on que vous pouvez ajouter un calque qui s'affiche uniquement lorsque le visiteur clique
sur un objet (voir &agrave; ce propos la section Onglet Lien), vous pouvez &eacute;galement commander qu'un calque
soit affich&eacute; lorsque le curseur de la souris passe sur un objet. Lorsque le curseur quitte l'objet, le popup
dispara&icirc;t. S&eacute;lectionnez simplement cette option puis le calque que vous voulez voir appara&icirc;tre dans la liste
fournie.
Par exemple, vous pouvez utiliser cette option pour afficher un exemplaire plus grand d'une photo lorsque
le visiteur passe le curseur de la souris dessus. Notez cependant que tout le contenu du calque popup est
charg&eacute; d&egrave;s qu'un visiteur entre sur la page. De ce fait, il n'est pas recommand&eacute; d'afficher de trop
nombreuses photos sous forme de popup. Pour ce faire, utilisez plut&ocirc;t la fonction Photo popup
d&eacute;crite dans la section Onglet Lien.
Page 528
Onglet image
De par la nature des sites Internet HTML, la plupart des objets que vous voyez et que vous pouvez
s&eacute;lectionner sur les pages doivent &ecirc;tre convertis en images bitmap lors du processus d'exportation de
votre site Internet. Cela se d&eacute;roule de fa&ccedil;on enti&egrave;rement automatique lorsque vous faites un aper&ccedil;u et une
exportation, mais les commandes de cet onglet vous permettent de contr&ocirc;ler la fa&ccedil;on dont certaines de
ces images sont cr&eacute;&eacute;es.
Souvenez vous que chaque groupe, forme, ent&ecirc;te, logo, photo, etc., est export&eacute; en tant qu'image
ind&eacute;pendante. Si vous regardez la fa&ccedil;on dont les objets de votre design sont group&eacute;s, vous pouvez
contr&ocirc;ler le nombre d'images export&eacute;es pour construire votre site Internet. Par exemple, si vous avez
deux formes ind&eacute;pendantes dans votre design qui ne sont pas regroup&eacute;es, elles seront export&eacute;es comme
deux images ind&eacute;pendantes. Vous pouvez regrouper ces deux images (Ctrl+G), et comme cela, elles
seront consid&eacute;r&eacute;es comme une seule image lors de l'exportation.
Type d'image Internet
Cette section de l'onglet Image
vous permet de sp&eacute;cifier la fa&ccedil;on dont l'objet s&eacute;lectionn&eacute; actuel doit &ecirc;tre export&eacute; en tant qu'image. Par
d&eacute;faut, c'est Xtreme Web Designer 5 qui d&eacute;cide pour vous. Cela signifie que les photos sont
normalement export&eacute;es au format JPEG (en g&eacute;n&eacute;ral le meilleur format pour les photos) et les autres
objets au format PNG (en g&eacute;n&eacute;ral le format le mieux adapt&eacute; aux graphiques). Les photos qui ont &eacute;t&eacute;
tourn&eacute;es dans la page ou celles auxquelles une ombre semi-transparente a &eacute;t&eacute; appliqu&eacute;e seront export&eacute;es
au format PNG car le format JPEG ne prend pas en charge la transparence.
Vous pouvez forcer le(s) objet(s) s&eacute;lectionn&eacute;(s) &agrave; &ecirc;tre export&eacute;s au format JPEG ou PNG si vous
s&eacute;lectionnez l'option appropri&eacute;e. Lorsque l'option JPEG est s&eacute;lectionn&eacute;e, vous pouvez &eacute;galement choisir
que la qualit&eacute; JPEG soit utilis&eacute;e pour cette image. Une qualit&eacute; plus &eacute;lev&eacute;e implique un fichier JPEG plus
lourd.
Description de l'image
Cela vous permet de sp&eacute;cifier une courte ligne de texte qui d&eacute;crit la photo (ou autre objet) s&eacute;lectionn&eacute;e.
Si vous ma&icirc;trisez le HTML, ce texte est utilis&eacute; en tant que texte &laquo; ALT &raquo; sur l'image export&eacute;e pour l'objet
en cours de s&eacute;lection. Les navigateurs Internet affichent ce texte sur la page &agrave; la place de l'image, si
l'image ne peut &ecirc;tre obtenue pour une raison quelconque.
Au moment o&ugrave; nous r&eacute;digeons ce manuel, Internet Explorer utilise le texte ALT pour afficher un petit
texte popup sur l'image lorsque le visiteur passe le curseur de sa souris dessus. Les autres navigateurs ont
Page 529
tendance &agrave; ne pas le faire. Pour rendre vos pages Internet plus compl&egrave;tes sur d'autres navigateurs,
Xtreme Web Designer 5 fera que le texte &laquo; TITLE &raquo; sur l'objet soit le m&ecirc;me que le texte ALT
(uniquement si vous n'avez pas d&eacute;fini un texte &laquo; TITLE &raquo; diff&eacute;rent dans l'onglet Passage de la souris).
Cela signifie que tous les navigateurs afficheront le texte alt sous forme d'un popup lorsque votre page
sera vue.
Ce texte de description de l'image est aussi utilis&eacute; par la fonction &laquo; Popup photo &raquo; d&eacute;crite plus haut dans
la section Onglet lien
. Si une photo popup poss&egrave;de une Description d'Image, elle est affich&eacute;e sous forme d'un titre sous la
photo popup.
Page 530
Type d'image Internet
Cette section de l'onglet Image
vous permet de sp&eacute;cifier la fa&ccedil;on dont l'objet s&eacute;lectionn&eacute; actuel doit &ecirc;tre export&eacute; en tant qu'image. Par
d&eacute;faut, c'est Xtreme Web Designer 5 qui d&eacute;cide pour vous. Cela signifie que les photos sont
normalement export&eacute;es au format JPEG (en g&eacute;n&eacute;ral le meilleur format pour les photos) et les autres
objets au format PNG (en g&eacute;n&eacute;ral le format le mieux adapt&eacute; aux graphiques). Les photos qui ont &eacute;t&eacute;
tourn&eacute;es dans la page ou celles auxquelles une ombre semi-transparente a &eacute;t&eacute; appliqu&eacute;e seront export&eacute;es
au format PNG car le format JPEG ne prend pas en charge la transparence.
Vous pouvez forcer le(s) objet(s) s&eacute;lectionn&eacute;(s) &agrave; &ecirc;tre export&eacute;s au format JPEG ou PNG si vous
s&eacute;lectionnez l'option appropri&eacute;e. Lorsque l'option JPEG est s&eacute;lectionn&eacute;e, vous pouvez &eacute;galement choisir
que la qualit&eacute; JPEG soit utilis&eacute;e pour cette image. Une qualit&eacute; plus &eacute;lev&eacute;e implique un fichier JPEG plus
lourd.
Description de l'image
Cela vous permet de sp&eacute;cifier une courte ligne de texte qui d&eacute;crit la photo (ou autre objet) s&eacute;lectionn&eacute;e.
Si vous ma&icirc;trisez le HTML, ce texte est utilis&eacute; en tant que texte &laquo; ALT &raquo; sur l'image export&eacute;e pour l'objet
en cours de s&eacute;lection. Les navigateurs Internet affichent ce texte sur la page &agrave; la place de l'image, si
l'image ne peut &ecirc;tre obtenue pour une raison quelconque.
Au moment o&ugrave; nous r&eacute;digeons ce manuel, Internet Explorer utilise le texte ALT pour afficher un petit
texte popup sur l'image lorsque le visiteur passe le curseur de sa souris dessus. Les autres navigateurs ont
tendance &agrave; ne pas le faire. Pour rendre vos pages Internet plus compl&egrave;tes sur d'autres navigateurs,
Xtreme Web Designer 5 fera que le texte &laquo; TITLE &raquo; sur l'objet soit le m&ecirc;me que le texte ALT
(uniquement si vous n'avez pas d&eacute;fini un texte &laquo; TITLE &raquo; diff&eacute;rent dans l'onglet Passage de la souris).
Cela signifie que tous les navigateurs afficheront le texte alt sous forme d'un popup lorsque votre page
sera vue.
Ce texte de description de l'image est aussi utilis&eacute; par la fonction &laquo; Popup photo &raquo; d&eacute;crite plus haut dans
la section Onglet lien
. Si une photo popup poss&egrave;de une Description d'Image, elle est affich&eacute;e sous forme d'un titre sous la
photo popup.
Page 531
Description de l'image
Cela vous permet de sp&eacute;cifier une courte ligne de texte qui d&eacute;crit la photo (ou autre objet) s&eacute;lectionn&eacute;e.
Si vous ma&icirc;trisez le HTML, ce texte est utilis&eacute; en tant que texte &laquo; ALT &raquo; sur l'image export&eacute;e pour l'objet
en cours de s&eacute;lection. Les navigateurs Internet affichent ce texte sur la page &agrave; la place de l'image, si
l'image ne peut &ecirc;tre obtenue pour une raison quelconque.
Au moment o&ugrave; nous r&eacute;digeons ce manuel, Internet Explorer utilise le texte ALT pour afficher un petit
texte popup sur l'image lorsque le visiteur passe le curseur de sa souris dessus. Les autres navigateurs ont
tendance &agrave; ne pas le faire. Pour rendre vos pages Internet plus compl&egrave;tes sur d'autres navigateurs,
Xtreme Web Designer 5 fera que le texte &laquo; TITLE &raquo; sur l'objet soit le m&ecirc;me que le texte ALT
(uniquement si vous n'avez pas d&eacute;fini un texte &laquo; TITLE &raquo; diff&eacute;rent dans l'onglet Passage de la souris).
Cela signifie que tous les navigateurs afficheront le texte alt sous forme d'un popup lorsque votre page
sera vue.
Ce texte de description de l'image est aussi utilis&eacute; par la fonction &laquo; Popup photo &raquo; d&eacute;crite plus haut dans
la section Onglet lien
. Si une photo popup poss&egrave;de une Description d'Image, elle est affich&eacute;e sous forme d'un titre sous la
photo popup.
Page 532
Onglet objets fictifs
Les commandes de cet onglet servent &agrave; ajouter des fichiers Flash ou graphiques externes dans votre
page, ou &agrave; ins&eacute;rer du code HTML que vous avez obtenu autre part.
Cr&eacute;ez tout d'abord un objet (en g&eacute;n&eacute;ral un rectangle en utilisant l'Outil rectangle
) sur votre page qui ait les m&ecirc;mes dimensions que le contenu que vous souhaitez ajouter, puis
positionnez-le &agrave; l'endroit o&ugrave; vous souhaitez voir appara&icirc;tre le contenu. Ceci est donc votre objet &laquo; fictif &raquo;,
car il sera remplac&eacute; par le contenu que vous aurez sp&eacute;cifi&eacute; dans cet onglet dans votre site export&eacute;.
S&eacute;lectionnez l'objet fictif puis ouvrez cet onglet de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s Internet. Puis
s&eacute;lectionnez l'une des options suivantes.
Remplacer par Flash
S&eacute;lectionnez cette option pour remplacer l'objet fictif par une animation Flash. Utilisez le bouton
Parcourir pour localiser le fichier Flash (.swf) que vous voulez utiliser.
Le fichier s&eacute;lectionn&eacute; est automatiquement copi&eacute; vers le dossier de support pour le design en cours, de
fa&ccedil;on &agrave; ce que, lors de l'exportation de votre site Internet, le fichier soit inclus dans le dossier _htm_files
avec les images g&eacute;n&eacute;r&eacute;es pour votre site. Pour en savoir plus sur les dossiers de support, veuillez vous
reporter au chapitre Utilisation des documents.
Remplacer par un fichier graphique
S&eacute;lectionnez cette option si vous voulez ins&eacute;rer un graphique ou une image dans votre site Internet &agrave; la
place de l'objet fictif (par exemple un fichier image PNG, GIF ou autre fichier image compatible avec
Internet). Utilisez le bouton Parcourir pour s&eacute;lectionner le fichier.
Le fichier s&eacute;lectionn&eacute; est automatiquement copi&eacute; vers le dossier de support pour le design en cours, de
fa&ccedil;on &agrave; ce que, lors de l'exportation de votre site Internet, le fichier soit inclus dans le dossier _htm_files
avec les images g&eacute;n&eacute;r&eacute;es pour votre site. Pour en savoir plus sur les dossiers de support, veuillez vous
reporter au chapitre Utilisation des documents.
Page 533
Remplacer par du code HTML
Cette option vous permet de coller du code HTML que vous avez obtenu autre part. Par exemple, de
nombreux sites proposent des widgets que vous pouvez ajouter &agrave; votre page en collant le code HTML.
Suivez les instructions donn&eacute;es sur ces sites.
Cliquez ici
pour obtenir une liste des widgets recommand&eacute;s et des conseils sur le site de Xara.
ATTENTION : tout comme avec le code tracker vous devez faire attention &agrave; n'ins&eacute;rer que du code dont
vous &ecirc;tes s&ucirc;r qu'il est sans danger et provient d'une source fiable. Du code invalide ou interrompu
affectera votre site Internet car Xtreme Web Designer 5 ins&egrave;re le code dans votre page lors de
l'exportation tel que vous le donnez, sans le modifier ni le contr&ocirc;ler.
Si vous utilisez les modules Xara (www.xaraoline.com
), vous pouvez coller un snippet de module dans ce champ pour ajouter votre module &agrave; la page Internet.
Si le code HTML que vous entrez fait r&eacute;f&eacute;rence &agrave; d'autres fichiers externes qu'on s'attend &agrave; trouver sur
votre site, alors vous devez copier ces fichiers externes dans le fichier de support de votre design. Pour
en savoir plus sur les dossiers de support, veuillez vous reporter au chapitre Utilisation des documents.
Une fois qu'ils se trouvent dans le fichier de support, les fichiers seront automatiquement copi&eacute;s vers le
dossier _htm_files de votre site Internet lors de l'exportation. C'est pourquoi vous devez &eacute;galement vous
assurer que toute r&eacute;f&eacute;rence &agrave; ces fichiers dans le code HTML les r&eacute;f&eacute;rence au bon endroit.
Prenons un exemple simple pour expliquer cela clairement. Supposons que je veuille ins&eacute;rer une petite
portion de code HTML servant &agrave; ajouter une image &agrave; mon site. Le code HTML que j'ajoute devra
r&eacute;f&eacute;rencer le fichier image quelque part. Je copie tout d'abord le fichier image, appelons-le
&laquo; myLogo.gif &raquo;, dans le dossier de support de mon document. Si le document est &laquo; mySite.web &raquo;, le
dossier de supprto sera &laquo; mySite_web_files &raquo;. Je sais que lors de l'exportation de ce site Internet, je
l'exporterai sous le nom de &laquo; mysite.htm &raquo;. Cela siginifie que toutes les images cr&eacute;&eacute;es pour mon site, et
une copie de &laquo; myLogo.gif &raquo; que j'ai plac&eacute;e dans le dossier de support, seront export&eacute;es vers le dossier
&laquo; mysite_htm_files &raquo;. C'est pourquoi je dois faire du code HTML que j'ins&egrave;re la r&eacute;f&eacute;rence du fichier
image &agrave; cet endroit. Donc je peux ins&eacute;rer :
&lt;img src=&quot;mysite_htm_files/myLogo.gif&quot; /&gt;
Veuillez noter que ceci fait r&eacute;f&eacute;rence au dossier image &agrave; l'emplacement du dossier image export&eacute;
(_htm_files),, et NON directement dans &agrave; l'emplacement du dossier de support (_web_files), car seul le
dossier image export&eacute; est copi&eacute; sur le serveur Internet en m&ecirc;me temps que ma page Internet lors de la
publication du site.
Si je ne voulais importer qu'une image dans mon site Internet, il serait bien s&ucirc;r plus facile d'importer
seulement l'image dans Xtreme Web Designer 5 directement ! Mais cela est juste un exemple pour
montrer comment ajouter du code HTML qui se r&eacute;f&egrave;re &agrave; un fichier externe.
Pour plus d'exemples, allez voir Incrustation YouTube, Flash et autres widgets
dans le chapitre &laquo; Pour bien d&eacute;marrer &raquo; !
Objets fictifs
Les objets fictifs sont vraiment inclus dans votre site Internet et peuvent &ecirc;tre montr&eacute;s au visteur dans
certains cas. Par exemple, si vous avez ajout&eacute; une animation Flash, et que le visiteur qui se rend sur votre
page n'a pas Flash install&eacute; dans son navigateur ou qu'il l'a d&eacute;sactiv&eacute;, le navigateur affichera &agrave; la place les
objets fictifs.
Par cons&eacute;quent, il est recommand&eacute; de ne pas laisser vos objets fictifs sous forme de rectangles noirs !
Vous pouvez par exemple placer une image statique qui ressemble au contenu Flash. Ou bien utiliser un
groupe pour votre objet fictif, incluant un message texte demandant au visiteur d'installer Flash pour
pouvoir voir le votre animation.
Page 534
Remplacer par Flash
S&eacute;lectionnez cette option pour remplacer l'objet fictif par une animation Flash. Utilisez le bouton
Parcourir pour localiser le fichier Flash (.swf) que vous voulez utiliser.
Le fichier s&eacute;lectionn&eacute; est automatiquement copi&eacute; vers le dossier de support pour le design en cours, de
fa&ccedil;on &agrave; ce que, lors de l'exportation de votre site Internet, le fichier soit inclus dans le dossier _htm_files
avec les images g&eacute;n&eacute;r&eacute;es pour votre site. Pour en savoir plus sur les dossiers de support, veuillez vous
reporter au chapitre Utilisation des documents.
Remplacer par un fichier graphique
S&eacute;lectionnez cette option si vous voulez ins&eacute;rer un graphique ou une image dans votre site Internet &agrave; la
place de l'objet fictif (par exemple un fichier image PNG, GIF ou autre fichier image compatible avec
Internet). Utilisez le bouton Parcourir pour s&eacute;lectionner le fichier.
Le fichier s&eacute;lectionn&eacute; est automatiquement copi&eacute; vers le dossier de support pour le design en cours, de
fa&ccedil;on &agrave; ce que, lors de l'exportation de votre site Internet, le fichier soit inclus dans le dossier _htm_files
avec les images g&eacute;n&eacute;r&eacute;es pour votre site. Pour en savoir plus sur les dossiers de support, veuillez vous
reporter au chapitre Utilisation des documents.
Remplacer par du code HTML
Cette option vous permet de coller du code HTML que vous avez obtenu autre part. Par exemple, de
nombreux sites proposent des widgets que vous pouvez ajouter &agrave; votre page en collant le code HTML.
Suivez les instructions donn&eacute;es sur ces sites.
Cliquez ici
pour obtenir une liste des widgets recommand&eacute;s et des conseils sur le site de Xara.
ATTENTION : tout comme avec le code tracker vous devez faire attention &agrave; n'ins&eacute;rer que du code dont
vous &ecirc;tes s&ucirc;r qu'il est sans danger et provient d'une source fiable. Du code invalide ou interrompu
affectera votre site Internet car Xtreme Web Designer 5 ins&egrave;re le code dans votre page lors de
l'exportation tel que vous le donnez, sans le modifier ni le contr&ocirc;ler.
Si vous utilisez les modules Xara (www.xaraoline.com
), vous pouvez coller un snippet de module dans ce champ pour ajouter votre module &agrave; la page Internet.
Si le code HTML que vous entrez fait r&eacute;f&eacute;rence &agrave; d'autres fichiers externes qu'on s'attend &agrave; trouver sur
votre site, alors vous devez copier ces fichiers externes dans le fichier de support de votre design. Pour
en savoir plus sur les dossiers de support, veuillez vous reporter au chapitre Utilisation des documents.
Une fois qu'ils se trouvent dans le fichier de support, les fichiers seront automatiquement copi&eacute;s vers le
dossier _htm_files de votre site Internet lors de l'exportation. C'est pourquoi vous devez &eacute;galement vous
assurer que toute r&eacute;f&eacute;rence &agrave; ces fichiers dans le code HTML les r&eacute;f&eacute;rence au bon endroit.
Prenons un exemple simple pour expliquer cela clairement. Supposons que je veuille ins&eacute;rer une petite
portion de code HTML servant &agrave; ajouter une image &agrave; mon site. Le code HTML que j'ajoute devra
r&eacute;f&eacute;rencer le fichier image quelque part. Je copie tout d'abord le fichier image, appelons-le
&laquo; myLogo.gif &raquo;, dans le dossier de support de mon document. Si le document est &laquo; mySite.web &raquo;, le
dossier de supprto sera &laquo; mySite_web_files &raquo;. Je sais que lors de l'exportation de ce site Internet, je
l'exporterai sous le nom de &laquo; mysite.htm &raquo;. Cela siginifie que toutes les images cr&eacute;&eacute;es pour mon site, et
une copie de &laquo; myLogo.gif &raquo; que j'ai plac&eacute;e dans le dossier de support, seront export&eacute;es vers le dossier
&laquo; mysite_htm_files &raquo;. C'est pourquoi je dois faire du code HTML que j'ins&egrave;re la r&eacute;f&eacute;rence du fichier
image &agrave; cet endroit. Donc je peux ins&eacute;rer :
&lt;img src=&quot;mysite_htm_files/myLogo.gif&quot; /&gt;
Veuillez noter que ceci fait r&eacute;f&eacute;rence au dossier image &agrave; l'emplacement du dossier image export&eacute;
(_htm_files),, et NON directement dans &agrave; l'emplacement du dossier de support (_web_files), car seul le
dossier image export&eacute; est copi&eacute; sur le serveur Internet en m&ecirc;me temps que ma page Internet lors de la
publication du site.
Page 535
Si je ne voulais importer qu'une image dans mon site Internet, il serait bien s&ucirc;r plus facile d'importer
seulement l'image dans Xtreme Web Designer 5 directement ! Mais cela est juste un exemple pour
montrer comment ajouter du code HTML qui se r&eacute;f&egrave;re &agrave; un fichier externe.
Pour plus d'exemples, allez voir Incrustation YouTube, Flash et autres widgets
dans le chapitre &laquo; Pour bien d&eacute;marrer &raquo; !
Objets fictifs
Les objets fictifs sont vraiment inclus dans votre site Internet et peuvent &ecirc;tre montr&eacute;s au visteur dans
certains cas. Par exemple, si vous avez ajout&eacute; une animation Flash, et que le visiteur qui se rend sur votre
page n'a pas Flash install&eacute; dans son navigateur ou qu'il l'a d&eacute;sactiv&eacute;, le navigateur affichera &agrave; la place les
objets fictifs.
Par cons&eacute;quent, il est recommand&eacute; de ne pas laisser vos objets fictifs sous forme de rectangles noirs !
Vous pouvez par exemple placer une image statique qui ressemble au contenu Flash. Ou bien utiliser un
groupe pour votre objet fictif, incluant un message texte demandant au visiteur d'installer Flash pour
pouvoir voir le votre animation.
Page 536
Remplacer par un fichier graphique
S&eacute;lectionnez cette option si vous voulez ins&eacute;rer un graphique ou une image dans votre site Internet &agrave; la
place de l'objet fictif (par exemple un fichier image PNG, GIF ou autre fichier image compatible avec
Internet). Utilisez le bouton Parcourir pour s&eacute;lectionner le fichier.
Le fichier s&eacute;lectionn&eacute; est automatiquement copi&eacute; vers le dossier de support pour le design en cours, de
fa&ccedil;on &agrave; ce que, lors de l'exportation de votre site Internet, le fichier soit inclus dans le dossier _htm_files
avec les images g&eacute;n&eacute;r&eacute;es pour votre site. Pour en savoir plus sur les dossiers de support, veuillez vous
reporter au chapitre Utilisation des documents.
Remplacer par du code HTML
Cette option vous permet de coller du code HTML que vous avez obtenu autre part. Par exemple, de
nombreux sites proposent des widgets que vous pouvez ajouter &agrave; votre page en collant le code HTML.
Suivez les instructions donn&eacute;es sur ces sites.
Cliquez ici
pour obtenir une liste des widgets recommand&eacute;s et des conseils sur le site de Xara.
ATTENTION : tout comme avec le code tracker vous devez faire attention &agrave; n'ins&eacute;rer que du code dont
vous &ecirc;tes s&ucirc;r qu'il est sans danger et provient d'une source fiable. Du code invalide ou interrompu
affectera votre site Internet car Xtreme Web Designer 5 ins&egrave;re le code dans votre page lors de
l'exportation tel que vous le donnez, sans le modifier ni le contr&ocirc;ler.
Si vous utilisez les modules Xara (www.xaraoline.com
), vous pouvez coller un snippet de module dans ce champ pour ajouter votre module &agrave; la page Internet.
Si le code HTML que vous entrez fait r&eacute;f&eacute;rence &agrave; d'autres fichiers externes qu'on s'attend &agrave; trouver sur
votre site, alors vous devez copier ces fichiers externes dans le fichier de support de votre design. Pour
en savoir plus sur les dossiers de support, veuillez vous reporter au chapitre Utilisation des documents.
Une fois qu'ils se trouvent dans le fichier de support, les fichiers seront automatiquement copi&eacute;s vers le
dossier _htm_files de votre site Internet lors de l'exportation. C'est pourquoi vous devez &eacute;galement vous
assurer que toute r&eacute;f&eacute;rence &agrave; ces fichiers dans le code HTML les r&eacute;f&eacute;rence au bon endroit.
Prenons un exemple simple pour expliquer cela clairement. Supposons que je veuille ins&eacute;rer une petite
portion de code HTML servant &agrave; ajouter une image &agrave; mon site. Le code HTML que j'ajoute devra
r&eacute;f&eacute;rencer le fichier image quelque part. Je copie tout d'abord le fichier image, appelons-le
&laquo; myLogo.gif &raquo;, dans le dossier de support de mon document. Si le document est &laquo; mySite.web &raquo;, le
dossier de supprto sera &laquo; mySite_web_files &raquo;. Je sais que lors de l'exportation de ce site Internet, je
l'exporterai sous le nom de &laquo; mysite.htm &raquo;. Cela siginifie que toutes les images cr&eacute;&eacute;es pour mon site, et
une copie de &laquo; myLogo.gif &raquo; que j'ai plac&eacute;e dans le dossier de support, seront export&eacute;es vers le dossier
&laquo; mysite_htm_files &raquo;. C'est pourquoi je dois faire du code HTML que j'ins&egrave;re la r&eacute;f&eacute;rence du fichier
image &agrave; cet endroit. Donc je peux ins&eacute;rer :
&lt;img src=&quot;mysite_htm_files/myLogo.gif&quot; /&gt;
Veuillez noter que ceci fait r&eacute;f&eacute;rence au dossier image &agrave; l'emplacement du dossier image export&eacute;
(_htm_files),, et NON directement dans &agrave; l'emplacement du dossier de support (_web_files), car seul le
dossier image export&eacute; est copi&eacute; sur le serveur Internet en m&ecirc;me temps que ma page Internet lors de la
publication du site.
Si je ne voulais importer qu'une image dans mon site Internet, il serait bien s&ucirc;r plus facile d'importer
seulement l'image dans Xtreme Web Designer 5 directement ! Mais cela est juste un exemple pour
montrer comment ajouter du code HTML qui se r&eacute;f&egrave;re &agrave; un fichier externe.
Pour plus d'exemples, allez voir Incrustation YouTube, Flash et autres widgets
dans le chapitre &laquo; Pour bien d&eacute;marrer &raquo; !
Objets fictifs
Les objets fictifs sont vraiment inclus dans votre site Internet et peuvent &ecirc;tre montr&eacute;s au visteur dans
Page 537
certains cas. Par exemple, si vous avez ajout&eacute; une animation Flash, et que le visiteur qui se rend sur votre
page n'a pas Flash install&eacute; dans son navigateur ou qu'il l'a d&eacute;sactiv&eacute;, le navigateur affichera &agrave; la place les
objets fictifs.
Par cons&eacute;quent, il est recommand&eacute; de ne pas laisser vos objets fictifs sous forme de rectangles noirs !
Vous pouvez par exemple placer une image statique qui ressemble au contenu Flash. Ou bien utiliser un
groupe pour votre objet fictif, incluant un message texte demandant au visiteur d'installer Flash pour
pouvoir voir le votre animation.
Page 538
Remplacer par du code HTML
Cette option vous permet de coller du code HTML que vous avez obtenu autre part. Par exemple, de
nombreux sites proposent des widgets que vous pouvez ajouter &agrave; votre page en collant le code HTML.
Suivez les instructions donn&eacute;es sur ces sites.
Cliquez ici
pour obtenir une liste des widgets recommand&eacute;s et des conseils sur le site de Xara.
ATTENTION : tout comme avec le code tracker vous devez faire attention &agrave; n'ins&eacute;rer que du code dont
vous &ecirc;tes s&ucirc;r qu'il est sans danger et provient d'une source fiable. Du code invalide ou interrompu
affectera votre site Internet car Xtreme Web Designer 5 ins&egrave;re le code dans votre page lors de
l'exportation tel que vous le donnez, sans le modifier ni le contr&ocirc;ler.
Si vous utilisez les modules Xara (www.xaraoline.com
), vous pouvez coller un snippet de module dans ce champ pour ajouter votre module &agrave; la page Internet.
Si le code HTML que vous entrez fait r&eacute;f&eacute;rence &agrave; d'autres fichiers externes qu'on s'attend &agrave; trouver sur
votre site, alors vous devez copier ces fichiers externes dans le fichier de support de votre design. Pour
en savoir plus sur les dossiers de support, veuillez vous reporter au chapitre Utilisation des documents.
Une fois qu'ils se trouvent dans le fichier de support, les fichiers seront automatiquement copi&eacute;s vers le
dossier _htm_files de votre site Internet lors de l'exportation. C'est pourquoi vous devez &eacute;galement vous
assurer que toute r&eacute;f&eacute;rence &agrave; ces fichiers dans le code HTML les r&eacute;f&eacute;rence au bon endroit.
Prenons un exemple simple pour expliquer cela clairement. Supposons que je veuille ins&eacute;rer une petite
portion de code HTML servant &agrave; ajouter une image &agrave; mon site. Le code HTML que j'ajoute devra
r&eacute;f&eacute;rencer le fichier image quelque part. Je copie tout d'abord le fichier image, appelons-le
&laquo; myLogo.gif &raquo;, dans le dossier de support de mon document. Si le document est &laquo; mySite.web &raquo;, le
dossier de supprto sera &laquo; mySite_web_files &raquo;. Je sais que lors de l'exportation de ce site Internet, je
l'exporterai sous le nom de &laquo; mysite.htm &raquo;. Cela siginifie que toutes les images cr&eacute;&eacute;es pour mon site, et
une copie de &laquo; myLogo.gif &raquo; que j'ai plac&eacute;e dans le dossier de support, seront export&eacute;es vers le dossier
&laquo; mysite_htm_files &raquo;. C'est pourquoi je dois faire du code HTML que j'ins&egrave;re la r&eacute;f&eacute;rence du fichier
image &agrave; cet endroit. Donc je peux ins&eacute;rer :
&lt;img src=&quot;mysite_htm_files/myLogo.gif&quot; /&gt;
Veuillez noter que ceci fait r&eacute;f&eacute;rence au dossier image &agrave; l'emplacement du dossier image export&eacute;
(_htm_files),, et NON directement dans &agrave; l'emplacement du dossier de support (_web_files), car seul le
dossier image export&eacute; est copi&eacute; sur le serveur Internet en m&ecirc;me temps que ma page Internet lors de la
publication du site.
Si je ne voulais importer qu'une image dans mon site Internet, il serait bien s&ucirc;r plus facile d'importer
seulement l'image dans Xtreme Web Designer 5 directement ! Mais cela est juste un exemple pour
montrer comment ajouter du code HTML qui se r&eacute;f&egrave;re &agrave; un fichier externe.
Pour plus d'exemples, allez voir Incrustation YouTube, Flash et autres widgets
dans le chapitre &laquo; Pour bien d&eacute;marrer &raquo; !
Objets fictifs
Les objets fictifs sont vraiment inclus dans votre site Internet et peuvent &ecirc;tre montr&eacute;s au visteur dans
certains cas. Par exemple, si vous avez ajout&eacute; une animation Flash, et que le visiteur qui se rend sur votre
page n'a pas Flash install&eacute; dans son navigateur ou qu'il l'a d&eacute;sactiv&eacute;, le navigateur affichera &agrave; la place les
objets fictifs.
Par cons&eacute;quent, il est recommand&eacute; de ne pas laisser vos objets fictifs sous forme de rectangles noirs !
Vous pouvez par exemple placer une image statique qui ressemble au contenu Flash. Ou bien utiliser un
groupe pour votre objet fictif, incluant un message texte demandant au visiteur d'installer Flash pour
pouvoir voir le votre animation.
Page 539
Objets fictifs
Les objets fictifs sont vraiment inclus dans votre site Internet et peuvent &ecirc;tre montr&eacute;s au visteur dans
certains cas. Par exemple, si vous avez ajout&eacute; une animation Flash, et que le visiteur qui se rend sur votre
page n'a pas Flash install&eacute; dans son navigateur ou qu'il l'a d&eacute;sactiv&eacute;, le navigateur affichera &agrave; la place les
objets fictifs.
Par cons&eacute;quent, il est recommand&eacute; de ne pas laisser vos objets fictifs sous forme de rectangles noirs !
Vous pouvez par exemple placer une image statique qui ressemble au contenu Flash. Ou bien utiliser un
groupe pour votre objet fictif, incluant un message texte demandant au visiteur d'installer Flash pour
pouvoir voir le votre animation.
Page 540
Onglet Publication
Si vous voulez que Xtreme Web Designer 5 publie votre site Internet une fois termin&eacute;, de fa&ccedil;on &agrave; ce
qu'il se retrouve sur Internet, vous devez saisir les d&eacute;tails d'acc&egrave;s &agrave; votre espace Internet dans cet onglet.
Ces param&egrave;tres de publications sont globaux : ils ne s'appliquent pas &agrave; la s&eacute;lection ni &agrave; la page en cours,
ni m&ecirc;me au document en cours. Vous devez donc les modifier &agrave; chaque fois que vous voulez publier des
sites &agrave; des emplacements diff&eacute;rents.
Vous aurez besoin d'un h&eacute;bergeur Internet pour votre site. Il en existe de nombreux, et souvent, votre
fournisseur d'acc&egrave;s &agrave; Internet (FAI) fournit aussi un &laquo; espace Internet &raquo; qui fait partie de votre
abonnement.
Vous avez besoin des trois informations suivantes de la part de votre h&eacute;bergeur pour pouvoir publier
votre site Internet :
1. l'adresse FTP. Si vous avez un nom de domaine, cette adresse est souvent la m&ecirc;me que votre
nom de domaine.
2. Votre nom d'utilisateur FTP
3. Votre mot de passe FTP
Entrez ces informations dans les champs correspondants de l'onglet Publication. Vous n'avez pas besoin
d'entrer le mot de passe si vous ne souhaitez pas l'enregistrer sur votre ordinateur pour des raisons de
s&eacute;curit&eacute;. Si celui-ci manque, on vous demandera de le saisir &agrave; chaque fois que vous voudrez publier un
site.
Le sous-dossier optionnel vous permet de publier votre site Internet dans un sous-dossier. Par exemple,
si vous publiiez vers le domaine xara.com (ce qui est bien entendu impossible) et vouliez que l'adresse
Internet soit :
xara.com/products/web_designer
Alors vous pourriez cr&eacute;er un sous-dossier &laquo; produits &raquo; et un nom de page &laquo; web_designer &raquo;. Si vous
d&eacute;finissez un sous-dossier de cette fa&ccedil;on, alors toutes les pages de votre site Internet seront publi&eacute;es vers
ce dossier.
Une fois que vous avez d&eacute;fini les informations de Publication, vous
pouvez cliquer sur l'icone Publier situ&eacute; sur la barre du haut ou utiliser le
menu &laquo; Ficher &raquo; &gt; &laquo; Publier site Internet
&raquo;. Votre site Internet sera alors publi&eacute;.
Page 541
Manipulation des photos
Dans ce chapitre
Introduction
Objets photo
Importer des photos
R&eacute;solution photo
Copies z&eacute;ro m&eacute;moire
La Galerie bitmap
Fichiers JPEG incrust&eacute;
Avec ou sans perte
Effet de fondu et fusionnement de photos
Qualit&eacute; d'affichage des photos
Enregistrer et exporter des photos
Attributs de l'&eacute;dition photo
Editer le contour de photos
Recouper des photos
D&eacute;couper des objets dans des photos
Captures d'&eacute;cran
Colorer des photos
Redimensionner, faire tourner et positionner une photo dans son cadre
Redresser l'horizon
Optimisation de photos et bitmaps
Documents photo
Page 542
Introduction
De nos jours, les photos constituent la majeure partie de tous les travaux cr&eacute;atifs, des sites Internet, en
passant par les prospectus, les brochures, les travaux de PAO, etc.
La manipulation des photos avec Xtreme Web Designer 5 est compl&egrave;tement diff&eacute;rente de ce que vous
avez pu voir avec les autres logiciels de graphisme.
Avec Xtreme Web Designer 5, vous pouvez colorer, recouper, copier, m&eacute;langer, masquer ou encore
estomper les bords de vos photos tant que vous voulez. La nature orient&eacute;e vers l'objet et non
destructrice de l'&eacute;dition photo signifie que, par exemple, lorsque vous redimensionnez une photo, vous ne
touchez pas &agrave; la photo originale, vous redimensionnez seulement une copie visuelle de cette photo.
L'image originale en pleine r&eacute;solution est sauvegard&eacute;e dans le fichier web, pour vous permettre par la
suite d'&eacute;diter, de redimensionner ou d'appliquer des options de l'Outil Photo, sans aucune perte de
qualit&eacute;. Vous pouvez m&ecirc;me annuler la d&eacute;coupe de photos red&eacute;coup&eacute;es.
La manipulation photo est incroyablement rapide. Vous pouvez ouvrir une photo de 50 m&eacute;gapixels et
proc&eacute;der &agrave; l'une des op&eacute;rations d'optimisation, et faire tourner l'image en pleine r&eacute;solution en temps r&eacute;el.
Ce chapitre expose les principes de base de la manipulation des photos et des images bitmap avec
Xtreme Web Designer 5. Le fonctionnement de l'Outil Photo est expos&eacute; dans le chapitre Outil Photo
.
*Crit&egrave;res bas&eacute;s sur des compositions photo cr&eacute;&eacute;es &agrave; l'aide de diverses photos num&eacute;riques au format
JPEG
Page 543
Objets photo
Dans Web Designer, les photos (ou bitmaps) sont tout simplement consid&eacute;r&eacute;es comme un objet sur la
page. Vous pouvez d&eacute;placer des photos sur la page par glisser-d&eacute;poser depuis l'explorateur, puis les
calibrer, les tourner, les copier et les positionner comme n'importe quel autre objet. Vous avez &eacute;galement
la possibilit&eacute; de r&eacute;gler la transparence, m&ecirc;me la transparence gradu&eacute;e, de biseauter les coins et d'ajouter
ou supprimer des formes dans les photos tr&egrave;s simplement. La fonction transparence permet de r&eacute;aliser
des fondus, de fusionner et ou de cr&eacute;er des compositions &agrave; partir de vos photos.
Page 544
Importer des photos
Xtreme Web Designer 5 prend en charge un grand nombre de types de photos ou de bitmap, y compris
les images d'appareils photos num&eacute;riques au format JPEG, PN, TIFF et RAW, ainsi que nombre
d'autres types. Le terme &laquo; bitmap &raquo; est le terme g&eacute;n&eacute;ral d&eacute;signant tous ces types, mais on peut aussi le
remplacer par le mot &laquo; photo &raquo;.
La fa&ccedil;on la plus simple d'ouvrir une image est de faire glisser le fichier photo ou bitmap depuis votre
explorateur de fichiers Windows vers la fen&ecirc;tre de Web Designer. Vous pouvez aussi s&eacute;lectionner les
options du menu Fichier &gt; Ouvrir ou Importation
.
Si vous faites glisser puis d&eacute;posez une photo sur une autre d&eacute;j&agrave; existante, celle-ce sera remplac&eacute;e. Pour
importer une photo seule, d&eacute;posez-la &agrave; l'arri&egrave;re-plan.
Remplacer des photos
Si vous faites glisser et d&eacute;posez un fichier bitmap sur une photo existante, celui-ci remplacera la photo,
mais conservera la m&ecirc;me taille de cadre. Cela permet de remplacer tr&egrave;s facilement des photos dans des
mod&egrave;les de conception. Pour ajuster la taille, la position et l'angle de la photo &agrave; l'int&eacute;rieur de son contour,
vous pouvez utiliser l'Outil de remplissage
. Ceci n'est pas valable pour les documents photos, o&ugrave; le fait de d&eacute;poser une photo sur la page va
toujours l'importer comme un nouveau document.
Lorsque vous remplacez une photo ou un bitmap de cette mani&egrave;re, il ou elle est redimensionn&eacute;(e) pour
pouvoir se loger au mieux dans le contour existant de l'image. Si vous maintenez la touche Maj enfonc&eacute;e
lorsque vous remplacez une photo, la nouvelle photo aura exactement les m&ecirc;mes dimensions et le m&ecirc;me
degr&eacute; de rotation que l'ancienne photo. Cela est utile lorsque vous avez modifi&eacute; manuellement l'&eacute;chelle ou
le degr&eacute; de rotation d'un remplissage, et que vous voulez remplacer l'image par une autre ayant les
m&ecirc;mes proportions. Si vous maintenez la touche Ctrl enfonc&eacute;e lorsque vous d&eacute;posez une photo, la photo
sera uniquement ajout&eacute;e au document, sans remplacer celle d&eacute;j&agrave; pr&eacute;sente.
S'il se trouvent plusieurs exemplaires d'une m&ecirc;me photo sur une page (par exemple sous la forme d'une
miniature accompagn&eacute;e d'une version plus grande de la photo sur un calque popup), tous les exemplaires
de cette photo seront remplac&eacute;s par la nouvelle dans cette page.
Utiliser des photos comme remplissage
Vous pouvez &eacute;galement utiliser n'importe quel bitmap comme style de remplissage pour toute forme de
Page 545
dessin. Il vous suffit de d&eacute;placer le fichier sur une forme (qui peut provenir de votre syst&egrave;me de fichiers,
ou de la galerie de bitmap ou de remplissages), et maintenir la touche Maj appuy&eacute;e avant de rel&acirc;cher. La
couleur de remplissage existante sera alors remplac&eacute;e par un bitmap, ajust&eacute; &agrave; l'objet. &Agrave; l'aide de l'Outil
de remplissage
, ajustez la taille, la position et l'angle de la photo dans ses contours si n&eacute;cessaire.
Taille originale de la photo
Un JPEG a, lors de son importation, une taille initiale de 500 pixels de largeur.
Pour r&eacute;duire cette taille, il vous suffit de tirer sur une des poign&eacute;es d'angle en utilisant l'Outil de s&eacute;lection
, ou de saisir une nouvelle largeur dans le champ de la barre d'infos de l'Outil de s&eacute;lection pr&eacute;vu &agrave; cet
effet.
Si vous remplacez une photo en utilisant la technique du glisser-d&eacute;poser, la photo sera redimensionn&eacute;e de
fa&ccedil;on &agrave; venir se loger exactement dans le cadre, ce qui signifie que sa taille et sa r&eacute;solution d&eacute;pendront
de la taille du cadre.
Page 546
Remplacer des photos
Si vous faites glisser et d&eacute;posez un fichier bitmap sur une photo existante, celui-ci remplacera la photo,
mais conservera la m&ecirc;me taille de cadre. Cela permet de remplacer tr&egrave;s facilement des photos dans des
mod&egrave;les de conception. Pour ajuster la taille, la position et l'angle de la photo &agrave; l'int&eacute;rieur de son contour,
vous pouvez utiliser l'Outil de remplissage
. Ceci n'est pas valable pour les documents photos, o&ugrave; le fait de d&eacute;poser une photo sur la page va
toujours l'importer comme un nouveau document.
Lorsque vous remplacez une photo ou un bitmap de cette mani&egrave;re, il ou elle est redimensionn&eacute;(e) pour
pouvoir se loger au mieux dans le contour existant de l'image. Si vous maintenez la touche Maj enfonc&eacute;e
lorsque vous remplacez une photo, la nouvelle photo aura exactement les m&ecirc;mes dimensions et le m&ecirc;me
degr&eacute; de rotation que l'ancienne photo. Cela est utile lorsque vous avez modifi&eacute; manuellement l'&eacute;chelle ou
le degr&eacute; de rotation d'un remplissage, et que vous voulez remplacer l'image par une autre ayant les
m&ecirc;mes proportions. Si vous maintenez la touche Ctrl enfonc&eacute;e lorsque vous d&eacute;posez une photo, la photo
sera uniquement ajout&eacute;e au document, sans remplacer celle d&eacute;j&agrave; pr&eacute;sente.
S'il se trouvent plusieurs exemplaires d'une m&ecirc;me photo sur une page (par exemple sous la forme d'une
miniature accompagn&eacute;e d'une version plus grande de la photo sur un calque popup), tous les exemplaires
de cette photo seront remplac&eacute;s par la nouvelle dans cette page.
Utiliser des photos comme remplissage
Vous pouvez &eacute;galement utiliser n'importe quel bitmap comme style de remplissage pour toute forme de
dessin. Il vous suffit de d&eacute;placer le fichier sur une forme (qui peut provenir de votre syst&egrave;me de fichiers,
ou de la galerie de bitmap ou de remplissages), et maintenir la touche Maj appuy&eacute;e avant de rel&acirc;cher. La
couleur de remplissage existante sera alors remplac&eacute;e par un bitmap, ajust&eacute; &agrave; l'objet. &Agrave; l'aide de l'Outil
de remplissage
, ajustez la taille, la position et l'angle de la photo dans ses contours si n&eacute;cessaire.
Taille originale de la photo
Un JPEG a, lors de son importation, une taille initiale de 500 pixels de largeur.
Pour r&eacute;duire cette taille, il vous suffit de tirer sur une des poign&eacute;es d'angle en utilisant l'Outil de s&eacute;lection
, ou de saisir une nouvelle largeur dans le champ de la barre d'infos de l'Outil de s&eacute;lection pr&eacute;vu &agrave; cet
effet.
Si vous remplacez une photo en utilisant la technique du glisser-d&eacute;poser, la photo sera redimensionn&eacute;e de
fa&ccedil;on &agrave; venir se loger exactement dans le cadre, ce qui signifie que sa taille et sa r&eacute;solution d&eacute;pendront
de la taille du cadre.
Page 547
Utiliser des photos comme remplissage
Vous pouvez &eacute;galement utiliser n'importe quel bitmap comme style de remplissage pour toute forme de
dessin. Il vous suffit de d&eacute;placer le fichier sur une forme (qui peut provenir de votre syst&egrave;me de fichiers,
ou de la galerie de bitmap ou de remplissages), et maintenir la touche Maj appuy&eacute;e avant de rel&acirc;cher. La
couleur de remplissage existante sera alors remplac&eacute;e par un bitmap, ajust&eacute; &agrave; l'objet. &Agrave; l'aide de l'Outil
de remplissage
, ajustez la taille, la position et l'angle de la photo dans ses contours si n&eacute;cessaire.
Taille originale de la photo
Un JPEG a, lors de son importation, une taille initiale de 500 pixels de largeur.
Pour r&eacute;duire cette taille, il vous suffit de tirer sur une des poign&eacute;es d'angle en utilisant l'Outil de s&eacute;lection
, ou de saisir une nouvelle largeur dans le champ de la barre d'infos de l'Outil de s&eacute;lection pr&eacute;vu &agrave; cet
effet.
Si vous remplacez une photo en utilisant la technique du glisser-d&eacute;poser, la photo sera redimensionn&eacute;e de
fa&ccedil;on &agrave; venir se loger exactement dans le cadre, ce qui signifie que sa taille et sa r&eacute;solution d&eacute;pendront
de la taille du cadre.
Page 548
Taille originale de la photo
Un JPEG a, lors de son importation, une taille initiale de 500 pixels de largeur.
Pour r&eacute;duire cette taille, il vous suffit de tirer sur une des poign&eacute;es d'angle en utilisant l'Outil de s&eacute;lection
, ou de saisir une nouvelle largeur dans le champ de la barre d'infos de l'Outil de s&eacute;lection pr&eacute;vu &agrave; cet
effet.
Si vous remplacez une photo en utilisant la technique du glisser-d&eacute;poser, la photo sera redimensionn&eacute;e de
fa&ccedil;on &agrave; venir se loger exactement dans le cadre, ce qui signifie que sa taille et sa r&eacute;solution d&eacute;pendront
de la taille du cadre.
Page 549
R&eacute;solution photo
Une des diff&eacute;rences fondamentales entre Xtreme Web Designer 5 et les autres outils photo est que,
lorsque vous redimensionnez une photo, celle-ci conserve sa pleine r&eacute;solution. Le fait de redimensionner
une image pour la rendre plus petite ne fait qu'augmenter le dpi ou ppp (point par pouce). Autrement dit,
aucun des pixels n'est perdu, ils sont simplement r&eacute;tr&eacute;cis.
Lorsque l'on r&eacute;duit l'image de 96 ppp sur la gauche, sa r&eacute;solution double et passe &agrave; 192 ppp.
La ligne de statut montre la r&eacute;solution des images que vous s&eacute;lectionnez. La conservation de la pleine
r&eacute;solution est importante car cela signifie que vous pouvez encore voir tous les d&eacute;tails quand vous
zoomez dans l'image, et que la r&eacute;solution maximale est envoy&eacute;e &agrave; l'imprimante quand vous imprimez.
Cela signifie aussi que vous pouvez agrandir l'image compl&egrave;tement ou en partie, et que Web Designer
conserve la qualit&eacute; maximale originale.
Lorsque vous sauvegardez votre site Internet (en exportant le HTML), Web Designer convertit
automatiquement les photos &agrave; la r&eacute;solution adapt&eacute;e pour la page Internet.
Page 550
Copies z&eacute;ro m&eacute;moire
L'une des nouveaut&eacute;s r&eacute;volutionnaires de Web Designer par rapport &agrave; d'autres outils d'&eacute;dition photo
r&eacute;side dans le fait que lorsque vous copiez une photo sur la page, le programme n'ex&eacute;cute pas vraiment
une nouvelle copie compl&egrave;te de la photo originale mais affiche simplement une autre &laquo; vue &raquo; de cette
image. Le rendu du moteur de Web Designer est assez rapide pour afficher n'importe quel nombre de
copies de la m&ecirc;me image &laquo; &agrave; la vol&eacute;e &raquo;. Cela permet d'&eacute;conomiser &eacute;norm&eacute;ment d'espace m&eacute;moire et
donc de r&eacute;duire grandement la taille des fichiers.
Cela n'affecte pas vos possibilit&eacute;s d'action sur chacune des copies, qui peuvent &ecirc;tre trait&eacute;es totalement
ind&eacute;pendamment les unes des autres. Chaque copie ne doit pas &ecirc;tre identique. Vous pouvez manipuler
chaque copie comme d&eacute;sir&eacute;, modifier la taille, les tourner, les d&eacute;tourer, appliquer des couleurs, estomper
ou appliquer toute une s&eacute;rie d'effets photo ou de transparence. Le tout sans aucune augmentation de la
taille du fichier ou de l'espace m&eacute;moire utilis&eacute;.
Vous voyez ici plusieurs copies s&eacute;par&eacute;es de la m&ecirc;me image sur lesquelles diff&eacute;rentes manipulations ont
&eacute;t&eacute; effectu&eacute;es. Chacune conserve la r&eacute;solution de l'original comme vous pouvez le voir sur l'image de
droite. L'espace m&eacute;moire utilis&eacute; (RAM ou taille du fichier) n'est pas plus important que la taille du JPEG.
Comme il s'agit de la m&ecirc;me image, mais affich&eacute;e dans plusieurs tailles diff&eacute;rentes, la r&eacute;solution,
c'est-&agrave;-dire le nombre de dpi ou ppi, varie. Dans l'exemple ci-dessus, l'oeil a une r&eacute;solution de 115 dpi
(car l'image a &eacute;t&eacute; agrandie), alors que l'image sur la gauche a une r&eacute;solution de plus de 1200 dpi.
Page 551
La Galerie bitmap
Le chapitre Utilisation des documents pr&eacute;sente des informations g&eacute;n&eacute;rales sur les galeries.
La Galerie bitmap
affiche tous les bitmap ou photos utilis&eacute;s dans chaque document, ainsi que les informations sur la taille en
pixels et la taille du fichier.
Vous pouvez l'ouvrir en cliquant sur l'icone
correspondant dans la partie sup&eacute;rieure de la
barre, ou bien depuis le menu Services -&gt;
Galeries
, ou encore via &laquo; F11 &raquo;.
Cela affiche la Galerie bitmap pour le document du haut, et montre l'image JPEG originale d'une fille,
incrust&eacute;e dans le fichier propri&eacute;taire .web. Comme nous l'avons indiqu&eacute; plus haut, tous les exemplaires de
cette image sont affich&eacute;s directement depuis une image ma&icirc;tresse, et donc seule l'image unique est
affich&eacute;e (et non les quatre variantes qui apparaissent sur la page).
Vous trouverez les informations pratiques suivantes &agrave; propos de l'image :
 Nom de fichier du JPEG original
 Le type de fichier, dans ce cas un JPEG, et la taille du fichier, ici de 1006K (ceci est la taille
originale du fichier, ainsi que la place qui sera occup&eacute;e par cette image dans le fichier .web).
 Les dimensions de l'original en pixels, la taille en m&eacute;gapixels (dans le cas pr&eacute;sent, un peu moins
de 2 MP)
 La profondeur colorim&eacute;trique, ici de &laquo; 24 bit &raquo;, appel&eacute;e parfois aussi &laquo; true color &raquo;. L'image
Xara est une image de 4 bit.
 La r&eacute;solution originale de l'image, ici 96 ppp
La Galerie bitmap
contient toujours un bitmap par d&eacute;faut, l'image Xara grise. Ce bitmap est utilis&eacute; par d&eacute;faut pour les
remplissages bitmap et dans les cas o&ugrave; d'autres bitmap manquent. Il est &eacute;galement pratique &agrave; utiliser en
tant qu'objet fictif par exemple.
Comme avec toutes les galeries, vous pouvez tirer les objets depuis la galerie et les d&eacute;poser sur une page
pour cr&eacute;er un nouvel exemplaire. Ou bien vous pouvez s&eacute;lectionner une image dans la galerie et cliquer
sur l'un des boutons situ&eacute;s en face de la partie sup&eacute;rieure. La section suivante pr&eacute;sente en d&eacute;tails le
fonctionnement des commandes de la galerie bitmap, dont la plupart sont r&eacute;serv&eacute;es aux utilisateurs plus
avanc&eacute;s.
Page 552
Remplissage de formes &agrave; l'aide d'un bitmap
S&eacute;lectionner la forme sur la page, puis s&eacute;lectionner le bitmap dans la galerie et cliquer sur le bouton de
remplissage. Vous pouvez &eacute;galement tirer l'image depuis la galerie de bitmap et la d&eacute;poser dans
n'importe quelle forme tout en maintenant la touche Maj appuy&eacute;e. &Agrave; l'aide de l'Outil de remplissage
, ajustez la taille, la position et l'angle si n&eacute;cessaire.
Param&eacute;trer une transparence bitmap
Cette fonction s'adresse aux utilisateurs avanc&eacute;s. Vous pouvez utiliser n'importe quel bitmap comme un
masque de transparence sur n'importe quelle forme remplie ou bitmap. La clart&eacute; du bitmap affecte la
transparence de l'objet s&eacute;lectionn&eacute;. La dimension de transparence du bitmap, la rotation et la
segmentation peut &ecirc;tre contr&ocirc;l&eacute;e &agrave; l'aide de l'Outil de transparence
.
Supprimer des images dans la galerie
Lorsque vous supprimez un bitmap de la page, il reste dans la Galerie de bitmap. Tous les bitmaps non
utilis&eacute;s seront supprim&eacute;s du fichier lors de la sauvegarde et &agrave; la r&eacute;ouverture. N&eacute;anmoins, vous pouvez
supprimer tout bitmap en le s&eacute;lectionnant puis en cliquant sur Supprimer
. Si le bitmap est utilis&eacute; dans le document, il sera remplac&eacute; par le bitmap standard de Xara.
Configurer l'arri&egrave;re plan d'une page comme bitmap
S&eacute;lectionnez le bitmap dans la galerie et cliquez sur Arri&egrave;re-plan
. L'image sera alors segment&eacute;e. Lorsque vous exportez la page au format HTML, l'image est segment&eacute;e
sur tout l'arri&egrave;re-plan visible du navigateur.
Enregistrer
S&eacute;lectionnez le bitmap et cliquez sur Sauvegarder
pour enregistrer l'image d'origine. Dans le cas d'un JPEG int&eacute;gr&eacute;, le fichier JPEG d'origine sera
sauvegard&eacute;. Nous recommandons de sauvegarder les autres types de bitmap au format PNG.
Propri&eacute;t&eacute;s bitmap
Le bouton Propri&eacute;t&eacute;s
affiche des informations sur le bitmap s&eacute;lectionn&eacute; dans la galerie. Il sert aussi &agrave; arr&ecirc;ter le lissage d'une
image lorsque des bitmap sont agrandis. Les bitmap sont g&eacute;n&eacute;ralement liss&eacute;s &agrave; l'&eacute;cran quand on les
agrandit ou qu'on zoom dedans. Vous trouverez une option &agrave; cocher dans la bo&icirc;te de dialogue des
Propri&eacute;t&eacute;s pour d&eacute;sactiver cette fonction, de fa&ccedil;on &agrave; ce que les pixels soient visibles lorsque vous ferez
un zoom avant.
Vous trouverez &eacute;galement des informations &agrave; propos des propri&eacute;t&eacute;s d'Animation du bitmap. Ceci n'est
applicable qu'aux images GIF anim&eacute;es
Animation GIF :
 D&eacute;lai (temps pendant lequel ce cadre est affich&eacute; &agrave; l'&eacute;cran)
 R&eacute;tablir : les param&egrave;tres R&eacute;tablir des GIF anim&eacute;s d&eacute;finissent ce qui se passent entre chaque
frame dans un GIF anim&eacute;. Quand il ne se passe rien, cela signifie qu'aucune action n'a &eacute;t&eacute;
entreprise. De nombreux navigateurs consid&egrave;rent cela comme ayant la m&ecirc;me signification que
l'option &laquo; Laisser tel quel &raquo;. &laquo; Laisser tel quel &raquo; montre les frames les uns au-dessus des autres,
ce qui rend beaucoup de frames visibles dans une pile si certains sont transparents. Certains
navigateurs suppriment l'animation avant qu'elle ne repasse en boucle, et d'autres pas.
L'arri&egrave;re-plan redonne &agrave; la surface occup&eacute;e par le graphique la couleur du GIF (g&eacute;n&eacute;ralement
blanc). R&eacute;tablir Pr&eacute;c&eacute;dent permet de redonner &agrave; la surface occup&eacute;e par le frame l'aspect qu'elle
Page 553
avait avant l'affichage du frame. Ceci est interpr&eacute;t&eacute; par certains navigateurs comme le fait que le
frame doit &ecirc;tre effac&eacute; de l'arrri&egrave;re-plan avant que chaque frame ne soit affich&eacute; ; d'autres
navigateurs le comprennent comme le fait que le frame doit&ecirc;tre montr&eacute; au-dessus du frame
pr&eacute;c&eacute;dent. Comme les navigateurs interpr&egrave;tent ces valeurs diff&eacute;remment, nous vous conseillons
de proc&eacute;der &agrave; des tests pour obtenir le r&eacute;sultat que vous souhaitez.
Page 554
Remplissage de formes &agrave; l'aide d'un bitmap
S&eacute;lectionner la forme sur la page, puis s&eacute;lectionner le bitmap dans la galerie et cliquer sur le bouton de
remplissage. Vous pouvez &eacute;galement tirer l'image depuis la galerie de bitmap et la d&eacute;poser dans
n'importe quelle forme tout en maintenant la touche Maj appuy&eacute;e. &Agrave; l'aide de l'Outil de remplissage
, ajustez la taille, la position et l'angle si n&eacute;cessaire.
Param&eacute;trer une transparence bitmap
Cette fonction s'adresse aux utilisateurs avanc&eacute;s. Vous pouvez utiliser n'importe quel bitmap comme un
masque de transparence sur n'importe quelle forme remplie ou bitmap. La clart&eacute; du bitmap affecte la
transparence de l'objet s&eacute;lectionn&eacute;. La dimension de transparence du bitmap, la rotation et la
segmentation peut &ecirc;tre contr&ocirc;l&eacute;e &agrave; l'aide de l'Outil de transparence
.
Supprimer des images dans la galerie
Lorsque vous supprimez un bitmap de la page, il reste dans la Galerie de bitmap. Tous les bitmaps non
utilis&eacute;s seront supprim&eacute;s du fichier lors de la sauvegarde et &agrave; la r&eacute;ouverture. N&eacute;anmoins, vous pouvez
supprimer tout bitmap en le s&eacute;lectionnant puis en cliquant sur Supprimer
. Si le bitmap est utilis&eacute; dans le document, il sera remplac&eacute; par le bitmap standard de Xara.
Configurer l'arri&egrave;re plan d'une page comme bitmap
S&eacute;lectionnez le bitmap dans la galerie et cliquez sur Arri&egrave;re-plan
. L'image sera alors segment&eacute;e. Lorsque vous exportez la page au format HTML, l'image est segment&eacute;e
sur tout l'arri&egrave;re-plan visible du navigateur.
Enregistrer
S&eacute;lectionnez le bitmap et cliquez sur Sauvegarder
pour enregistrer l'image d'origine. Dans le cas d'un JPEG int&eacute;gr&eacute;, le fichier JPEG d'origine sera
sauvegard&eacute;. Nous recommandons de sauvegarder les autres types de bitmap au format PNG.
Propri&eacute;t&eacute;s bitmap
Le bouton Propri&eacute;t&eacute;s
affiche des informations sur le bitmap s&eacute;lectionn&eacute; dans la galerie. Il sert aussi &agrave; arr&ecirc;ter le lissage d'une
image lorsque des bitmap sont agrandis. Les bitmap sont g&eacute;n&eacute;ralement liss&eacute;s &agrave; l'&eacute;cran quand on les
agrandit ou qu'on zoom dedans. Vous trouverez une option &agrave; cocher dans la bo&icirc;te de dialogue des
Propri&eacute;t&eacute;s pour d&eacute;sactiver cette fonction, de fa&ccedil;on &agrave; ce que les pixels soient visibles lorsque vous ferez
un zoom avant.
Vous trouverez &eacute;galement des informations &agrave; propos des propri&eacute;t&eacute;s d'Animation du bitmap. Ceci n'est
applicable qu'aux images GIF anim&eacute;es
Animation GIF :
 D&eacute;lai (temps pendant lequel ce cadre est affich&eacute; &agrave; l'&eacute;cran)
 R&eacute;tablir : les param&egrave;tres R&eacute;tablir des GIF anim&eacute;s d&eacute;finissent ce qui se passent entre chaque
frame dans un GIF anim&eacute;. Quand il ne se passe rien, cela signifie qu'aucune action n'a &eacute;t&eacute;
entreprise. De nombreux navigateurs consid&egrave;rent cela comme ayant la m&ecirc;me signification que
l'option &laquo; Laisser tel quel &raquo;. &laquo; Laisser tel quel &raquo; montre les frames les uns au-dessus des autres,
ce qui rend beaucoup de frames visibles dans une pile si certains sont transparents. Certains
navigateurs suppriment l'animation avant qu'elle ne repasse en boucle, et d'autres pas.
L'arri&egrave;re-plan redonne &agrave; la surface occup&eacute;e par le graphique la couleur du GIF (g&eacute;n&eacute;ralement
Page 555
blanc). R&eacute;tablir Pr&eacute;c&eacute;dent permet de redonner &agrave; la surface occup&eacute;e par le frame l'aspect qu'elle
avait avant l'affichage du frame. Ceci est interpr&eacute;t&eacute; par certains navigateurs comme le fait que le
frame doit &ecirc;tre effac&eacute; de l'arrri&egrave;re-plan avant que chaque frame ne soit affich&eacute; ; d'autres
navigateurs le comprennent comme le fait que le frame doit&ecirc;tre montr&eacute; au-dessus du frame
pr&eacute;c&eacute;dent. Comme les navigateurs interpr&egrave;tent ces valeurs diff&eacute;remment, nous vous conseillons
de proc&eacute;der &agrave; des tests pour obtenir le r&eacute;sultat que vous souhaitez.
Page 556
Param&eacute;trer une transparence bitmap
Cette fonction s'adresse aux utilisateurs avanc&eacute;s. Vous pouvez utiliser n'importe quel bitmap comme un
masque de transparence sur n'importe quelle forme remplie ou bitmap. La clart&eacute; du bitmap affecte la
transparence de l'objet s&eacute;lectionn&eacute;. La dimension de transparence du bitmap, la rotation et la
segmentation peut &ecirc;tre contr&ocirc;l&eacute;e &agrave; l'aide de l'Outil de transparence
.
Supprimer des images dans la galerie
Lorsque vous supprimez un bitmap de la page, il reste dans la Galerie de bitmap. Tous les bitmaps non
utilis&eacute;s seront supprim&eacute;s du fichier lors de la sauvegarde et &agrave; la r&eacute;ouverture. N&eacute;anmoins, vous pouvez
supprimer tout bitmap en le s&eacute;lectionnant puis en cliquant sur Supprimer
. Si le bitmap est utilis&eacute; dans le document, il sera remplac&eacute; par le bitmap standard de Xara.
Configurer l'arri&egrave;re plan d'une page comme bitmap
S&eacute;lectionnez le bitmap dans la galerie et cliquez sur Arri&egrave;re-plan
. L'image sera alors segment&eacute;e. Lorsque vous exportez la page au format HTML, l'image est segment&eacute;e
sur tout l'arri&egrave;re-plan visible du navigateur.
Enregistrer
S&eacute;lectionnez le bitmap et cliquez sur Sauvegarder
pour enregistrer l'image d'origine. Dans le cas d'un JPEG int&eacute;gr&eacute;, le fichier JPEG d'origine sera
sauvegard&eacute;. Nous recommandons de sauvegarder les autres types de bitmap au format PNG.
Propri&eacute;t&eacute;s bitmap
Le bouton Propri&eacute;t&eacute;s
affiche des informations sur le bitmap s&eacute;lectionn&eacute; dans la galerie. Il sert aussi &agrave; arr&ecirc;ter le lissage d'une
image lorsque des bitmap sont agrandis. Les bitmap sont g&eacute;n&eacute;ralement liss&eacute;s &agrave; l'&eacute;cran quand on les
agrandit ou qu'on zoom dedans. Vous trouverez une option &agrave; cocher dans la bo&icirc;te de dialogue des
Propri&eacute;t&eacute;s pour d&eacute;sactiver cette fonction, de fa&ccedil;on &agrave; ce que les pixels soient visibles lorsque vous ferez
un zoom avant.
Vous trouverez &eacute;galement des informations &agrave; propos des propri&eacute;t&eacute;s d'Animation du bitmap. Ceci n'est
applicable qu'aux images GIF anim&eacute;es
Animation GIF :
 D&eacute;lai (temps pendant lequel ce cadre est affich&eacute; &agrave; l'&eacute;cran)
 R&eacute;tablir : les param&egrave;tres R&eacute;tablir des GIF anim&eacute;s d&eacute;finissent ce qui se passent entre chaque
frame dans un GIF anim&eacute;. Quand il ne se passe rien, cela signifie qu'aucune action n'a &eacute;t&eacute;
entreprise. De nombreux navigateurs consid&egrave;rent cela comme ayant la m&ecirc;me signification que
l'option &laquo; Laisser tel quel &raquo;. &laquo; Laisser tel quel &raquo; montre les frames les uns au-dessus des autres,
ce qui rend beaucoup de frames visibles dans une pile si certains sont transparents. Certains
navigateurs suppriment l'animation avant qu'elle ne repasse en boucle, et d'autres pas.
L'arri&egrave;re-plan redonne &agrave; la surface occup&eacute;e par le graphique la couleur du GIF (g&eacute;n&eacute;ralement
blanc). R&eacute;tablir Pr&eacute;c&eacute;dent permet de redonner &agrave; la surface occup&eacute;e par le frame l'aspect qu'elle
avait avant l'affichage du frame. Ceci est interpr&eacute;t&eacute; par certains navigateurs comme le fait que le
frame doit &ecirc;tre effac&eacute; de l'arrri&egrave;re-plan avant que chaque frame ne soit affich&eacute; ; d'autres
navigateurs le comprennent comme le fait que le frame doit&ecirc;tre montr&eacute; au-dessus du frame
pr&eacute;c&eacute;dent. Comme les navigateurs interpr&egrave;tent ces valeurs diff&eacute;remment, nous vous conseillons
de proc&eacute;der &agrave; des tests pour obtenir le r&eacute;sultat que vous souhaitez.
Page 557
Supprimer des images dans la galerie
Lorsque vous supprimez un bitmap de la page, il reste dans la Galerie de bitmap. Tous les bitmaps non
utilis&eacute;s seront supprim&eacute;s du fichier lors de la sauvegarde et &agrave; la r&eacute;ouverture. N&eacute;anmoins, vous pouvez
supprimer tout bitmap en le s&eacute;lectionnant puis en cliquant sur Supprimer
. Si le bitmap est utilis&eacute; dans le document, il sera remplac&eacute; par le bitmap standard de Xara.
Configurer l'arri&egrave;re plan d'une page comme bitmap
S&eacute;lectionnez le bitmap dans la galerie et cliquez sur Arri&egrave;re-plan
. L'image sera alors segment&eacute;e. Lorsque vous exportez la page au format HTML, l'image est segment&eacute;e
sur tout l'arri&egrave;re-plan visible du navigateur.
Enregistrer
S&eacute;lectionnez le bitmap et cliquez sur Sauvegarder
pour enregistrer l'image d'origine. Dans le cas d'un JPEG int&eacute;gr&eacute;, le fichier JPEG d'origine sera
sauvegard&eacute;. Nous recommandons de sauvegarder les autres types de bitmap au format PNG.
Propri&eacute;t&eacute;s bitmap
Le bouton Propri&eacute;t&eacute;s
affiche des informations sur le bitmap s&eacute;lectionn&eacute; dans la galerie. Il sert aussi &agrave; arr&ecirc;ter le lissage d'une
image lorsque des bitmap sont agrandis. Les bitmap sont g&eacute;n&eacute;ralement liss&eacute;s &agrave; l'&eacute;cran quand on les
agrandit ou qu'on zoom dedans. Vous trouverez une option &agrave; cocher dans la bo&icirc;te de dialogue des
Propri&eacute;t&eacute;s pour d&eacute;sactiver cette fonction, de fa&ccedil;on &agrave; ce que les pixels soient visibles lorsque vous ferez
un zoom avant.
Vous trouverez &eacute;galement des informations &agrave; propos des propri&eacute;t&eacute;s d'Animation du bitmap. Ceci n'est
applicable qu'aux images GIF anim&eacute;es
Animation GIF :
 D&eacute;lai (temps pendant lequel ce cadre est affich&eacute; &agrave; l'&eacute;cran)
 R&eacute;tablir : les param&egrave;tres R&eacute;tablir des GIF anim&eacute;s d&eacute;finissent ce qui se passent entre chaque
frame dans un GIF anim&eacute;. Quand il ne se passe rien, cela signifie qu'aucune action n'a &eacute;t&eacute;
entreprise. De nombreux navigateurs consid&egrave;rent cela comme ayant la m&ecirc;me signification que
l'option &laquo; Laisser tel quel &raquo;. &laquo; Laisser tel quel &raquo; montre les frames les uns au-dessus des autres,
ce qui rend beaucoup de frames visibles dans une pile si certains sont transparents. Certains
navigateurs suppriment l'animation avant qu'elle ne repasse en boucle, et d'autres pas.
L'arri&egrave;re-plan redonne &agrave; la surface occup&eacute;e par le graphique la couleur du GIF (g&eacute;n&eacute;ralement
blanc). R&eacute;tablir Pr&eacute;c&eacute;dent permet de redonner &agrave; la surface occup&eacute;e par le frame l'aspect qu'elle
avait avant l'affichage du frame. Ceci est interpr&eacute;t&eacute; par certains navigateurs comme le fait que le
frame doit &ecirc;tre effac&eacute; de l'arrri&egrave;re-plan avant que chaque frame ne soit affich&eacute; ; d'autres
navigateurs le comprennent comme le fait que le frame doit&ecirc;tre montr&eacute; au-dessus du frame
pr&eacute;c&eacute;dent. Comme les navigateurs interpr&egrave;tent ces valeurs diff&eacute;remment, nous vous conseillons
de proc&eacute;der &agrave; des tests pour obtenir le r&eacute;sultat que vous souhaitez.
Page 558
Configurer l'arri&egrave;re plan d'une page comme bitmap
S&eacute;lectionnez le bitmap dans la galerie et cliquez sur Arri&egrave;re-plan
. L'image sera alors segment&eacute;e. Lorsque vous exportez la page au format HTML, l'image est segment&eacute;e
sur tout l'arri&egrave;re-plan visible du navigateur.
Enregistrer
S&eacute;lectionnez le bitmap et cliquez sur Sauvegarder
pour enregistrer l'image d'origine. Dans le cas d'un JPEG int&eacute;gr&eacute;, le fichier JPEG d'origine sera
sauvegard&eacute;. Nous recommandons de sauvegarder les autres types de bitmap au format PNG.
Propri&eacute;t&eacute;s bitmap
Le bouton Propri&eacute;t&eacute;s
affiche des informations sur le bitmap s&eacute;lectionn&eacute; dans la galerie. Il sert aussi &agrave; arr&ecirc;ter le lissage d'une
image lorsque des bitmap sont agrandis. Les bitmap sont g&eacute;n&eacute;ralement liss&eacute;s &agrave; l'&eacute;cran quand on les
agrandit ou qu'on zoom dedans. Vous trouverez une option &agrave; cocher dans la bo&icirc;te de dialogue des
Propri&eacute;t&eacute;s pour d&eacute;sactiver cette fonction, de fa&ccedil;on &agrave; ce que les pixels soient visibles lorsque vous ferez
un zoom avant.
Vous trouverez &eacute;galement des informations &agrave; propos des propri&eacute;t&eacute;s d'Animation du bitmap. Ceci n'est
applicable qu'aux images GIF anim&eacute;es
Animation GIF :
 D&eacute;lai (temps pendant lequel ce cadre est affich&eacute; &agrave; l'&eacute;cran)
 R&eacute;tablir : les param&egrave;tres R&eacute;tablir des GIF anim&eacute;s d&eacute;finissent ce qui se passent entre chaque
frame dans un GIF anim&eacute;. Quand il ne se passe rien, cela signifie qu'aucune action n'a &eacute;t&eacute;
entreprise. De nombreux navigateurs consid&egrave;rent cela comme ayant la m&ecirc;me signification que
l'option &laquo; Laisser tel quel &raquo;. &laquo; Laisser tel quel &raquo; montre les frames les uns au-dessus des autres,
ce qui rend beaucoup de frames visibles dans une pile si certains sont transparents. Certains
navigateurs suppriment l'animation avant qu'elle ne repasse en boucle, et d'autres pas.
L'arri&egrave;re-plan redonne &agrave; la surface occup&eacute;e par le graphique la couleur du GIF (g&eacute;n&eacute;ralement
blanc). R&eacute;tablir Pr&eacute;c&eacute;dent permet de redonner &agrave; la surface occup&eacute;e par le frame l'aspect qu'elle
avait avant l'affichage du frame. Ceci est interpr&eacute;t&eacute; par certains navigateurs comme le fait que le
frame doit &ecirc;tre effac&eacute; de l'arrri&egrave;re-plan avant que chaque frame ne soit affich&eacute; ; d'autres
navigateurs le comprennent comme le fait que le frame doit&ecirc;tre montr&eacute; au-dessus du frame
pr&eacute;c&eacute;dent. Comme les navigateurs interpr&egrave;tent ces valeurs diff&eacute;remment, nous vous conseillons
de proc&eacute;der &agrave; des tests pour obtenir le r&eacute;sultat que vous souhaitez.
Page 559
Enregistrer
S&eacute;lectionnez le bitmap et cliquez sur Sauvegarder
pour enregistrer l'image d'origine. Dans le cas d'un JPEG int&eacute;gr&eacute;, le fichier JPEG d'origine sera
sauvegard&eacute;. Nous recommandons de sauvegarder les autres types de bitmap au format PNG.
Propri&eacute;t&eacute;s bitmap
Le bouton Propri&eacute;t&eacute;s
affiche des informations sur le bitmap s&eacute;lectionn&eacute; dans la galerie. Il sert aussi &agrave; arr&ecirc;ter le lissage d'une
image lorsque des bitmap sont agrandis. Les bitmap sont g&eacute;n&eacute;ralement liss&eacute;s &agrave; l'&eacute;cran quand on les
agrandit ou qu'on zoom dedans. Vous trouverez une option &agrave; cocher dans la bo&icirc;te de dialogue des
Propri&eacute;t&eacute;s pour d&eacute;sactiver cette fonction, de fa&ccedil;on &agrave; ce que les pixels soient visibles lorsque vous ferez
un zoom avant.
Vous trouverez &eacute;galement des informations &agrave; propos des propri&eacute;t&eacute;s d'Animation du bitmap. Ceci n'est
applicable qu'aux images GIF anim&eacute;es
Animation GIF :
 D&eacute;lai (temps pendant lequel ce cadre est affich&eacute; &agrave; l'&eacute;cran)
 R&eacute;tablir : les param&egrave;tres R&eacute;tablir des GIF anim&eacute;s d&eacute;finissent ce qui se passent entre chaque
frame dans un GIF anim&eacute;. Quand il ne se passe rien, cela signifie qu'aucune action n'a &eacute;t&eacute;
entreprise. De nombreux navigateurs consid&egrave;rent cela comme ayant la m&ecirc;me signification que
l'option &laquo; Laisser tel quel &raquo;. &laquo; Laisser tel quel &raquo; montre les frames les uns au-dessus des autres,
ce qui rend beaucoup de frames visibles dans une pile si certains sont transparents. Certains
navigateurs suppriment l'animation avant qu'elle ne repasse en boucle, et d'autres pas.
L'arri&egrave;re-plan redonne &agrave; la surface occup&eacute;e par le graphique la couleur du GIF (g&eacute;n&eacute;ralement
blanc). R&eacute;tablir Pr&eacute;c&eacute;dent permet de redonner &agrave; la surface occup&eacute;e par le frame l'aspect qu'elle
avait avant l'affichage du frame. Ceci est interpr&eacute;t&eacute; par certains navigateurs comme le fait que le
frame doit &ecirc;tre effac&eacute; de l'arrri&egrave;re-plan avant que chaque frame ne soit affich&eacute; ; d'autres
navigateurs le comprennent comme le fait que le frame doit&ecirc;tre montr&eacute; au-dessus du frame
pr&eacute;c&eacute;dent. Comme les navigateurs interpr&egrave;tent ces valeurs diff&eacute;remment, nous vous conseillons
de proc&eacute;der &agrave; des tests pour obtenir le r&eacute;sultat que vous souhaitez.
Page 560
Propri&eacute;t&eacute;s bitmap
Le bouton Propri&eacute;t&eacute;s
affiche des informations sur le bitmap s&eacute;lectionn&eacute; dans la galerie. Il sert aussi &agrave; arr&ecirc;ter le lissage d'une
image lorsque des bitmap sont agrandis. Les bitmap sont g&eacute;n&eacute;ralement liss&eacute;s &agrave; l'&eacute;cran quand on les
agrandit ou qu'on zoom dedans. Vous trouverez une option &agrave; cocher dans la bo&icirc;te de dialogue des
Propri&eacute;t&eacute;s pour d&eacute;sactiver cette fonction, de fa&ccedil;on &agrave; ce que les pixels soient visibles lorsque vous ferez
un zoom avant.
Vous trouverez &eacute;galement des informations &agrave; propos des propri&eacute;t&eacute;s d'Animation du bitmap. Ceci n'est
applicable qu'aux images GIF anim&eacute;es
Animation GIF :
 D&eacute;lai (temps pendant lequel ce cadre est affich&eacute; &agrave; l'&eacute;cran)
 R&eacute;tablir : les param&egrave;tres R&eacute;tablir des GIF anim&eacute;s d&eacute;finissent ce qui se passent entre chaque
frame dans un GIF anim&eacute;. Quand il ne se passe rien, cela signifie qu'aucune action n'a &eacute;t&eacute;
entreprise. De nombreux navigateurs consid&egrave;rent cela comme ayant la m&ecirc;me signification que
l'option &laquo; Laisser tel quel &raquo;. &laquo; Laisser tel quel &raquo; montre les frames les uns au-dessus des autres,
ce qui rend beaucoup de frames visibles dans une pile si certains sont transparents. Certains
navigateurs suppriment l'animation avant qu'elle ne repasse en boucle, et d'autres pas.
L'arri&egrave;re-plan redonne &agrave; la surface occup&eacute;e par le graphique la couleur du GIF (g&eacute;n&eacute;ralement
blanc). R&eacute;tablir Pr&eacute;c&eacute;dent permet de redonner &agrave; la surface occup&eacute;e par le frame l'aspect qu'elle
avait avant l'affichage du frame. Ceci est interpr&eacute;t&eacute; par certains navigateurs comme le fait que le
frame doit &ecirc;tre effac&eacute; de l'arrri&egrave;re-plan avant que chaque frame ne soit affich&eacute; ; d'autres
navigateurs le comprennent comme le fait que le frame doit&ecirc;tre montr&eacute; au-dessus du frame
pr&eacute;c&eacute;dent. Comme les navigateurs interpr&egrave;tent ces valeurs diff&eacute;remment, nous vous conseillons
de proc&eacute;der &agrave; des tests pour obtenir le r&eacute;sultat que vous souhaitez.
Page 561
Fichiers JPEG incrust&eacute;
Les fichiers JPEG sont hautement compress&eacute;s pour produire un fichier jusqu'&agrave; 10 fois plus petit que
l'image originale. Dans l'exemple ci-dessus, l'image d'origine non compress&eacute;e requiert plus de 7 Mo de
m&eacute;moire, mais comme on peut le voir dans la Galerie de bitmap
, le fichier JPEG requiert seulement 1 Mo. Une r&eacute;duction cons&eacute;quente. C'est la raison pour laquelle le
format JPEG est utilis&eacute; comme format standard pour la photographie num&eacute;rique et le Web.
Lorsque vous d&eacute;placez un fichier JPEG par glisser-d&eacute;poser (ou que vous utilisez les options de menu
&laquo; Ouvrir &raquo; ou &laquo; Importation &raquo;), le JPEG original est rang&eacute; dans le document, et c'est dans cet &eacute;tat que le
fichier .xar est sauvegard&eacute;.
Il est important de comprendre de quelle mani&egrave;re cet outil diff&egrave;re des autres outils graphiques, qu'il
s'agisse de logiciels de dessin vectoriel et de programmes d'&eacute;dition photo. Certains programmes
d&eacute;compressent l'image et enregistrent cette image &laquo; brute &raquo; dans la m&eacute;moire ainsi que le fichier original
lorsque vous effectuez une sauvegarde sur disque. Ce qui signifie que chaque copie r&eacute;alis&eacute;e est
typiquement une copie compl&egrave;te de l'image originale brute comme mentionn&eacute; plus haut. R&eacute;alisez quatre
copies de votre photo et enregistrez votre fichier ; il sera alors quatre fois plus grand. Dans Xtreme Web
Designer 5, la taille du fichier n'est pas modifi&eacute;e, peu importe le nombre de copies.
Ainsi si vous incrustez le fichier JPEG original au lieu de sauvegarder l'image d&eacute;compress&eacute;e, vous r&eacute;alisez
un &eacute;norme gain d'espace m&eacute;moire en comparaison &agrave; d'autres &eacute;diteurs graphiques. Le fait qu'il existe
quatre copies compl&egrave;tes de l'image signifie que dans ce cas particulier, on fait appel pr&egrave;s de 30 fois
moins &agrave; la m&eacute;moire. Cela repr&eacute;sente donc une &eacute;norme &eacute;conomie sur la taille des fichiers (et un gain de
temps) par rapport &agrave; d'autres outils graphiques.
Extraction du JPEG d'origine
Effectuez un clic droit sur n'importe quelle image de la Galerie de bitmap et s&eacute;lectionnez l'option de
menu Enregistrer
pour enregistrer le JPEG d'origine dans votre syst&egrave;me de fichiers.
Page 562
Extraction du JPEG d'origine
Effectuez un clic droit sur n'importe quelle image de la Galerie de bitmap et s&eacute;lectionnez l'option de
menu Enregistrer
pour enregistrer le JPEG d'origine dans votre syst&egrave;me de fichiers.
Page 563
Avec ou sans perte
Comme Web Designer travaille uniquement &agrave; partir de l'image d'origine, qui reste intacte dans votre
fichier, on parle de travail sans perte. Les images ne sont pas re-compress&eacute;es lors de la sauvegarde du
fichier d'origine .xar.
Vous pouvez naturellement sauvegarder ou exporter votre image comme fichier JPEG compress&eacute;e, &agrave; la
taille d&eacute;sir&eacute;e, et dans ce cas, la qualit&eacute; de l'image et les d&eacute;tails seront r&eacute;duits de mani&egrave;re destructive. Cela
signifie que les donn&eacute;es d'origine ou les d&eacute;tails ne pourront pas &ecirc;tre r&eacute;tablis. Xara est un &eacute;diteur qui
travail en mode non destructif car les donn&eacute;es et d&eacute;tails de l'image d'origine ne sont jamais perdus.
Page 564
Effet de fondu et fusionnement de photos
En copiant des photos l'une sur l'autre, et en appliquent diff&eacute;rents effets aux copies, combin&eacute; avec les
contr&ocirc;les avanc&eacute;s de transparence de Web Designer, vous pouvez cr&eacute;er tr&egrave;s facilement des
compositions avec fondus. Par exemple, il suffit de quelques secondes pour flouer des zones d&eacute;termin&eacute;es
d'une photo.
En pla&ccedil;ant la copie floue avec le &laquo; trou &raquo; cr&eacute;&eacute; par l'effet de transparence sur la photo originale, on obtient
un r&eacute;sultat de fondu qui permet de voir la zone non flou&eacute;e.
Vous pouvez copier des objets en un simple clic (et tirer avec le bouton droit de la souris). Pour ajouter
un flou &agrave; une photo, il suffit de d&eacute;placer la r&eacute;glette de flou dans l'outil photo, et appliquer une
transparence gradu&eacute;e est possible en un simple clic &eacute;galement dans l'outil de transparence. Enfin
positionnez les photos l'une sur l'autre en une seconde. L'op&eacute;ration n&eacute;cessite alors seulement quelques
clics et quelques secondes dans Xtreme Web Designer 5.
Naturellement, vous n'&ecirc;tes pas limit&eacute; aux effets de flou, vous pouvez &eacute;galement ajuster les couleurs, la
clart&eacute; et le contraste, ou appliquer toute une s&eacute;rie d'effets en direct pour des cr&eacute;ations &agrave; l'infini.
Page 565
Qualit&eacute; d'affichage des photos
Xtreme Web Designer 5 peut afficher des photos en trois niveaux diff&eacute;rents de qualit&eacute;. Le param&eacute;trage
normal anti-alias va lisser les pixels de l'&eacute;cran pour arrondir les angles et rendre l'image plus
harmonieuse.
Il existe un param&egrave;tre de qualit&eacute; inf&eacute;rieur qui ne comporte pas de fonction anti-alias et qui affiche donc
les pixels individuels. Cela peut &ecirc;tre tr&egrave;s utile lorsque vous zoomez et qu'il est n&eacute;cessaire de visionner
tous les pixels de l'image. L'inconv&eacute;nient est que les images paraissent souvent de moindre qualit&eacute; lorsque
vous les r&eacute;duisez ou agrandissez, affichant tous les pixels et des effets d'escalier dans les angles,
sp&eacute;cialement si vous tournez l'image.
Enfin, il existe un mode haute qualit&eacute; qui affiche les images &agrave; l'aide d'une fonction d'&eacute;chantillonnage
bicubique. Les images sont affich&eacute;es dans la meilleure qualit&eacute; possible, particuli&egrave;rement les images haute
r&eacute;solution qui sont r&eacute;duites.
La r&eacute;glette de qualit&eacute;
d'affichage situ&eacute;e sur le
dessus de la barre d'outil
contr&ocirc;le la qualit&eacute;
d'affichage et propose cinq
&eacute;tapes. Les deux premiers
param&egrave;tres sont utiles
uniquement pour les
graphiques vectoriels.
Une commande suppl&eacute;mentaire vous permet de stopper tout lissage ou la fonction anti-alias pour toutes
les images agrandies ou affich&eacute;es avec zoom. Autrement dit, lorsque vous zoomez, vous voyez bien tous
les pixels et non une image liss&eacute;e. Ouvrez la Galerie de bitmap
et effectuez un clic droit sur l'image puis s&eacute;lectionnez &laquo; Propri&eacute;t&eacute;s &raquo;. Dans la bo&icirc;te de dialogue, d&eacute;cochez
l'option &laquo; &Eacute;galiser lors de l'agrandissement &raquo;. Ensuite, peu importe la qualit&eacute; d'affichage s&eacute;lectionn&eacute;e,
l'image (et toutes ses copies) sera toujours affich&eacute;e non liss&eacute;e lorsqu'elle est agrandit ou vue avec zoom.
Remarque
: si vous utilisez l'outil photo Nettet&eacute; / Flou, vous devez affichez les images en qualit&eacute; maximum. Si donc
vous avez l'impression que la qualit&eacute; d'affichage ne fonctionne plus, c'est certainement car la photo a &eacute;t&eacute;
&eacute;dit&eacute;e avec la fonction Nettet&eacute; / Flou dans l'outil photo auparavant.
Page 566
Enregistrer et exporter des photos
Lorsque vous s&eacute;lectionnez l'option Enregistrer, c'est toujours un fichier propri&eacute;taire .web qui sera
sauvegard&eacute;. Pour enregistrer une photo au format JPEG, PNG ou tout autre format d'image, vous devez
utiliser l'option Exporter
, ou le raccourci &laquo; Ctrl + Maj + E &raquo;.
Vous avez le choix entre un grand nombre de types de fichiers, tels que JPEG, PNG, GIF, TIFF, PDF,
PSD, Flash (.swf), BMP, ainsi que d'autres moins courants.
Vous trouverez deux icones en haut de la barre, qui sont des
raccourcis et servent &agrave; enregistrer votre s&eacute;lection aux formats JPEG
ou PNG.
Nous vous recommandons d'enregistrer les photos au format JPEG (parfois appel&eacute; JPG) car ce format
offre la plus grande compatibilit&eacute; et le meilleur compromis taille/qualit&eacute;.
Lorsque vous exportez un JPEG ou un PNG, vous trouver une option Param&egrave;tres
dans la bo&icirc;te de dialogue d'enregistrement. Vous y trouverez de nombreuses options avanc&eacute;es
d'exportation, ainsi que des param&egrave;tres vous permettant de faire des comparaisons c&ocirc;te &agrave; c&ocirc;te ou m&ecirc;me
des types de fichiers alternatifs tels que PNG.
Lorsque vous exportez un JPEG, une bo&icirc;te de dialogue d'aper&ccedil;u s'ouvre ; vous pouvez y ajuster de
nombreuses options d'exportation, vous permettant de faire des comparaisons c&ocirc;te &agrave; c&ocirc;te ou m&ecirc;me des
types de fichiers alternatifs tels que PNG.
La bo&icirc;te de dialogue d'aper&ccedil;u de l'exportation vous permet d'ajuster la taille, la r&eacute;solution, la qulit&eacute; JPEG
et m&ecirc;me de choisir entre 3 types de fichiers d'exportation alternatifs. La valeur d&eacute;finie par d&eacute;faut est
normalement appropri&eacute;e &agrave; tous les travaux courants et il vous suffit de cliauer sur le bouton d'exportation
pour sauvegarder votre photo.
Ne pas oublier lors de l'exportation :
 S&eacute;lectionnez tout d'abord le ou les objet(s) &agrave; exporter
 La taille de l'image par d&eacute;faut pour l'exportation est la taille que vous verrez &agrave; l'&eacute;cran en zoom
100%.
La bo&icirc;te de dialogue d'aper&ccedil;u de l'exportation
est d&eacute;crite plus en d&eacute;tails ici.
Conseil
: vous pouvez contr&ocirc;ler la qualit&eacute; JPEG dans la bo&icirc;te de dialogue des param&egrave;tres d'exportation dans
l'onglet Options. La valeur par d&eacute;faut et celle qui est recommand&eacute;e est de 75%
Le syst&egrave;me JPEG est con&ccedil;u de telle
sorte qu'un param&egrave;tre de 75 est la
valeur optimale. Nous vous
recommandons de ne pas
enregistrer un JPEG &agrave; 100% de sa
qualit&eacute;, puisque le r&eacute;sultat est
visuellement identique &agrave; une qualit&eacute;
de 75%, et que la taille du fichier et
la m&eacute;moire utilis&eacute;e sont
&eacute;norm&eacute;ment augment&eacute;es.
Lorsque vous enregistrez pour une utilisation Internet, vous pouvez encore r&eacute;duire la qualit&eacute; sous 75%
pour acc&eacute;l&eacute;rer la vitesse de visualisation de la page. La fen&ecirc;tre d'aper&ccedil;u montre la qualit&eacute; des valeurs que
vous s&eacute;lectionnez.
Conseil
: si vous pensez faire d'autres op&eacute;rations d'&eacute;dition sur votre image export&eacute;e (par exemple pour recr&eacute;er
l'image avec une autre taille), nous vous recommandons de sauvegarder le fichier aussi en .web. Cela
Page 567
vous permet de pr&eacute;server l'image ma&icirc;tresse sans pertes en m&ecirc;me temps que toutes les &eacute;ditions et
modifications.
Exemple : redimensionner et enregistrer une photo en tant
que nouveau JPEG
Cette proc&eacute;dure est tr&egrave;s rapide et tr&egrave;s simple :
 D&eacute;posez votre photo dans Xara Xtreme (soit sur une page blanche, soit sur une barre de titre
pour cr&eacute;er un nouveau document)
 Dans l'outil de s&eacute;lection, tirez soit sur une poign&eacute;e d'angle pour redimensionner l'image, ou bien
saisissez la largeur ou la hauteur de votre choix dans les champs &laquo; W &raquo; ou &laquo; H &raquo; de la barre
d'infos. V&eacute;rifiez que la taille de l'image est correcte &agrave; 100%
Cliquez sur le bouton &laquo; Exporter la s&eacute;lection au format JPEG &raquo;, situ&eacute; sur la barre sup&eacute;rieure.
Saisissez un nom de fichier, cliquez sur le bouton Param&egrave;tres si vous souhaitez contr&ocirc;ler la
compression, ou cliquez simplement sur Enregistrer
Pour enregistrer une image au format PNG, r&eacute;p&eacute;tez la m&ecirc;me op&eacute;ration, mais s&eacute;lectionnez le type de
fichier PNG.


Page 568
Exemple : redimensionner et enregistrer une photo en tant
que nouveau JPEG
Cette proc&eacute;dure est tr&egrave;s rapide et tr&egrave;s simple :
 D&eacute;posez votre photo dans Xara Xtreme (soit sur une page blanche, soit sur une barre de titre
pour cr&eacute;er un nouveau document)
 Dans l'outil de s&eacute;lection, tirez soit sur une poign&eacute;e d'angle pour redimensionner l'image, ou bien
saisissez la largeur ou la hauteur de votre choix dans les champs &laquo; W &raquo; ou &laquo; H &raquo; de la barre
d'infos. V&eacute;rifiez que la taille de l'image est correcte &agrave; 100%
Cliquez sur le bouton &laquo; Exporter la s&eacute;lection au format JPEG &raquo;, situ&eacute; sur la barre sup&eacute;rieure.
Saisissez un nom de fichier, cliquez sur le bouton Param&egrave;tres si vous souhaitez contr&ocirc;ler la
compression, ou cliquez simplement sur Enregistrer
Pour enregistrer une image au format PNG, r&eacute;p&eacute;tez la m&ecirc;me op&eacute;ration, mais s&eacute;lectionnez le type de
fichier PNG.


Page 569
Attributs de l'&eacute;dition photo
Toutes les op&eacute;rations d'&eacute;dition faites avec l'Outil photo
, telles que des modifications des valeurs de luminosit&eacute;, de contraste, de couleur, de flou ou de nettet&eacute;,
sont toutes enregistr&eacute;es dans la photo en tant qu'attributs de Web Designer.
Tout comme vous pouvez modifier la couleur d'une forme ou le contour sans modifier la forme qui se
trouve en-dessous, les attributs de l'Outil photo modifient l'apparence visible de la photo sans affecter
l'image originale (ceci est appel&eacute; &eacute;dition non destructrice). Une autre mani&egrave;re de voir cela est que Xtreme
Web Designer 5 enregistre une liste d'&eacute;ditions appliqu&eacute;es &agrave; votre photo, et vous pouvez modifier,
supprimer ou ajouter de nouvelles &eacute;ditions. Vous pouvez toujours retrouver la photo originale intacte.
Les attributs peuvent &ecirc;tre copi&eacute;s et coll&eacute;s entre les objets. Cela ne s'applique pas qu'aux attributs
traditionnels tels que la couleur et l'&eacute;paisseur du contour, mais cela fonctionne avec tous les attributs de l'
Outils photo
. Cela signifie donc que vous pouvez facilement copier toutes les optimisations faites sur une photo vers
une autre en utilisant la fonction copier/coller.
Cela s'applique &eacute;galement &agrave; tous les attributs de la photo comme la largeur et la couleur du contour, la
coloration de la photo, les ombres, etc. ; tout cela peut &ecirc;tre copi&eacute; &agrave; partir d'une photo vers une autre en
utilisant la m&ecirc;me technique.
Page 570
Editer le contour de photos
Vous pouvez utiliser l'Outil Editeur de forme
pour ajuster directement la forme du contour d'une photo. De la m&ecirc;me fa&ccedil;on, vous pouvez appliquer
des contours pour toute forme, ombre, etc.
Avec l'Outil Editeur de forme, vous pouvez
tirer ou pousser sur les c&ocirc;t&eacute;s. Cet exemple
poss&egrave;de aussi un contour noir et une ombre
douce. Pour r&eacute;tablir l'image &agrave; sa forme
rectangulaire originale, s&eacute;lectionnez
&laquo; De-clip &raquo; dans le mode clip de la barre
d'infos de l'Outil photo
.
Lorsque vous &eacute;ditez des photos de cette
fa&ccedil;on, celles-ci seront trait&eacute;es comme une
forme vectorielle normale contenant un
remplissage bitmap. C'est pour cette raison
que vous pouvez utiliser les fonctions
normales d'&eacute;dition de forme et de ligne, ainsi
que l'Outil de remplissage
pour r&eacute;gler la taille, l'angle et la position du
&laquo; remplissage &raquo; photo &agrave; l'int&eacute;rieur de la
forme.
Page 571
Recouper des photos
Le proc&eacute;d&eacute; le plus simple pour recouper des
photos est de faire glisser celle-ci dans l'Outil
photo
, ou de vous servir des 8 poign&eacute;es de
contr&ocirc;le situ&eacute;es autour de l'objet pour r&eacute;gler
les coins des photos s&eacute;lectionn&eacute;es.
Dans l'Outil photo, il vous suffit de cliquer sur
une photo pour la s&eacute;lectionner, et les
poign&eacute;es de recoupe appara&icirc;tront.
Pour obtenir plus de commandes avanc&eacute;es de recoupe,
s&eacute;lectionnez le Bouton clip
de la barre d'info de l'Outil photo ; cela vous permettra de
commander les proportions et le clipping num&eacute;rique.
Vous trouverez &eacute;galement un bouton De-clip qui supprimera les rectangles de clips et r&eacute;tablira l'image
originale.
La fonction de red&eacute;coupe est un clip dynamique, c'est-&agrave;-dire qu'il s'agit d'une red&eacute;coupe non
destructrice, et vous pouvez toujours ajuster les limites de la recoupe ult&eacute;rieurement pour remettre &agrave; jour
des parties cach&eacute;es de la photo. Si vous voulez vraiment faire une d&eacute;coupe r&eacute;elle (c'est-&agrave;-dire faire une
recoupe destructrice, qui supprimera d&eacute;finitivement les parties invisibles de la photo, alors veuillez utiliser
la fonction Optimisation photo
.
Page 572
D&eacute;couper des objets dans des photos
Gr&acirc;ce aux outils de dessin, vous pouvez dessiner simplement autour des formes et les d&eacute;tourer. Vous
pouvez utiliser n'importe quel outil de dessin pour cela. La mani&egrave;re la plus simple est peut &ecirc;tre encore
d'utiliser l'outil d'&eacute;dition des formes
et de dessiner une ligne autour de la forme que vous souhaitez extraire. R&eacute;alisez un zoom avant dans la
photo puis :
 L'outil d'&eacute;dition des formes utilise une technique de &laquo; connexion des points &raquo; en s&eacute;quences de
clics autour de la forme, plus sp&eacute;cialement d&eacute;taill&eacute; dans certaines zones et avec moins de clics
pour les lignes droites ou les l&eacute;g&egrave;res courbes.
 Lorsque vous avez fait le tour complet de l'objet, fermez la ligne pour cr&eacute;er une forme solide en
joignant le dernier segment au premier. Vous allez ainsi obtenir une forme remplie typique noire.
 Vous avez la possibilit&eacute; de d&eacute;couper cette forme en s&eacute;lectionnant la nouvelle forme masque et la
photo (Maj+clic sur la photo dans l'outil de s&eacute;lection) puis en choisissant &Eacute;dition &gt; Arranger
les formes &gt; Croiser des formes.
 Estompez le r&eacute;sultat pour fusionner l&eacute;g&egrave;rement les angles en d&eacute;pla&ccedil;ant la r&eacute;glette d'estompage
d'un ou deux pixels.
Vous pouvez op&eacute;rer d'autres ajustements sur la forme &agrave; l'aide des outils d'&eacute;dition des lignes comme la
photo reste &agrave; l'int&eacute;rieur de la forme qui agit comme un masque de d&eacute;coupe.
Dans cet exemple, on a appliqu&eacute; une ombre horizontale &agrave; la vache &agrave; l'aide de l'outil ombres.
Page 573
Captures d'&eacute;cran
Gr&acirc;ce &agrave; la fonction de capture d'&eacute;cran int&eacute;gr&eacute;e, il est tr&egrave;s facile de r&eacute;aliser des captures d'&eacute;cran.
 Cliquez sur le bouton &laquo; Impr &eacute;cran &raquo; de votre clavier. Une capture d'&eacute;cran de l'affichage actuel
de l'&eacute;cran est alors enregistr&eacute;e dans le presse-papier. Vous pouvez &eacute;galement s&eacute;lectionner
Alt+Impr &eacute;cran pour r&eacute;aliser une capture d'&eacute;cran de la fen&ecirc;tre actuelle uniquement.
 Dans Xtreme Web Designer 5, s&eacute;lectionnez &laquo; Ctrl+V &raquo; pour coller puis &laquo; Bitmap &raquo; pour coller
les r&eacute;sultats sur la page.
Vous pouvez maintenant d&eacute;tourer, ajouter des commentaires, modifier la taille comme d&eacute;sir&eacute; et
sauvegarder les r&eacute;sultats. Il est judicieux de sauvegarder ce type d'images au format PNG. Tous les
&eacute;crans avec commentaire de ce fichier d'aide ont &eacute;t&eacute; cr&eacute;&eacute;s de cette mani&egrave;re.
Page 574
Colorer des photos
Apr&egrave;s avoir s&eacute;lectionn&eacute; une photo, cliquez sur la ligne de couleur que vous souhaitez appliquer &agrave; votre
photo. Si vous cliquez sur la zone de couleur blanche et que vous s&eacute;lectionnez D&eacute;finir couleur Contone
claire
, toutes les photos deviendront noires et blanches. Cela porte le nom de &laquo; contone &raquo; car il s'agit d'un ton
continu allant du noir au blanc.
Pour cr&eacute;er une image en tons de jaunes continus, cliquez tout simplement sur une couleur jaune pale de la
ligne des couleurs.
Ou bien faites un clic droit sur la ligne de couleurs qui affichera un menu contextuel pour vous permettre
d'appliquer la couleur s&eacute;lectionn&eacute;e soit comme une couleur claire, soit comme une couleur fonc&eacute;e.
Lorsque vous cliquez sur
la ligne de couleurs
, vous pouvez
s&eacute;lectionner n'importe
quelle couleur, et choisir
entre une couleur soit
claire, soit fonc&eacute;e. Vous
pouvez aussi utiliser
l'Editeur de couleurs
(Ctrl+E) et choisir une
couleur. Le menu
d&eacute;roulant situ&eacute; dans la
partie sup&eacute;rieure de
l'Editeur de couleurs
vous permet de
commander l'&eacute;dition soit
de la couleur claire, soit
de la couleur fonc&eacute;e.
Vous pouvez r&eacute;tablir la couleur d'origine d'une photo en cliquant sur la zone hachur&eacute;e &laquo; pas de couleur &raquo;,
situ&eacute;e &agrave; gauche de la ligne de couleurs, ou bien en faisant un clic droit dessus et en s&eacute;lectionnant l'option
&laquo; R&eacute;tablir couleur &raquo;.
Page 575
Redimensionner, faire tourner et positionner
une photo dans son cadre
Les photos sont consid&eacute;r&eacute;es comme des rectangles &laquo; avec un remplissage bitmap &raquo;. La forme de votre
photo est un contour qu'il est possible d'&eacute;diter &agrave; part enti&egrave;re. Lorsque vous faites une d&eacute;coupe ou que
vous &eacute;ditez la forme du contour, vous ne touchez pas au remplissage, qui est clipp&eacute; &agrave; l'int&eacute;rieur de la
forme.
Les photos et les bitmap de la page sont toujours contenus dans une forme de contour ext&eacute;rieure. Vous
pouvez non seulement modifier la forme du contour, mais aussi r&eacute;gler la taille, l'angle et la position de la
photo dans son cadre en utilisant l'Outil de remplissage. S&eacute;lectionnez la photo, allez dans l'Outil de
remplissage
et vous verrez des fl&egrave;ches de remplissage partant du centre et allant vers les angles droits (ou bien vous
pouvez aller dans l'Outil de remplissage et cliquer sur la photo &agrave; s&eacute;lectionner).
Par exemple, pour agrandir et faire tourner une photo vers la gauche dans son cadre, s&eacute;lectionnez l'Outil
de remplissage et faites glisser la pointe d'une des fl&egrave;ches.
 Pour redimensionner, tirez sur la pointe d'une des fl&egrave;ches en partant du centre. Vous pouvez
maintenir la touche Ctrl enfonc&eacute;e pour contraindre l'angle.
 Pour faire tourner l'image, tirez sur la pointe d'une des fl&egrave;ches autour du centre.
 Pour repositionner l'image, tirez n'importe o&ugrave; sur celle-ci.
Sur la barre d'info de l'Outil de remplissage, vous
pouvez s&eacute;lectionner l'option &laquo; r&eacute;p&eacute;tition de
carreaux &raquo; qui fait de l'image un remplissage
bitmap en forme de carreaux. En tirant sur les
poign&eacute;es du remplissage, vous pouvez &agrave; pr&eacute;sent
redimensionner et faire tourner la dimension des
carreaux de l'image. Vous pourrez constater &agrave; quel
point Xtreme Web Designer 5 est rapide en
ex&eacute;cutant cette op&eacute;ration avec une image
contenant beaucoup de pixels.
Page 576
Redresser l'horizon
Utiliser l'outil de remplissage comme d&eacute;crit pr&eacute;c&eacute;demment, signifie qu'il est tr&egrave;s simple de redresser
l'horizon d'une photo.
 S&eacute;lectionnez l'Outil de remplissage puis cliquez sur la photo. Les poign&eacute;es de remplissage seront
alors affich&eacute;es sous la forme de fl&egrave;ches indiquant l'&eacute;tendue du remplissage dans la forme.
 Tirez sur l'une des fl&egrave;ches de remplissage pour modifier la taille et faire tourner comme vous le
d&eacute;sirez.
Vous voyez ici un paysage (cr&eacute;&eacute; avec la fonctionnalit&eacute; d'assemblage panoramique) dont l'horizon est
inclin&eacute;.
Tirez sur l'une des fl&egrave;ches de remplissage pour modifier la taille et faire tourner comme vous le d&eacute;sirez.
Vous pouvez repositionner la photo en tirant sur les poign&eacute;es centrales des fl&egrave;ches de remplissage ou en
maintenant la touche Maj enfonc&eacute;e tout en d&eacute;pla&ccedil;ant l'image &agrave; la position d&eacute;sir&eacute;e.
Page 577
Optimisation de photos et bitmaps
La r&eacute;solution et la taille des fichiers JPEG d'appareils photo num&eacute;riques ne cessant d'augmenter, la taille
de votre fichier peut tr&egrave;s vite prendre d'&eacute;normes proportions s'il contient de nombreuses images. Par
exemple, un document multi-pages comprenant 20 fichiers JPEG &agrave; r&eacute;solution maximum de chacun 5 Mo
produirait un fichier .xar de plus de 100 Mo*.
En outre, ces photos ont souvent une r&eacute;solution beaucoup trop &eacute;lev&eacute;e. R&eacute;duire une photo de 8
m&eacute;gapixels &agrave; une image de 2 pouces (5 cm) de large sur la page va produire un fichier de 1500 dpi
environ. Alors qu'une r&eacute;solution &eacute;lev&eacute;e fournit de bien meilleurs r&eacute;sultats pour l'impression (vous pouvez
faire des zoom avant ou &eacute;largir certaines parties de la photo), elle est bien trop &eacute;lev&eacute;e m&ecirc;me pour les
meilleurs standard de qualit&eacute; des impressions commerciales, et encore plus pour les graphiques destin&eacute;s &agrave;
Internet ou les productions HTML.
Si vous d&eacute;tourez seulement une petite partie de votre image ou d&eacute;coupez un petit bout de la photo, de
grands morceaux de l'image cach&eacute;e peuvent se trouver en dehors de la zone visible. &Agrave; des fins d'&eacute;dition,
cette fonction de d&eacute;tourage en direct est tr&egrave;s utile dans la mesure o&ugrave; vous pouvez annuler chaque
op&eacute;ration, modifier la taille, positionner et calibrer chaque &eacute;l&eacute;ment tout en conservant une grande nettet&eacute;.
Mais vous d&eacute;sirerez peut-&ecirc;tre supprimer les parties invisibles du document final.
La photo du papillon d&eacute;coup&eacute;e est encore affich&eacute;e compl&egrave;te. &Agrave; l'aide de l'outil de remplissage, vous
pouvez visualiser cela encore mieux en modifiant la taille du remplissage dans les contours. Ainsi les
parties se trouvant en dehors du papillon seront superflues dans votre document final.
L'option de menu tr&egrave;s utile Services -&gt; Optimiser photo...
propose trois fonctions importantes :
 Suppression des parties invisibles de photos
 R&eacute;duction de la r&eacute;solution de photos
 Conversion de PNG ou bitmaps en JPEG int&eacute;gr&eacute;s pour optimiser la taille des fichiers
Lorsque vous s&eacute;lectionnez cette option de menu pour n'importe quel fichier bitmap, une bo&icirc;te de dialogue
semblable &agrave; la bo&icirc;te de dialogue d'exportation
va s'afficher. Voici ce qui s'affiche lorsque l'image papillon assembl&eacute;e est s&eacute;lectionn&eacute;e.
Page 578
Un JPEG sera alors cr&eacute;&eacute;, en laissant des parties de l'image &agrave; l'ext&eacute;rieur de la zone d'assemblage, et
int&eacute;gr&eacute; &agrave; votre document pour remplacer l'ancienne image. La r&eacute;solution est &eacute;galement r&eacute;duite &agrave; 96 dpi,
celle que vous voyez lorsque l'affichage est &agrave; 100 %, mais vous pouvez la modifier dans l'onglet de la
taille de bitmap de cette bo&icirc;te de dialogue :
Vous pouvez s&eacute;lectionner n'importe quelle valeur dpi dans le menu d&eacute;roulant, pour entrer les valeurs de
largeur et hauteur du bitmap. Pour un affichage sur &eacute;cran (web ou HTML), il n'est pas n&eacute;cessaire
d'utiliser une r&eacute;solution sup&eacute;rieure &agrave; 96 dpi. Pour l'impression, une r&eacute;solution de 300 dpi entra&icirc;ne une
meilleure qualit&eacute; des impressions &agrave; usage commercial.
Vous pouvez ajuster la
qualit&eacute; des JPEG de m&ecirc;me
que vous pouvez les
exporter en utilisant l'onglet
options.
Important : la fonction &laquo; Optimiser photo &raquo; est une op&eacute;ration destructive. Lorsque vous sauvegardez le
fichier, les parties de l'image que vous avez supprim&eacute;es seront perdues et la r&eacute;solution est modifi&eacute;e de
mani&egrave;re permanente (vous pouvez naturellement annuler les modifications lorsque le fichier est encore
ouvert en mode &eacute;dition).
(*Comme mentionn&eacute; pr&eacute;c&eacute;demment, avec d'autres logiciels graphiques, le fichier atteindrait facilement 5
ou 10 fois cette taille)
Vous pouvez optimiser plusieurs photos &agrave; la fois si vous souhaitez leur attribuer le m&ecirc;me dpi.
S&eacute;lectionnez les photos que vous souhaitez optimiser puis choisissez l'op&eacute;ration Optimiser comme d&eacute;crit
plus haut. La bo&icirc;te de dialogue Optimisation affiche les param&egrave;tres et un aper&ccedil;u de l'une des photos
s&eacute;lectionn&eacute;es, mais lorsque vous cliquez sur Optimisation
, la m&ecirc;me configuration est appliqu&eacute;e &agrave; toutes les photos s&eacute;lectionn&eacute;es.
Page 579
Documents photo
Il est parfois utile de travailler sur une photo seule que sur des &laquo; Objets dans une page &raquo;. On appelle
cela un document photo ou le &laquo; mode photo &raquo; dans Web Designer, qui se comporte dans ce cas plut&ocirc;t
comme un outil d'&eacute;dition photo ordinaire. Vous pouvez cr&eacute;er un docment photo de plusieurs fa&ccedil;ons :
 Faites glisser le fichier photo de votre explorateur de fichiers vers la barre de titre ou la barre
d'outils Web Designer
 Allez dans Fichiers -&gt; Ouvrir puis s&eacute;lectionnez un fichier photo
 Cr&eacute;ez un document photo vide en allant dans Fichier -&gt; Nouveau -&gt; Photo vide
On reconna&icirc;t les documents photo aux caract&eacute;ristiques suivantes par rapport aux autres documents de
Web Designer :
 Aucune page blanche n'est visible. En fait, les dimensions de la page sont d&eacute;finies
automatiquement pour correspondre &agrave; la photo et aux autres objets que vous avez ajout&eacute;s.
 Les documents photo ont une grille d'un pixel par d&eacute;faut et vous pouvez faire s'afficher cette grille
tr&egrave;s rapidement. Cela facilite les op&eacute;rations de d&eacute;coupe.
 Le Pasteboard (la zone autour de la photo) est de couleur sombre. Cela permet de distinguer les
documents photo des documents dessin au premier coup d'oeil.
 Le zoom est d&eacute;fini de sorte que la photo remplisse l'aper&ccedil;u et l'Outil photo est s&eacute;lectionn&eacute;
automatiquement comme outil en cours.
 Si vous tirez d'autres fichiers photo en haut d'une photo existante, cela a pour effet d'ajouter une
nouvelle photo au document au lieu de simplement remplacer la photo dans son cadre. Un zoom
arri&egrave;re se produira, de fa&ccedil;on &agrave; ce que vous puissiez voir toute l'image.
 Les images ne sont pas redimensionn&eacute;es pour faire 500 pixels (comme normalement pour des
documents web), mais sont import&eacute;es &agrave; la m&ecirc;me taille de sorte qu'avec un zoom de 100%, vous
puissiez voir l'image en taille enti&egrave;re.
 Les options de lissage des pixels sont modifi&eacute;es. Le mode d'affichage &laquo; Tr&egrave;s haute qualit&eacute; &raquo; est
s&eacute;lectionn&eacute; par d&eacute;faut, ce qui est le mieux pour des images r&eacute;duites ou sur lesquelles un zoom
arri&egrave;re a &eacute;t&eacute; effectu&eacute;. Le lissage des pixels est d&eacute;sactiv&eacute; lorsqu'un zoom avant est fait de sorte
que vous pouvez voir que les pixels sont de tr&egrave;s grands &eacute;l&eacute;ments de zoom.
A tous les autres niveaux, les documents photo se comportent de la m&ecirc;me fa&ccedil;on que des documents
normaux de Xtreme Web Designer 5. Vous pouvez utiliser tous les outils de dessin et de texte comme
d'habitude. Si vous voulez cr&eacute;er un document photo d'une taille pr&eacute;cise, vous pouvez changer la &laquo; toile &raquo;
ou la taille de la page en s&eacute;lectionnant Services -&gt; Options et l'onglet Page
, puis entrer les dimensions de votre choix.
Dans documents photo, trois options peuvent &agrave; pr&eacute;sent &ecirc;tre s&eacute;lectionn&eacute;es. Les boutons Pr&eacute;c&eacute;dent et
Suivant
vous permettent de vous d&eacute;placer vers les pages pr&eacute;c&eacute;dentes ou suivantes du dossier &agrave; partir duquel
l'image a &eacute;t&eacute; ouverte. L'image en cours sera ferm&eacute;e et on vous demandera donc de sauvegarder le
fichier.
Le zoom 1:1
permet d'ajuster le zoom de fa&ccedil;on &agrave; ce que l'image s&eacute;lectionn&eacute;e soit affich&eacute;e &agrave; sa taille enti&egrave;re,
c'est-&agrave;-dire que chaque pixel de l'image correspond &agrave; chaque pixel de l'&eacute;cran.
Page 580
L'outil photo
Dans ce chapitre
Introduction
Utilisation de l'Outil Photo
Optimisation
Recouper ou clipper des images
Comparer et r&eacute;tablir l'original
Notes &agrave; propos de l'Outil photo
Correction des yeux rouges
Assemblage de panoramas
Commandes de rotation &agrave; 90&deg;
Page 581
Introduction
L'Outil photo est un moyen direct et tr&egrave;s rapide de recouper, d'ajuster les niveaux de luminosit&eacute; et la
nettet&eacute; des photos, m&ecirc;me pour des images en ultra haute r&eacute;solution. Cet outil dispose des fonctions
suivantes :
 Optimisation automatique en un clic de vos photos ; particuli&egrave;rement pratique pour les photos
sous-expos&eacute;es ou ternes.
 R&eacute;glage manuel de la luminosit&eacute;, du contraste, de la saturation des couleurs, de la temp&eacute;rature
des couleurs de la photo ainsi que du flou ou de la nettet&eacute;.
 Recoupe des images. Il s'agit d'une recoupe &laquo; en direct &raquo;, vous pouvez donc annuler des &eacute;tapes
et r&eacute;gler votre d&eacute;coupe &agrave; tout moment.
 Comparaison en un clic, pour observer rapidement les changements effectu&eacute;s.
 Copier/coller facile des &eacute;ditions d'optimisation entre diff&eacute;rentes photos.
Toutes ces op&eacute;rations sont interactives et sont mises &agrave; jour en direct. Quand vous r&eacute;gler les valeurs,
l'image est mise &agrave; jour imm&eacute;diatement. Les op&eacute;rations sont &eacute;galement non destructrices, c'est-&agrave;_dire que
votre original n'est pas modifi&eacute; et que vous pouvez toujours faire de nouveaux r&eacute;glages ou les annuler.
De plus, vous trouverez un raccourci pour la fonction anti yeux rouges, et une option automatique de
montage panoramique.
Avantages de l'Outil Photo
Cet outil a trois avantages principaux :
1. Il fonctionne de fa&ccedil;on non destructrice
2. Il est tr&egrave;s rapide, m&ecirc;me pour les &eacute;normes images
3. Les &eacute;tapes d'&eacute;dition ne requi&egrave;rent aucune m&eacute;moire.
Les avantages expliqu&eacute;s en d&eacute;tail
Le terme Non destructif
signifie que toutes les op&eacute;rations d'&eacute;dition n'affectent pas l'image originale. Vous pouvez ajuster ou
supprimer les &eacute;ditions et l'image d'origine demeure intacte. Le programme diff&egrave;re en cela de la plupart
des &eacute;diteurs photo dans lesquels les modifications sont permanentes. Dans Web Designer vous avez la
possibilit&eacute; d'ajuster les param&egrave;tres autant de fois que vous le souhaitez tout en sachant que vous ne
modifiez pas les donn&eacute;es de l'original.
M&ecirc;me la fonction de d&eacute;tourage, appel&eacute;e ici extraction, est non destructive. Vous pouvez r&eacute;tablir les
zones d&eacute;coup&eacute;es et ajuster ou &eacute;largir la s&eacute;lection &agrave; tout moment, m&ecirc;me apr&egrave;s avoir enregistr&eacute; le fichier.
La vitesse
est un point &eacute;vident, mais une d&eacute;monstration int&eacute;ressante consiste &agrave; faire tourner une photo &agrave; tr&egrave;s haute
r&eacute;solution. Dans les autres outils, il est normalement n&eacute;cessaire d'entrer une valeur de degr&eacute;s et attendre
que le processus soit ex&eacute;cut&eacute;. Xtreme Web Designer 5 fonctionne diff&eacute;remment : vous pouvez faire
tourner une photo haute r&eacute;solution en tirant dessus et en temps r&eacute;el (ou entrer n'importe quelle valeur de
rotation). Le programme utilise alors un &eacute;chantillon d'image bi-cubique de grande qualit&eacute; pour assurer
des r&eacute;sultats dans la meilleure qualit&eacute; possible.
Le terme aucune m&eacute;moire
r&eacute;f&egrave;re au fait que la plupart des &eacute;diteurs photo doivent garder une copie du bitmap dans la m&eacute;moire afin
de pouvoir annuler les modifications et r&eacute;alisent habituellement une copie pour chaque modification ou
ajustement entrepris. Pour les photos de grande taille et &agrave; haute r&eacute;solution, cela sous-entend qu'un grand
espace m&eacute;moire est requis pour l'&eacute;dition des photos (une photo de 8 Mo requiert par exemple un espace
m&eacute;moire de 32 Mo, si vous r&eacute;alisez 10 manipulations, cela devient 320 Mo d'espace m&eacute;moire). Xtreme
Web Designer 5 requiert z&eacute;ro espace m&eacute;moire. Cela signifie que vous pouvez r&eacute;aliser autant d'&eacute;dition
que vous le souhaitez, de m&ecirc;me que le nombre de copies, sans que ces manipulations requi&egrave;rent un
Page 582
espace m&eacute;moire suppl&eacute;mentaire.
Enfin, les images JPEG sont ins&eacute;r&eacute;es dans le fichier natif .xar et non &eacute;tendues en images brutes comme
c'est le cas dans d'autres outils graphiques. Cela signifie que la taille du fichier natif est 10 fois plus petite.
Combinez cela aux copies m&eacute;moire z&eacute;ro, les fonctionnalit&eacute;s d'optimisation en temps r&eacute;el d&eacute;crites plus
haut et il est possible d'obtenir des fichiers dont la taille est jusqu'&agrave; 30 fois inf&eacute;rieure &agrave; celle de fichiers
trait&eacute;s dans d'autres programmes graphiques. Cela signifie &eacute;galement que leur manipulation est beaucoup
plus rapide.
Page 583
Avantages de l'Outil Photo
Cet outil a trois avantages principaux :
1. Il fonctionne de fa&ccedil;on non destructrice
2. Il est tr&egrave;s rapide, m&ecirc;me pour les &eacute;normes images
3. Les &eacute;tapes d'&eacute;dition ne requi&egrave;rent aucune m&eacute;moire.
Les avantages expliqu&eacute;s en d&eacute;tail
Le terme Non destructif
signifie que toutes les op&eacute;rations d'&eacute;dition n'affectent pas l'image originale. Vous pouvez ajuster ou
supprimer les &eacute;ditions et l'image d'origine demeure intacte. Le programme diff&egrave;re en cela de la plupart
des &eacute;diteurs photo dans lesquels les modifications sont permanentes. Dans Web Designer vous avez la
possibilit&eacute; d'ajuster les param&egrave;tres autant de fois que vous le souhaitez tout en sachant que vous ne
modifiez pas les donn&eacute;es de l'original.
M&ecirc;me la fonction de d&eacute;tourage, appel&eacute;e ici extraction, est non destructive. Vous pouvez r&eacute;tablir les
zones d&eacute;coup&eacute;es et ajuster ou &eacute;largir la s&eacute;lection &agrave; tout moment, m&ecirc;me apr&egrave;s avoir enregistr&eacute; le fichier.
La vitesse
est un point &eacute;vident, mais une d&eacute;monstration int&eacute;ressante consiste &agrave; faire tourner une photo &agrave; tr&egrave;s haute
r&eacute;solution. Dans les autres outils, il est normalement n&eacute;cessaire d'entrer une valeur de degr&eacute;s et attendre
que le processus soit ex&eacute;cut&eacute;. Xtreme Web Designer 5 fonctionne diff&eacute;remment : vous pouvez faire
tourner une photo haute r&eacute;solution en tirant dessus et en temps r&eacute;el (ou entrer n'importe quelle valeur de
rotation). Le programme utilise alors un &eacute;chantillon d'image bi-cubique de grande qualit&eacute; pour assurer
des r&eacute;sultats dans la meilleure qualit&eacute; possible.
Le terme aucune m&eacute;moire
r&eacute;f&egrave;re au fait que la plupart des &eacute;diteurs photo doivent garder une copie du bitmap dans la m&eacute;moire afin
de pouvoir annuler les modifications et r&eacute;alisent habituellement une copie pour chaque modification ou
ajustement entrepris. Pour les photos de grande taille et &agrave; haute r&eacute;solution, cela sous-entend qu'un grand
espace m&eacute;moire est requis pour l'&eacute;dition des photos (une photo de 8 Mo requiert par exemple un espace
m&eacute;moire de 32 Mo, si vous r&eacute;alisez 10 manipulations, cela devient 320 Mo d'espace m&eacute;moire). Xtreme
Web Designer 5 requiert z&eacute;ro espace m&eacute;moire. Cela signifie que vous pouvez r&eacute;aliser autant d'&eacute;dition
que vous le souhaitez, de m&ecirc;me que le nombre de copies, sans que ces manipulations requi&egrave;rent un
espace m&eacute;moire suppl&eacute;mentaire.
Enfin, les images JPEG sont ins&eacute;r&eacute;es dans le fichier natif .xar et non &eacute;tendues en images brutes comme
c'est le cas dans d'autres outils graphiques. Cela signifie que la taille du fichier natif est 10 fois plus petite.
Combinez cela aux copies m&eacute;moire z&eacute;ro, les fonctionnalit&eacute;s d'optimisation en temps r&eacute;el d&eacute;crites plus
haut et il est possible d'obtenir des fichiers dont la taille est jusqu'&agrave; 30 fois inf&eacute;rieure &agrave; celle de fichiers
trait&eacute;s dans d'autres programmes graphiques. Cela signifie &eacute;galement que leur manipulation est beaucoup
plus rapide.
Page 584
Les avantages expliqu&eacute;s en d&eacute;tail
Le terme Non destructif
signifie que toutes les op&eacute;rations d'&eacute;dition n'affectent pas l'image originale. Vous pouvez ajuster ou
supprimer les &eacute;ditions et l'image d'origine demeure intacte. Le programme diff&egrave;re en cela de la plupart
des &eacute;diteurs photo dans lesquels les modifications sont permanentes. Dans Web Designer vous avez la
possibilit&eacute; d'ajuster les param&egrave;tres autant de fois que vous le souhaitez tout en sachant que vous ne
modifiez pas les donn&eacute;es de l'original.
M&ecirc;me la fonction de d&eacute;tourage, appel&eacute;e ici extraction, est non destructive. Vous pouvez r&eacute;tablir les
zones d&eacute;coup&eacute;es et ajuster ou &eacute;largir la s&eacute;lection &agrave; tout moment, m&ecirc;me apr&egrave;s avoir enregistr&eacute; le fichier.
La vitesse
est un point &eacute;vident, mais une d&eacute;monstration int&eacute;ressante consiste &agrave; faire tourner une photo &agrave; tr&egrave;s haute
r&eacute;solution. Dans les autres outils, il est normalement n&eacute;cessaire d'entrer une valeur de degr&eacute;s et attendre
que le processus soit ex&eacute;cut&eacute;. Xtreme Web Designer 5 fonctionne diff&eacute;remment : vous pouvez faire
tourner une photo haute r&eacute;solution en tirant dessus et en temps r&eacute;el (ou entrer n'importe quelle valeur de
rotation). Le programme utilise alors un &eacute;chantillon d'image bi-cubique de grande qualit&eacute; pour assurer
des r&eacute;sultats dans la meilleure qualit&eacute; possible.
Le terme aucune m&eacute;moire
r&eacute;f&egrave;re au fait que la plupart des &eacute;diteurs photo doivent garder une copie du bitmap dans la m&eacute;moire afin
de pouvoir annuler les modifications et r&eacute;alisent habituellement une copie pour chaque modification ou
ajustement entrepris. Pour les photos de grande taille et &agrave; haute r&eacute;solution, cela sous-entend qu'un grand
espace m&eacute;moire est requis pour l'&eacute;dition des photos (une photo de 8 Mo requiert par exemple un espace
m&eacute;moire de 32 Mo, si vous r&eacute;alisez 10 manipulations, cela devient 320 Mo d'espace m&eacute;moire). Xtreme
Web Designer 5 requiert z&eacute;ro espace m&eacute;moire. Cela signifie que vous pouvez r&eacute;aliser autant d'&eacute;dition
que vous le souhaitez, de m&ecirc;me que le nombre de copies, sans que ces manipulations requi&egrave;rent un
espace m&eacute;moire suppl&eacute;mentaire.
Enfin, les images JPEG sont ins&eacute;r&eacute;es dans le fichier natif .xar et non &eacute;tendues en images brutes comme
c'est le cas dans d'autres outils graphiques. Cela signifie que la taille du fichier natif est 10 fois plus petite.
Combinez cela aux copies m&eacute;moire z&eacute;ro, les fonctionnalit&eacute;s d'optimisation en temps r&eacute;el d&eacute;crites plus
haut et il est possible d'obtenir des fichiers dont la taille est jusqu'&agrave; 30 fois inf&eacute;rieure &agrave; celle de fichiers
trait&eacute;s dans d'autres programmes graphiques. Cela signifie &eacute;galement que leur manipulation est beaucoup
plus rapide.
Page 585
Utilisation de l'Outil Photo
S&eacute;lectionnez l'Outil photo dans la barre d'outils principale pour entrer
dans l'Outil photo. Si vous vous trouvez dans l'Outil de s&eacute;lection
, faites un double clic sur une photo pour basculer vers l'Outil photo.
La barre d'information de l'outil photo s'affiche.
L'outil photo dispose de deux modes :
Le Mode optimisation
, dans lequel un ensemble de commandes vous permet de r&eacute;gler la
luminosit&eacute;, le contraste, la saturation, la temp&eacute;rature de la couleur ainsi
que le flou ou la nettet&eacute; (montr&eacute; ci-dessus).
Un deuxi&egrave;me mode, que vous s&eacute;lectionnez gr&acirc;ce au deuxi&egrave;me icone sur
le c&ocirc;t&eacute; gauche de la barre d'info, active l'Outil de recoupe interactif.
En mode recoupe, la barre d'info change d'apparence :
Sept icones restent communs aux deux modes et vous donnent acc&egrave;s aux fonctions anti yeux rouges,
montage de panorama, rotation de 90&deg;, image suivante/pr&eacute;c&eacute;dente et zoom. Ces fonctions sont d&eacute;crite
ci-dessus.
Page 586
Optimisation
Ajustement manuel de la luminosit&eacute;, du contraste, de la saturation des couleurs et de la nettet&eacute; des
photos.
Lorsque vous s&eacute;lectionnez l'outil Photo pour la premi&egrave;re fois, il se trouve en mode optimisation, ce qui
signifie que les commandes permettent d'ajuster la luminosit&eacute;, le contraste, la saturation et le flou/la
nettet&eacute;. Vous pouvez au choix entrer des valeurs directement dans les champs de texte ou utiliser une
petite r&eacute;glette du menu contextuel pour ajuster les valeurs.
R&eacute;glette du menu contextuel
Vous pouvez utiliser les r&eacute;glettes de deux mani&egrave;res diff&eacute;rentes :
1. Cliquez et rel&acirc;chez la fl&egrave;che du menu. La r&eacute;glette de contr&ocirc;le reste alors sur l'&eacute;cran et vous
pouvez ajuster les valeurs aussi souvent que vous le souhaitez en d&eacute;pla&ccedil;ant la r&eacute;glette. Vous
pouvez &eacute;galement, lorsque la souris est plac&eacute;e sur la commande, utiliser la molette de la souris
pour r&eacute;aliser de petits ajustements vers le haut ou le bas. La r&eacute;glette dispara&icirc;tra de l'&eacute;cran lorsque
vous cliquez sur n'importe quel autre endroit du document.
2. Vous pouvez &eacute;galement maintenir le bouton de souris appuy&eacute; et d&eacute;placer la r&eacute;glette pour ajuster
la valeur. Lorsque vous rel&acirc;chez la souris, le menu contextuel dispara&icirc;t. Ce proc&eacute;d&eacute; est
l&eacute;g&egrave;rement plus rapide puisqu'il ne requiert qu'un clic et rel&acirc;cher pour modifier les valeurs.
Optimisation automatique
La fonction Optimiser analyse la luminosit&eacute; et le contraste de l'image et les ajuste automatiquement pour
obtenir la meilleure image possible. Cette fonction est particuli&egrave;rement efficace sur les photos
sous-expos&eacute;es (fonc&eacute;es). Apr&egrave;s avoir appliqu&eacute; l'optimisation automatique &agrave; une photo, vous pouvez
ajuster les valeurs s&eacute;lectionn&eacute;es, en utilisant les commandes sur la droite du bouton d'optimisation. En
cliquant sur Comparer
, vous pourrez r&eacute;tablir l'original, en cliquant &agrave; nouveau, la version optimis&eacute;e est &agrave; nouveau affich&eacute;e.
Luminosit&eacute;/Contraste/Temp&eacute;rature de la couleur/Saturation
Luminosit
Contrast
Saturation
Temp&eacute;rature de la
&eacute;
e
couleur
L'image change lorsque vous modifiez ces valeurs. La saturation modifie l'intensit&eacute; de la couleur. A -100,
le minimum, votre image devient noire et blanche. Le contr&ocirc;le de temp&eacute;rature de la couleur rend une
image &laquo; chaude &raquo; ou &laquo; froide &raquo;.
Flou / Nettet&eacute;
Cette commande permet de flouer l'image lorsqu'elle se trouve en-dessous
de z&eacute;ro et de rendre l'image plus nette lorsqu'elle est sup&eacute;rieure &agrave; z&eacute;ro.
Nous recommandons d'utiliser uniquement des valeurs faibles pour la
nettet&eacute; et uniquement sur des photos dont la taille a &eacute;t&eacute; r&eacute;duite de mani&egrave;re
importante.
Page 587
R&eacute;glette du menu contextuel
Vous pouvez utiliser les r&eacute;glettes de deux mani&egrave;res diff&eacute;rentes :
1. Cliquez et rel&acirc;chez la fl&egrave;che du menu. La r&eacute;glette de contr&ocirc;le reste alors sur l'&eacute;cran et vous
pouvez ajuster les valeurs aussi souvent que vous le souhaitez en d&eacute;pla&ccedil;ant la r&eacute;glette. Vous
pouvez &eacute;galement, lorsque la souris est plac&eacute;e sur la commande, utiliser la molette de la souris
pour r&eacute;aliser de petits ajustements vers le haut ou le bas. La r&eacute;glette dispara&icirc;tra de l'&eacute;cran lorsque
vous cliquez sur n'importe quel autre endroit du document.
2. Vous pouvez &eacute;galement maintenir le bouton de souris appuy&eacute; et d&eacute;placer la r&eacute;glette pour ajuster
la valeur. Lorsque vous rel&acirc;chez la souris, le menu contextuel dispara&icirc;t. Ce proc&eacute;d&eacute; est
l&eacute;g&egrave;rement plus rapide puisqu'il ne requiert qu'un clic et rel&acirc;cher pour modifier les valeurs.
Optimisation automatique
La fonction Optimiser analyse la luminosit&eacute; et le contraste de l'image et les ajuste automatiquement pour
obtenir la meilleure image possible. Cette fonction est particuli&egrave;rement efficace sur les photos
sous-expos&eacute;es (fonc&eacute;es). Apr&egrave;s avoir appliqu&eacute; l'optimisation automatique &agrave; une photo, vous pouvez
ajuster les valeurs s&eacute;lectionn&eacute;es, en utilisant les commandes sur la droite du bouton d'optimisation. En
cliquant sur Comparer
, vous pourrez r&eacute;tablir l'original, en cliquant &agrave; nouveau, la version optimis&eacute;e est &agrave; nouveau affich&eacute;e.
Luminosit&eacute;/Contraste/Temp&eacute;rature de la couleur/Saturation
Luminosit
Contrast
Saturation
Temp&eacute;rature de la
&eacute;
e
couleur
L'image change lorsque vous modifiez ces valeurs. La saturation modifie l'intensit&eacute; de la couleur. A -100,
le minimum, votre image devient noire et blanche. Le contr&ocirc;le de temp&eacute;rature de la couleur rend une
image &laquo; chaude &raquo; ou &laquo; froide &raquo;.
Flou / Nettet&eacute;
Cette commande permet de flouer l'image lorsqu'elle se trouve en-dessous
de z&eacute;ro et de rendre l'image plus nette lorsqu'elle est sup&eacute;rieure &agrave; z&eacute;ro.
Nous recommandons d'utiliser uniquement des valeurs faibles pour la
nettet&eacute; et uniquement sur des photos dont la taille a &eacute;t&eacute; r&eacute;duite de mani&egrave;re
importante.
Page 588
Optimisation automatique
La fonction Optimiser analyse la luminosit&eacute; et le contraste de l'image et les ajuste automatiquement pour
obtenir la meilleure image possible. Cette fonction est particuli&egrave;rement efficace sur les photos
sous-expos&eacute;es (fonc&eacute;es). Apr&egrave;s avoir appliqu&eacute; l'optimisation automatique &agrave; une photo, vous pouvez
ajuster les valeurs s&eacute;lectionn&eacute;es, en utilisant les commandes sur la droite du bouton d'optimisation. En
cliquant sur Comparer
, vous pourrez r&eacute;tablir l'original, en cliquant &agrave; nouveau, la version optimis&eacute;e est &agrave; nouveau affich&eacute;e.
Luminosit&eacute;/Contraste/Temp&eacute;rature de la couleur/Saturation
Luminosit
Contrast
Saturation
Temp&eacute;rature de la
&eacute;
e
couleur
L'image change lorsque vous modifiez ces valeurs. La saturation modifie l'intensit&eacute; de la couleur. A -100,
le minimum, votre image devient noire et blanche. Le contr&ocirc;le de temp&eacute;rature de la couleur rend une
image &laquo; chaude &raquo; ou &laquo; froide &raquo;.
Flou / Nettet&eacute;
Cette commande permet de flouer l'image lorsqu'elle se trouve en-dessous
de z&eacute;ro et de rendre l'image plus nette lorsqu'elle est sup&eacute;rieure &agrave; z&eacute;ro.
Nous recommandons d'utiliser uniquement des valeurs faibles pour la
nettet&eacute; et uniquement sur des photos dont la taille a &eacute;t&eacute; r&eacute;duite de mani&egrave;re
importante.
Page 589
Luminosit&eacute;/Contraste/Temp&eacute;rature de la couleur/Saturation
Luminosit
Contrast
Saturation
Temp&eacute;rature de la
&eacute;
e
couleur
L'image change lorsque vous modifiez ces valeurs. La saturation modifie l'intensit&eacute; de la couleur. A -100,
le minimum, votre image devient noire et blanche. Le contr&ocirc;le de temp&eacute;rature de la couleur rend une
image &laquo; chaude &raquo; ou &laquo; froide &raquo;.
Flou / Nettet&eacute;
Cette commande permet de flouer l'image lorsqu'elle se trouve en-dessous
de z&eacute;ro et de rendre l'image plus nette lorsqu'elle est sup&eacute;rieure &agrave; z&eacute;ro.
Nous recommandons d'utiliser uniquement des valeurs faibles pour la
nettet&eacute; et uniquement sur des photos dont la taille a &eacute;t&eacute; r&eacute;duite de mani&egrave;re
importante.
Page 590
Flou / Nettet&eacute;
Cette commande permet de flouer l'image lorsqu'elle se trouve en-dessous
de z&eacute;ro et de rendre l'image plus nette lorsqu'elle est sup&eacute;rieure &agrave; z&eacute;ro.
Nous recommandons d'utiliser uniquement des valeurs faibles pour la
nettet&eacute; et uniquement sur des photos dont la taille a &eacute;t&eacute; r&eacute;duite de mani&egrave;re
importante.
Page 591
Recouper ou clipper des images
Le moyen le plus simple de clipper une photo est de commencer &agrave; tirer sur ou en travers de la photo
apr&egrave;s avoir s&eacute;lectionn&eacute; l'Outil photo. Le clipping se fait imm&eacute;diatement, une fois que vous avez rel&acirc;ch&eacute; le
bouton de la souris. La photo clipp&eacute;e qui en r&eacute;sulte poss&egrave;de maintenant des poign&eacute;es qui vous serviront
&agrave; r&eacute;gler les bordures du clip.
Ceci est une op&eacute;ration non destructrice ; vous pouvez donc ajuster la zone du clip une fois que vous avez
recoup&eacute; l'image et m&ecirc;me annuler l'op&eacute;ration pour r&eacute;cup&eacute;rer l'image en entier. En fait, on peut dire que
seuls les contours sont modifi&eacute;s, et que l'image reste clipp&eacute;e &agrave; l'int&eacute;rieur du contour rectangulaire. C'est
pourquoi on l'appelle un clip, et non une d&eacute;coupe, bien que le bt soit le m&ecirc;me que celui d'un outil de
d&eacute;coupe traditionnel.
Vous pouvez sinon entrer en mode Clip
via l'icone de la barre d'info de l'Outil photo. Vous trouverez ici tout un choix d'autres options de
recoupe. Vous pouvez saisir des valeurs exactes en pixels et faire votre choix parmi diff&eacute;rentes
proportions de recoupe.
Pour d&eacute;couvrir le clipping interactif ainsi que d'autres options
suppl&eacute;mentaires relatives aux proportions, basculez en mode Clip avec
le bouton Outil clip
.
La barre d'info est modifi&eacute;e de la fa&ccedil;on suivante :
Lorsque vous faites glisser la photo, le rectangle du clip est mis en surbrillance.
 Vous pouvez r&eacute;gler la zone en tirant sur les coins ou les poign&eacute;es de c&ocirc;t&eacute;
 Vous pouvez d&eacute;placer la zone simplement en faisant glisser l'int&eacute;rieur de la zone du clip
 Choisissez le bouton clip ou faites simplement un double clic &agrave; l'int&eacute;rieur de la zone du clip pour
effectuer l'op&eacute;ration de clip.
Vous pouvez voir si une photo a ou non &eacute;t&eacute; clipp&eacute;e en regardant la barre de statut qui indiquera par
exemple &laquo; photo clipp&eacute;e &raquo;.
Effacer
Page 592
Cliquez sur Effacer
ou en dehors de la r&eacute;gion d'extraction s&eacute;lectionn&eacute; pour effacer le rectangle d'extrait actuel.
R&egrave;gle des trois tiers
Il existe une r&egrave;gle de composition des photographies appel&eacute;e la r&egrave;gle des trois tiers. Cela consiste &agrave;
placer des objets cl&eacute;s dans vos photos aux tiers de vos photos. Par exemple, il est souvent plus indiqu&eacute;
de placer l'horizon &agrave; un tiers de la photo plut&ocirc;t qu'au centre. Lorsque vous d&eacute;placez un extrait d'image
sur l'une de vos photos, des lignes plac&eacute;es aux tiers de l'image s'affichent pour vous aider &agrave; positionner
les objets suivant ces r&egrave;gles de composition.
Astuce : pour en savoir plus, cherchez
dans Google &laquo; R&egrave;gle des trois tiers &raquo;
Annuler extrait
Cliquez sur Annuler
extrait pour r&eacute;tablir la photo originale. Le rectangle d'extraction est alors r&eacute;tabli et vous pouvez l'ajuster
ou le supprimer en cliquant en-dehors.
Ajuster la r&eacute;gion extrait
Comme le bouton Annuler
extrait permet de r&eacute;tablir le rectangle d'extraction (la zone autour est gris&eacute;e), il est tr&egrave;s simple de
proc&eacute;der &agrave; des ajustements d&eacute;taill&eacute;s. Il suffit de s&eacute;lectionner la photo, de cliquer sur Annuler extrait et
d'ajuster les c&ocirc;t&eacute;s du rectangle. Effectuez un double clic dans la photo pour r&eacute;aliser l'extrait &agrave; nouveau.
Largeur / hauteur
Apr&egrave;s avoir dessin&eacute; un rectangle d'extraction, vous pouvez entrer les valeurs directement dans les
champs de largeur et hauteur dans la barre d'infos pour d&eacute;finir les dimensions exactes du rectangle.
Verrouiller ratio
Cochez la case V&eacute;rouiller ratio pour maintenir le rectangle de d&eacute;tourage &agrave; un ratio sp&eacute;cifique lorsque
vous tirez en d&eacute;pla&ccedil;ant dans le document. Les boutons de ratio sur la droite de la case &agrave; cocher
d&eacute;terminent le ratio utilis&eacute;. S&eacute;lectionnez Actuel
pour conserver le ratio d'aspect de la photo avant d&eacute;tourage. Veuillez noter que le rectangle passe
automatiquement du format paysage au format portrait lorsque vous tirez sur l'un des angles. Ainsi, si
vous tirez vers un c&ocirc;t&eacute;, il aura tendance &agrave; prendre la forme du format paysage. Si vous tirez plut&ocirc;t vers le
bas, le rectangle prendra la forme portrait.
Les ratios d'aspect de d&eacute;tourage ou extraction communs disponibles sont 4:3 (la plupart des appareils
photo num&eacute;riques et les t&eacute;l&eacute;viseurs et &eacute;crans anciens), 3:2 (les cam&eacute;scopes traditionnels et les appareils
photo num&eacute;riques SLR haute qualit&eacute;) et enfin 16:9 (le ratio d'aspect des t&eacute;l&eacute;viseurs &eacute;cran large).
Vous pouvez red&eacute;finir l'option d'aspect de ratio en utilisant la touche Ctrl lorsque vous tirez. Ainsi, si vous
tirez sur le rectangle (ou que vous l'ajustez) sans avoir verrouill&eacute; le ratio, vous pouvez quand m&ecirc;me
v&eacute;rouiller le ratio comme le dernier ratio s&eacute;lectionn&eacute; en maintenant la touche Ctrl enfonc&eacute;e. De la m&ecirc;me
mani&egrave;re, si l'option V&eacute;rouiller ratio est activ&eacute;e, vous pouvez temporairement d&eacute;bloquer le ratio en
maintenant la touche Ctrl appuy&eacute;e.
Rognage dans les documents photo
En mode photo, il existe une grille un pixel appliqu&eacute;e &agrave; la photo (lorsqu'il se trouve &agrave; 96 dpi, la r&eacute;solution
standard) et que le rectangle de d&eacute;tourage est accroch&eacute; &agrave; la grille. Cela simplifie &eacute;norm&eacute;ment une
extraction tr&egrave;s pr&eacute;cise. Pour r&eacute;aliser des ajustements tr&egrave;s pr&eacute;cis au pixel pr&egrave;s, il est recommand&eacute;
Page 593
d'op&eacute;rer en mode photo et de zoomer afin de voir les pixels clairement.
Pour obtenir de plus amples informations, consultez le paragraphe Documents photo.
Page 594
Effacer
Cliquez sur Effacer
ou en dehors de la r&eacute;gion d'extraction s&eacute;lectionn&eacute; pour effacer le rectangle d'extrait actuel.
R&egrave;gle des trois tiers
Il existe une r&egrave;gle de composition des photographies appel&eacute;e la r&egrave;gle des trois tiers. Cela consiste &agrave;
placer des objets cl&eacute;s dans vos photos aux tiers de vos photos. Par exemple, il est souvent plus indiqu&eacute;
de placer l'horizon &agrave; un tiers de la photo plut&ocirc;t qu'au centre. Lorsque vous d&eacute;placez un extrait d'image
sur l'une de vos photos, des lignes plac&eacute;es aux tiers de l'image s'affichent pour vous aider &agrave; positionner
les objets suivant ces r&egrave;gles de composition.
Astuce : pour en savoir plus, cherchez
dans Google &laquo; R&egrave;gle des trois tiers &raquo;
Annuler extrait
Cliquez sur Annuler
extrait pour r&eacute;tablir la photo originale. Le rectangle d'extraction est alors r&eacute;tabli et vous pouvez l'ajuster
ou le supprimer en cliquant en-dehors.
Ajuster la r&eacute;gion extrait
Comme le bouton Annuler
extrait permet de r&eacute;tablir le rectangle d'extraction (la zone autour est gris&eacute;e), il est tr&egrave;s simple de
proc&eacute;der &agrave; des ajustements d&eacute;taill&eacute;s. Il suffit de s&eacute;lectionner la photo, de cliquer sur Annuler extrait et
d'ajuster les c&ocirc;t&eacute;s du rectangle. Effectuez un double clic dans la photo pour r&eacute;aliser l'extrait &agrave; nouveau.
Largeur / hauteur
Apr&egrave;s avoir dessin&eacute; un rectangle d'extraction, vous pouvez entrer les valeurs directement dans les
champs de largeur et hauteur dans la barre d'infos pour d&eacute;finir les dimensions exactes du rectangle.
Verrouiller ratio
Cochez la case V&eacute;rouiller ratio pour maintenir le rectangle de d&eacute;tourage &agrave; un ratio sp&eacute;cifique lorsque
vous tirez en d&eacute;pla&ccedil;ant dans le document. Les boutons de ratio sur la droite de la case &agrave; cocher
d&eacute;terminent le ratio utilis&eacute;. S&eacute;lectionnez Actuel
pour conserver le ratio d'aspect de la photo avant d&eacute;tourage. Veuillez noter que le rectangle passe
automatiquement du format paysage au format portrait lorsque vous tirez sur l'un des angles. Ainsi, si
vous tirez vers un c&ocirc;t&eacute;, il aura tendance &agrave; prendre la forme du format paysage. Si vous tirez plut&ocirc;t vers le
bas, le rectangle prendra la forme portrait.
Les ratios d'aspect de d&eacute;tourage ou extraction communs disponibles sont 4:3 (la plupart des appareils
photo num&eacute;riques et les t&eacute;l&eacute;viseurs et &eacute;crans anciens), 3:2 (les cam&eacute;scopes traditionnels et les appareils
photo num&eacute;riques SLR haute qualit&eacute;) et enfin 16:9 (le ratio d'aspect des t&eacute;l&eacute;viseurs &eacute;cran large).
Vous pouvez red&eacute;finir l'option d'aspect de ratio en utilisant la touche Ctrl lorsque vous tirez. Ainsi, si vous
tirez sur le rectangle (ou que vous l'ajustez) sans avoir verrouill&eacute; le ratio, vous pouvez quand m&ecirc;me
v&eacute;rouiller le ratio comme le dernier ratio s&eacute;lectionn&eacute; en maintenant la touche Ctrl enfonc&eacute;e. De la m&ecirc;me
mani&egrave;re, si l'option V&eacute;rouiller ratio est activ&eacute;e, vous pouvez temporairement d&eacute;bloquer le ratio en
maintenant la touche Ctrl appuy&eacute;e.
Rognage dans les documents photo
En mode photo, il existe une grille un pixel appliqu&eacute;e &agrave; la photo (lorsqu'il se trouve &agrave; 96 dpi, la r&eacute;solution
Page 595
standard) et que le rectangle de d&eacute;tourage est accroch&eacute; &agrave; la grille. Cela simplifie &eacute;norm&eacute;ment une
extraction tr&egrave;s pr&eacute;cise. Pour r&eacute;aliser des ajustements tr&egrave;s pr&eacute;cis au pixel pr&egrave;s, il est recommand&eacute;
d'op&eacute;rer en mode photo et de zoomer afin de voir les pixels clairement.
Pour obtenir de plus amples informations, consultez le paragraphe Documents photo.
Page 596
R&egrave;gle des trois tiers
Il existe une r&egrave;gle de composition des photographies appel&eacute;e la r&egrave;gle des trois tiers. Cela consiste &agrave;
placer des objets cl&eacute;s dans vos photos aux tiers de vos photos. Par exemple, il est souvent plus indiqu&eacute;
de placer l'horizon &agrave; un tiers de la photo plut&ocirc;t qu'au centre. Lorsque vous d&eacute;placez un extrait d'image
sur l'une de vos photos, des lignes plac&eacute;es aux tiers de l'image s'affichent pour vous aider &agrave; positionner
les objets suivant ces r&egrave;gles de composition.
Astuce : pour en savoir plus, cherchez
dans Google &laquo; R&egrave;gle des trois tiers &raquo;
Annuler extrait
Cliquez sur Annuler
extrait pour r&eacute;tablir la photo originale. Le rectangle d'extraction est alors r&eacute;tabli et vous pouvez l'ajuster
ou le supprimer en cliquant en-dehors.
Ajuster la r&eacute;gion extrait
Comme le bouton Annuler
extrait permet de r&eacute;tablir le rectangle d'extraction (la zone autour est gris&eacute;e), il est tr&egrave;s simple de
proc&eacute;der &agrave; des ajustements d&eacute;taill&eacute;s. Il suffit de s&eacute;lectionner la photo, de cliquer sur Annuler extrait et
d'ajuster les c&ocirc;t&eacute;s du rectangle. Effectuez un double clic dans la photo pour r&eacute;aliser l'extrait &agrave; nouveau.
Largeur / hauteur
Apr&egrave;s avoir dessin&eacute; un rectangle d'extraction, vous pouvez entrer les valeurs directement dans les
champs de largeur et hauteur dans la barre d'infos pour d&eacute;finir les dimensions exactes du rectangle.
Verrouiller ratio
Cochez la case V&eacute;rouiller ratio pour maintenir le rectangle de d&eacute;tourage &agrave; un ratio sp&eacute;cifique lorsque
vous tirez en d&eacute;pla&ccedil;ant dans le document. Les boutons de ratio sur la droite de la case &agrave; cocher
d&eacute;terminent le ratio utilis&eacute;. S&eacute;lectionnez Actuel
pour conserver le ratio d'aspect de la photo avant d&eacute;tourage. Veuillez noter que le rectangle passe
automatiquement du format paysage au format portrait lorsque vous tirez sur l'un des angles. Ainsi, si
vous tirez vers un c&ocirc;t&eacute;, il aura tendance &agrave; prendre la forme du format paysage. Si vous tirez plut&ocirc;t vers le
bas, le rectangle prendra la forme portrait.
Les ratios d'aspect de d&eacute;tourage ou extraction communs disponibles sont 4:3 (la plupart des appareils
photo num&eacute;riques et les t&eacute;l&eacute;viseurs et &eacute;crans anciens), 3:2 (les cam&eacute;scopes traditionnels et les appareils
photo num&eacute;riques SLR haute qualit&eacute;) et enfin 16:9 (le ratio d'aspect des t&eacute;l&eacute;viseurs &eacute;cran large).
Vous pouvez red&eacute;finir l'option d'aspect de ratio en utilisant la touche Ctrl lorsque vous tirez. Ainsi, si vous
tirez sur le rectangle (ou que vous l'ajustez) sans avoir verrouill&eacute; le ratio, vous pouvez quand m&ecirc;me
v&eacute;rouiller le ratio comme le dernier ratio s&eacute;lectionn&eacute; en maintenant la touche Ctrl enfonc&eacute;e. De la m&ecirc;me
mani&egrave;re, si l'option V&eacute;rouiller ratio est activ&eacute;e, vous pouvez temporairement d&eacute;bloquer le ratio en
maintenant la touche Ctrl appuy&eacute;e.
Rognage dans les documents photo
En mode photo, il existe une grille un pixel appliqu&eacute;e &agrave; la photo (lorsqu'il se trouve &agrave; 96 dpi, la r&eacute;solution
standard) et que le rectangle de d&eacute;tourage est accroch&eacute; &agrave; la grille. Cela simplifie &eacute;norm&eacute;ment une
extraction tr&egrave;s pr&eacute;cise. Pour r&eacute;aliser des ajustements tr&egrave;s pr&eacute;cis au pixel pr&egrave;s, il est recommand&eacute;
d'op&eacute;rer en mode photo et de zoomer afin de voir les pixels clairement.
Pour obtenir de plus amples informations, consultez le paragraphe Documents photo.
Page 597
Annuler extrait
Cliquez sur Annuler
extrait pour r&eacute;tablir la photo originale. Le rectangle d'extraction est alors r&eacute;tabli et vous pouvez l'ajuster
ou le supprimer en cliquant en-dehors.
Ajuster la r&eacute;gion extrait
Comme le bouton Annuler
extrait permet de r&eacute;tablir le rectangle d'extraction (la zone autour est gris&eacute;e), il est tr&egrave;s simple de
proc&eacute;der &agrave; des ajustements d&eacute;taill&eacute;s. Il suffit de s&eacute;lectionner la photo, de cliquer sur Annuler extrait et
d'ajuster les c&ocirc;t&eacute;s du rectangle. Effectuez un double clic dans la photo pour r&eacute;aliser l'extrait &agrave; nouveau.
Largeur / hauteur
Apr&egrave;s avoir dessin&eacute; un rectangle d'extraction, vous pouvez entrer les valeurs directement dans les
champs de largeur et hauteur dans la barre d'infos pour d&eacute;finir les dimensions exactes du rectangle.
Verrouiller ratio
Cochez la case V&eacute;rouiller ratio pour maintenir le rectangle de d&eacute;tourage &agrave; un ratio sp&eacute;cifique lorsque
vous tirez en d&eacute;pla&ccedil;ant dans le document. Les boutons de ratio sur la droite de la case &agrave; cocher
d&eacute;terminent le ratio utilis&eacute;. S&eacute;lectionnez Actuel
pour conserver le ratio d'aspect de la photo avant d&eacute;tourage. Veuillez noter que le rectangle passe
automatiquement du format paysage au format portrait lorsque vous tirez sur l'un des angles. Ainsi, si
vous tirez vers un c&ocirc;t&eacute;, il aura tendance &agrave; prendre la forme du format paysage. Si vous tirez plut&ocirc;t vers le
bas, le rectangle prendra la forme portrait.
Les ratios d'aspect de d&eacute;tourage ou extraction communs disponibles sont 4:3 (la plupart des appareils
photo num&eacute;riques et les t&eacute;l&eacute;viseurs et &eacute;crans anciens), 3:2 (les cam&eacute;scopes traditionnels et les appareils
photo num&eacute;riques SLR haute qualit&eacute;) et enfin 16:9 (le ratio d'aspect des t&eacute;l&eacute;viseurs &eacute;cran large).
Vous pouvez red&eacute;finir l'option d'aspect de ratio en utilisant la touche Ctrl lorsque vous tirez. Ainsi, si vous
tirez sur le rectangle (ou que vous l'ajustez) sans avoir verrouill&eacute; le ratio, vous pouvez quand m&ecirc;me
v&eacute;rouiller le ratio comme le dernier ratio s&eacute;lectionn&eacute; en maintenant la touche Ctrl enfonc&eacute;e. De la m&ecirc;me
mani&egrave;re, si l'option V&eacute;rouiller ratio est activ&eacute;e, vous pouvez temporairement d&eacute;bloquer le ratio en
maintenant la touche Ctrl appuy&eacute;e.
Rognage dans les documents photo
En mode photo, il existe une grille un pixel appliqu&eacute;e &agrave; la photo (lorsqu'il se trouve &agrave; 96 dpi, la r&eacute;solution
standard) et que le rectangle de d&eacute;tourage est accroch&eacute; &agrave; la grille. Cela simplifie &eacute;norm&eacute;ment une
extraction tr&egrave;s pr&eacute;cise. Pour r&eacute;aliser des ajustements tr&egrave;s pr&eacute;cis au pixel pr&egrave;s, il est recommand&eacute;
d'op&eacute;rer en mode photo et de zoomer afin de voir les pixels clairement.
Pour obtenir de plus amples informations, consultez le paragraphe Documents photo.
Page 598
Ajuster la r&eacute;gion extrait
Comme le bouton Annuler
extrait permet de r&eacute;tablir le rectangle d'extraction (la zone autour est gris&eacute;e), il est tr&egrave;s simple de
proc&eacute;der &agrave; des ajustements d&eacute;taill&eacute;s. Il suffit de s&eacute;lectionner la photo, de cliquer sur Annuler extrait et
d'ajuster les c&ocirc;t&eacute;s du rectangle. Effectuez un double clic dans la photo pour r&eacute;aliser l'extrait &agrave; nouveau.
Largeur / hauteur
Apr&egrave;s avoir dessin&eacute; un rectangle d'extraction, vous pouvez entrer les valeurs directement dans les
champs de largeur et hauteur dans la barre d'infos pour d&eacute;finir les dimensions exactes du rectangle.
Verrouiller ratio
Cochez la case V&eacute;rouiller ratio pour maintenir le rectangle de d&eacute;tourage &agrave; un ratio sp&eacute;cifique lorsque
vous tirez en d&eacute;pla&ccedil;ant dans le document. Les boutons de ratio sur la droite de la case &agrave; cocher
d&eacute;terminent le ratio utilis&eacute;. S&eacute;lectionnez Actuel
pour conserver le ratio d'aspect de la photo avant d&eacute;tourage. Veuillez noter que le rectangle passe
automatiquement du format paysage au format portrait lorsque vous tirez sur l'un des angles. Ainsi, si
vous tirez vers un c&ocirc;t&eacute;, il aura tendance &agrave; prendre la forme du format paysage. Si vous tirez plut&ocirc;t vers le
bas, le rectangle prendra la forme portrait.
Les ratios d'aspect de d&eacute;tourage ou extraction communs disponibles sont 4:3 (la plupart des appareils
photo num&eacute;riques et les t&eacute;l&eacute;viseurs et &eacute;crans anciens), 3:2 (les cam&eacute;scopes traditionnels et les appareils
photo num&eacute;riques SLR haute qualit&eacute;) et enfin 16:9 (le ratio d'aspect des t&eacute;l&eacute;viseurs &eacute;cran large).
Vous pouvez red&eacute;finir l'option d'aspect de ratio en utilisant la touche Ctrl lorsque vous tirez. Ainsi, si vous
tirez sur le rectangle (ou que vous l'ajustez) sans avoir verrouill&eacute; le ratio, vous pouvez quand m&ecirc;me
v&eacute;rouiller le ratio comme le dernier ratio s&eacute;lectionn&eacute; en maintenant la touche Ctrl enfonc&eacute;e. De la m&ecirc;me
mani&egrave;re, si l'option V&eacute;rouiller ratio est activ&eacute;e, vous pouvez temporairement d&eacute;bloquer le ratio en
maintenant la touche Ctrl appuy&eacute;e.
Rognage dans les documents photo
En mode photo, il existe une grille un pixel appliqu&eacute;e &agrave; la photo (lorsqu'il se trouve &agrave; 96 dpi, la r&eacute;solution
standard) et que le rectangle de d&eacute;tourage est accroch&eacute; &agrave; la grille. Cela simplifie &eacute;norm&eacute;ment une
extraction tr&egrave;s pr&eacute;cise. Pour r&eacute;aliser des ajustements tr&egrave;s pr&eacute;cis au pixel pr&egrave;s, il est recommand&eacute;
d'op&eacute;rer en mode photo et de zoomer afin de voir les pixels clairement.
Pour obtenir de plus amples informations, consultez le paragraphe Documents photo.
Page 599
Largeur / hauteur
Apr&egrave;s avoir dessin&eacute; un rectangle d'extraction, vous pouvez entrer les valeurs directement dans les
champs de largeur et hauteur dans la barre d'infos pour d&eacute;finir les dimensions exactes du rectangle.
Verrouiller ratio
Cochez la case V&eacute;rouiller ratio pour maintenir le rectangle de d&eacute;tourage &agrave; un ratio sp&eacute;cifique lorsque
vous tirez en d&eacute;pla&ccedil;ant dans le document. Les boutons de ratio sur la droite de la case &agrave; cocher
d&eacute;terminent le ratio utilis&eacute;. S&eacute;lectionnez Actuel
pour conserver le ratio d'aspect de la photo avant d&eacute;tourage. Veuillez noter que le rectangle passe
automatiquement du format paysage au format portrait lorsque vous tirez sur l'un des angles. Ainsi, si
vous tirez vers un c&ocirc;t&eacute;, il aura tendance &agrave; prendre la forme du format paysage. Si vous tirez plut&ocirc;t vers le
bas, le rectangle prendra la forme portrait.
Les ratios d'aspect de d&eacute;tourage ou extraction communs disponibles sont 4:3 (la plupart des appareils
photo num&eacute;riques et les t&eacute;l&eacute;viseurs et &eacute;crans anciens), 3:2 (les cam&eacute;scopes traditionnels et les appareils
photo num&eacute;riques SLR haute qualit&eacute;) et enfin 16:9 (le ratio d'aspect des t&eacute;l&eacute;viseurs &eacute;cran large).
Vous pouvez red&eacute;finir l'option d'aspect de ratio en utilisant la touche Ctrl lorsque vous tirez. Ainsi, si vous
tirez sur le rectangle (ou que vous l'ajustez) sans avoir verrouill&eacute; le ratio, vous pouvez quand m&ecirc;me
v&eacute;rouiller le ratio comme le dernier ratio s&eacute;lectionn&eacute; en maintenant la touche Ctrl enfonc&eacute;e. De la m&ecirc;me
mani&egrave;re, si l'option V&eacute;rouiller ratio est activ&eacute;e, vous pouvez temporairement d&eacute;bloquer le ratio en
maintenant la touche Ctrl appuy&eacute;e.
Rognage dans les documents photo
En mode photo, il existe une grille un pixel appliqu&eacute;e &agrave; la photo (lorsqu'il se trouve &agrave; 96 dpi, la r&eacute;solution
standard) et que le rectangle de d&eacute;tourage est accroch&eacute; &agrave; la grille. Cela simplifie &eacute;norm&eacute;ment une
extraction tr&egrave;s pr&eacute;cise. Pour r&eacute;aliser des ajustements tr&egrave;s pr&eacute;cis au pixel pr&egrave;s, il est recommand&eacute;
d'op&eacute;rer en mode photo et de zoomer afin de voir les pixels clairement.
Pour obtenir de plus amples informations, consultez le paragraphe Documents photo.
Page 600
Verrouiller ratio
Cochez la case V&eacute;rouiller ratio pour maintenir le rectangle de d&eacute;tourage &agrave; un ratio sp&eacute;cifique lorsque
vous tirez en d&eacute;pla&ccedil;ant dans le document. Les boutons de ratio sur la droite de la case &agrave; cocher
d&eacute;terminent le ratio utilis&eacute;. S&eacute;lectionnez Actuel
pour conserver le ratio d'aspect de la photo avant d&eacute;tourage. Veuillez noter que le rectangle passe
automatiquement du format paysage au format portrait lorsque vous tirez sur l'un des angles. Ainsi, si
vous tirez vers un c&ocirc;t&eacute;, il aura tendance &agrave; prendre la forme du format paysage. Si vous tirez plut&ocirc;t vers le
bas, le rectangle prendra la forme portrait.
Les ratios d'aspect de d&eacute;tourage ou extraction communs disponibles sont 4:3 (la plupart des appareils
photo num&eacute;riques et les t&eacute;l&eacute;viseurs et &eacute;crans anciens), 3:2 (les cam&eacute;scopes traditionnels et les appareils
photo num&eacute;riques SLR haute qualit&eacute;) et enfin 16:9 (le ratio d'aspect des t&eacute;l&eacute;viseurs &eacute;cran large).
Vous pouvez red&eacute;finir l'option d'aspect de ratio en utilisant la touche Ctrl lorsque vous tirez. Ainsi, si vous
tirez sur le rectangle (ou que vous l'ajustez) sans avoir verrouill&eacute; le ratio, vous pouvez quand m&ecirc;me
v&eacute;rouiller le ratio comme le dernier ratio s&eacute;lectionn&eacute; en maintenant la touche Ctrl enfonc&eacute;e. De la m&ecirc;me
mani&egrave;re, si l'option V&eacute;rouiller ratio est activ&eacute;e, vous pouvez temporairement d&eacute;bloquer le ratio en
maintenant la touche Ctrl appuy&eacute;e.
Rognage dans les documents photo
En mode photo, il existe une grille un pixel appliqu&eacute;e &agrave; la photo (lorsqu'il se trouve &agrave; 96 dpi, la r&eacute;solution
standard) et que le rectangle de d&eacute;tourage est accroch&eacute; &agrave; la grille. Cela simplifie &eacute;norm&eacute;ment une
extraction tr&egrave;s pr&eacute;cise. Pour r&eacute;aliser des ajustements tr&egrave;s pr&eacute;cis au pixel pr&egrave;s, il est recommand&eacute;
d'op&eacute;rer en mode photo et de zoomer afin de voir les pixels clairement.
Pour obtenir de plus amples informations, consultez le paragraphe Documents photo.
Page 601
Rognage dans les documents photo
En mode photo, il existe une grille un pixel appliqu&eacute;e &agrave; la photo (lorsqu'il se trouve &agrave; 96 dpi, la r&eacute;solution
standard) et que le rectangle de d&eacute;tourage est accroch&eacute; &agrave; la grille. Cela simplifie &eacute;norm&eacute;ment une
extraction tr&egrave;s pr&eacute;cise. Pour r&eacute;aliser des ajustements tr&egrave;s pr&eacute;cis au pixel pr&egrave;s, il est recommand&eacute;
d'op&eacute;rer en mode photo et de zoomer afin de voir les pixels clairement.
Pour obtenir de plus amples informations, consultez le paragraphe Documents photo.
Page 602
Comparer et r&eacute;tablir l'original
Le bouton Comparer peut &ecirc;tre utilis&eacute; pour r&eacute;initialiser toutes les valeurs des Outils d'optimisation
&agrave; leur valeur par d&eacute;faut, ce qui fera revenir votre photo &agrave; son &eacute;tat original. Si vous appuyez une
deuxi&egrave;me fois sur le bouton de comparaison, les valeurs seront r&eacute;tablies. Vous pouvez donc utilisez le
bouton de comparaison pour basculer rapidement entre votre photo &eacute;dit&eacute;e et votre photo originale, afin
de pouvoir observer les effets des changements que vous avez effectu&eacute;s.
Etant donn&eacute; que toutes les modifications sont non destructrices, le fait d'appuyer sur le bouton de
comparaison ne fait qu'enlever les &eacute;l&eacute;ments faisant partie des am&eacute;liorations, r&eacute;tablissant ainsi l'image &agrave;
son &eacute;tat original. Le bouton de comparaison peut &ecirc;tre utilis&eacute; &agrave; tout moment apr&egrave;s que des modifications
ont &eacute;t&eacute; apport&eacute;es &agrave; une image.
Page 603
Notes &agrave; propos de l'Outil photo
1. Vous pouvez s&eacute;lectionner diff&eacute;rentes photos simplement en cliquant dessus lorsque vous utilisez
l'Outil photo. Cela fonctionne aussi pour des photos se trouvant dans des groupes.
2. Si vous cliquez et tirez sur une photo, tout en &eacute;tant dans l'outil photo, une recoupe commence &agrave;
s'effectuer sur la photo sur laquelle vous commencez &agrave; tirer. Ou bien, si vous commencez &agrave; tirer
sur l'arri&egrave;re-plan, la recoupe s'appliquera &agrave; la premi&egrave;re photo que vous toucherez pendant que
vous tirez.
3. Le bouton De-clip sert &agrave; modifier le contour de n'importe quelle photo clipp&eacute;e, ainsi que les
formes cr&eacute;&eacute;es arbitrairement contenant un remplissage bitmap, en un contour rectangulaire autour
de la photo ou du bitmap de remplissage entiers. On vous demandera peut-&ecirc;tre de s&eacute;lectionner
le bouton Supprimer pour effacer le rectangle de recoupe (ou de cliquer en dehors du rectangle).
4. Vous pouvez compl&egrave;tement annuler toutes les op&eacute;rations effectu&eacute;es sur les photos. La photo
originale n'est jamais modifi&eacute;e, contrairement &agrave; ce qui se passe lors de l'utilisation d'autres outils
d'&eacute;dition photo ou de pixels. Vous pouvez donc faire tous les changements que vous voulez,
aussi souvent que vous voulez, et enregistrer et charger des fichiers .xar aussi souvent que vous
voulez, votre image ne sera jamais d&eacute;t&eacute;rior&eacute;e (toutes les op&eacute;rations sont non destructrices et se
font sans pertes). De plus, la taille du fichier n'augmente pas.
5. Toutes les options de l'Outil photo, y compris la commande de niveaux, agissent sur des objets
au remplissage bitmap, ainsi que sur des photos seules.
6. Pour enregistrer une photo, utilisez l'option Exporter et non Enregistrer (car celle-ci ne
sauvegarde que des fichiers au format propri&eacute;taire .web). Vous trouverez un raccourci de
sauvegarde au format JPEG dans la barre du haut.
Page 604
Correction des yeux rouges
La barre d'info de l'Outil photo poss&egrave;de un raccourci qui vous permet d'arriver dans un outil
ind&eacute;pendant de correction des yeux rouges. Cela lance l'Outil Xara Picture Editor (XPE).
Correction des yeux rouges dans XPE (Xara Picture Editor)




S&eacute;lectionnez la photo et cliquez sur le bouton yeux rouges
dans la barre d'outil photo. L'&eacute;diteur photo XPE est alors
d&eacute;marr&eacute;.
R&eacute;alisez un zoom avant sur le visage afin de voir clairement les yeux. Le plus simple est encore
de s&eacute;lectionner l'ic&ocirc;ne magnifier et de tirer sur le visage pour zoomer.
S&eacute;lectionnez l'ic&ocirc;ne de l'outil yeux rouges et cliquez dans le centre de l'oeil puis tirez vers
l'ext&eacute;rieur.
S&eacute;lectionnez l'ic&ocirc;ne large de contr&ocirc;le pour sauvegarder les modifications en retournant dans
Xtreme.
Page 605
Correction des yeux rouges dans XPE (Xara Picture Editor)




S&eacute;lectionnez la photo et cliquez sur le bouton yeux rouges
dans la barre d'outil photo. L'&eacute;diteur photo XPE est alors
d&eacute;marr&eacute;.
R&eacute;alisez un zoom avant sur le visage afin de voir clairement les yeux. Le plus simple est encore
de s&eacute;lectionner l'ic&ocirc;ne magnifier et de tirer sur le visage pour zoomer.
S&eacute;lectionnez l'ic&ocirc;ne de l'outil yeux rouges et cliquez dans le centre de l'oeil puis tirez vers
l'ext&eacute;rieur.
S&eacute;lectionnez l'ic&ocirc;ne large de contr&ocirc;le pour sauvegarder les modifications en retournant dans
Xtreme.
Page 606
Assemblage de panoramas
Si vous avez install&eacute; un Panorama Studio ind&eacute;pendant, Xtreme Web
Designer 5 peut le lancer pour inclure un outil qui assemble
automatiquement les photos afin de cr&eacute;er un panorama en haute
r&eacute;solution (avec jusqu'&agrave; 6 photos).
Cliquez sur le lien En savoir plus dans la bo&icirc;te de dialogue pour savoir comment mettre cela en place.
Nous avons ici trois photos d'un paysage. Elles se superposent.
La mise &agrave; niveau vers le Panorama Studio peut les assembler, sans qu'aucun raccord ne soit visible.
Page 607
Commandes de rotation &agrave; 90&deg;
Les deux ic&ocirc;nes de rotation permettent de tourner la ou les photo(s) s&eacute;lectionn&eacute;e(s) de 90&deg; dans le sens
des aiguilles d'une montre ou dans le sens contraire.
Page 608
Calques
Les calques se comportent exactement comme leur nom le sugg&egrave;re. C'est comme si vous aviez dessin&eacute;
sur une s&eacute;rie de feuilles transparentes empil&eacute;es les unes sur les autres.
Les objets opaques d'un calque
obscurcissent ce qui se trouve sur
les calques inf&eacute;rieurs :
Fonctions des calques
Les calques vous permettent de :
 Autoriser l'&eacute;dition de tous les calques ou la restreindre au calque en cours. (Le calque en cours
est celui qui est s&eacute;lectionn&eacute;. Tous les objets que vous cr&eacute;ez apparaissent sur le calque en cours).
 Afficher le nombre de calques que vous voulez.
 Changer l'ordre des calques, de l'avant &agrave; l'arri&egrave;re.
 Nommer les calques pour un r&eacute;f&eacute;rencement simplifi&eacute;.
Principales utilisations des calques :
 En webdesign, on utilise un calque s&eacute;par&eacute; pour placer les boutons d'&eacute;tat au passage de la souris.
Normalement, le calque &laquo; MouseOff &raquo; contient l'&eacute;tat normal du bouton et le calque
&laquo; MouseOver &raquo;, celui du bouton lorsqu'il appara&icirc;t en surbrillance (c'est-&agrave;-dire la fa&ccedil;on dont le
bouton appara&icirc;t lorsqu'il est export&eacute; et vu dans un navigateur Internet et que le visiteur place le
curseur de sa souris sur le bouton). Les calques sont aussi utilis&eacute;s pour contenir des objets
apparaissant dans un navigateur Internet sous forme de popups lors du passage de la souris ou
suite &agrave; un clic. Reportez-vous &agrave; la section Classement des calques dans des documents Internet
ci-dessous pour plus de renseignements.
 R&ocirc;le de superposition. Vous pouvez par exemple cr&eacute;er le plan d'un &eacute;tage d'un immeuble. Les
calques s&eacute;par&eacute;s peuvent servir &agrave; montrer les emplacements t&eacute;l&eacute;phone, ceux des alarmes, etc.
 Les calques sont utiles &agrave; la cr&eacute;ation de designs complexes. Lorsque vous d&eacute;sactivez les calques
et que vous restreignez l'&eacute;dition au calque en cours, vous &eacute;vitez de modifier accidentellement des
objets sur les autres calques.
Nous vous recommandons, pour les designs complexes, de cr&eacute;er diff&eacute;rentes sections sur diff&eacute;rents
calques. Par exemple, lorsque vous cr&eacute;ez un fond sur un calque, vous pouvez facilement le verrouiller ou
le cacher pendant que vous travaillez sur les objets du premier plan.
Il existe trois types de calques :
 Premier plan
 Guide Il ne peut y avoir qu'un seul calque guide dans un document. Ce calque contient des lignes
et des objets utilis&eacute;s pour aligner d'autres objets. Le calque guide ne peut pas &ecirc;tre imprim&eacute;. Seuls
les contours des objets sur le guide sont affich&eacute;s.
 Arri&egrave;re-plan. Les calques d'arri&egrave;re-plan ne peuvent &ecirc;tre imprim&eacute;s et se trouvent toujours
derri&egrave;re les calques de premier plan.
Pour en savoir plus sur les guides, veuillez vous reporter &agrave; la section &laquo; Guides et indications &raquo; dans
Utilisation des objets
.
Page 609
Fonctions des calques
Les calques vous permettent de :
 Autoriser l'&eacute;dition de tous les calques ou la restreindre au calque en cours. (Le calque en cours
est celui qui est s&eacute;lectionn&eacute;. Tous les objets que vous cr&eacute;ez apparaissent sur le calque en cours).
 Afficher le nombre de calques que vous voulez.
 Changer l'ordre des calques, de l'avant &agrave; l'arri&egrave;re.
 Nommer les calques pour un r&eacute;f&eacute;rencement simplifi&eacute;.
Principales utilisations des calques :
 En webdesign, on utilise un calque s&eacute;par&eacute; pour placer les boutons d'&eacute;tat au passage de la souris.
Normalement, le calque &laquo; MouseOff &raquo; contient l'&eacute;tat normal du bouton et le calque
&laquo; MouseOver &raquo;, celui du bouton lorsqu'il appara&icirc;t en surbrillance (c'est-&agrave;-dire la fa&ccedil;on dont le
bouton appara&icirc;t lorsqu'il est export&eacute; et vu dans un navigateur Internet et que le visiteur place le
curseur de sa souris sur le bouton). Les calques sont aussi utilis&eacute;s pour contenir des objets
apparaissant dans un navigateur Internet sous forme de popups lors du passage de la souris ou
suite &agrave; un clic. Reportez-vous &agrave; la section Classement des calques dans des documents Internet
ci-dessous pour plus de renseignements.
 R&ocirc;le de superposition. Vous pouvez par exemple cr&eacute;er le plan d'un &eacute;tage d'un immeuble. Les
calques s&eacute;par&eacute;s peuvent servir &agrave; montrer les emplacements t&eacute;l&eacute;phone, ceux des alarmes, etc.
 Les calques sont utiles &agrave; la cr&eacute;ation de designs complexes. Lorsque vous d&eacute;sactivez les calques
et que vous restreignez l'&eacute;dition au calque en cours, vous &eacute;vitez de modifier accidentellement des
objets sur les autres calques.
Nous vous recommandons, pour les designs complexes, de cr&eacute;er diff&eacute;rentes sections sur diff&eacute;rents
calques. Par exemple, lorsque vous cr&eacute;ez un fond sur un calque, vous pouvez facilement le verrouiller ou
le cacher pendant que vous travaillez sur les objets du premier plan.
Il existe trois types de calques :
 Premier plan
 Guide Il ne peut y avoir qu'un seul calque guide dans un document. Ce calque contient des lignes
et des objets utilis&eacute;s pour aligner d'autres objets. Le calque guide ne peut pas &ecirc;tre imprim&eacute;. Seuls
les contours des objets sur le guide sont affich&eacute;s.
 Arri&egrave;re-plan. Les calques d'arri&egrave;re-plan ne peuvent &ecirc;tre imprim&eacute;s et se trouvent toujours
derri&egrave;re les calques de premier plan.
Pour en savoir plus sur les guides, veuillez vous reporter &agrave; la section &laquo; Guides et indications &raquo; dans
Utilisation des objets
.
Page 610
La Galerie de calques
Pour afficher une liste des calques pour le document :
 S&eacute;lectionnez Services -&gt; Galeries -&gt; Galerie (F10)
 Ou bien cliquez sur le bouton Galerie de calques dans la barre de contr&ocirc;le des Galeries.
Les calques sont list&eacute;s dans l'ordre ; le calque situ&eacute; au d&eacute;but de la liste est le calque de devant.
Si vous faites un clic droit dans la liste des calques, un menu popup s'ouvre qui copie les boutons en haut
de la galerie, ainsi qu'une option Cr&eacute;er calque guide
.
Le bouton Propri&eacute;t&eacute;s
Ceci ouvre une bo&icirc;te de dialogue &agrave; onglets o&ugrave; vous pourrez cr&eacute;er des calques nouvellement nomm&eacute;s et
des lignes de rep&egrave;re avec des valeurs num&eacute;riques pr&eacute;cises. Vous pouvez aussi utiliser cette option pour
modifier la couleur d'objets du calque de lignes.
Voir la section Objets de ligne&amp; lignes de rep&egrave;re dans le chapitre Utilisation des objets
pour plus d'informations.
Modifier le calque actif
Cliquer sur le nom du calque que vous choisissez comme calque actif. Tous les nouveaux objets seront
cr&eacute;&eacute;s dans ce calque.
Modifier le nom d'un calque
Les noms de calque servent
uniquement &agrave; les identifier dans la
galerie des Calques. Ils n'ont pas
d'effet sur le document. S&eacute;lectionner
le calque dans la liste puis cliquer sur
le bouton Propri&eacute;t&eacute;s. Si n&eacute;cessaire,
cliquer sur l'onglet Calque. Saisir le
nouveau nom dans le champ de texte
et cliquer sur OK
Page 611
.
Afficher et masquer les calques
Pour rendre un calque visible ou non, cocher ou d&eacute;cocher la coche Visible adjacente au nom du calque.
Lorsque le bouton Tout visible est s&eacute;lectionn&eacute;, tous les calques sont visibles. Une fois Tout visible
d&eacute;s&eacute;lectionn&eacute;, seuls les calques coch&eacute;s seront visibles.
Vous pouvez afficher ou masquer un bloc de calques. Maj+cliquer sur une case &agrave; cocher pour afficher
ou masquer tous les calques entre le calque sur lequel vous avez cliqu&eacute; et le dernier calque que vous avez
s&eacute;lectionn&eacute;.
Notez que Arranger &gt; D&eacute;placer vers le calque du premier plan et Arranger &gt; D&eacute;placer vers le
calque d'arri&egrave;re-plan
&eacute;vite les calques masqu&eacute;s et les calques de lignes.
Rendre le calque en cours visible
Dans l'onglet G&eacute;n&eacute;ral de la bo&icirc;te de dialogue des options
(Services -&gt; Options), vous pouvez s&eacute;lectionner l'option &laquo; Calque en cours visible et modifiable&raquo;, qui
signifie que lorsque vous s&eacute;lectionnerez un calque, tous les objets qu'il contient seront visibles et
modifiables.
Verrouiller les calques
Vous ne pouvez ni s&eacute;lectionner ni cr&eacute;er des objets sur un calque verrouill&eacute;. Verrouillez un calque si vous
ne souhaitez plus y apporter de modifications ou si vous voulez &eacute;viter de faire des changements
accidentels.
lorsque le bouton Tous modifiables est s&eacute;lectionn&eacute;, tous les calques sont d&eacute;verrouill&eacute;s et modifiables.
Pour verrouiller ou d&eacute;verrouiller un calque, cochez la case Modifiable
pr&egrave;s du nom du calque pour changer son &eacute;tat.
Vous pouvez aussi verrouiller ou d&eacute;verrouiller des groupes de calques. Maj + clic sur une case &agrave; cocher
verrouille ou d&eacute;verrouille tous les calques situ&eacute;s entre le premier et le dernier calque que vous aurez
s&eacute;lectionn&eacute;s.
Cr&eacute;er un nouveau calque
Cliquer sur Nouveau
. Ceci ouvre un champ de texte permettant de nommer le nouveau calque :
Saisissez un nom qui donne une indication sur
l'utilisation du calque. Cliquez sur OK
pour cr&eacute;er le calque.
Le nouveau calque est cr&eacute;&eacute; comme calque
de premier plan et devient le calque actif.
Pour cr&eacute;er un calque de lignes, cliquer droit sur la galerie des calques et s&eacute;lectionner Cr&eacute;er un calque
de lignes
. Si l'option est gris&eacute;e, vous disposez d&eacute;j&agrave; d'un calque de lignes.
Copier un calque
Vous pouvez cr&eacute;er une copie du calque actif (comportant tous les objets de ce calque). Cliquer sur le
bouton Copier
pour afficher un champ de texte et nommer le nouveau calque.
Page 612
La copie devient le calque de premier plan
et le calque actif.
Supprimer un calque
Cliquer sur Supprimer
pour supprimer le calque actif et tous les objets s'y trouvant. Si le calque contient des objets vous devrez
confirmer si vous voulez vraiment les supprimer.
Changer l'ordre des calques
Pour changer l'ordre des
calques :
1. S&eacute;lectionner le
calque que vous
souhaitez
d&eacute;placer en
cliquant sur son
nom.
2. Faire glisser le
nom du calque
vers la position
souhait&eacute;e.
Ceci permet de d&eacute;placer le calque 2 dans la section Ceci d&eacute;place tous les
des calques d'arri&egrave;re-plan.
nouveaux objets de ce
calque vers la nouvelle
position.
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
bouton D&eacute;placer
 ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 613
Le bouton Propri&eacute;t&eacute;s
Ceci ouvre une bo&icirc;te de dialogue &agrave; onglets o&ugrave; vous pourrez cr&eacute;er des calques nouvellement nomm&eacute;s et
des lignes de rep&egrave;re avec des valeurs num&eacute;riques pr&eacute;cises. Vous pouvez aussi utiliser cette option pour
modifier la couleur d'objets du calque de lignes.
Voir la section Objets de ligne&amp; lignes de rep&egrave;re dans le chapitre Utilisation des objets
pour plus d'informations.
Modifier le calque actif
Cliquer sur le nom du calque que vous choisissez comme calque actif. Tous les nouveaux objets seront
cr&eacute;&eacute;s dans ce calque.
Modifier le nom d'un calque
Les noms de calque servent
uniquement &agrave; les identifier dans la
galerie des Calques. Ils n'ont pas
d'effet sur le document. S&eacute;lectionner
le calque dans la liste puis cliquer sur
le bouton Propri&eacute;t&eacute;s. Si n&eacute;cessaire,
cliquer sur l'onglet Calque. Saisir le
nouveau nom dans le champ de texte
et cliquer sur OK
.
Afficher et masquer les calques
Pour rendre un calque visible ou non, cocher ou d&eacute;cocher la coche Visible adjacente au nom du calque.
Lorsque le bouton Tout visible est s&eacute;lectionn&eacute;, tous les calques sont visibles. Une fois Tout visible
d&eacute;s&eacute;lectionn&eacute;, seuls les calques coch&eacute;s seront visibles.
Vous pouvez afficher ou masquer un bloc de calques. Maj+cliquer sur une case &agrave; cocher pour afficher
ou masquer tous les calques entre le calque sur lequel vous avez cliqu&eacute; et le dernier calque que vous avez
s&eacute;lectionn&eacute;.
Notez que Arranger &gt; D&eacute;placer vers le calque du premier plan et Arranger &gt; D&eacute;placer vers le
calque d'arri&egrave;re-plan
&eacute;vite les calques masqu&eacute;s et les calques de lignes.
Rendre le calque en cours visible
Dans l'onglet G&eacute;n&eacute;ral de la bo&icirc;te de dialogue des options
(Services -&gt; Options), vous pouvez s&eacute;lectionner l'option &laquo; Calque en cours visible et modifiable&raquo;, qui
signifie que lorsque vous s&eacute;lectionnerez un calque, tous les objets qu'il contient seront visibles et
modifiables.
Verrouiller les calques
Vous ne pouvez ni s&eacute;lectionner ni cr&eacute;er des objets sur un calque verrouill&eacute;. Verrouillez un calque si vous
ne souhaitez plus y apporter de modifications ou si vous voulez &eacute;viter de faire des changements
accidentels.
lorsque le bouton Tous modifiables est s&eacute;lectionn&eacute;, tous les calques sont d&eacute;verrouill&eacute;s et modifiables.
Pour verrouiller ou d&eacute;verrouiller un calque, cochez la case Modifiable
pr&egrave;s du nom du calque pour changer son &eacute;tat.
Page 614
Vous pouvez aussi verrouiller ou d&eacute;verrouiller des groupes de calques. Maj + clic sur une case &agrave; cocher
verrouille ou d&eacute;verrouille tous les calques situ&eacute;s entre le premier et le dernier calque que vous aurez
s&eacute;lectionn&eacute;s.
Cr&eacute;er un nouveau calque
Cliquer sur Nouveau
. Ceci ouvre un champ de texte permettant de nommer le nouveau calque :
Saisissez un nom qui donne une indication sur
l'utilisation du calque. Cliquez sur OK
pour cr&eacute;er le calque.
Le nouveau calque est cr&eacute;&eacute; comme calque
de premier plan et devient le calque actif.
Pour cr&eacute;er un calque de lignes, cliquer droit sur la galerie des calques et s&eacute;lectionner Cr&eacute;er un calque
de lignes
. Si l'option est gris&eacute;e, vous disposez d&eacute;j&agrave; d'un calque de lignes.
Copier un calque
Vous pouvez cr&eacute;er une copie du calque actif (comportant tous les objets de ce calque). Cliquer sur le
bouton Copier
pour afficher un champ de texte et nommer le nouveau calque.
La copie devient le calque de premier plan
et le calque actif.
Supprimer un calque
Cliquer sur Supprimer
pour supprimer le calque actif et tous les objets s'y trouvant. Si le calque contient des objets vous devrez
confirmer si vous voulez vraiment les supprimer.
Changer l'ordre des calques
Pour changer l'ordre des
calques :
1. S&eacute;lectionner le
calque que vous
souhaitez
d&eacute;placer en
cliquant sur son
nom.
2. Faire glisser le
nom du calque
vers la position
souhait&eacute;e.
Ceci permet de d&eacute;placer le calque 2 dans la section Ceci d&eacute;place tous les
des calques d'arri&egrave;re-plan.
nouveaux objets de ce
calque vers la nouvelle
position.
Page 615
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
bouton D&eacute;placer
 ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 616
Modifier le calque actif
Cliquer sur le nom du calque que vous choisissez comme calque actif. Tous les nouveaux objets seront
cr&eacute;&eacute;s dans ce calque.
Modifier le nom d'un calque
Les noms de calque servent
uniquement &agrave; les identifier dans la
galerie des Calques. Ils n'ont pas
d'effet sur le document. S&eacute;lectionner
le calque dans la liste puis cliquer sur
le bouton Propri&eacute;t&eacute;s. Si n&eacute;cessaire,
cliquer sur l'onglet Calque. Saisir le
nouveau nom dans le champ de texte
et cliquer sur OK
.
Afficher et masquer les calques
Pour rendre un calque visible ou non, cocher ou d&eacute;cocher la coche Visible adjacente au nom du calque.
Lorsque le bouton Tout visible est s&eacute;lectionn&eacute;, tous les calques sont visibles. Une fois Tout visible
d&eacute;s&eacute;lectionn&eacute;, seuls les calques coch&eacute;s seront visibles.
Vous pouvez afficher ou masquer un bloc de calques. Maj+cliquer sur une case &agrave; cocher pour afficher
ou masquer tous les calques entre le calque sur lequel vous avez cliqu&eacute; et le dernier calque que vous avez
s&eacute;lectionn&eacute;.
Notez que Arranger &gt; D&eacute;placer vers le calque du premier plan et Arranger &gt; D&eacute;placer vers le
calque d'arri&egrave;re-plan
&eacute;vite les calques masqu&eacute;s et les calques de lignes.
Rendre le calque en cours visible
Dans l'onglet G&eacute;n&eacute;ral de la bo&icirc;te de dialogue des options
(Services -&gt; Options), vous pouvez s&eacute;lectionner l'option &laquo; Calque en cours visible et modifiable&raquo;, qui
signifie que lorsque vous s&eacute;lectionnerez un calque, tous les objets qu'il contient seront visibles et
modifiables.
Verrouiller les calques
Vous ne pouvez ni s&eacute;lectionner ni cr&eacute;er des objets sur un calque verrouill&eacute;. Verrouillez un calque si vous
ne souhaitez plus y apporter de modifications ou si vous voulez &eacute;viter de faire des changements
accidentels.
lorsque le bouton Tous modifiables est s&eacute;lectionn&eacute;, tous les calques sont d&eacute;verrouill&eacute;s et modifiables.
Pour verrouiller ou d&eacute;verrouiller un calque, cochez la case Modifiable
pr&egrave;s du nom du calque pour changer son &eacute;tat.
Vous pouvez aussi verrouiller ou d&eacute;verrouiller des groupes de calques. Maj + clic sur une case &agrave; cocher
verrouille ou d&eacute;verrouille tous les calques situ&eacute;s entre le premier et le dernier calque que vous aurez
s&eacute;lectionn&eacute;s.
Cr&eacute;er un nouveau calque
Cliquer sur Nouveau
. Ceci ouvre un champ de texte permettant de nommer le nouveau calque :
Page 617
Saisissez un nom qui donne une indication sur
l'utilisation du calque. Cliquez sur OK
pour cr&eacute;er le calque.
Le nouveau calque est cr&eacute;&eacute; comme calque
de premier plan et devient le calque actif.
Pour cr&eacute;er un calque de lignes, cliquer droit sur la galerie des calques et s&eacute;lectionner Cr&eacute;er un calque
de lignes
. Si l'option est gris&eacute;e, vous disposez d&eacute;j&agrave; d'un calque de lignes.
Copier un calque
Vous pouvez cr&eacute;er une copie du calque actif (comportant tous les objets de ce calque). Cliquer sur le
bouton Copier
pour afficher un champ de texte et nommer le nouveau calque.
La copie devient le calque de premier plan
et le calque actif.
Supprimer un calque
Cliquer sur Supprimer
pour supprimer le calque actif et tous les objets s'y trouvant. Si le calque contient des objets vous devrez
confirmer si vous voulez vraiment les supprimer.
Changer l'ordre des calques
Pour changer l'ordre des
calques :
1. S&eacute;lectionner le
calque que vous
souhaitez
d&eacute;placer en
cliquant sur son
nom.
2. Faire glisser le
nom du calque
vers la position
souhait&eacute;e.
Ceci permet de d&eacute;placer le calque 2 dans la section Ceci d&eacute;place tous les
des calques d'arri&egrave;re-plan.
nouveaux objets de ce
calque vers la nouvelle
position.
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
bouton D&eacute;placer
 ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 618
Modifier le nom d'un calque
Les noms de calque servent
uniquement &agrave; les identifier dans la
galerie des Calques. Ils n'ont pas
d'effet sur le document. S&eacute;lectionner
le calque dans la liste puis cliquer sur
le bouton Propri&eacute;t&eacute;s. Si n&eacute;cessaire,
cliquer sur l'onglet Calque. Saisir le
nouveau nom dans le champ de texte
et cliquer sur OK
.
Afficher et masquer les calques
Pour rendre un calque visible ou non, cocher ou d&eacute;cocher la coche Visible adjacente au nom du calque.
Lorsque le bouton Tout visible est s&eacute;lectionn&eacute;, tous les calques sont visibles. Une fois Tout visible
d&eacute;s&eacute;lectionn&eacute;, seuls les calques coch&eacute;s seront visibles.
Vous pouvez afficher ou masquer un bloc de calques. Maj+cliquer sur une case &agrave; cocher pour afficher
ou masquer tous les calques entre le calque sur lequel vous avez cliqu&eacute; et le dernier calque que vous avez
s&eacute;lectionn&eacute;.
Notez que Arranger &gt; D&eacute;placer vers le calque du premier plan et Arranger &gt; D&eacute;placer vers le
calque d'arri&egrave;re-plan
&eacute;vite les calques masqu&eacute;s et les calques de lignes.
Rendre le calque en cours visible
Dans l'onglet G&eacute;n&eacute;ral de la bo&icirc;te de dialogue des options
(Services -&gt; Options), vous pouvez s&eacute;lectionner l'option &laquo; Calque en cours visible et modifiable&raquo;, qui
signifie que lorsque vous s&eacute;lectionnerez un calque, tous les objets qu'il contient seront visibles et
modifiables.
Verrouiller les calques
Vous ne pouvez ni s&eacute;lectionner ni cr&eacute;er des objets sur un calque verrouill&eacute;. Verrouillez un calque si vous
ne souhaitez plus y apporter de modifications ou si vous voulez &eacute;viter de faire des changements
accidentels.
lorsque le bouton Tous modifiables est s&eacute;lectionn&eacute;, tous les calques sont d&eacute;verrouill&eacute;s et modifiables.
Pour verrouiller ou d&eacute;verrouiller un calque, cochez la case Modifiable
pr&egrave;s du nom du calque pour changer son &eacute;tat.
Vous pouvez aussi verrouiller ou d&eacute;verrouiller des groupes de calques. Maj + clic sur une case &agrave; cocher
verrouille ou d&eacute;verrouille tous les calques situ&eacute;s entre le premier et le dernier calque que vous aurez
s&eacute;lectionn&eacute;s.
Cr&eacute;er un nouveau calque
Cliquer sur Nouveau
. Ceci ouvre un champ de texte permettant de nommer le nouveau calque :
Saisissez un nom qui donne une indication sur
l'utilisation du calque. Cliquez sur OK
pour cr&eacute;er le calque.
Le nouveau calque est cr&eacute;&eacute; comme calque
Page 619
de premier plan et devient le calque actif.
Pour cr&eacute;er un calque de lignes, cliquer droit sur la galerie des calques et s&eacute;lectionner Cr&eacute;er un calque
de lignes
. Si l'option est gris&eacute;e, vous disposez d&eacute;j&agrave; d'un calque de lignes.
Copier un calque
Vous pouvez cr&eacute;er une copie du calque actif (comportant tous les objets de ce calque). Cliquer sur le
bouton Copier
pour afficher un champ de texte et nommer le nouveau calque.
La copie devient le calque de premier plan
et le calque actif.
Supprimer un calque
Cliquer sur Supprimer
pour supprimer le calque actif et tous les objets s'y trouvant. Si le calque contient des objets vous devrez
confirmer si vous voulez vraiment les supprimer.
Changer l'ordre des calques
Pour changer l'ordre des
calques :
1. S&eacute;lectionner le
calque que vous
souhaitez
d&eacute;placer en
cliquant sur son
nom.
2. Faire glisser le
nom du calque
vers la position
souhait&eacute;e.
Ceci permet de d&eacute;placer le calque 2 dans la section Ceci d&eacute;place tous les
des calques d'arri&egrave;re-plan.
nouveaux objets de ce
calque vers la nouvelle
position.
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
bouton D&eacute;placer
 ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 620
Afficher et masquer les calques
Pour rendre un calque visible ou non, cocher ou d&eacute;cocher la coche Visible adjacente au nom du calque.
Lorsque le bouton Tout visible est s&eacute;lectionn&eacute;, tous les calques sont visibles. Une fois Tout visible
d&eacute;s&eacute;lectionn&eacute;, seuls les calques coch&eacute;s seront visibles.
Vous pouvez afficher ou masquer un bloc de calques. Maj+cliquer sur une case &agrave; cocher pour afficher
ou masquer tous les calques entre le calque sur lequel vous avez cliqu&eacute; et le dernier calque que vous avez
s&eacute;lectionn&eacute;.
Notez que Arranger &gt; D&eacute;placer vers le calque du premier plan et Arranger &gt; D&eacute;placer vers le
calque d'arri&egrave;re-plan
&eacute;vite les calques masqu&eacute;s et les calques de lignes.
Rendre le calque en cours visible
Dans l'onglet G&eacute;n&eacute;ral de la bo&icirc;te de dialogue des options
(Services -&gt; Options), vous pouvez s&eacute;lectionner l'option &laquo; Calque en cours visible et modifiable&raquo;, qui
signifie que lorsque vous s&eacute;lectionnerez un calque, tous les objets qu'il contient seront visibles et
modifiables.
Verrouiller les calques
Vous ne pouvez ni s&eacute;lectionner ni cr&eacute;er des objets sur un calque verrouill&eacute;. Verrouillez un calque si vous
ne souhaitez plus y apporter de modifications ou si vous voulez &eacute;viter de faire des changements
accidentels.
lorsque le bouton Tous modifiables est s&eacute;lectionn&eacute;, tous les calques sont d&eacute;verrouill&eacute;s et modifiables.
Pour verrouiller ou d&eacute;verrouiller un calque, cochez la case Modifiable
pr&egrave;s du nom du calque pour changer son &eacute;tat.
Vous pouvez aussi verrouiller ou d&eacute;verrouiller des groupes de calques. Maj + clic sur une case &agrave; cocher
verrouille ou d&eacute;verrouille tous les calques situ&eacute;s entre le premier et le dernier calque que vous aurez
s&eacute;lectionn&eacute;s.
Cr&eacute;er un nouveau calque
Cliquer sur Nouveau
. Ceci ouvre un champ de texte permettant de nommer le nouveau calque :
Saisissez un nom qui donne une indication sur
l'utilisation du calque. Cliquez sur OK
pour cr&eacute;er le calque.
Le nouveau calque est cr&eacute;&eacute; comme calque
de premier plan et devient le calque actif.
Pour cr&eacute;er un calque de lignes, cliquer droit sur la galerie des calques et s&eacute;lectionner Cr&eacute;er un calque
de lignes
. Si l'option est gris&eacute;e, vous disposez d&eacute;j&agrave; d'un calque de lignes.
Copier un calque
Vous pouvez cr&eacute;er une copie du calque actif (comportant tous les objets de ce calque). Cliquer sur le
bouton Copier
pour afficher un champ de texte et nommer le nouveau calque.
Page 621
La copie devient le calque de premier plan
et le calque actif.
Supprimer un calque
Cliquer sur Supprimer
pour supprimer le calque actif et tous les objets s'y trouvant. Si le calque contient des objets vous devrez
confirmer si vous voulez vraiment les supprimer.
Changer l'ordre des calques
Pour changer l'ordre des
calques :
1. S&eacute;lectionner le
calque que vous
souhaitez
d&eacute;placer en
cliquant sur son
nom.
2. Faire glisser le
nom du calque
vers la position
souhait&eacute;e.
Ceci permet de d&eacute;placer le calque 2 dans la section Ceci d&eacute;place tous les
des calques d'arri&egrave;re-plan.
nouveaux objets de ce
calque vers la nouvelle
position.
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
bouton D&eacute;placer
 ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 622
Rendre le calque en cours visible
Dans l'onglet G&eacute;n&eacute;ral de la bo&icirc;te de dialogue des options
(Services -&gt; Options), vous pouvez s&eacute;lectionner l'option &laquo; Calque en cours visible et modifiable&raquo;, qui
signifie que lorsque vous s&eacute;lectionnerez un calque, tous les objets qu'il contient seront visibles et
modifiables.
Verrouiller les calques
Vous ne pouvez ni s&eacute;lectionner ni cr&eacute;er des objets sur un calque verrouill&eacute;. Verrouillez un calque si vous
ne souhaitez plus y apporter de modifications ou si vous voulez &eacute;viter de faire des changements
accidentels.
lorsque le bouton Tous modifiables est s&eacute;lectionn&eacute;, tous les calques sont d&eacute;verrouill&eacute;s et modifiables.
Pour verrouiller ou d&eacute;verrouiller un calque, cochez la case Modifiable
pr&egrave;s du nom du calque pour changer son &eacute;tat.
Vous pouvez aussi verrouiller ou d&eacute;verrouiller des groupes de calques. Maj + clic sur une case &agrave; cocher
verrouille ou d&eacute;verrouille tous les calques situ&eacute;s entre le premier et le dernier calque que vous aurez
s&eacute;lectionn&eacute;s.
Cr&eacute;er un nouveau calque
Cliquer sur Nouveau
. Ceci ouvre un champ de texte permettant de nommer le nouveau calque :
Saisissez un nom qui donne une indication sur
l'utilisation du calque. Cliquez sur OK
pour cr&eacute;er le calque.
Le nouveau calque est cr&eacute;&eacute; comme calque
de premier plan et devient le calque actif.
Pour cr&eacute;er un calque de lignes, cliquer droit sur la galerie des calques et s&eacute;lectionner Cr&eacute;er un calque
de lignes
. Si l'option est gris&eacute;e, vous disposez d&eacute;j&agrave; d'un calque de lignes.
Copier un calque
Vous pouvez cr&eacute;er une copie du calque actif (comportant tous les objets de ce calque). Cliquer sur le
bouton Copier
pour afficher un champ de texte et nommer le nouveau calque.
La copie devient le calque de premier plan
et le calque actif.
Supprimer un calque
Cliquer sur Supprimer
pour supprimer le calque actif et tous les objets s'y trouvant. Si le calque contient des objets vous devrez
confirmer si vous voulez vraiment les supprimer.
Changer l'ordre des calques
Page 623
Pour changer l'ordre des
calques :
1. S&eacute;lectionner le
calque que vous
souhaitez
d&eacute;placer en
cliquant sur son
nom.
2. Faire glisser le
nom du calque
vers la position
souhait&eacute;e.
Ceci permet de d&eacute;placer le calque 2 dans la section Ceci d&eacute;place tous les
des calques d'arri&egrave;re-plan.
nouveaux objets de ce
calque vers la nouvelle
position.
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
bouton D&eacute;placer
 ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 624
Verrouiller les calques
Vous ne pouvez ni s&eacute;lectionner ni cr&eacute;er des objets sur un calque verrouill&eacute;. Verrouillez un calque si vous
ne souhaitez plus y apporter de modifications ou si vous voulez &eacute;viter de faire des changements
accidentels.
lorsque le bouton Tous modifiables est s&eacute;lectionn&eacute;, tous les calques sont d&eacute;verrouill&eacute;s et modifiables.
Pour verrouiller ou d&eacute;verrouiller un calque, cochez la case Modifiable
pr&egrave;s du nom du calque pour changer son &eacute;tat.
Vous pouvez aussi verrouiller ou d&eacute;verrouiller des groupes de calques. Maj + clic sur une case &agrave; cocher
verrouille ou d&eacute;verrouille tous les calques situ&eacute;s entre le premier et le dernier calque que vous aurez
s&eacute;lectionn&eacute;s.
Cr&eacute;er un nouveau calque
Cliquer sur Nouveau
. Ceci ouvre un champ de texte permettant de nommer le nouveau calque :
Saisissez un nom qui donne une indication sur
l'utilisation du calque. Cliquez sur OK
pour cr&eacute;er le calque.
Le nouveau calque est cr&eacute;&eacute; comme calque
de premier plan et devient le calque actif.
Pour cr&eacute;er un calque de lignes, cliquer droit sur la galerie des calques et s&eacute;lectionner Cr&eacute;er un calque
de lignes
. Si l'option est gris&eacute;e, vous disposez d&eacute;j&agrave; d'un calque de lignes.
Copier un calque
Vous pouvez cr&eacute;er une copie du calque actif (comportant tous les objets de ce calque). Cliquer sur le
bouton Copier
pour afficher un champ de texte et nommer le nouveau calque.
La copie devient le calque de premier plan
et le calque actif.
Supprimer un calque
Cliquer sur Supprimer
pour supprimer le calque actif et tous les objets s'y trouvant. Si le calque contient des objets vous devrez
confirmer si vous voulez vraiment les supprimer.
Changer l'ordre des calques
Page 625
Pour changer l'ordre des
calques :
1. S&eacute;lectionner le
calque que vous
souhaitez
d&eacute;placer en
cliquant sur son
nom.
2. Faire glisser le
nom du calque
vers la position
souhait&eacute;e.
Ceci permet de d&eacute;placer le calque 2 dans la section Ceci d&eacute;place tous les
des calques d'arri&egrave;re-plan.
nouveaux objets de ce
calque vers la nouvelle
position.
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
bouton D&eacute;placer
 ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 626
Cr&eacute;er un nouveau calque
Cliquer sur Nouveau
. Ceci ouvre un champ de texte permettant de nommer le nouveau calque :
Saisissez un nom qui donne une indication sur
l'utilisation du calque. Cliquez sur OK
pour cr&eacute;er le calque.
Le nouveau calque est cr&eacute;&eacute; comme calque
de premier plan et devient le calque actif.
Pour cr&eacute;er un calque de lignes, cliquer droit sur la galerie des calques et s&eacute;lectionner Cr&eacute;er un calque
de lignes
. Si l'option est gris&eacute;e, vous disposez d&eacute;j&agrave; d'un calque de lignes.
Copier un calque
Vous pouvez cr&eacute;er une copie du calque actif (comportant tous les objets de ce calque). Cliquer sur le
bouton Copier
pour afficher un champ de texte et nommer le nouveau calque.
La copie devient le calque de premier plan
et le calque actif.
Supprimer un calque
Cliquer sur Supprimer
pour supprimer le calque actif et tous les objets s'y trouvant. Si le calque contient des objets vous devrez
confirmer si vous voulez vraiment les supprimer.
Changer l'ordre des calques
Pour changer l'ordre des
calques :
1. S&eacute;lectionner le
calque que vous
souhaitez
d&eacute;placer en
cliquant sur son
nom.
2. Faire glisser le
nom du calque
vers la position
souhait&eacute;e.
Ceci permet de d&eacute;placer le calque 2 dans la section Ceci d&eacute;place tous les
des calques d'arri&egrave;re-plan.
nouveaux objets de ce
calque vers la nouvelle
position.
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
Page 627

bouton D&eacute;placer
ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 628
Copier un calque
Vous pouvez cr&eacute;er une copie du calque actif (comportant tous les objets de ce calque). Cliquer sur le
bouton Copier
pour afficher un champ de texte et nommer le nouveau calque.
La copie devient le calque de premier plan
et le calque actif.
Supprimer un calque
Cliquer sur Supprimer
pour supprimer le calque actif et tous les objets s'y trouvant. Si le calque contient des objets vous devrez
confirmer si vous voulez vraiment les supprimer.
Changer l'ordre des calques
Pour changer l'ordre des
calques :
1. S&eacute;lectionner le
calque que vous
souhaitez
d&eacute;placer en
cliquant sur son
nom.
2. Faire glisser le
nom du calque
vers la position
souhait&eacute;e.
Ceci permet de d&eacute;placer le calque 2 dans la section Ceci d&eacute;place tous les
des calques d'arri&egrave;re-plan.
nouveaux objets de ce
calque vers la nouvelle
position.
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
bouton D&eacute;placer
 ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 629
Supprimer un calque
Cliquer sur Supprimer
pour supprimer le calque actif et tous les objets s'y trouvant. Si le calque contient des objets vous devrez
confirmer si vous voulez vraiment les supprimer.
Changer l'ordre des calques
Pour changer l'ordre des
calques :
1. S&eacute;lectionner le
calque que vous
souhaitez
d&eacute;placer en
cliquant sur son
nom.
2. Faire glisser le
nom du calque
vers la position
souhait&eacute;e.
Ceci permet de d&eacute;placer le calque 2 dans la section Ceci d&eacute;place tous les
des calques d'arri&egrave;re-plan.
nouveaux objets de ce
calque vers la nouvelle
position.
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
bouton D&eacute;placer
 ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 630
Changer l'ordre des calques
Pour changer l'ordre des
calques :
1. S&eacute;lectionner le
calque que vous
souhaitez
d&eacute;placer en
cliquant sur son
nom.
2. Faire glisser le
nom du calque
vers la position
souhait&eacute;e.
Ceci permet de d&eacute;placer le calque 2 dans la section Ceci d&eacute;place tous les
des calques d'arri&egrave;re-plan.
nouveaux objets de ce
calque vers la nouvelle
position.
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
bouton D&eacute;placer
 ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 631
D&eacute;placer les objets entre les calques
Pour d&eacute;placer des objets entre les calques :
 s&eacute;lectionnez les objets, puis le calque de votre choix dans la galerie de calque et cliquez sur le
bouton D&eacute;placer
 ou servez-vous des &eacute;l&eacute;ments D&eacute;placer vers le calque du premier plan / D&eacute;placez vers le
calque du fond du menu Arranger pour d&eacute;placer les objets d'un niveau vers le haut ou vers le
bas.
Page 632
Classer les calques dans les documents de sites
Internet
Si un document de votre site Internet contient des effets au passage de la souris, des calques popup et
peut-&ecirc;tre m&ecirc;me des effets au passage de la souris sur ces calques popup, faites attention &agrave; suivre
certaines r&egrave;gles de classement des calques dans votre document. Si vous ne les suivez pas, certains effets
pourraient ne pas fonctionner dans votre site.
Les calques vont de l'arri&egrave;re-plan au premier plan (ce qui fonctionne vers le haut dans la Galerie de
calques) et vous devez donc trouver les calques statiques en premier. Ce sont des calques qui sont
toujours visibles et ne sont pas utilis&eacute;s en tant que popups. Dans la plupart des designs, on trouvera un
calque &laquo; MouseOff
&raquo;. Mais certains designs en contiennent plus d'un, au quel cas ils doivent se trouver dans les premiers
calques dans la pile de calques.
Ensuite, vient le calque MouseOver, si des effets au passage de la souris se trouvent sur le(s) calque(s)
statique(s). Il contient les &eacute;tats au passage de la souris pour tous les boutons qui apparaissent au passage
de la souris. Il doit &ecirc;tre suivi par le calque MouseDown
, si vous avez inclus des effets de souris enfonc&eacute;e sur le(s) calque(s) statique(s).
Ensuite vous pouvez avoir un calque popup. Si les objets de ce calque popup ont des effets au passage
de la souris, le calque suivant le popup doit &ecirc;tre le calque contenant ces effets. Il doit porter un nom
commen&ccedil;ant par MouseOver, par ex. &laquo; MouseOverPopup1 &raquo;. Puis, si le calque popup poss&egrave;de
&eacute;galement de effets de souris enfonc&eacute;e, un calque dont le nom commence par &laquo; MouseDown &raquo; doit
suivre et contenir ces objets.
Vousp ouvez ensuite avoir un autre calque popup, suivi encore par tous les calques MouseOver et
MouseDown lui appartenant. Et ainsi de suite ; vous pouvez cr&eacute;er autant de calques que vous voulez.
Pour r&eacute;sumer, le classement des calques doit en g&eacute;n&eacute;ral &ecirc;tre effectu&eacute; comme indiqu&eacute; dans la liste
suivante, affich&eacute;e dans le m&ecirc;me ordre que dans la Galerie de calques
(du premier plan &agrave; l'arri&egrave;re-plan). Tous les calques sont optionnels et vous pouvez choisir librement leurs
noms, sauf pour les caract&egrave;res en gras, qui repr&eacute;sentent les calques de MouseOver et MouseDown.
Popup MouseDown n
Popup MouseOver n
Calque popup n
...
Popup MouseDown 1
Popup MouseOver 1
Calque popup 1
MouseDown
MouseOver
Calque statique n
...
Calque statique 2
MouseOff
Notez que ces r&egrave;gles de classement ne s'appliquent que si vous construisez des pages complexes avec de
nombreux effets de popup ! Si vous ne faites qu'utiliser les mod&egrave;les de conception disponibles dans la
Galerie de designs, vous n'aurez pas ces probl&egrave;mes de classement.
Page 633
Animations Flash
Dans ce chapitre
Introduction
Principes de base
Votre premi&egrave;re animation
Exporter un fichier Flash
La galerie de frames (images)
Photos
Fr&eacute;quence des frames d'animation et &eacute;tapes de tweening
Recouper ou clipper des images
Vitesse de l'animation
Fluidit&eacute; de l'animation
Rotation
Groupes
Quelles fonctions de Xtreme Web Designer 5 sont prises en charge par Flash ?
Transformation des couleurs - Animer des changements de couleur
Transparence
URL dans les animations Flash
Commandes Flash avanc&eacute;es
R&eacute;sum&eacute; : l'animation Flash dans Xtreme Web Designer 5
Cr&eacute;er des GIF anim&eacute;s
Propri&eacute;t&eacute;s de l'animation GIF
Page 634
Introduction
L'approche d'animateur de Xtreme Web Designer 5 envers les animations Flash est traditionnelle. Vous
cr&eacute;ez des keyrfames de votre animations au cours du temps et Xtreme Web Designer 5 cr&eacute;e
automatiquement tous les frames interm&eacute;diaires pour vous ; on appelle ce proc&eacute;d&eacute; le &laquo; tweening &raquo;.
Exemple d'un frame de d&eacute;part
On voit sur le frame suivant que la forme de l'&eacute;toile a &eacute;t&eacute; d&eacute;plac&eacute;e, un peu tourn&eacute;e, que sa taille a &eacute;t&eacute;
r&eacute;duite, et qu'elle a maintenant une autre couleur.
Xtreme Web Designer 5 cr&eacute;e un fichier Flash anim&eacute; fluide qui cr&eacute;e automatiquement les frames
interm&eacute;diaires. C#est le proc&eacute;d&eacute; du &laquo; tweening &raquo;.
Ce que Flash peut et ne peut pas faire
Le format Flash ne prend pas en charge certains effets avanc&eacute;s propos&eacute;s par Xtreme Web Designer 5,
par exemple la transparence progressive, l'estompage ni la plupart des types de remplissage de couleurs
avanc&eacute;s.
Cependant, il prend en charge un grand nombre d'effets incluant une transparence simple. Ainsi, par
exemple, si vous appliquez une transparence &agrave; l'&eacute;toile sur le 2&egrave;me keyframe pour qu'il soit transparent &agrave;
100 %, vous obtiendrez une animation dans laquelle les &eacute;toiles se d&eacute;placent, qui deviennent plus petites
puis qui disparaissent.
Le m&ecirc;me exemple, montrant des frames interm&eacute;diaires, mais avec un changement de transparence.
Tout comme Xtreme Web Designer 5, Flash est bas&eacute; sur les graphiques vectoriels, ce qui signifie que
vous pouvez agrandir vos objets sans aucune perte de d&eacute;tails. Cela signifie aussi que les fichiers Flash
sont tr&egrave;s compacts, un atout essentiel pour le Web !
Pour illustrer &agrave; quel point les animations Flash de Xtreme Web Designer 5 sont petits et compacts,
l'exemple pr&eacute;c&eacute;dant anim&eacute; d'une seconde contient 24 frames (le film a donc 24 frames par seconde, ce
qui le rend fluide) cr&eacute;e un fichier Flash de seulement 700 octets.
Les 6 types principaux d'animations
Afin d'obtenir des fichiers flash les plus compacts possibles, les types de tweening de formes pris en
charge par Flash sont limit&eacute;s &agrave; six types d'animation de base. Elles sont parfois appel&eacute;es les 6
transformations principales, car elles repr&eacute;sentent le seul moyen de transformer un objet d'un keyframe &agrave;
l'autre.
1. D&eacute;placer : d&eacute;placer des objets d'une position &agrave; l'autre.
2. Redimensionner : agrandir ou r&eacute;duire la taille des objets.
Page 635
3. Ecraser ou d&eacute;former : &eacute;craser ou d&eacute;former des objets.
4. Rotation : faire tourner des objets.
5. Transparence : ajuster la transparence (plate) des objets.
6. Modification des couleurs : modifier la couleur (plate) de remplissage des objets.
Le dernier &eacute;l&eacute;ment (le changement de couleurs) peut &ecirc;tre appliqu&eacute; &agrave; des photos (aux couleurs) continues.
Vous ne pouvez transformer une photo aux couleurs pleines en une photo avec des couleurs continues,
mais vous pouvez transformer une photo contenant une couleur continue en une autre couleur.
Remarque
: les six types de transformations ci-dessus sont tr&egrave;s importantes dans toutes les animations Flash.
Aucun autre type de transformation n'est possible pour les frames tween&eacute;s.
Si vous regardez des exemples d'animations Flash sur Internet, vous verrez que la plupart d'entre elles
consistent seulement en ces effets. Les objets apparaissent et disparaissent ; ils passent d'une position &agrave;
une autre. Parfois ils font des pirouettes, ils deviennent plus gros ou diminuent de taille. Ceci est la base
de presque toutes les animations flash, et il est tres simple de produire des animations comme celles-ci
dans Xtreme Web Designer 5.
Il est par contre impossible de modifier la forme d'un objet entre des keyframes.
Il est impossible de modifier la forme entre des keyframes.
Parce que la forme change (c'est-&agrave;-dire qu'elle se transforme d'une forme en une autre), ceci est
impossible dans les animations Flash de Xtreme Web Designer 5.
Ce qu'il est possible de faire avec les animations Flash de
Xtreme Web Designer 5
Xtreme Web Designer 5 est avant tout un logiciel d'illustration vectorielle et non un outil Flash &agrave; part
enti&egrave;re. Ceci constitue par contre une approche nouvelle, innovante et tr&egrave;s simple &agrave; comprendre des
animations Flash. En combinaison avec les outils de dessin graphique de Xtreme Web Designer 5, vous
pouvez cr&eacute;er des animations Flash plus facilement qu'avec tout autre outil.
L'approche ayant &eacute;t&eacute; simplifi&eacute;e, Xtreme Web Designer 5 ne peut pas prendre en charge les
caract&eacute;ristiques plus complexes de Flash telles que le scripting (programmation), l'audio ou les vid&eacute;os
incrust&eacute;es.
De plus, &eacute;tant donn&eacute; que le rendu vectoriel Flash est relativement peu complexe par rapport &agrave; celui de
Xara Xtreme, certains effets avanc&eacute;s de Xtreme ne peuvent &ecirc;tre utilis&eacute;s avec Flash. Ils sont d&eacute;taill&eacute;s dans
le paragraphe &laquo; Quelles caract&eacute;ristiques de Xtreme Web Designer 5 sont prises en compte par Flash ? &raquo;
vers la fin de ce chapitre.
Page 636
Ce que Flash peut et ne peut pas faire
Le format Flash ne prend pas en charge certains effets avanc&eacute;s propos&eacute;s par Xtreme Web Designer 5,
par exemple la transparence progressive, l'estompage ni la plupart des types de remplissage de couleurs
avanc&eacute;s.
Cependant, il prend en charge un grand nombre d'effets incluant une transparence simple. Ainsi, par
exemple, si vous appliquez une transparence &agrave; l'&eacute;toile sur le 2&egrave;me keyframe pour qu'il soit transparent &agrave;
100 %, vous obtiendrez une animation dans laquelle les &eacute;toiles se d&eacute;placent, qui deviennent plus petites
puis qui disparaissent.
Le m&ecirc;me exemple, montrant des frames interm&eacute;diaires, mais avec un changement de transparence.
Tout comme Xtreme Web Designer 5, Flash est bas&eacute; sur les graphiques vectoriels, ce qui signifie que
vous pouvez agrandir vos objets sans aucune perte de d&eacute;tails. Cela signifie aussi que les fichiers Flash
sont tr&egrave;s compacts, un atout essentiel pour le Web !
Pour illustrer &agrave; quel point les animations Flash de Xtreme Web Designer 5 sont petits et compacts,
l'exemple pr&eacute;c&eacute;dant anim&eacute; d'une seconde contient 24 frames (le film a donc 24 frames par seconde, ce
qui le rend fluide) cr&eacute;e un fichier Flash de seulement 700 octets.
Les 6 types principaux d'animations
Afin d'obtenir des fichiers flash les plus compacts possibles, les types de tweening de formes pris en
charge par Flash sont limit&eacute;s &agrave; six types d'animation de base. Elles sont parfois appel&eacute;es les 6
transformations principales, car elles repr&eacute;sentent le seul moyen de transformer un objet d'un keyframe &agrave;
l'autre.
1. D&eacute;placer : d&eacute;placer des objets d'une position &agrave; l'autre.
2. Redimensionner : agrandir ou r&eacute;duire la taille des objets.
3. Ecraser ou d&eacute;former : &eacute;craser ou d&eacute;former des objets.
4. Rotation : faire tourner des objets.
5. Transparence : ajuster la transparence (plate) des objets.
6. Modification des couleurs : modifier la couleur (plate) de remplissage des objets.
Le dernier &eacute;l&eacute;ment (le changement de couleurs) peut &ecirc;tre appliqu&eacute; &agrave; des photos (aux couleurs) continues.
Vous ne pouvez transformer une photo aux couleurs pleines en une photo avec des couleurs continues,
mais vous pouvez transformer une photo contenant une couleur continue en une autre couleur.
Remarque
: les six types de transformations ci-dessus sont tr&egrave;s importantes dans toutes les animations Flash.
Aucun autre type de transformation n'est possible pour les frames tween&eacute;s.
Si vous regardez des exemples d'animations Flash sur Internet, vous verrez que la plupart d'entre elles
consistent seulement en ces effets. Les objets apparaissent et disparaissent ; ils passent d'une position &agrave;
une autre. Parfois ils font des pirouettes, ils deviennent plus gros ou diminuent de taille. Ceci est la base
de presque toutes les animations flash, et il est tres simple de produire des animations comme celles-ci
dans Xtreme Web Designer 5.
Il est par contre impossible de modifier la forme d'un objet entre des keyframes.
Page 637
Il est impossible de modifier la forme entre des keyframes.
Parce que la forme change (c'est-&agrave;-dire qu'elle se transforme d'une forme en une autre), ceci est
impossible dans les animations Flash de Xtreme Web Designer 5.
Ce qu'il est possible de faire avec les animations Flash de
Xtreme Web Designer 5
Xtreme Web Designer 5 est avant tout un logiciel d'illustration vectorielle et non un outil Flash &agrave; part
enti&egrave;re. Ceci constitue par contre une approche nouvelle, innovante et tr&egrave;s simple &agrave; comprendre des
animations Flash. En combinaison avec les outils de dessin graphique de Xtreme Web Designer 5, vous
pouvez cr&eacute;er des animations Flash plus facilement qu'avec tout autre outil.
L'approche ayant &eacute;t&eacute; simplifi&eacute;e, Xtreme Web Designer 5 ne peut pas prendre en charge les
caract&eacute;ristiques plus complexes de Flash telles que le scripting (programmation), l'audio ou les vid&eacute;os
incrust&eacute;es.
De plus, &eacute;tant donn&eacute; que le rendu vectoriel Flash est relativement peu complexe par rapport &agrave; celui de
Xara Xtreme, certains effets avanc&eacute;s de Xtreme ne peuvent &ecirc;tre utilis&eacute;s avec Flash. Ils sont d&eacute;taill&eacute;s dans
le paragraphe &laquo; Quelles caract&eacute;ristiques de Xtreme Web Designer 5 sont prises en compte par Flash ? &raquo;
vers la fin de ce chapitre.
Page 638
Les 6 types principaux d'animations
Afin d'obtenir des fichiers flash les plus compacts possibles, les types de tweening de formes pris en
charge par Flash sont limit&eacute;s &agrave; six types d'animation de base. Elles sont parfois appel&eacute;es les 6
transformations principales, car elles repr&eacute;sentent le seul moyen de transformer un objet d'un keyframe &agrave;
l'autre.
1. D&eacute;placer : d&eacute;placer des objets d'une position &agrave; l'autre.
2. Redimensionner : agrandir ou r&eacute;duire la taille des objets.
3. Ecraser ou d&eacute;former : &eacute;craser ou d&eacute;former des objets.
4. Rotation : faire tourner des objets.
5. Transparence : ajuster la transparence (plate) des objets.
6. Modification des couleurs : modifier la couleur (plate) de remplissage des objets.
Le dernier &eacute;l&eacute;ment (le changement de couleurs) peut &ecirc;tre appliqu&eacute; &agrave; des photos (aux couleurs) continues.
Vous ne pouvez transformer une photo aux couleurs pleines en une photo avec des couleurs continues,
mais vous pouvez transformer une photo contenant une couleur continue en une autre couleur.
Remarque
: les six types de transformations ci-dessus sont tr&egrave;s importantes dans toutes les animations Flash.
Aucun autre type de transformation n'est possible pour les frames tween&eacute;s.
Si vous regardez des exemples d'animations Flash sur Internet, vous verrez que la plupart d'entre elles
consistent seulement en ces effets. Les objets apparaissent et disparaissent ; ils passent d'une position &agrave;
une autre. Parfois ils font des pirouettes, ils deviennent plus gros ou diminuent de taille. Ceci est la base
de presque toutes les animations flash, et il est tres simple de produire des animations comme celles-ci
dans Xtreme Web Designer 5.
Il est par contre impossible de modifier la forme d'un objet entre des keyframes.
Il est impossible de modifier la forme entre des keyframes.
Parce que la forme change (c'est-&agrave;-dire qu'elle se transforme d'une forme en une autre), ceci est
impossible dans les animations Flash de Xtreme Web Designer 5.
Ce qu'il est possible de faire avec les animations Flash de
Xtreme Web Designer 5
Xtreme Web Designer 5 est avant tout un logiciel d'illustration vectorielle et non un outil Flash &agrave; part
enti&egrave;re. Ceci constitue par contre une approche nouvelle, innovante et tr&egrave;s simple &agrave; comprendre des
animations Flash. En combinaison avec les outils de dessin graphique de Xtreme Web Designer 5, vous
pouvez cr&eacute;er des animations Flash plus facilement qu'avec tout autre outil.
L'approche ayant &eacute;t&eacute; simplifi&eacute;e, Xtreme Web Designer 5 ne peut pas prendre en charge les
caract&eacute;ristiques plus complexes de Flash telles que le scripting (programmation), l'audio ou les vid&eacute;os
incrust&eacute;es.
De plus, &eacute;tant donn&eacute; que le rendu vectoriel Flash est relativement peu complexe par rapport &agrave; celui de
Xara Xtreme, certains effets avanc&eacute;s de Xtreme ne peuvent &ecirc;tre utilis&eacute;s avec Flash. Ils sont d&eacute;taill&eacute;s dans
le paragraphe &laquo; Quelles caract&eacute;ristiques de Xtreme Web Designer 5 sont prises en compte par Flash ? &raquo;
vers la fin de ce chapitre.
Page 639
Ce qu'il est possible de faire avec les animations Flash de
Xtreme Web Designer 5
Xtreme Web Designer 5 est avant tout un logiciel d'illustration vectorielle et non un outil Flash &agrave; part
enti&egrave;re. Ceci constitue par contre une approche nouvelle, innovante et tr&egrave;s simple &agrave; comprendre des
animations Flash. En combinaison avec les outils de dessin graphique de Xtreme Web Designer 5, vous
pouvez cr&eacute;er des animations Flash plus facilement qu'avec tout autre outil.
L'approche ayant &eacute;t&eacute; simplifi&eacute;e, Xtreme Web Designer 5 ne peut pas prendre en charge les
caract&eacute;ristiques plus complexes de Flash telles que le scripting (programmation), l'audio ou les vid&eacute;os
incrust&eacute;es.
De plus, &eacute;tant donn&eacute; que le rendu vectoriel Flash est relativement peu complexe par rapport &agrave; celui de
Xara Xtreme, certains effets avanc&eacute;s de Xtreme ne peuvent &ecirc;tre utilis&eacute;s avec Flash. Ils sont d&eacute;taill&eacute;s dans
le paragraphe &laquo; Quelles caract&eacute;ristiques de Xtreme Web Designer 5 sont prises en compte par Flash ? &raquo;
vers la fin de ce chapitre.
Page 640
Principes de base
Dans votre animation, il est possible que des objets restent statiques entre les keyframes (c'est-&agrave;-dire
que le tweening n'est pas n&eacute;cessaire) et que d'autres soient anim&eacute;s.
Pour indiquer &agrave; Xtreme Web Designer 5 quels objets doivent &ecirc;tre
anim&eacute;s il est n&eacute;cessaire de nommer chaque objet, et ce en cliquant sur le
bouton Cr&eacute;er de nouveaux noms de la barre de l'outil de S&eacute;lection
.
Pour plus d'informations sur le proc&eacute;d&eacute; pour nommer les objets, r&eacute;f&eacute;rez-vous &agrave; la section &laquo; Nommer les
objets &raquo; dans le chapitre &laquo; Utilisation du document &raquo;.
1. Un aper&ccedil;u de la m&eacute;thode pour cr&eacute;er une nouvelle animation &agrave; partir d'effets, que vous allez
d&eacute;couvrir &agrave; travers ce chapitre, est la suivante :
2. Dessinez votre premi&egrave;re frame. Nommez les objets que vous souhaitez animer.
3. Cr&eacute;ez une nouvelle keyframe. G&eacute;n&eacute;ralement, il suffit de copier la premi&egrave;re.
4. D&eacute;placez et transformez les objets comme vous le souhaitez.
5. Pr&eacute;visualisez les r&eacute;sultats.
6. R&eacute;p&eacute;tez les &eacute;tapes 2 &agrave; 4.
Vous pouvez ainsi cr&eacute;er votre propre animation.
Ou cliquez sur le bouton Copier image dans la barre d'outil Animation
.
Xtreme Web Designer 5 dispose d'une fonction en un clic pour cr&eacute;er de nouvelles frames qui sont la
copie d'une frame pr&eacute;c&eacute;dente. La Galerie de Frames vous permet de visionner n'importe quelle
keyframe et vous pouvez ainsi organiser l'ordre des frames et afficher une dur&eacute;e pour chacune d'elle.
Vous trouverez une description pr&eacute;cise de la Galerie de Frames
plus loin dans ce chapitre.
Pour ceux d'entre vous qui &ecirc;tes d&eacute;j&agrave; familiaris&eacute;s avec les fonctions des GIF anim&eacute;s de Xtreme Web
Designer 5 (ou des versions pr&eacute;c&eacute;dentes), la m&eacute;thode va vous para&icirc;tre simple. La diff&eacute;rence est qu'avec
des fichiers Flash, Xtreme Web Designer 5 peut cr&eacute;er automatiquement toutes les &eacute;tapes du tween, afin
de cr&eacute;er des animations plus fluides et plus compactes que celles des GIF anim&eacute;s.
Note :
les objets que vous souhaitez animer d'une frame &agrave; l'autre doivent &ecirc;tre nomm&eacute;s. Tous les autres objets
resteront visibles mais seront statiques, et ce pour la dur&eacute;e de la frame jusqu'&agrave; la prochaine keyframe.
Ainsi, pour supprimer un objet de l'animation, il vous suffit de le supprimer de la premi&egrave;re keyframe sur
laquelle vous souhaitez ne plus le voir appara&icirc;tre.
Page 641
Votre premi&egrave;re animation
Comment cr&eacute;er une nouvelle animation :
Cr&eacute;ez un nouveau document d'animation comme suit :
 S&eacute;lectionnez Fichier -&gt; Nouveau -&gt; Animation
 Ou bien cliquez sur le bouton Nouvelle animation de la barre de boutons Standard.
Un nouveau document s'ouvre, et vous verrez la barre de
bouton d'animation appara&icirc;tre, qui contient des boutons
int&eacute;ressants.
Un
nouvea
u
docum
ent
s'ouvre
, et
vous
verrez
la barre
de
bouton
d'anima
tion
appara&icirc;
tre, qui
contien
t des
bouton
s
int&eacute;ress
ants.
1. Dessinez une forme simple, comme un rectangle aux bords
arrondis gr&acirc;ce &agrave; l'Outil rectangle (ou tout autre forme).
2. Cliquez sur l'icone Appliquer nom de la barre d'info du
S&eacute;lecteur et nommez la forme &laquo; forme &raquo;.
3. Cliquez sur le bouton Copier frame afin de cr&eacute;er votre
2&egrave;me keyframe.
3. Transformez les forme comme vous voulez. Vous pouvez
l'ajuster enn utilisant un des six types d'animations d&eacute;crits
plus haut.
4. Appuyez sur bouton Aper&ccedil;u Flash pour voir l'animation.
La p&eacute;riode d'affichage par d&eacute;faut est d'une demie seconde pur chaque keyframe. Pour produire une
animation plus longue, reportez-vous &agrave; la section &laquo; Taux de frame et &eacute;tapes tween pour les films &raquo; plus
loin dans ce chapitre.
Vous n'&ecirc;tes pas limit&eacute; &agrave; un seul objet anim&eacute; ; vous pouvez en mettre autant que vous voulez sur chaque
keyframe. Tant que vous les faites appara&icirc;tre transform&eacute;s (et que vous leur donnez un nom unique &agrave;
chacun), ils seront anim&eacute;s sur le keyframe suivant.
Ici un autre exemple.
Page 642
Le premier keyframe contient du texte simple et une forme simple &agrave; l'int&eacute;rieur d'un rectangle statique.
Sur le keyframe suivant, le texte a &eacute;t&eacute; agrandi et assombri, le rectangle bleu a &eacute;t&eacute; tourn&eacute; de 90 degr&eacute;s et
la transparence modifi&eacute;e.
Voici comment l'animation est construite.
Keyframe 1
Etapes interm&eacute;diaires de
tween produites par Xtreme
Web Designer 5
Keyframe 2
Dans cette animation, l'objet texte devient plus grand, et en m&ecirc;me temps, le rectangle aux bords ronds
tourne et dispara&icirc;t.
Page 643
Exporter un fichier Flash
Pour exporter votre animation comme fichier Flash :
S&eacute;lectionnez Fichier &gt; Exportation puis s&eacute;lectionnez le format Flash sous Sauvegarder sous
.
Ou cliquez sur le bouton Exportation d'animation Flash
.
Vous sauvegardez ainsi le fichier SWF &agrave; l'emplacement choisi.
Ins&eacute;rer un objet Flash dans Xtreme Web Designer 5
Pour voir votre animation telle qu'elle appara&icirc;tra dans sur une page
Internet, cliquez sur le bouton Aper&ccedil;u Flash
.
Sur l'image d'aper&ccedil;u vous voyez votre animation termin&eacute;e ainsi que des informations utiles telles que les
dimensions de l'animation, la taille du fichier, etc.
Il y a deux fa&ccedil;ons d'incruster ce fichier Flash dans votre site Internet. Les utilisateurs avanc&eacute;s ou ceux qui
cr&eacute;ent directement du HTML ou utilisent un outil tiers de cr&eacute;ation web, peuvent ins&eacute;rer une section de
HTML.
Pour ceux qui utilisent Xtreme Web Designer 5, vous pouvez utiliser un objet fictif
sur votre page Internet.
Ins&eacute;rer un objet Flash dans Xtreme Web Designer 5
Dans votre page Internet, cr&eacute;ez un objet fictif, qui peut &ecirc;tre par ex. un simple rectangle ou une image.
Positionnez et donnez les dimensions de votre choix &agrave; l'objet fictif &agrave; l'endroit o&ugrave; vous voulez voir
appara&icirc;tre votre animation Flash.
Puis, dans la bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet (Ctrl+Maj+W), s&eacute;lectionnez l'onglet objets
fictifs et Remplacer par Flash dans Parcourir pour localiser le fichier .SWF de votre choix. Cliquez
sur Appliquer
.
Maintenant, lorsque vous faites un aper&ccedil;u de votre site Internet, l'objet fictif est remplac&eacute; par l'animation
Flash.
Utilisateurs HTML avanc&eacute;s
pour placer votre animation SWF dans votre HTML, cliquez sur le lien Aper&ccedil;u HTML
de l'&eacute;cran d'aper&ccedil;u Flash pour obtenir le code que vous pourrez coller dans votre page Internet en
utilisant votre &eacute;diteur HTML pr&eacute;f&eacute;r&eacute;.
Remarque : vous devez modifier le nom du fichier SWF dans le code pour le faire correspondre au nom
actuel de votre fichier SWF export&eacute;. Vous devez aussi placer votre fichier SWF dans le m&ecirc;me r&eacute;pertoire
que celui de votre page Internet pour que le code puisse fonctionner. Si vous placez le fichier SWF dans
un autre r&eacute;pertoire, vous devrez modifier le code HTML en cons&eacute;quence.
Page 644
Ins&eacute;rer un objet Flash dans Xtreme Web Designer 5
Pour voir votre animation telle qu'elle appara&icirc;tra dans sur une page
Internet, cliquez sur le bouton Aper&ccedil;u Flash
.
Sur l'image d'aper&ccedil;u vous voyez votre animation termin&eacute;e ainsi que des informations utiles telles que les
dimensions de l'animation, la taille du fichier, etc.
Il y a deux fa&ccedil;ons d'incruster ce fichier Flash dans votre site Internet. Les utilisateurs avanc&eacute;s ou ceux qui
cr&eacute;ent directement du HTML ou utilisent un outil tiers de cr&eacute;ation web, peuvent ins&eacute;rer une section de
HTML.
Pour ceux qui utilisent Xtreme Web Designer 5, vous pouvez utiliser un objet fictif
sur votre page Internet.
Ins&eacute;rer un objet Flash dans Xtreme Web Designer 5
Dans votre page Internet, cr&eacute;ez un objet fictif, qui peut &ecirc;tre par ex. un simple rectangle ou une image.
Positionnez et donnez les dimensions de votre choix &agrave; l'objet fictif &agrave; l'endroit o&ugrave; vous voulez voir
appara&icirc;tre votre animation Flash.
Puis, dans la bo&icirc;te de dialogue des propri&eacute;t&eacute;s Internet (Ctrl+Maj+W), s&eacute;lectionnez l'onglet objets
fictifs et Remplacer par Flash dans Parcourir pour localiser le fichier .SWF de votre choix. Cliquez
sur Appliquer
.
Maintenant, lorsque vous faites un aper&ccedil;u de votre site Internet, l'objet fictif est remplac&eacute; par l'animation
Flash.
Utilisateurs HTML avanc&eacute;s
pour placer votre animation SWF dans votre HTML, cliquez sur le lien Aper&ccedil;u HTML
de l'&eacute;cran d'aper&ccedil;u Flash pour obtenir le code que vous pourrez coller dans votre page Internet en
utilisant votre &eacute;diteur HTML pr&eacute;f&eacute;r&eacute;.
Remarque : vous devez modifier le nom du fichier SWF dans le code pour le faire correspondre au nom
actuel de votre fichier SWF export&eacute;. Vous devez aussi placer votre fichier SWF dans le m&ecirc;me r&eacute;pertoire
que celui de votre page Internet pour que le code puisse fonctionner. Si vous placez le fichier SWF dans
un autre r&eacute;pertoire, vous devrez modifier le code HTML en cons&eacute;quence.
Page 645
La galerie de frames (images)
Pour ouvrir la galerie de frames, s&eacute;lectionnez Services &gt; Galeries &gt;
Galerie de frames ou cliquez sur l'ic&ocirc;ne de la galerie de frames dans la
barre d'outils Galeries
.
Vous voyez ensuite une liste des key frames (images cl&eacute;s) dans votre document. Cliquez sur une image
pour l'afficher.
Une galerie de frames typique. L'image/Frame 2 est s&eacute;lectionn&eacute;e et donc visible.
La Galerie de Frames
affiche les frames du haut vers le bas, c'est-&agrave;-dire que la premi&egrave;re frame est situ&eacute;e sur le dessus et
chaque nouvelle frame que vous ajoutez se retrouve plac&eacute;e au d&eacute;but de la liste. Vous pouvez modifier
l'ordre des frames en les faisant glisser. Vous pouvez supprimer des frames, copier une frame
s&eacute;lectionn&eacute;e (elle se retrouvera alors ajout&eacute;e &agrave; la fin) ou encore cr&eacute;er des frames vierges &agrave; l'aide de
boutons pr&eacute;vus &agrave; cet effet.
L'ordre des frames est invers&eacute; par rapport aux versions pr&eacute;c&eacute;dentes de Xara Xtreme.
Le bouton Propri&eacute;t&eacute;s est tr&egrave;s important dans la mesure o&ugrave; il ouvre la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s
des animations
qui contr&ocirc;le les aspects non seulement de l'image s&eacute;lectionn&eacute;e mais &eacute;galement de l'animation dans son
ensemble.
Page 646
La bo&icirc;te de dialogue des propri&eacute;t&eacute;s des animations
Il existe un raccourci pour afficher la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s des animations : il suffit de
double-cliquer sur le nom d'une image (frame) dans la Galerie des frames.
Les boutons Tous les frames visibles (oeil) et &Eacute;diter tous les
frames
(fl&egrave;che) dans la Galerie des frames vous permettent de voir ou
&eacute;diter tous les frames &agrave; la fois, l'une apr&egrave;s l'autre.
Cela est particuli&egrave;rement utile si vous souhaitez s&eacute;lectionner des objets situ&eacute;s sur plusieurs frames.
Remarque : lorsque vous copiez un frame, la copie du frame s&eacute;lectionn&eacute; est automatiquement plac&eacute; &agrave; la
fin. Pour ins&eacute;rer un nouveau frame, entre les frames 4 et 5 par exemple, il suffit de s&eacute;lectionner le frame
4, de cliquer sur Copier
, puis de faire glisser la nouvelle copie &agrave; l'emplacement d&eacute;sir&eacute; entre les frames 4 et 5.
Remarque
: les noms de frames importent peu et peuvent &ecirc;tre choisis librement. Ils ne doivent pas n&eacute;cessairement
&ecirc;tre frame 1, frame 2, etc. Les animations jouent toujours les frames du haut vers le bas, quels que soient
les noms respectifs.
Copier des objets
Vous pouvez copier des objets d'une frame vers une autre avec la m&eacute;thode habituelle (c'est-&agrave;-dire en
copier le contenu, cr&eacute;er une nouvelle frame puis coller dans la nouvelle frame). L'option &Eacute;dition &gt;
Copier &agrave; l'identique
(Ctrl+M+V) est particuli&egrave;rement utile pour r&eacute;aliser cela, car elle copiera toujours les objets &agrave; l'endroit o&ugrave;
ils se trouvaient dans le document d'origine, cette fois dans la nouvelle frame.
Lorsque vous copiez un objet, il conserve le m&ecirc;me nom. Veillez &agrave; ne pas avoir plusieurs objets portant le
m&ecirc;me nom sur un m&ecirc;me frame. Cela peut g&eacute;n&eacute;rer des erreurs.
Page 647
Copier des objets
Vous pouvez copier des objets d'une frame vers une autre avec la m&eacute;thode habituelle (c'est-&agrave;-dire en
copier le contenu, cr&eacute;er une nouvelle frame puis coller dans la nouvelle frame). L'option &Eacute;dition &gt;
Copier &agrave; l'identique
(Ctrl+M+V) est particuli&egrave;rement utile pour r&eacute;aliser cela, car elle copiera toujours les objets &agrave; l'endroit o&ugrave;
ils se trouvaient dans le document d'origine, cette fois dans la nouvelle frame.
Lorsque vous copiez un objet, il conserve le m&ecirc;me nom. Veillez &agrave; ne pas avoir plusieurs objets portant le
m&ecirc;me nom sur un m&ecirc;me frame. Cela peut g&eacute;n&eacute;rer des erreurs.
Page 648
Photos
Parce que les fichiers Flash sont g&eacute;n&eacute;ralement constitu&eacute;s de formes vectorielles, et que les
transformations sont relativement simples, ces fichiers peuvent &ecirc;tre de tr&egrave;s petite taille. Les photos et les
bitmaps peuvent &ecirc;tre incrust&eacute;s dans des animations Flash, mais &agrave; moins que vous ne fassiez attention,
vous obtiendrez des fichiers tr&egrave;s lourds. Il est possible d'effectuer toutes les transformations en Flash sur
des bitmap ou des photos (c'est-&agrave;-dire que vous pouvez d&eacute;placer, redimensionner, &eacute;craser, faire tourner,
produire ou recolorer des transitions).
Les fichiers Flash peuvent contenir des images PNG et JPEG tout comme les fichiers .xar, et Web
Designer cr&eacute;e automatiquement des photos &agrave; la bonne r&eacute;solution lorsque le fichier Flash est cr&eacute;&eacute;. Ainsi
par exemple, vous pouvez charger une image num&eacute;rique en haute r&eacute;solution, la r&eacute;duire &agrave;, disons, 200
pixels, ce qui veut dire qu'une image de 200 pixels sera incluse, et non le JPEG en pleine r&eacute;solution.
Lorsque des photos ayant une r&eacute;solution plus haute sont converties et r&eacute;duites pour pouvoir &ecirc;tre incluses
dans des fichiers Flash, les param&egrave;tres de compression JPEG (bo&icirc;te de dialogue des propri&eacute;t&eacute;s de
l'animation, onglet Options Flash) peuvent &ecirc;tre utilis&eacute;s pour contr&ocirc;ler le niveau de compression de vos
images JPEG. Veuillez vous reporter plus bas.
Lors du tweening de bitmaps ou de photos, une seule copie du bitmap est sauvegard&eacute;e dans le fichier
Flash : cela vous permet d'effectuer des transformations sur le bitmap avec peu de temps de traitement.
En d'autres termes, ce n'est pas parce que le bitmap appara&icirc;t sur les frames 1, 2 et 3 de votre animation
que trois copies du bitmap sont incrust&eacute;es dans le fichier Flash.
Bitmaps non JPEG
Les autres types de bitmaps, par exemple les bitmaps BMP, TIFF ou PNG, sont g&eacute;n&eacute;ralement
beaucoup plus lourds et ainsi moins appropri&eacute;s pour une utilisation dans les animations Flash (la
compression JPEG est bien meilleure que le format PNG pour les photos). Cependant, si vous ins&eacute;rez
une image PNG basse r&eacute;solution (96 ppp ou moins - vous verrez la &acute;taille de la r&eacute;solution dans la barre
de statut) alors celle-ci est conserv&eacute; en tant qu'image PNG dans le fichier Flash. Les images avec une
r&eacute;solution plus &eacute;lev&eacute;e (&gt;96 ppp) seront converties au format JPEG (JPEG transparent si besoin).
Vous pouvez contr&ocirc;ler la compression utilis&eacute;e pou cette conversion JPEG automatique en utilisation la
r&eacute;glette dans l'onglet des Options Flash de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s de l'animation
. La valeur habituelle de compression est de 75 mais vous pouvez faire varier la qualit&eacute;, pr&eacute;visualiser
l'animation et voir rapidement les &eacute;conomies de qualit&eacute; et de taille r&eacute;alis&eacute;es.
Page 649
Les bitmaps 256 couleurs ou moins (comme les GIF) ne sont pas encod&eacute;s en tant que JPEG et seront
incrust&eacute;s au moyen de la compression JPEG, qui est g&eacute;n&eacute;ralement le type de compression le mieux
appropri&eacute; &agrave; ce genre d'images.
Qualit&eacute; Bitmap
Flash Player 8 et les versions suivantes poss&egrave;dent une qualit&eacute; d'affichage bitmap sup&eacute;rieure. On le
constate principalement lors de la rotation ou du redimensionnement des bitmaps et des photos tandis
que les autres versions du Player ont tendance &agrave; produire des mouvements pix&eacute;lis&eacute;s et plut&ocirc;t saccad&eacute;s.
Vous pouvez indiquer la version de Player que vous poss&eacute;dez en faisant un clic droit sur votre animation
Flash dans votre navigateur Internet, puis en regardant dans le menu &laquo; &Agrave; propos de &raquo;.
Il est toutefois recommand&eacute; d'exporter votre animation Flash dans la version 8 si vous travaillez avec des
bitmaps ou des photos. Vous pouvez param&eacute;trer cela depuis l'onglet Options Flash de la bo&icirc;te de
dialogue Propri&eacute;t&eacute;s de l'animation
.
Page 650
Bitmaps non JPEG
Les autres types de bitmaps, par exemple les bitmaps BMP, TIFF ou PNG, sont g&eacute;n&eacute;ralement
beaucoup plus lourds et ainsi moins appropri&eacute;s pour une utilisation dans les animations Flash (la
compression JPEG est bien meilleure que le format PNG pour les photos). Cependant, si vous ins&eacute;rez
une image PNG basse r&eacute;solution (96 ppp ou moins - vous verrez la &acute;taille de la r&eacute;solution dans la barre
de statut) alors celle-ci est conserv&eacute; en tant qu'image PNG dans le fichier Flash. Les images avec une
r&eacute;solution plus &eacute;lev&eacute;e (&gt;96 ppp) seront converties au format JPEG (JPEG transparent si besoin).
Vous pouvez contr&ocirc;ler la compression utilis&eacute;e pou cette conversion JPEG automatique en utilisation la
r&eacute;glette dans l'onglet des Options Flash de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s de l'animation
. La valeur habituelle de compression est de 75 mais vous pouvez faire varier la qualit&eacute;, pr&eacute;visualiser
l'animation et voir rapidement les &eacute;conomies de qualit&eacute; et de taille r&eacute;alis&eacute;es.
Les bitmaps 256 couleurs ou moins (comme les GIF) ne sont pas encod&eacute;s en tant que JPEG et seront
incrust&eacute;s au moyen de la compression JPEG, qui est g&eacute;n&eacute;ralement le type de compression le mieux
appropri&eacute; &agrave; ce genre d'images.
Qualit&eacute; Bitmap
Flash Player 8 et les versions suivantes poss&egrave;dent une qualit&eacute; d'affichage bitmap sup&eacute;rieure. On le
constate principalement lors de la rotation ou du redimensionnement des bitmaps et des photos tandis
que les autres versions du Player ont tendance &agrave; produire des mouvements pix&eacute;lis&eacute;s et plut&ocirc;t saccad&eacute;s.
Vous pouvez indiquer la version de Player que vous poss&eacute;dez en faisant un clic droit sur votre animation
Flash dans votre navigateur Internet, puis en regardant dans le menu &laquo; &Agrave; propos de &raquo;.
Il est toutefois recommand&eacute; d'exporter votre animation Flash dans la version 8 si vous travaillez avec des
bitmaps ou des photos. Vous pouvez param&eacute;trer cela depuis l'onglet Options Flash de la bo&icirc;te de
dialogue Propri&eacute;t&eacute;s de l'animation
.
Page 651
Qualit&eacute; Bitmap
Flash Player 8 et les versions suivantes poss&egrave;dent une qualit&eacute; d'affichage bitmap sup&eacute;rieure. On le
constate principalement lors de la rotation ou du redimensionnement des bitmaps et des photos tandis
que les autres versions du Player ont tendance &agrave; produire des mouvements pix&eacute;lis&eacute;s et plut&ocirc;t saccad&eacute;s.
Vous pouvez indiquer la version de Player que vous poss&eacute;dez en faisant un clic droit sur votre animation
Flash dans votre navigateur Internet, puis en regardant dans le menu &laquo; &Agrave; propos de &raquo;.
Il est toutefois recommand&eacute; d'exporter votre animation Flash dans la version 8 si vous travaillez avec des
bitmaps ou des photos. Vous pouvez param&eacute;trer cela depuis l'onglet Options Flash de la bo&icirc;te de
dialogue Propri&eacute;t&eacute;s de l'animation
.
Page 652
Fr&eacute;quence des frames d'animation et &eacute;tapes
de tweening
Les animations Flash d&eacute;filent selon une fr&eacute;quence d'animation fixe. Plus la fr&eacute;quence de l'animation est
&eacute;lev&eacute;e, plus le r&eacute;sultat obtenu sera fluide, et plus le fichier Flash sera lourd. Le r&eacute;glage par d&eacute;faut de
Xtreme Web Designer 5 est de 24 images par seconde, mais vous pouvez modifier ce taux.
Lorsque vous cr&eacute;ez une keyframe, vous devez d&eacute;terminer la dur&eacute;e de l'intervalle jusqu'&agrave; la keyframe
suivante. Cela signifie que si une keyframe dure une demie-seconde, la dur&eacute;e de l'animation entre cette
keyframe et la suivante sera d'une demie-seconde. Les &eacute;tapes interm&eacute;diaires ne sont pas affich&eacute;es et
engendr&eacute;es seulement lors de la cr&eacute;ation du fichier Flash.
Avec un taux de 24 keyframes par seconde, 11 &eacute;tapes interm&eacute;diaires seront g&eacute;n&eacute;r&eacute;es par Xtreme Web
Designer 5 dans l'animation Flash, soit 12 frames en tout. (On ne voit pas ces frames interm&eacute;diaires dans
Xtreme Web Designer 5, elles sont simplement g&eacute;n&eacute;r&eacute;es lorsque vous cr&eacute;ez le fichier Flash.)
La Galerie des Frames vous montre toujours la dur&eacute;e d'affichage de chaque keyframe. Dans cet
exemple, trois frames ont chacune une dur&eacute;e d'affichage de 0,5 seconde, ce qui fait un temps total
d'animation de 1,5 seconde avant que l'animation ne se r&eacute;p&egrave;te.
Afin de cr&eacute;er des tweens plus longs, c'est-&agrave;-dire afin de ralentir la vitesse de l'animation, r&eacute;duisez la
dur&eacute;e de l'affichage &agrave; l'aide de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s des Animations
.
La fa&ccedil;on la plus simple de modifier la dur&eacute;e d'affichage d'une frame est de faire un double clic sur le nom
de la frame que vous souhaitez modifier, ce qui fait appara&icirc;tre la bo&icirc;te de dialogue, de saisir la nouvelle
dur&eacute;e en secondes et de cliquer sur OK ou Appliquer
.
Page 653
Recouper ou clipper des images
Dans peu de temps, vous allez commencer &agrave; cr&eacute;er des animations Flash comme celles que vous voyez
sur Internet, par exemple avec des titres ou des photos qui arrivent par les c&ocirc;t&eacute;s.
Pour cr&eacute;er une animation comme celle-ci, tout ce dont vous avez besoin est de d&eacute;finir la taille de la page
dans Xtreme Web Designer 5 pour lui donner la taille que vous souhaitez donner &agrave; votre animation Flash.
Donc par exemple, si vous souhaitez que votre banni&egrave;re Flash fasse 468 pixles de large et 60 de haut,
d&eacute;finissez la taille de la page dans votre document d'animation &agrave; 468x60. Pour d&eacute;finir la taille de la page,
allez dans l'onglet Page de la bo&icirc;te de dialogue des options (ou choisissez Fichier -&gt; Options pages
) et d&eacute;finissez les champs Largeur et Hauteur.
Lorsque vous exportez ou pr&eacute;visualisez l'animation Flash, celle-ci est automatiquement clipp&eacute;e sur la taille
de la page que vous avez d&eacute;finie. Ainsi, il est facile d'arranger votre animation de sorte que les objets
glissent vers l'int&eacute;rieur et l'ext&eacute;rieur de l'animation visible. Par exemple, si vous placez un objet anim&eacute; &agrave;
gauche de la page sur un keyframe puis &agrave; droite de la page sur le keyframe suivant, dans l'animation on
aura l'impression que l'objet arrive en glissant par la gauche du design et qu'il dispara&icirc;t sur le c&ocirc;t&eacute; droit.
Remarque : lorsque vous ouvrez des documents cr&eacute;&eacute;s avec des versions pr&eacute;c&eacute;dentes de Xara Xtreme,
ceux-l&agrave; ne seront pas clipp&eacute;s sur la page (la taille de la page &eacute;tait &eacute;norme) ; au lieu de cela, ils sont
clipp&eacute;s sur la taille du dessin. Vous pouvez param&eacute;trer cela dans la bo&icirc;te de dialogue des propri&eacute;t&eacute;s des
animations.
Si vous d&eacute;finissez la zone &agrave; enregistrer en tant que Drawing, cela cr&eacute;era une animation Flash qui ne sera
pas plus grande que n&eacute;cessaire - c'est-&agrave;-dire de la m&ecirc;me taille que les bords ext&eacute;rieurs de l'animation.
Ceci peut &ecirc;tre utile si vous n'avez pas besoin d'une taille de page sp&eacute;cifique.
Page 654
Vitesse de l'animation
Lorsque vous cr&eacute;ez un nouveau keyframe, il dure une demie seconde par d&eacute;faut. Et donc l'animation
partant de ce keyframe et allant jusqu'au keyframe suivant durera une seconde. Plus la dur&eacute;e que vous
d&eacute;finissez est longue, et plus l'animation sera lente. Pour d&eacute;finir la dur&eacute;e des frames, s&eacute;lectionnez tout
d'abord le frame de votre choix dans la Galerie de frames (en cliquant dessus), puis cliquez sur le
bouton des propri&eacute;t&eacute;s de l'animation
(ou faites un double clic sur le nom du frame).
Si vous d&eacute;finissez l'affichage du frame &agrave; 2 secondes, cela signifie que l'animation mettra 2 secondes &agrave;
tweener de ce frame au frame suivant.
Remarque : la bo&icirc;te de dialogue des propri&eacute;t&eacute;s des animations ne d&eacute;pend pas d'un mode particulier
et vous pouvez la garder constamment &agrave; l'&eacute;cran. Si vous cliquez sur le bouton Appliquer
, la bo&icirc;te de dialogue restera &agrave; l'&eacute;cran. Ses contenus sont mis &agrave; jour lorsque vous s&eacute;lectionnez un nouveau
frame, et pour chacun d'eux, vous pouvez d&eacute;finir la dur&eacute;e d'affichage de votre choix.
Page 655
Fluidit&eacute; de l'animation
Les vid&eacute;os Flash sont jou&eacute;es &agrave; un taux de frame constant. Plus le taux de frame est rapide, plus
l'animation est fluide. Par d&eacute;faut, Xtreme Web Designer 5 affiche 24 frames par seconde. Pour changer
ce taux, s&eacute;lectionnez l'onglet des Options Flash de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s de l'animation
.
L'onglet des options Flash, dans lequel vous pouvez modifier la vitesse du film ainsi que la version
d'exportation Flash.
Remarque :
plus le taux de frame est rapide, et plus le fichier Flash qui en r&eacute;sulte est lourd. Vous constaterez cela si
votre animation est compos&eacute;e essentiellement d'objets apparaissant et disparaissant avec une animation
relativement lente, et vousp ourrez r&eacute;duire le taux de frame &agrave; moins de 24 frames par secondes. Si vous
avez beaucoup d'action rapide, il sera peut-&ecirc;tre n&eacute;cessaire d'augmenter le taux de frame, mais il est
cependant rarement n&eacute;cessaire d'avoir un taux sup&eacute;rieur &agrave; 50 frames par seconde.
Page 656
Rotation
Xtreme Web Designer 5 calcule et g&eacute;n&egrave;re automatiquement les tween frames en calculant la fa&ccedil;on de
transformer les formes d'une keyframe &agrave; l'autre. Cependant il est parfois impossible de savoir exactement
quel type de rotation est souhait&eacute;.
Prenez cet exemple. Supposez que vous fassiez un tweening du premier cadran vers le second :
vous vous attendez &agrave; ce qu'il tourne dans le sens des aiguilles d'une montre, mais bien s&ucirc;r il pourrait aussi
tourner dans le sens contraire des aiguilles d'une montre :
en fait il y a encore d'autres fa&ccedil;ons dont il pourrait tourner. Dans les exemples ci-dessus, on suppose
que l'aiguille tourne autour d'une de ses extr&eacute;mit&eacute;s ; cependant vous pouvez tout aussi bien faire un
tweening d'un &eacute;tat &agrave; l'autre en proc&eacute;dant &agrave; une rotation en ligne droite &agrave; partir du centre de l'objet, ce qui
vous donnerait ceci :
Si vous regardez de plus pr&egrave;s, vous constaterez que l'aiguille tourne autour de son centre et non autour
d'une de ses extr&eacute;mit&eacute;s et que le point central se d&eacute;place selon une ligne droite d'une keyframe &agrave; une
autre. Par d&eacute;faut, Xtreme Web Designer 5 fait tourner les objets de cette fa&ccedil;on.
La commande Rotation
Pour forcer la rotation &agrave; se produire autour de tout autre point, vous pouvez utiliser un mot cl&eacute; sp&eacute;cial
&laquo; rotation &raquo; joint au nom de l'objet. (Voir la Galerie de Noms plus bas). Ou bien vous pouvez utiliser &laquo;
rotation+ &raquo; pour forcer la rotation &agrave; s'effectuer dans le sens des aiguilles d'une montre, ou &laquo; rotation- &raquo;
pour une rotation dans le sens contraire des aiguilles d'une montre.
Pour prendre l'exemple simple d'animation des deux keyframes expos&eacute; &agrave; la page pr&eacute;c&eacute;dente, o&ugrave; l'aiguille
des heures doit aller de 12 heures &agrave; 8 heures. Si vous nommez l'objet aiguille &laquo; rotation+ aiguille &raquo; vous
obtiendrez une animation dans laquelle les aiguilles tournent dans le sens habituel des aiguilles d'une
montre. Si vous le nommez &laquo; rotation- aiguille &raquo;, l'aiguille tournera alors dans le sens contraire des
aiguilles d'une montre.
Si vous n'indiquez aucune commande de rotation, le tween prendra le chemin le plus court entre les
objets d'une keyframe &agrave; l'autre, en tournant autour de son centre. Avec une commande de rotation jointe
au nom de l'objet, le point de rotation r&eacute;el est calcul&eacute;, qui, dans l'exemple, est la &laquo; base &eacute;largie &raquo; de
l'aiguille.
Note :
Page 657
il n'est pas possible de faire tourner un objet &agrave; 360&deg; entre les keyframes si le point de rotation n'est pas le
centre. Par exemple, pour faire faire un tour complet aux aiguilles de la montre, vous devrez cr&eacute;er une
keyframe interm&eacute;diaire.
Page 658
La commande Rotation
Pour forcer la rotation &agrave; se produire autour de tout autre point, vous pouvez utiliser un mot cl&eacute; sp&eacute;cial
&laquo; rotation &raquo; joint au nom de l'objet. (Voir la Galerie de Noms plus bas). Ou bien vous pouvez utiliser &laquo;
rotation+ &raquo; pour forcer la rotation &agrave; s'effectuer dans le sens des aiguilles d'une montre, ou &laquo; rotation- &raquo;
pour une rotation dans le sens contraire des aiguilles d'une montre.
Pour prendre l'exemple simple d'animation des deux keyframes expos&eacute; &agrave; la page pr&eacute;c&eacute;dente, o&ugrave; l'aiguille
des heures doit aller de 12 heures &agrave; 8 heures. Si vous nommez l'objet aiguille &laquo; rotation+ aiguille &raquo; vous
obtiendrez une animation dans laquelle les aiguilles tournent dans le sens habituel des aiguilles d'une
montre. Si vous le nommez &laquo; rotation- aiguille &raquo;, l'aiguille tournera alors dans le sens contraire des
aiguilles d'une montre.
Si vous n'indiquez aucune commande de rotation, le tween prendra le chemin le plus court entre les
objets d'une keyframe &agrave; l'autre, en tournant autour de son centre. Avec une commande de rotation jointe
au nom de l'objet, le point de rotation r&eacute;el est calcul&eacute;, qui, dans l'exemple, est la &laquo; base &eacute;largie &raquo; de
l'aiguille.
Note :
il n'est pas possible de faire tourner un objet &agrave; 360&deg; entre les keyframes si le point de rotation n'est pas le
centre. Par exemple, pour faire faire un tour complet aux aiguilles de la montre, vous devrez cr&eacute;er une
keyframe interm&eacute;diaire.
Page 659
Groupes
Les groupes sont trait&eacute;s de fa&ccedil;on particuli&egrave;re lors de la cr&eacute;ation d'animations. Au lieu de sauvegarder les
d&eacute;nominations individuelles de chaque partie d'un groupe, vous pouvez &agrave; la place donner un nom au
groupe entier puis copier le groupe sur la keyframe suivante. Xtreme Web Designer 5 se chargera
d'animer la totalit&eacute; du groupe d'une keyframe &agrave; l'autre. Vous pouvez bien s&ucirc;r appliquer les
transformations habituelles &agrave; groupe (modifier la taille, faire tourner, mais pas appliquer de transparence &agrave;
tout le groupe - voir la page suivante).
Si vous souhaitez animer certaines parties du groupe d'une autre fa&ccedil;on que le reste du groupe, vous
devez alors nommer ces parties s&eacute;par&eacute;ment (Ctrl+clic pour s&eacute;lectionner un objet &agrave; l'int&eacute;rieur d'un groupe,
puis nommez-le comme &agrave; votre habitude).
Remarque :
si vous d&eacute;groupez, que vous effectuez des changements sur certaines parties du groupe puis que vous
regroupez les objets :
 vous devez alors appliquer &agrave; nouveau le nom au nouveau groupe (s&eacute;lectionnez le groupe puis
faites un double clic sur le nom dans la galerie de Noms).
 Vous ne devez pas modifier l'ordre d'apparition des objets dans le groupe.
 Vous ne devez ni ajouter ni supprimer des &eacute;l&eacute;ments dans le groupe.
Transparence dans le groupe
Si vous souhaitez rendre un groupe transparent, vous devez appliquer la transparence &agrave; chacun des
objets du groupe. Il y a deux fa&ccedil;ons d'arriver &agrave; ce r&eacute;sultat :
 S&eacute;lectionnez chaque objet du groupe tour &agrave; tour et appliquez-leur une transparence.
 Ou bien d&eacute;cochez l'option Rendre les groupes transparents dans la bo&icirc;te de dialogue des
Options (Services &gt; Options puis onglet G&eacute;n&eacute;ral).
 Si vous faites cela, lorsque vous appliquez la transparence &agrave; tout le groupe, Xtreme Web
Designer 5 l'applique &agrave; en fait individuellement &agrave; chaque &eacute;l&eacute;ment du groupe, et non au groupe
lui-m&ecirc;me.
Page 660
Transparence dans le groupe
Si vous souhaitez rendre un groupe transparent, vous devez appliquer la transparence &agrave; chacun des
objets du groupe. Il y a deux fa&ccedil;ons d'arriver &agrave; ce r&eacute;sultat :
 S&eacute;lectionnez chaque objet du groupe tour &agrave; tour et appliquez-leur une transparence.
 Ou bien d&eacute;cochez l'option Rendre les groupes transparents dans la bo&icirc;te de dialogue des
Options (Services &gt; Options puis onglet G&eacute;n&eacute;ral).
 Si vous faites cela, lorsque vous appliquez la transparence &agrave; tout le groupe, Xtreme Web
Designer 5 l'applique &agrave; en fait individuellement &agrave; chaque &eacute;l&eacute;ment du groupe, et non au groupe
lui-m&ecirc;me.
Page 661
Quelles fonctions de Xtreme Web Designer 5
sont prises en charge par Flash ?
Le rendu vectoriel de Flash est vraiment primitif &agrave; c&ocirc;t&eacute; de celui de Xtreme Web Designer 5, et il y a
donc un grand nombre de fonctions avanc&eacute;es de Xtreme Web Designer 5 que vous ne pouvez utiliser,
telles que l'estompage, les transparences et types de remplissage complexes ou les ombres douces. Les
lignes (les traits) ne peuvent avoir qu'une &eacute;paisseur constante, et se terminer de fa&ccedil;on arrondie. Les
pointill&eacute;s ne sont pas pris en charge. L'&eacute;paisseur minimale de ligne est un pixel, et donc les lignes plus
fines de Xtreme Web Designer 5 seront affich&eacute;es avec une &eacute;paisseur de un pixel dans Flash.
Il y a deux aspects lorsque vous produisez des dessins compatibles avec Flash. Le premier est que vous
vous limitez aux fonctions prises en charge directement par le lecteur Flash. Le deuxi&egrave;me est que, lorsque
vous produisez des animations, le nombre de caract&eacute;ristiques pouvant &ecirc;tre tween&eacute;es ou anim&eacute;es est
encore plus restreint.
Les fonctions de dessin de Xtreme Web Designer 5 prises en charge par Flash :
 Tous les dessins normaux de lignes et de formes (bien que Flash soit beaucoup moins pr&eacute;cis que
Xtreme Web Designer 5, ce qui fait que vous constaterez parfois des inexactitudes dans les
lignes et les formes).
 Les remplissages de couleur d&eacute;grad&eacute;es plats, circulaires et elliptiques.
 Les remplissages de couleurs d&eacute;grad&eacute;es &agrave; plusieurs &eacute;tapes, y compris les remplissages lin&eacute;aires
et elliptiques. Huit couleurs maximum.
 Transparence plate. Type m&eacute;lange uniquement.
 La transparence d&eacute;grad&eacute;e est prise en charge pour les objets avec un remplissage de couleur plat
(non gradu&eacute;). Vous pouvez donc avoir des objets avec des couleurs d&eacute;grad&eacute;es avec une
transparence plate ou des objets aux couleurs plates avec une transparence d&eacute;grad&eacute;e, mais pas
les deux ensemble.
 Les contours &agrave; &eacute;paisseur constante et aux bouts arrondis et les raccords de lignes (la version 8
des fichiers Flash prend en charge les autres types de raccords et de bouts).
 Texte, y compris le cr&eacute;nage. Vous pouvez utiliser toutes les polices de caract&egrave;re de votre choix.
Les contours de caract&egrave;res de toute police utilis&eacute;e sont incrust&eacute;s dans le fichier Flash. Cela est
beaucoup plus efficace que, par exemple, l'incrustation dans les documents PDF.
 Texte sur une courbe. Remarque : la ligne utilis&eacute;e pour la courbe doit &ecirc;tre rendue invisible pour
que l'animation fonctionne.
 Bitmap et remplissages bitmap.
 Bitmap et remplissages bitmap continus (color&eacute;s).
 Saturation photo, temp&eacute;rature de la couleur et flou (mais pas la luminosit&eacute; / changement de
contraste).
 Le nuage fractal et les remplissages plasma fonctionnent, mais sont convertis en bitmaps, donc
ceci n'est pas tr&egrave;s efficace.
Tandis que certains effets de Xtreme Web Designer 5, comme les ombres douces, fonctionnent dans des
fichiers statiques, ceux-l&agrave; sont export&eacute;s en tant que bitmaps dans le fichier Flash et ne sont donc pas tr&egrave;s
efficaces et non adapt&eacute;s pour les animations.
Ce qui peut &ecirc;tre anim&eacute; :
Comme &eacute;nonc&eacute; au d&eacute;but de ce chapitre, voici les r&egrave;gles d'or des modifications pouvant &ecirc;tre effectu&eacute;es
d'un keyframe &agrave; l'autre :
 D&eacute;placer : d&eacute;placer des objets d'une position &agrave; l'autre.
 Redimensionner : agrandir ou r&eacute;duire la taille des objets.
 Ecraser ou d&eacute;former : &eacute;craser ou d&eacute;former des objets.
 Rotation : faire tourner des objets.
 Transparence : ajuster la transparence (plate) des objets.
Page 662
 Modification des couleurs : modifier la couleur (plate) de remplissage des objets.
 Ou toute combinaison des &eacute;l&eacute;ments ci-dessus.
De plus, il existe quelques cas sp&eacute;ciaux de transformation des couleurs d'une photo qui sont pris en
charge par Flash. Vous pouvez modifier la saturation (de mani&egrave;re &agrave; pouvoir tweener une photo en pleine
couleur en une photo en noir et blanc) ; vous pouvez aussi ajuster la commande de temp&eacute;rature de
couleur (chaud / froid), ainsi que la valeur de flou. Cette derni&egrave;re vous permet de tweener une photo
floue pour la rendre nette. Mais notez bien que cela ne fonctionne qu'avec les valeurs de flou et non de
nettet&eacute;. Il y a aussi une l&eacute;g&egrave;re diff&eacute;rence dans la mani&egrave;re dont Flash rend les photos floues. Flash rend
toute la photo floue, bords compris, tandis que le flou de Xtreme Web Designer 5 ne rend que l'int&eacute;rieur
de la photo flou et conserve les bords nets.
Deuxi&egrave;mement, un autre cas sp&eacute;cial : vous pouvez animer du texte le long d'une courbe. Ceci est sp&eacute;cial
car vous pouvez vous en servir pour transformer un texte se trouvant le long d'une courbe en un texte se
trouvant le long d'une courbe compl&egrave;tement diff&eacute;rente. Ce qui se passe en fait est un tweening &agrave; partir de
la position du caract&egrave;re dans un keyframe vers la position du caract&egrave;re correspondante dans le keyframe
suivant. Cela peut produire des effets int&eacute;ressants.
Remarque :
la ligne utilis&eacute;e pour la courbe doit &ecirc;tre rendue invisible pour que l'animation fonctionne.
Objets statiques
Vous pouvez ajouter de nouveaux objets simplement en les faisant glisser sur la keyframe de votre
choix. Ils appara&icirc;tront dans l'animation au d&eacute;but de la frame et dispara&icirc;tront &agrave; la keyframe suivante &agrave;
moins qu'ils n'apparaissent &eacute;galement sur cette keyframe. Donc le moyen le plus simple de voir appara&icirc;tre
un objet de fa&ccedil;on statique sur toutes les frames est de vous assurer qu'il est copi&eacute; sur toutes les frames.
L'optimisation pour Flash de Xtreme Web Designer 5 est tr&egrave;s efficace et vous remarquerez qu'avoir plus
d'une copie prend &agrave; peine plus de place dans le fichier (ceci est valable pour les copies multiples d'objets
&agrave; n'importe quel endroit).
Page 663
Objets statiques
Vous pouvez ajouter de nouveaux objets simplement en les faisant glisser sur la keyframe de votre
choix. Ils appara&icirc;tront dans l'animation au d&eacute;but de la frame et dispara&icirc;tront &agrave; la keyframe suivante &agrave;
moins qu'ils n'apparaissent &eacute;galement sur cette keyframe. Donc le moyen le plus simple de voir appara&icirc;tre
un objet de fa&ccedil;on statique sur toutes les frames est de vous assurer qu'il est copi&eacute; sur toutes les frames.
L'optimisation pour Flash de Xtreme Web Designer 5 est tr&egrave;s efficace et vous remarquerez qu'avoir plus
d'une copie prend &agrave; peine plus de place dans le fichier (ceci est valable pour les copies multiples d'objets
&agrave; n'importe quel endroit).
Page 664
Transformation des couleurs - Animer des
changements de couleur
Voici ce qu'il est possible de faire ou non avec les transformations de couleurs dans le Flash Xtreme
Web Designer 5 :
 Vous pouvez animer des changement de couleurs simples et plates d'objets d'un keyframe &agrave;
l'autre.
 Vous pouvez modifier la couleur du contour ind&eacute;pendamment de celle du remplissage.
 Vous pouvez modifier les couleurs continues d'une photo.
 Vous ne pouvez pas r&eacute;gler la position des remplissages en d&eacute;grad&eacute;.
Page 665
Transparence
Comme mentionn&eacute; plus haut, vous pouvez r&eacute;gler la transparence r&eacute;guli&egrave;re des objets (pas de
transparence de groupe) et Flash prend en charge cela (p
MAGIX Xtreme Web Designer 5 Manuel utilisateur

Manuels associés

MAGIX

Xtreme Print Center

MAGIX

Photo & Graphic Designer 2013

MAGIX

Web Designer MX 8.0

AVIMECA

AVIMECA

MAGIX

3D Maker 7

Quark

QuarkCopyDesk 9.1

Quark

QuarkXPress 2017

MAGIX

Photo & Graphic Designer 7

Quark

QuarkXPress 2016

MAGIX

Video Pro X5

MAGIX

Video Deluxe 17 HD

Quark

QuarkCopyDesk 2015
