MAGIX Web Designer MX 8.0 Manuel utilisateur

Ajouter à Mes manuels
399 Des pages
2
Copyright
La pr&eacute;sente documentation est prot&eacute;g&eacute;e par copyright. Tous les droits sont r&eacute;serv&eacute;s,
en particulier le droit de reproduction et de diffusion ainsi que la traduction.
Aucune partie de cette publication ne doit &ecirc;tre reproduite sous quelque forme que ce
soit, par photocopie, microfilm ou tout autre proc&eacute;d&eacute;, ni ne doit &ecirc;tre transf&eacute;r&eacute;e dans
un langage machine utilisable, en particulier par syst&egrave;me informatique, sans
l'autorisation &eacute;crite du propri&eacute;taire du droit d'auteur.
Tous les droits de reproduction sont r&eacute;serv&eacute;s.
Les autres produits mentionn&eacute;s appartiennent &agrave; leur fabricant respectif. Sauf erreur
ou omission et sous r&eacute;serve de modifications du contenu ou du programme.
Copyright &copy; Xara Group Ltd., 1994 - 2011. All rights reserved.
Xara est une marque d&eacute;pos&eacute;e de Xara Group Ltd.
Xara Group Ltd. appartient au groupe MAGIX AG.
MAGIX est une marque d&eacute;pos&eacute;e de MAGIX AG.
Il se peut que les autres noms de produits cit&eacute;s soient des marques d&eacute;pos&eacute;es par
leurs fabricants respectifs.
www.magix.com
Pr&eacute;face
Pr&eacute;face
F&eacute;licitations pour l'achat de MAGIX Web Designer MX !
MAGIX Web Designer MX n'a pas son pareil parmi les programmes conventionnels
d'&eacute;dition de sites Web. Cette solution tout-en-un innovante combine les avantages
d'un syst&egrave;me de blocs de construction bas&eacute; sur les mod&egrave;les avec de nombreuses
innovations pour le design enti&egrave;rement flexible de sites Web entiers, d'animations et
de graphiques Web. Il inclut entre autres la mise en page de texte, l'optimisation
d'images et la publication.
Tout ce dont vous avez besoin pour le futur design de votre site Web ou pour
compl&eacute;ter votre logiciel de sites Web en un seul programme simple d'utilisation !
Le manuel imprim&eacute; n'est qu'une br&egrave;ve introduction au logiciel. Ce manuel explique
ensemble les fonctions de MAGIX Web Designer MX et de . Les fonctions
additionnelles de la version Premium sont signal&eacute;es en tant que telles (voir page 13).
La documentation compl&egrave;te du logiciel est enregistr&eacute;e au format PDF sur votre disque
dur &agrave; l'issue de l'installation du programme. Ce manuel &eacute;lectronique vous fournit des
explications plus d&eacute;taill&eacute;es sur les options, les bo&icirc;tes de dialogue, les menus et
l'interface du programme.
Amusez-vous bien avec votre logiciel !
Votre &eacute;quipe MAGIX
3
4
Contents
Copyright
2
Pr&eacute;face
3
Assistance technique
11
Web Designer ou Web Designer Premium
13
Introduction
Qu'est-ce que MAGIX Web Designer MX ?
Quelles sont les particularit&eacute;s de Web Designer ?
Les nouveaut&eacute;s de MAGIX Web Designer MX. (v8)
Cr&eacute;ation/publication Web
Outils principaux et facilit&eacute; d'utilisation
Autres am&eacute;liorations (dans les deux versions si non pr&eacute;cis&eacute;)
Et beaucoup d'autres am&eacute;liorations - pour plus de d&eacute;tails rendez-vous sur
Xara.com http://www.xara.com/products/webdesigner/whatsnew/
Un site Internet en six &eacute;tapes
17
17
17
18
18
21
22
24
24
Obtenir de l'aide
Infos du document
Infobulles
&Agrave; propos de Xtreme
25
25
25
25
D&eacute;marrage
Program Layout
Objets de la page
Conception de sites Web bas&eacute;s sur les objets
L'outil de s&eacute;lection
Barre d'outils de site Internet
Cr&eacute;er un site Internet
Pr&eacute;visualisation de votre site Internet
Utiliser des mod&egrave;les de conception, des Cliparts et des gadgets
Couleurs du site Internet
Photos
Texte
Taille de la page
Enregistrer votre travail. Cr&eacute;er un site Internet
Objets extensibles
Groupes
26
26
29
30
31
33
33
33
35
38
47
52
56
57
58
59
www.magix.com
Pr&eacute;face
Liens, boutons et barres de navigation.
Outils de dessin
Menus clic droit
Calques, survol de souris &amp; fen&ecirc;tres pop-up
Cr&eacute;er des boutons, banni&egrave;res et autres graphismes Web
Publier votre site Internet
61
63
71
72
77
79
Travailler avec des documents
Cr&eacute;er un nouveau document
Ouvrir un document existant
The MAGIX Web Designer MX window
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
Sauvegardes automatiques
Grille
R&egrave;gles
Qualit&eacute; d'affichage
Galeries
Annuler et R&eacute;tablir
84
84
84
85
89
90
92
92
93
96
97
98
99
102
103
104
105
114
Utilisation des objets
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
Accrochage
Objets d'aide et lignes d'aide
R&eacute;capitulatif des raccourcis sur le pav&eacute; num&eacute;rique
115
115
119
122
122
124
124
126
128
128
129
130
135
137
5
6
Grouper et d&eacute;grouper des objets
Groupes souples
Alignement
Copier des styles : coller des attributs
Nommer les objets
Objets r&eacute;p&eacute;t&eacute;s
Pieds de page et objets qui s'&eacute;tirent avec la page
137
139
140
144
145
146
149
Dessiner une ligne ou une forme
L'outil lignes droites et fl&egrave;ches
L'outil d'&eacute;dition des formes
Allonger la ligne
Terminer la ligne
Ajouter une nouvelle poign&eacute;e
S&eacute;lectionner plusieurs poign&eacute;es
Supprimer des points
D&eacute;placer les points d'ancrage - Outil d'&eacute;dition des formes
Lissage de ligne
Limitation de la ligne
Modifier les courbes
Transformation d'une ligne droite en courbe
Connexion de lignes
Segmentation d'une forme
Fermer une forme
Modification de la largeur de la ligne (&eacute;paisseur)
152
152
153
156
156
156
157
158
158
159
160
160
162
163
164
164
165
Manipulation des formes
Modification de la largeur de la ligne (&eacute;paisseur)
Cr&eacute;ation de rectangles et carr&eacute;s
Cr&eacute;ation de cercles et ellipses
166
166
166
168
Utilisation des couleurs
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 th&eacute;matiques
Sch&eacute;mas de couleurs de palette
&Eacute;diter les couleurs d'un th&egrave;me
Importer des couleurs nomm&eacute;es
Couleurs normales, teintes, nuances et Couleurs li&eacute;es
169
169
171
172
173
175
176
176
177
178
www.magix.com
Pr&eacute;face
Utilisation du texte
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
Objets de renvoi de texte
Graphiques ancr&eacute;s
Graphiques int&eacute;gr&eacute;s
Styles 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
180
180
181
181
182
184
185
186
189
190
192
193
193
198
200
203
203
208
211
212
213
214
214
214
215
L'outil de remplissage
Cr&eacute;ation d'un remplissage couleur d&eacute;grad&eacute;
Types de remplissage
Barre d'infos de l'outil de remplissage
Remplissages uniformes
Remplissages lin&eacute;aires
Remplissages circulaires
Remplissages elliptiques
Remplissages bitmap
Remplissages fractals
Graduations de couleurs en plusieurs &eacute;tapes
Galerie des remplissages
216
216
216
217
219
219
220
221
221
224
225
226
Transparence
228
7
8
Appliquer une transparence uniforme
Appliquer une transparence en d&eacute;grad&eacute;
Appliquer une transparence &agrave; plusieurs objets
228
228
229
Ombres
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
230
230
231
233
233
233
234
234
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
Onglet Lien
Onglet Site Internet
Onglet Page
Onglet image
Onglet Passage de la souris
Onglet objets fictifs
Onglet publier
235
236
242
244
246
251
252
255
Traitement des photos
Introduction
Objets photo
Importation de photos
Copies z&eacute;ro m&eacute;moire
La Galerie des bitmaps
Fichiers JPEG incrust&eacute;
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
Colorer des photos
Utilisation de Windows pour faire des captures d'&eacute;cran
Redimensionner, faire tourner et positionner une photo dans son cadre
Redresser l'horizon
Afficher une photo r&eacute;duite en taille enti&egrave;re
Photo en taille enti&egrave;re
Optimisation de photos et d'images en mode point
262
262
262
263
265
266
269
270
271
273
273
274
275
275
276
277
278
278
279
www.magix.com
Pr&eacute;face
Conversion d'objets ou dessins en bitmaps
Documents photo
&Eacute;dition de fichiers photo
282
283
284
L'outil photo
Introduction
Utilisation des Outils Photo
Fonctions photo communes
Outil d'optimisation
Outil d'extrait
Remarques sur l'outil photo
286
286
287
288
289
292
294
Barres de navigation
296
Utilisation de mod&egrave;les de barres de navigation
296
Bo&icirc;te de dialogue Propri&eacute;t&eacute;s de la barre de navigation
297
Barre de navigation du site
299
Boutons et menus
301
Mettre &agrave; jour la barre de navigation sur toutes les pages
304
&Eacute;dition sur la toile
305
Modifier la police des boutons de la barre de navigation
305
Importer et coller des barres de navigation
305
Cr&eacute;er vos propres barres de navigation
306
Marges des boutons
307
Avanc&eacute; : &eacute;diter le mod&egrave;le de conception d'un bouton de la barre de navigation 308
Barres de navigation avec premier et dernier boutons diff&eacute;rents
310
Gadgets de site Internet
Gadgets et web objets fictifs : tout est automatique !
Gadgets Web de la Galerie des mod&egrave;les
Gadgets Web modifiables en ligne
Ajouter des fichiers vid&eacute;o et animations
Gadgets provenant d'autres sites
Redimensionner les gadgets
Ajouter des objets fictifs de gadget web manuellement
Plus d'informations
312
312
314
314
317
319
320
321
322
Galerie des pages et des calques
Galerie des pages et des calques
Pages
Calques
Op&eacute;rations des calques
323
323
327
328
330
9
10
Calques sp&eacute;ciaux
Masquer les calques
Mode solo
Verrouiller les calques
Tout afficher et tout d&eacute;verrouiller
D&eacute;placer les objets entre les calques
332
332
332
333
333
334
Importer et exporter
Remarques g&eacute;n&eacute;rales sur l'exportation et l'importation
Importation et exportation de formats de fichier pris en charge
Importer des fichiers
Exporter des fichiers
Aper&ccedil;u de la fen&ecirc;tre de dialogue d'exportation des formats JPEG, PNG et GIF
La galerie des designs
335
335
335
337
340
343
349
Personnaliser Web Designer
Modifier le document mod&egrave;le vide
Afficher vos propres ic&ocirc;nes dans les onglets des navigateurs : favicons
Options du menu Services
Onglet g&eacute;n&eacute;ral
Onglet des grilles et r&eacute;glettes
Onglet Souris
Onglet Taille de la page
Onglet Sauvegardes
Barres de contr&ocirc;le
351
351
352
353
353
356
357
358
359
359
Menus et raccourcis clavier
Introduction
Menu fichier
Menu &Eacute;diter
Menu Arranger
Menu Services
Menu de partage
Menu Fen&ecirc;tre
Menu d'aide
Raccourcis clavier
363
363
363
367
369
371
372
374
376
377
Si vous avez encore des questions...
382
En savoir plus sur MAGIX
383
Indice
384
www.magix.com
Assistance technique
Assistance technique
Cher client MAGIX,
notre objectif est de fournir constamment une aide pratique, rapide et adapt&eacute;e. Pour
cela, nous vous proposons une gamme compl&egrave;te de services :
• Assistance Web illimit&eacute;e :
En tant que client enregistr&eacute; de MAGIX, vous b&eacute;n&eacute;ficiez de l'assistance Web
illimit&eacute;e depuis le portail de services MAGIX au design accueillant
http://support.magix.net/ http://support.magix.net.
Depuis ce portail, vous avez acc&egrave;s &agrave; un assistant d'aide intelligent, &agrave; une rubrique
haute qualit&eacute; de questions les plus fr&eacute;quemment pos&eacute;es, &agrave; des correctifs et &agrave; des
rapports d'utilisation sans cesse mis &agrave; jour. La seule condition pr&eacute;alable est
l'enregistrement de votre produit sur www.magix.com.
• La Communaut&eacute; en ligne en tant qu'aide rapide et plate-forme d'&eacute;change :
La Communaut&eacute; en ligne www.magix.info est &agrave; la disposition des clients MAGIX
gratuitement et sans limitation. Elle rassemble plus de 120 000 membres et
permet de poser des questions concernant les produits MAGIX, de rechercher
certains th&egrave;mes ou d'obtenir des r&eacute;ponses par le biais de la fonction de
recherche. La base de donn&eacute;es de connaissances contient, outre les questions et
r&eacute;ponses, un lexique, des vid&eacute;os tutorielles et un forum de discussion. Les
nombreux experts pr&eacute;sents quotidiennement sur www.magix.info garantissent
des temps de r&eacute;ponse tr&egrave;s courts, quelques minutes seulement parfois.
• Assistance par e-mail pour les produits MAGIX :
Pour chaque nouveau produit MAGIX, vous b&eacute;n&eacute;ficiez automatiquement d'un
service clients gratuit par e-mail pendant 12 mois &agrave; compter de la date d'achat.
Assistance par e-mail Premium :
Pour b&eacute;n&eacute;ficier d'un traitement prioritaire de la part de l'assistance ou si vous
souhaitez que l'&eacute;quipe d'assistance vous aide pour des probl&egrave;mes informatiques
non li&eacute;s &agrave; MAGIX, vous pouvez acheter un ticket pour l'assistance par e-mail
Premium. Pour le faire, veuillez vous rendre sur le site d'assistance MAGIX
http://support.magix.net et une fois connect&eacute;, cliquez sur &laquo; Acheter code
d'acc&egrave;s &raquo; dans la barre de navigation. Le ticket est li&eacute; &agrave; un probl&egrave;me pr&eacute;cis
jusqu'&agrave; son utilisation et il ne se limite pas &agrave; un e-mail.
Attention : si vous souhaitez profiter de l'assistance Premium par e-mail et de
l'assistance produits gratuite par e-mail sur Internet, vous devez enregistrer votre
programme MAGIX &agrave; l'aide du num&eacute;ro de s&eacute;rie. Ce num&eacute;ro de s&eacute;rie se trouve sur la
pochette du CD d'installation ou &agrave; l'int&eacute;rieur de la jaquette du DVD.
• Service client&egrave;le suppl&eacute;mentaire par t&eacute;l&eacute;phone :
Outre les nombreux services clients gratuits, vous avez &eacute;galement la possibilit&eacute;
de joindre le service client&egrave;le par t&eacute;l&eacute;phone (payant).
11
12
Les num&eacute;ros de t&eacute;l&eacute;phone du service client&egrave;le et des autres rubriques de notre
assistance technique sont disponibles &agrave; l'adresse suivante :
http://support.magix.net/.
Courrier : MAGIX Development Support, Postfach 20 09 14, 01194 Dresde,
Allemagne
Veuillez vous munir des informations suivantes :
•
•
•
•
•
•
Quel programme MAGIX et quelle version utilisez-vous ?
Quel syst&egrave;me d'exploitation utilisez-vous ?
Quelle carte graphique et quelle r&eacute;solution d'&eacute;cran utilisez-vous ?
Quelle carte son utilisez-vous ?
Utilisez-vous le p&eacute;riph&eacute;rique audio par d&eacute;faut de votre ordinateur ?
Pour les programmes vid&eacute;o : quelle carte vid&eacute;o ou quelle carte FireWire utilisezvous ?
• De combien de m&eacute;moire vive (RAM) dispose votre ordinateur ?
• Quelle version de DirectX est install&eacute;e sur votre PC ?
Service commercial (Paris) : (+33) 1 82 88 93 03
Notre service commercial MAGIX est &agrave; votre disposition les jours ouvr&eacute;s et peut vous
aider pour les requ&ecirc;tes ou probl&egrave;mes suivants :
•
•
•
•
Commandes
Conseil produit (avant l'achat)
Demandes de mises &agrave; niveau
Retours de commandes
www.magix.com
Web Designer ou Web Designer Premium
Web Designer ou Web Designer Premium
Web Designer Premium offre un certain nombre de fonctionnalit&eacute;s suppl&eacute;mentaires &agrave;
l'attention des utilisateurs professionnels, notamment des fonctions de cr&eacute;ation et de
publication web ainsi que des outils graphiques suppl&eacute;mentaires. Il existe une mise &agrave;
niveau pour les personnes qui poss&egrave;dent d&eacute;j&agrave; MAGIX Web Designer MX ; visitez
www.xara.com pour en savoir plus.
Cr&eacute;ation web et publication web
• Pr&eacute;sentations
• Animation (flash et gif)
• Nouveaux gadgets web
• Transitions de page et de calque anim&eacute;es
• Plans du site
• Explorateur FTP
• Mod&egrave;les et gadgets web suppl&eacute;mentaires
• Code de l'en-t&ecirc;te
Outils graphiques
• Main lev&eacute;e et pinceau
• Forme automatique
• Dans l'Outil Texte : chercher et remplacer
• Dans l'Outil Remplacer : quelques formes et profils de remplissage
• Dans l'outil Transparence : quelques formes et profils de transparence
• Ombre
• Biseau
• Modelage
• Estomper
• Extrusion 3D
• Dans l'Outil Photo : yeux rouges, panorama, baser sur le contenu, masquer
Galeries
• Ligne
• Cadre
• Dans Page et Calque : naviguer parmi les objets
G&eacute;n&eacute;ral
• Combiner des formes
• Options avanc&eacute;es pour coller
• Nommer les couleurs et quelques mod&egrave;les de couleur
13
14
• Imprimer
• Capture d'&eacute;cran
• Quelques formats d'importation et d'exportation
Cr&eacute;ation web et publication web
Pr&eacute;sentations. Avec Web Designer Premium, vous pouvez cr&eacute;er des pr&eacute;sentations
web de type &laquo; diaporama &raquo; dans lesquelles les visiteurs de votre site pourront
naviguer &agrave; l'aide des touches fl&eacute;ch&eacute;es de leur clavier. Appliquez des effets de
transition anim&eacute;s &agrave; chaque fois qu'un nouvelle &eacute;tape ou une nouvelle page s'affiche.
Vous pouvez aussi h&eacute;berger facilement une r&eacute;union web (un &laquo; webinaire &raquo;) pour faire
la d&eacute;monstration de votre pr&eacute;sentation pas &agrave; pas et page par page &agrave; un groupe de
participants invit&eacute;s.
Animation (Flash et gif). Web Designer Premium constitue une solution r&eacute;ellement
simple pour cr&eacute;er des animations Flash tr&egrave;s efficaces. Il permet &eacute;galement de cr&eacute;er
des GIF anim&eacute;s.
Nouveaux gadgets web. Vous pouvez rendre vos sites Internet plus attrayants et plus
dynamiques gr&acirc;ce &agrave; nos nouveaux gadgets web : ils vous permettent d'ajouter &agrave; vos
pages web toute une s&eacute;rie d'animations appliqu&eacute;es aux photos et au texte sans
n&eacute;cessiter l'&eacute;criture de la moindre ligne de code. Au fil du temps, des gadgets web
suppl&eacute;mentaires seront automatiquement t&eacute;l&eacute;charg&eacute;s et ajout&eacute;s &agrave; votre galerie.
Transitions anim&eacute;es de pages et de calques.Web Designer Premium permet
d'ajouter facilement toute une vari&eacute;t&eacute; d'effets anim&eacute;s aux calques et aux pages de
votre site web. Vous pouvez ajouter des transitions anim&eacute;es &agrave; n'importe quel lien de
page et calque pop-up de vos pages web.
Plans du site. Vous pouvez g&eacute;n&eacute;rer automatiquement un plan du site pour assister les
moteurs de recherche dans leur analyse de votre site Internet.
Explorateur FTP. Vous pouvez naviguer dans les fichiers et r&eacute;pertoires de votre
serveur FTP, mais aussi les visualiser et les supprimer, &agrave; l'aide de l'Explorateur
d'espace web int&eacute;gr&eacute; &agrave; Web Designer Premium.
Mod&egrave;les et gadgets web suppl&eacute;mentaires. Web Designer Premium offre des
mod&egrave;les suppl&eacute;mentaires relatifs aux fonctionnalit&eacute;s absentes de la version classique
de Web Designer, en particulier des pr&eacute;sentations et des animations Flash. De plus,
vous disposez d'une s&eacute;lection de gadgets web pour le commerce en ligne.
Ajouter facilement du code dans l'en-t&ecirc;te d'une page d'un site web. Web Designer
Premium vous permet d'&eacute;crire du code HTML dans l'en-t&ecirc;te et le corps de vos pages
web pour augmenter les possibilit&eacute;s de personnalisation de votre site web. Vous
pouvez ajouter facilement votre code (ou le code d'un fournisseur de gadgets web)
dans chaque page ou dans toutes les pages de votre site web.
www.magix.com
Web Designer ou Web Designer Premium
Outils graphiques
Outil main lev&eacute;e et pinceau. Vous pouvez utiliser cet outil pour dessiner &agrave; main lev&eacute;e
comme si vous utilisez un crayon. Vous pouvez &eacute;galement vous en servir pour faire
des coups de pinceau. Il comprend une option de dessin de lignes &agrave; &eacute;paisseur variable
utilisant un syst&egrave;me de dessin sensible &agrave; la pression compatible avec les palettes
graphiques.
Outil de forme automatique. L'outil de forme automatique permet de cr&eacute;er
rapidement presque toutes formes r&eacute;guli&egrave;res et sym&eacute;triques possibles avec des coins
arrondis ou pointus.
Quelques options de l'Outil Texte (chercher et remplacer). La fonction Chercher et
remplacer ex&eacute;cute une recherche en temps r&eacute;el, c'est-&agrave;-dire que la recherche est
lanc&eacute;e d&egrave;s que vous saisissez le texte &agrave; rechercher et les r&eacute;sultats sont mis en
surbrillance en temps r&eacute;el.
Options suppl&eacute;mentaires dans l'Outil de remplissage (quelques formes et profils de
remplissage). L'outil de remplissage vous permet d'appliquer une couleur de
remplissage aux objets. La version Premium comporte des remplissages de type
conique, en diamant, tricolore et quadricolor plus une fonction de profil du
remplissage.
Options suppl&eacute;mentaires dans l'Outil de Transparence (quelques formes et profils
de transparence). L'outil de transparence vous permet de d&eacute;finir dans quelle mesure
les couleurs et les objets inf&eacute;rieurs apparaissent sous un objet. Premium poss&egrave;de des
transparences de type non m&eacute;lang&eacute; et une fonction de profil de la transparence.
OUTIL OMBRE. L'Outil Ombre vous permet d'appliquer, de supprimer et de modifier les
ombres semi-transparentes (ou &laquo; douces &raquo;).
OUTIL BISEAU. L'outil biseau conf&egrave;re de la profondeur aux objets au lieu de les laisser &agrave;
plat sur la page.
Outil de Modelage. L'outil de Modelage vous permet de mettre les formes en
perspective afin de donner une impression de profondeur.
Outil d'estompage. L'Outil d'estompage vous permet d'att&eacute;nuer les bords d'un objet
afin qu'il se m&eacute;lange ou se fonde &agrave; un objet d'arri&egrave;re-plan.
Outil d'extrusion 3D L'Outil d'extrusion permet de transformer rapidement et
facilement des formes dessin&eacute;es en 2D et du texte en versions 3D &laquo; extrud&eacute;es &raquo; de
haute qualit&eacute; avec des &eacute;clairages color&eacute;s et des ombres de tr&egrave;s haute qualit&eacute;.
Dans l'Outil Photo : yeux rouges, panorama, baser sur le contenu, masquer :
• Yeux rouges. L'outil Yeux rouges vous permet de supprimer rapidement les effets
d'yeux rouges sur les visages de vos photos.
15
16
• Panorama. Web Designer Premium poss&egrave;de un outil permettant d'assembler
automatiquement jusqu'&agrave; 6 photos dans un panorama large &agrave; haute r&eacute;solution.
• Masquer. Plusieurs manipulations peuvent n&eacute;cessiter un masque pour signaler
les zones d'une photo ou d'un dessin &agrave; manipuler. Par exemple le fait de
redimensionner en fonction du contenu, de couper/copier/coller, de cloner et
d'am&eacute;liorer une photo.
Galeries
Galerie des lignes. Vous pouvez utiliser la galerie des lignes pour appliquer une s&eacute;rie
de styles ou d'attributs, comme des coups de pinceau, des motifs en pointill&eacute;s, des
t&ecirc;tes de fl&egrave;ches et plus encore.
Galerie dans les pages et les calques : la version Premium vous permet &eacute;galement de
naviguer dans les objets de la galerie des page et des calques et non pas uniquement
dans les pages et les calques.
G&eacute;n&eacute;ral
Combiner des formes. L'option de menu ARRANGER -&gt; COMBINER DES FORMES (ou clic
droit puis COMBINER DES FORMES ) met &agrave; votre disposition de nombreuses options
avanc&eacute;es pour combiner des formes afin de 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.
Options avanc&eacute;es pour coller. Il s'agit d'options suppl&eacute;mentaires qui vous offrent plus
possibilit&eacute;s pour coller : Coller la position, Coller la taille, Coller en rempla&ccedil;ant la
s&eacute;lection, Coller sur le calque actuel et Coller au m&ecirc;me endroit sur le calque actuel.
Nommer les couleurs et quelques mod&egrave;les de couleurs. La version Premium permet
l'utilisation du RVB, des d&eacute;grad&eacute;s de gris, de la 3D et des couleurs de la palette web.
Elle permet aussi de nommer une couleur : si vous souhaitez utiliser une couleur
plusieurs fois dans un document, vous pouvez cr&eacute;er votre propre Couleur Nomm&eacute;e
qui appara&icirc;tra dans la palette de couleurs. Lorsque vous la modifierez plus tard, tous
les objets utilisant cette couleur seront modifi&eacute;s instantan&eacute;ment.
Imprimer. Dans Web Designer Premium, vous pouvez imprimer vos documents !
Capture d'&eacute;cran. Web Designer Premium propose une fa&ccedil;on simple de faire une
capture d'&eacute;cran.
Quelques format d'importation et d'exportation suppl&eacute;mentaires. Importez des
graphiques du web, exportez au formats AVI, Flash et GIF anim&eacute;s.
www.magix.com
Introduction
Introduction
Il est &eacute;vident que la grande majorit&eacute; des sites Web est de nature graphique. La
pr&eacute;sentation de votre site Web est essentielle. Vous voulez un site Web qui paraisse
professionnel et comp&eacute;tent. Nous sommes d'avis que vous ne devriez pas avoir &agrave;
utiliser de nombreux outils distincts - pour l'&eacute;dition graphique et l'&eacute;dition HTML pour cr&eacute;er votre site Web. Nous pensons que vous devriez avoir une libert&eacute; totale
pour ajouter tout texte, toute image ou toute photo o&ugrave; bon vous semble sur la page.
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 conna&icirc;tre ou m&ecirc;me de voir le code HTML qui vous permet
de cr&eacute;er votre site.
Qu'est-ce que MAGIX Web Designer MX ?
MAGIX Web Designer MX est une solution compl&egrave;te pour le design de sites Web. Il
vous donne la libert&eacute; de concevoir votre site Web de A &agrave; Z ou de personnaliser l'un
des nombreux mod&egrave;les de sites Web fournis par le programme. Gr&acirc;ce &agrave; des ann&eacute;es
de d&eacute;veloppement d'une technologie &laquo; Xtreme &raquo; qui a fait ses preuves, vous pouvez
&eacute;galement cr&eacute;er des animations Flash, retoucher des photos et optimiser ou modifier
les th&egrave;mes de couleurs de vos sites Web en quelques clics seulement. Vous pouvez
&eacute;galement pr&eacute;visualiser votre site Web et charger votre projet sur un serveur FTP
directement depuis MAGIX Web Designer MX avec seulement quelques secondes
entre la cr&eacute;ation et la publication. Gr&acirc;ce aux fonctions pratiques comme l'insertion
d'emplacements d'objets, votre site Web prendra rapidement une apparence &agrave; la fois
unique et professionnelle.
Quelles sont les particularit&eacute;s de Web
Designer ?
Web Designer est unique dans la mesure o&ugrave; il est le seul v&eacute;ritable outil de cr&eacute;ation
web libre offrant une grande libert&eacute; de conception de pages. La possibilit&eacute; de
positionner les &eacute;l&eacute;ments comme vous voulez o&ugrave; vous voulez permet d'obtenir un
r&eacute;sultat &laquo; tel affichage, tel r&eacute;sultat &raquo; tr&egrave;s pr&eacute;cis. Autrement dit, vous pouvez
positionner le texte, les graphiques, les photos n'importe o&ugrave; sur la page, dans la taille,
l'angle et la superposition que vous souhaitez, avec des transparences ... et Web
Designer produira une page HTML pixelis&eacute;e avec un rendu parfait.
Web Designer permet de r&eacute;aliser des productions pratiquement impossibles avec
d'autres logiciels de cr&eacute;ation web comme l'utilisation de texte liquide autour de
formes irr&eacute;guli&egrave;res et de photos. Les outils graphiques vectoriels innovateurs
permettent de dessiner n'importe quelle forme &agrave; partir de formes simples pour
17
18
r&eacute;aliser des logos d'entreprise et graphiques complexes. Il inclut une fonction
d'optimisation automatique des graphiques (produisant non seulement des images en
r&eacute;solution optimis&eacute;e, mais &eacute;galement en d&eacute;tectant automatiquement les &eacute;l&eacute;ments
r&eacute;p&eacute;t&eacute;s sur le site afin de produire des sites optimis&eacute;s plus rapidement).
Il prend en charge les calques CSS avec fonctionnalit&eacute;s avanc&eacute;es comme la
transparence, m&ecirc;me les transparences gradu&eacute;es, les effets de survol de souris et bien
d'autres encore. Cela vous permet de cr&eacute;er des sites Web HTML enti&egrave;rement
compatibles XHTML avec tous les navigateurs et toutes les plateformes.
Et pour couronner le tout, Web Designer est peut-&ecirc;tre l'outil de cr&eacute;ation web le plus
simple &agrave; utiliser sur le march&eacute;.
Web Designer est con&ccedil;u pour les graphistes qui ne souhaitent pas s'investir dans
l'apprentissage du langage HTML ou d'autres langages de programmation. Il est l'outil
parfait de pour r&eacute;aliser des prototypes de sites Internet rapidement.
Le programme est &eacute;galement adapt&eacute; aux d&eacute;butants qui recherchent la mani&egrave;re la plus
simple de cr&eacute;er des sites Internet avec un aspect professionnel.
Web Designer fournit des outils ne n&eacute;cessitant aucune programmation et aucune
&eacute;dition de script et ne propose pas d'affichage HTML. Notre philosophie est la
suivante : il n'est pas n&eacute;cessaire de conna&icirc;tre le langage de programmation PDF pour
produire des fichiers PDF. De m&ecirc;me, il devrait &ecirc;tre possible de cr&eacute;er de superbes sites
Internet sans disposer de connaissances HTML ou Javascript.
Les nouveaut&eacute;s de MAGIX Web Designer MX.
(v8)
Cr&eacute;ation/publication Web
• Styles de texte Web Designer propose des styles de texte, un moyen efficace de
changer l'apparence du texte dans votre document en quelques clics. Actualisez
un &eacute;l&eacute;ment de style de texte comme la police, la couleur, la ligne, l'espacement ;
constatez que tout le texte du document y compris les en-t&ecirc;tes, les titres et le
corps du texte ont &eacute;t&eacute; aussi actualis&eacute;s. Cela n'a jamais &eacute;t&eacute; plus facile de cr&eacute;er des
documents professionnels gr&acirc;ce aux styles de texte propos&eacute;s par le programme.
Vous avez la possibilit&eacute; d'avoir un aper&ccedil;u de chaque style. S&eacute;lectionnez
simplement une partie du texte et naviguez dans le menu des styles, le texte
change de style selon celui que vous avez s&eacute;lectionn&eacute;. C'est un moyen facile et
pratique d'essayer les styles sans avoir &agrave; s&eacute;lectionner un style et &agrave; l'annuler &agrave;
chaque fois.
• Positionnement automatique/redimensionnement intelligent de la page Dans les
versions pr&eacute;c&eacute;dentes de Web Designer vous deviez ajuster manuellement la
position des objets de votre page apr&egrave;s avoir modifi&eacute; ou ajout&eacute; du texte. Plus la
page recevait du contenu, plus vous deviez l'&eacute;tirer vers le bas pour l'agrandir. Ne
www.magix.com
Introduction
vous donnez plus cette peine! Web Designer Premium permet d'agrandir
automatiquement les zones de texte, de d&eacute;caler les objets et d'allonger la page en
fonction des zones de texte modifi&eacute;es ou &eacute;largies. Cr&eacute;er des sites Web sur la
base de mod&egrave;les est &agrave; pr&eacute;sent beaucoup plus facile et rapide.
• Graphiques int&eacute;gr&eacute;s Web Designer vous permet &agrave; pr&eacute;sent d'ins&eacute;rer des
&laquo; Graphiques int&eacute;gr&eacute;s &raquo; dans le texte en utilisant la simple fonction &laquo; Coller &raquo;. Les
graphiques int&eacute;gr&eacute;s prennent tout leur sens lorsqu'il s'agit de petits &eacute;l&eacute;ments sur
la ligne comme les symboles ou les ic&ocirc;nes. Ils sont trait&eacute;s comme un caract&egrave;re
c'est &agrave; dire qu'ils suivent les m&ecirc;mes r&egrave;gles de mise en forme qu'un caract&egrave;re
int&eacute;gr&eacute; dans le texte.
• Polices int&eacute;gr&eacute;es (disponible en version Premium) La technologie de police
int&eacute;gr&eacute;e de Web Designer ne restreint pas l'utilisateur &agrave; une s&eacute;lection limit&eacute;e de
styles de police soi-disant adapt&eacute;s pour le Web. Notre technique est compatible
avec la grande majorit&eacute; des navigateurs Web actuels. Elle int&egrave;gre une version
sp&eacute;ciale de police dans votre site Internet. Le navigateur Internet peut t&eacute;l&eacute;charger
et afficher cette police.
• Nouveaux gadgets &amp; am&eacute;lioration des gadgets Une s&eacute;lection de nouveaux
gadgets de page Web est disponible dans la galerie de designs sous &Eacute;l&eacute;ments de
la page.
-
Nouveaux gadgets JavaScript redimensionnables (disponible en version
Premium) Dans les versions pr&eacute;c&eacute;dentes de Web Designer, seuls les gadgets
Flash peuvent &ecirc;tre redimensionn&eacute;s mais les gadgets JavaScript et DHTML
ont une taille fixe. Cette fonction permet de changer la taille des gadgets
JavaScript. Tous les gadgets existants ont &eacute;t&eacute; mis &agrave; jour pour cette nouvelle
fonction et de nouveaux gadgets sont &eacute;galement d&eacute;sormais disponibles. &Agrave; la
diff&eacute;rence des gadgets Flash, ceux-ci sont compatibles avec des appareils
modernes comme l'iPhone, l'iPad et Windows Phone 7 ; ils n'ont pas besoin
d'un plug-in Flash.
-
Nouveau gadget de graphique (Disponible en version Premium) Un
nouveau gadget de graphique vous permet de cr&eacute;er des tableaux interactifs
et des graphiques pour votre site Web. Les tableaux utilisent les techniques
DHTML et SVG pour afficher le tableau dans le navigateur, sensible au survol
de la souris &laquo; mouse-over &raquo; pour mettre en relief certaines valeurs du
tableau.
-
Autres nouveaux gadgetsUn gadget pour cr&eacute;er des codes QR.
-
Am&eacute;lioration de la prise en main des gadgets Vous pouvez avoir un aper&ccedil;u
d'un gadget directement dans le document gadget (vous n'avez pas besoin
d'enregistrer et de fermer l'original). Lorsque vous faites le lien vers d'autres
pages de votre site depuis un &eacute;diteur de gadget, vous verrez une liste de
toutes les pages. Ce qui rend vraiment facile la liaison du gadget &agrave; n'importe
quelle page de votre site .
-
Gadgets Premium est ajout&eacute; &agrave; la version classique de Web Designer. Nous
avons &eacute;galement ajout&eacute; de nouveaux gadgets &agrave; la version classique de Web
19
20
•
•
•
•
•
•
Designer Premium Web Designer, des gadgets de diaporama et des
graphiques (appel&eacute;s Exemples de gadgets Premium dans le dossier).
Pr&eacute;sentations (Disponible en version Premium) Dans Web Designer, nous avons
am&eacute;lior&eacute; les pr&eacute;sentations &agrave; de nombreux niveaux.
Navigation du diaporama Dans n'importe quelle page de votre pr&eacute;sentation,
d&eacute;placez votre souris vers le coin gauche de la fen&ecirc;tre du navigateur et vous
verrez une page pop-up de navigation qui vous permet d'acc&eacute;der &agrave; n'importe
quelle diapositive de votre pr&eacute;sentation. De plus, vous disposez des commandes
pratiques Pr&eacute;c&eacute;dent, Page d'accueil, Suivant.
Listes &agrave; puces sans calque La nouvelle fonction de liste &agrave; puces ou num&eacute;rot&eacute;e
(voir ci-dessous pour plus d'info sur cette fonction) cr&eacute;e des &eacute;tapes de
pr&eacute;sentation automatiques (chaque puce ou &eacute;l&eacute;ment num&eacute;rot&eacute; est trait&eacute; comme
une &eacute;tape de votre pr&eacute;sentation). C'est un grand avantage pour la cr&eacute;ation de
listes au niveau de l'utilisation et de la productivit&eacute;.
Galerie des pages et des calques Changez les transitions des pages facilement.
Vous pouvez s&eacute;lectionner plusieurs pages dans la Galerie des pages et des
calques et d'un clic droit sous Propri&eacute;t&eacute;s de la page Web, vous pouvez changer
l'animation de transition pour toutes les pages s&eacute;lectionn&eacute;es.
Puces graphiques et liste num&eacute;rot&eacute;e (Disponible en version Premium) Avec MX
vous pouvez utiliser vos propres designs graphiques pour le caract&egrave;re de la puce,
pour le num&eacute;ro au d&eacute;but du point ou pour les listes num&eacute;rot&eacute;es, ce qui est un
v&eacute;ritable atout pour la qualit&eacute; de votre pr&eacute;sentation. Vous pouvez utiliser tous les
dessins int&eacute;gr&eacute;s et les outils de texte pour cr&eacute;er vos propres puces ou les
graphiques des num&eacute;ros. Nous vous mettons &eacute;galement &agrave; disposition une liste
d'exemples pr&ecirc;ts &agrave; l'emploi dans la galerie des designs.
Galerie des designs Nouveau contenu et facilit&eacute;s d'utilisation.
-
Nouveaux th&egrave;mes Web et nouveaux &eacute;l&eacute;ments de mod&egrave;le dans les deux
versions.
-
Les th&egrave;mes existants ont &eacute;t&eacute; mis &agrave; jour pour prendre en charge de nouvelles
fonctions comme le redimensionnement intelligent de la page ou les puces et
num&eacute;ros graphiques.
-
La galerie des designs a &eacute;t&eacute; compl&egrave;tement r&eacute;organis&eacute;e pour une navigation
plus instinctive.
-
La galerie des designs Live La galerie des designs est &agrave; pr&eacute;sent
compl&egrave;tement reli&eacute;e &agrave; notre serveur, ce qui fait que l'on peut y ajouter
toujours plus de mod&egrave;les, de cliparts et de gadgets etc.
Plus de 3 000 nouveaux &eacute;l&eacute;ments s'ajoutent aux cliparts traditionnels.
• Calques Pop-up (Disponible en version Premium) Vous pouvez choisir si vous
souhaitez des calques pop-up qui se ferment automatiquement ou bien qui se
ferment seulement lorsque l'utilisateur clique sur le bouton Fermer.
• Dans le contr&ocirc;leur de lien Pop-Up du document, si vous cliquez sur n'importe
quel &eacute;l&eacute;ment avec un lien Web dans Web Designer (pas sur la page Web), un
petit pop-up appara&icirc;t vous donnant l'option de suivre ce lien, de le changer ou de
-
www.magix.com
Introduction
le supprimer. C'est tr&egrave;s utile si vous voulez tester un lien ou voir une page Web
reli&eacute;e pendant que vous travaillez sur le document.
Outils principaux et facilit&eacute; d'utilisation
• Media Exchange depuis le menu Partage Le nouveau menu de partage propose
MX (Media Exchange) dans Web Designer ! Tous les programmes de la gamme
MAGIX/Xara peuvent partager des fichiers entre eux et dans une certaine limite
avec des tierces parties.
En utilisant le menu Partage, vous pouvez partager l'&eacute;l&eacute;ment s&eacute;lectionn&eacute; (que ce
soit une photo ou n'importe quel objet) au format JPEG avec d'autres applications
MAGIX MX (comme MAGIX Vid&eacute;o deluxe MX), sur l'album en ligne MAGIX, sur
Flickr et Facebook.
• Outil d'effets Live &amp; plug-in Photoshop (disponible en version Premium) L'outil
d'effets Live autorise les effets des plug-in Photoshop &agrave; &ecirc;tre appliqu&eacute;s sur les
photos et les images vectorielles, offrant une large gamme d'effets graphiques
sp&eacute;ciaux. Nous avons inclus plus de 40 plug-in provenant de MAGIX et de Xara,
de l'outil de placage de relief ou la fonction &laquo; gaufrage &raquo; jusqu'aux effets peinture
et flou.
• Galerie des pages et des calques Repositionner/Supprimer/Couper plusieurs
pages. C'est &agrave; pr&eacute;sent possible de s&eacute;lectionner plus d'une seule page dans la
Galerie des pages et des calques et repositionner les pages avec un glisserd&eacute;poser. De plus, un clic droit donne l'acc&egrave;s aux options de menu pour
supprimer, couper ou copier la s&eacute;lection de pages dans le presse-papiers. Vous
pouvez aller &agrave; un autre document et copier des pages enti&egrave;res. Vous pouvez
d&eacute;placer des objets &agrave; l'int&eacute;rieur et &agrave; l'ext&eacute;rieur de groupes ordinaires dans une
galerie (remarquez que cette option n'est pas prise en charge en ce qui concerne
des groupes sp&eacute;ciaux comme des groupes ancr&eacute;s, des groupes r&eacute;p&eacute;t&eacute;s etc.).
Vous pouvez d&eacute;placer des objets &agrave; l'int&eacute;rieur et &agrave; l'ext&eacute;rieur de groupes
ordinaires dans une galerie (remarquez que cette option n'est pas prise en charge
en ce qui concerne des groupes sp&eacute;ciaux comme des groupes ancr&eacute;s, des
groupes r&eacute;p&eacute;t&eacute;s etc.).
• Importation &amp; exportation
-
&laquo; Importez des graphiques du Web &raquo; Cette option a &eacute;t&eacute; am&eacute;lior&eacute;e, importez
des graphiques et du texte depuis une page Web et placez-les &agrave; l'endroit
souhait&eacute; sur votre page. Remarquez que comme la plupart des sites Web
utilisent des scripts, des effets mouse-over (survol de la souris), du texte et
des objets cach&eacute;s, le r&eacute;sultat pourra &ecirc;tre diff&eacute;rent de ce que vous avez
visualis&eacute; au pr&eacute;alable. Cependant cette option est tr&egrave;s utile pour importer des
images et du texte d'un site Web existant.
-
Am&eacute;lioration du Copi&eacute;/Coll&eacute; des objets HTML depuis d'autres applications
comme les navigateurs Internet (restrictions diff&eacute;rentes de celles appliqu&eacute;es
ci-dessus).
-
Importation SVG C'est possible d'importer la plupart des fichiers SVG (nous
pr&eacute;cisons ici &laquo; la plupart &raquo; car aucun accord officiel pour le format SVG n'a
21
22
&eacute;t&eacute; &eacute;rig&eacute;, par exemple quels navigateurs Internet prennent en charge tels
types de fonction etc.). (Disponible en version Premium)
-
Importation Beta de OpenOffice Impress (.odp) et PowerPoint (.pptx).
(Disponible en version Premium)
-
Importation PDF am&eacute;lior&eacute;e
Mise &agrave; jour de l'importation depuis des appareils avec prise en charge du
format RAW (Disponible en version Premium)
• &Eacute;diteur de couleurs L'&eacute;diteur de couleurs est &agrave; pr&eacute;sent redimensionnable, ce qui
est pratique pour &eacute;diter des nuances tr&egrave;s p&acirc;les d'une couleur dans la zone en
haut &agrave; droite du s&eacute;lecteur de couleur.
-
Autres am&eacute;liorations (dans les deux versions si
non pr&eacute;cis&eacute;)
• Une fonction &laquo; Optimiser toutes les images &raquo; recherche tous les graphiques et les
images dans votre document, PNG et JPEG inclus, et les convertit dans la taille
optimale et dans le type d'image optimal. Cela peut r&eacute;duire en grande partie
l'utilisation de la m&eacute;moire et la taille des fichiers Web. (Attention : optimiser la
photo est une op&eacute;ration &laquo; destructive &raquo;.)
• Vous disposez aussi de l'option pour optimiser les images en JPEG lors de
l'importation si Web Designer le recommande.
• Publication progressive am&eacute;lior&eacute;e optimisation du processus de mise &agrave; jour de
publication.
• Nous avons ajout&eacute; une option pour que le bouton Ordre dans une barre de
navigation corresponde &agrave; l'ordre des pages instaur&eacute; dans la galerie des pages et
des calques. Avec cette option activ&eacute;e, si vous ordonnez les pages &agrave; nouveau, la
barre de navigation prendra en compte ce changement.
• Outil d'optimisation des photos comporte d&eacute;sormais un outil pour ajuster la
teinte sur une photo. On peut s&eacute;lectionner et ajuster l'intensit&eacute; de la teinte de
chaque couleur.
• Un an de nom de domaine top niveau inclus avec l'h&eacute;bergement gratuit du
Monde en ligne de MAGIX (disponible en version Premium)
• Prise en charge des formats optimis&eacute;e pour les langues bas&eacute;es sur des caract&egrave;res
comme le chinois, le japonais ou le cor&eacute;en.
• Une nouvelle option pour d&eacute;sactiver la galerie escamotable.
• Un clic droit sur une zone vide de la barre des commandes dans la fen&ecirc;tre du
Web Designer fera appara&icirc;tre un menu contextuel pour activer ou d&eacute;sactiver la
barre d'outils.
www.magix.com
Introduction
• Les boutons &laquo; Aper&ccedil;u de la page Web &raquo; et &laquo;Pr&eacute;visualisation du site Web &raquo; ont &eacute;t&eacute;
plac&eacute;s &agrave; c&ocirc;t&eacute; dans la barre du haut, pour un acc&egrave;s plus facile et plus rapide,
cliquez sur la touche F5 et Maj+F5 en raccourcis clavier.
• Une nouvelle option &laquo; Verrouiller la taille de la page &raquo; a &eacute;t&eacute; ajout&eacute;e dans la bo&icirc;te
de dialogue des options de la page. Cela peut pr&eacute;venir une erreur de
redimensionnement au niveau des bords &agrave; droite ou en bas de la page.
• Les guides de page sont d&eacute;sormais activ&eacute;s et la fonction &laquo; Magn&eacute;tisme des
guides &raquo; s'active automatiquement si vous d&eacute;placez une ligne guide sur une page
lorsque les guides sont d&eacute;sactiv&eacute;s.
• Nouveaux raccourcis clavier :
Supprimer la page
Supprimer
Aller &agrave; la page pr&eacute;c&eacute;dente
Page pr&eacute;c&eacute;dente
Aller &agrave; la page suivante
Page suivante
Bo&icirc;te de dialogue de bords antichevauchement
Activer/d&eacute;sactiver l'attribut antichevauchement sur la s&eacute;lection
Pr&eacute;visualiser le site Web
Ctrl + Maj + H
F5
Aper&ccedil;u de la page Web actuelle
Maj + F5
Ctrl + H
• Outil de panorama optimis&eacute; L'outil photo int&eacute;gr&eacute; assemble jusqu'&agrave; 8 photos et la
fonction est encore plus performante. (Disponible en version Premium)
• Ctrl+Faire pivoter aligne tous les bords droits verticalement ou horizontalement.
• Vous pouvez &agrave; pr&eacute;sent configurer la fr&eacute;quence image AVI des animations
export&eacute;es. La fen&ecirc;tre d'aper&ccedil;u de l'animation a d&eacute;sormais un bouton de
d&eacute;placement sur l'axe temporel. (Disponible en version Premium)
• Aussi, MX est intelligent en ce qui concerne l'absence du survol et du pointeur de
la souris sur les appareils iOS - le premier clic sur le bouton ou sur le lien am&egrave;ne
d&eacute;sormais au lien, un deuxi&egrave;me clic n'est pas n&eacute;cessaire.
23
24
Et beaucoup d'autres am&eacute;liorations - pour plus
de d&eacute;tails rendez-vous sur Xara.com
http://www.xara.com/products/webdesigner/
whatsnew/
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.
www.magix.com
Obtenir de l'aide
Obtenir de l'aide
Si vous avez besoin d'aide lors de l'utilisation de ce programme, consultez
l'Assistance.
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.
Infobulles
Lorsque vous placez le pointeur de la souris au-dessus d'un
bouton, une infobulle s'affiche pour vous indiquer le
fonctionnement du bouton.
&Agrave; propos de Xtreme
Allez sous AIDE &gt; &Agrave; PROPOS DE MAGIX WEB DESIGNER MX. Des informations g&eacute;n&eacute;rales
concernant le programme sont affich&eacute;es. Ces informations peuvent &eacute;ventuellement
vous &ecirc;tre demand&eacute;es lorsque vous contactez notre &eacute;quipe d'assistance.
25
26
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.
Program Layout
Info Bar - changes with each tool
Zoom
Preview page Preview Website
Design Gallery (Galleries bar)
Page &amp; Layer Gallery (Galleries bar)
Selector Tool
Photo Editing Tool
Drawing Tools
Text Tool
www.magix.com
D&eacute;marrage
Shadow Tool
Tabs for all open documents - icon
identifies document type.
Color Line
Note: All Web Designer infobars now have improved text rendering for easier
viewing, if you have ClearType text enabled in your Windows Control Panel.
There are five buttons in the top bar that relate to website functions. Two of these
have flyout bars which are shown when you move the mouse pointer over them,
revealing more web function buttons.
Export and preview webpage/website
Link properties
Website options
Export
Move your mouse pointer over each button in the flyout bar to see a tooltip describing the
button.
There are two ways to create a new website. Either by starting with a pre-designed
template and then customizing this with your own text, photos and color scheme. Or
by creating a website from scratch, placing all the required elements, text, graphics
and photos on the page where you require.
Note: By default Web Designer opens a new document showing just one page. To
view all the pages in your website document, right click a page and choose MULTIPLE
PAGE VIEW . You can now scroll the Web Designer window up and down to view all
the pages in the document.
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
actionnant la molette de la souris ;
27
28
• Pour d&eacute;placer la page, pressez la molette de la souris (oui, c'est &eacute;galement un
bouton) et d&eacute;placez la page ;
• Pour faire d&eacute;filer, utilisez la molette de la souris (ou la barre de d&eacute;filement).
Les documents Web sont affich&eacute;s sur un mode
de page individuelle par d&eacute;faut et les documents
imprim&eacute;s sont en mode d'affichage multipage.
Changez de modes d'affichage par un clic droit
sur la page ou sur le presse-papiers et
s&eacute;lectionnez ou d&eacute;s&eacute;lectionnez AFFICHAGE
MULTIPAGE dans le menu. Un exemple
d'affichage multipage appara&icirc;t &agrave; gauche.
De cette fa&ccedil;on, vous pouvez glisser-d&eacute;poser des
&eacute;l&eacute;ments entre les pages. Lorsque vous modifiez
les couleurs pour l'ensemble du site, vous pouvez
voir que ces modifications affectent toutes les
pages.
La page en cours est marqu&eacute;e par 4 crochets aux
coins.
Dans cet exemple, vous pouvez voir que certains objets ont &eacute;t&eacute; plac&eacute;s dans la zone
du presse-papiers &agrave; c&ocirc;t&eacute; des pages. Ceux-ci ne seront pas export&eacute;s en tant que
parties du site Web. La zone du presse-papiers est utile pour stocker temporairement
ou travailler sur des images, des photos ou d'autres objets.
Barres escamotables
Certains outils sur la barre d'outils principale sont regroup&eacute;s sous une seule ic&ocirc;ne.
Ces ic&ocirc;nes sont indiqu&eacute;es par un petit triangle en bas sur la droite et lorsque vous les
survolez avec la souris, une barre escamotable s'affiche. La barre contient les autres
ic&ocirc;nes d'outils de ce groupe. Il suffit de positionner le pointeur de la souris sur chacun
d'eux pour afficher une infobulle et de cliquer sur l'outil que vous souhaitez
s&eacute;lectionner.
Si vous s&eacute;lectionnez un outil modal dans une barre escamotable, il devient alors l'outil
premier de ce groupe. L'ic&ocirc;ne correspondante sera mise en surbrillance dans la barre
d'outil principale.
La barre d'outils sup&eacute;rieure de la fen&ecirc;tre comprend &eacute;galement des barres
escamotables. Ici &eacute;galement elles servent &agrave; regrouper sous une seule ic&ocirc;ne des outils
permettant d'effectuer des actions proches. Elles sont ainsi accessibles tout en
occupant peu de place sur la barre.
Veuillez consulter le chapitre Personnaliser (voir page 351) dans le manuel PDF pour
plus d'informations sur les barres d'outils escamotables.
www.magix.com
D&eacute;marrage
Objets de la page
Que vous personnalisiez un mod&egrave;le ou que vous cr&eacute;iez vos images de A &agrave; Z, vous
pouvez les faire pivoter, les redimensionner et les positionner l&agrave; o&ugrave; vous le souhaitez.
Vous pouvez facilement redimensionner les pages &agrave; volont&eacute; et en ajouter de
nouvelles. Certaines fonctionnalit&eacute;s, comme la modification des sch&eacute;mas de couleurs,
s'appliquent simultan&eacute;ment &agrave; toutes les pages.
Voici les types de base d'&eacute;l&eacute;ments de page :
• Texte : l'OUTIL TEXTE permet de cr&eacute;er de simples titres, des colonnes de texte ou
m&ecirc;me des blocs de texte qui se suivent. Il est &eacute;galement possible de cr&eacute;er des
listes &agrave; points ou chiffr&eacute;es. La barre d'infos de l'OUTIL TEXTE permet entre autres
de modifier la police, la taille ou encore l'espacement entre les lignes. Vous
pouvez modifier la taille du texte &agrave; l'aide de l'OUTIL DE SELECTION ou tout
simplement en s&eacute;lectionnant le texte et en modifiant la taille des points ou pixels.
Une autre fonction qui peut para&icirc;tre surprenante : il est possible de faire tourner
le texte &agrave; partir de n'importe quel angle, et la fonction de RENVOI DE TEXTE (clic
droit sur un objet pour afficher l'option) permet de positionner automatiquement
le texte de mani&egrave;re fluide autour d'objets situ&eacute;s sur la page, comme des photos
par exemple.
• Graphiques : tous les logos, titres et la plupart des boutons qui apparaissent sur
votre site Internet sont des images. Web Designer est un logiciel de graphisme
vectoriel, ce qui veut dire que vous pouvez modifier la forme, faire pivoter et
redimensionner vos objets images sans perte de qualit&eacute; (contrairement aux outils
d'&eacute;dition photo en pixels comme Photoshop). Bien qu'il n'y ait pas de normes
pour les graphiques vectoriels pour les pages Internet (pour les sites Internet,
tous les graphiques doivent &ecirc;tre au format 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 : tr&egrave;s peu de sites sont enti&egrave;rement d&eacute;pourvus de photos. MAGIX Web
Designer MX dispose d'une vaste gamme d'outils d'&eacute;dition photo. Vous pouvez
ins&eacute;rer des photos sur la page par glisser-d&eacute;poser, directement depuis votre
appareil photo ou depuis l'explorateur de fichiers, vous pouvez les faire pivoter,
les optimiser, les couper et Web Designer g&eacute;n&egrave;re automatiquement l'image JPG
dans la bonne r&eacute;solution. Le remplacement de photos d&eacute;j&agrave; pr&eacute;sentes dans les
mod&egrave;les est aussi simple que le glisser-d&eacute;poser - vous pouvez m&ecirc;me modifier la
taille et l'angle de photos &laquo; &agrave; l'int&eacute;rieur &raquo; de leur cadre tr&egrave;s facilement. Vous
pouvez aussi cr&eacute;er facilement des miniatures de photos sur lesquelles on peut
cliquer pour afficher une version agrandie dans une nouvelle fen&ecirc;tre et &eacute;galement
inclure en option des commandes pour les galeries, permettant aux visiteurs de
naviguer dans vos photos ou visionner un diaporama automatique.
29
30
• Emplacements d'objets : il s'agit d'objets images affich&eacute;s sur la page et qui
prennent la taille et la position de &laquo; gadgets &raquo; dynamiques comme les animations
Flash, les films ou les formes. Lors de l'exportation de votre site, l'image de
l'emplacement d'objet et remplac&eacute;e par le code requis pour le fonctionnement du
gadget et ce dernier est alors affich&eacute; &agrave; la m&ecirc;me position sur la page. Pour plus de
d&eacute;tails, veuillez consulter le chapitre Gadgets de site Internet (voir page 312) du
manuel PDF.
Conception de sites Web bas&eacute;s sur les objets
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 SELECTION 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 de superposition (&agrave; savoir le fait qu'un objet apparaisse
devant ou derri&egrave;re d'autres objets de la page) en effectuant un clic droit puis en
s&eacute;lectionnant ARRANGER ou &agrave; l'aide des options du menu ARRANGER. Gr&acirc;ce &agrave; l'OUTIL
DE SELECTION , vous pouvez redimensionner des objets en tirant sur les poign&eacute;es
situ&eacute;es dans les angles. Vous pouvez faire pivoter n'importe quel objet en tirant sur
les poign&eacute;es de s&eacute;lection situ&eacute;es &agrave; l'int&eacute;rieur des angles.Et bien que les sites Internet
ne prennent pas en charge le texte pivot&eacute;, Web Designer cr&eacute;e automatiquement
l'image appropri&eacute;e pour que le r&eacute;sultat final soit conforme &agrave; vos souhaits.
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 par glisser-d&eacute;poser &agrave; l'aide de l'OUTIL
TEXTE , ou des champs de texte en tirant le curseur en diagonale. Reportez-vous &agrave; la
section &laquo; Texte &raquo; (voir page 51) du manuel PDF pour davantage d'informations, et au
chapitre Utilisation du texte (voir page 180) pour une r&eacute;f&eacute;rence compl&egrave;te concernant
les fonctions MAGIX Web Designer MX li&eacute;es au texte.
Vous pouvez utiliser les outils de dessin pour cr&eacute;er des rectangles,
des rectangles aux coins arrondis, des cercles et ellipses et toute
autre forme &agrave; l'aide de l'OUTIL DE CHANGEMENT DE FORMES. Voir la
rubrique outils de dessin (voir page 63) du manuel PDF pour plus de
d&eacute;tails.
Ordre de superposition
Tous les objets de la page sont plac&eacute;s les uns au-dessus des autres. L'objet dessin&eacute; ou
cr&eacute;&eacute; en dernier est toujours au-dessus, c'est-&agrave;-dire devant les autres. Vous pouvez
www.magix.com
D&eacute;marrage
modifier l'ordre de superposition en effectuant un clic droit puis en cliquant sur
ARRANGER ou utilisant les options du MENU ARRANGER .
Par exemple, lorsque vous dessinez un nouveau rectangle, il recouvre toujours les
objets situ&eacute;s derri&egrave;re lui. Vous pouvez le placer derri&egrave;re un autre objet en effectuant
un clic droit puis en cliquant sur ARRANGER ou en utilisant le raccourci Ctrl + B (ou
menu ARRANGER &gt; DEPLACER VERS L'ARRIERE ). De la m&ecirc;me mani&egrave;re, le raccourci Ctrl +
F permet de renvoyer tout objet s&eacute;lectionn&eacute; vers l'avant, c'est &agrave; dire devant tout autre
objet.
Il existe un autre cas compliqu&eacute; : les calques. Tous les objets sont regroup&eacute;s dans des
calques nomm&eacute;s et chaque calque peut &ecirc;tre activ&eacute; ou d&eacute;sactiv&eacute; afin de montrer ou
masquer son contenu. Pour obtenir plus de d&eacute;tails, reportez-vous &agrave; la section Calques
(voir page 72).
L'outil de 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 d&eacute;posant les objets
sur la page ou en tirant les poign&eacute;es de s&eacute;lection situ&eacute;es 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 sur son contour ; 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 4 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.
31
32
Objets en rotation
Il existe deux fa&ccedil;ons de faire pivoter un objet. La premi&egrave;re consiste &agrave; double-cliquer
sur l'objet 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 possibilit&eacute; 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;.
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 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 les options habituelles &laquo; &Eacute;DITER &gt; COPIER &raquo; (Ctrl + C) et &laquo; &Eacute;DITER
&gt; COLLER &raquo; (Ctrl + V) ou effectuer un clic droit sur un objet puis s&eacute;lectionner COPIER ,
mais le moyen le plus rapide de copier un &eacute;l&eacute;ment est de le d&eacute;placer par glisserd&eacute;poser &agrave; l'aide du bouton droit de la souris.
Vous pouvez &eacute;galement copier et coller une page &agrave; n'importe quel endroit de votre
document &agrave; partir du document actuel ou d'un autre document – cf. Copier et coller
(voir page 94)des pages.
www.magix.com
D&eacute;marrage
Barre d'outils de site Internet
La BARRE D'OUTILS DE SITE INTERNET situ&eacute;e dans la partie sup&eacute;rieure de MAGIX Web
Designer MX offre un acc&egrave;s pratique aux principales fonctions Internet le plus
souvent utilis&eacute;es.
Aper&ccedil;u
Lien
Options du site web
Exporter
D&eacute;placez le pointeur de la souris sur chaque bouton de la barre escamotable pour afficher
l'infobulle d&eacute;crivant la fonction du bouton.
Cr&eacute;er un 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 pr&eacute;d&eacute;fini puis le modifier avec votre propre texte, vos photos et votre
sch&eacute;ma de couleurs. 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 images, les photos et les
emplacements d'objets o&ugrave; vous voulez sur la page.
Les emplacements d'objets sont des objets images de la page qui sont 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 cartes interactives, des snippets HTML et des widgets de toute
sorte. Veuillez vous reporter aux sections suivantes du chapitre correspondant du
manuel PDF pour plus d'infos sur les emplacements d'objets.
Pr&eacute;visualisation de votre site Internet
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-up, des effets de souris et des animations en Flash et autres
gadgets, il est n&eacute;cessaire d'effectuer une pr&eacute;visualisation en passant par votre
navigateur.
33
34
Vous disposez de deux options de pr&eacute;visualisation situ&eacute;es dans la barre escamotable
sur la barre d'outils Web.
APER&Ccedil;U DU SITE INTERNET : cette fonction permet d'exporter toutes les pages de votre
site Internet puis de les visualiser dans la fen&ecirc;tre d'aper&ccedil;u. Toutes les pages et tous
les liens contenus dans votre site devraient alors fonctionner.
Les boutons de navigation dans la barre sup&eacute;rieure de la fen&ecirc;tre d'aper&ccedil;u vous
permettent de passer &agrave; la page suivante/pr&eacute;c&eacute;dente comme dans un navigateur
Internet et le bouton &laquo; Accueil &raquo; vous redirige vers la page sur laquelle vous avez
commenc&eacute; la pr&eacute;visualisation.
: cette fonction permet d'exporter et pr&eacute;visualiser la page active
uniquement.. Elle est tr&egrave;s utile si vous avez un grand site Internet dont l'exportation
peut durer longtemps. Vous avez ainsi la possibilit&eacute; de visualiser rapidement la page
sur laquelle vous travaillez, sans &ecirc;tre oblig&eacute; d'exporter le site dans sa totalit&eacute;.
APER&Ccedil;U DE LA PAGE
Pour pr&eacute;visualiser votre site Web ou une page Web en mode plein &eacute;cran,
cliquez sur le bouton AFFICHAGE PLEIN ECRAN en haut et &agrave; droite de la fen&ecirc;tre
d'aper&ccedil;u (appuyez sur Echap pour en sortir ou sur F11 pour lancer/quitter le
mode plein &eacute;cran). Lorsque vous fermez la fen&ecirc;tre d'aper&ccedil;u et que vous la
rouvrez, Web Designer affiche le dernier mode que vous avez choisi pour la
fen&ecirc;tre, c'est-&agrave;-dire normal, maximis&eacute; ou plein &eacute;cran.
Si vous n'avez pas encore export&eacute; votre site, ces aper&ccedil;us permettent d'exporter les
pages dans un dossier temporaire sur votre ordinateur. Une fois que vous avez
export&eacute;, toutes les exportations suivantes seront r&eacute;alis&eacute;es vers le m&ecirc;me
emplacement, de sorte que le site est mis &agrave; jour continuellement lors de la
pr&eacute;visualisation.
Choisir votre navigateur de pr&eacute;visualisation
Bien que cette pr&eacute;visualisation interne utilise par d&eacute;faut une version simplifi&eacute;e du
navigateur Internet Explorer, vous pouvez choisir l'un des cinq types de navigateurs
les plus populaires pour visualiser votre page ou votre site Web dans la fen&ecirc;tre
d'aper&ccedil;u.
Pour pr&eacute;visualiser votre site Web dans votre navigateur Internet favori, cliquez sur
l'une des options suivantes dans la barre situ&eacute;e en haut de la fen&ecirc;tre d'aper&ccedil;u :
Remarque : ces boutons sont activ&eacute;s uniquement si les navigateurs sont install&eacute;s sur
votre PC.
www.magix.com
D&eacute;marrage
Pr&eacute;visualise votre page ou votre site dans Google Chrome.
Pr&eacute;visualise votre page ou votre site dans Mozilla Firefox.
Pr&eacute;visualise votre page ou votre site dans Internet Explorer.
Pr&eacute;visualise votre page ou votre site dans Opera.
Pr&eacute;visualise votre page ou votre site dans Safari.
Lorsque vous cliquez sur l'un des boutons ci-dessus, le navigateur s'ouvre et affiche la
page que vous avez actuellement sous les yeux dans la fen&ecirc;tre d'aper&ccedil;u.
Si vous voulez pr&eacute;visualiser vos pages dans un autre navigateur, effectuez un clic droit
sur le fichier .htm export&eacute; et s&eacute;lectionnez OUVRIR AVEC... ou ins&eacute;rez le fichier dans une
fen&ecirc;tre de navigateur par glisser-d&eacute;poser.Apr&egrave;s avoir export&eacute; une premi&egrave;re fois, les
fichiers seront mis &agrave; jour chaque fois que vous cliquerez sur les boutons de
pr&eacute;visualisation, de sorte qu'il n'est pas n&eacute;cessaire de cliquer sur le bouton
d'actualisation de votre navigateur (ou la touche F5).
Utiliser des mod&egrave;les de conception, des Cliparts
et des gadgets
Ouvrez la GALERIE DES DESIGNS en cliquant sur l'onglet GALERIE DES DESIGNS
dans la barre des Galeries ou allez dans FICHIER &gt; &laquo; NOUVEAU A PARTIR DE LA
GALERIE DES DESIGNS &raquo; .
Ceci affiche des fichiers contenant des collections de mod&egrave;les de site Web et des
fichiers graphiques associ&eacute;s dont chacun suit un th&egrave;me sp&eacute;cifique. Sous MODELES
THEMATIQUES DE SITE WEB vous trouvez tous les mod&egrave;les de page Internet
disponibles pour cr&eacute;er rapidement un site Web de qualit&eacute;.
Chaque section de th&egrave;me de site Web propose une collection alternative de mise en
page et d'&eacute;l&eacute;ments utiles. Chacune contient &eacute;galement un mod&egrave;le complet de site
Web et plusieurs sch&eacute;mas de couleurs. Vous pouvez modifier enti&egrave;rement la gamme
de couleurs de votre site simplement, par un glisser-d&eacute;poser de la gamme de la
galerie vers votre page, ou en effectuant un double-clic sur la gamme s&eacute;lectionn&eacute;e.
Sous &Eacute;LEMENTS DE PAGE , vous trouvez une grande vari&eacute;t&eacute; de graphiques et de gadgets
que vous pouvez utilisez sur votre site : des boutons, des barres de navigations, des
panneaux de texte, des formes, des structures pour le e-commerce, des diaporamas
etc. Un simple glisser-d&eacute;poser de l'&eacute;l&eacute;ment souhait&eacute; suffit, &agrave; partir de la galerie sur
votre page.
Si vous &ecirc;tes connect&eacute;(e) &agrave; Internet, la galerie des designs se met &agrave; jour
automatiquement et propose les derniers mod&egrave;les et ajouts.
35
36
Ajouter de nouvelles pages &agrave; votre site Web
Vous pouvez ajouter n'importe quel mod&egrave;le de design sur votre page, par glisserd&eacute;poser, depuis la GALERIE DES DESIGNS . S'il s'agit d'un mod&egrave;le de page, le programme
vous demandera si vous souhaitez modifier les couleurs puis ajoutera une nouvelle
page &agrave; votre site Web.Si vous ins&eacute;rez un &eacute;l&eacute;ment Clipart tel qu'un bouton, un en-t&ecirc;te
ou un objet photo par glisser-d&eacute;poser, encore une fois le programme vous demandera
si vous voulez conserver vos &eacute;ventuels changements de couleurs puis cet &eacute;l&eacute;ment
sera ajout&eacute; &agrave; l'endroit o&ugrave; vous l'avez d&eacute;pos&eacute;.
Pour ajouter une nouvelle page avec le m&ecirc;me design, le plus simple est
d'effectuer un clic droit sur la page et de s&eacute;lectionner DUPLIQUER LA PAGE
ACTUELLE ou d'utiliser le bouton DUPLIQUER LA PAGE ACTUELLE dans la barre
d'outils standard.
La page actuelle est dupliqu&eacute;e en-dessous. Vous pouvez ensuite simplement
supprimer ou modifier les &eacute;l&eacute;ments &agrave; votre guise. Cela a l'avantage de conserver la
m&ecirc;me structure de navigation.
Ou vous pouvez copier-coller une page existante du m&ecirc;me document ou d'un autre
document. Effectuez un clic droit sur une portion vide d'un page et cliquez sur COPIER
PAGE. Dans le document de destination, effectuez un clic droit sur une page et
s&eacute;lectionnez COLLER &gt; PAGE (ou appuyez sur Ctrl + V).
La nouvelle page s'affiche directement apr&egrave;s la page actuelle. La page coll&eacute;e prend la
taille de page du document dans lequel elle a &eacute;t&eacute; coll&eacute;e (dans la mesure ou la case
APPLIQUER A TOUTES LES PAGES DU DOCUMENT est coch&eacute;e dans FICHIER &gt; OPTIONS
PAGES &gt; TAILLE DE LA PAGE ). Les calques et les attributs de la page, ainsi que tous les
objets qu'elle contient, sont &eacute;galement coll&eacute;s.
Pour ajouter une nouvelle page vierge, effectuez un clic droit puis
s&eacute;lectionnez NOUVELLE PAGE ou utilisez le bouton INSERER UNE NOUVELLE
PAGE BLANCHE dans la barre de menus escamotable &laquo; page &raquo;.
Pour supprimer des pages, effectuez un clic droit et s&eacute;lectionnez SUPPRIMER
LA PAGE ACTUELLE ou cliquez sur le bouton SUPPRIMER LA PAGE ACTUELLE
DANS LA BARRE DE MENUS ESCAMOTABLE &laquo; PAGE &raquo;.
Int&eacute;gration de films, Flash et autres gadgets
Avec MAGIX Web Designer MX, vous pouvez incorporer tr&egrave;s facilement des films,
des fichiers audio MP3, des animations Flash, des GIF anim&eacute;s, des PDF, des galeries
photo et des gadgets de diaporamas ainsi que d'innombrables autres gadgets sur
votre site Web. Vous trouverez de plus amples informations dans le chapitre Gadgets
de site Internet.
Vous pouvez cr&eacute;er vos propres animations Flash et GIF &agrave; l'aide de MAGIX Web
Designer MX. Reportez-vous au chapitre Animations Flash.
www.magix.com
D&eacute;marrage
Clipart Flash
MAGIX Web Designer MX inclut la possibilit&eacute; de cr&eacute;er enti&egrave;rement des animations
Flash (voir la section Animations Flash de la version PDF du manuel) mais
propose&eacute;galement un &eacute;ventail de mod&egrave;les d'animations Flash que vous pouvez
personnaliser. Les mod&egrave;les Flash ne peuvent pas &ecirc;tre d&eacute;pos&eacute;s directement sur la
page mais doivent &ecirc;tre ouverts sous forme de document Animation distinct o&ugrave; vous
pourrez les modifier selon vos besoins puis les enregistrer sur votre disque dur au
format Flash (.swf). S&eacute;lectionnez FICHIER &gt; IMPORTER ou glissez-d&eacute;posez le fichier
.swf sur votre page web.
Une image d'objet fictif est g&eacute;n&eacute;r&eacute;e automatiquement et plac&eacute;e dans votre page.
Ouvrez un aper&ccedil;u de votre page pour voir comment fonctionne l'animation Flash sur
votre page web. Une autre solution consiste &agrave; cr&eacute;er votre propre image substitutive
(un rectangle par exemple) et &agrave; utiliser l'onglet IMAGE D'OBJET FICTIF de la bo&icirc;te de
dialogue des PROPRIETES WEB pour l'associer &agrave; votre fichier flash.
Gadgets web
Certains &eacute;l&eacute;ments de la GALERIE DES MODELES DE CONCEPTION sont des gadgets web
dynamiques que vous pouvez int&eacute;grer rapidement et facilement dans votre site
Internet. Lorsque vous tirez l'un de ces &eacute;l&eacute;ments sur votre page, une fen&ecirc;tre du
navigateur s'ouvre sur un site Internet de gadgets web vous permettant de
param&eacute;trer le gadget. Vous devez donc &ecirc;tre connect&eacute; &agrave; Internet pour utiliser des
gadgets web.
Une fois la configuration de votre gadget web termin&eacute;e, cliquez sur le bouton INSERER
au bas de la fen&ecirc;tre du navigateur. Une image d'objet fictif est alors g&eacute;n&eacute;r&eacute;e
automatiquement : il s'agit d'une capture statique de l'aspect de votre gadget web sur
votre site Internet. Le gadget web ne fonctionnera pas sur la page de MAGIX Web
Designer MX : il s'agit uniquement d'un aper&ccedil;u. Il suffit d'ouvrir un aper&ccedil;u de votre
page pour voir comment fonctionne votre gadget web !
Si vous trouvez d'autres gadgets web int&eacute;ressants sur Internet, leur fournisseur vous
proposera g&eacute;n&eacute;ralement quelques lignes de code HTML que vous pourrez copier et
coller dans votre site Internet. Ceci est tr&egrave;s facile &agrave; r&eacute;aliser avec MAGIX Web
Designer MX. Il vous suffit d'aller dans l'OUTIL DE SELECTION puis de coller le code
dans votre page. MAGIX Web Designer MX va d&eacute;tecter le code HMTL que vous avez
coll&eacute; et g&eacute;n&eacute;rer automatiquement une image d'objet fictif qui s'affichera sur votre
page au bout de quelques secondes. Le code &eacute;tant associ&eacute; &agrave; l'objet fictif, il vous suffira
d'ouvrir un aper&ccedil;u de votre page pour voir le gadget web en action !
Une autre m&eacute;thode consiste &agrave; coller le code du gadget web directement dans l'ent&ecirc;te de votre page. Cliquez sur l'onglet Image d'objet fictif (voir page 252) de la bo&icirc;te
de dialogue des PROPRIETES WEB puis sur le bouton CODE HTML (EN-TETE) et collez
votre code dans la bo&icirc;te de dialogue du code HTML (en-t&ecirc;te).
Pour obtenir plus d'informations, consultez le chapitre des Gadgets web (voir page
312) de la version PDF du manuel.
37
38
Couleurs du site Internet
Tous les mod&egrave;les de conception utilisent un petit jeu de couleurs th&eacute;matiques ainsi
que des nuances de ces couleurs th&eacute;matiques. La mani&egrave;re la plus simple de modifier
les couleurs de votre site est d'utiliser l'une des couleurs de la palette propos&eacute;es avec
chaque type de mod&egrave;le de site dans la GALERIE DES MODELES. Il suffit de d&eacute;poser un
sch&eacute;ma dans votre page pour modifier la couleur du site entier, ou d'effectuer un
double-clic sur la gamme de couleurs s&eacute;lectionn&eacute;e.
Vous avez &eacute;galement la possibilit&eacute; d'&eacute;diter individuellement chacune des couleurs
th&eacute;matiques. Elles se situent sur la gauche de la Palette de couleurs, en bas de la
fen&ecirc;tre.
Contour actuel et couleur de remplissage
&Eacute;diteur de couleurs
Pipette de couleurs
Aucune couleur
Couleurs &laquo; th&eacute;matiques &raquo; et Couleurs li&eacute;es
Palette fixe de couleurs standard
Placez le pointeur au-dessus d'une couleur pour afficher son nom.
Barre d'&eacute;tat. Affiche les options s&eacute;lectionn&eacute;es et fournit des astuces.
Cliquez simplement sur l'une des Couleurs th&eacute;matiques et s&eacute;lectionnez l'option &Eacute;diter
(en passant le pointeur de la souris au-dessus de la couleur, vous verrez appara&icirc;tre
l'infobulle affichant le nom de la couleur).
www.magix.com
D&eacute;marrage
Lorsque vous souhaitez modifier une couleur, vous avez la possibilit&eacute; d'aller
pr&eacute;lever n'importe quelle couleur pr&eacute;sente &agrave; l'&eacute;cran, ceci &agrave; l'aide de la pipette.
S&eacute;lectionnez la couleur &agrave; modifier, qu'elle soit une couleur de remplissage ou de
ligne de l'objet s&eacute;lectionn&eacute; ou toute autre couleur de base portant un nom pr&eacute;cis.
Cliquez pour afficher les commandes avanc&eacute;es relatives aux couleurs
Couleur pr&eacute;c&eacute;dente
Couleur actuelle
Glissez ici pour s&eacute;lectionner une nuance de la teinte souhait&eacute;e
Glissez ici pour s&eacute;lectionner une teinte
.&Eacute;tirez &agrave; l'aide de la souris pour augmenter la taille de la fen&ecirc;tre.
L'&Eacute;diteur de couleurs permet de choisir facilement n'importe quelle couleur. Cliquez
sur les Commandes avanc&eacute;es pour saisir des valeurs RVB.
Remarque : lorsque vous modifiez une gamme de couleurs de cette fa&ccedil;on, toutes les
nuances concern&eacute;es utilis&eacute;es dans le document sont &eacute;galement modifi&eacute;es.
Colorer des 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; DEFINIR LA COULEUR DE REMPLISSAGE &raquo;.
Vous pouvez &eacute;galement cliquer sur l'ic&ocirc;ne &Eacute;diteur de couleurs (ou presser 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 (voir page 215).
Colorer des cliparts import&eacute;s
Lorsque vous importez un clipart &agrave; partir de la galerie des designs, 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 clipart 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.
39
40
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 la page
La plupart des mod&egrave;les de page de la GALERIE DES MODELES ont deux types d'arri&egrave;replan. Un grand arri&egrave;re-plan de page qui s'&eacute;tend sur l'ensemble de la fen&ecirc;tre du
navigateur. Et au-dessus, on retrouve les &eacute;l&eacute;ments de la page web compos&eacute;s
g&eacute;n&eacute;ralement de diff&eacute;rents panneaux color&eacute;s.
La Palette de couleur comporte habituellement une couleur nomm&eacute;e &laquo; Couleur
d'arri&egrave;re-plan &raquo; et une autre appel&eacute;e &laquo; Couleur des panneaux &raquo; que vous pouvez
modifier pour contr&ocirc;ler les diff&eacute;rentes couleurs d'arri&egrave;re-plan. Les autres couleurs
utilis&eacute;es sont g&eacute;n&eacute;ralement les Couleurs th&eacute;matiques 1, 2, etc.
Couleur d'arri&egrave;re-plan
Couleur des panneaux
Palettes de couleurs 1 et 2
www.magix.com
D&eacute;marrage
D&eacute;finir la couleur d'arri&egrave;re-plan de la page
Lorsque vous ouvrez une nouvelle page vierge (FICHIER -&gt; NOUVEAU ), la page par
d&eacute;faut qui s'affiche est blanche. Il s'agit de l'arri&egrave;re-plan sur lequel 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 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.
41
42
Cependant, vous pouvez aussi choisir une couleur d'arri&egrave;re-plan de la page comme
d&eacute;crit ci-dessus puis assigner une couleur diff&eacute;rente &agrave; la zone autour de la page. Cette
zone autour de la page correspond au presse-papiers. Faites simplement glisser une
couleur sur le presse-papiers pour d&eacute;finir sa couleur ; choisissez la couleur d'arri&egrave;replan de la page comme d&eacute;crit plus haut. &Agrave; pr&eacute;sent, si vous pr&eacute;visualisez la page, vous
verrez que l'arri&egrave;re-plan de la fen&ecirc;tre du navigateur poss&egrave;de la couleur du pressepapiers tandis que le rectangle de la page dispose de sa propre couleur.
Vous pouvez utiliser l'&eacute;diteur de couleurs pour &eacute;diter ces couleurs. Faites un clic droit
sur la page et s&eacute;lectionnez l'option MODIFIER L'ARRIERE-PLAN DE LA PAGE pour ouvrir
l'&eacute;diteur de couleurs et modifier la couleur de la page. Pour &eacute;diter la couleur d'arri&egrave;replan du presse-papiers, faites un clic droit dessus et s&eacute;lectionnez l'option MODIFIER LA
COULEUR D'ARRIERE-PLAN .
Si vous souhaitez utiliser une texture de fond r&eacute;p&eacute;t&eacute;e, glissez la photo ou le
bitmap sur le document. Ouvrez la GALERIE DES BITMAPS , recherchez la photo
que vous venez de t&eacute;l&eacute;charger, cliquez dessus pour la s&eacute;lectionner puis cliquez
sur le bouton ARRIERE-PLAN de la galerie.
Calque arri&egrave;re-plan de page
Lorsque vous d&eacute;finissez la cour d'arri&egrave;re-plan de la page en d&eacute;posant une couleur
dans la page, comme d&eacute;crit plus haut, un nouveau calque est ajout&eacute; au document.
Vous pouvez le voir en ouvrant la GALERIE DES PAGES ET DES CALQUES . Il est appel&eacute; le
CALQUE ARRIERE-PLAN DE PAGE .
www.magix.com
D&eacute;marrage
Ce calque est normalement verrouill&eacute; de sorte qu'il n'est pas possible de le
s&eacute;lectionner pour &eacute;diter son contenu. Mais vous pouvez le d&eacute;bloquer dans la Galerie
des pages et des calques afin de proc&eacute;der &agrave; quelques op&eacute;rations d'&eacute;dition limit&eacute;es
afin de personnaliser l'arri&egrave;re-plan de votre page. Cliquez simplement sur le symbole
V&eacute;rouiller pr&egrave;s de l'arri&egrave;re-plan de page pour le d&eacute;verrouiller.
&Agrave; pr&eacute;sent, si vous cliquez sur l'arri&egrave;re-plan de page, un rectangle s&eacute;lectionn&eacute; s'affiche
(voir la barre d'&eacute;tat). Ce rectangle couvre toute la page : il sert &agrave; d&eacute;finir la couleur de
la page. Vous pouvez ensuite proc&eacute;der &agrave; l'&eacute;dition illimit&eacute;e de ce rectangle, comme par
exemple lui attribuer un remplissage gradu&eacute; &agrave; l'aide de l'outil de Remplissage ou
arrondir ses angles &agrave; l'aide de l'outil Rectangle.
Remarque : vous devez &eacute;galement d&eacute;finir la couleur du pasteboard avant de pouvoir
attribuer &agrave; votre page une couleur autre que unie.
D&eacute;caler la partie sup&eacute;rieure de la page
Normalement, lorsque des couleurs diff&eacute;rentes ont &eacute;t&eacute; d&eacute;finies pour la page et le
pasteboard, la page lors de l'aper&ccedil;u, s'&eacute;tend jusqu'au bord sup&eacute;rieur de la fen&ecirc;tre du
navigateur. Il n'est pas possible de voir la couleur du pasteboard au dessus de la page.
N&eacute;anmoins, il est possible d'ajouter un d&eacute;calage afin de laisser un certain espace
visible au dessus de votre page dans la fen&ecirc;tre du navigateur.
Pour ajouter un d&eacute;calage, vous devez modifier l'origine de la page. G&eacute;n&eacute;ralement,
l'origine de la page est d&eacute;finie de fa&ccedil;on &agrave; se trouver dans l'angle sup&eacute;rieur gauche de
votre page. En d&eacute;pla&ccedil;ant cette origine de 20 pixels, par exemple, vous ajoutez une
marge de 20 pixels au-dessus de votre page, visible dans la fen&ecirc;tre du navigateur.
Il existe deux mani&egrave;res de modifier l'origine. La plus simple consiste &agrave; ouvrir la bo&icirc;te
de dialogue OUTILS &gt; OPTIONS , s&eacute;lectionner l'onglet GRILLE ET REGLES et d'augmenter
la valeur de la coordonn&eacute;e Y du point d'origine. Cette valeur correspond &agrave; la hauteur
de votre page, attribuez alors la valeur souhait&eacute;e pour la marge. Par exemple, si la
hauteur de votre page est de 700 pixels, modifiez la valeur Y des coordonn&eacute;es de
l'origine en passant de 700 &agrave; 720 afin d'ajouter un d&eacute;calage de 20 pixels.
Une autre alternative consiste &agrave; d&eacute;finir le point d'origine de mani&egrave;re interactive.
Activer les r&egrave;gles en s&eacute;lectionnant l'option FENETRE &gt; AFFICHER LES REGLES (Ctrl + L).
Puis cliquez et tirez sur le bouton en croix qui se trouve au croisement des r&egrave;gles
horizontale et verticale, dans le coin gauche sup&eacute;rieur de l'espace de travail (la toile).
Vous d&eacute;placez alors la position d'origine : positionnez-la &agrave; une distance appropri&eacute;e &agrave;
la verticale au dessus de l'angle gauche sup&eacute;rieur de votre page.
La modification de la position horizontale de l'origine n'a pas d'incidence sur la
position horizontale de votre page, il n'est donc pas recommand&eacute; de la modifier.
43
44
Arri&egrave;re-plans avanc&eacute;s
Les navigateurs web n'autorisent pas d'arri&egrave;re-plan d&eacute;grad&eacute; sur l'ensemble visible de
la fen&ecirc;tre (tout du moins pas sous forme de v&eacute;ritable arri&egrave;re-plan HTML) mais ils
permettent d'utiliser des bitmaps r&eacute;p&eacute;t&eacute;s en mosa&iuml;que comme arri&egrave;re-plan. Ainsi,
vous pouvez cr&eacute;er un arri&egrave;re-plan enti&egrave;rement d&eacute;grad&eacute; en utilisant un fichier bitmap
r&eacute;p&eacute;t&eacute; en mosa&iuml;que sur toute la page.
Cr&eacute;ez une longue bande fine (voir &agrave; gauche) que vous d&eacute;finissez comme arri&egrave;re-plan pour
obtenir 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.
2.
3.
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 d'au moins 1000 pixels
sup&eacute;rieure &agrave; la hauteur de votre page. Vous devrez peut-&ecirc;tre faire un zoom
arri&egrave;re pour dessiner un rectangle de taille suffisante. Il doit &ecirc;tre tr&egrave;s fin.
Assurez-vous que le rectangle ne poss&egrave;de pas de contour : cliquez dessus
dans l'OUTIL DE SELECTION et faites en sorte qu'il n'ait pas de contour. Cliquez
sur &laquo; Aucune couleur &raquo; dans la Palette de couleurs (ou s&eacute;lectionnez
&laquo; Aucune &raquo; dans le menu d&eacute;roulant de la largeur de ligne dans la barre du
haut).
V&eacute;rifiez que le rectangle ne mesure que quelques pixels de large et que ses
coordonn&eacute;es X et Y exprim&eacute;es en pixels correspondent &agrave; des nombres entiers :
dans l'OUTIL DE SELECTION , s&eacute;lectionnez le rectangle, &eacute;ditez sa Largeur (L),
appuyez sur &laquo; Entr&eacute;e &raquo; puis &eacute;ditez les positions X et Y de sorte qu'elles
correspondent &agrave; des nombres entiers.
www.magix.com
D&eacute;marrage
4.
En utilisant l'OUTIL REMPLISSAGE (voir page 215), vous pouvez lui donner la
couleur d&eacute;grad&eacute;e souhait&eacute;e en glissant simplement l'outil dans le rectangle.
Assurez-vous que le d&eacute;grad&eacute; s'&eacute;tend bien de haut en bas en ajustant si
n&eacute;cessaire la fl&egrave;che de remplissage.
5.
Exportez le rectangle au format PNG.
Cliquez sur l'ic&ocirc;ne EXPORTER AU
FORMAT PNG . Apr&egrave;s l'exportation, faites glisser l'image dans la page depuis
votre explorateur de fichiers.
Ouvrez la GALERIE DES BITMAPS, faites d&eacute;filez l'affichage vers la bas pour voir le
graphique que vous venez de charger (dans la galerie, il est repr&eacute;sent&eacute; par une
miniature tr&egrave;s fine voire presque invisible), s&eacute;lectionnez-le (cliquez dessus
dans la galerie) puis cliquez sur le bouton ARRIERE-PLAN de la GALERIE DES
BITMAPS . Vous pouvez &agrave; pr&eacute;sent supprimer le rectangle original de la page.
6.
Remarque : cela ne fonctionnera sur l'ensemble de l'arri&egrave;re-plan de la fen&ecirc;tre du
navigateur que si vous n'avez pas attribu&eacute; de couleur d'arri&egrave;re-plan au pressepapiers. Si vous avez d&eacute;fini un arri&egrave;re-plan pour le presse-papiers, le remplissage
d&eacute;grad&eacute; s'appliquera uniquement &agrave; l'arri&egrave;re-plan de la page.
Nuances li&eacute;es
Vous pouvez cr&eacute;er des couleurs qui sont des nuances plus lumineuses ou plus
sombres d'une autre couleur de sorte que, lorsque vous modifiez la couleur &laquo; m&egrave;re &raquo;,
toutes les nuances soient modifi&eacute;es conform&eacute;ment &agrave; la nouvelle teinte. Par exemple,
une nuance de couleur graduelle sur un bouton comme ici :
Il s'agit d'un simple rectangle arrondi avec un
remplissage d&eacute;grad&eacute; cr&eacute;&eacute; avec l'OUTIL DE
REMPLISSAGE . Dans l'OUTIL DE REMPLISSAGE , vous
pouvez cliquer sur l'une des extr&eacute;mit&eacute;s de la
fl&egrave;che pour d&eacute;terminer la couleur.
Si vous d&eacute;signez la couleur verte principale comme &eacute;tant une couleur nomm&eacute;e &agrave;
partir de laquelle vous cr&eacute;erez ensuite une nuance plus claire ou plus fonc&eacute;e sous
forme de 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.
45
46
Pour cr&eacute;er une nuance li&eacute;e, ouvrez les commandes suppl&eacute;mentaires de l'&Eacute;diteur de
couleur et s&eacute;lectionnez le menu d&eacute;roulant COULEUR NORMALE puis NUANCE D'UNE
AUTRE COULEUR .
Cliquez sur ce bouton pour afficher les commandes 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 aussi cr&eacute;er une nuance li&eacute;e qui appara&icirc;tra dans la palette de couleurs
(ainsi, vous pourrez l'appliquer facilement &agrave; d'autres objets). Lorsque vous
s&eacute;lectionnez la cr&eacute;ation d'une nouvelle Couleur nomm&eacute;e, vous pouvez choisir d'en
faire une &laquo; Nuance d'une autre couleur &raquo; li&eacute;e.
www.magix.com
D&eacute;marrage
Photos
Pour remplacer une photo, glissez et d&eacute;posez une image sur n'importe quelle photo
dans Web Designer &agrave; partir de votre Explorateur de fichiers. 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
d&eacute;pos&eacute;e. Toutes les photos import&eacute;es sont affich&eacute;es avec une largeur de 500 pixels ;
cependant, il va de soi que vous pouvez modifier librement leur taille en utilisant
l'OUTIL DE SELECTION de fa&ccedil;on habituelle.
Glissez et d&eacute;posez 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.
47
48
Lorsque vous remplacez une photo existante, l'OUTIL REMPLISSAGE est
s&eacute;lectionn&eacute; et deux fl&egrave;ches de remplissage s'affichent sur les angles droits de la
photo.
En effet, la photo fait office de remplissage d'une forme. Vous pouvez faire glisser
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 des contours de la forme.
Faites glisser la photo pour la repositionner &agrave; l'int&eacute;rieur de son cadre. Tirez sur l'extr&eacute;mit&eacute; des
fl&egrave;ches pour la redimensionner et la faire pivoter.
Remplacement de photos multiples
Certains mod&egrave;les de la GALERIE DE DESIGNS , en particulier les albums photo,
permettent de remplacer plusieurs photos en une fois. Vous pouvez s&eacute;lectionner
plusieurs photos &agrave; l'aide de l'explorateur de fichiers Windows (Ctrl + clic pour ajouter
d'autres fichiers &agrave; la s&eacute;lection, ou Maj + clic pour s&eacute;lectionner une s&eacute;rie de fichiers).
Placez-les ensuite dans la page de MAGIX Web Designer MX par Glisser-D&eacute;poser.
Les photos sont alors remplac&eacute;es une &agrave; une en partant du haut de la page vers le bas.
Vous pouvez ainsi ins&eacute;rer rapidement vos propres photos dans une page d'album !
Si vous ajoutez plus de photos que la page ne peut en contenir, MAGIX Web
Designer MX va examiner les pages suivantes du document pour d&eacute;terminer s'il peut
y ins&eacute;rer certaines des photos restantes. Si cela n'est pas suffisant, MAGIX Web
Designer MX va dupliquer la page actuelle autant de fois que n&eacute;cessaire pour inclure
toutes les photos.
Ce puissant m&eacute;canisme vous permet de cr&eacute;er un album photo sur plusieurs pages
rapidement, en chargeant un mod&egrave;le d'album depuis la Galerie de designs puis en
ajoutant vos photos dans le mod&egrave;le.
Importation de grandes photos
Lorsque vous importez des photos haute r&eacute;solution (au-dessus de 1920 pixels en
largeur ou en hauteur) dans un document Web, MAGIX Web Designer MX
redimensionne automatiquement la photo &agrave; la taille des &eacute;crans HD sans vous
demander si vous d&eacute;sirez une r&eacute;solution plus basse. Pour un document Web, m&ecirc;me
www.magix.com
D&eacute;marrage
en taille r&eacute;duite, la taille de vos photos devrait d&eacute;j&agrave; avoir une r&eacute;solution suffisante
donc inutile d'importer des images &agrave; r&eacute;solution maximale de votre appareil photo
digital pour l'utilisation Web.
Outil photo
L'Outil Photo permet d'am&eacute;liorer et de d&eacute;couper vos photos.
Pour d&eacute;couper une photo, ouvrez l'OUTIL D'OPTIMISATION DE PHOTO et tirez
sur le cadre de la photo. Vous pouvez ajuster les bords de la d&eacute;coupe en
d&eacute;pla&ccedil;ant les poign&eacute;es de coupe &agrave; l'ext&eacute;rieur de la photo.
Pour mieux contr&ocirc;ler le d&eacute;coupage, vous pouvez &eacute;galement utiliser l'OUTIL DE
CLIP .
Voir la rubrique Traitement des photos pour plus d'informations sur le traitement
avanc&eacute; des photos dans MAGIX Web Designer MX ainsi que la rubrique outil Photo
pour d&eacute;couvrir comment utiliser l'outil Photo.
Photos miniatures avec fen&ecirc;tres pop-up
Vous pouvez cr&eacute;er des photos miniatures tr&egrave;s facilement (il suffit de les
redimensionner pour r&eacute;duire leur taille) qui seront affich&eacute;es en grand quand on clique
dessus. Redimensionnez simplement votre photo jusqu'&agrave; ce qu'elle ait une taille
r&eacute;duite en utilisant l'OUTIL DE SELECTION .
S&eacute;lectionnez la photo miniature puis l'option PHOTO POP-UP dans l'onglet LIEN
de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s Web (cliquez sur le bouton LIEN dans la
BARRE D'OUTILS WEB ).
49
50
Cliquez sur le bouton PARAMETRES situ&eacute; pr&egrave;s de l'option Photo pop-up pour basculer
dans l'onglet IMAGE de la bo&icirc;te de dialogue des PROPRIETES WEB .
Vous pourrez alors modifier le mode d'affichage de votre fen&ecirc;tre pop-up. Une option
permet de placer un titre au-dessus que chaque photo pop-up. D&eacute;finir le titre de
chaque photo dans le champ TITRE. Au besoin, vous pouvez &eacute;galement faire en sorte
qu'une l&eacute;gende s'affiche sous chaque photo pop-up. Il suffit de saisir la LEGENDE DE
L'IMAGE (texte Alt) pour la miniature dans cette m&ecirc;me bo&icirc;te de dialogue. Consultez la
section Photo pop-up du chapitre de la bo&icirc;te de dialogue des Propri&eacute;t&eacute; web pour en
savoir plus sur les options disponibles.
Dans Internet Explorer, la l&eacute;gende de l'image (texte &laquo; ALT &raquo;) sera &eacute;galement affich&eacute;
dans une infobulle qui appara&icirc;t lorsque vous placez le pointeur de la souris sur
l'image. Pour afficher un texte diff&eacute;rent lorsque le pointeur de la souris est au-dessus
de la miniature, par exemple &laquo; Cliquez pour agrandir &raquo;, allez dans l'onglet SURVOL DE
SOURIS puis remplacez AFFICHER LE TEXTE POP-UP par CLIQUEZ POUR AGRANDIR .
R&eacute;solution des photos : tout est automatique !
Lorsque vous importez des photos haute r&eacute;solution (au-dessus de 1920 pixels en
largeur ou en hauteur) dans un document Web, MAGIX Web Designer MX
redimensionne automatiquement la photo &agrave; la taille des &eacute;crans HD sans vous
demander si vous d&eacute;sirez une r&eacute;solution plus basse. Pour un document Web, m&ecirc;me
en taille r&eacute;duite, la taille de vos photos devrait d&eacute;j&agrave; avoir une r&eacute;solution suffisante
donc inutile d'importer des images &agrave; r&eacute;solution maximale de votre appareil photo
digital pour l'utilisation Web.
www.magix.com
D&eacute;marrage
Dans tous les cas, si vous importez une grande photo dans un document &agrave; imprimer
ou une animation, MAGIX Web Designer MX vous demande si vous souhaitez
importer une version de vos photos avec une r&eacute;solution plus basse. Si votre document
comporte beaucoup de photos, il est pr&eacute;f&eacute;rable de choisir une r&eacute;solution r&eacute;duite. Sans
quoi votre fichier risque d'&ecirc;tre tr&egrave;s lourd (contenant une copie de chaque photo) et
votre ordinateur peut alors manquer de m&eacute;moire pour charger, &eacute;diter et exporter les
documents.
Vous pouvez &eacute;galement d&eacute;cider ult&eacute;rieurement de la r&eacute;solution en important la photo
dans sa taille originale et en l'optimisant plus tard. Pour optimiser une photo,
effectuez un clic droit sur la photo et s&eacute;lectionnez l'option d'OPTIMISATION dans le
menu contextuel. Vous avez &eacute;galement la possibilit&eacute; d'optimiser toutes les photos au
format JPEG de votre document en une fois &agrave; l'aide de l'option SERVICES &gt;
OPTIMISATION DE TOUS LES JPEG .
Web Designer enregistre toujours l'image originale import&eacute;e (ou la taille r&eacute;duite si
cela &eacute;t&eacute; fait lors de l'importation comme vu ci-dessus). Ainsi, vous pouvez
redimensionner ou recadrer votre image comme vous le souhaitez sans perte de
qualit&eacute;. Web Designer convertit automatiquement toutes les photos au format JPEG
dans une r&eacute;solution correcte lorsque vous sauvegardez votre site Web. Inutile de vous
pr&eacute;occuper &agrave; propos des dpi, de la taille des images, des pixels ou autres. Ce que vous
voyez dans Web Designer (zoom &agrave; 100 %) correspond exactement &agrave; ce qui se
produira sur votre site Web.
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 SELECTION .
Quand vous faites glisser une photo sur la page (si on suppose que vous ne remplacez
pas une photo existante), sa taille est de 500 pixels. Si vous souhaitez la
redimensionner &agrave; 200 pixels, saisissez 200 pix dans le champ W de L'OUTIL
SELECTION. Vous pouvez la saisir dans n'importe quelle unit&eacute;, par exemple 2in
correspond &agrave; une largeur de 2 pouces.
51
52
Texte
Vous pouvez modifier 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 du texte
&agrave; partir du presse-papiers du syst&egrave;me. Double-cliquez sur un mot pour le s&eacute;lectionner
et triple-cliquez pour s&eacute;lectionner une ligne enti&egrave;re : cela peut &ecirc;tre utile pour
s&eacute;lectionner tout le texte d'un bouton. Comme toujours, la Barre d'infos offre de
nombreuses fonctionnalit&eacute;s pour cet outil. Une autre m&eacute;thode consiste &agrave; faire un clic
droit dans le texte puis &agrave; s&eacute;lectionner PROPRIETES DE TEXTE AVANCEES .
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.
www.magix.com
D&eacute;marrage
Les trois sections du menu des polices. Dans cet exemple, Courier New est s&eacute;lectionn&eacute; et indique
les variantes disponibles Gras et Italique. Certaines polices ne disposent pas de 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
Ces polices peuvent &ecirc;tre utilis&eacute;es pour un site Web car la vaste majorit&eacute; des
ordinateurs et autres appareils d&eacute;tiennent ces polices. Vous pouvez utiliser d'autres
polices si vous les int&eacute;grer dans votre site Web et si la licence de la police le permet.
Voir le chapitre Utilisation du texte pour plus d'informations.
Si vous transformez un texte en objet graphique, toutes les polices sont utilisables.
Voir la rubrique Groupes (voir page 59) ci-dessous pour plus de d&eacute;tails.
Cr&eacute;er de nouveaux objets textes
Il existe trois types d'objets texte : une ligne de texte seule, 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 faites glisser la souris 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 faites glisser la zone 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.
Listes &agrave; puces et &agrave; num&eacute;ros
Le bouton de listes &agrave; puces et num&eacute;ros de l'OUTIL TEXTE situ&eacute; sur la barre d'infos vous
permet d'entrer rapidement ce type de listes. En effectuant un clic droit sur une liste
num&eacute;rot&eacute;e et s&eacute;lectionnant PROPRIETES DES LISTES... dans le menu contextuel, vous
avez la possibilit&eacute; de modifier la num&eacute;rotation de votre liste. Vous pouvez &eacute;galement
utiliser un graphique comme puce ou num&eacute;ro dans votre liste. Pour plus
d'informations voir le chapitre Outil Texte (voir page 180).
53
54
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
Faites un clic droit sur un objet comme une photo puis s&eacute;lectionnez l'option de menu
RENVOYER LE TEXTE EN DESSOUS (voir page 197) pour faire en sorte que le texte soit
r&eacute;parti autour de l'objet situ&eacute; au-dessus.
De nombreux objets, notamment les photos, les panneaux lat&eacute;raux, les boutons et les
titres utilis&eacute;s dans les mod&egrave;les de conception de la GALERIE DES MODELES renvoient le
texte de fa&ccedil;on automatique : le texte se r&eacute;partit toujours autour des objets lorsque
vous les faites glisser.
Ces objets ne renvoient que le texte situ&eacute; sous eux ; par cons&eacute;quent, vous devrez
peut-&ecirc;tre &laquo; mettre l'objet au-dessus &raquo; pour que le renvoi fonctionne (&laquo; Ctrl + F &raquo;).
D'autre part, si vous voulez qu'un objet renvoie uniquement le texte situ&eacute; sur le m&ecirc;me
calque que lui, vous pouvez emp&ecirc;cher que le texte qui se trouve sous ce calque soit
renvoy&eacute; (cette option est utile pour les fen&ecirc;tres pop-up d'une page web) – voir
Propri&eacute;t&eacute;s des calques (voir page 331).
Toutes les manipulations effectu&eacute;es dans l'OUTIL TEXTE sont r&eacute;alis&eacute;es en temps r&eacute;el –
le texte change de format et de disposition pendant que vous modifiez la largeur de la
colonne ou d&eacute;placez des objets.
Remarque : vous pouvez aussi renvoyer le texte autour des objets ancr&eacute;s (voir page
54).
Objets ancr&eacute;s
Si vous souhaitez qu'un objet graphique apparaisse pr&egrave;s d'une partie donn&eacute;e d'un bloc
de texte, vous pouvez ancrer l'objet au texte de fa&ccedil;on &agrave; pouvoir les d&eacute;placer
ensemble.
Faites un clic droit sur l'objet et s&eacute;lectionnez ANCRER AU TEXTE . Avec l'OUTIL DE
SELECTION , cliquez et glissez l'ic&ocirc;ne ancre qui appara&icirc;t en haut &agrave; gauche de l'objet
jusqu'&agrave; l'endroit du texte o&ugrave; vous souhaitez ancrer l'objet. &Agrave; pr&eacute;sent, lorsque vous
modifiez ou d&eacute;placez le texte, l'objet ancr&eacute; se d&eacute;place avec son ancre.
Remarque : vous pouvez aussi renvoyer le texte (voir page 54) d'un objet ancr&eacute;.
www.magix.com
D&eacute;marrage
Panneaux de texte
De la m&ecirc;me fa&ccedil;on que certains boutons de la Galerie des designs 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, vous disposez d'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. Effectuez 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
55
56
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 (voir page 379) 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.
Taille de la page
Les pages de LA GALERIE DES DESIGNS 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 TAILLE DE LA PAGE de la BOITE DE DIALOGUE D'OPTIONS (Fichier-&gt;Options
pages). 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.
Vous pouvez modifier directement la taille de votre page en tirant sur la marge
inf&eacute;rieure ou &agrave; droite de la page. Allez dans L'OUTIL SELECTION 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 page des mod&egrave;les.
Vous pouvez changer verticalement la taille des mod&egrave;les d&eacute;j&agrave; cr&eacute;&eacute;s en tirant le bord
en bas de la page. Lorsque vous effectuez cette manoeuvre, les pieds de pages restent
en bas de la page et les fonds d'&eacute;cran sont &eacute;tir&eacute;s automatiquement. Le design de la
page est ainsi respect&eacute; quelle que soit la longueur de la page.
www.magix.com
D&eacute;marrage
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.
Il est recommand&eacute; d'activer le service de sauvegarde automatique lorsque vous
travaillez. Vous pouvez l'activer depuis l'onglet Sauvegarde de la bo&icirc;te de dialogue
SERVICES &gt; OPTIONS . Lorsque la fonction est active, les documents ouverts sur
lesquels vous travaillez sont sauvegard&eacute;s r&eacute;guli&egrave;rement. Vous pouvez &eacute;galement
d&eacute;finir ici le comportement du programme lorsque vous le quittez. Le programme
peut vous demander de sauvegarder ou de rejeter tout document ouvert modifi&eacute;, ou
de sauvegarder automatiquement tous les documents dans l'emplacement de
sauvegarde pour les restaurer lorsque vous utiliserez le programme &agrave; nouveau.
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 non nomm&eacute;es 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. Si vous le souhaitez, vous pouvez nommer chaque
page individuellement &agrave; l'aide de la bo&icirc;te de dialogue OPTIONS INTERNET de l'onglet
PAGE ou dans la Galerie de calques et de pages (voir page 323).
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.
Sauvegardes automatiques
L'onglet des Sauvegardes dans la bo&icirc;te de dialogue SERVICES &gt; OPTIONS vous permet
d'activer ou d&eacute;sactiver la fonction de sauvegarde automatique. Cette fonction
enregistre une copie de tous les documents modifi&eacute;s ouverts &agrave; intervalles r&eacute;guliers.Il
est recommand&eacute; d'activer cette fonction lorsque vous travaillez sur des documents
afin de sauvegarder r&eacute;guli&egrave;rement vos modifications. Vous disposez &eacute;galement
d'autres fonctions, comme l'option vous demandant si vous souhaitez sauvegarder les
documents non enregistr&eacute;s &agrave; chaque fois que vous fermez le programme, ou encore
57
58
d'enregistrer tous les documents ouverts et les restaurer au prochain d&eacute;marrage du
programme.
Consulter le chapitre Utilisation de document (voir page 98) pour obtenir de plus
amples informations sur ces fonctions.
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. La plupart
des mod&egrave;les et tous les boutons du dossier Boutons de la GALERIE DES DESIGNS
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, vous pouvez ajuster verticalement et parfois horizontalement de
nombreux panneaux de c&ocirc;t&eacute;, des panneaux de texte dans les mod&egrave;les mais aussi la
zone de texte principale. 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.
Remarque : vous pouvez cr&eacute;er de nouveaux &eacute;l&eacute;ments extensibles en utilisant Xara
Designer Pro.
www.magix.com
D&eacute;marrage
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 des designs, 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; ci-dessus, seul un nombre tr&egrave;s limit&eacute; de polices de caract&egrave;res est
pris en charge dans les navigateurs Web. Si vous souhaitez utiliser une autre police
d'&eacute;criture sur un bouton ou, par exemple, en tant que titre, vous pouvez le faire en le
convertissant en une image et tout ce que vous aurez besoin de faire est de grouper
l'objet pour le faire automatiquement. Vous pouvez toujours &eacute;diter le texte au sein du
groupe mais les groupes sont automatiquement convertis en images lors de
l'exportation du site Web.
Ainsi, il vous suffit de grouper une police pour l'inclure. Elle n'a pas besoin d'&ecirc;tre
group&eacute;e avec quoi que ce soit ; vous pouvez la grouper avec elle-m&ecirc;me, juste en
s&eacute;lectionnant GROUPER dans le menu ARRANGER ou en appuyant sur &quot;Ctrl + G.
59
60
Remarque technique : lorsque vous exportez de tels groupes en tant qu'images sur
une page Web, tout texte inclus dans le groupe est utilis&eacute; en tant que texte alternatif
(alt text) HTML pour les images (sauf si vous avez explicitement configur&eacute; vousm&ecirc;me un autre texte en tant que texte alternatif pour le groupe). Cela signifie que le
texte sera tout de m&ecirc;me pr&eacute;lev&eacute; par les moteurs de recherche ainsi que par les
outils de lecture &agrave; voix haute utilis&eacute;s par les personnes atteintes de d&eacute;ficience
visuelle, m&ecirc;me si le texte n'appara&icirc;t pas directement sur la page Web. Si vous ne
voulez pas que le texte alternatif soit d&eacute;fini de cette fa&ccedil;on, vous pouvez d&eacute;roger &agrave;
cette r&egrave;gle en sp&eacute;cifiant un autre texte alternatif pour le groupe dans l'onglet Image
de la bo&icirc;te de dialogue Services &gt; Propri&eacute;t&eacute;s Web.
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 . Consultez le chapitre Manipulation d'objets pour en savoir
plus.
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.
R&eacute;p&eacute;ter des objets
Il est courant que des &eacute;l&eacute;ments tels que les boutons de navigation, les en-t&ecirc;tes ou les
logos soient r&eacute;p&eacute;t&eacute;s sur toutes les pages de votre document ou de votre site. MAGIX
Web Designer MX vous permet de r&eacute;p&eacute;ter tout objet &agrave; une m&ecirc;me place sur n'importe
laquelle de vos pages Internet. Lorsque vous actualisez l'une des copies, tous les
changements sont automatiquement report&eacute;s sur toutes les pages.
Vous trouverez de plus amples informations dans la section Objets r&eacute;currents (voir
page 145) du chapitre Manipulation des objets.
www.magix.com
D&eacute;marrage
Liens, boutons et barres de navigation.
Vous pouvez ajouter un lien Web &agrave; tous les objets, boutons, graphiques ou &eacute;l&eacute;ments
de texte.
S&eacute;lectionnez l'objet et cliquez sur l'ic&ocirc;ne de lien situ&eacute;e sur la barre du haut pour
saisir l'adresse Web que vous voulez relier &agrave; cet objet.
Entrez l'adresse Web que vous voulez relier dans le champ mis en relief.
L'onglet Lien de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s du site Web/Options Internet
vous permet de contr&ocirc;ler ce qui se passe lorsque vous cliquez sur l'objet li&eacute; sur la
page. Vous pouvez passer &agrave; une autre page Web (vous pouvez s&eacute;lectionner
rapidement un lien vers une autre page de votre site en utilisant le menu d&eacute;roulant
LIEN VERS LA PAGE ) et d&eacute;cider si le lien ouvre la page dans une fen&ecirc;tre s&eacute;par&eacute;e ou non.
Vous pouvez aussi ins&eacute;rer un lien menant &agrave; l'un des calques pop-up que vous avez
cr&eacute;&eacute;s.
Pour attribuer un lien &agrave; l'un de vos boutons, s&eacute;lectionnez le bouton (cliquez
dessus dans L'OUTIL DE SELECTION ), cliquez sur l'ic&ocirc;ne de lien puis saisissez
l'adresse Web ou s&eacute;lectionnez une de vos pages du menu d&eacute;roulant et
cliquez sur APPLIQUER . Et voil&agrave; !
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
61
62
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;.
Lien vers le fichier
Il peut arriver que vous souhaitiez mettre un document, un film ou un autre fichier &agrave;
disposition des visiteurs de votre site. Pour cela, utilisez l'option LIEN VERS FICHIER.
S&eacute;lectionnez l'objet de la page que vous souhaitez lier au fichier. Puis s&eacute;lectionnez
l'option Lien vers fichier et recherchez votre fichier dans le navigateur. Le fichier est
alors copi&eacute; dans un dossier de support aux cot&eacute;s de votre fichier de mod&egrave;le, de sorte
que le fichier est publi&eacute; avec le reste de votre site. Le dossier est nomm&eacute; &agrave; partir du
nom de votre fichier de mod&egrave;le, avec le suffixe &laquo; _fichiers &raquo;. Cliquez ensuite sur OK ,
ouvrez l'aper&ccedil;u de votre page et testez le lien. Pour modifier le fichier, effectuez la
m&ecirc;me manipulation : naviguez &agrave; la recherche de votre nouveau fichier mis &agrave; jour.
Consultez le chapitre de la bo&icirc;te de dialogue OPTIONS INTERNET (voir page 235) pour
en savoir plus sur cette option, et le chapitre Utilisation de document pour en savoir
plus sur les dossiers de support (voir page 97).
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 (mouseover). 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
DESIGNS . Mais vous pouvez &eacute;galement d&eacute;terminer vos propres boutons avec survol
de souris - voir la section des calques ci-dessous.
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.
www.magix.com
D&eacute;marrage
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.
Barres de boutons (Barres de navigation)
La plupart des sites Internet, et la plupart des mod&egrave;les de conception que nous
proposons, disposent d'une ligne ou d'une colonne de boutons pour naviguer dans le
site Internet ou vers des liens externes. C'est ce qu'on appelle la Barre de navigation
et MAGIX Web Designer MX prend en charge ce type de barres. Consultez le
chapitre Barres de navigation (voir page 296) pour obtenir de plus amples
informations.
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.
63
64
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 (voir page 39). A l'aide de l'OUTIL DE
SELECTION , vous pouvez faire glisser l'objet, le redimensionner et le faire pivoter
comme vous le souhaitez. Voir outil de S&eacute;lection (voir page 31). 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 ARRIERE &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 (voir page 153) pour en savoir plus quant &agrave; l'utilisation
de cet outil.
Attributs actuels (styles)
Un attribut correspond aux caract&eacute;ristiques de l'objet modifiables dans MAGIX Web
Designer MX. Par exemple, les attributs d'une forme comprennent sa couleur ainsi
que la largeur et la couleur de ses contours.
Comme mentionn&eacute; plus haut, vous pouvez modifier les attributs d'un objet apr&egrave;s
l'avoir dessin&eacute; en le s&eacute;lectionnant puis en modifiant la couleur de remplissage, la
largeur de la ligne ou tout autre attribut. MAGIX Web Designer MX conserve
www.magix.com
D&eacute;marrage
&eacute;galement une trace des attributs &laquo; actuels &raquo; qu'il applique aux nouveaux objets
dessin&eacute;s lorsque vous les cr&eacute;ez.
D&eacute;finir les attributs actuels manuellement
Par exemple, si vous souhaitez que le rectangle que vous dessinez soit rouge, assurezvous que rien n'est s&eacute;lectionn&eacute; (appuyez sur &laquo; Echap &raquo; ou cliquez sur une zone vide
de la page) puis cliquez sur la couleur rouge dans la palette de couleurs. Vous venez
de d&eacute;finir la couleur rouge comme attribut couleur du remplissage actuel. &Agrave; pr&eacute;sent,
si vous dessinez une nouvelle forme, elle sera remplie en rouge. Vous pouvez d&eacute;finir
d'autres attributs actuels de la m&ecirc;me mani&egrave;re – avant de modifier les valeurs de
l'attribut, assurez-vous toujours qu'aucun objet n'est s&eacute;lectionn&eacute;.
D&eacute;finir les attributs actuels automatiquement
Par d&eacute;faut, MAGIX Web Designer MX met automatiquement &agrave; jour les attributs
actuels afin qu'ils correspondent au dernier objet dessin&eacute; ou s&eacute;lectionn&eacute;. Par exemple,
si vous dessinez un rectangle et lui attribuez la couleur verte, la prochaine forme
dessin&eacute;e sera &eacute;galement verte. Si votre design comporte un rectangle bleu et si vous
souhaitez en dessiner un second identique, s&eacute;lectionnez d'abord le rectangle bleu (ses
attributs deviennent alors les attributs actuels) pour que la prochaine forme dessin&eacute;e
soit &eacute;galement bleue. Par cons&eacute;quent, cliquez simplement sur un objet pour que ses
attributs deviennent les attributs actuels.
Cette m&eacute;thode permet d'utiliser des objets existants comme une &laquo; palette &raquo; de styles.
Cliquez sur un objet pour le s&eacute;lectionner puis dessinez de nouveaux objets dans le
m&ecirc;me style.
Vous pouvez d&eacute;sactiver ce comportement dans l'Onglet G&eacute;n&eacute;ralit&eacute;s (voir page 353)
de la bo&icirc;te de dialogue Services &gt; Options. Cochez la case &laquo; Demander avant
d'appliquer aux attributs actuels &raquo;. &Agrave; pr&eacute;sent, Web Designer vous questionnera avant
d'appliquer les derniers attributs utilis&eacute;s aux attributs actuels.
Groupes d'attributs
De nombreux mod&egrave;les consistent en une combinaison de formes pleines ferm&eacute;es et
de formes ouvertes (lignes dont les points de d&eacute;part et de fin ne co&iuml;ncident pas). Il
n'est pas souhaitable d'appliquer les attributs d'une forme ouverte &agrave; une forme
ferm&eacute;e et inversement. C'est pourquoi les attributs des formes ouvertes et ferm&eacute;es
sont s&eacute;par&eacute;s en groupes d'attributs. Lorsque vous d&eacute;finissez les valeurs d'un groupe
d'attributs, l'autre groupe ne s'en trouve pas affect&eacute;. Par exemple, si vous s&eacute;lectionnez
un rectangle plein sans contour, la largeur actuelle de la ligne ne sera pas 0 pour les
formes ouvertes.
Pour les m&ecirc;me raisons, les attributs de texte constituent un troisi&egrave;me groupe. Le
groupe des attributs de texte est d&eacute;fini uniquement lorsque vous s&eacute;lectionnez des
objets texte ou lorsque vous d&eacute;finissez les attributs manuellement dans l'outil de
texte.
65
66
Attributs exempts
Certains attributs ne sont pas d&eacute;finis automatiquement comme attributs actuels,
m&ecirc;me lorsque l'option &laquo; Appliquer les attributs r&eacute;cents aux nouveaux objets &raquo; est
activ&eacute;e. Cela est d&ucirc; au fait que certains attributs peuvent poser probl&egrave;me s'ils sont
d&eacute;finis comme attributs actuels.
D'autres attributs peuvent avoir un effet n&eacute;gatif sur l'exportation du mod&egrave;le ou
augmenter de fa&ccedil;on significative la dur&eacute;e de g&eacute;n&eacute;ration du mod&egrave;le ; par cons&eacute;quent,
leur application syst&eacute;matique doit &ecirc;tre &eacute;vit&eacute;e.
Exemples d'attributs copi&eacute;s automatiquement :
• Couleurs de remplissage, styles de remplissage, largeur de ligne, couleur de ligne,
style de ligne, style de jonction de ligne, style de finition de ligne, pointes/queues
de fl&egrave;ches, police du texte, taille de la police, marges du texte.
Exemples d'attributs qui ne sont pas copi&eacute;s automatiquement :
• Transparence, ombre.
R&eacute;initialisation des attributs actuels
Quand aucun objet n'est s&eacute;lectionn&eacute;, vous pouvez r&eacute;initialiser instantan&eacute;ment tous
les groupes d'attributs actuels en appuyant sur &laquo; Echap &raquo;. Si des objets sont
s&eacute;lectionn&eacute;s, appuyez sur &laquo; Echap &raquo; pour annuler la s&eacute;lection, puis appuyez de
nouveau sur &laquo; Echap &raquo; pour r&eacute;initialiser les attributs actuels afin qu'ils prennent leurs
valeurs par d&eacute;faut.
Outil de forme
L'OUTIL D'EDITION DE FORME vous permet de cr&eacute;er des formes vectorielles
d&eacute;taill&eacute;es et d'&eacute;diter le contour de n'importe quelle forme.
Pour les formes pr&eacute;d&eacute;finies telles que les rectangles ou les ellipses, ou bien pour
&eacute;diter le contour de caract&egrave;res de texte, vous devrez d'abord convertir l'objet en
forme modifiable. Vous pouvez proc&eacute;der en utilisant le raccourci clavier &laquo; Ctrl + 1 &raquo;.
Ensuite, utilisez l'OUTIL D'EDITION DE FORME pour effectuer des &eacute;ditions vectorielles
avanc&eacute;es. Consultez la section R&eacute;f&eacute;rence (voir page 153) pour en savoir plus quant &agrave;
l'utilisation de cet outil.
Outil ligne droite et fl&egrave;che
L'OUTIL LIGNE DROITE facilite le dessin de lignes droites compos&eacute;es d'un seul
segment et l'ajout de pointes et de queues de fl&egrave;che &agrave; n'importe quel type de
lignes.
Il suffit de cliquer et d&eacute;placer la souris sur la page pour dessiner une ligne droite. Vous
pouvez cliquer sur n'importe quelle ligne existante pour la s&eacute;lectionner puis cliquer et
tirer sur l'une des extr&eacute;mit&eacute;s de la ligne pour la d&eacute;placer.
www.magix.com
D&eacute;marrage
Ajouter des pointes et des queues de fl&egrave;che &agrave; l'aide de l'outil Ligne droite
La partie gauche de la barre d'infos comprend deux listes d&eacute;roulantes qui permettent
de s&eacute;lectionner un style de pointe ou de queue de fl&egrave;che pour chaque extr&eacute;mit&eacute; de la
ligne s&eacute;lectionn&eacute;e.
Pointe de fl&egrave;che
Queue de fl&egrave;che
Taille de la pointe/queue de fl&egrave;che
Inverser la direction
Le curseur de la barre d'infos vous permet de modifier la taille de la pointe et de la
queue de la fl&egrave;che de la ligne actuellement s&eacute;lectionn&eacute;e. Vous pouvez saisir une
valeur en pourcentage dans le champ de la taille &agrave; droite du curseur.
Par d&eacute;faut, les nouvelles t&ecirc;tes de fl&egrave;che sont cr&eacute;&eacute;es avec une largeur environ 6 fois
sup&eacute;rieure &agrave; celle de la ligne, ce qui correspond &agrave; la valeur 100% comme indiqu&eacute; par
le curseur contr&ocirc;lant la taille. Si vous d&eacute;cidez d'&eacute;largir la ligne, la largeur de la t&ecirc;te de
la fl&egrave;che sera modifi&eacute;e en cons&eacute;quence. Utilisez une valeur inf&eacute;rieure &agrave; 100 % pour
r&eacute;duire la taille de la pointe et de la queue de la fl&egrave;che ou sup&eacute;rieure &agrave; 100 % pour
l'agrandir. Bien que le curseur ne permette qu'une valeur maximale de 800%, vous
pouvez saisir un pourcentage encore sup&eacute;rieur dans le champ de texte.
Inverser la direction
Cliquez sur le bouton Inverser la direction de la barre d'infos pour inverser la
position de la pointe et de la queue de fl&egrave;che de la ligne s&eacute;lectionn&eacute;e.
Ajouter des segments de ligne suppl&eacute;mentaires
Les lignes cr&eacute;&eacute;es &agrave; l'aide de l'OUTIL LIGNE DROITE sont enti&egrave;rement compatibles avec
d'autres outils de dessin. Par exemple, si vous souhaitez ajouter des segments
suppl&eacute;mentaires &agrave; une ligne, la transformer en courbe ou m&ecirc;me en forme ferm&eacute;e,
utilisez l'OUTIL D'EDITION DES FORMES.
Outil Rectangle
Pour dessiner un rectangle, s&eacute;lectionnez l'OUTIL RECTANGLE et faites-le glisser
sur la page. En d&eacute;pla&ccedil;ant la souris dans la page, vous verrez une forme avec un
remplissage uni indiquant la couleur du remplissage et de la ligne ainsi que les
bords de la forme que vous dessinez.
67
68
Cliquez sur le bouton &laquo; Coins arrondis &raquo; de la barre d'infos pour arrondir les
angles du rectangle ; vous pouvez tirer sur la poign&eacute;e des coins arrondis 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.
Pour recolorer une forme, glissez-d&eacute;posez une couleur de la Palette de couleurs sur
votre forme. Voir Colorer les formes (voir page 39). A l'aide l'OUTIL DE SELECTION ,
vous pouvez faire glisser l'objet, le redimensionner et le faire pivoter comme vous le
souhaitez. Voir Outil de s&eacute;lection (voir page 31). Vous pouvez placer ce rectangle
derri&egrave;re tous les autres objets pour en faire une image d'arri&egrave;re-plan en appuyant sur
&laquo; Ctrl + B &raquo; pour &laquo; Mettre en arri&egrave;re-plan &raquo;. Si l'objet est devant tous les autres objets
(&laquo; Ctrl + F &raquo;), faites un clic droit et s&eacute;lectionnez RENVOYER LE TEXTE EN DESSOUS pour
que le texte de la page soit dispos&eacute; autour de la forme (encore une exclusivit&eacute; de
Web Designer parmi les outils de cr&eacute;ation web).
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;.
www.magix.com
D&eacute;marrage
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'en glissant la souris, seul l'objet s&eacute;lectionn&eacute; sera
rempli.
Pour &eacute;diter la couleur de d&eacute;but ou de fin, il suffit de r&eacute;aliser un Glisser-D&eacute;poser d'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
couleur (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 couleur. 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-dessus).
69
70
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.
Outil ombres
Un effet graphique tr&egrave;s appr&eacute;ci&eacute; consiste &agrave; cr&eacute;er une ombre douce sous un graphique
ou sous du texte. Cet effet sert &agrave; d&eacute;tacher l'objet de l'arri&egrave;re-plan.
L'OUTIL OMBRE vous permet d'ajouter une ombre douce &agrave; un objet, du texte,
des graphiques ou une photo. S&eacute;lectionnez L'OUTIL OMBRE et faites-le glisser
sur l'objet. Vous pouvez modifier le flou de l'ombre et sa transparence en
utilisant des fonctionnalit&eacute;s de la barre d'infos.
Texte avec une ombre douce.
Pour ajuster la position d'une ombre existante, allez dans L'OUTIL OMBRE puis glissez
sur l'ombre.
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
www.magix.com
D&eacute;marrage
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 changer de couleur &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.
Menus clic droit
Lorsque vous effectuez un clic droit sur n'importe quel objet dans l'espace de travail
de MAGIX Web Designer MX, un menu d&eacute;roulant dresse une liste d'op&eacute;rations utiles
par rapport &agrave; l'objet cliqu&eacute;. Par exemple, si vous faites un clic droit sur un rectangle
que vous avez dessin&eacute;, le menu d&eacute;roulant vous permet d'effectuer des actions &eacute;tant
uniquement applicables &agrave; un rectangle.
Cependant, si vous faites un clic droit sur une photo, quelques options du menu qui
apparaissent ne s'appliquent qu'&agrave; des photos, alors que d'autres sont aussi
applicables &agrave; un rectangle. Les op&eacute;rations sp&eacute;cifiques &agrave; un objet sont list&eacute;es vers le
haut du menu d&eacute;roulant ouvert par le clic droit. Par exemple, dans le cas d'un
rectangle, les trois premi&egrave;res actions &agrave; partir du haut ne s'appliquent qu'&agrave; des
rectangles.
Vous pouvez &eacute;galement faire un clic droit &agrave; la fois sur la page et sur le &laquo; pasteboard &raquo;
afin de voir un menu d'op&eacute;rations appliquables &agrave; la page et au &laquo; pasteboard &raquo;.
Si vous s&eacute;lectionnez plus d'un objet and faites un clic droit, le menu dresse une liste
d'actions sp&eacute;cifiques aux objets multiples, comme &laquo; Grouper &raquo;, &laquo; Aligner &raquo; et
71
72
&laquo; R&eacute;unir &raquo;, ainsi que les op&eacute;rations classiques comme &laquo; Couper &raquo;, &laquo; Copier &raquo; et
&laquo; Coller &raquo;. De la m&ecirc;me mani&egrave;re, si vous faites un clic droit sur des objets que vous
avez au pr&eacute;alable group&eacute;s, les actions sp&eacute;cifiques &agrave; un groupe apparaissent.
Il vous est recommand&eacute; de faire un clic droit sur un ou plusieurs objets dans l'espace
de travail afin d'acc&eacute;der au menu sp&eacute;cifique &agrave; ces objets. Une fois que vous aurez
effectu&eacute; ceci plusieurs fois, vous saurez quelles actions vous pouvez rapidement
effectuer avec les menus du clic droit.
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
www.magix.com
D&eacute;marrage
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.
Les calques MouseOff et MouseOver
Tous les objets principaux de votre site Internet sont plac&eacute;s sur le calque inf&eacute;rieur,
appel&eacute; g&eacute;n&eacute;ralement MOUSEOFF. Sur la page Internet, les boutons qui apparaissent 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 l'ic&ocirc;ne de visibilit&eacute; (le symbole en forme d'oeil).
Vous pouvez ainsi 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 que l'ic&ocirc;ne en forme d'oeil est activ&eacute; et &eacute;ditable (les cases doivent &ecirc;tre
coch&eacute;es).
Remarque : le calque MouseOver doit toujours se situer au dessus du calque
MouseOff, comme indiqu&eacute; dans l'exemple ci-dessus.
Pour &eacute;diter les objets dans un calque, les ic&ocirc;nes Oeil et Verrouillage doivent &ecirc;tre
activ&eacute;s ; dans ce cas vous pouvez voir et &eacute;diter le calque (comme indiqu&eacute; plus haut
dans le calque MouseOff).
Boutons de survol de souris
Dans Web Designer, presque tous les boutons pr&ecirc;ts &agrave; l'emploi de la GALERIE DES
MODELES 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;.
73
74
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 (voir page 60).
Cr&eacute;er votre propre bouton de survol de souris
Vous pouvez cr&eacute;e vos propres boutons de survol de la souris &agrave; partir de z&eacute;ro en
dessinant leurs composants (rectangles, textes...). Dessinez simplement les &eacute;l&eacute;ments
du bouton sur le calque &Eacute;tat normal (sans oublier de le grouper (voir page 59) )puis
placez la version en surbrillance sur le calque Survol de la souris. Dans la mesure o&ugrave; la
version &Eacute;tat normal poss&egrave;de un lien vers une adresse web, la version Survol de la
souris s'affichera automatiquement lorsque vous passerez la souris sur la page web.
(Le calque Survol de la souris doit se situer 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 : tout objet graphique se trouvant sur le calque MouseOver sera
affich&eacute; tant qu'il recouvre au moins 50 % de l'objet se trouvant dans le calque
MouseOff. Les deux versions des boutons de survol de souris sont synchronis&eacute;s &agrave;
l'aide de la fonction Groupes souples. Lorsque vous s&eacute;lectionner le bouton sur l'un des
calques, la version des groupes souples est s&eacute;lectionn&eacute;e automatiquement dans
l'autre calque, m&ecirc;me si les calques sont d&eacute;sactiv&eacute;s. Lorsque vous &eacute;ditez le texte d'un
bouton dans l'un des calques, il 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).
Une fois que votre bouton fonctionne, il est tr&egrave;s simple de le transformer en barre de
navigation. S&eacute;lectionnez le bouton (y compris le mode survol de souris le cas
&eacute;ch&eacute;ant) puis s&eacute;lectionnez ARRANGER &gt; CREER UNE BARRE DE NAVIGATION . La bo&icirc;te de
dialogue de la barre de navigation s'affiche, vous permettant de configurer votre barre.
Consultez le chapitre Barre de navigation (voir page 296) pour obtenir de plus amples
informations sur ce sujet, y compris sur la mani&egrave;re de diff&eacute;rencier le premier et le
dernier bouton de votre barre.
www.magix.com
D&eacute;marrage
Classer les calques dans les documents du site
Si un document de votre site Internet contient des effets de survole de la souris, des
calques pop-up voire des effets de survol de la souris sur ces calques pop-up, faites
attention &agrave; respecter certaines r&egrave;gles de classement des calques dans votre
document. Si vous ne les suivez pas, certains effets pourraient ne pas fonctionner.
Sachant que les calques vont de l'arri&egrave;re-plan au premier plan (classement vers le
haut dans la GALERIE DE PAGES ET DES CALQUES ), vous devez avoir les calques
statiques en premier. Ce sont des calques toujours visibles qui ne sont pas utilis&eacute;s
comme pop-ups. Dans la plupart des designs, il n'y aura qu'un seul calque d'&eacute;tat
normal (MouseOff). Mais certains designs en contiennent plus d'un, au quel cas ils
doivent &ecirc;tre les premiers calques de la pile de calques.
Ensuite vient le calque de survol de la souris MouseOver si les effets de 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 utilisant l'effet de survol 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 pourrez avoir un calque pop-up. Si les objets de ce calque pop-up
utilisent des effets de passage de la souris, le calque suivant le pop-up 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 pop-up 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.
Ensuite, vous pourrez avoir un autre calque pop-up, &agrave; nouveau suivi de calques de
passage de la souris (MouseOver) et de souris enfonc&eacute;e (MouseDown) associ&eacute;s au
calque pop-up en question. Et ainsi de suite ; vous pouvez cr&eacute;er autant de calques
pop-up 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 DES PAGES ET
DES 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
identifient les calques sp&eacute;ciaux MouseOver et MouseDown.
Pop-up MouseDown n
Pop-up MouseOver n
Calque pop-up n
...
Pop-up MouseDown 1
Pop-up MouseOver 1
Calque pop-up 1
MouseDown
MouseOver
Calque statique n
...
75
76
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 pop-up ! Si vous utilisez uniquement des
mod&egrave;les de conception fournis par la GALERIE DES DESIGNS , vous ne devriez avoir
aucun probl&egrave;me d'ordre des calques dans votre site web.
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 pages et des calques) puis coller l'objet (Ctrl+V) ou faire
un clic droit sur une page et s&eacute;lectionner COLLER &gt; COLLER DANS LE CALQUE ACTUEL .
Une autre possibilit&eacute; consiste &agrave; COLLER AU MEME ENDROIT (Ctrl+Maj+V) ou &agrave;
s&eacute;lectionner &Eacute;DITER &gt; COLLER &gt; COLLER AU MEME ENDROIT SUR LE CALQUE ACTUEL pour
coller l'objet &agrave; la position exacte qu'il occupait lorsque vous l'avez copi&eacute;. Vous pouvez
&eacute;galement utiliser la Galerie des pages et des calques et faire glisser un objet d'un
calque sur un autre. Vous devez v&eacute;rifier que les deux cases Visible et Modifiable sont
coch&eacute;es pour pouvoir voir et &eacute;diter l'objet sur le nouveau calque.
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 PROPRIETES 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.
www.magix.com
D&eacute;marrage
2.
3.
4.
5.
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).
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.
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.
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
PROPRIETES 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 (voir page
49). 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.
Cr&eacute;er des boutons, banni&egrave;res et autres
graphismes Web
Web Designer est un outil tr&egrave;s puissant pour cr&eacute;er des graphiques web ind&eacute;pendants
utilisables dans d'autres programmes et d'autres ogiciels de cr&eacute;ation web. Vous
pouvez dessiner enti&egrave;rement ces objets &agrave; l'aide des outils de dessin ou &agrave; partir de
cliparts web de la GALERIE DES MODELES . Il suffit de dessiner, de configurer ou
d'importer un &eacute;l&eacute;ment de la GALERIE DES MODELES dans une page vierge. Modifiez-le
selon vos besoins : redimensionnez-le, colorez-le et modifiez le texte ou les polices
comme vous le souhaitez puis exportez l'&eacute;l&eacute;ment sous forme de fichier PNG ou JPG.
Par exemple, voici comment cr&eacute;er un graphique de bouton extrait d'un mod&egrave;le de
conception :
77
78
Ouvrez la GALERIE DES MODELES puis la rubrique Boutons web (ou Ic&ocirc;nes ou
Banni&egrave;res, ce que vous souhaitez).
Faites un double-clic sur un mod&egrave;le de conception pour l'ouvrir dans un nouveau
document. Proc&eacute;dez &agrave; l'&eacute;dition requise :
• Redimensionnez-le (ou faites le pivoter) &agrave; l'aide de l'OUTIL DE SELECTION
• 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;
• Modifiez le texte avec l'OUTIL TEXTE
Une fois que vous &ecirc;tes satisfait, s&eacute;lectionnez l'objet et
exportez-le au format PNG ou JPG &agrave; l'aide des boutons de
la barre de site Internet (ils se trouvent dans une barre
escamotable sur l'ic&ocirc;ne d'Exportation HTML).
Pour la plupart des graphiques, notamment les boutons, les en-t&ecirc;tes, les ic&ocirc;nes et les
autres objets non photographiques, nous vous conseillons d'utiliser le format PNG. En
ce qui concerne les &eacute;l&eacute;ments comprenant des photos ou dont une grande partie
comprend une texture &agrave; base de photos, le format JPEG est recommand&eacute;. Si vous
enregistrez une photo qui a &eacute;t&eacute; pivot&eacute;e ou une photo comportant une l&eacute;g&egrave;re ombre
ou des bords arrondis, utilisez le format PNG bien que ce type de fichier soit bien plus
lourd qu'un JPEG.
Cliquez sur le bouton PARAMETRES de la bo&icirc;te de dialogue Exporter le fichier pour
acc&eacute;der au panneau de commandes vous permettant d'optimiser l'image.
www.magix.com
D&eacute;marrage
Ici, vous pouvez comparer directement les deux versions de la m&ecirc;me image. Par
exemple, vous pouvez comparer les versions JPEG et PNG d'un m&ecirc;me graphique pour
constater les diff&eacute;rences de qualit&eacute; et/ou de taille ; vous pouvez &eacute;galement comparer
deux images PNG optimis&eacute;es de fa&ccedil;ons diff&eacute;rentes. Consultez le chapitre concernant
la Bo&icirc;te de dialogue d'exportation (voir page 343) de la version PDF du manuel. Dans
l'exemple ci-dessus, la compression au format JPEG est ajust&eacute;e pour g&eacute;n&eacute;rer une
taille de fichier optimale.
Publier votre site Internet
Vous aurez besoin d'une soci&eacute;t&eacute; d'h&eacute;bergement (h&eacute;bergeur) pour h&eacute;berger votre site.
Pour cela, nous vous recommandons MAGIX Monde en ligne. Dans la plupart des
cas, votre fournisseur d'acc&egrave;s &agrave; Internet vous propose aussi un &laquo; espace Web &raquo; avec
votre abonnement classique. La plupart des h&eacute;bergeurs vous offrent &eacute;galement la
possibilit&eacute; d'acqu&eacute;rir votre propre nom de domaine (par exemple : www.xara.com) et
de l'associer &agrave; votre site. La bo&icirc;te de dialogue affich&eacute;e ci-dessous contient la solution
d'h&eacute;bergement MAGIX Monde en ligne dans la liste de PROFILS .
Avant de publier votre site, vous devez entrer les donn&eacute;es de connexion FTP : votre
adresse d'h&eacute;bergement, votre nom d'utilisateur, votre mot de passe, les chemins
d'acc&egrave;s aux dossiers y compris les sous-dossiers si n&eacute;cessaires pour permettre &agrave;
votre h&eacute;bergeur la publication du site directement depuis le programme.
79
80
S&eacute;lectionnez &laquo; FICHIER &gt; PUBLIER LE SITE WEB &raquo; ou &laquo; Services &gt; Propri&eacute;t&eacute;s
Web dans le site &raquo;.
L'onglet PUBLIER dans la bo&icirc;te de dialogue des OPTIONS INTERNET s'ouvre.
Entrer les d&eacute;tails de publication
1.
2.
Dans le menu d&eacute;roulant PROFIL , choisissez soit PERSONNALISE ou bien MAGIX
WEB HOSTING si vous &ecirc;tes un utilisateur de MAGIX Monde en ligne.
Dans le champ ADRESSE HOTE FTP , tapez votre adresse h&ocirc;te FTP. Si vous avez
un nom de domaine, c'est souvent le m&ecirc;me nom. Par exemple pour les
utilisateurs de MAGIX Monde en ligne, ce serait FTP.MAGIX-ONLINE.COM. Si
vous choisissez l'optionMAGIX WEB HOSTING dans la liste de profils, l'adresse
FTP est automatiquement indiqu&eacute;e.
www.magix.com
D&eacute;marrage
3.
4.
5.
6.
7.
8.
9.
Dans le champ NOM D'UTILISATEUR FTP (ou identifiant), entrez votre nom
d'utilisateur FTP. Pour les utilisateurs de MAGIX Monde en ligne, c'est le
m&ecirc;me identifiant que votre nom d'utilisateur du Monde en ligne (nom
d'utilisateur = votre adresse e-mail).
Dans le champ MOT DE PASSE FTP , entrez votre mot de passe FTP. Pour les
utilisateurs de MAGIX Monde en ligne, c'est le m&ecirc;me identifiant que votre
nom d'utilisateur du Monde en ligne (nom d'utilisateur = votre adresse email).
Le champ SOUS-DOSSIER facultatif vous permet de publier votre site Web dans
un sous-dossier. Si vous choisissez un sous-dossier ici, toutes les pages de
votre site Web seront publi&eacute;es dans ce dossier. Que vous ayez ou non &agrave; choisir
de publier votre site dans un sous-dossier, ceci d&eacute;pend de votre h&eacute;bergeur.
Pour certains h&eacute;bergeurs, la publication dans un sous-dossier n'est pas
n&eacute;cessaire, pour d'autres la publication dans un dossier &laquo; public &raquo; ou un sousdossier &laquo; www &raquo; par exemple est requise. Vous devez v&eacute;rifier le chemin
d'acc&egrave;s complet au fichier FTP dont votre h&eacute;bergeur a besoin avant de publier
votre site Internet. Ces informations sont tr&egrave;s variables. Par exemple si votre
soci&eacute;t&eacute; d'h&eacute;bergement Internet souhaite que vous publiiez ainsi
&laquo; http://votredomaine.com/public_html &raquo;, vous devez entrer &laquo; public_html &raquo;
dans le champ sous dossier. Remarque : si vous &ecirc;tes un utilisateur MAGIX
Monde en ligne, vous n'avez pas besoin d'entrer un sous-dossier dans le
champ pr&eacute;vu.
URL du site Web : saisissez ici l'URL compl&egrave;te de votre site publi&eacute; si vous
voulez que votre site soit inclus dans la galerie utilisateur Xara puis cochez la
case INCLURE MON SITE WEB A LA GALERIE DES UTILISATEURS . Cette option n'est
disponible que si vous avez saisi une URL valide. Apr&egrave;s avoir publi&eacute; votre site,
Web Designer g&eacute;n&egrave;re une miniature de votre site Web et la place dans une
galerie de sites cr&eacute;&eacute;s par les utilisateurs de Web Designer. Visitez la galerie &agrave;
cette adresse http://www.xara.com/websitegallery
http://www.xara.com/websitegallery ou cliquez sur PLUS D'INFOS pour en
savoir plus.
En principe, ne d&eacute;cochez pas la case PUBLIER A NOUVEAU LES PAGES MODIFIEES
UNIQUEMENT . Cela rend la mise &agrave; jour du site plus rapide dans la plupart des
cas car seuls les fichiers modifi&eacute;s sont &agrave; nouveau publi&eacute;s depuis la derni&egrave;re
publication.
Cliquez sur OK ou APPLIQUER . Remarque : si vous cliquez sur OK ou APPLIQUER ,
Web Designer enregistre les informations que vous avez fournies dans le profil
personnalis&eacute;. Ces informations seront pr&eacute;sentes par la suite dans les sites
utilisant le profil personnalis&eacute;.
Si vous cliquez OK , Web Designer affiche une bo&icirc;te de dialogue confirmant les
informations utilis&eacute;es pour la publication &agrave; venir. Cliquez sur PUBLIER .
81
82
Param&eacute;trer le dossier d'exportation
1.
2.
3.
Une fois que vous avez d&eacute;fini vos d&eacute;tails de publication, vous pouvez cliquer
sur l'ic&ocirc;ne PUBLIER sur la barre sup&eacute;rieure (sur la barre escamotable
d'exportation HTML) ou utiliser le menu FICHIER &gt; PUBLIER LE SITE WEB .
Web Designer affiche une bo&icirc;te de dialogue confirmant que vous souhaitez
publier avec le serveur et le nom d'utilisateur que vous avez indiqu&eacute;s. Cliquez
sur PUBLIER .
Si vous n'avez pas encore export&eacute; votre site Web, Web Designer vous incite &agrave;
exporter votre site sur un disque local et affiche la bo&icirc;te de dialogue
d'exportation.
Choisissez un dossier dans lequel vous souhaitez exporter votre site Web. Si
vous n'avez pas encore d&eacute;fini de dossier, s&eacute;lectionnez alors un dossier existant
ou cr&eacute;ez un nouveau dossier puis s&eacute;lectionnez-le. Puis cliquez sur
EXPORTATION .
Important : si vous n'avez pas nomm&eacute; les pages dans la galerie des pages et des
calques, le nom que vous avez export&eacute; en dernier sera utilis&eacute; comme base pour
toutes les pages de votre site. Par exemple, si vous ouvrez un mod&egrave;le de site Web et
que vous l'exportez en tant que &laquo; test &raquo; vers votre syst&egrave;me de fichiers, puis que vous
le publiez, il sera publi&eacute; en tant que test.htm sur votre serveur Web et les autres
pages seront test_2.htm, test_3.htm, etc.
index.htm est le nom habituel pour la premi&egrave;re page d'un site.
Transfert de donn&eacute;es
1.
2.
Une fois que vous avez cliqu&eacute; sur EXPORTATION (ou PUBLIER ), Web Designer
affiche une petite fen&ecirc;tre qui indique la progression du transfert.
D&egrave;s que le transfert est termin&eacute;, vous pouvez ouvrir un navigateur Internet et
entrer l'adresse de votre site Web publi&eacute;. Les utilisateurs de MAGIX Monde en
ligne peuvent ouvrir leur site Internet depuis leur adresse Web Monde en
ligne : http://votrenom.magix.net/public.
Remarque : si vous entrez un sous-dossier dans l'onglet Publier dans la bo&icirc;te de
dialogue Options Internet, votre site Internet est enregistr&eacute; &agrave; cet endroit.
Consultez le chapitre de la bo&icirc;te de dialogue des Options Internet pour obtenir de plus
amples informations sur l'utilisation de ces options.
Remarque : de nombreux serveurs Web utilisent des noms de fichiers sensibles &agrave; la
casse (lettre majuscule ou minuscule). Donc, par exemple, l'URL
xara.com/products.htm n'est pas la m&ecirc;me que l'URL xara.com/Products.htm. Pour
r&eacute;duire les risques de confusion et d'erreur, Web Designer impose &agrave; toutes les pages
www.magix.com
D&eacute;marrage
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 pages. Nous vous
sugg&eacute;rons d'utiliser un tiret bas en tant que s&eacute;parateur.
83
84
Travailler avec des documents
Cr&eacute;er un nouveau document
Il existe deux types de documents dans MAGIX Web Designer MX : les pages web et
les photos. 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
utilisables comme points de d&eacute;part.
Le premier mod&egrave;le de conception est le mod&egrave;le par d&eacute;faut utilis&eacute; pour cr&eacute;er un
nouveau document apr&egrave;s le d&eacute;marrage de MAGIX Web Designer MX.
Le bouton NOUVEAU DOCUMENT dans la barre de contr&ocirc;le standard permet de
cr&eacute;er un nouveau document bas&eacute; sur le mod&egrave;le par d&eacute;faut (raccourci clavier :
&laquo; Ctrl + N &raquo;).
Vous pouvez enregistrer vos propres mod&egrave;les de conception &agrave; l'aide de la commande
FICHIER &gt; ENREGISTRER LE MODELE – voir Modifier le document mod&egrave;le (voir page 351)
pour plus de d&eacute;tails.
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 RECEMMENT
• Ou s&eacute;lectionnez FICHIER &gt; OUVRIR (raccourci Ctrl+O)
www.magix.com
Travailler avec des documents
• Ou cliquez sur OUVRIR dans la barre de contr&ocirc;le STANDARD .
La bo&icirc;te de dialogue &laquo; Ouvrir &raquo; s'affiche. Dans cette bo&icirc;te de dialogue, vous avez la
possibilit&eacute; de s&eacute;lectionner plusieurs fichiers &agrave; l'aide du raccourci Ctrl+clic pour
s&eacute;lectionner plusieurs fichiers, ou Maj+clic pour s&eacute;lectionner une suite de fichiers.
Comme dans l'Explorateur de Windows, vous pouvez alterner entre divers
affichages, comme miniature ou d&eacute;tails, &agrave; l'aide de ce bouton.
Si la case APER&Ccedil;U dans le coin sup&eacute;rieur droit est coch&eacute;e, le fichier s&eacute;lectionn&eacute; est
affich&eacute; dans un aper&ccedil;u agrandi (ceci n'est pas valable lorsque des fichiers multiples
ont &eacute;t&eacute; s&eacute;lectionn&eacute;s).
The MAGIX Web Designer MX window
Title bar
File name for currently displayed file
Standard button bar
Galleries bar
InfoBar
Toolbar
85
86
Rulers
Page
Pasteboard
Color line
Status line
Live drag / snapped indicators
Web toolbar
Document tabs for every open file
The Web Designer window is similar to a conventional sheet of paper on a drawing
board or easel. The white rectangle represents the sheet of paper (the spread or
page). The gray border is the pasteboard.
You can change the size of the page by right clicking it and choosing PAGE OPTIONS ,
then click the PAGE SIZE (voir page 358) tab.
Document s&eacute;lectionn&eacute; et barre de titre
Dans Web Designer, plusieurs fichiers peuvent &ecirc;tre ouverts en m&ecirc;me temps, chacun
&eacute;tant disponible sous forme d'onglet en haut de l'espace de travail.
Le document actuel est affich&eacute; dans l'espace de travail et son nom est mis en
surbrillance grise parmi les onglets des documents. Le type du document actuel est
indiqu&eacute; dans le coin sup&eacute;rieur gauche de la fen&ecirc;tre de Web Designer &agrave; c&ocirc;t&eacute; des
options de menu. Toutes les actions sont appliqu&eacute;es au document actuel. Une &eacute;toile
s'ajoute au nom du fichier pour signaler que le document a fait l'objet de
modifications non enregistr&eacute;es.
Les onglets des documents indiquent tous les documents ouverts, le document actuel &eacute;tant
signal&eacute; par une surbrillance grise.
Barres de contr&ocirc;le
Elle comprend les boutons permettant de commander Web Designer. 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.
www.magix.com
Travailler avec des documents
Les ic&ocirc;nes de la barre qui disposent d'un petit indicateur en forme de triangle situ&eacute; au
bas &agrave; droite de l'ic&ocirc;ne comportent une barre escamotable. Positionnez le pointeur de
la souris sur l'ic&ocirc;ne pour afficher la barre escamotable contenant d'autres ic&ocirc;nes.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer (voir page 359) 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
C'est une barre de contr&ocirc;le qui contient initialement 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.
Certaines ic&ocirc;nes de la barre d'outils comportent une petit indicateur
triangulaire situ&eacute; dans le coin inf&eacute;rieur droit de l'ic&ocirc;ne. Ce symbole
correspond &agrave; une barre escamotable contenant d'autres ic&ocirc;nes d'outils.
Maintenez le pointeur de la souris sur l'ic&ocirc;ne pour afficher la barre
escamotable. D&eacute;placez ensuite le pointeur au-dessus de chaque ic&ocirc;ne de la
barre pour afficher l'infobulle indiquant la fonction de chaque ic&ocirc;ne.
Cliquez sur un outil pour le s&eacute;lectionner (certains outils ont &eacute;galement des
raccourcis clavier).
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer (voir page 359) 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 (voir page 103).
87
88
La barre d'&eacute;tat
Objets s&eacute;lectionn&eacute;s
Options disponibles
Indicateurs
Pointeur de la souris X-Y
Elle est affich&eacute;e dans la partie inf&eacute;rieure de la fen&ecirc;tre. La barre d'&eacute;tat fournit des
informations sur les objets s&eacute;lectionn&eacute;s, les options disponibles, les indicateurs de
d&eacute;placement en direct/alignement ainsi que sur les 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
Cet indicateur montre si la fonction de d&eacute;placement direct est active ou non
(elle est active par d&eacute;faut). Faites un double-clic sur l'indicateur pour
activer/d&eacute;sactiver la fonction. Lorsqu'elle est activ&eacute;e, si vous repositionnez
l'objet, modifiez sa taille ou sa rotation, c'est l'objet entier qui sera d&eacute;plac&eacute;
(pas seulement ses contours), ce qui facilite l'&eacute;valuation de l'effet en temps
r&eacute;el. Lorsque cette option est activ&eacute;e, les outils de dessin de LIGNE DROITE,
deRECTANGLE et d'ELLIPSE fonctionnent en mode live. Lorsque votre
ordinateur ne permet pas de traiter un document complexe donn&eacute;, cette
fonction est automatiquement d&eacute;sactiv&eacute;e pour que l'&eacute;dition reste rapide et
efficace.
Indicateur de magn&eacute;tisme
Cet indicateur est allum&eacute; lorsque le Magn&eacute;tisme des objets est actif (par
d&eacute;faut dans les documents web – cliquez sur le bouton MAGNETISME DES
OBJETS en bas &agrave; gauche pour l'activer/d&eacute;sactiver). Lorsque vous faites
glisser un objet, le Magn&eacute;tisme des objets vous permet de voir les vecteurs
et les points de magn&eacute;tisme &eacute;ventuels relatifs aux autres objets, mais
&eacute;galement le centre de la page et les bords, gr&acirc;ce &agrave; des lignes bleues
correspondant aux vecteurs de magn&eacute;tisme et &agrave; des points rouge
correspondants aux points de magn&eacute;tisme. (Pour de plus amples
informations sur le magn&eacute;tisme, consultez le paragraphe Manipulation des
objets (voir page 130).)
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 l'utilisation des objets (voir page 115).
www.magix.com
Travailler avec des documents
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;e d&egrave;s que vous changez de mode d'affichage.
R&eacute;f&eacute;rez-vous au chapitre Personnaliser Web Designer (voir page 351) 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.
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 dans 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
Chaque fen&ecirc;tre actuellement ouverte est affich&eacute;e sous forme d'onglet sous la barre
d'information. Cliquez sur un onglet pour afficher la fen&ecirc;tre correspondante ou
s&eacute;lectionnez le nom d'une fen&ecirc;tre inscrit en bas du menu FENETRE.
Classer plusieurs fen&ecirc;tres
FENETRE - &gt;ORGANISER LES FENETRES 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.
89
90
ORGANISER LES FENETRES 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;replan de la fen&ecirc;tre principale de Web Designer. Double-cliquez sur l'ic&ocirc;ne pour rouvrir
la fen&ecirc;tre.
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 (voir page 357). 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 &agrave; :
www.magix.com
Travailler avec des documents
• cliquer pour agrandir la vue (zoomer).
• cliquer en appuyant sur Maj pour r&eacute;duire la valeur du zoom (agrandir l'aper&ccedil;u du
document).
• d&eacute;placer 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.
La barre escamotable situ&eacute;e sur la barre d'outils standard permet d'acc&eacute;der
directement aux fonctions de zoom sans devoir ouvrir l'outil Zoom.
Pour afficher la barre escamotable, positionnez le pointeur de la souris sur
l'ic&ocirc;ne de zoom situ&eacute;e sur la barre d'outils standard.
Pour modifier le zoom :
Raccourcis &laquo; Ctrl + R &raquo;. Cliquez sur le bouton ZOOM PRECEDENT . 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 &laquo; 1 &raquo;. Cliquez sur le bouton de Zoom &agrave; 100 %. Le facteur de zoom
est alors param&eacute;tr&eacute; sur 100 %.
Raccourci &laquo; Ctrl +  + J &raquo;. Cliquez sur le bouton ZOOM VERS LE DESSIN . La
fen&ecirc;tre affiche tous les objets contenus dans le document.
Raccourci &laquo; Ctrl +  + P &raquo;. Cliquez sur le bouton ZOOM DANS LA PAGE . La
fen&ecirc;tre affiche la page enti&egrave;re ou la double-page.
Raccourci &laquo; Ctrl +  + Z &raquo;. Cliquez sur le bouton ZOOM DANS LA SELECTION . Le
ou les objets s&eacute;lectionn&eacute;s remplissent la fen&ecirc;tre.
Entrez une valeur dans le champ de texte. Cliquez sur 
pour effectuer 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.
91
92
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.
• utiliser 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).
• ou s&eacute;lectionner l'outil de DEPLACEMENT depuis la barre d'outils (raccourci
H).
• ou cliquer sur espace ou Alt+X pour alterner entre l'outil actuel et l'outil de
DEPLACEMENT .
• ou cliquer et maintenir les touches Alt+X appuy&eacute;es pour passer temporairement
&agrave; l'outil de DEPLACEMENT (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 DEPLACEMENT est la m&ecirc;me que la barre d'infos de l'outil
de ZOOM (d&eacute;crit plus haut).
L'affichage des barres de d&eacute;filement est optionnel. Allez dans FENETRE &gt; BARRES &gt;
BARRES DE DEFILEMENT pour le d&eacute;sactiver.
Vous pouvez attribuer &agrave; la molette de la souris les fonctions d&eacute;filement ou zoom dans
SERVICES &gt; OPTIONS &gt; TAB SOURIS . Vous obtenez l'action contraire en appuyant sur
Ctrl.
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.
2.
3.
Allez dans le menu SERVICES - &gt; OPTIONS .
Si n&eacute;cessaire, cliquez sur l'onglet Taille de la page.
S&eacute;lectionnez la taille de page requise.
www.magix.com
Travailler avec des documents
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.
Pages multiples dans le document
Un document MAGIX Web Designer MX peut contenir des pages multiples. Chaque
page est export&eacute;e dans une page HTML distincte et chaque document de MAGIX
Web Designer MX correspond &agrave; un site Internet.
Par d&eacute;faut, lorsque vous ouvrez ou cr&eacute;ez un nouveau document Web, Web Designer
n'affiche qu'une page. Les documents imprim&eacute;s sont en mode d'affichage multipage.
Effectuez un clic droit sur une page ou sur la table de montage et s&eacute;lectionnez ou
d&eacute;s&eacute;lectionnez AFFICHAGE MULTIPAGE pour alterner les modes d'affichage.
La page actuelle
Si vous cliquez sur une page d'un document multi-pages, 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 d'un document gr&acirc;ce aux indicateurs qui
apparaissent aux coins de la page.
Ins&eacute;rer des pages dans un document
Faites un clic droit sur une page et s&eacute;lectionnez NOUVELLE PAGE ou NOUVELLE DOUBLE
PAGE . Une nouvelle page vierge est ins&eacute;r&eacute;e apr&egrave;s la page.
ou
Faites un clic droit et s&eacute;lectionnez DUPLIQUER LA PAGE ACTUELLE ou DUPLIQUER LA
DOUBLE PAGE ACTUELLE . Un double de la page actuelle est ins&eacute;r&eacute; apr&egrave;s la page.
93
94
La nouvelle page sera la
m&ecirc;me que l'originale,
notamment par sa taille et
son 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 aussi utiliser
les &eacute;l&eacute;ments du menu
&Eacute;DITER &gt; PAGES .
De plus, la barre d'outils standard dispose d'une barre escamotable qui vous permet
d'ajouter, de dupliquer et de supprimer rapidement des pages.
Maintenez le pointeur de la souris sur chaque ic&ocirc;ne de la barre afin d'ouvrir l'infobulle
&eacute;crivant chaque op&eacute;ration disponible. Vous pouvez ajouter une nouvelle page vierge
et dupliquer ou supprimer la page actuelle.
Copier et coller des pages
Vous pouvez copier et coller des pages enti&egrave;res dans le document courant ou coller
des pages dans un autre document. Cela copie les dimensions de la page, les calques
et d'autres attributs de page en plus de copier tous les objets de la page.
Pour copier la page courante, supprimez toute s&eacute;lection en cours en appuyant sur
Echap ou en cliquant sur une portion vide de la page ou du presse-papiers. La barre
d'&eacute;tat indique &laquo; Aucun objet s&eacute;lectionn&eacute; &raquo;. Effectuez un clic droit sur une portion vide
d'un page et cliquez sur COPIER PAGE (ou appuyez sur Ctrl + C).
Lorsque vous collez une page copi&eacute;e, elle est ajout&eacute;e directement &agrave; la suite de la page
courante. Pour coller, utilisez le raccourci Ctrl + V ou effectuez un clic droit sur la page
et cliquez sur COLLER &gt; PAGE dans le menu contextuel.
Remarque : si, pour le document dans lequel vous collez une page, la case
APPLIQUER A TOUTES LES PAGES DU DOCUMENT est coch&eacute;e dans &laquo; FICHIER &gt; OPTIONS
PAGES , les dimensions de la page coll&eacute;e seront modifi&eacute;es pour s'adapter aux
dimensions des pages du document. La nouvelle page aura donc les m&ecirc;mes
dimensions que toutes les autres pages du document.
www.magix.com
Travailler avec des documents
D&eacute;placer des pages &agrave; l'int&eacute;rieur d'un document
Le moyen le plus simple de changer l'ordre de vos pages dans votre document est de
d&eacute;placer les miniatures dans la galerie des pages et des calques (situ&eacute;e &agrave; droite par
d&eacute;faut). Vous pouvez &eacute;galement s&eacute;lectionner plus d'une page &agrave; la fois et les d&eacute;placer
pour en changer l'ordre.
Sinon, pour d&eacute;placer la page active :
• Pour intervertir la page actuelle avec la pr&eacute;c&eacute;dente, s&eacute;lectionnez &laquo; &Eacute;DITER -&gt;
PAGES -&gt; DEPLACER LA PAGE VERS LE HAUT &raquo; ou effectuez un clic droit et
s&eacute;lectionnez DEPLACER LA PAGE VERS LE HAUT .
• Pour intervertir la page actuelle avec la pr&eacute;c&eacute;dente, s&eacute;lectionnez &laquo; &Eacute;DITER &gt; PAGES
&gt; DEPLACER LA PAGE VERS LE HAUT &raquo; ou effectuez un clic droit et s&eacute;lectionnez
DEPLACER LA PAGE VERS LE HAUT .
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, effectuez un clic droit et
s&eacute;lectionnez &laquo; Supprimer la page actuelle &raquo; ou s&eacute;lectionnez &laquo; EDITER &gt; PAGES &gt;
SUPPRIMER LA PAGE ACTUELLE &raquo; La page actuelle et son contenu seront effac&eacute;s. Ou
s&eacute;lectionnez une ou plusieurs pages dans la galerie des pages et des calques et
cliquez sur le bouton &laquo; Supprimer &raquo;.
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.
95
96
Remarque : tous ces d&eacute;placements sont relatifs &agrave; la page que vous voyez et non pas
&agrave; la page actuelle.
Galerie des pages et des calques
Vous pouvez &eacute;galement utiliser la Galerie des pages et des calques pour g&eacute;rer
simplement les pages de votre document. Elle permet de visualiser, ajouter, dupliquer,
supprimer, ordonner et renommer les pages depuis un m&ecirc;me &eacute;cran. Pour en savoir
plus, consultez la Galerie des pages et des calques (voir page 323).
Sauvegarde du document
Cette section traite de la sauvegarde dans le format interne de Web Designer.
Consultez le chapitre Importation et exportation (voir page 335) pour obtenir de plus
amples informations sur l'exportation 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. Assurez-vous
que la fonction de sauvegarde automatique soit toujours activ&eacute;e afin que les
documents sur lesquels vous travaillez soit sauvegard&eacute;s r&eacute;guli&egrave;rement. Consultez le
chapitre Sauvegarde automatique (voir page 98) pour obtenir de plus amples
informations.
Sauvegarde (dans le menu fichier)
(Raccourci : Ctrl + S ou cliquez sur le bouton &laquo; Enregistrer &raquo; 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 d&eacute;sactiv&eacute;e sauf si le document contient des
modifications non enregistr&eacute;es. (C'est-&agrave;-dire si vous avez op&eacute;r&eacute; des modifications
mais que vous ne les avez pas sauvegard&eacute;es.)
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; ni &agrave; &laquo; ENREGISTRER &raquo;.
www.magix.com
Travailler avec des documents
Dossiers d'aide
Certains documents utilis&eacute;s pour cr&eacute;er des sites Internet doivent &ecirc;tre reli&eacute;s &agrave; des
fichiers externes qui ne peuvent pas &ecirc;tre incrust&eacute;s dans le fichier de mod&egrave;le .xar. Par
exemple, il se peut qu'un fichier Flash soit utilis&eacute; sur votre site Internet et que vous
souhaitiez le garder avec votre fichier de mod&egrave;le parce que vous ne pouvez pas
exporter un site enti&egrave;rement op&eacute;rationnel &agrave; partir du fichier de mod&egrave;le si vous
n'exportez pas ce fichier Flash &eacute;galement. Et si vous deviez envoyer votre mod&egrave;le &agrave;
quelqu'un d'autre ou si vous souhaitiez le transf&eacute;rer sur un autre ordinateur, vous
voudriez transf&eacute;rer le fichier Flash en m&ecirc;me temps.
Dans ce cas, MAGIX Web Designer MX utilise un &laquo; fichier d'aide &raquo; facultatif en
parall&egrave;le du fichier de 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, envoyezlui &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 s&eacute;lectionnez &laquo; Enregistrer sous &raquo; pour sauvegarder une copie de ce mod&egrave;le,
MAGIX Web Designer MX 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 &laquo; Emplacement d'objet &raquo; de la bo&icirc;te de dialogue
&laquo; Propri&eacute;t&eacute;s Web &raquo; 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), MAGIX Web Designer MX
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;e.
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. MAGIX
Web Designer MX 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'un mod&egrave;le peut faire r&eacute;f&eacute;rence
de plusieurs mani&egrave;res diff&eacute;rentes &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 fasse 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 fasse r&eacute;f&eacute;rence &agrave; un autre fichier externe ! MAGIX Web Designer MX ne peut
97
98
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;.
Fermer le document
Pour fermer le document :
• s&eacute;lectionnez FICHIER &gt; FERMER
• ou cliquez sur Ctrl+F4 ou Ctrl+W.
• ou cliquez sur le plus petit des deux &laquo; X &raquo; qui se trouvent dans le coin sup&eacute;rieur
droit de la fen&ecirc;tre.
Remarque : sur la plupart des ordinateurs, le &laquo; X &raquo; du bas, celui qui permet de
fermer le document, est plus petit que celui qui permet de fermer le programme.
www.magix.com
Travailler avec des documents
Sauvegardes automatiques
MAGIX Web Designer MX peut effectuer des sauvegardes r&eacute;guli&egrave;res des documents
ouverts lorsque vous travaillez, si vous le souhaitez. Cette fonction vous &eacute;vite de
perdre des donn&eacute;es en cas de coupure de courant ou d'une autre fermeture anormale
du programme. Elle est &eacute;galement utile si vous d&eacute;cidez d'utiliser une version
pr&eacute;c&eacute;dente de votre document le cas &eacute;ch&eacute;ant.
Pour activer ou d&eacute;sactiver la fonction de sauvegarde automatique, ouvrez la bo&icirc;te de
dialogue SERVICES &gt; OPTIONS et s&eacute;lectionnez l'onglet SAUVEGARDES .
Sauvegarde des documents ouverts
Pour activer la fonction de sauvegarde, cochez cette case et s&eacute;lectionnez la fr&eacute;quence
&agrave; laquelle les sauvegardes doivent &ecirc;tre effectu&eacute;es. La p&eacute;riode sugg&eacute;r&eacute;e est de 10
minutes, c'est-&agrave;-dire que tous les documents ouverts seront sauvegard&eacute;s si 10
minutes se sont &eacute;coul&eacute;es depuis la derni&egrave;re sauvegarde (ou depuis la cr&eacute;ation ou
l'ouverture du document).
Veuillez noter qu'une fois que cet intervalle depuis la derni&egrave;re sauvegarde est &eacute;coul&eacute;,
la prochaine sauvegarde est enregistr&eacute;e uniquement lorsque le programme n'a pas
&eacute;t&eacute; utilis&eacute; pendant au moins 15 secondes. Cela permet d'&eacute;viter les interruptions dans
votre travail autant que possible et d'&eacute;viter de sauvegarder le document alors que des
modifications sont en cours. Au cours d'une utilisation normale, il est peu probable
qu'aucune interruption r&eacute;guli&egrave;re de 15 secondes ou plus ne se produise, permettant
d'effectuer la sauvegarde r&eacute;guli&egrave;rement. Cependant notez que si vous &eacute;ditez un
document durant une longue p&eacute;riode, la prochaine sauvegarde pourrait &ecirc;tre r&eacute;alis&eacute;e
bien apr&egrave;s l'intervalle de temps d&eacute;fini.
L'outil de sauvegarde automatique n'enregistre pas les modifications de sousdocuments ouverts. Seul le document principal principal est enregistr&eacute; lors d'une
sauvegarde programm&eacute;e, dans son &eacute;tat actuel et sans les modifications non
99
100
enregistr&eacute;es de groupes. Pour cette raison, il est recommand&eacute; d'enregistrer
r&eacute;guli&egrave;rement les modifications des groupes dans le document principal.
Lorsqu'une sauvegarde est en cours, une barre de progression s'affiche au bas de la
fen&ecirc;tre de MAGIX Web Designer MX.
Emplacement des sauvegardes
Utilisez le bouton de navigation si vous souhaitez modifier le dossier dans lequel les
sauvegardes sont enregistr&eacute;es.
Les sauvegardes de documents enregistr&eacute;es ici sont accessibles &agrave; tout moment &agrave;
l'aide de l'option FICHIER &gt; OUVERT RECEMMENT &gt; SAUVEGARDES. Une bo&icirc;te de
dialogue de fichier s'ouvre dans le dossier de sauvegarde afin de vous permettre de
naviguer, d'ouvrir ou de supprimer n'importe quel fichier de sauvegarde.
R&eacute;visions
Par d&eacute;faut, le dossier de sauvegarde contient jusqu'&agrave; 10 r&eacute;visions de chaque mod&egrave;le
mais vous pouvez modifier ce nombre dans le champ de r&eacute;visions. Les r&eacute;visions
anciennes exc&eacute;dant le nombre d&eacute;fini seront supprim&eacute;es automatiquement. Chaque
fichier de sauvegarde est nomm&eacute; &agrave; partir du nom du document d'origine, auquel un
suffixe indiquant la date et l'heure de la sauvegarde est ajout&eacute;.
ATTENTION : veuillez noter que si plusieurs documents partagent le m&ecirc;me nom de
fichier dans diff&eacute;rents dossiers de votre ordinateur, les copies de sauvegarde
porteront &eacute;galement le m&ecirc;me nom que dans le dossier des sauvegardes. Par
cons&eacute;quent, essayez d'attribuer des noms uniques aux fichiers de vos mod&egrave;les afin
d'&eacute;viter que la sauvegarde d'un mod&egrave;le n'&eacute;crase un autre portant le m&ecirc;me nom.
Documents sans titre
Les documents cr&eacute;&eacute;s qui n'ont pas encore &eacute;t&eacute; sauvegard&eacute;s sont regroup&eacute;s sous le
m&ecirc;me nom &laquo; non titr&eacute; &raquo; suivi d'un nombre et de la date/l'heure. Le nom et le nombre
correspondent &agrave; ceux affich&eacute;s dans la barre de titre lorsque vous &eacute;ditez de nouveaux
documents non sauvegard&eacute;s.
ATTENTION : dans la mesure o&ugrave; tous les nouveaux documents sans sauvegarde
sont nomm&eacute;s Untitled1, Untitled2, etc., il existe un grand risque d'&eacute;craser une
sauvegarde par celle d'un autre fichier. Par cons&eacute;quent, il est recommand&eacute; de
toujours sauvegarder les documents importants avec un nom unique que vous aurez
choisi vous permettant d'identifier facilement les sauvegardes de ces documents
dans le dossier des sauvegardes.
www.magix.com
Travailler avec des documents
Sauvegarder des documents ouverts &agrave; la fermeture du programme
L'onglet Sauvegardes dans la bo&icirc;te de dialogue des options vous permet &eacute;galement
d'activer la fonction de SAUVEGARDE ET RESTAURATION AUTOMATIQUE . Lorsque cette
option est activ&eacute;e, on ne vous demandera pas de sauvegarder tous les documents
modifi&eacute;s lorsque vous quittez MAGIX Web Designer MX. En effet, tous les
documents ouverts sont sauvegard&eacute;s dans le dossier des Sauvegardes et le
programme se ferme. Lorsque vous d&eacute;marrez le programme &agrave; nouveau, ces m&ecirc;mes
documents sont automatiquement restaur&eacute;s afin que vous puissiez continuer &agrave;
travailler l&agrave; o&ugrave; vous vous &ecirc;tes arr&ecirc;t&eacute;.
Remarquez que si vous avez des affichages de sous-documents ouverts, ils sont
ferm&eacute;s et enregistr&eacute;s dans le document principal lorsque le programme se ferme, et le
document principal est enregistr&eacute;. Les affichages de sous-documents ne sont pas r&eacute;ouverts au red&eacute;marrage du programme. Voir &Eacute;dition &agrave; l'int&eacute;rieur des groupes
R&eacute;cup&eacute;rer des documents apr&egrave;s une fermeture anormale du programme
Si la fonction de sauvegarde automatique est activ&eacute;e et que le programme se ferme
anormalement (en raison d'une coupure de courant par exemple), le programme le
d&eacute;tecte lorsqu'il est red&eacute;marr&eacute;. Il vous proposera alors de restaurer la version
sauvegard&eacute;e la plus r&eacute;cente de chaque document ouvert au moment de la derni&egrave;re
sauvegarde.
Une fermeture anormale ne sera pas d&eacute;tect&eacute;e si aucune sauvegarde automatique de
fichier n'a &eacute;t&eacute; r&eacute;alis&eacute;e depuis la derni&egrave;re fermeture normale du programme.
Sauvegardes durant l'arr&ecirc;t du syst&egrave;me
Si vous fermez Windows sans fermer auparavant le programme, tous les documents
ouverts sont sauvegard&eacute;s dans le dossier des sauvegardes m&ecirc;me si l'option de
Sauvegarde des documents ouverts &agrave; la fermeture du programme n'est pas activ&eacute;e.
Cela permet de fermer le syst&egrave;me sans que MAGIX Web Designer MX interrompe
cette action en vous demandant si vous souhaitez sauvegarder vos documents.
Lorsque vous d&eacute;marrez le programme &agrave; nouveau, il vous demandera si vous souhaitez
ou non restaurer les documents qui &eacute;taient ouvert au moment ou le syst&egrave;me a &eacute;t&eacute;
arr&ecirc;t&eacute;.
R&eacute;cup&eacute;ration de sauvegardes
Vous pouvez acc&eacute;der aux sauvegardes de vos documents en utilisant l'option de
menu Fichier &gt; OUVERT RECEMMENT &gt; SAUVEGARDES . Une bo&icirc;te de dialogue s'ouvre
alors dans le dossier de sauvegarde vous permettant de naviguer, d'ouvrir ou de
supprimer n'importe lequel des fichiers de sauvegarde. Il est recommand&eacute; d'utiliser
cette bo&icirc;te de dialogue pour supprimer de temps &agrave; autre des sauvegardes anciennes
ind&eacute;sirables.
Veuillez noter que lorsque vous t&eacute;l&eacute;chargez un document de sauvegarde, il n'est pas
automatiquement associ&eacute; au fichier de mod&egrave;le qui a servi de r&eacute;f&eacute;rence pour la
sauvegarde. Il est trait&eacute; comme un document ind&eacute;pendant. Par cons&eacute;quent, si vous
101
102
d&eacute;cider de conserver un document de sauvegarde, vous devriez utiliser l'option
FICHIER &gt; ENREGISTRER SOUS pour le sauvegarder &agrave; un autre emplacement sous un
nom appropri&eacute;.
Grille
Pour vous assister dans la mise en page de votre document, Web Designer peut
afficher une grille qui appara&icirc;t uniquement sur l'&eacute;cran mais n'est jamais export&eacute;e ni
imprim&eacute;e. Cette grille vous aide &agrave; aligner les objets (comme si vous utilisiez du papier
quadrill&eacute;).
Faites un clic droit et s&eacute;lectionnez AFFICHER LA GRILLE/LES GUIDES &gt; AFFICHER LA
pour afficher/masquer la grille ou s&eacute;lectionnez MAGNETISME &gt; MAGNETISME
DE LA GRILLE . Vous pouvez &eacute;galement s&eacute;lectionner FENETRE &gt; MAGNETISME DE LA
GRILLE .
GRILLE
Les points de la grille fonctionnent alors comme des aimants et les objets d&eacute;plac&eacute;s
sont automatiquement align&eacute;s sur le point le plus proche. Par d&eacute;faut, le magn&eacute;tisme
par rapport &agrave; la grille des documents web est activ&eacute; et la grille poss&egrave;de une pr&eacute;cision
d'un pixel.
Le type de grille (isom&eacute;trique/rectangulaire), le point 0,0 (origine) et l'espacement
des points de la grille sont contr&ocirc;l&eacute;s par l'onglet GRILLE ET REGLES (voir page 356) de
la bo&icirc;te de dialogue des options. Les modifications sont appliqu&eacute;es uniquement au
document s&eacute;lectionn&eacute;.
Vous pouvez d&eacute;placer la grille par rapport &agrave; la page en d&eacute;pla&ccedil;ant le point (0,0) de la
r&egrave;gle (d&eacute;crit plus bas).
L'alignement sur les objets par magn&eacute;tisme est aussi activ&eacute; par d&eacute;faut dans les
documents web. Le magn&eacute;tisme des objets est un moyen tr&egrave;s efficace d'aligner les
lignes, les points et les bords des objets entre eux avec pr&eacute;cision pour qu'ils soient
contigus.
Vous pouvez m&ecirc;me utiliser cette fonction pour aligner le centre des objets, aligner les
objets par rapport au centre de la page ou les aligner horizontalement ou
verticalement par rapport au milieu de la page ou &agrave; ses bords.
Pour passer en mode de magn&eacute;tisme des objets, cliquez sur le bouton
MAGNETISME DES OBJETS ou faites un clic droit puis s&eacute;lectionnez MAGNETISME &gt;
MAGNETISME DES OBJETS . Vous pouvez &eacute;galement s&eacute;lectionner FEN&Ecirc;TRE &gt;
MAGN&Eacute;TISME DE LA GRILLE .
Consultez le paragraphe Manipulation des objets (voir page 130) pour en savoir plus
sur le magn&eacute;tisme de la grille et des objets.
www.magix.com
Travailler avec des documents
R&egrave;gles
Les r&egrave;gles sont masqu&eacute;es en mode standard. Pour les afficher :
• Faites un clic droit et s&eacute;lectionnez AFFICHER LA GRILLE/LES GUIDES &gt; AFFICHER LA
REGLE pour afficher/masquer la grille.
• Appuyez sur &laquo; Ctrl + Maj + R &raquo;.
• Ou s&eacute;lectionnez FENETRE &gt; BARRES &gt; AFFICHER LES REGLES .
Web Designer utilise des r&egrave;gles pour :
• Contr&ocirc;ler les marges, les tabulations et l'indentation (voir page 193) du texte
dans l'OUTIL TEXTE.
• Indiquer la partie de la page que vous voyez actuellement ;
• Indiquer la position X-Y actuelle du pointeur ;
• Appliquer des lignes de guidage. Lorsque l'option FENETRE &gt; MAGNETISME DE LA
GRILLE est active, les lignes de guidage s'alignent automatiquement sur les
divisions de la r&egrave;gle. Pour de plus amples informations sur les lignes de guidage,
consultez la section des Guides et des lignes de guidage de Manipulation des
objets (voir page 134).
Vous pouvez utiliser les r&egrave;gles quand vous cr&eacute;ez des objets ou modifiez leur taille.
Elles permettent &eacute;galement d'utiliser l'OUTIL DE SELECTION avec plus de pr&eacute;cision
(voir S&eacute;lectionner des objets&quot; pour plus d'informations).
Les r&egrave;gles sont affich&eacute;es &agrave; gauche et en haut de la fen&ecirc;tre. Une ligne en pointill&eacute;s suit
la position actuelle du pointeur sur chaque r&egrave;gle.
Les unit&eacute;s et le nombre de divisions des r&egrave;gles sont identiques &agrave; celles d&eacute;finies pour la
grille. Vous pouvez les d&eacute;finir en utilisant l'onglet Grille et r&egrave;gle (voir page 356) de la
bo&icirc;te de dialogue des options. Les unit&eacute;s actuelles et le facteur de calibrage sont
affich&eacute;s &agrave; la droite de la r&egrave;gle sup&eacute;rieure.
Afficher/masquer les r&egrave;gles
Faites un clic droit et s&eacute;lectionnez AFFICHER LA GRILLE/LES GUIDES &gt; AFFICHER LES
GRILLES (&laquo; Ctrl + Maj + R &raquo;) pour activer/d&eacute;sactiver les r&egrave;gles. Ce param&egrave;tre
s'applique &agrave; la fen&ecirc;tre actuelle et aux fen&ecirc;tres que vous ouvrirez par la suite. Les
fen&ecirc;tres d&eacute;j&agrave; ouvertes ne sont pas concern&eacute;es.
103
104
Modifier le point d'origine des r&egrave;gles
Il est souvent plus simple de mesurer un objet si vous alignez le point d'origine des
r&egrave;gles sur ce dernier. Pour d&eacute;placer ce point, tirez la case jusqu'&agrave; l'intersection des
deux r&egrave;gles.
Vous pouvez tirer les r&egrave;gles 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&egrave;gles 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
GRILLES ET REGLETTES (voir page 356) de la bo&icirc;te de dialogue des options.
Qualit&eacute; d'affichage
Cinq r&eacute;glages de qualit&eacute; diff&eacute;rents sont disponibles dans le menu WINDOWS &gt;
QUALITE , qui permet de d&eacute;terminer l'apparence du document affich&eacute; dans MAGIX
Web Designer MX :
• 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.
www.magix.com
Travailler avec des documents
Le r&eacute;glage de la qualit&eacute; n'a aucune incidence sur l'exportation ou l'impression du
document, except&eacute; pour l'exportation de documents bitmaps qui utilise les
param&egrave;tres de qualit&eacute; actuels.
Galeries
MAGIX Web Designer MX utilise des galeries pour fournir un acc&egrave;s pratique &agrave; des
biblioth&egrave;ques de contenu comme des mod&egrave;les de conception, des polices, des
couleurs, des clip-arts et des bitmaps/photos. Cette section de l'Aide fournit des
informations g&eacute;n&eacute;rales relatives aux fonctionnalit&eacute;s communes aux multiples galeries.
Les sections individuelles d&eacute;crivent les fonctions sp&eacute;cifiques &agrave; chaque galerie.
Par d&eacute;faut, la Galerie Pages &amp; Calques est ouverte en mode Pages (affiche uniquement les pages,
pas leurs calques) et arrim&eacute;e sur la droite de la fen&ecirc;tre de Web Designer.
Pages et Calques
Designs (mod&egrave;les)
Bitmap
Remplissage
La GALERIE DES CALQUES ET PAGES vous permet de consulter et de manipuler les pages
de votre document et les calques de chaque page.
Les GALERIES de MODELES DE CONCEPTION et de REMPLISSAGE vous offrent tout un
choix de mod&egrave;les et de styles fournis avec MAGIX Web Designer MX.
105
106
La GALERIE des BITMAPS vous montre les bitmaps et les photos utilis&eacute;s par tous les
documents actuellement ouverts.
Certaines galeries sont d&eacute;crites en d&eacute;tail plus loin.
Afficher une galerie
Pour afficher une galerie :
1.
2.
3.
Cliquez ou amenez le pointeur de la souris au-dessus de l'onglet vertical de la
galerie &agrave; droite de l'espace de travail (la barre des galeries). La galerie s'ouvre
automatiquement. Lorsque vous &eacute;loignez le pointeur de la souris de la galerie,
elle se ferme automatiquement.
Pour garder une galerie ouverte pendant que vous travaillez, cliquez sur le
bouton CACHER AUTOMATIQUEMENT (repr&eacute;sent&eacute; par une &eacute;pingle) dans le coin
en haut &agrave; gauche de celle-ci. Le bouton CACHER AUTOMATIQUEMENT se
transforme en &eacute;pingle point&eacute;e vers la bas, indiquant que la galerie est
maintenant &laquo; &eacute;pingl&eacute;e &raquo; &agrave; l'espace de travail.
Pour fermer une galerie &laquo; &eacute;pingl&eacute;e &raquo;, voir Fermer une galerie (voir page 112).
&laquo; Non-&eacute;pingl&eacute;e &raquo; : la galerie se ferme lorsque vous &eacute;loignez le pointeur de la
souris de la galerie.
&laquo; &Eacute;pingl&eacute;e &raquo; : la galerie reste ouverte lorsque vous &eacute;loignez le pointeur de la
souris. Elle peut &ecirc;tre aussi d&eacute;plac&eacute;e et fix&eacute;e (voir page 107) ailleurs.
&Agrave; noter : par d&eacute;faut la GALERIE DE REMPLISSAGE ne laisse pas appara&icirc;tre son nom,
mais seulement son ic&ocirc;ne, jusqu'&agrave; ce qu'elle soit ouverte. Web Designer vous
indique toujours le titre de la derni&egrave;re galerie que vous avez visionn&eacute;e.
www.magix.com
Travailler avec des documents
D&eacute;placer et fixer une galerie
Vous pouvez &laquo; d&eacute;tacher &raquo; une galerie de la barre de galeries et la d&eacute;placer &agrave; l'endroit
qui vous convient le mieux n'importe o&ugrave; dans l'espace de travail. Vous pouvez
&eacute;galement &laquo; fixer &raquo; la galerie (ou un groupe de galeries) en haut , en bas, &agrave; gauche ou
&agrave; droite de l'espace de travail.
Vous pouvez d&eacute;placer une galerie n'importe o&ugrave; dans l'espace de travail
Pour d&eacute;placer une galerie :
1.
2.
Ouvrez une galerie et cliquez sur le bouton MASQUER AUTOMATIQUEMENT afin
d'&eacute;pingler la galerie. Le bouton se transforme en &eacute;pingle pointant vers le bas,
indiquant que la galerie peut &ecirc;tre d&eacute;plac&eacute;e et &eacute;pingl&eacute;e &agrave; un autre endroit.
Cliquez sur la barre de titre de la galerie et faites-la glisser pour la faire bouger.
Vous pouvez soit laisser la galerie libre de mouvement au sein de l'espace de
travail , soit l'&eacute;pingler &agrave; un nouvel endroit.
Si vous d&eacute;placez la galerie de bitmaps ou la galerie de remplissage, les deux galeries
sont coupl&eacute;es et se d&eacute;placent simultan&eacute;ment. Acc&eacute;dez &agrave; une galerie individuelle en
cliquant sur son onglet en bas du groupe ou cliquez et glissez un onglet de galerie afin
de le sortir du groupe.
107
108
Lorsque vous cliquez sur une barre de titre de galerie pouvant &ecirc;tre fix&eacute;e et que vous la
faites glisser, un certain nombre de fl&egrave;ches apparaissent sur l'espace de travail,
indiquant &agrave; quels endroits vous pouvez fixer la galerie.
www.magix.com
Travailler avec des documents
Le fait de glisser une galerie fait appara&icirc;tre des fl&egrave;ches de fixation au centre, en haut, en bas, &agrave;
gauche et &agrave; droite de l'espace de travail. Fixer une galerie en la faisant glisser jusqu'&agrave; une fl&egrave;che.
Exemple d'une galerie ayant &eacute;t&eacute; fix&eacute;e sur la gauche de l'espace de travail
Pour fixer une galerie :
1.
2.
3.
4.
Cliquez sur la galerie et faites-la glisser jusqu'&agrave; la fl&egrave;che pointant vers la
position o&ugrave; vous souhaitez placer la galerie. Par exemple, si vous voulez que la
galerie soit en haut de l'&eacute;cran, d&eacute;placez-la jusqu'&agrave; la fl&egrave;che pointant vers le
haut de l'espace de travail.
Lorsque le pointeur de la souris atteint la fl&egrave;che, une bo&icirc;te grise transparente
met la nouvelle position de la galerie en &eacute;vidence.
Rel&acirc;chez la touche de la souris afin de fixer la galerie. D&eacute;sormais, lorsque vous
fermez ou que vous masquez automatiquement la galerie, son onglet
appara&icirc;tra &agrave; la nouvelle position.
Survolez son onglet avec le pointeur ou cliquez sur celui-ci pour ouvrir la
galerie &agrave; nouveau.
&Agrave; noter : afin de remettre toutes les galeries &agrave; leurs positions par d&eacute;faut,
s&eacute;lectionnez BARRES DE CONTROLES &agrave; partir du menu FENETRE et cliquez sur
GALERIES , puis REINITIALISER .
109
110
Utiliser des galeries
Plier ou d&eacute;plier une section dans une galerie :
• cliquez sur Ouvrir/Fermer.
• 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 Ouvrir/Fermer. Le menu pop up affiche alors des options
permettant de passer aux sections pr&eacute;c&eacute;dentes ou suivantes.
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, dans la galerie
des bitmaps, &laquo; Remplissage &raquo; et &laquo; Transp &raquo; sont propres &agrave; cette galerie). Cependant,
la plupart des galeries disposent des boutons suivants :
&laquo; APPLIQUER &raquo; : applique l'&eacute;l&eacute;ment s&eacute;lectionn&eacute; dans la galerie. Cliquez sur l'objet
pour le s&eacute;lectionner.
• &laquo; OPTIONS &raquo; : ouvre un menu dans lequel vous pouvez s&eacute;lectionner :
•
www.magix.com
Travailler avec des documents
•
•
: voir description plus bas dans &laquo; Chercher par nom d'objet &raquo;.
&laquo; TRIER &raquo; : voir description plus bas dans &laquo; Modifier le classement des objets dans
la galerie &raquo;.
• &laquo; PROPRIETES &raquo; : permet de d&eacute;finir la taille des icones et les informations affich&eacute;es
dans la galerie.
• &laquo; AJOUTER &raquo; : (Galeries Clipart, remplissage et polices) : voir description plus bas
dans &laquo; Ajouter des objets &agrave; une galerie &raquo;.
• &laquo; SUPPRIMER &raquo; : (Galeries Clipart, remplissage et polices) : voir description plus
bas dans &laquo; supprimer des sections d'une galerie &raquo;.
&laquo; CHERCHER &raquo;
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 enfonc&eacute;e, cliquez
sur un autre objet. Tous les objets se trouvant entre ces deux objets sont alors
s&eacute;lectionn&eacute;s.
• ou encore cliquez sur un objet tout en maintenant la touche Ctrl enfonc&eacute;e afin
d'ajouter un objet &agrave; la s&eacute;lection.
Reclasser les objets dans la galerie
Dans certaines galeries, le menu &laquo; OPTIONS &gt; TRIER &raquo; 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.
Rechercher un nom d'objet
Vous pouvez par exemple rechercher tous les noms contenant le mot &laquo; rouge &raquo; :
1.
s&eacute;lectionnez OPTIONS &gt;
1.
entrez le mot ROUGE dans le
champ de texte.
s&eacute;lectionnez CHERCHER
NOMS/MOTS-CLES pour
rechercher uniquement le
nom de l'objet (fichier,
couleur, etc.) ou CHERCHER
TOUTES LES INFOS pour
rechercher les noms et
mots-cl&eacute;s disponibles dans
certaines galeries).
RECHERCHER
2.
111
112
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.
Pour la galerie des CLIPARTS , les fichiers peuvent &ecirc;tre des fichiers vectoriels
ou Bitmap.
-
2.
3.
4.
Pour la galerie de REMPLISSAGE, tous les formats Bitmap pris en charge par
Web Designer sont valables (Liste dans Importer et Exporter (voir page
335)).
Dans la galerie s&eacute;lectionn&eacute;e, cliquez sur le bouton DESIGN
DISQUE /REMPLISSAGES . Une bo&icirc;te de dialogue s'affiche.
S&eacute;lectionnez le dossier via la bo&icirc;te de dialogue.
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.
2.
3.
4.
Copiez les nouveaux fichiers dans le dossier existant.
Dans la galerie, cliquez sur DESIGN DISQUE/REMPLISSAGES . Une bo&icirc;te de
dialogue s'affiche.
S&eacute;lectionnez le dossier que vous souhaitez ajouter via la bo&icirc;te de dialogue.
Cliquez sur METTRE A 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.
2.
Cliquez sur le titre de la ou des sections que vous souhaitez supprimer.
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).
Fermer une galerie
Par d&eacute;faut, le bouton MASQUER AUTOMATIQUEMENT d'une galerie est actif (autrement
dit, le bouton MASQUER AUTOMATIQUEMENT de la galerie dans le coin sup&eacute;rieur droit
n'est pas &eacute;pingl&eacute;) afin que la galerie se ferme automatiquement lorsque vous en faites
sortir le curseur de la souris.
Cependant, si vous avez d&eacute;sactiv&eacute; le bouton MASQUER AUTOMATIQUEMENT (&eacute;pingl&eacute;),
vous devrez fermer la galerie manuellement.
Pour fermer une galerie flottante, cliquez sur le bouton FERMER dans le coin sup&eacute;rieur
droit de la galerie. La galerie se ferme et son onglet s'affiche dans la barre des galeries.
www.magix.com
Travailler avec des documents
Pour fermer une galerie fix&eacute;e, cliquez sur le bouton MASQUER AUTOMATIQUEMENT
(&eacute;pingle) ou sur le bouton FERMER dans le coin sup&eacute;rieur droit de la galerie. La galerie
se ferme et son onglet s'affiche sur le bord de l'espace de travail ou vous l'aviez fix&eacute;e.
Pour rouvrir la galerie, survolez son onglet ou cliquez dessus.
Supprimer une galerie de l'espace de travail
Par d&eacute;faut, lorsque vous fermez une galerie, Web Designer la remet dans la barre des
galeries pour que vous puissiez la rouvrir en survolant son ic&ocirc;ne ou son onglet avec le
curseur de la souris. Cependant, vous pouvez configurer Web Designer de sorte que
chaque galerie inutilis&eacute;e soit retir&eacute;e de l'espace de l'espace de travail.
Pour supprimer les galeries non d&eacute;sir&eacute;es de l'espace de travail, proc&eacute;dez comme suit :
• S&eacute;lectionnez GALERIES dans le menu SERVICES et choisissez la galerie que vous
souhaitez supprimer. La galerie s&eacute;lectionn&eacute;e dispara&icirc;t de votre espace de travail.
Pour r&eacute;tablir la galerie, s&eacute;lectionnez GALERIES dans le menu SERVICES et choisissez
la galerie que vous souhaitez r&eacute;int&eacute;grer.
• S&eacute;lectionnez BARRES DE CONTROLE dans le menu FENETRE et d&eacute;placez-vous
jusqu'au bas de la liste des commandes disponibles pour trouver GALERIES.
Cochez la case GALERIES pour afficher la barre des galeries. Cliquez sur FERMER.
Dans la barre des galeries &agrave; pr&eacute;sent affich&eacute;e au-dessus de l'espace de travail,
vous pouvez contr&ocirc;ler l'affichage d'une galerie en cliquant sur le bouton de sa
barre d'outils.
Restaurer les barres de contr&ocirc;le/galeries par d&eacute;faut
S&eacute;lectionnez FENETRE &gt; BARRES DE CONTROLE et cliquez sur REINITIALISER pour
restaurer la configuration par d&eacute;faut des barres de contr&ocirc;le.
113
114
Annuler et 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
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.
La commande Annuler
&laquo; Annuler &raquo; 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 appuyez sur Ctrl+Z
• ou appuyez sur la touche virgule (dans tous les ;odes except&eacute; l'outil de TEXTE)
Vous pouvez utiliser la fonction &laquo; Annuler &raquo; &agrave; plusieurs reprises pour revenir sur les
op&eacute;rations.
La commande R&eacute;tablir
&laquo; R&eacute;tablir &raquo; permet d'annuler les effets de la derni&egrave;re commande &laquo; Annuler &raquo;.
Pour r&eacute;tablir la derni&egrave;re op&eacute;ration :
• cliquez sur le bouton RETABLIR dans la barre de contr&ocirc;le STANDARD .
• ou allez sur &Eacute;DITER &gt; RETABLIR (la description exacte vous indique les prochaines
&eacute;tapes &agrave; suivre).
• ou appuyez sur Ctrl+Y.
• ou appuyez sur la touche point (dans tous les outils except&eacute; l'outil de TEXTE).
Vous pouvez utiliser la fonction &laquo; R&eacute;tablir &raquo; uniquement imm&eacute;diatement apr&egrave;s
&laquo; Annuler &raquo;. Vous ne pouvez pas utiliser cette commande apr&egrave;s une modification du
document (par exemple apr&egrave;s avoir d&eacute;plac&eacute; ou ajout&eacute; un objet).
www.magix.com
Utilisation des objets
Utilisation des objets
L'outil de s&eacute;lection
L'OUTIL DE SELECTION est l'outil principal pour s&eacute;lectionner, d&eacute;placer,
redimensionner et faire pivoter des objets. Il est g&eacute;n&eacute;ralement plus utilis&eacute;
que les autres outils et constitue l'outil essentiel &agrave; la manipulation de
documents.
Dimensions de la s&eacute;lection
Contr&ocirc;le de la taille en %
Verrouiller les proportions
Rotation et inclinaison
Basculer
Modifier les largeurs de ligne
Appliquer des noms
Pour utiliser l'OUTIL DE SELECTION :
• Cliquez sur l'OUTIL DE SELECTION de la BARRE D'OUTILS PRINCIPALE .
• Ou appuyez sur &laquo; Alt + S &raquo;, &laquo; V &raquo; ou &laquo; F2 &raquo;.
Lorsque vous passez &agrave; l'OUTIL DE SELECTION , si vous s&eacute;lectionnez des objets ou des
&eacute;l&eacute;ments composites d'un groupe, l'objet parent (groupe) sera s&eacute;lectionn&eacute; &agrave; leur
place.
L'outil de SELECTION &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 SELECTION de
la mani&egrave;re suivante :
• Utilisez la combinaison Alt+S pour alterner vers l'outil de SELECTION . En r&eacute;p&eacute;tant
l'op&eacute;ration, vous alternez &agrave; nouveau vers l'outil pr&eacute;c&eacute;dent, ou
S&eacute;lection d'objets
Pour s&eacute;lectionner un objet, cliquez sur n'importe quelle partie visible de cet objet.
115
116
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 (voir page 115).
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;  &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;lectionner &agrave; l'int&eacute;rieur
Vous pouvez s&eacute;lectionner un objet qui se trouve &agrave; l'int&eacute;rieur d'un groupe ou dans un
autre objet conteneur en maintenant la touche &laquo; Ctrl &raquo; lorsque vous cliquez dessus.
C'est ce qu'on appelle &laquo; s&eacute;lectionner &agrave; l'int&eacute;rieur &raquo;. L'objet sur lequel vous cliquez sera
s&eacute;lectionn&eacute; m&ecirc;me s'il est log&eacute; parmi plusieurs groupes imbriqu&eacute;s. Lorsque vous avez
une telle imbrication de groupes, il est parfois pr&eacute;f&eacute;rable de s&eacute;lectionner l'un des
groupes imbriqu&eacute;s (un groupe dans un autre groupe). Cette action s'effectue
www.magix.com
Utilisation des objets
facilement en cliquant dessus et en maintenant les touches &laquo; Alt &raquo; et&laquo; Ctrl &raquo;. Le
premier clic de cette fa&ccedil;on s&eacute;lectionne le premier groupe (comme le fait un clic
normal). Cliquez &agrave; nouveau et le groupe suivant dans la hi&eacute;rarchie sera s&eacute;lectionn&eacute; &agrave;
la place. Cliquez jusqu'&agrave; ce que vous arriviez au groupe de votre choix dans la
structure.
Veuillez noter que certaines op&eacute;rations ne sont pas permises avec une s&eacute;lection &agrave;
l'int&eacute;rieur. 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 Galerie des pages et des calques (voir page 323) pour
plus d'informations sur les calques.
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.
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 SELECTION .
• 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.
117
118
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).
www.magix.com
Utilisation des objets
D&eacute;placement des objets
Pour faire glisser un objet &agrave; travers la page
1.
2.
Choisir l'OUTIL DE S&Eacute;LECTION .
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 (voir page 351).)
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.
119
120
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
Maj
Ctrl+Maj
Alt
Alt+Maj
avance de 5 fois la distance normale
avance de 10 fois la distance normale
avance d'1/5 de la distance normale
avance d'1 pixel
avance de 10 pixels
Vous pouvez modifier la distance de progression normale dans l'onglet GENERAL sous
SERVICES&gt; OPTIONS . (Se reporter au chapitre Personnaliser Web Designer (voir page
355).)
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 au sein d'un m&ecirc;me
document ou entre diff&eacute;rents documents. La proc&eacute;dure est la suivante :
1.
2.
3.
S&eacute;lectionnez l'objet.
Pour supprimer l'objet, s&eacute;lectionnez &Eacute;DITER &gt; COUPER (ou faites &laquo; Ctrl + X &raquo;).
Pour copier l'objet sans le supprimer, s&eacute;lectionnez &Eacute;DITER &gt; COPIER (ou faites
&laquo; Ctrl + C &raquo;). Les deux options placent l'objet (ou une copie) dans le pressepapiers.
S&eacute;lectionnez &Eacute;DITER &gt; COLLER, faites &laquo; Ctrl + V &raquo; ou choisissez INSERER . Ceci
permet de coller le contenu du presse-papiers dans le document.
www.magix.com
Utilisation des objets
Remarque : si les objets que vous copiez sont tous sur le m&ecirc;me calque, vous pouvez
les coller sur un m&ecirc;me calque en commen&ccedil;ant par faire de lui le calque actuel puis en
s&eacute;lectionnant &Eacute;DITER &gt; COLLER &gt; COLLER SUR LE CALQUE ou COLLER AU MEME ENDROIT
SUR LE CALQUE ACTUEL . Dans ce cas, le calque dont les objets ont &eacute;t&eacute; copi&eacute;s est
ignor&eacute;.
Cependant, si les objets que vous copiez se situent sur plusieurs calques, la structure
des calques est maintenue lorsque vous collez.
Cela vous permet de copier des donn&eacute;es r&eacute;parties en calques &agrave; l'int&eacute;rieur d'un m&ecirc;me
document ou dans un document diff&eacute;rent. Lors de cette op&eacute;ration, tous les calques
manquants dans le document cible sont cr&eacute;&eacute;s automatiquement. Par exemple, si vous
copiez un bouton de survol de la souris dont un objet est sur le calque d'&eacute;tat normal
(MouseOff) et un autre sur le calque de survol de la souris (MouseOver) vers un
nouveau document d&eacute;nu&eacute; de ces deux calques, les calques en question seront cr&eacute;&eacute;s
et les objets du bouton y seront copi&eacute;s.
&laquo; Ctrl+ Maj + V &raquo; ou &Eacute;DITER &gt; COLLER AU MEME ENDROIT colle le contenu du pressepapiers &agrave; la position X–Y occup&eacute;e par les objets coup&eacute;s ou copi&eacute;s. Ceci s'applique
uniquement aux objets coup&eacute;s ou copi&eacute;s &agrave; l'int&eacute;rieur de 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 le coller plusieurs
fois.
S'il y a plusieurs formats dans le presse-papiers, MAGIX Web Designer MX affichera
une bo&icirc;te de dialogue COLLAGE SPECIAL vous permettant de choisir le format dans
lequel vous voulez coller (par exemple, lorsque vous collez du texte, il se peut que
vous ayez le choix entre coller le texte sans format ou coller le texte au format enrichi
&laquo; Rich Text &raquo;).
De plus, selon le contenu du presse-papiers, vous pourrez voir les options de collage
suivantes :
Copier le texte non format&eacute;
Colle le texte du presse-papiers dans votre document sans informations de format.
Coller le format/les attributs
Pr&eacute;serve le format (par exemple le choix de la police et de sa taille) ou les attributs de
style (par exemple la ligne et la couleur de remplissage) de l'objet coll&eacute;.
Coller sur le calque actuel
Il s'agit de la m&ecirc;me fonction que COLLER AU MEME ENDROIT , mis &agrave; part que votre objet
sera coll&eacute; sur le calque actuel.
121
122
Cela est utile si vous voulez afficher ou masquer uniquement l'objet coll&eacute; lorsque les
calques au-dessus ou en dessous sont affich&eacute;s.
Coller au m&ecirc;me endroit sur le calque actuel
Il s'agit de la m&ecirc;me fonction que COLLER SUR LE CALQUE ACTUEL , mis &agrave; part que votre
objet sera coll&eacute; sur le calque actuel &agrave; la position exacte qu'il occupait quand vous
l'avez copi&eacute;.
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 pressepapiers 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.
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.
www.magix.com
Utilisation des objets
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) (voir page 355).
Cloner
Choisir &Eacute;DITER &gt; CLONER ou appuyer sur Ctrl+K. Ceci place une copie exactement audessus 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.
123
124
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.
• DEPLACER 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.
• DEPLACER VERS L'ARRIERE (Ctrl+Maj+B) : ceci d&eacute;place l'objet d'un niveau vers
l'arri&egrave;re.
• METTRE A L'ARRIERE-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. DEPLACER
et DEPLACER VERS LE CALQUE D'ARRIERE-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.)
VERS LE CALQUE DU PREMIER PLAN
Plus d'informations concernant les calques dans le chapitre Calques (voir page 323)
Rotation d'objets
Cette option se trouve sous OUTIL DE SELECTION .
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 celleci.
Cliquez sur un objet pour mettre l'outil de s&eacute;lection en mode Rotation.
www.magix.com
Utilisation des objets
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
Pour voir les poign&eacute;es de rotation (&agrave; la place des poign&eacute;es de redimensionnement)
sur une forme s&eacute;lectionn&eacute;e dans l'outil de s&eacute;lection, cliquez &agrave; nouveau sur la forme
s&eacute;lectionn&eacute;e.
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; + tirer &raquo; fait pivoter l'objet autour de son centre (le point de r&eacute;f&eacute;rence est ignor&eacute;).
Pour obtenir une rotation r&eacute;duite, maintenez Ctrl tout en faisant pivoter. Ceci veut dire
que la rotation s'effectue selon une s&eacute;lection limit&eacute;e d'angles. Cela fera pivoter la
forme selon plusieurs valeurs limit&eacute;es d'angles, par d&eacute;faut 45 degr&eacute;s. A cela
s'ajoutent les angles cons&eacute;cutifs des bords de l'objet, verticalement ou
horizontalement. &Agrave; titre d'exemple, cela permet de faire pivoter facilement un
rectangle afin de l'aligner parfaitement par rapport au bord de l'&eacute;cran si celui-ci &eacute;tait
au pr&eacute;alable un peu d&eacute;cal&eacute;. Ou bien pour ajuster des bords droits verticalement ou
horizontalement. Ces bords doivent correspondre &agrave; 25 % de la largeur ou de la
longueur pour &ecirc;tre pris en compte dans la rotation r&eacute;duite.
L'angle de r&eacute;duction est d&eacute;finissable par l'utilisateur. Pour en savoir plus, reportezvous au chapitre &laquo; Personnaliser Web Designer (voir page 355) &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 pivoter selon un angle pr&eacute;cis (&agrave; l'aide de la barre d'infos)
Saisissez un angle dans le champ de rotation et cliquez sur &laquo;  &raquo;. 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.
Cliquez sur les fl&egrave;ches droites pour faire progresser
l'angle de rotation.
125
126
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.
Modification de l'&eacute;chelle des objets.
Cette option se trouve sous OUTIL DE SELECTION .
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.
www.magix.com
Utilisation des objets
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 SELECTION
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;  &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.
127
128
Modifier l'&eacute;chelle &agrave; l'aide de la barre d'infos
Saisissez des valeurs dans les champs REDIMENSIONNER LE TEXTE et cliquez sur
&laquo;  &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;.
Faire tourner les objets
Cette option se trouve sous OUTIL DE SELECTION . 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.
&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 SELECTION doit &ecirc;tre en mode &eacute;chelle. (Les poign&eacute;es de s&eacute;lection ont la
forme de carr&eacute;s.) Si n&eacute;cessaire, cliquer sur l'objet pour passer en mode &eacute;chelle.
www.magix.com
Utilisation des objets
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).
Tirer l'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;  &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, alors il ne sera pas &eacute;tir&eacute;.
Incliner des objets
Cette option se trouve sous OUTIL DE SELECTION .
&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 SELECTION 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).
129
130
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; + 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
(voir page 126).
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;  &raquo;.
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.
MAGIX Web Designer MX 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.
www.magix.com
Utilisation des objets
Magn&eacute;tisme de la grille
Lorsque MAGNETISME DE LA GRILLE est s&eacute;lectionn&eacute;, les points de la grille agissent
comme des aimants. Faites un clic droit sur le presse-papiers et s&eacute;lectionnez
MAGNETISME &gt; MAGNETISME DE LA GRILLE ou utilisez l'option de menu FENETRE &gt;
MAGNETISME DE LA GRILLE (ou appuyez sur la touche &laquo; . &raquo; (point des d&eacute;cimales) du
pav&eacute; num&eacute;rique de votre clavier). Vous pouvez contr&ocirc;ler l'espacement de la grille
dans l'onglet Grille et R&egrave;gle de la bo&icirc;te de dialogue des options (faites un clic droit et
s&eacute;lectionnez OPTIONS DE LA PAGE ou utilisez la commande de menu SERVICES &gt;
OPTIONS ). La fonction de magn&eacute;tisme de la grille est activ&eacute;e par d&eacute;faut pour les
mod&egrave;les de document web qui utilise une grille &agrave; un pixel de sorte que les dimensions
et les positions de tous les objets correspondent normalement &agrave; des valeurs enti&egrave;res
de pixels.
Lorsque vous d&eacute;placez un objet, ses bords s'alignent sur les points de la grille. Si la
taille de l'objet est telle que ses c&ocirc;t&eacute;s oppos&eacute;s ne peuvent pas &ecirc;tre align&eacute;s, le bord
magn&eacute;tis&eacute; d&eacute;pend de la direction dans laquelle l'objet est d&eacute;plac&eacute;.
Cela affiche une grille grossi&egrave;re avec 5 subdivisions entre les divisions principales. La forme
poss&egrave;de un contour gris tr&egrave;s &eacute;pais. L'objet ayant &eacute;t&eacute; d&eacute;plac&eacute; vers la gauche et vers le bas, son
bord inf&eacute;rieur et son bord gauche sont align&eacute;s sur les points de la grille les plus proches.
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 %. Avec un facteur de zoom de 500 %, vous
constaterez que le magn&eacute;tisme 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.
131
132
Magn&eacute;tisme et largeurs de ligne
Le param&egrave;tre REDIMENSIONNER LES LARGEURS DE LIGNE de la
barre d'information de l'OUTIL DE SELECTION influence
l'endroit o&ugrave; &agrave; lieu l'alignement sur le bord des objets en
tenant compte de leurs contours.
L'exemple ci-dessus montre une forme avec un contour gris tr&egrave;s &eacute;pais. Il montre
&eacute;galement (fine ligne noire) le contour de la forme elle-m&ecirc;me (vous pouvez voir que
le contour &eacute;pais est r&eacute;parti &eacute;quitablement des deux c&ocirc;t&eacute;s de la ligne centrale de sorte
qu'il d&eacute;borde partiellement vers l'int&eacute;rieur et l'ext&eacute;rieur de la forme).
Lorsque &laquo; Redimensionner les largeurs de ligne &raquo; est activ&eacute;, la largeur du contour est
prise en compte de sorte que &laquo; Magn&eacute;tisme de la grille &raquo; aligne les bords des objets, y
compris les contours, sur la grille. Magn&eacute;tisme des objets vous permettra d'aligner &agrave;
partir des contours ou des lignes de contour centrales. Si les contours tels qu'ils
apparaissent &agrave; l'&eacute;cran sont fins, il y a peu de diff&eacute;rence entre ces deux positions
d'alignement et le magn&eacute;tisme des contours est favoris&eacute;. Dans ce cas, zoomez si vous
souhaitez aligner sur les contours centraux.
Lorsque &laquo; Redimensionner les largeurs de ligne &raquo; est d&eacute;sactiv&eacute;, &laquo; Magn&eacute;tisme de la
grille &raquo; et &laquo; Magn&eacute;tisme des objets &raquo; alignent les lignes centrales des objets et
ignorent la largeur des contours.
&Eacute;tant donn&eacute; que le magn&eacute;tisme tient compte de &laquo; Redimensionner les largeurs de
ligne &raquo;, le fait de modifier son &eacute;tat signifie que les bords utilis&eacute;s pour le magn&eacute;tisme
sont toujours les m&ecirc;mes que ceux signal&eacute;s dans la barre d'information de l'OUTIL
SELECTIONNER .
Alignement magn&eacute;tique d'objet (magn&eacute;tisme des objets)
L'alignement magn&eacute;tique d'objet facilite grandement le positionnement pr&eacute;cis des
objets les uns par rapport aux autres ou par rapport au centre ou aux bords de la page.
Par exemple, l'alignement magn&eacute;tique d'objet est utile si vous voulez que plusieurs
lignes d&eacute;marrent exactement du m&ecirc;me point ou qu'une ligne jouxte le bord d'un
cercle avec pr&eacute;cision.
Vous pouvez m&ecirc;me l'utiliser pour aligner le centre des objets, aligner les objets sur le
centre de la page ou aligner les objets horizontalement et verticalement n'importe o&ugrave;
au milieu de la page.
L'alignement magn&eacute;tique fonctionne lorsque vous d&eacute;placez ou redimensionnez des
objets &agrave; l'aide de l'OUTIL DE SELECTION .
www.magix.com
Utilisation des objets
L'alignement magn&eacute;tique sur les objets est activ&eacute; par d&eacute;faut dans les
documents web. Pour l'activer/d&eacute;sactiver, cliquez sur le bouton
MAGNETISME DES OBJETS de la barre d'outils sup&eacute;rieure. Une autre m&eacute;thode
consiste &agrave; faire un clic droit sur le presse-papiers et &agrave; s&eacute;lectionner
MAGNETISME &gt; MAGNETISME DES OBJETS ou &agrave; utiliser l'option de menu
FENETRE &gt; MAGNETISME DES OBJETS . Vous pouvez toujours
activer/d&eacute;sactiver cette option pendant le d&eacute;placement en appuyant sur
&laquo; s &raquo;.
Cliquez et tirez l'objet que vous souhaitez aligner. Pendant le d&eacute;placement, Web
Designer affiche une ic&ocirc;ne en forme d'aimant, des lignes bleues et des points rouges
lorsque vous approchez d'un &laquo; point int&eacute;ressant &raquo; sur lequel la magn&eacute;tisation doit
&ecirc;tre effectu&eacute;e.
Indicateurs de magn&eacute;tisme
Les indicateurs de magn&eacute;tisme apparaissent lorsqu'un alignement par magn&eacute;tisme
est effectu&eacute;. Il s'agit du moment o&ugrave; un point int&eacute;ressant de l'objet que vous d&eacute;placez
arrive dans la zone d'un point int&eacute;ressant du document (par exemple, un autre objet
ou une partie de la page). Web Designer aligne sur le point int&eacute;ressant et le curseur
de la souris se transforme en aimant pour que vous sachiez qu'un alignement
magn&eacute;tique a &eacute;t&eacute; effectu&eacute;. D'autres indications sont affich&eacute;es de fa&ccedil;on dynamique
pour vous aider &agrave; voir quel alignement magn&eacute;tique a &eacute;t&eacute; r&eacute;alis&eacute;.
• Un point rouge indique qu'un point donn&eacute; a &eacute;t&eacute; magn&eacute;tis&eacute;.
• Un point bleu indique qu'un alignement magn&eacute;tique a &eacute;t&eacute; r&eacute;alis&eacute; sur une partie
d'un autre objet (par exemple le bord d'un rectangle).
• Une ligne orange indique un alignement magn&eacute;tique sur une partie de la page
(coins, bords, centre)
Les lignes d'indication du magn&eacute;tisme vibrent pour indiquer qu'elles sont
temporairement &laquo; actives &raquo; et faciliter leur visualisation sur diff&eacute;rentes couleurs
d'arri&egrave;re-plan.
133
134
On g&egrave;re la distance de magn&eacute;tisation dans l'onglet SOURIS de la bo&icirc;te de dialogue des
OPTIONS (s&eacute;lectionnez SERVICES &gt; OPTIONS ou faites un clic droit sur une page et
s&eacute;lectionnez OPTIONS DE LA PAGE ).
Vous pouvez d&eacute;finir deux distances de magn&eacute;tisation dans la section du
&laquo; Rayonnement de l'alignement magn&eacute;tique &raquo; qui contr&ocirc;le la distance n&eacute;cessaire
entre deux &eacute;l&eacute;ments pour qu'ils s'alignent l'un sur l'autre par magn&eacute;tisme. Il s'agit de
la taille du cercle autour des points (point) et de la distance de chaque c&ocirc;t&eacute; des lignes
(lignes). G&eacute;n&eacute;ralement, il est avantageux que la valeur du point soit sup&eacute;rieure &agrave; celle
de la ligne afin de faciliter l'alignement magn&eacute;tique sur les extr&eacute;mit&eacute;s des lignes.
Personnaliser Web Designer (voir page 351) fournit de nombreux d&eacute;tails concernant
la bo&icirc;te de dialogue des Options.
www.magix.com
Utilisation des objets
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 CREER UN CALQUE DE LIGNES
(voir &laquo; Calques (voir page 323) 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.
135
136
La Galerie des calques affichant un calque de lignes au-dessus de deux autres calques,
s&eacute;lectionn&eacute;e.
Vous pouvez &eacute;galement couper ou copier des objets d'un autre 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
et DEPLACER VERS LE CALQUE D'ARRIEREdu 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.
DEPLACER VERS LE CALQUE DU PREMIER PLAN
PLAN
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.
2.
3.
4.
5.
Cliquer droit sur la Galerie des calques et choisir PROPRIETES
Si n&eacute;cessaire, cliquer sur l'onglet Lignes.
S&eacute;lectionner Horizontal ou Vertical.
Cliquer Nouveau.
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.
www.magix.com
Utilisation des objets
R&eacute;capitulatif des raccourcis sur le pav&eacute;
num&eacute;rique
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.
+
/
*
2
.
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 (voir page 230).
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.
2.
S&eacute;lectionnez tout d'abord tous les objets que vous souhaitez grouper.
Choisir ARRANGER &gt; GROUPER (ou Ctrl+G) pour cr&eacute;er le groupe.
D&eacute;grouper des objets
1.
2.
S&eacute;lectionner le groupe.
Choisir ARRANGER &gt; DEGROUPER (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.
2.
3.
4.
S&eacute;lectionner le groupe.
D&eacute;grouper (Ctrl+U)
S&eacute;lectionner les objets suppl&eacute;mentaires.
Grouper de nouveau (Ctrl+G)
137
138
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.
2.
D&eacute;grouper les objets.
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 (voir page 323).
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.
www.magix.com
Utilisation des objets
Groupes souples
Les groupes ordinaires tels que ceux d&eacute;crits sous &laquo; Grouper et d&eacute;grouper des objets &raquo;
(voir page 136) 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.
139
140
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.
Alignement
Cette option vous permet d'aligner ou de r&eacute;partir au moins deux objets avec pr&eacute;cision.
Alignement rapide
S&eacute;lectionnez les objets que vous voulez aligner, faites un clic droit sur la s&eacute;lection,
s&eacute;lectionnez ALIGNER dans le menu contextuel puis r&eacute;alisez l'une des manipulations
suivantes :
• Alignez les objets verticalement en s&eacute;lectionnant BORDS GAUCHES , CENTRES ou
BORDS DROITS .
• Alignez les objets horizontalement en s&eacute;lectionnant BORDS SUPERIEURS , CENTRES
ou BORDS INFERIEURS .
Alignement et espace de r&eacute;partition
Si vous voulez r&eacute;partir l'espace entre les objets et les aligner, s&eacute;lectionnez les objets,
faites un clic droit sur la s&eacute;lection et s&eacute;lectionnez ALIGNER &gt; ALIGNEMENT pour afficher
la bo&icirc;te de dialogue de l'alignement d'objets. Vous pouvez &eacute;galement s&eacute;lectionner
ARRANGER &gt; ALIGNEMENT (&laquo; Ctrl + Maj + L &raquo;).
www.magix.com
Utilisation des objets
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, autrement dit 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 puis choisir
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 pour appliquer de nouveau
les derniers r&eacute;glages d'alignement. Ceci peut
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 :
141
142
: 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 LA SELECTION
LIMITES DE L'OBJET D'ARRIERE-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
Supposons que vous souhaitiez aligner des objets de sorte que leurs bords gauches
soient align&eacute;s &agrave; gauche.
1.
2.
S&eacute;lectionnez les objets et faites un clic droit sur la s&eacute;lection.
S&eacute;lectionnez ALIGNER &gt; BORDS GAUCHES dans le menu d&eacute;roulant.
Les objets s&eacute;lectionn&eacute;s se d&eacute;placent pour s'aligner sur les bords gauches.
Alternative :
1.
S&eacute;lectionnez ALIGNER &gt; ALIGNEMENT, faites &laquo; Ctrl + Maj + L &raquo; ou s&eacute;lectionnez
ALIGNEMENT dans le menu ARRANGER pour ouvrir la bo&icirc;te de dialogue de
l'Alignement d'Objets.
2. S&eacute;lectionnez l'option DANS requise, par exemple Limites de la s&eacute;lection.
3. S&eacute;lectionnez ALIGNER A GAUCHE pour les positions horizontales.
4. Laissez les positions verticales sur AUCUN CHANGEMENT.
5. Cliquez 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. Par souci de bri&egrave;vet&eacute;,
seule l'option d'alignement gauche visible dans l'illustration de la bo&icirc;te de dialogue est
d&eacute;crite ici. Faites des essais pour d&eacute;couvrir les autres options.
www.magix.com
Utilisation des objets
Pour s&eacute;lectionner rapidement n'importe quelle combinaison d'alignement vertical et
horizontal, cliquez dans le diagramme avec la souris :
• Un seul clic permet d'aligner les positions horizontales et verticales sur la position
cliqu&eacute;e dans n'importe laquelle des neuf combinaisons (haut-centr&eacute;-bas/gauchecentr&eacute;-droite).
• &laquo; Ctrl + clic &raquo; laisse la position horizontale inchang&eacute;e et arrange les objets sur
une rang&eacute;e centr&eacute;e ou align&eacute;e vers le haut ou le bas.
• &laquo;  + clic &raquo; laisse la position verticale inchang&eacute;e et arrange les objets dans une
colonne centr&eacute;e ou align&eacute;e vers la gauche 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.
REPARTITION DES BORDS SUPERIEURS : les sommets
des objets sont espac&eacute;s uniform&eacute;ment. La
REPARTITION DES BORDS INFERIEURS est l'inverse—le
bas des objets est espac&eacute; uniform&eacute;ment.
REPARTITION DES CENTRES : les centres des objets
sont espac&eacute;s uniform&eacute;ment.
REPARTITION EQUI-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 :
143
144
• 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
SELECTION
• 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.
Copier des styles : coller des attributs
Cette option vous permet de copier des attributs (notamment le type de ligne ou la
couleur de remplissage) entre objets. Il s'agit d'un moyen rapide d'appliquer une
multitude d'attributs &agrave; un objet.
Le carr&eacute; a une couleur, une ombre, une
ligne et un remplissage sp&eacute;cifiques. Le
fait de le copier puis de coller ses
attributs dans le cercle central r&eacute;sulte
dans le cercle de droite.
1.
2.
3.
4.
S&eacute;lectionnez l'objet dont vous souhaitez copier les attributs.
Copiez la s&eacute;lection dans le presse-papier. (&Eacute;DITION &gt; COPIER ou CTRL + C)
S&eacute;lectionnez l'(es) objet(s) au(x)quel(s) vous souhaitez appliquer les attributs.
S&eacute;lectionnez &laquo; &Eacute;DITER &raquo; &gt; &laquo; COLLER LES ATTRIBUTS &raquo; ou faites &laquo; Ctrl + Maj +
A &raquo;.
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;ez 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 :
• Cliquez sur l'objet source puis faites &laquo; Ctrl+C &raquo; pour copier le style
www.magix.com
Utilisation des objets
• Passez &agrave; l'objet de destination (qui peut &ecirc;tre dans un autre document – faites
&laquo; Ctrl + Tab &raquo; pour passer rapidement d'un document ouvert &agrave; l'autre) puis
cliquez sur l'objet auquel le style doit &ecirc;tre appliqu&eacute;.
• Faites &laquo; Ctrl + Maj + A &raquo; pour appliquer les attributs.
Remarque : la plupart des attributs peuvent &ecirc;tre copi&eacute;s de cette fa&ccedil;on, notamment
les styles de remplissage, etc.
Nommer les objets
Vous pouvez attribuer un nom &agrave; tout objet de MAGIX Web Designer MX &agrave;
l'aide du bouton APPLIQUER, SUPPRIMER OU VERIFIER LES NOMS DES OBJETS de
la barre de l'OUTIL SELECTION .
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.
Ajouter des noms
Pour ajouter un nom &agrave; un objet, s&eacute;lectionnez l'objet et ouvrez la BOITE DE DIALOGUE
&laquo; NOMS &raquo; en utilisant le bouton correspondant de la barre d'information de l'OUTIL
SELECTION ou en passant par SERVICES &gt; NOMS… .
Saisissez le nouveau nom dans le champ &laquo; Appliquer 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 APPLIQUES &raquo;.
Noms appliqu&eacute;s
Le champ &laquo; NOMS APPLIQUES &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, l'entr&eacute;e
&laquo; &lt;beaucoup&gt; &raquo; est affich&eacute;e, 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 .
145
146
Objets r&eacute;p&eacute;t&eacute;s
Il est courant de trouver des &eacute;l&eacute;ments tels que des boutons de navigation, des ent&ecirc;tes ou des 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 objet &agrave; une m&ecirc;me place sur n'importe
laquelle de vos pages Internet. Lorsque vous actualisez l'une des copies, Web
Designer applique automatiquement les changements &agrave; toutes les pages incluant une
copie de l'objet r&eacute;p&eacute;t&eacute;.
Dans la plupart des mod&egrave;les de conception, les boutons principaux de la navigation
sont r&eacute;p&eacute;t&eacute;s. Vous pouvez transformer n'importe quel objet, notamment un bouton,
en objet r&eacute;current en faisant un clic droit dessus et en s&eacute;lectionnant REPRODUIRE SUR
TOUTES LES PAGES . L'objet est copi&eacute; &agrave; la m&ecirc;me place sur toutes les pages, son coin
sup&eacute;rieur droit affiche le symbole de r&eacute;p&eacute;tition. Si vous faites d'autres changements
sur cet &eacute;l&eacute;ment, toutes les copies seront actualis&eacute;es automatiquement.
Cependant, quand la barre est d&eacute;finie comme une BARRE DE NAVIGATION DU SITE, elle
est r&eacute;p&eacute;t&eacute;e automatiquement sur toutes les pages de votre site et il n'est pas
n&eacute;cessaire d'en faire un objet r&eacute;p&eacute;t&eacute;.
De m&ecirc;me, le logo et les pieds de page sont g&eacute;n&eacute;ralement d&eacute;finis comme des objets
r&eacute;p&eacute;t&eacute;s dans les mod&egrave;les de conception. Ainsi, si vous les &eacute;ditez sur une page, ces
objets seront mis &agrave; jour automatiquement sur toutes les autres pages.
Remarque : la page actuelle est consid&eacute;r&eacute;e comme source des &eacute;l&eacute;ments r&eacute;p&eacute;t&eacute;s
pour l'actualisation de toutes les autres pages.
www.magix.com
Utilisation des objets
La bo&icirc;te rouge met en &eacute;vidence le symbole d'objet r&eacute;p&eacute;t&eacute; affich&eacute; dans toutes les instances de
l'objet r&eacute;p&eacute;t&eacute;.
Si vous ne voulez pas d'une copie d'un objet r&eacute;p&eacute;t&eacute; sur une page, supprimez
simplement cette copie de la page. Lorsqu'il est &eacute;dit&eacute;, l'objet r&eacute;p&eacute;t&eacute; n'est mis &agrave; jour
automatiquement que sur les pages qui contiennent ce dernier. Cela signifie que vous
pouvez choisir quelles pages de votre document doivent ou ne doivent pas contenir
l'objet r&eacute;p&eacute;t&eacute;.
Si vous souhaitez que l'objet r&eacute;p&eacute;t&eacute; ne soit pr&eacute;sent que sur quelques pages d'un site
Web, c'est possible :
1.
2.
3.
4.
Dans un premier temps, ins&eacute;rez l'objet r&eacute;p&eacute;t&eacute; dans toutes les pages de votre
site &agrave; l'aide du menu Arranger &gt; Reproduire sur toutes les pages.
S&eacute;lectionnez un des objets r&eacute;p&eacute;t&eacute;s et copiez-le (&laquo; Ctrl + C &raquo;).
Cliquez sur le bouton Supprimer puis Supprimer de toutes les pages.
Puis collez simplement l'objet r&eacute;p&eacute;t&eacute; sur les pages souhait&eacute;es.
Modifier les contenus d'un objet r&eacute;current
Lorsque Web Designer cr&eacute;e un objet r&eacute;current, les &eacute;l&eacute;ments r&eacute;currents sont plac&eacute;s
dans un &laquo; groupe r&eacute;current &raquo; similaire &agrave; un groupe normal.
Pour modifier un &eacute;l&eacute;ment de ce groupe r&eacute;current, faites Ctrl+clic sur l'&eacute;l&eacute;ment pour le
s&eacute;lectionner au sein du groupe r&eacute;current. Vous pouvez &eacute;galement aller dans un outil
sp&eacute;cifique qui permettra g&eacute;n&eacute;ralement de cliquer directement sur n'importe quel
objet relevant de cet outil ; l'objet sera alors s&eacute;lectionn&eacute; au sein de son groupe
r&eacute;current (ou de tout autre type de groupe). Par exemple, pour s&eacute;lectionner un
rectangle au sein d'un groupe r&eacute;current, allez simplement dans l'outil Rectangle puis
cliquez sur la forme. Comme c'est le cas avec n'importe quelle autre modification
r&eacute;alis&eacute;e sur un objet r&eacute;current, les modifications effectu&eacute;es au sein d'un groupe
r&eacute;current sont appliqu&eacute;es &agrave; toutes les instances de l'objet r&eacute;current dans les autres
pages.
Verrouiller un objet r&eacute;current
Vous pouvez verrouiller un objet r&eacute;current en faisant un clic droit dessus et en
s&eacute;lectionnant VERROUILLER L'OBJET RECURRENT. Une fois verrouill&eacute;, l'objet n'est plus
s&eacute;lectionnable. Cependant, en modifiant d'autres copies non verrouill&eacute;es de cet objet
r&eacute;current dans d'autres pages, vous modifierez toutes les copies, y compris la copie
verrouill&eacute;e.
Bien que l'instance verrouill&eacute;e ne soit plus s&eacute;lectionnable, c'est-&agrave;-dire non modifiable,
remarquez que toutes les autres instances de l'objet r&eacute;current peuvent &ecirc;tre modifi&eacute;es
et qu'elles seront actualis&eacute;es en cons&eacute;quence &agrave; l'exception de l'instance verrouill&eacute;e.
147
148
En-t&ecirc;tes / pieds de page
Votre site comporte &eacute;ventuellement des pages de longueurs diff&eacute;rentes et vous
souhaitez peut-&ecirc;tre positionner certains objets r&eacute;p&eacute;t&eacute;s en haut (en-t&ecirc;tes) ou en bas
(pieds de page) de chaque page. Vous pouvez configurer MAGIX Web Designer MX
pour que les objets r&eacute;p&eacute;t&eacute;s de l'en-t&ecirc;te et du pied de page se d&eacute;placent en fonction
du haut et du bas de chaque page.
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 ent&ecirc;te ou un pied de page. Si une partie de l'objet est dans la moiti&eacute; sup&eacute;rieure de la
page, MAGIX Web Designer MX consid&egrave;re qu'il s'agit d'un en-t&ecirc;te et le placera
toujours &agrave; la m&ecirc;me position relative en haut de chaque page.
Les objets enti&egrave;rement dans la moiti&eacute; inf&eacute;rieure de la page sont consid&eacute;r&eacute;s comme
des pieds de page par MAGIX Web Designer MX qui les placera toujours &agrave; la m&ecirc;me
position relative en bas de chaque page, quelle que soit la longueur de cette derni&egrave;re.
Pour certains objets r&eacute;p&eacute;t&eacute;s, cette d&eacute;cision automatique relative &agrave; la position relative
de l'objet en haut ou en bas des pages peut s'av&eacute;rer inappropri&eacute;e. Ainsi, au besoin,
vous pouvez forcer tout objet r&eacute;p&eacute;t&eacute; &agrave; avoir une position relative en haut ou en bas
des pages en faisant un clic droit sur l'objet et en s&eacute;lectionnant POSITION REPETEE &gt;
HAUT ou POSITION REPETEE &gt; BAS .
Pour restaurer le positionnement relatif automatique d'un objet r&eacute;p&eacute;t&eacute;, faites un clic
droit sur ce dernier et s&eacute;lectionnez POSITION REPETEE &gt; AUTOMATIQUE.
Stopper la r&eacute;p&eacute;tition d'objets
Faites un clic droit et s&eacute;lectionnez ARRETER LA MISE A JOUR pour d&eacute;sactiver la
r&eacute;p&eacute;tition d'un objet ou de toutes ses copies dans votre site web. Vous pouvez
&eacute;galement proc&eacute;der en s&eacute;lectionnant ARRETER LA MISE A JOUR dans le menu
ARRANGER.
Il vous sera demand&eacute; si vous souhaitez arr&ecirc;ter la r&eacute;p&eacute;tition de l'objet ou de toutes les
copies dans site web. S&eacute;lectionnez l'option TOUTES . &Agrave; pr&eacute;sent, toutes les copies de
cet objet peuvent &ecirc;tre modifi&eacute;es ind&eacute;pendamment les unes des autres et les
changements appliqu&eacute;es &agrave; l'une ne concerneront pas les autres.
Cette fonction est par exemple utile si vous avez utilis&eacute; REPETER SUR TOUTES LES
pour copier un objet dans toutes les pages de votre site web mais souhaitez
ensuite diff&eacute;rencier ces objets sur chaque page afin qu'ils n'aient plus de lien.
PAGES
est &eacute;galement utile si vous voulez faire une copie d'un objet
r&eacute;p&eacute;t&eacute; (par exemple un pied de page ou un logo) sur une page mais ne souhaitez que
cette copie soit actualis&eacute;e. Dans ce cas, s&eacute;lectionnez l'option UNIQUEMENT CETTE
COPIE quand vous y serez invit&eacute;.
ARRETER LA MISE A JOUR
Remarquez que vous ne pouvez pas utiliser ARRETER LA MISE A JOUR pour les barres
de navigation dont l'option BARRE DE NAVIGATION DU SITE du site est activ&eacute;e dans la
www.magix.com
Utilisation des objets
bo&icirc;te de dialogue de la BARRE DE NAVIGATION. Ceci est d&ucirc; au fait que les barres de
navigation sont toujours mises &agrave; jour sur l'ensemble du site. Consultez le chapitre
sur les Barres de navigation pour en savoir plus.
Supprimer des objets r&eacute;p&eacute;t&eacute;s
Si vous ne voulez pas d'une copie d'un objet r&eacute;p&eacute;t&eacute; sur une page, supprimez
simplement cette copie de la page. MAGIX Web Designer MX affiche un message
vous demandant si vous voulez supprimer uniquement cette copie ou toutes les
copies de l'objet r&eacute;p&eacute;t&eacute;.
Avec &laquo; Ctrl + Suppr &raquo;, vous supprimez seulement l'objet r&eacute;p&eacute;t&eacute; s&eacute;lectionn&eacute; sans que
l'on vous demande si vous souhaitez supprimer les autres objets.
Pieds de page et objets qui s'&eacute;tirent avec la page
Dans un document Web typique, toutes les pages n'ont pas la m&ecirc;me longueur et il
est pr&eacute;f&eacute;rable que certains objets restent &agrave; une distance fixe par rapport au bas de la
page m&ecirc;me si cette derni&egrave;re est plus courte ou plus longue. Ces objets sont appel&eacute;s
pieds de page. Il se peut que des formes &agrave; l'arri&egrave;re-plan de votre page aient besoin
d'&ecirc;tre &eacute;tir&eacute;es ou r&eacute;duites si la page change de longueur afin qu'elles s'adaptent
harmonieusement &agrave; la page. Le sous-menu POSITION SUR LA PAGE dans le menu
contextuel vous permet d'adapter les objets de cette fa&ccedil;on.
Effectuez un clic droit sur l'objet et consultez le sous-menu POSITION SUR LA PAGE . Le
menu vous permet d'adapter l'objet lorsque la page change de taille.
Les 4 premi&egrave;res options dans le sous-menu ne peuvent pas &ecirc;tre s&eacute;lectionn&eacute;es en une
fois, vous ne pouvez en s&eacute;lectionner qu'une seule pour un objet donn&eacute;.
R&eacute;solu
C'est l'option par d&eacute;faut et le param&egrave;tre pour la grande majorit&eacute; des objets dans un
document. La position de l'objet est fix&eacute;e en haut de la page de fa&ccedil;on &agrave; ce que sa
position ne change jamais lorsque la taille de la page change.
Pied de page
L'objet est consid&eacute;r&eacute; comme un objet pied de page. Cela maintiendra la m&ecirc;me
distance entre l'objet et le bas de la page. Si la page est &eacute;tendue, l'objet sera d&eacute;plac&eacute;
en fonction. Si vous copiez l'objet et que vous appliquez COLLER EN PLACE dans une
page diff&eacute;rente, l'objet sera plac&eacute; &agrave; la m&ecirc;me distance du bas de la page que celle de
l'autre page.
Si vous cr&eacute;ez un objet r&eacute;p&eacute;t&eacute; comme pied de page, cela positionnera l'objet &agrave; la m&ecirc;me
distance du bas de page dans chaque page.
149
150
Automatique
Cette option est tr&egrave;s utile pour cr&eacute;er des mod&egrave;les et des objets r&eacute;p&eacute;t&eacute;s. Cela permet &agrave;
un objet de fonctionner comme un pied de page seulement si celui-ci est plac&eacute; dans la
moiti&eacute; inf&eacute;rieure de la page. Si l'objet est d&eacute;plac&eacute; vers la moiti&eacute; sup&eacute;rieure de la page,
l'objet fonctionne comme un objet fix&eacute;. C'est logique car le pied de page est
normalement pr&egrave;s du bas de la page.
Ce param&egrave;tre est utilis&eacute; par d&eacute;faut pour les objets r&eacute;p&eacute;t&eacute;s. Autrement dit, si vous
cr&eacute;ez un objet r&eacute;p&eacute;t&eacute;s en bas de la page, celui-ci sera plac&eacute; &agrave; la m&ecirc;me distance du
bas de la page sur toutes les pages o&ugrave; il appara&icirc;t. Mais si il est plac&eacute; dans la moiti&eacute;
sup&eacute;rieure de la page, il ne sera plus trait&eacute; comme un pied de page.
&Eacute;tirer avec la page
Si vous faites un objet s'&Eacute;TIRER AVEC LA PAGE , lorsque la page est &eacute;tendue vers le haut,
le haut de l'objet ne bouge pas. Mais le bas de l'objet bouge de telle fa&ccedil;on que la
distance entre ce dernier et le bas de la page reste la m&ecirc;me. L'objet est alors
redimensionn&eacute; verticalement. Cette option est utile seulement pour les objets qui
forment l'arri&egrave;re-plan de la page. Par exemple la plupart des mod&egrave;les de pages Web
dans la galerie des designs contiennent des rectangles color&eacute;s sur le calque de
l'arri&egrave;re-plan de la page qui font partie du mod&egrave;le. Ils sont param&eacute;tr&eacute;s pour s'&Eacute;TIRER
AVEC LA PAGE pour que la page ait une belle apparence quelle que soit sa longueur.
Objets anti-chevauchement
Les objets anti-chevauchement sont utiles dans les mod&egrave;les principalement afin de
maintenir la conception d'une page lorsque le texte est &eacute;tendu. Les objets antichevauchement ne sont pas autoris&eacute;s &agrave; se superposer avec d'autres objets antichevauchement. Si l'un d'entre eux est &eacute;tendu ou d&eacute;plac&eacute; jusqu'&agrave; empi&eacute;ter sur la
place de l'autre, il pousse ce dernier sur la page. Et si un objet anti-chevauchement est
pouss&eacute; vers le bas de la page, la page est automatiquement &eacute;tir&eacute;e.
www.magix.com
Utilisation des objets
Pour faire d'un objet un objet anti-chevauchement, effectuez un clic droit dessus et
s&eacute;lectionnez ANTI-CHEVAUCHEMENT... depuis le sous-menu POSITION SUR LA PAGE . La
bo&icirc;te de dialogue ANTI-CHEVAUCHEMENT appara&icirc;t.
S&eacute;lectionnez la case &laquo; Anti-chevauchement &raquo; pour activer la fonction pour le(s)
objet(s) s&eacute;lectionn&eacute;(s). Vous pouvez si vous le souhaitez changer les marges en haut
et en bas. Par d&eacute;faut, les marges du haut et du bas sont verrouill&eacute;es ensemble - un
simple clic sur le bouton Verrou les rendra ind&eacute;pendantes. La valeur des marges du
haut d&eacute;termine &agrave; quelle distance un objet anti-chevauchement peut aller jusqu'&agrave;
l'autre avant que celui-ci ne soit d&eacute;plac&eacute; de sa trajectoire. Cela emp&ecirc;che les autres
objets anti-chevauchement de trop s'approcher. De la m&ecirc;me fa&ccedil;on, la valeur de la
marge d'en bas sp&eacute;cifie &agrave; quelle distance de l'autre objet anti-chevauchement se
situant en dessous, un objet peut se situer avant de pousser l'autre objet hors de sa
trajectoire. Cela d&eacute;finit aussi la distance minimum qui doit &ecirc;tre maintenue entre
l'objet et le bord de la page (la page sera &eacute;tendue si n&eacute;cessaire) car il est pr&eacute;f&eacute;rable
que l'objet ne soit pas juste au bord de la page.
Le champ COTES ETENDUS permet &agrave; l'objet anti-chevauchement de fonctionner
comme si sa largeur &eacute;tait plus grande que sa largeur actuelle. Cela permet de pousser
des objets en dessous (ou de faire ne sorte qu'ils soient pouss&eacute;s depuis le dessus)
m&ecirc;me s'il y a une s&eacute;paration horizontale entre les objets. Par exemple un rectangle
d'une largeur de 100 pixels comme objet anti-chevauchement avec des COTES
ETENDUS de 50 pixels fonctionnera comme un objet de 200 pixels au niveau de l'antichevauchement.
151
152
Dessiner une ligne ou une forme
Vous pouvez utiliser L'OUTIL LIGNE DROITE &amp; FLECHE ou L'OUTIL D'EDITION DE FORMES
(Shape Editor) (F4) pour dessiner des lignes et des formes :
est plus adapt&eacute; pour dessiner des courbes et
lignes pr&eacute;cises. C'est aussi l'outil principal pour &eacute;diter des lignes et des formes.
L'OUTIL D'EDITION DES FORMES
L'outil de LIGNES DROITES ET FLECHES est le plus appropri&eacute; pour dessiner des
lignes droites, ajouter des pointes de fl&egrave;ches ou ajouter le style &agrave; l'autre bout
de la ligne pour n'importe quel type de lignes.
L'outil lignes droites et fl&egrave;ches
Cet outil facilite le dessin de lignes droites compos&eacute;es d'un seul segment et l'ajout de
pointes et de queues de fl&egrave;che &agrave; n'importe quel type de lignes.
Pourquoi un outil ligne droite ?
Avant l'ajout de cet outil simple, de nombreux utilisateurs d&eacute;butants de MAGIX Web
Designer MX &eacute;prouvaient des difficult&eacute;s &agrave; dessiner une chose aussi simple qu'une
ligne droite &agrave; l'aide des autres outils de dessin ! Cela est d&ucirc; au fait que l'&Eacute;DITEUR DE
FORME est plut&ocirc;t con&ccedil;u pour dessiner des lignes &agrave; plusieurs segments.
D'o&ugrave; le besoin de cet outil qui permet d'ex&eacute;cuter facilement des op&eacute;rations
&eacute;l&eacute;mentaires.
Dessiner et &eacute;diter des lignes droites
Il suffit de cliquer et de d&eacute;placer la souris sur la page pour dessiner une ligne droite.
Vous pouvez cliquer sur n'importe quelle ligne existante pour la s&eacute;lectionner et puis
&eacute;tirer l'un des bouts de la ligne &agrave; l'aide de la souris pour la d&eacute;placer.
Ajouter des pointes et queues de fl&egrave;ches
La barre d'infos comprend deux listes d&eacute;roulantes sur la gauche qui permettent de
s&eacute;lectionner un style de pointe ou de queue de fl&egrave;che pour chaque bout de la ligne
s&eacute;lectionn&eacute;e.
Pointe de fl&egrave;che
Queue de fl&egrave;che
Taille de la pointe/queue de fl&egrave;che
Chemin inverse
www.magix.com
Dessiner une ligne ou une forme
La r&eacute;glette situ&eacute;e sur la barre d'infos permet de modifier la taille de la pointe ou de la
queue de fl&egrave;che sur la ligne s&eacute;lectionn&eacute;e. Vous pouvez &eacute;galement entrer une valeur
en pourcentage dans le champ de taille de texte sur la droite de la r&eacute;glette.
Par d&eacute;faut, la largeur des nouvelles pointes de fl&egrave;ches correspond &agrave; environ 6 fois &agrave; la
largeur de la ligne et &agrave; une valeur de 100 %, comme indiqu&eacute; par la r&eacute;glette de taille. Si
vous d&eacute;cidez d'&eacute;largir la ligne, la largeur de la fl&egrave;che sera actualis&eacute;e en cons&eacute;quence.
Pour r&eacute;duire la taille de la fl&egrave;che, entrez une valeur inf&eacute;rieure &agrave; 100 % ou sup&eacute;rieure &agrave;
100 % pour l'agrandir. Bien que la r&eacute;glette n'accepte des valeurs que jusqu'&agrave; 800 %,
vous pouvez entrer des valeurs de pourcentage plus &eacute;lev&eacute;es dans le champ de taille
de texte.
Chemin inverse
Cliquez sur le bouton INVERSER LES CHEMINS situ&eacute; sur la barre d'infos pour
inverser la position de la pointe et de la queue de fl&egrave;che sur la ligne
s&eacute;lectionn&eacute;e.
Ajouter des segments de ligne suppl&eacute;mentaires
Les lignes cr&eacute;&eacute;es &agrave; l'aide de l'outil de lignes droites sont enti&egrave;rement compatibles
avec d'autres outils de dessin. Si vous souhaitez par exemple ajouter des segments
suppl&eacute;mentaires &agrave; une ligne, la transformer en courbe ou m&ecirc;me en forme ferm&eacute;e,
utilisez l'outil d'&eacute;dition des formes.
L'outil d'&eacute;dition des formes
L'outil d'EDITION 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.
Indicateur Ajouter/Modifier/&Eacute;diter
Tracer une courbe
Tracer une ligne
Connexion lisse
Connexion nette
S&eacute;parer au niveau des points
Supprimer les points
Inverser les chemins
Positions des poign&eacute;es
Lissage
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.
153
154
Toutes les lignes et formes de MAGIX Web Designer MX sont compos&eacute;es d'une
suite de sections de courbes et de lignes. Les courbes sont parfois appel&eacute;es courbes
&laquo; de B&eacute;zier &raquo;, d'apr&egrave;s le math&eacute;maticien qui a &eacute;t&eacute; le premier &agrave; les d&eacute;crire.
Bien que cette section d&eacute;crive L'OUTIL D'EDITION DES
FORMES , vous pouvez &eacute;galement &eacute;diter des lignes et
formes en utilisant L'OUTIL DE SELECTION si vous avez
activ&eacute; la fonction AFFICHER LES POIGNEES D'EDITION
DES OBJETS dans la barre d'infos de L'OUTIL DE
SELECTION .
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'EDITION DES FORMES :
1.
2.
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.
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.
www.magix.com
Dessiner une ligne ou une forme
Cliquez &agrave; l'emplacement de la prochaine poign&eacute;e ou tracez la ligne par GlisserD&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 des segments de lignes droites et de courbes, alternez
entre les boutons TRACER UNE COURBE et TRACER UNE LIGNE lorsque vous cr&eacute;ez l'objet
(vous pouvez aussi utiliser les touches &laquo; L &raquo; et &laquo; C &raquo; de votre clavier).
Remarque : vous pouvez aussi utiliser les raccourcis clavier &laquo; X &raquo;, pour cr&eacute;er une
jonction ac&eacute;r&eacute;e, et &laquo; S &raquo;, pour cr&eacute;er une jonction douce, lorsque vous utilisez l'OUTIL
D'EDITION DES FORMES . Ils affectent la jointure de deux segments de ligne. Une
jonction ac&eacute;r&eacute;e cr&eacute;e deux poign&eacute;es de B&eacute;zier ind&eacute;pendantes que vous pouvez &eacute;diter
s&eacute;par&eacute;ment. Une jonction ac&eacute;r&eacute;e permet quant &agrave; elle de cr&eacute;er un angle aigu. Une
jonction douce cr&eacute;e une jointure sym&eacute;trique qui fonctionne comme une bascule.
Lorsque vous d&eacute;placez une poign&eacute;e de B&eacute;zier vers le bas, la poign&eacute;e oppos&eacute;e monte.
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.
2.
3.
Cliquez sur l'emplacement o&ugrave; vous souhaitez d&eacute;marrer la ligne.
Si n&eacute;cessaire, s&eacute;lectionnez le bouton TRACER UNE COURBE . (Raccourci clavier :
C)
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.
Un segment courbe dispose de POIGNEES 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.
155
156
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.
Terminer la ligne
 + 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.
Ajouter une nouvelle poign&eacute;e
L'outil d'EDITION 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.
1. 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 ;
www.magix.com
Dessiner une ligne ou une forme
1.
2.
Cliquez sur la ligne pour ajouter une nouvelle poign&eacute;e dans la ligne
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 :
Terminez la ligne en utilisant + clic.
Cliquez sur la poign&eacute;e de d&eacute;but.
Positionnez le curseur et cliquez.
1.
2.
3.
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.
2.
S&eacute;lectionnez un point d'ancrage de mani&egrave;re traditionnelle en cliquant dessus.
Utilisez la combinaison (Maj + clic pour s&eacute;lectionner les autres points. (Maj +
clic permet &eacute;galement de d&eacute;s&eacute;lectionner)
Ou la combinaison (Maj + Ctrl + clic sur un point d'ancrage pour s&eacute;lectionner
tous les points se trouvant sur la ligne.
-
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.
-
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 :
-
La fonction &laquo; Fin &raquo; d&eacute;place la s&eacute;lection &agrave; la fin de la ligne.
-
La fonction &laquo; Orig &raquo; d&eacute;place la s&eacute;lection vers le d&eacute;but de la ligne.
-
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&eacute;ch&eacute;es.
157
158
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.
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.
Les champs X-Y sur les c&ocirc;t&eacute;s indiquent les coordonn&eacute;es des poign&eacute;es de courbe
situ&eacute;es de chaque c&ocirc;t&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&eacute;glettes (voir page 356).
www.magix.com
Dessiner une ligne ou une forme
Si le point s&eacute;lectionn&eacute; se trouve &agrave; l'extr&eacute;mit&eacute; d'une 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 en cliquant ensuite sur la touche Entr&eacute;e.
Longueur et angle d'une ligne droite
Position du point s&eacute;lectionn&eacute;
Position de la poign&eacute;e de courbe
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.
MAGIX Web Designer MX 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'EDITION 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'EDITION 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.
159
160
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.)
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 , GENERAL ). Lorsque vous tirez des poign&eacute;es d'une courbe,
l'angle est d&eacute;terminant.
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.
www.magix.com
Dessiner une ligne ou une forme
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, MAGIX Web Designer MX 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 un angle pr&eacute;cis. Pour cela, vous devez s&eacute;parer les
poign&eacute;es de courbe :
1.
2.
Double-cliquez sur le point d'ancrage.
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.
2.
Double-cliquez sur le point d'ancrage.
Vous pouvez &eacute;galement s&eacute;lectionner le point d'ancrage et :
161
162
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.
Ajustement des courbes
Le proc&eacute;d&eacute; d'&eacute;quilibrage positionne les deux poign&eacute;es de courbe &agrave; la m&ecirc;me distance
de la poign&eacute;e de contr&ocirc;le, ce qui permet d'obtenir des courbes plus lisses et plus
sym&eacute;triques. Pour &eacute;quilibrer une courbe, s&eacute;lectionnez la poign&eacute;e de contr&ocirc;le puis tirez
sur l'une des poign&eacute;es de courbe en maintenant la touche MAJ enfonc&eacute;e. Pendant que
vous d&eacute;placez l'une des poign&eacute;es de courbe, l'autre se d&eacute;place exactement &agrave; l'inverse
et &agrave; la m&ecirc;me distance de la poign&eacute;e de contr&ocirc;le.
Transformation d'une ligne droite en courbe
1.
2.
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.
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.
www.magix.com
Dessiner une ligne ou une forme
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 SELECTION , en maintenant enfonc&eacute; &laquo;  &raquo; et en cliquant sur les
lignes pour les s&eacute;lectionner (si vous &ecirc;tes d&eacute;j&agrave; dans l'OUTIL D'EDITION DES FORMES ,
vous pouvez appuyer sur &laquo; Alt + S &raquo; pour passer temporairement sur l'OUTIL DE
SELECTION , &laquo; + clic &raquo; pour s&eacute;lectionner la seconde ligne, puis &laquo; Alt + S &raquo; &agrave; nouveau
pour retourner &agrave; l'OUTIL D'EDITION 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 (voir page 115) &raquo;.
Lorsque les deux objets sont s&eacute;lectionn&eacute;s, dans l'OUTIL D'EDITION 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.
163
164
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 simplement sur la ligne
dans l'outil d'EDITION DES FORMES (voir ci-dessus).
Cliquez sur SEPARER AU NIVEAU DES POINTS ou appuyez sur
B.
Apr&egrave;s la 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. 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.
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.
2.
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.
Placez le pointeur de la souris sur la poign&eacute;e de
fin.
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.
2.
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.
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.
Cliquez pour cr&eacute;er le segment de ligne final et
fermer la forme.
Ou :
www.magix.com
Dessiner une ligne ou une forme
1.
2.
3.
S&eacute;lectionnez l'OUTIL D'EDITION DES FORMES .
Cliquez sur un point de fin pour le s&eacute;lectionner.
Cliquez sur la touche &laquo;  &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.
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 l'une des largeurs par
d&eacute;faut dans le menu.
L'&eacute;paisseur de la ligne est traditionnellement mesur&eacute;e en points, avec l'abr&eacute;viation pt.
1 point est &eacute;gal &agrave; 1/72 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 utiliser n'importe quelle unit&eacute; de mesure standard de MAGIX Web
Designer MX.
Vous pouvez entrer la valeur de l'&eacute;paisseur dans n'importe quelle unit&eacute;, et MAGIX
Web Designer MX la convertira dans un nombre de points correspondants. Par
exemple, vous pouvez entrer 0,5 cm et vous obtiendrez une ligne d'un demicentim&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.
Remarque : une ligne avec une &eacute;paisseur &eacute;gale &agrave; z&eacute;ro est un cas sp&eacute;cial et n'est pas
utilis&eacute;e normalement. Une ligne d'une &eacute;paisseur de 1 pixel est alors cr&eacute;&eacute;e. La taille
actuelle sera toujours d&eacute;pendante de l'appareil et du dessin qui y est affich&eacute;. Sur un
&eacute;cran d'ordinateur, un pixel est clairement visible et n'est jamais affich&eacute; avec antialiasing. Sur les appareils particuliers comme les imprimantes ou imprimantes
photos dont la r&eacute;solution est particuli&egrave;rement &eacute;lev&eacute;e, la ligne est pratiquement
invisible. (Les lignes avec une &eacute;paisseur &eacute;gale &agrave; 0 dans les fichiers import&eacute;s sont
converties en lignes d'une &eacute;paisseur de 0,25 pt).
165
166
Manipulation des formes
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;me 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 MAGIX
Web Designer MX la convertira dans un nombre de points correspondant. Par
exemple, vous pouvez entrer 0,5 cm et vous obtiendrez une ligne d'un demicentim&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.
Cr&eacute;ation de rectangles et carr&eacute;s
Pour cr&eacute;er un rectangle :
• utilisez l'outil RECTANGLE (&laquo; + 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.
www.magix.com
Manipulation des formes
Cr&eacute;er et &eacute;diter des rectangles aux coins arrondis.
Pour donner &agrave; votre rectangle des coins arrondis, s&eacute;lectionnez-le puis cliquez
sur le bouton &laquo; Coins arrondis &raquo; de la barre d'infos 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
sur les poign&eacute;es situ&eacute;es &agrave; chaque coin) ou &agrave; l'aide de L'OUTIL DE SELECTION .
Notez que si vous changez les proportions d'un rectangle &agrave; l'aide de L'OUTIL DE
SELECTION (en l'&eacute;tirant sur une dimension seulement), les proportions des coins
arrondis ne changent pas, elles sont 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 seront pas maintenues.
ASTUCE : lorsque vous faites pivoter des rectangles ou toute forme comportant des
bords droits, maintenez la touche Ctrl lors de la rotation pour que votre objet soit
parfaitement align&eacute; horizontalement ou verticalement.
167
168
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 DIAMETRE permettent de cr&eacute;er des cercles de mani&egrave;re
automatique.
Rayon
Diam&egrave;tre
Cr&eacute;ation par limites
Cliquez sur CREATION 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 DIAMETRE. 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.
www.magix.com
Utilisation des couleurs
Utilisation des couleurs
MAGIX Web Designer MX 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.
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;.
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 (voir page 173).
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 (voir page 174) 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.
Couleur de remplissage actuelle
Couleur de la ligne actuelle
&Eacute;CHANTILLON DE COULEUR :
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.
MAGIX Web Designer MX propose diverses options concernant la taille affich&eacute;e de
la palette de couleurs (d&eacute;crites dans le chapitre Personnaliser Web Designer).
169
170
Couleurs de la palette
Couleurs th&eacute;matiques : elles apparaissent en premier (si elles sont pr&eacute;sentes
dans le document, voir ci-dessous). On utilise les couleurs th&eacute;matiques pour les
mod&egrave;les et les designs, de mani&egrave;re &agrave; ce que le sch&eacute;ma de couleur d'un design
puisse &ecirc;tre facilement modifi&eacute; sans devoir &eacute;diter individuellement chaque objet
qu'il contient.
Les Couleurs li&eacute;es sont repr&eacute;sent&eacute;es diff&eacute;remment dans la palette de couleurs
(petits rectangles arrondis) pour qu'il soit plus facile de distinguer les couleurs
th&eacute;matiques ind&eacute;pendantes et les couleurs li&eacute;es &agrave; une couleur m&egrave;re.
Couleurs de la palette : il existe 46 couleurs pr&eacute;d&eacute;finies dans la palette. Il y a 5
nuances de 7 teintes standard, 10 nuances de gris, du noir et du blanc. Les
couleurs de la palette ne sont pas modifiables (il ne s'agit pas de couleurs
nomm&eacute;es) ; elles sont con&ccedil;ues comme une s&eacute;lection simple et limit&eacute;e de
couleurs que l'on peut appliquer aux objets (soit en faisant glisser la couleur sur
l'objet, soit en cliquant dessus).
Les petits marqueurs dans les ic&ocirc;nes des couleurs affichent les couleurs nomm&eacute;es
(s'il y en a) ou les couleurs de la palette qui ont &eacute;t&eacute; appliqu&eacute;es aux objet(s)
s&eacute;lectionn&eacute;(s).
Les marqueurs en forme de diamant montrent les couleurs utilis&eacute;es par les
objets s&eacute;lectionn&eacute;s. Le diamant situ&eacute; dans le coin sup&eacute;rieur gauche indique
la couleur de remplissage, celui situ&eacute; dans le coin sup&eacute;rieur droit la couleur
de contour.
Les marqueurs en forme de croix affichent les attributs de la couleur
actuelle quand aucun objet n'est s&eacute;lectionn&eacute;. La couleur du contour se
trouve &agrave; droite, celle du remplissage &agrave; gauche.
Les marqueurs en forme de triangle affichent les couleurs du remplissage si
vous en avez utilis&eacute; un.
Cela fonctionne &eacute;galement lorsque vous choisissez une couleur avec la pipette &agrave; partir
d'objets d&eacute;j&agrave; existants, voir Utiliser la pipette pour pr&eacute;lever des couleurs (voir page
174). 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 d&eacute;placez.
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.
www.magix.com
Utilisation des 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
DEFINIR LA COULEUR DE
REMPLISSAGE/DEFINIR LA
COULEUR DE CONTOUR
RENOMMER
SUPPRIMER
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)
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 DETERMINER LA COULEUR SOMBRE
CONTONE/DETERMINER LA COULEUR CLAIRE CONTONE. Voir Colorer un bitmap (voir
page 223) 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;.
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 l'effet
qu'aura la d&eacute;pose de 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 (voir page 225)
D&eacute;finir la couleur de contour (lorsque vous passez au-dessus d'une ligne).
171
172
D&eacute;finir la couleur de remplissage courante (visible lorsque vous passez audessus d'une zone vide)
D&eacute;finir la couleur de d&eacute;part du remplissage gradu&eacute; (vue lorsque vous passez
au-dessus du d&eacute;but du remplissage).
D&eacute;finir la couleur de fin du remplissage gradu&eacute; (vue lorsque vous passez audessus de la fin du remplissage).
D&eacute;finir la couleur de l'arri&egrave;re-plan d'une page (visible lorsque vous tirez une
couleur 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 (voir page 223) 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.
&Eacute;diter la couleur d'un objet
Pour &eacute;diter la couleur de remplissage ou de contour de (des) l'objet(s)
s&eacute;lectionn&eacute;(s) :
•
•
•
•
Choisir &laquo; SERVICES &raquo; &gt; &laquo; &Eacute;DITEUR DE COULEURS &raquo; (raccourci Ctrl+E).
Ou cliquer sur l'ic&ocirc;ne &Eacute;DITER COULEUR sur la palette de couleurs.
Ou faites un clic droit et s&eacute;lectionnez COULEUR DE REMPLISSAGE
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(s) l'objet(s) s&eacute;lectionn&eacute;(s)
• &laquo; Maj + clic &raquo; sur l'ic&ocirc;ne &Eacute;DITER COULEUR
• Ou double-cliquez sur le panneau de la couleur de remplissage sur la palette de
couleurs (ic&ocirc;ne tout &agrave; gauche).
www.magix.com
Utilisation des couleurs
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 refl&egrave;te la couleur attribu&eacute;e aux objets s&eacute;lectionn&eacute;s et le fait que vous
pouvez tirer sur le coin droit du bas pour redimensionner la fen&ecirc;tre de L'EDITEUR DE
COULEURS indique que vous pouvez pr&eacute;cis&eacute;ment ajuster la couleur de l'objet
s&eacute;lectionn&eacute;.
L'&eacute;diteur de couleurs
On utilise l'&Eacute;diteur de couleurs pour modifier la couleur des objets du document.
Lorsque vous souhaitez modifier une couleur, vous avez la possibilit&eacute; d'aller
pr&eacute;lever n'importe quelle couleur pr&eacute;sente &agrave; l'&eacute;cran &agrave; l'aide de la pipette.
S&eacute;lectionnez la couleur &agrave; modifier, qu'il s'agisse de la couleur de remplissage ou
de ligne de l'objet s&eacute;lectionn&eacute; ou toute autre couleur de base portant un nom
pr&eacute;cis.
Cliquez pour afficher les commandes avanc&eacute;es relatives aux couleurs
Couleur pr&eacute;c&eacute;dente
Couleur actuelle
S&eacute;lectionnez ici une nuance de la teinte souhait&eacute;e avec la souris.
S&eacute;lectionnez ici une teinte &agrave; l'aide de la souris
.&Eacute;tirez &agrave; l'aide de la souris pour augmenter la taille de la fen&ecirc;tre.
Le moyen le plus facile de cr&eacute;er une nouvelle couleur est de s&eacute;lectionner la teinte sur
la bande de couleur en bas. 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;).
173
174
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 teintes et des nuances dans l'&Eacute;DITEUR DE COULEURS , vous
pouvez pr&eacute;lever une couleur &agrave; n'importe quel endroit du document ou de l'&eacute;cran de
l'ordinateur, y compris dans d'autres fen&ecirc;tres et programmes.
Pour cela, cliquez l'ic&ocirc;ne pipette et faites-la glisser. Pendant le d&eacute;placement, l'&Eacute;diteur
de couleurs pr&eacute;l&egrave;ve continuellement la couleur situ&eacute;e 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 de r&eacute;utiliser une m&ecirc;me couleur, mais aussi de copier des couleurs provenant
de photos ou d'un objet &agrave; l'autre.
La pipette ne pr&eacute;l&egrave;ve pas seulement la couleur de l'&eacute;cran (RVB). En fait, lorsque vous
placez la pipette sur une forme ayant une couleur de remplissage unie, la pipette
enregistre la couleur de la forme, y compris le mod&egrave;le de couleur (RVB, TSV ou
CMJN), afin que la couleur soit copi&eacute;e de mani&egrave;re exacte dans l'(es) objet(s)
s&eacute;lectionn&eacute;(s). Si la couleur cible est une couleur nomm&eacute;e ou une couleur de la
palette, la pipette ne va pas seulement copier la couleur mais va l'appliquer &agrave; l'(aux)
objet(s) s&eacute;lectionn&eacute;(s).
Si l'objet sous la pipette est complexe (par exemple il comprend des transparences)
et la couleur exacte ne peut pas &ecirc;tre d&eacute;termin&eacute;e, c'est la couleur RVB de l'&eacute;cran qui
sera appliqu&eacute;e.
Une petite fen&ecirc;tre s'affiche pr&egrave;s du curseur de la souris
et indique la couleur copi&eacute;e &agrave; cet endroit pr&eacute;cis. Il s'agit
du nom de la couleur dans la palette, du nom d'une
couleur nomm&eacute;e ou du mod&egrave;le de couleur et de sa
valeur.
www.magix.com
Utilisation des couleurs
Op&eacute;rations de couleur avanc&eacute;es
Cliquez sur l'icone AFFICHER LES OPTIONS AVANCEES 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.
Aucune couleur de remplissage
Valeurs des couleurs TSV
Valeur hexad&eacute;cimale RVB
Type de couleur : Voir Cr&eacute;ation d'une teinte, d'une nuance ou d'une couleur li&eacute;e
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 Hex 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 (0F).
En outre, un bouton &laquo; Aucune couleur de remplissage &raquo; et un bouton d'aide sont
disponibles.
Couleurs locales et couleurs th&eacute;matiques
Web Designer poss&egrave;de deux types de couleurs :
• Les COULEURS LOCALES ne sont utilis&eacute;es 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; Appliquer de la
couleur &raquo; et &laquo; &Eacute;diter la couleur d'un objet &raquo; ci-dessus d&eacute;crivent l'utilisation de
couleurs locales.
• LES COULEURS THEMATIQUES peuvent &ecirc;tre utilis&eacute;es &agrave; volont&eacute; dans le document.
(ainsi, elles sont semblables aux styles dans un logiciel de traitement de texte)
Les couleurs th&eacute;matiques sont utilis&eacute;es en tant que mod&egrave;les et vous garantissent
un aspect consistant des &eacute;l&eacute;ments de votre page, comme les boutons ou les
barres de navigation. Toute modification que vous effectuez sur une couleur
th&eacute;matique est imm&eacute;diatement reproduite sur tous les objets et toutes les parties
du dessin utilisant cette couleur. Vous pouvez &eacute;galement copier des couleurs
th&eacute;matiques d'un document &agrave; un autre. Si des couleurs th&eacute;matiques sont d&eacute;j&agrave;
175
176
pr&eacute;sentes dans le design et que vous chargez ou collez des mod&egrave;les depuis la
Galerie de designs contenant des couleurs th&eacute;matiques avec le m&ecirc;me nom, il
vous sera demand&eacute; si vous souhaitez assortir la couleur actuelle des couleurs
th&eacute;matiques import&eacute;es &agrave; celles existantes. Les couleurs th&eacute;matiques des
mod&egrave;les sont toujours nomm&eacute;es. Ainsi, lorsque vous importez
Sch&eacute;mas de couleurs de palette
De nombreux th&egrave;mes web propos&eacute;s dans la GALERIE DES MODELES DE CONCEPTION et
dans des packs de mod&egrave;les vendus s&eacute;par&eacute;ment comportent des sch&eacute;mas de couleur
alternatifs que vous pouvez facilement appliquer &agrave; des sites Internet utilisant le m&ecirc;me
th&egrave;me afin de transformer en un instant le sch&eacute;ma de couleur. Les sch&eacute;mas de
couleur se trouvent normalement dans la Galerie des mod&egrave;les de conception, dans
chaque gamme de couleur, apr&egrave;s les mises en page et diff&eacute;rents &eacute;l&eacute;ments graphiques
composant la gamme. Ils comportent tous le terme &laquo; Sch&eacute;ma de couleur &raquo; dans le
titre dans la Galerie des mod&egrave;les de conception afin de les identifier facilement.
Pour appliquer un sch&eacute;ma de couleur &agrave; votre site Internet, il suffit de tirer le sch&eacute;ma
depuis la Galerie des mod&egrave;les et de le d&eacute;poser sur votre page. Vous pouvez
&eacute;galement essayer d'appliquer les sch&eacute;mas de couleur d'un th&egrave;me &agrave; un site cr&eacute;&eacute; &agrave;
partir des mod&egrave;les d'un autre th&egrave;me. Mais cette m&eacute;thode donne des r&eacute;sultats
contrast&eacute;s et certains sch&eacute;mas ne fonctionneront pas correctement avec certains
th&egrave;mes. Pour obtenir de meilleurs r&eacute;sultats, conservez les sch&eacute;mas de couleur du
th&egrave;me que vous avez utilis&eacute; pour cr&eacute;er le site.
L'un des sch&eacute;mas de couleur fourni avec chaque th&egrave;me correspond aux couleurs par
d&eacute;faut utilis&eacute;es par ce th&egrave;me. Cela vous permet de retrouver facilement les couleurs
d'origine apr&egrave;s avoir test&eacute; des sch&eacute;mas alternatifs sans succ&egrave;s.
&Eacute;diter les couleurs d'un th&egrave;me
Pour afficher la couleur nomm&eacute;e dans l'&Eacute;DITEUR DE COULEURS afin de la modifier,
s&eacute;lectionnez la couleur dans le menu de l'&Eacute;DITEUR DE COULEURS ou glissez et d&eacute;posez
la couleur de la Palette de couleurs jusque dans l'&Eacute;DITEUR DE COULEURS .
Vous pourrez 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 THEMATIQUE lors de sa modification, faites un clic droit
dans l'&Eacute;DITEUR DE COULEURS et s&eacute;lectionnez RENOMMER ou faites un clic droit sur la
couleur dans la palette de couleurs et s&eacute;lectionnez RENOMMER .
Pour supprimer une couleur nomm&eacute;e, faites un clic droit sur la couleur dans la palette
de couleurs et s&eacute;lectionnez SUPPRIMER .
www.magix.com
Utilisation des couleurs
Importer des couleurs nomm&eacute;es
Lorsqu'un design est import&eacute; dans le document courant (par ex., importation depuis
la galerie des mod&egrave;les, importation d'un fichier XAR ou collage des objets depuis un
autre design), si les couleurs nomm&eacute;es dans le design import&eacute; portent le m&ecirc;me nom,
mais des valeurs num&eacute;riques diff&eacute;rentes, que les couleurs du design actuel, un
message s'affiche :
Si vous souhaitez que les objets import&eacute;s utilisent les couleurs de votre design actuel,
s&eacute;lectionnez l'option &laquo; HARMONISER &raquo;. Ainsi, tous les objets utilisant une couleur
nomm&eacute;e donn&eacute;e utiliseront la couleur telle qu'elle est utilis&eacute;e dans le document.
Si vous souhaitez que les objets import&eacute;s conservent leurs propres couleurs,
s&eacute;lectionnez l'option &laquo; NE PAS HARMONISER &raquo;. Cette option ajoute de nouvelles
couleurs nomm&eacute;es &agrave; votre th&egrave;me avec un num&eacute;ro li&eacute; aux noms des couleurs pour les
distinguer des couleurs d&eacute;j&agrave; pr&eacute;sentes dans le design. Ainsi, les objets import&eacute;s
conservent leurs couleurs d'origine.
Il est &agrave; noter que si vous importez des objets de nombreux designs diff&eacute;rents en
s&eacute;lectionnant &agrave; chaque fois l'option Ne pas harmoniser, vous aurez un nombre
important de couleurs nomm&eacute;es distinctes dans votre palette de couleurs.
L'option Harmoniser mentionn&eacute;e plus haut inclut une case NE PLUS ME REDEMANDER.
Si vous cochez cette case, l'option choisie sera activ&eacute;e pour toutes les importations
futures, sans vous redemander. Cependant, cette option ne vaut que pour la session
en cours. Ainsi, lorsque vous relancerez le programme, il vous reposera cette question
&agrave; la prochaine importation.
L'option Harmoniser signifie que vous pouvez choisir un mod&egrave;le, modifier les couleurs
de son th&egrave;me puis importer plus de mod&egrave;les de conception sur le m&ecirc;me th&egrave;me et les
designs import&eacute;s s'adapteront imm&eacute;diatement aux couleurs du th&egrave;me modifi&eacute;es.
Par exemple, importez un bouton au graphisme rouge dans la galerie des designs,
modifiez sa couleur principale en vert, puis importez ensuite un logo rouge dans le
m&ecirc;me th&egrave;me et s&eacute;lectionnez l'option Harmoniser. Lorsque le logo s'affiche dans votre
design, il ne sera plus rouge mais aura &laquo; adopt&eacute; &raquo; automatiquement la couleur de
th&egrave;me vert que vous avez s&eacute;lectionn&eacute;e au pr&eacute;alable. La plupart des th&egrave;mes ayant leur
177
178
couleur nomm&eacute;e principale appel&eacute;e Couleur du th&egrave;me 1, vous aurez habituellement
de bons r&eacute;sultats lors de l'importation de diff&eacute;rents th&egrave;mes et lors de l'harmonisation
des couleurs.
Couleurs normales, teintes, nuances et Couleurs
li&eacute;es
Couleurs normales
Celles-ci sont les couleurs normales autonomes &agrave; appliquer aux objets.
MAGIX Web Designer MX 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 LIEES . 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
www.magix.com
Utilisation des couleurs
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.
179
180
Utilisation du texte
Introduction
Les options d'&eacute;dition de texte de MAGIX Web Designer MX 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 plus 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
MAGIX Web Designer MX – remplissages, transparence,
d&eacute;grad&eacute;s de couleurs, ombres – tout en continuant &agrave; &eacute;diter le
texte.
Vous pouvez convertir les contours de caract&egrave;res en formes que
vous pourrez ensuite &eacute;diter comme des formes normales.
Vous pouvez ajuster le texte sur une courbe. Vous pouvez faire pivoter le texte, l'incliner ou
l'&eacute;tirer.
www.magix.com
Utilisation du texte
Terminologie
POLICE
ou STYLE DE POLICE : ensemble de caract&egrave;res ayant un style homog&egrave;ne.
: ensemble de polices similaires. Par exemple Garamond et
Garamond Italic constituent des polices diff&eacute;rentes de la m&ecirc;me famille Garamond.
FAMILLE DE POLICE
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.
JUSTIFICATION :
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.
: 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.
POINT
Outil Texte
Utilisez l'OUTIL TEXTE (touche F8) pour saisir ou modifier du texte.
Barre d'infos gauche de l'OUTIL TEXTE
Police
Taille de la police
Gras
Italique
Soulign&eacute;
Justifi&eacute;
Barre d'infos droite de l'OUTIL TEXTE
Indice/Exposant
Espacement des lignes
Espacement des paragraphes
181
182
Listes &agrave; points
Listes &agrave; num&eacute;ros
Indentation
Annulation de l'indentation
Correcteur orthographique
MAGIX Web Designer MX supporte 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 pivoter, 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.
Menu des polices
www.magix.com
Utilisation du texte
Le menu des polices comprend toutes les polices install&eacute;es et les classe en trois
sections. La section du haut affiche les polices actuellement utilis&eacute;es dans le
document. La seconde section affiche les polices recommand&eacute;es (adapt&eacute;es) pour le
Web. Ce sont des polices que vous pouvez utiliser sans probl&egrave;me pour le Web car
tous les navigateurs Web couramment utilis&eacute;s prennent en charge ces polices. Voir la
section Polices adapt&eacute;es pour le Web (Web Safe). La section finale affiche la liste
alphab&eacute;tique de toutes les autres polices install&eacute;es. Chaque nom de police est affich&eacute;
dans le menu et utilise ses propres 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. Maintenez une &agrave; deux secondes le
pointeur de la souris sur la police &agrave; style multiple et un sous-menu listant les styles
propres &agrave; cette police appara&icirc;t &agrave; droite du menu principal. Alors que ce sous-menu
est affich&eacute;, vous pouvez d&eacute;placer le pointeur de la souris pour s&eacute;lectionner le style de
police d&eacute;sir&eacute;.
Polices Web safe
Ces polices peuvent &ecirc;tre utilis&eacute;es pour un site Web car la grande majorit&eacute; des
ordinateurs et autres appareils contiennent ces polices. Vous pouvez utiliser d'autres
styles de polices si vous les int&eacute;grez dans votre site Web et si la licence de la police le
permet. Voir le chapitre ci-dessous POLICE DE SITE WEB .
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 la taille des polices, vous pouvez faire appara&icirc;tre un petit curseur
semblable aux autres curseurs de Web Designer. Il vous permet de contr&ocirc;ler la taille
des polices en temps r&eacute;el et ajuste instantan&eacute;ment la taille du texte s&eacute;lectionn&eacute; au fur
et &agrave; mesure que vous d&eacute;placez son bouton.
183
184
Cliquez pour faire appara&icirc;tre l'afficheur de la taille des polices.
Comme les autres curseurs du programme, vous pouvez l'utiliser de deux mani&egrave;res
diff&eacute;rentes. Cliquez puis rel&acirc;chez la fl&egrave;che pour faire appara&icirc;tre l'afficheur. &Agrave; pr&eacute;sent,
vous pouvez d&eacute;placer le curseur ou utiliser la molette de la souris au-dessus du
curseur pour ajuster la valeur rapidement. Vous pouvez donc ajuster tr&egrave;s rapidement
la taille des points &agrave; l'aide de la molette de la souris tout en visualisant directement le
r&eacute;sultat sur la page du document dans lequel vous travaillez.
L'autre fa&ccedil;on d'utiliser le curseur que vous avez fait appara&icirc;tre consiste &agrave; cliquer, tirer
et rel&acirc;cher son bouton. Il s'agit d'une solution encore plus directe (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.
Texte simple
Si vous souhaitez saisir un texte court et 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 comme de coutume.
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.
Parce qu'il n'y a pas de renvoi automatique &agrave; la ligne (la largeur est illimit&eacute;e), cette
fonction marche seulement avec le texte simple et non pas pour les grands
paragraphes de texte. &Agrave; la place, utilisez une colonne de texte ou une zone de texte
(voir ci-dessous).
Le texte par d&eacute;faut n'a pas de couleur de contour. Effectuez &laquo; Maj + clic &raquo; sur une
couleur de la palette des couleurs pour donner une couleur de contour au texte
s&eacute;lectionn&eacute; - l'&eacute;paisseur des contours peut &ecirc;tre modifi&eacute;e &agrave; l'aide de l'outil de largeur
de contours. Vous souhaitez s&ucirc;rement arrondir les intersections afin de lui conf&eacute;rer
une apparence plus douce (contr&ocirc;le &laquo; Raccord &raquo; en haut de la GALERIE DES LIGNES ).
La largeur de la ligne est indiqu&eacute;e dans D&eacute;finir la larguer de la ligne (&eacute;paisseur) (voir
page 165, voir page 166). L'application de couleurs est d&eacute;crite dans le chapitre
Utilisation des couleurs (voir page 169).
www.magix.com
Utilisation du texte
Vous pouvez continuer &agrave; saisir du texte m&ecirc;me apr&egrave;s avoir appliqu&eacute; une rotation, une
couleur de remplissage ou apr&egrave;s avoir plac&eacute; le texte sur une courbe.
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.
2.
3.
4.
S&eacute;lectionner l'OUTIL D'AJOUT DE TEXTE.
D&eacute;placez le pointeur de la souris o&ugrave; vous souhaitez que la colonne d&eacute;marre.
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.
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.
: 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.
REMARQUE
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 MAGIX Web Designer MX. 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
185
186
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 SELECTION pour faire tourner l'objet.
Pour plus d'informations sur les angles forc&eacute;s, voir le chapitre Introduction &agrave; MAGIX
Web Designer MX.
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.
www.magix.com
Utilisation du texte
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.
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 :
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 SELECTION pour redimensionner l'objettexte, mais dans ce cas-l&agrave;, le comportement sera diff&eacute;rent. C'est la taille du texte luim&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 SELECTION .
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
187
188
d'un point de taille du reste. Le comportement de l'OUTIL DE SELECTION 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 SELECTION 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.
www.magix.com
Utilisation du texte
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).
1. S&eacute;lectionnez votre objet-texte
et une courbe.
2. Choisissez ARRANGER -&gt;
AJUSTER LE TEXTE A 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; +clic &raquo; sur la
ligne.
Pour masquer la courbe afin qu'elle ne soit pas visible, s&eacute;lectionnez l'OUTIL DE
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.
CHANGEMENT DE FORMES
L'application de couleurs est d&eacute;crite dans le chapitre Utilisation des couleurs (voir
page 169).
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.
189
190
&Eacute;dition de texte
Double-cliquer sur un objet-texte d'un outil quelconque vous fait passer sur l'OUTIL
et place le curseur de la souris sur la position de clic dans le texte.
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;+ 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.
www.magix.com
Utilisation du texte
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)
(voir page 380) 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.
191
192
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 VERIFICATEUR D'ORTHOGRAPHE sur la barre d'info de
l'OUTIL TEXTE qui ouvre alors un menu.
S&eacute;lectionnez &laquo; PROCEDER A UNE
VERIFICATION D'ORTHOGRAPHE DES 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.
www.magix.com
Utilisation du texte
Dictionnaire utilisateur
Les termes utilis&eacute;s r&eacute;guli&egrave;rement mais qui ne sont pas inclus dans le dictionnaire
fourni avec MAGIX Web Designer MX 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.
Synchronisation de texte &agrave; l'aide de groupes
souples
Dans certains projets, vous aurez peut-&ecirc;tre besoin que plusieurs objets-texte
affichent le m&ecirc;me texte mais dans diff&eacute;rents styles. Normalement, si vous souhaitez
changer le texte affich&eacute; sur ces objets, vous devrez tous les &eacute;diter individuellement.
En ajoutant ces objets texte apparent&eacute;s dans un groupe souple, vous aurez la
certitude qu'ils affichent toujours le m&ecirc;me texte. Avant d'ajouter les objets texte
apparent&eacute;s &agrave; un groupe souple, assurez-vous d'abord qu'ils contiennent tous
exactement le m&ecirc;me texte (sans quoi ils ne seront pas synchronis&eacute;s). Ensuite,
s&eacute;lectionnez-les tous &agrave; l'aide de l'Outil de s&eacute;lection. Puis, s&eacute;lectionnez ARRANGER &gt;
APPLIQUER UN GROUPE SOUPLE (&laquo; Ctrl + Alt + G &raquo;).
&Agrave; pr&eacute;sent, lorsque le texte est &eacute;dit&eacute; sur l'un des objets texte, les autres seront mis &agrave;
jour automatiquement, m&ecirc;me s'ils sont r&eacute;partis sur diff&eacute;rents calques &agrave; travers votre
document. Notez que cette synchronisation fonctionne m&ecirc;me pour les objets texte
situ&eacute;s sur des calques verrouill&eacute;s ou invisibles.
Pour dissoudre un groupe souple, s&eacute;lectionnez ARRANGER &gt; SUPPRIMER LE GROUPE
(&laquo; Ctrl + Alt + U &raquo;). Pour plus d'informations concernant les Groupes souples,
consultez le paragraphe relatif aux Groupes souples du chapitre Manipulation d'objet
(voir page 138).
SOUPLE
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 ).
193
194
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 SELECTION 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.
www.magix.com
Utilisation 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 A 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.
195
196
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.
www.magix.com
Utilisation du texte
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.
2.
3.
Tirer la marge de gauche vers l'int&eacute;rieur.
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.
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.
197
198
Objets de renvoi de texte
Dans MAGIX Web Designer MX, vous pouvez configurer n'importe quel objet pour
un renvoi de texte afin que le texte qui se trouve sous l'objet soit automatiquement
repouss&eacute; autour de l'objet au lieu d'&ecirc;tre affich&eacute; dessous. Cela facilite la mise en page
de longs passages de texte combin&eacute;s &agrave; des photos ou des graphiques. Apr&egrave;s les avoir
mis en mode de renvoi, ajustez la position de vos graphiques et de vos photos : le
texte sera automatiquement positionn&eacute; autour.
Vous pouvez aussi choisir de renvoyer le texte dans un seul calque, ce qui emp&ecirc;che
les objets d'un calque de renvoyer le texte d'autres calques et emp&ecirc;che &eacute;galement le
texte du calque d'&ecirc;tre renvoy&eacute; par des objets de calques sup&eacute;rieurs.
Cr&eacute;er un objet de renvoi
Pour qu'un objet renvoie du texte, faites un clic droit sur l'objet et s&eacute;lectionnez
RENVOYER LE TEXTE EN DESSOUS . Le texte sous l'objet situ&eacute; sur le m&ecirc;me calque sera
renvoy&eacute; avec une marge par d&eacute;faut de 5 pixels entre le texte et l'objet. Notez que les
objets de renvoi de texte ne renvoient que le texte situ&eacute; sous eux mais pas le texte
situ&eacute; au-dessus.
www.magix.com
Utilisation du texte
Une autre solution consiste &agrave; faire un clic droit sur l'objet et &agrave; s&eacute;lectionner RENVOYER
pour afficher la bo&icirc;te de dialogue de Renvoi et d'ancrage de texte.
ET ANCRER
Cochez la case RENVOYER LE TEXTE AUTOUR DE CE GRAPHIQUE .
Au besoin, d&eacute;finissez la marge de renvoi de l'objet pour contr&ocirc;ler l'espace entre le
texte et l'objet. Si vous d&eacute;sirez que la hauteur et la largeur de la marge de renvoi
soient diff&eacute;rentes, cliquez sur l'ic&ocirc;ne cadenas et saisissez la hauteur de la marge dans
le champ H (horizontal) et sa largeur dans le champ V (vertical). Cliquez sur OK .
Pour d&eacute;sactiver le renvoi, faites un clic droit sur l'objet et s&eacute;lectionnez de nouveau
l'option RENVOYER LE TEXTE EN DESSOUS pour la d&eacute;sactiver. Ou faites un clic droit et
s&eacute;lectionnez RENVOYER ET ANCRER pour afficher de nouveau la bo&icirc;te de dialogue de
Renvoi et d'ancrage de texte. D&eacute;cochez la case RENVOYER LE TEXTE AUTOUR DE CE
GRAPHIQUE et cliquez sur OK .
Notez que les lignes de texte individuelles ne sont pas affect&eacute;es par les objets de
renvoi ; seules les zones et les colonnes de texte r&eacute;pondent &agrave; cette commande.
Pour renvoyer uniquement le texte situ&eacute; sur le m&ecirc;me calque que l'objet de renvoi,
lisez Propri&eacute;t&eacute;s des calques (voir page 331).
199
200
Graphiques ancr&eacute;s
Vous pouvez positionner un graphique ou un groupe de fa&ccedil;on &agrave; ce qu'il soit ancr&eacute; par
rapport au texte, c'est &agrave; dire qu'il reste dans la m&ecirc;me position relative lorsque le texte
est modifi&eacute; ou d&eacute;plac&eacute;. Cependant, l'ancrage est cens&eacute; &ecirc;tre utilis&eacute; pour des objets
situ&eacute;s en dehors des marges du texte (par exemple une photo plac&eacute;e &agrave; droite ou &agrave;
gauche d'une colonne de texte) ou derri&egrave;re le texte. Utilisez alors l'int&eacute;gration en ce
qui concerne les objets situ&eacute;s &agrave; l'int&eacute;rieur des marges (voir ci-dessous).
1.
2.
3.
4.
5.
6.
7.
Le moyen le plus rapide d'ancrer un graphique ou un groupe est de faire un clic
droit puis de s&eacute;lectionner l'option ANCRER AU TEXTE . Cependant, si vous
souhaitez &eacute;diter les propri&eacute;t&eacute;s de l'ancrage, faites un clic droit sur l'objet et
s&eacute;lectionnez RENVOYER ET ANCRER pour afficher la bo&icirc;te de dialogue de Renvoi
et d'ancrage de texte.
Cochez la case DEPLACER LE GRAPHIQUE AVEC LE TEXTE .
Par d&eacute;faut, DEPLACER UNIQUEMENT VERTICALEMENT est aussi s&eacute;lectionn&eacute; pour
que vos graphiques ancr&eacute;s ne se d&eacute;placent que verticalement quand le texte
est &eacute;dit&eacute;. L'int&eacute;gration est alors la meilleure option si vous souhaitez que
l'objet suivent &eacute;galement la position ancr&eacute;e horizontalement.
Un symbole d'ancre appara&icirc;t en haut &agrave; gauche de l'objet pour signaler qu'il est
ancr&eacute;.
Utilisez l'OUTIL DE SELECTION ou l'OUTIL TEXTE puis cliquez et d&eacute;placez l'ancre
de sorte qu'une fl&egrave;che rouge apparaisse.
D&eacute;placez la pointe de la fl&egrave;che et placez-la &agrave; l'endroit du texte o&ugrave; vous
souhaitez ancrer l'objet. Un signe rouge en forme de &laquo; T &raquo; invers&eacute; indique la
position de l'ancre.
Lorsque vous &eacute;ditez le texte autour de cette ancre, le point d'ancrage et l'objet
ancr&eacute; se d&eacute;placent avec le texte.
Un objet ancr&eacute; poss&egrave;de un symbole d'ancre et une fl&egrave;che pointant vers le point d'ancrage
repr&eacute;sent&eacute; par un T rouge invers&eacute;. Ils disparaissent lorsque vous &eacute;crivez, sauf si vous &ecirc;tes proche
www.magix.com
Utilisation du texte
du point d'ancrage.
Remarque : si vous glissez le point d'ancrage &agrave; un endroit de la page o&ugrave; il n'y a pas
de texte, la fl&egrave;che se transforme en ancre rouge pour signaler que les propri&eacute;t&eacute;s
d'ancrage de l'objet seront perdues si vous d&eacute;posez l'objet &agrave; cette position. Cela
arrive aussi lorsque vous d&eacute;posez la fl&egrave;che sur l'objet lui-m&ecirc;me.
Cependant, remarquez que du fait du d&eacute;placement du point d'ancrage, l'objet ancr&eacute;
ne sera pas d&eacute;plac&eacute; hors de la surface de la page. L'objet ancr&eacute; s'arr&ecirc;tera au bord de
la page.
En exemple, voici une colonne de texte avec des &eacute;l&eacute;ments graphiques vari&eacute;s attach&eacute;s &agrave; gauche.
Chacun de ces &eacute;l&eacute;ments est ancr&eacute; au d&eacute;but d'une ligne directement &agrave; sa droite.
Il est possible d'ancrer un graphique ou un groupe, y compris des groupes contenant
du texte, comme les panneaux lat&eacute;raux de l'exemple ci-dessus.
C'est &eacute;galement possible d'ancrer des objets apparaissant au dessus ou en dessous
du texte. La fleur bleu p&acirc;le montr&eacute;e &agrave; titre d'exemple ci-dessus est ancr&eacute;e de cette
fa&ccedil;on et se d&eacute;placera avec le texte.
201
202
: si un objet ancr&eacute; est aussi param&eacute;tr&eacute; pour renvoyer du texte, seul le
texte auquel l'objet est ancr&eacute; sera renvoy&eacute;.
REMARQUE
: le renvoi se restreint aux objets r&eacute;p&eacute;t&eacute;s. Le texte au sein d'un groupe
r&eacute;p&eacute;t&eacute; n'est renvoy&eacute; que par les objets de renvoi du groupe r&eacute;p&eacute;t&eacute;. Chaque objet de
renvoi du groupe r&eacute;p&eacute;t&eacute; ne renvoie que le texte qui fait aussi partie du groupe
r&eacute;p&eacute;t&eacute;. Les groupes r&eacute;p&eacute;t&eacute;s en tant qu'ensemble peuvent renvoyer n'importe quel
texte en dessous de la page.
REMARQUE
D&eacute;placer des objets ancr&eacute;s
Lorsque vous ajoutez ou supprimez du texte, l'objet se d&eacute;place au fur et &agrave; mesure que
le texte bouge mais conserve toujours la m&ecirc;me position relative par rapport au point
d'ancrage. Vous pouvez d&eacute;placer un graphique ancr&eacute; en tirant dessus. Cela modifie sa
position par rapport au point d'ancrage mais ne d&eacute;place pasce dernier qui reste visible
&agrave; l'extr&eacute;mit&eacute; de la fl&egrave;che du symbole Ancre lorsque vous cliquez/d&eacute;placez le
graphique.
Si vous souhaitez d&eacute;placer le point d'ancrage vers un autre endroit &agrave; l'int&eacute;rieur du
texte, cliquez et glissez l'ic&ocirc;ne Ancre pour cr&eacute;er une nouvelle fl&egrave;che et la glisser
jusqu'&agrave; la position vis&eacute;e.
Si vous coupez et collez le texte contenant le signe d'ancrage, l'objet ancr&eacute; sera
&eacute;galement coup&eacute; et coll&eacute;.
Voir le point d'ancrage
Le point d'ancrage d'un objet ancr&eacute; n'est visible que si vous cliquez sur l'objet ancr&eacute;
dans l'OUTIL DE SELECTION ou dans la zone de texte avoisinante dans l'OUTIL TEXTE.
Lorsque vous cliquez dans une zone de texte avec l'OUTIL TEXTE , les points d'ancrage
du signe &laquo; T &raquo; invers&eacute; apparaissent, tout comme des fl&egrave;ches allant du point d'ancrage
jusqu'&agrave; l'ic&ocirc;ne Ancre en haut &agrave; gauche de chaque objet ancr&eacute;. Ainsi, le moyen le plus
simple de voir tous les points d'ancrage d'un texte consiste &agrave; cliquer sur ce dernier
avec l'OUTIL TEXTE.
Cependant, d&egrave;s que vous commencez &agrave; modifier le texte, le signe &laquo; T &raquo; invers&eacute; rouge,
la fl&egrave;che et l'ic&ocirc;ne Ancre disparaissent temporairement jusqu'&agrave; ce que vous arr&ecirc;tiez
d'&eacute;crire. Lorsque vous &ecirc;tes proche du point d'ancrage, Web Designer affiche le signe
&laquo; T &raquo; invers&eacute; ainsi qu'une fl&egrave;che pointant vers l'ic&ocirc;ne Ancre pour vous signaler la
proximit&eacute; du point d'ancrage.
Objets ancr&eacute;s dans une ligne
Si vous souhaitez incruster un petit graphique dans une ligne de texte, par exemple
une ic&ocirc;ne comme celle-ci plac&eacute;e dans le texte, de sorte qu'elle se d&eacute;place avec le
texte, glissez ou collez une image sous forme d'objet ancr&eacute; de renvoi et placez son
point d'ancrage dans le texte. Nous vous recommandons d'utiliser des espaces
ins&eacute;cables (&laquo; Ctrl + barre d'espace &raquo;).
www.magix.com
Utilisation du texte
Groupes souples
Vous pouvez coller les groupes souples (voir page 138) de la m&ecirc;me fa&ccedil;on m&ecirc;me si
une partie d'un groupe se trouve sur un autre calque. Par exemple, des boutons
Internet dot&eacute;s d'effets au passage de la souris ou des popups situ&eacute;s sur diff&eacute;rents
calques peuvent &ecirc;tre ancr&eacute;s de cette mani&egrave;re.
Supprimer une ancre
Pour supprimer une ancre d'un objet, faites un clic droit dessus et s&eacute;lectionnez de
nouveau ANCRER AU TEXTE pour annuler l'option. &Agrave; pr&eacute;sent, l'ic&ocirc;ne Ancre ne s'affiche
plus lorsque vous cliquez sur l'objet dans l'OUTIL DE SELECTION ou sur le texte dans
l'OUTIL TEXTE .
Graphiques int&eacute;gr&eacute;s
Vous pouvez ins&eacute;rer les objets dans un texte pour qu'ils fonctionnent comme un
caract&egrave;re du texte. Copiez simplement l'objet dans le presse-papiers (Ctrl+C), allez
dans l'outil Texte et positionnez le curseur du texte &agrave; l'endroit souhait&eacute; puis collez
l'objet (Ctrl+V).
Vous pouvez s&eacute;lectionner, copier, coller et supprimer un objet dans le texte comme si
c'&eacute;tait un caract&egrave;re du texte. Cependant, vous pouvez toujours le s&eacute;lectionner et le
transformer en utilisant directement l'outil de s&eacute;lection.
Pr&eacute;f&eacute;rez la technique d'int&eacute;gration &agrave; la technique d'ancrage quand c'est possible, car
elle est plus efficace au niveau des exigences du traitement de texte.
Styles de texte
Les STYLES DE TEXTE constituent un moyen efficace de changer l'apparence du texte
dans un document en quelques clics.
Un STYLE DE TEXTE est une collection d'attributs tels que la police, la taille, la couleur,
l'espace entre les lignes etc. Par exemple, l'en-t&ecirc;te en haut de ce document peut avoir
un style appel&eacute; &laquo; En-t&ecirc;te 1 &raquo;, l'en-t&ecirc;te plus petit en dessous et toutes les sections ou
titres &eacute;quivalents peuvent &ecirc;tre appel&eacute;s &laquo; En-t&ecirc;te 2 &raquo;.
203
204
Si vous mettez &agrave; jour les propri&eacute;t&eacute;s de &laquo; En-t&ecirc;te 2 &raquo;, par exemple si vous en changez
la police, tous les en-t&ecirc;tes similaires du texte seront mis &agrave; jour.
De la m&ecirc;me fa&ccedil;on, le texte principal, parfois appel&eacute; &laquo; corps de texte &raquo; d'un document
correspond lui aussi &agrave; un style que Web Designer appelle &laquo; Texte Normal &raquo;. En
mettant &agrave; jour ce style, par exemple &agrave; la taille 12 points et de police Times New
Roman, tout le &laquo; Texte normal &raquo; dans le document peut &ecirc;tre chang&eacute; en une seule fois
sans avoir &agrave; s&eacute;lectionner et appliquer la police encore et encore.
Les STYLES DE TEXTE sont comme les &laquo; Couleurs nomm&eacute;es &raquo;, fonction que propose
&eacute;galement Web Designer. Vous pouvez mettre &agrave; jour une couleur comme &laquo; Couleur
th&eacute;matique 1 &raquo; dans le document et tous les parties contenant cette couleur nomm&eacute;e
prendront la couleur mise &agrave; jour.
Barre d'infos Styles de texte
Il y a un menu d&eacute;roulant dans LA BARRE D'INFOS STYLES DE TEXTE qui permet de cr&eacute;er
des styles, de les appliquer &agrave; tous les textes et de les mettre &agrave; jour.
Par d&eacute;faut vous disposez d'une petite gamme de styles pr&eacute;-d&eacute;finis, incluant le &laquo; Texte normal &raquo;
et trois styles d'en-t&ecirc;te, En-t&ecirc;te 1 &agrave; En-t&ecirc;te 3.
Style de paragraphe et style de caract&egrave;re
Les STYLES DE TEXTE sont de deux sortes. Les styles de paragraphes s'appliquent aux
paragraphes entiers et sont souvent utilis&eacute;s pour les en-t&ecirc;tes. Ce n'est pas possible
d'appliquer un style de paragraphe &agrave; une section plus petite qu'un paragraphe. Par
exemple, vous ne pouvez pas appliquer un style de paragraphe &agrave; un mot unique dans
un paragraphe Si vous le faites, le style sera appliqu&eacute; &agrave; tout le paragraphe dans lequel
se trouve le mot.
Placez simplement le curseur de texte n'importe o&ugrave; sur la ligne et s&eacute;lectionnez un
style de paragraphe depuis le menu de style. Le style s'appliquera alors au paragraphe
entier.
En revanche, les styles de caract&egrave;re peuvent &ecirc;tre appliqu&eacute;s &agrave; n'importe quelle
s&eacute;lection de texte, du mot unique &agrave; plusieurs mots. Par exemple, si vous d&eacute;sirez
mettre en relief certains mots dans votre texte dans une couleur diff&eacute;rente, l'option de
style de caract&egrave;re est id&eacute;ale. L'avantage est que vous pouvez changer la couleur ou la
police (ou la taille etc.) de ces mots mis en relief avec une seule mise &agrave; jour de style.
www.magix.com
Utilisation du texte
Les styles de paragraphe vous permettent de d&eacute;finir tous les attributs de texte
except&eacute; les propri&eacute;t&eacute;s de listes &agrave; points ou de listes num&eacute;rot&eacute;es. Les styles de
caract&egrave;res permettent de d&eacute;finir seulement les attributs de texte pouvant
s'appliquer &agrave; des caract&egrave;res individuels, comme la couleur de texte, la police, la taille
etc.
Actualiser les Styles de texte
Pour actualiser une d&eacute;finition de style :
1.
2.
3.
S&eacute;lectionnez du texte qui est d&eacute;j&agrave; dans le style que vous d&eacute;sirez mettre &agrave; jour.
Appliquez &agrave; ce texte les modifications que vous souhaitez, par exemple une
police diff&eacute;rente ou une autre taille de police.
S&eacute;lectionnez &laquo; Actualiser le style &raquo; depuis le menu d&eacute;roulant dans la barre
d'infos Texte.
Par exemple, pour changer la police de tout le &laquo; Texte normal &raquo;, s&eacute;lectionnez
quelques mots dans le &laquo; Texte normal &raquo;, changez la police (ou d'autres attributs si
vous le souhaitez) et s&eacute;lectionnez &laquo; Actualiser le style &raquo; &gt; &laquo; Texte normal &raquo; depuis le
menu de style dans la barre d'infos Texte.
Remarque : si vous souhaitez actualiser un style bas&eacute; sur une s&eacute;lection de texte, le
style est r&eacute;-appliqu&eacute; &agrave; cette s&eacute;lection. Donc si vous s&eacute;lectionnez quelques
caract&egrave;res dans &laquo; En-t&ecirc;te 1 &raquo;, que vous leur attribuez une nouvelle couleur et que
vous actualisez le style &laquo; En-t&ecirc;te 1 &raquo;, le paragraphe entier prendra une nouvelle
couleur.
Styles bas&eacute;s sur d'autres styles
Dans Web Designer, vous pouvez cr&eacute;er un style &agrave; partir d'un autre style. Par exemple,
vous d&eacute;sirez une variante de &laquo; En-t&ecirc;te 2 &raquo; qui est identique au premier style mais
dont seule la couleur est diff&eacute;rente. Vous pouvez cr&eacute;er ce style &agrave; partir de &laquo; Ent&ecirc;te 2 &raquo; dans la bo&icirc;te de dialogue de CREATION DE STYLE . Cela implique que si vous
actualisez &laquo; En-t&ecirc;te 2 &raquo; en changeant la police ou la taille, votre nouveau style bas&eacute;
sur &laquo; En-t&ecirc;te 2 &raquo; subira &eacute;galement les modifications.
Les nouveaux styles de caract&egrave;res sont habituellement bas&eacute;s sur les &laquo; Styles de
paragraphes sous-jacents &raquo; mais seulement avec les modifications que vous
souhaitez. Par exemple, un style de caract&egrave;re qui d&eacute;finit seulement la couleur et rien
d'autre est appliqu&eacute; &agrave; un seul mot dans un paragraphe. Si vous modifiez le style du
paragraphe, le mot s'adapte au changement de style de paragraphe hormis sa
couleur.
205
206
Cr&eacute;er des nouveaux styles
Pour cr&eacute;er un tout nouveau style, s&eacute;lectionnez le texte dont vous voulez cr&eacute;er le style
puis s&eacute;lectionnez CREER UN STYLE dans le menu d&eacute;roulant de la liste de style dans la
BARRE D'INFOS TEXTE.
Si vous souhaitez cr&eacute;er un nouveau style de paragraphe, il est pr&eacute;f&eacute;rable que vous
s&eacute;lectionniez au pr&eacute;alable un paragraphe entier auquel vous allez appliquer les
changements avant de s&eacute;lectionner l'option CREER UN STYLE .
La bo&icirc;te de dialogue affiche un nouveau style (NouveauStyle2) qui est un STYLE DE
PARAGRAPHE , bas&eacute; sur le style existant EN-TETE 2 . L'option PARAGRAPHE SUIVANT
d&eacute;termine quel style sera utilis&eacute; pour le paragraphe suivant lors de la saisie.
La partie inf&eacute;rieure de la bo&icirc;te de dialogue affiche la d&eacute;finition compl&egrave;te de ce style.
Dans ce cas, vous pouvez remarquer qu'il est bas&eacute; sur &laquo; En-t&ecirc;te 2 &raquo; avec seulement
un changement de couleur.
Pour cr&eacute;er un style bas&eacute; sur aucun autre style, c'est &agrave; dire sans aucun attribut
emprunt&eacute; &agrave; un autre style, s&eacute;lectionnez (Aucun style) depuis l'option &laquo; Bas&eacute; sur &raquo;
comme ci-dessous.
www.magix.com
Utilisation du texte
La bo&icirc;te de dialogue indique que je suis en train de cr&eacute;er un nouveau style
(NouveauStyle2) qui est un style de paragraphe bas&eacute; sur aucun style existant. La
partie inf&eacute;rieure &eacute;num&egrave;re tous les attributs qui compose ce style. Vous pouvez voir
que j'ai attribu&eacute; la police Palatino, de taille 12 pixels et une marge. Les autres attributs
list&eacute;s ici viennent du texte s&eacute;lectionn&eacute;, ce style poss&egrave;de une d&eacute;finition compl&egrave;te
listant tous les attributs possibles de texte.
Dans ce cas, lorsque vous saisissez un texte dans ce style, le &laquo; Paragraphe suivant &raquo;
(c'est &agrave; dire lorsque la touche Retour est activ&eacute;e) sera dans le m&ecirc;me style.
Supprimer des styles - Les styles qui ne sont pas du tout utilis&eacute;s dans un document
sont automatiquement supprim&eacute;s lorsque vous enregistrez et rechargez un
document. Cependant les styles (Texte Normal et les En-t&ecirc;te 1 &agrave; 3) par d&eacute;faut ne
sont jamais supprim&eacute;s.
Enlever des styles
La liste de STYLES dans le menu STYLES inclue l'entr&eacute;e AUCUN SYLE. En choisissant
cette option, le style (du paragraphe et/ou du caract&egrave;re) est supprim&eacute; du texte
s&eacute;lectionn&eacute; et est remplac&eacute; par le format par d&eacute;faut.
Propri&eacute;t&eacute;s de style
Si vous d&eacute;sirez consulter ou changer la d&eacute;finition d'un style, comme par exemple le
style sur lequel celui-ci est bas&eacute;, s&eacute;lectionnez PROPRIETES... dans le menu de Style.
Vous devez au pr&eacute;alable s&eacute;lectionnez le texte dont vous voulez consulter la d&eacute;finition
de style.
La bo&icirc;te de dialogue PROPRIETES DE STYLE appara&icirc;t et ressemble &agrave; la bo&icirc;te de dialogue
de CREATION DE STYLE affich&eacute;e au-dessus.
La description de style en bas de la bo&icirc;te de dialogue d&eacute;crit de quelle fa&ccedil;on le style
diff&egrave;re de celui sur lequel il est bas&eacute;. Si vous souhaitez consulter tous les attributs de
style, s&eacute;lectionnez temporairement &laquo; AUCUN STYLE &raquo; depuis la liste &laquo; BASE SUR &raquo; pour
avoir une description compl&egrave;te. N'oubliez pas de r&eacute;initialiser la s&eacute;lection de style sur
laquelle le style est BASE SUR ou de cliquer sur Annuler dans la bo&icirc;te de dialogue si
vous ne voulez pas que le style soit modifi&eacute;.
207
208
Appliquer des styles de texte
Changer la taille de la police
Il existe plusieurs fa&ccedil;ons de changer la taille de la police :
• Saisir une valeur dans le champ de texte de taille sur la barre d'infos et appuyer
sur .
• Ou s&eacute;lectionnez une valeur dans la liste d&eacute;roulante de la TAILLE DE LA POLICE
situ&eacute;e dans la barre d'infos.
• Vous pouvez &eacute;galement utiliser la r&eacute;glette du menu contextuel de la taille de la
police (voir page 183).
• Ou augmenter/diminuer la taille de police manuellement &agrave; l'aide des raccourcis
clavier Ctrl++ &gt; et Ctrl++&lt;. Ceci s'applique uniquement si toutes
les parties du texte s&eacute;lectionn&eacute; ont la m&ecirc;me taille de police.
• Ou encore utiliser l'OUTIL DE SELECTION 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 : MAGIX Web Designer MX 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.
www.magix.com
Utilisation du texte
Lorsque vous utilisez un texte simple, la position initiale du pointeur sur la page est
consid&eacute;r&eacute;e comme point de d&eacute;part de la justification du texte.
Justification GAUCHE : aligne le bord gauche du texte sur la position initiale du
pointeur.
Justification CENTREE : centre le texte sur la position du pointeur.
Justification DROITE : aligne le bord droit du texte sur la position initiale du pointeur.
Justification COMPLETE : ceci s'applique uniquement lorsque le texte est le long d'une
courbe ou dans une colonne et lorsqu'au moins une ligne compl&egrave;te de texte doit &ecirc;tre
justifi&eacute;e.
Retraits
Mettre en paragraphe en retrait
Annuler la mise en retrait d'un paragraphe
Listes &agrave; points
Vous pouvez afficher un texte sous forme de liste &agrave; points tout simplement
en s&eacute;lectionnant le texte puis le bouton de liste &agrave; points situ&eacute; dans la barre
d'infos.
Chaque paragraphe du texte sera alors pr&eacute;c&eacute;d&eacute; d'un point. Si vous appuyez sur la
touche Entr&eacute;e du clavier pour revenir &agrave; la ligne au bout d'une ligne comportant un
point, la ligne suivante commencera &eacute;galement par un point.
Pour terminer votre liste &agrave; points, appuyez sur la touche Entr&eacute;e &agrave; la fin de la derni&egrave;re
ligne du dernier point puis cliquez &agrave; nouveau imm&eacute;diatement sur Entr&eacute;e. Le dernier
point sans texte sera alors supprim&eacute; et vous pourrez entrer normalement du texte &agrave;
nouveau.
209
210
Vous pouvez mettre une liste &agrave; point en alin&eacute;a en pressant le bouton retrait
situ&eacute; sur la barre d'infos. La ligne actuelle sera alors mise en retrait et le
point changera de style, pour le distinguer du point parent.
Exemple d'une liste &agrave; points mise en retrait
Pour placer un point d'une sous-liste dans la liste principale, il suffit de
placer le curseur sur ce point et de cliquer sur le bouton d'annulation du
retrait.
Les boutons de retrait et annulation de retrait permettent ainsi d'&eacute;diter facilement des
listes &agrave; point en retrait.
Listes &agrave; num&eacute;ros
Vous pouvez cr&eacute;er et &eacute;diter des listes &agrave; num&eacute;ros de la m&ecirc;me mani&egrave;re que
celle d&eacute;crite plus haut pour les listes &agrave; points &agrave; l'aide du bouton des listes &agrave;
num&eacute;ros.
Vous pouvez &eacute;galement s&eacute;lectionner le sch&eacute;ma de num&eacute;rotation que vous souhaitez
utiliser pour chaque liste &agrave; l'aide de la bo&icirc;te de dialogue OPTIONS DES LISTES . Placez le
curseur de texte sur l'un des points de la liste &agrave; num&eacute;ros, cliquez le bouton droit de la
souris et s&eacute;lectionnez l'option &laquo; OPTIONS DES LISTES... &raquo; du menu contextuel.
www.magix.com
Utilisation du texte
Dans la bo&icirc;te de dialogue, vous avez la possibilit&eacute; de s&eacute;lectionner l'un des nombreux
sch&eacute;mas et de d&eacute;finir la valeur utilis&eacute;e pour la premi&egrave;re entr&eacute;e de la liste. Le nombre
est ensuite g&eacute;n&eacute;r&eacute; automatiquement pour les entr&eacute;es suivantes de la liste.
Indice et exposant
Cliquer sur le bouton appropri&eacute; sur la BARRE D'INFOS .
Texte normal
exposant
Indice
Espacement des lignes
L'espacement des lignes vous permet de modifier l'espacement
entre deux lignes (il affecte donc l'espacement vertical).
L'espacement des lignes se mesure en pourcentage (120 %) ou en points (12 pt).
Vous pouvez saisir la valeur d'espacement des lignes dans le champ de texte ou
cliquer sur les fl&egrave;ches pour faire progresser les valeurs.
La valeur exprim&eacute;e en pourcentage offre l'avantage de modifier l'&eacute;chelle
proportionnellement lorsque vous changez la taille de la police. Si un pourcentage
sup&eacute;rieur &agrave; la taille de la police est appliqu&eacute; &agrave; une ligne de texte, la police la plus
grande sera utilis&eacute;e. Par exemple, si une ligne contient du texte en 90 % et 100 %,
l'espacement de la ligne sera calcul&eacute; sur 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 demiligne entre les paragraphes.
Comme dans Microsoft Word, si vous utilisez des espaces au-dessus et au-dessous
des paragraphes, l'espacement entre les paragraphes correspond &agrave; la valeur la plus
&eacute;lev&eacute;e (non cumul&eacute;e). L'espacement des paragraphes au-dessus des paragraphes
d&eacute;placera le premier paragraphe vers le bas dans un cadre de texte.
Liens hypertextes
Vous pouvez appliquer un lien &agrave; toute partie d'un objet-texte de sorte que, une fois le
document export&eacute; au format HTML, le texte se pr&eacute;sente sous forme de lien sur lequel
on peut cliquer 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 de la barre d'outils
WEB .
211
212
Cette op&eacute;ration ouvre la bo&icirc;te de dialogue des PROPRIETES WEB dans laquelle l'onglet
LINK est s&eacute;lectionn&eacute;. Dans cet onglet, vous pouvez choisir de cr&eacute;er un lien vers une
URL, une autre page de votre site ou une fen&ecirc;tre 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. Pour modifier la
couleur du lien et d&eacute;cider s'il doit &ecirc;tre soulign&eacute;, utilisez l'onglet SITE WEB de la bo&icirc;te de
dialogue des PROPRIETES WEB (faites un clic droit et s&eacute;lectionnez PROPRIETES WEB ou
s&eacute;lectionnez PROPRIETES WEB dans le menu SERVICES ). Vous pouvez &eacute;galement
d&eacute;finir la couleur d'affichage lorsque l'utilisateur survole un lien hypertexte avec le
curseur de la souris dans un navigateur Internet (&laquo; Couleur de survol de la souris &raquo;) et
la &laquo; Couleur visit&eacute;e &raquo; affich&eacute;e lorsque l'internaute a d&eacute;j&agrave; cliqu&eacute; sur le lien dans son
navigateur.
Pour d&eacute;finir les trois couleurs globales de lien hypertexte, vous pouvez s&eacute;lectionner
les couleurs existantes du th&egrave;me utilis&eacute; dans votre site &agrave; l'aide des menus d&eacute;roulants
ou cliquer sur le bouton MODIFIER pour faire appara&icirc;tre l'&Eacute;DITEUR DE COULEURS et
choisir la couleur d&eacute;sir&eacute;e.
Au besoin, vous pouvez &eacute;craser les couleurs globales des liens hypertextes pour des
liens donn&eacute;s. Dans l'onglet Lien de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s Web, d&eacute;cochez
l'option &laquo; Utiliser les couleurs de lien communes du site &raquo;. Ainsi, 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.
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. Tous les textes &agrave; l'int&eacute;rieur des groupes ne peuvent donc
pas &ecirc;tre s&eacute;lectionn&eacute;s comme 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.
2.
3.
4.
Rendez-vous dans l'OUTIL TEXTE puis cliquez sur le texte pour ins&eacute;rer le
curseur.
Appuyer sur la touche Echap pour s&eacute;lectionner tout le texte.
Aller dans le menu &laquo; SERVICES &gt; NOMS... &raquo;
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.
www.magix.com
Utilisation du texte
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 &agrave;
l'int&eacute;rieur. 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 l'exportation d'un texte pivot&eacute; en tant que texte. Dans ce cas le
nom est ignor&eacute;.
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 SELECTION . 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.
213
214
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 MAGIX Web Designer MX ; 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).
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 INSTALLE.
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).
Int&eacute;gration des polices
MAGIX Web Designer MX 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
www.magix.com
Utilisation du texte
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.
Compatibilit&eacute; de texte navigateur
D'un navigateur &agrave; l'autre, le texte s'affiche d'une mani&egrave;re l&eacute;g&egrave;rement diff&eacute;rente, en
g&eacute;n&eacute;ral au niveau de la taille ou de la longueur des lignes (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).
MAGIX Web Designer MX 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 GENERAL (Effectuez un clic droit et choisissez OPTION
PAGES ou bien allez dans le menu SERVICES &gt; OPTIONS...&gt; GENERAL ) en d&eacute;cochant
l'option AFFICHER LES LONGUEURS DE TEXTE COMPATIBLES AVEC WINDOWS.
Note avanc&eacute;e : si vous utilisez Web Designer ou si vous d&eacute;sactivez cette option de
compatibilit&eacute;, et qu'ensuite vous saisissez une taille interm&eacute;diaire, par exemple 13,6
pixels ou 10 pt, 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 MAGIX Web Designer MX.
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
pixels et 10 pixels. 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 MAGIX Web Designer MX passer d'une taille &agrave;
l'autre lorsque vous redimensionnez les objets.
215
216
L'outil de remplissage
Cr&eacute;ation d'un remplissage 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.
2.
3.
4.
s&eacute;lectionnez l'objet ou les objets auxquels vous souhaitez appliquer le
remplissage.
S&eacute;lectionnez l'outil de REMPLISSAGE (&laquo; G &raquo;)
S&eacute;lectionnez le type de remplissage depuis le menu d&eacute;roulant.
Cliquez et d&eacute;placez la s&eacute;lection sur l'objet pour cr&eacute;er le remplissage. Ou
encore, d&eacute;placez l'une des poign&eacute;es de remplissage pour ajuster la taille du
remplissage et sa position.
MAGIX Web Designer MX affiche un aper&ccedil;u interactif et fluide du remplissage
lorsque vous tirez.
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'EDITEUR DE COULEURS pour d&eacute;finir une nouvelle couleur. Vous
pouvez alterner entre les poign&eacute;es de remplissage en cliquant sur la touche Tab.
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 LINEAIRE : 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.
www.magix.com
L'outil de remplissage
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 MAGIX Web Designer MX 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.
: il s'agit d'un motif de remplissage al&eacute;atoire
qui poss&egrave;de plus de contraste qu'un remplissage en nuage
fractal.
PLASMA 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.
Barre d'infos de l'outil de remplissage
Type de remplissage
Quadrillage du remplissage
Effet du remplissage
Nom du bitmap
Poign&eacute;e de remplissage/r&eacute;solution
Couleur de poign&eacute;e/grain
TYPE DE REMPLISSAGE
s&eacute;lectionne le type du remplissage. S&eacute;lection depuis ce menu :
• lorsque qu'un objet est s&eacute;lectionn&eacute;, le remplissage est appliqu&eacute; &agrave; cet objet ;
217
218
• sans objet s&eacute;lectionn&eacute;, le type de remplissage par d&eacute;faut est d&eacute;fini puis utilis&eacute;
pour les nouveaux objets dessin&eacute;s.
Le QUADRILLAGE DU REMPLISSAGE est utilis&eacute; pour les remplissages e type 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 :
• Simple : le remplissage n'est utilis&eacute; qu'une fois, quelle que soit la taille de l'objet.
La zone autour du &laquo; carreau &raquo; est transparente.
• R&eacute;p&eacute;tition/carreau r&eacute;p&eacute;t&eacute; : l'effet de remplissage est r&eacute;p&eacute;t&eacute; afin de remplir tout
l'objet.
• R&eacute;p&eacute;tition invers&eacute;e : disponible uniquement pour les remplissages de type fractal
et bitmap. Similaire au carreau r&eacute;p&eacute;t&eacute;, &agrave; la diff&eacute;rence qu'un carreau sur deux est
invers&eacute;. Ce proc&eacute;d&eacute; peut aider &agrave; masquer les lignes &agrave; la jointure des carreaux.
Remplissage r&eacute;p&eacute;t&eacute; en ellipse &agrave; l'int&eacute;rieur d'une forme elliptique.
L'EFFET DE REMPLISSAGE est utilis&eacute; pour tous les types de remplissage. Il contr&ocirc;le le
d&eacute;grad&eacute; des couleurs de remplissage de la couleur de d&eacute;part &agrave; celle d'arriv&eacute;e :
•
•
: cr&eacute;e un d&eacute;grad&eacute; lin&eacute;aire entre deux couleurs.
ARC-EN-CIEL : r&eacute;alise un d&eacute;grad&eacute; le long du bord le plus court du disque de couleur
TSV. Par exemple, un d&eacute;grad&eacute; du jaune au cyan donne un encha&icirc;nement jaunevert-cyan.
DEGRADE
Cette option est sans effet lorsque les deux couleurs sont le noir, le blanc ou le gris.
•
ALT ARC-EN-CIEL : similaire &agrave; Arc-en-ciel, mais le d&eacute;grad&eacute; est r&eacute;alis&eacute; en suivant le
bord le plus long du disque de couleur. Par exemple, un d&eacute;grad&eacute; du jaune au cyan
donne un encha&icirc;nement jaune-rouge-magenta-bleu-cyan.
affiche un menu d&eacute;roulant comprenant des miniatures de tous les
bitmaps de la GALERIE DES BITMAPS ; il s'agit d'une m&eacute;thode simple pour s&eacute;lectionner
le bitmap/la photo &agrave; utiliser pour un remplissage de type bitmap.
NOM DE BITMAP
POIGNEE 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.
www.magix.com
L'outil de remplissage
RESOLUTION (uniquement pour les remplissages de type fractal et bitmap) : indique la
r&eacute;solution du bitmap (tant qu'aucune poign&eacute;e de remplissage n'est s&eacute;lectionn&eacute;e).
Vous pouvez saisir une nouvelle r&eacute;solution pour modifier la taille du bitmap. Avec les
r&eacute;solutions basses, les pixels du bitmap deviennent visibles. Vous aurez rarement
besoin d'une r&eacute;solution sup&eacute;rieure &agrave; 150 DPI (ou PPP), m&ecirc;me lorsqu'il s'agit de
caract&egrave;res typographiques. 96 DPI suffisent pour l'affichage &agrave; l'&eacute;cran.
(except&eacute; pour les remplissages bitmap) :
indique la couleur appliqu&eacute;e &agrave; la poign&eacute;e de remplissage s&eacute;lectionn&eacute;e.
COULEUR DE POIGNEE DE REMPLISSAGE
Remplissages uniformes
Pour appliquer ou modifier un remplissage uniforme :
1.
2.
s&eacute;lectionnez un remplissage uniforme depuis le menu de
type de remplissage.
S&eacute;lectionnez une couleur dans la PALETTE DES COULEURS.
La palette de couleurs est d&eacute;crite dans le chapitre Utilisation des couleurs (voir page
169).
Remplissages lin&eacute;aires
Pour appliquer un
remplissage lin&eacute;aire :
1.
2.
3.
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).
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)
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.
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.
Tirez la poign&eacute;e.
219
220
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 (voir page
169).
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.
2.
3.
S&eacute;lectionnez la poign&eacute;e de votre choix (ou les poign&eacute;es, dans le cas o&ugrave; vous
avez plusieurs objets).
S&eacute;lectionnez la couleur souhait&eacute;e dans la palette.
Cette op&eacute;ration modifie toutes les poign&eacute;es de remplissage s&eacute;lectionn&eacute;es.
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).
www.magix.com
L'outil de remplissage
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.
Remplissages bitmap
Type de remplissage
Quadrillage du remplissage
Non utilis&eacute;
Nom du bitmap
R&eacute;solution
Non utilis&eacute;
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 (voir
page 226).
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 MAGIX Web Designer MX (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.
221
222
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
(photo)
R&eacute;p&eacute;ter le quadrillage
R&eacute;p&eacute;t&eacute; invers&eacute; : les carreaux 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 (voir page 224). 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 s'adapte de fa&ccedil;on &agrave; &ecirc;tre ajust&eacute;e &agrave; la forme. Par d&eacute;faut, 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.
www.magix.com
L'outil de remplissage
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 DETERMINER LA COULEUR CLAIRE CONTONE ou DETERMINER 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 RESOLUTION 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
Maintenez la touche Maj enfonc&eacute;e et cliquez et tirez sur la forme comportant d&eacute;j&agrave; un remplissage bitmap. Vous cr&eacute;ez ainsi un nouveau remplissage bitmap centr&eacute; autour du point cliqu&eacute;. Si vous maintenez la touche &laquo; Ctrl &raquo; enfonc&eacute;e, l'angle sera limit&eacute;, ce qui simplifie la cr&eacute;ation d'un remplissage bitmap droit.
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).
223
224
Un exemple
Pour remplir l'ellipse situ&eacute;e sur la gauche avec la photo du centre ;
1.
2.
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.
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
(voir page 230) pour de plus amples informations.
Remplissages fractals
MAGIX Web Designer MX 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.
www.magix.com
L'outil de remplissage
Le contr&ocirc;le du GRAIN dans la BARRE
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.
D'INFOS
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;.
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.
225
226
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'EDITEUR 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'EDITEUR 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.
Galerie des remplissages
La galerie des REMPLISSAGES contient des textures bitmaps adapt&eacute;es comme
remplissages. Ils sont copi&eacute;s dans le document lorsque vous les utilisez comme
remplissage.
Pour afficher la GALERIE DES REMPLISSAGES :
• Choisissez SERVICES &gt; GALERIES &gt; GALERIE DE REMPLISSAGES.
• Ou cliquez sur Maj + F11
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 .
IMPORTER :
www.magix.com
L'outil de remplissage
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 :
ARRIERE-PLAN :
SUPPRIMER :
t&eacute;l&eacute;charger des remplissages gratuits de Xara.
d&eacute;finit le remplissage s&eacute;lectionn&eacute; comme arri&egrave;re-plan pour la page.
supprime le remplissage ou dossier s&eacute;lectionn&eacute;.
REMPLISSAGE DISQUE :
ajouter de nouveaux remplissages depuis votre disque dur ou
un CD.
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.
OPTIONS :
ARRETER LE TELECHARGEMENT : 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.
227
228
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 bitmap
Poign&eacute;e/r&eacute;solution
Degr&eacute; de 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.
2.
3.
S&eacute;lection d'un ou plusieurs objets
S&eacute;lectionnez l'outil de transparence (raccourci F6)
D&eacute;placez la r&eacute;glette de transparence sur la barre d'infos
MAGIX Web Designer MX 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 (voir page 215) 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.
2.
S&eacute;lection d'un ou plusieurs objets
Dans l'OUTIL DE TRANSPARENCE, tirez sur les objets pour produire une transition
lin&eacute;aire sur l'objet.
www.magix.com
Transparence
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).
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.
229
230
Ombres
L'outil Ombres
L'OUTIL OMBRES (raccourci Ctrl+F2) vous permet d'appliquer, de supprimer,
et de modifier les ombres semi-transparentes (ou douces).
Aucune ombre
Types d'ombres
Ombre floue
Transparence de l'ombre
Positionnement de l'ombre
MAGIX Web Designer MX 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;.
www.magix.com
Ombres
Appliquer une ombre
Appliquer une ombre verticale
Pour appliquer une ombre verticale :
1.
2.
3.
4.
s&eacute;lectionnez un objet.
S&eacute;lectionnez l'outil OMBRES .
S&eacute;lectionnez le bouton OMBRE VERTICALE dans la
barre d'infos de l'outil OMBRES .
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.
2.
3.
s&eacute;lectionnez un objet.
S&eacute;lectionnez l'outil OMBRES .
Tirez du centre de l'objet en direction de l'ombre.
Appliquer une ombre horizontale
1.
2.
3.
4.
s&eacute;lectionnez un objet.
S&eacute;lectionnez l'outil OMBRES .
S&eacute;lectionnez le bouton OMBRE HORIZONTALE dans
la barre d'infos de l'outil OMBRES .
&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.
2.
3.
4.
S&eacute;lectionner l'objet.
S&eacute;lectionnez l'outil OMBRES .
S&eacute;lectionnez le bouton HALO dans la barre d'info
de l'outil OMBRES .
&Eacute;loignez-vous ou rapprochez-vous de l'objet
pour modifier la taille du halo.
231
232
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.
2.
3.
s&eacute;lectionnez un objet.
S&eacute;lectionnez l'outil OMBRES .
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.
2.
3.
s&eacute;lectionnez un objet.
S&eacute;lectionnez l'outil OMBRES .
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.
www.magix.com
Ombres
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 MAGIX Web Designer MX &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;rezvous au chapitre Manipulation des couleurs (voir page 169).
• 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 SELECTION . (Assurez-vous que
vous avez s&eacute;lectionn&eacute; l'ombre et non l'objet.)
2. Utilisez l'EDITEUR DE COULEUR pour l'&eacute;dition.
Supprimer une ombre
Pour supprimer une ombre douce :
1.
2.
3.
s&eacute;lectionnez un objet.
S&eacute;lectionnez l'outil OMBRES .
S&eacute;lectionnez le bouton AUCUNE OMBRE sur la
barre d'infos de l'outil OMBRES .
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.
233
234
• Si plusieurs objets avec ombres sont s&eacute;lectionn&eacute;s, tout changement sera appliqu&eacute;
&agrave; toutes les ombres.
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;.
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 .
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
La bo&icirc;te de dialogue des propri&eacute;t&eacute;s web comporte plusieurs onglets ; elle vous permet
d'ajouter et de configurer la plupart des fonctions web de MAGIX Web Designer MX,
mais aussi d'appliquer diff&eacute;rentes propri&eacute;t&eacute;s web aux objets, aux pages et au site
Internet dans son ensemble. Ouvrez-la en faisant un clic droit sur un objet puis en
s&eacute;lectionnant PROPRIETES WEB ou en utilisant l'option de menu SERVICES &gt; PROPRIETES
WEB… (raccourci clavier Ctrl + Maj + W).
Chaque onglet de la bo&icirc;te de dialogue est directement accessible en utilisant les
boutons situ&eacute;s sur la barre escamotable des propri&eacute;t&eacute;s web situ&eacute;e sur la barre d'outils
du site Internet.
Onglet Lien
Onglet site Internet
Onglet Page
Onglet Image
Onglet Mouse-over
Onglet Objet fictif
Onglet publier
Cr&eacute;er/&eacute;diter une barre de navigation
La bo&icirc;te de dialogue n'a pas de mode ; par cons&eacute;quent, vous pouvez la laisser ouverte
pendant que vous s&eacute;lectionnez diff&eacute;rentes pages et diff&eacute;rents objets de votre
document. Cela facilite le param&eacute;trage rapide des propri&eacute;t&eacute;s des diff&eacute;rentes pages et
des diff&eacute;rents objets de votre site web. Utilisez le bouton OK pour appliquer vos
modifications et fermer la bo&icirc;te de dialogue ou le bouton APPLIQUER pour appliquer
vos modifications sans fermer la bo&icirc;te de dialogue.
Les parties suivantes se rapportent tour &agrave; tour &agrave; chaque onglet de la bo&icirc;te de dialogue.
235
236
Onglet Lien
Les param&egrave;tres de cet onglet s'appliquent &agrave; (aux) l'objet(s) ou au texte s&eacute;lectionn&eacute;s.
G&eacute;n&eacute;ralement, vous utiliserez cet onglet pour ajouter un lien &agrave; un objet (par exemple
un bouton ou une photo) ou &agrave; un texte de votre page Internet 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 de mani&egrave;re &agrave; ouvrir une fen&ecirc;tre pop-up.
Pour ajouter un lien &agrave; quelques mots d'un paragraphe de texte, allez dans l'OUTIL
et surlignez le texte que vous souhaitez lier pour le s&eacute;lectionner. Puis
configurez le lien dans cet onglet.
TEXTE
La partie principale de cet onglet vous permet de d&eacute;cider ce qui se passe 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
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
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 :
[email protected] objet :e-mail de la part du site Internet CC :[email protected]
CCi :[email protected] body : e-mail automatique
Remarque technique : MAGIX Web Designer MX 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...
S&eacute;lectionnez cette option pour cr&eacute;er un lien vers une autre page du site ou, si vous
faites un document de pr&eacute;sentation, vers l'&eacute;tape pr&eacute;c&eacute;dente ou suivante de la
pr&eacute;sentation. La liste du menu d&eacute;roulant permet de s&eacute;lectionner la page ou l'&eacute;tape &agrave;
lier.
ASTUCE : si votre site Internet comprend de nombreuses pages, il sera plus facile de
d&eacute;finir et d'entretenir les liens de vos pages si vous attribuez un nom &agrave; chaque page
car la liste des pages affichera le nom des pages au lieu de la simple mention &laquo; Page
2 &raquo;, &laquo; Page 3 &raquo;, etc.
Consultez la section Onglet Page (voir page 244) plus bas pour savoir
comment d&eacute;finir le nom des pages ou &eacute;diter les noms dans la Galerie des
pages et des calques.
En plus d'afficher les diff&eacute;rentes pages de votre site, la liste d&eacute;roulante contient
&eacute;galement des mentions sp&eacute;ciales : PAGE/ETAPE SUIVANTE et PAGE/ETAPE
PRECEDENTE .
Page suivante/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 MAGIX Web Designer MX. 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.
&Eacute;tape de pr&eacute;sentation suivante/pr&eacute;c&eacute;dente
Utilisez-les pour ajouter un lien menant &agrave; l'&eacute;tape suivante ou pr&eacute;c&eacute;dente de la
pr&eacute;sentation dans le cas o&ugrave; votre site est une pr&eacute;sentation. Comme pour les
commandes de page suivante/pr&eacute;c&eacute;dente, l'ordre de la pr&eacute;sentation est d&eacute;termin&eacute;
par l'ordre des &eacute;tapes tel qu'il appara&icirc;t dans MAGIX Web Designer MX.
237
238
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 point d'ancrage, allez tout d'abord sur la page et l'objet vers lequel
vous souhaitez envoyer le visiteur. S&eacute;lectionnez l'objet et ajoutez-lui un nom en
faisant un clic droit puis en s&eacute;lectionnant l'option 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 le
bas de fa&ccedil;on &agrave; ce que votre objet ancr&eacute; soit imm&eacute;diatement visible.
REMARQUE
: vous ne pouvez pas appliquer de transition &agrave; un lien vers un point
d'ancrage.
Lien vers un fichier
Cette option de lien est utile pour ajouter un document, un film ou tout autre fichier &agrave;
votre site Internet et le rendre accessible aux visiteurs du site. Par exemple, vous
pouvez souhaiter mettre &agrave; disposition un document PDF.
S&eacute;lectionnez l'objet ou le texte auquel le lien sera associ&eacute;. Puis, activez l'option Lien
vers un fichier et, &agrave; l'aide du bouton PARCOURIR , recherchez le fichier dans votre
ordinateur. Le nom du fichier s'affiche dans le champ de texte sur la gauche du bouton
de navigation. Cliquez sur OK pour appliquer le lien.
Parall&egrave;lement &agrave; l'application du lien, MAGIX Web Designer MX r&eacute;alise une copie de
votre fichier qu'il place dans le r&eacute;pertoire de support de votre mod&egrave;le de conception.
Ce r&eacute;pertoire se trouve pr&egrave;s du fichier .web ou .xar. Si votre mod&egrave;le s'appelle
&laquo; MySite.web &raquo;, le r&eacute;pertoire de support associ&eacute; s'appellera &laquo; MySite_web_files &raquo;.
Tous les fichiers dans le r&eacute;pertoire de support sont publi&eacute;s en m&ecirc;me temps que votre
site, ce qui signifie que le fichier sera mis en ligne en m&ecirc;me temps que le site pour que
le lien fonctionne. Pour en savoir plus sur les r&eacute;pertoires de support, reportez-vous au
chapitre Utilisation des documents (voir page 97).
Remarque : &eacute;tant donn&eacute; la pr&eacute;sence d'une copie s&eacute;par&eacute;e du fichier dans le r&eacute;pertoire
de support de votre mod&egrave;le de conception, vous devrez mettre &agrave; jour cette copie &agrave;
chaque fois que vous modifiez le fichier original et souhaitez publier la version
modifi&eacute;e. Vous pouvez &eacute;galement r&eacute;p&eacute;ter le proc&eacute;d&eacute; d&eacute;crit plus haut et parcourir
votre ordinateur pour rechercher le fichier mis &agrave; jour. De m&ecirc;me, si vous d&eacute;placez ou
copiez le mod&egrave;le de conception de votre site Internet dans un autre ordinateur ou
donnez une copie &agrave; un tiers, vous devrez vous assurer que le r&eacute;pertoire de support
accompagne bien le fichier du mod&egrave;le car il comprend &agrave; pr&eacute;sent une grande partie
de votre site Internet !
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
Calque pop-up
Vous pouvez ajouter n'importe quel contenu &agrave; votre page sous la forme d'un calque
s&eacute;par&eacute; et faire en sorte que ce contenu s'affiche uniquement lorsque le visiteur clique
sur un lien. Par exemple, vous pouvez ajouter un descriptif &agrave; une photo de votre page
web et faire en sorte qu'il ne s'affiche que lorsque l'utilisateur clique sur la photo.
Pour ajouter un calque pop-up, il faut d'abord ajouter le calque lui-m&ecirc;me en
utilisant la GALERIE DES PAGES ET DES CALQUES puis ajouter le contenu de votre
pop-up &agrave; ce calque.
Pour plus de d&eacute;tails, consultez le chapitre GALERIE DES PAGES ET DES CALQUES . Vous
pouvez ensuite s&eacute;lectionner le calque dans la liste disponible pr&egrave;s de l'option &laquo; Calque
pop-up &raquo;.
&Agrave; pr&eacute;sent, lorsqu'un visiteur clique sur l'objet, le contenu du calque appara&icirc;t ! Le fait
de cliquer &agrave; un autre endroit de la page fait dispara&icirc;tre le pop-up.
Notez que tout le contenu du calque pop-up est charg&eacute; d&egrave;s qu'un visiteur entre sur
la page. Si vous souhaitez utiliser de nombreuses photos avec pop-up, utilisez la
fonction Photo pop-up d&eacute;crite plus bas.
Le chapitre Pour bien d&eacute;marrer (voir page 76) contient des instructions pas &agrave; pas
concernant l'ajout de calques pop-up.
Photo pop-up
Cette option vous permet d'ajouter tr&egrave;s facilement des photos pop-up et d'autres
fonctions de la galerie de photos &agrave; votre site Internet, sans passer par des calques ! Il
vous suffit d'importer votre photo puis d'utiliser l'OUTIL DE SELECTION pour lui donner
les bonnes dimensions afin qu'elle apparaisse sous la forme d'une photo miniature sur
votre page Internet. Ensuite, s&eacute;lectionnez-la et s&eacute;lectionnez l'option &laquo; PHOTO POPUP &raquo;.
Cliquez sur le bouton PARAMETRES situ&eacute; pr&egrave;s de cette option pour acc&eacute;der &agrave; l'ONGLET
IMAGE dans lequel vous pourrez d&eacute;finir la taille de la photo pop-up, ajouter un titre et
une l&eacute;gende et s&eacute;lectionner l'une des nombreuses autres options. Pour plus de d&eacute;tails,
veuillez vous reporter &agrave; la section Onglet Image (voir page 246). Lorsque vous
s&eacute;lectionnez l'option Photo pop-up dans l'onglet Lien, la case Photo pop-up est
automatiquement coch&eacute;e dans l'onglet Image car toutes deux activent la m&ecirc;me
fonction pop-up.
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).
239
240
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 FENETRE (_BLANK)
MEME FRAME (_SELF)
Ouvre le lien dans une nouvelle fen&ecirc;tre du navigateur.
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.
Ouvre le lien dans la fen&ecirc;tre de navigation principale, et
remplace tous les frames existants.
MEME FENETRE (_TOP)
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.
: 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.
RECTANGLE ENTOURANT L'OBJET
Transition de lien
Cette option vous permet d'appliquer un effet de transition &agrave; un lien pour que la page
&agrave; laquelle il fait r&eacute;f&eacute;rence (qu'il s'agisse d'un site externe ou d'une des pages de votre
site) apparaisse avec la transition s&eacute;lectionn&eacute;e. Les transitions de lien ne sont
utilisables que lorsque le lien ouvre une nouvelle page ; autrement, elles ne sont pas
disponibles.
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
Remarque : si vous appliquez une transition &agrave; un lien qui m&egrave;ne &agrave; une page ayant son
propre effet de transition (d&eacute;finit dans l'onglet Page (voir page 244)), c'est la
transition du lien qui sera utilis&eacute;e. Ainsi, la transition de lien &eacute;crase la transition de
page pour un lien donn&eacute;.
EFFET DE TRANSITION
: s&eacute;lectionnez votre effet anim&eacute; dans la liste d&eacute;roulante.
Vous pouvez appliquer les effets de transition suivants &agrave; un lien :
Instantan&eacute;
(d&eacute;faut)
Glissement
&agrave; partir de
Les nouveaux contenus des pages, des calques et des &eacute;tapes
apparaissent imm&eacute;diatement
Les nouveaux contenus des pages, des calques et des &eacute;tapes
apparaissent par glissement provenant de diff&eacute;rentes directions
Glissement Les contenus de la page actuelle glissent dans diff&eacute;rentes directions
vers
pour dispara&icirc;tre
Fondu
Les nouveaux contenus des pages apparaissent progressivement
Fondu
Les contenus de la page actuelle se changent progressivement en &eacute;cran
passant par noir qui laisse graduellement place aux contenus de la nouvelle page
le noir
Volet
Une barre noire traverse l'&eacute;cran de droite &agrave; gauche pour masquer les
anciens contenus, puis refait le chemin en sens inverse pour r&eacute;v&eacute;ler les
contenus de la nouvelle page.
S&eacute;paration Les nouveaux contenus apparaissent par glissement, se s&eacute;parent en
par
deux moiti&eacute;s qui glissent l'une vers l'autre verticalement ou
glissement horizontalement
vertical/
horizontal
VITESSE (SEC.) : s&eacute;lectionnez la dur&eacute;e de l'effet en secondes. Par d&eacute;faut, les objets ne
feront qu'appara&icirc;tre/dispara&icirc;tre par glissement &agrave; partir des bords de la page web. Si
vous voulez que les objets d&eacute;marrent des bords de la fen&ecirc;tre du navigateur plut&ocirc;t que
des bords de la page, d&eacute;cochez la case &Eacute;PINGLER AUX BORDS DE LA PAGE dans l'onglet
Site Internet (voir page 242) de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web.
Par d&eacute;faut, lorsqu'une transition est appliqu&eacute;e, les objets r&eacute;alisent uniquement un
glissement avant/arri&egrave;re vers le bord de la page web. Si vous voulez que les objets
glissent &agrave; partir des bords de la fen&ecirc;tre du navigateur plut&ocirc;t que des bords de la page
web, d&eacute;cochez la case &Eacute;PINGLER AUX BORDS DE LA PAGE dans l'Onglet site Internet
(voir page 242) de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web.
Remarque : cette option est gris&eacute;e si LIER A UNE ANCRE , LIER A UN FICHIER , CALQUE
POP-UP ou PHOTO POP-UP sont s&eacute;lectionn&eacute;s.
241
242
Onglet Site Internet
Les param&egrave;tres de cet onglet s'appliquent &agrave; la totalit&eacute; du document actuel ou du site
Internet ind&eacute;pendamment de l'objet ou de la page s&eacute;lectionn&eacute;(e).
TITRE, DESCRIPTION ET MOTS-CLES : ces champs sont d&eacute;crits dans la section de
l'Onglet Page (voir page 244) 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 remplacent pour certaines pages. Ainsi, une page
dont le titre n'est pas pr&eacute;cis&eacute; dans l'onglet Page recevra le titre sp&eacute;cifi&eacute; ici.
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
: ce bouton poss&egrave;de la m&ecirc;me fonction que le bouton code HTML
(body) de l'Onglet Page, c'est-&agrave;-dire qu'il vous permet de saisir et d'&eacute;diter une grande
partie du code HTML de la section &laquo; body &raquo; de toutes les pages de votre site.
CODE HTML (BODY)
Cependant, lorsque le code est saisi dans l'ONGLET SITE INTERNET , il est ajout&eacute; &agrave;
toutes les pages de votre site en plus du code concernant chaque page saisi dans
l'Onglet Page. Cela vous permet d'inclure du code dans toutes les pages et d'ajouter
un code diff&eacute;rent 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.
: 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.
LIENS TEXTE SOULIGNES
: 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 SANS EFFET
COULEUR SOURIS AVEC EFFET : les liens dans le texte changeront de couleur lorsqu'un
visiteur passera le curseur de la souris dessus.
COULEUR LIEN VISITE : 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.
Pr&eacute;sentations web
Cochez la case SITE DE PRESENTATION pour convertir un site existant en pr&eacute;sentation.
Remarque : si vous avez cr&eacute;&eacute; votre document de pr&eacute;sentation en s&eacute;lectionnant
PRESENTATION 955 PIX du menu NOUVEAU , la case SITE DE PRESENTATION est
automatiquement coch&eacute;e.
DECOUPER AUX BORDS DE LA PAGE (activ&eacute; par d&eacute;faut) : si des objets de votre site web
recouvrent les bords de la page, cochez cette case pour d&eacute;couper les objets
concern&eacute;s de sorte que seule leur partie dans la page soit visible. D&eacute;cochez cette case
si vous souhaitez que les objets d&eacute;passent les bords de la page de sorte que m&ecirc;me
leur partie recouvrant le presse-papiers soit affich&eacute;e.
Remarque : si vous avez appliqu&eacute; des transitions &agrave; un calque ou &agrave; une &eacute;tape de la
pr&eacute;sentation qui appara&icirc;t &agrave; partir des c&ocirc;t&eacute;s, du haut ou du bas de la page, le fait de
d&eacute;cocher cette case force la transition &agrave; appara&icirc;tre des bords de la fen&ecirc;tre du
navigateur plut&ocirc;t que des bords de la page.
243
244
Onglet Page
Les options de cet onglet s'appliquent &agrave; la page actuelle, et non &agrave; (aux) l'objet(s)
s&eacute;lectionn&eacute;(s). La page actuelle est rep&eacute;r&eacute;e par des lignes noires &agrave; l'ext&eacute;rieur de
chaque coin de la page. Tous les champs de cet onglet sont optionnels ; il n'est pas
absolument n&eacute;cessaire 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;s
sur toutes les pages de votre site, vous pouvez les saisir une seule fois dans l'onglet
Site Internet pour &eacute;viter 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;, &eacute;crivez &laquo; home &raquo; dans ce champ.
Habituellement, la premi&egrave;re page d'un site Internet s'appelle &laquo; index.htm &raquo; ou
&laquo; home.htm &raquo; parce que lorsqu'un internaute saisit une URL se limitant au nom du
domaine sans sp&eacute;cifier de nom de page (par exemple &laquo; www.xara.com &raquo;), le serveur
web associe automatiquement cette adresse &agrave; la page index.htm si elle existe.
Remarquez que les caract&egrave;res saisis dans ce champ sont automatiquement convertis
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
en minuscules, que les accents sont supprim&eacute;s et que certains caract&egrave;res non
alphanum&eacute;riques sont interdits. Le but est de r&eacute;duire les risques d'incompatibilit&eacute;
avec les serveurs web lorsque vous publiez votre site sur Internet.
: en option, vous pouvez donner un titre &agrave; votre page. Si vous
choisissez d'en donner un, il sera utilis&eacute; par les navigateurs Internet et affich&eacute; dans la
barre de titre 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 &laquo; Graphics Software
by Xara &raquo;, titre que vous pouvez voir affich&eacute; par le navigateur Internet si vous vous
rendez sur le site.
TITRE DE LA PAGE
Avanc&eacute; : le titre est ins&eacute;r&eacute; dans l'en-t&ecirc;te de la page en utilisant l'&eacute;l&eacute;ment HTML
&lt;title&gt;.
: ce texte de description de la page peut &ecirc;tre affich&eacute; par les
moteurs de recherche parmi leurs r&eacute;sultats lorsque des visiteurs trouvent votre page
au cours d'une recherche Internet. La description de la page peut aussi &ecirc;tre affich&eacute;e
par des navigateurs et d'autres services Internet.
DESCRIPTION DE LA PAGE
Avanc&eacute; : la description est ins&eacute;r&eacute;e dans l'en-t&ecirc;te de la page sous forme de
m&eacute;tadonn&eacute;es
(&lt;meta name=&quot;description&quot; …..).
MOTS-CLES DE LA PAGE : ici, vous pouvez saisir des mots-cl&eacute;s utilis&eacute;s par les moteurs
de recherche ; ils aideront les visiteurs &agrave; tomber sur votre site. Entrez des mots-cl&eacute;s
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 ajout&eacute;s dans l'en-t&ecirc;te sous forme de
m&eacute;tadonn&eacute;es :
Avanc&eacute; : les mots-cl&eacute;s sont ins&eacute;r&eacute;s dans l'en-t&ecirc;te de la page sous forme de
m&eacute;tadonn&eacute;es
(&lt;meta name=&quot;keywords&quot; …..).
CODE HTML (BODY) : cliquez pour ouvrir la bo&icirc;te de dialogue Code HTML (body) o&ugrave;
vous pourrez copier ou &eacute;crire de grandes quantit&eacute;s de code HTML ins&eacute;r&eacute; directement
dans le corps de votre page web. Le code est ins&eacute;r&eacute; sans &ecirc;tre modifi&eacute; juste avant la
balise de fermeture &lt;/body&gt;.
Ces bo&icirc;tes de dialogue doivent &ecirc;tre utilis&eacute;es avec pr&eacute;caution car le fait d'ins&eacute;rer un
code ou un script non valable dans votre page peut cr&eacute;er de graves probl&egrave;mes sur
toute la page Internet.
245
246
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 bouton Code HTML (body) de l'Onglet Site
Internet de cette bo&icirc;te de dialogue au lieu de le saisir pour chaque page via l'onglet
Page.
Onglet image
Popup photo
Cette section de l'ONGLET IMAGE vous permet d'ajouter des photos popup et d'autres
fonctions de galeries de photos &agrave; votre site Internet tr&egrave;s facilement. Il vous suffit
d'importer votre photo et d'utiliser l'OUTIL DE SELECTION afin de lui donner les bonnes
dimensions pour qu'elle apparaisse sous la forme d'une photo miniature sur votre
page Internet. Alors que la photo est encore s&eacute;lectionn&eacute;e, cochez la case photo popup
de cet onglet. D&eacute;finissez la taille d'affichage souhait&eacute;e pour le popup en entrant une
valeur dans le champ de largeur du popup (par d&eacute;faut 500 pixels). Ouvrez un aper&ccedil;u
de la page et cliquez sur la miniature pour afficher la photo popup.
Lorsque vous activez la fonction de photo popup dans l'ONGLET IMAGE &agrave; l'aide de la
case &agrave; cocher, l'option correspondante dans l'onglet LIEN est &eacute;galement s&eacute;lectionn&eacute;e
automatiquement. Cela est d&ucirc; au fait qu'un clic sur la photo affichera la photo popup,
il n'est donc pas possible de d&eacute;finir un autre lien pour le m&ecirc;me objet. Tous les liens
pr&eacute;alables associ&eacute;s &agrave; cet objet dans l'onglet Lien seront supprim&eacute;s.
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
L'un des grands avantages que pr&eacute;sentent les photos popup par rapport aux calques
popup (comme d&eacute;crit dans la section de l'onglet LIEN ci-dessus) est que la photo en
grande taille n'est t&eacute;l&eacute;charg&eacute;e sur le navigateur web que lorsqu'un 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.
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.
Options des photos de popups
Cliquez sur le bouton OPTIONS pour ouvrir la bo&icirc;te de dialogue des OPTIONS DES
PHOTOS POPUP . Vous pourrez y s&eacute;lectionner toute une s&eacute;rie d'options qui permettent
de modifier la pr&eacute;sentation des photos popup.
Options des popups
Les options suivantes permettent de modifier l'apparence de la photo popup.
GRISER LA PAGE LORSQUE LE POPUP EST OUVERT : lorsque vous s&eacute;lectionnez cette
option, la page enti&egrave;re est gris&eacute;e lorsqu'une photo popup est affich&eacute;e. La photo est
ainsi mise en valeur, elle ressort par rapport &agrave; l'arri&egrave;re-plan sombre de la page.
247
248
AFFICHER UNE OMBRE DERRIERE LE POPUP : cette option place une ombre derri&egrave;re la
fen&ecirc;tre de la photo popup, ici encore pour faire ressortir la photo sur l'arri&egrave;re-plan de
la page.
AFFICHER LE TITRE DE L'IMAGE : si vous avez attribu&eacute; un texte de titre (voir plus haut &agrave;
chacune de vos photos, cette option permet d'afficher le titre au-dessus des photos
popup.
Veuillez noter que le texte de titre est diff&eacute;rent des textes de commentaire, qui
apparaissent au-dessous de la photo. Voir plus bas pour en savoir plus sur la
d&eacute;finition du texte.
Options de galerie
Les options suivantes permettent d'activer les fonctions de la galerie pour les photos
popup.
AFFICHER LES COMMANDES DE L'EXPLORATEUR DE GALERIES : en activant cette fonction,
les commandes de la galerie de votre photo popup s'affichent.
Elle s'affichent au dessus de votre photo &agrave; chaque fois que le pointeur de la souris se
trouve sur la photo. Le visiteur du site peut alors voir les autres photos popup dans la
page actuelle, sans devoir fermer la fen&ecirc;tre popup et cliquer sur les miniatures de
chaque photo. Le visiteur peut se d&eacute;placer entre la photo pr&eacute;c&eacute;dente ou la suivante,
ou d&eacute;marrer et arr&ecirc;ter un diaporama automatique dans lequel chaque photo est
affich&eacute;e durant quelques secondes avant que la suivante ne s'affiche.
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
: cette option permet
d'afficher une bande contenant les miniatures des photos au dessous de la fen&ecirc;tre de
photo popup. Le visiteur peut alors s&eacute;lectionner n'importe laquelle des photos en
cliquant simplement sur la miniature de la bande, sans devoir encore une fois fermer
la fen&ecirc;tre popup.
AFFICHER LA BANDE DE MINIATURES AU BAS DE LA PHOTO
: activez cette option si vous souhaitez
d&eacute;marrer un diaporama d&egrave;s que l'utilisateur clique sur n'importe laquelle des photos
popup. Vous pouvez &eacute;galement d&eacute;terminer le nombre de secondes durant lesquelles
une photo est affich&eacute;e dans le diaporama.
DEMARRAGE AUTOMATIQUE DU DIAPORAMA
Veuillez noter que les seules photos inclues dans la galerie des photos sont les photos
se trouvant sur la page actuelle et d&eacute;finies comme photos popup. Toutes les autres
photos de votre page n'appara&icirc;tront pas dans la galerie, ainsi vous devez vous assurer
que l'option de photo popup de l'onglet Lien dans la bo&icirc;te de dialogue des Options
Internet est bien activ&eacute;e pour toutes les photos que vous souhaitez inclure &agrave; la galerie.
L&eacute;gendes d'image
En option, vous pouvez faire s'afficher une l&eacute;gende sous chacune des photos pop-up.
Saisissez le texte de l&eacute;gende dans ce champ de l'Onglet Image.
Remarquez que cette fonction s'applique &agrave; d'autres objets que les photos,
notamment aux formes et aux groupes, mais qu'elle ne peut pas &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.
249
250
Si vous ma&icirc;trisez le HTML, ce texte est utilis&eacute; comme texte &laquo; ALT &raquo; de l'image
export&eacute;e pour l'objet actuellement s&eacute;lectionn&eacute;, que l'image soit pourvue d'un pop-up
ou non. Les navigateurs web affichent ce texte sur la page en remplacement de
l'image lorsqu'ils ne peuvent pas obtenir l'image.
Type d'image Internet
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.
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 MAGIX Web
Designer MX 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 semitransparente 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.
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
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.
: vous pouvez d&eacute;finir ici le texte correspondant au
titre popup. 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. Par exemple, si une photo
miniature s'affiche en grand lorsque vous cliquez dessus (consultez la section onglet
Image pour plus de d&eacute;tails), vous pouvez d&eacute;finir le texte popup comme &laquo; Cliquez pour
agrandir &raquo;. Cette infobulle sera affich&eacute;e lorsque l'utilisateur d&eacute;placera le pointeur de la
souris sur la miniature.
AFFICHER LE TEXTE POPUP (TITRE)
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.
AFFICHER LA CALQUE POP-UP :
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 pop-up 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
251
252
de pop-up. Pour ce faire, utilisez plut&ocirc;t la fonction Photo pop-up (voir page 49)
d&eacute;crite dans la section Onglet Lien.
Onglet objets fictifs
L'onglet des objets fictifs permet d'ajouter et d'&eacute;diter manuellement des gadgets web
modifiables. Il s'agit de gadgets que vous ins&eacute;rez dans votre page web en copiant
manuellement le code HTML du gadget web ou en important un fichier Flash ou une
vid&eacute;o. G&eacute;n&eacute;ralement, vous n'aurez pas besoin d'utiliser l'onglet des objets fictifs pour
les gadgets web ajout&eacute;s &agrave; partir de la GALERIE DES MODELES car le code et les fichiers
correspondant &agrave; ces gadgets sont g&eacute;r&eacute;s automatiquement &agrave; votre place. Vous
trouverez de plus amples informations au chapitre des Gadgets web du site (voir page
312).
Pour transformer un objet normal en objet fictif d'un gadget web, s&eacute;lectionnez-le et
ouvrez cet onglet de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web. Choisissez si le gadget
web est bas&eacute; sur du code HTML obtenu sur un site fournissant des gadgets web, sur
un fichier Flash or sur un fichier graphique. Naviguez pour trouver le fichier ou collez
le code HTML. Cliquez sur OK pour finir de transformer votre objet en objet fictif.
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
Cela signifie que l'objet fictif ne fait que repr&eacute;senter les dimensions et la position du
contenu que vous avez ajout&eacute; ; en revanche, lorsque vous exportez votre site, l'objet
fictif est remplac&eacute; par le code ou le fichier que vous avez ins&eacute;r&eacute;.
Cependant, il existe une mani&egrave;re plus simple d'ajouter des fichiers ou des codes &agrave;
votre site Internet. Il vous suffit d'ins&eacute;rer dans votre page des animations Flash ou GIF
par glisser-d&eacute;poser depuis l'explorateur de Windows. Une image d'objet fictif est
g&eacute;n&eacute;r&eacute;e automatiquement et plac&eacute;e sur la page. Une copie du fichier est ajout&eacute;e au
r&eacute;pertoire de support de votre design pour &ecirc;tre export&eacute; et publi&eacute; avec votre site.
Lorsque vous exportez et publiez votre site Internet, l'image de l'objet fictif est
remplac&eacute;e par le fichier r&eacute;el que vous avez import&eacute;.
De m&ecirc;me, si vous avez copi&eacute; du code HTML sur un site tiers offrant des gadgets web,
il suffira de copier ce code dans MAGIX Web Designer MX (lors de cette op&eacute;ration,
assurez-vous que vous &ecirc;tes dans l'OUTIL DE SELECTION et non pas dans l'OUTIL TEXTE
sans quoi le code sera ins&eacute;r&eacute; comme s'il s'agissait de texte !). MAGIX Web Designer
MX d&eacute;tecte le langage HTML et l'utilise pour g&eacute;n&eacute;rer une image d'objet fictif qui
s'affiche sur votre page. Vous pouvez aussi ajouter un objet fictif correspondant &agrave; du
code HTML directement dans le corps de la page en cliquant sur le bouton de code
HTML (body), ce qui ouvre une bo&icirc;te de dialogue o&ugrave; vous pourrez copier et &eacute;diter une
grande partie du code si n&eacute;cessaire.
Lorsque vous exportez ou publiez votre site, l'objet fictif est remplac&eacute; par le code r&eacute;el
afin que votre gadget web fonctionne. Vous trouverez de plus amples informations au
chapitre des Gadgets web du site (voir page 312).
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.
253
254
Remplacer par du code HTML
Avec cette option, vous pouvez coller du code HTML dans la section du corps (body)
de votre page, autrement dit entre les balises &lt;body&gt; et &lt;/body&gt;. Par exemple, de
nombreux sites proposent des gadgets web que vous pouvez ajouter &agrave; votre page en
collant le code HTML. Suivez les instructions donn&eacute;es sur ces sites.
Comme &eacute;voqu&eacute; plus haut, il suffit de coller le code HTML directement dans votre
page au lieu de l'ins&eacute;rer dans cette bo&icirc;te de dialogue (lorsque vous &ecirc;tes dans l'OUTIL
DE SELECTION ). Cette m&eacute;thode cr&eacute;e automatiquement une image d'objet fictif qui
ressemble au gadget web r&eacute;el ; par cons&eacute;quent, c'est la m&eacute;thode recommand&eacute;e pour
ins&eacute;rer le code HTML d'un gadget web.
ATTENTION : 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 MAGIX Web Designer MX ins&egrave;re le code tel quel
dans votre page, sans le modifier ni le v&eacute;rifier avant d'exporter la page.
Si vous utilisez des modules Xara (www.xaraonline.com), vous pouvez coller un
snippet (morceau de code source) du module dans ce champ (ou directement dans
votre page) pour ajouter votre module &agrave; la page Internet.
Si le code HTML que vous saisissez fait r&eacute;f&eacute;rence &agrave; des fichiers externes qui doivent
se trouver sur votre site, vous devrez copier ces fichiers externes dans le r&eacute;pertoire de
support de votre mod&egrave;le. Pour en savoir plus sur les r&eacute;pertoires de support, consultez
le chapitre Utilisation des documents (voir page 84). Une fois qu'ils sont dans le
r&eacute;pertoire de support, les fichiers seront automatiquement copi&eacute;s dans le r&eacute;pertoire
_htm_files de votre site web lors de l'exportation. De plus, vous devez aussi v&eacute;rifier
que toutes les r&eacute;f&eacute;rences faites &agrave; ces fichiers dans le code HTML conduisent 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 support 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 signifie 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 il faut
que le code HTML que j'ins&egrave;re fasse r&eacute;f&eacute;rence au fichier image &agrave; cet endroit. Par
cons&eacute;quent, je peux ins&eacute;rer :
&lt;img src=&quot;mysite_htm_files/myLogo.gif&quot; /&gt;
Notez que ce code fait r&eacute;f&eacute;rence au dossier image &agrave; l'emplacement du dossier image
export&eacute; (_htm_files),, et NON PAS directement &agrave; l'emplacement du dossier de
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
support (_web_files) car seul le dossier image export&eacute; est copi&eacute; sur le serveur web en
m&ecirc;me temps que ma page 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 directement l'image dans MAGIX Web Designer MX ! Mais cela est
juste un exemple pour montrer comment ajouter du code HTML qui se r&eacute;f&egrave;re &agrave; un
fichier externe.
Consultez la section Int&eacute;gration de YouTube, Flash et d'autres gadgets web (voir page
36) pour avoir d'autres exemples !
Ajouter du code &agrave; l'en-t&ecirc;te de la page (head)
Certains codes doivent &ecirc;tre ins&eacute;r&eacute;s dans la section de l'en-t&ecirc;te (head) du code HTML
export&eacute;, et non pas dans la section du corps (body) comme &ccedil;a l'est normalement par
d&eacute;faut.
Pour ce faire, cliquez sur le bouton code HTML En-t&ecirc;te (head) dans l'onglet de
l'emplacement d'objet, du site Web ou de la page dans la bo&icirc;te de dialogue des
Propri&eacute;t&eacute;s Web et entrez ou copiez votre code.
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.
Onglet publier
Vous aurez besoin d'une soci&eacute;t&eacute; d'h&eacute;bergement (h&eacute;bergeur) pour h&eacute;berger votre site.
Pour cela, nous vous recommandons MAGIX Monde en ligne. Dans la plupart des
cas, votre fournisseur d'acc&egrave;s &agrave; Internet vous propose aussi un &laquo; espace Web &raquo; avec
votre abonnement classique. La plupart des h&eacute;bergeurs vous offrent &eacute;galement la
possibilit&eacute; d'acqu&eacute;rir votre propre nom de domaine (par exemple : www.xara.com) et
de l'associer &agrave; votre site. La bo&icirc;te de dialogue affich&eacute;e ci-dessous contient la solution
d'h&eacute;bergement MAGIX Monde en ligne dans la liste de profils.
255
256
Si vous voulez que MAGIX Web Designer MX publie automatiquement votre site
termin&eacute; sur votre espace web pour qu'il soit en ligne sur Internet, vous devez saisir les
d&eacute;tails d'acc&egrave;s(FTP) &agrave; votre espace web dans l'onglet Publier.
Avant de publier votre site, vous devez entrer les donn&eacute;es de connexion FTP : votre
adresse d'h&eacute;bergement, votre nom d'utilisateur, votre mot de passe, les chemins
d'acc&egrave;s aux dossiers y compris les sous-dossiers si n&eacute;cessaires pour permettre &agrave;
votre h&eacute;bergeur la publication du site directement depuis le programme.
La premi&egrave;re section de cette bo&icirc;te de dialogue vous permet de s&eacute;lectionner un profil.
La liste des profils contient deux types de profils. Les profils que vous avez cr&eacute;&eacute;s
vous-m&ecirc;me et qui sont enregistr&eacute;s dans l'ordinateur que vous utilisez (voir
Enregistrer un profil pour en savoir plus) ; et un profil standard MAGIX Monde en
ligne qui est install&eacute; avec le programme.
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
PROFILS STANDARD : lorsque vous s&eacute;lectionnez un profil standard, une banni&egrave;re
s'affiche automatiquement sous la liste des profils. Cette banni&egrave;re est t&eacute;l&eacute;charg&eacute;e
depuis le site de l'h&eacute;bergeur (elle n'appara&icirc;tra que si vous &ecirc;tes connect&eacute; &agrave; Internet).
Cliquez sur l'un des boutons de la banni&egrave;re pour obtenir plus de d&eacute;tails sur les
solutions d'h&eacute;bergement propos&eacute;es par MAGIX Monde en ligne sur son site. Si vous
choisissez de vous inscrire aupr&egrave;s d'un h&eacute;bergeur, vous obtenez un nom d'utilisateur
et un mot de passe avec lesquels se connecter. Saisissez ces informations dans la
section des DONNEES DE CONNEXION FTP de cette bo&icirc;te de dialogue.
DONNEES DE CONNEXION FTP : saisissez ici les donn&eacute;es de connexion FTP dont vous
disposez pour votre espace Web. Vous devez au moins saisir l'adresse h&ocirc;te (si vous
avez un nom de domaine, c'est souvent le m&ecirc;me nom) et le nom d'utilisateur. Par
exemple pour les utilisateurs de MAGIX Monde en ligne, ce serait ftp.magixonline.com. Si vous choisissez l'option d'h&eacute;bergement Magix web hosting dans la liste
de profil, l'adresse FTP est automatiquement indiqu&eacute;e. Pour les utilisateurs de MAGIX
Monde ne ligne, c'est le m&ecirc;me identifiant que votre nom d'utilisateur du Monde en
ligne (nom d'utilisateur = votre adresse e-mail).
Il n'est pas n&eacute;cessaire de pr&eacute;ciser le mot de passe &agrave; ce niveau si vous ne le souhaitez
pas. S'il n'est pas pr&eacute;cis&eacute;, il devra &ecirc;tre saisi &agrave; chaque fois que vous publierez votre site
Internet. Pour les utilisateurs de MAGIX Monde en ligne, c'est le m&ecirc;me identifiant
que votre nom d'utilisateur Monde en ligne (nom d'utilisateur = votre adresse e-mail).
Le sous-dossier facultatif vous permet de publier votre site Web dans un sousdossier. Si vous choisissez un sous-dossier ici, toutes les pages de votre site Web
seront publi&eacute;es dans ce dossier.
Que vous ayez ou non &agrave; choisir de publier votre site dans un sous-dossier, ceci
d&eacute;pend de votre h&eacute;bergeur. Pour certains h&eacute;bergeurs, la publication dans un sousdossier n'est pas n&eacute;cessaire, pour d'autres la publication dans un dossier &laquo; public &raquo; ou
un sous-dossier &laquo; www &raquo; par exemple est requise. Vous devez v&eacute;rifier le chemin
d'acc&egrave;s complet au fichier FTP dont votre h&eacute;bergeur a besoin avant de publier votre
site Internet. Ces informations sont tr&egrave;s variables.
Par exemple si votre soci&eacute;t&eacute; d'h&eacute;bergement Internet souhaite que vous publiiez ainsi
&laquo; http://votredomaine.com/public_html &raquo;, vous devez entrer &laquo; public_html &raquo; dans le
champ sous dossier.
Remarque : si vous &ecirc;tes un utilisateur MAGIX Online World, vous n'avez pas besoin
d'entrer un sous-dossier dans le champ pr&eacute;vu.
URL DU SITE WEB : saisissez ici l'URL compl&egrave;te de votre site publi&eacute; si vous voulez que
votre site soit inclus dans la galerie utilisateur Xara puis cochez la case &laquo; Inclure mon
site Web &agrave; la galerie des utilisateurs &raquo;. INCLURE MON SITE A LA GALERIE UTILISATEUR :
cette option n'est disponible que si vous avez saisi une URL valide pour votre site
Internet. Cette option n'est disponible que si vous avez saisi une URL valide. Apr&egrave;s
avoir publi&eacute; votre site, Web Designer inclus ce dernier dans la galerie des utilisateurs
257
258
Xara. Visitez la galerie &agrave; cette adresse http://www.xara.com/websitegallery
http://www.xara.com/websitegallery ou cliquez sur PLUS D'INFOS pour en savoir plus.
Remarque : Web Designer ne prend pas en charge la cr&eacute;ation de plan de site.
Enregistrer ces d&eacute;tails en m&ecirc;me temps que le document actuel
Les d&eacute;tails FTP que vous avez entr&eacute;s sont associ&eacute;s uniquement au document ouvert
actuellement. Si vous ouvrez d'autres documents, vous verrez que le champ des
d&eacute;tails FTP sera alors vide, &agrave; moins que vous n'ayez auparavant d&eacute;j&agrave; pr&eacute;cis&eacute; les
d&eacute;tails pour ce nouveau document. Par d&eacute;faut, les d&eacute;tails FTP ne sont PAS
sauvegard&eacute;s avec le document. Cela signifie que chaque fois que vous t&eacute;l&eacute;chargez le
document pour le publier, vous devez entrer &agrave; nouveau les d&eacute;tails FTP correspondants
ou s&eacute;lectionner un profil &agrave; partir duquel les d&eacute;tails peuvent &ecirc;tre copi&eacute;s.
Veuillez cocher cette case si vous souhaitez sauvegarder les d&eacute;tails FTP avec le
document. Ainsi &agrave; chaque fois que vous t&eacute;l&eacute;chargez le document, les d&eacute;tails FTP
correspondants seront &eacute;galement t&eacute;l&eacute;charg&eacute;s et vous pourrez publier
imm&eacute;diatement.
Enregistrer mot de passe dans le document
Si vous d&eacute;cidez de sauvegarder les d&eacute;tails FTP dans votre document, cette option est
alors affich&eacute;e pr&egrave;s du champ du mot de passe. Elle permet de d&eacute;cider de sauvegarder
ou non le mot de passe FTP dans le document, en m&ecirc;me temps que les d&eacute;tails FTP. Si
vous s&eacute;lectionnez cette option, vous pouvez publier votre site Internet modifi&eacute; sans
devoir entrer &agrave; nouveau le mot de passe.
Naturellement, toutes les personnes qui auront une copie de votre fichier de
conception auront &eacute;galement acc&egrave;s &agrave; votre mot de passe ! C'est pourquoi
g&eacute;n&eacute;ralement il n'est pas recommand&eacute; d'activer cette option, car le risque de s&eacute;curit&eacute;
que repr&eacute;sente l'acc&egrave;s &agrave; ces donn&eacute;es par des personnes non autoris&eacute;es qui pourraient
alors publier sur votre espace Internet et donc potentiellement &eacute;craser vos
documents ou supprimer votre site Internet est &eacute;lev&eacute;.
Enregistrer dans le profil
Si vous souhaitez publier plus d'un document de site Internet sur le m&ecirc;me espace
Internet, ou si vous ne souhaitez pas que les d&eacute;tails FTP soient enregistr&eacute;s dans le
document de votre mod&egrave;le de conception, vous allez s&ucirc;rement les enregistrer dans un
profil sur votre ordinateur. Vous pourrez ensuite ajouter facilement des d&eacute;tails &agrave;
n'importe quel document dans le futur en s&eacute;lectionnant simplement le profil dans la
liste des profils au lieu d'entrer &agrave; chaque fois manuellement les donn&eacute;es.
Cliquez sur le bouton ENREGISTRER DANS LE PROFIL pour sauvegarder les d&eacute;tails FTP
affich&eacute;s pour un profil donn&eacute;. Une petite bo&icirc;te de dialogue contenant une liste de
profils &eacute;ditables s'ouvre alors. Vous pouvez au choix entrer le nombre d'un nouveau
profil ou s&eacute;lectionner un profil existant dans la liste pour &eacute;craser ce profil. Lorsque
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
vous entrez un nouveau nom, s&eacute;lectionnez un nom associ&eacute; &agrave; l'espace web pour lequel
il est utilis&eacute;. Il n'est pas possible d'&eacute;craser les profils standard.
Vous pouvez naturellement enregistrer des profils multiples dans lesquels seul le nom
du sous-dossier varie. Cela vous permet de publier facilement diff&eacute;rents dossiers sur
votre espace Internet.
Si vous ne souhaitez pas enregistrer le mot de passe FTP sur votre ordinateur,
assurez-vous que le champ du mot de passe est vide lorsque vous cliquez sur
ENREGISTRER DANS LE PROFIL .
Supprimer un profil
Pour supprimer un profil, s&eacute;lectionnez-le dans la liste des profils dans la partie
sup&eacute;rieure de la bo&icirc;te de dialogue de publication et cliquez sur le bouton SUPPRIMER
situ&eacute; &agrave; c&ocirc;t&eacute;. Il n'est pas possible de supprimer les profils standard.
T&eacute;l&eacute;charger un document contenant les d&eacute;tails FTP
Lorsque vous t&eacute;l&eacute;chargez un document contenant des d&eacute;tails FTP, ces derniers sont
affich&eacute;s dans l'ONGLET PUBLICATION . Si ces d&eacute;tails correspondent aux profils
enregistr&eacute;s sur votre ordinateur, le profil correspondant sera affich&eacute; comme
s&eacute;lectionn&eacute; dans la liste des profils. Dans le cas contraire, PERSONNALISER est affich&eacute;
dans la liste des profils, indiquant que les d&eacute;tails FTP du document ne correspondent
&agrave; aucun profil.
Si les d&eacute;tails FTP du document ne comportent aucun mot de passe, mais que tous les
autres d&eacute;tails correspondent &agrave; un profil, ce profil sera affich&eacute; comme s&eacute;lectionn&eacute;. En
outre si ce profil comporte un mot de passe, il sera copi&eacute; dans les d&eacute;tails FTP du
document. Ainsi vous n'&ecirc;tes pas oblig&eacute; d'entrer &agrave; nouveau le mot de passe &agrave; chaque
fois que vous publiez le document. Ce proc&eacute;d&eacute; peut laisser penser que le mot de
passe a &eacute;t&eacute; enregistr&eacute; dans le document. Mais cela n'est possible que si l'option
ENREGISTRER MOT DE PASSE DANS LE DOCUMENT a &eacute;t&eacute; s&eacute;lectionn&eacute;e.
Publication
Une fois que vous avez d&eacute;fini les d&eacute;tails de publication, vous pouvez s&eacute;lectionner
l'option FICHIER &gt; PUBLIER SITE INTERNET . Votre site Internet sera alors publi&eacute;.
Remarque : de nombreux serveurs Web utilisent des noms de fichiers sensibles &agrave; la
casse. Donc, par exemple, 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
259
260
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.
Publier &agrave; nouveau les pages modifi&eacute;es seulement
Par d&eacute;faut, MAGIX Web Designer MX conserve une trace des fichiers composant
votre site publi&eacute; et lorsque vous publiez &agrave; nouveau le site apr&egrave;s modifications, le
programme tente de ne publier que les fichiers qui ont &eacute;t&eacute; modifi&eacute;s. Dans la plupart
des cas, la nouvelle publication est beaucoup plus rapide.
Cependant, MAGIX Web Designer MX ne sait pas si vous avez supprim&eacute; ou modifi&eacute;
des fichiers dans votre espace Web si vous avez utilis&eacute; un autre outil. Par cons&eacute;quent,
si vous rencontrez des probl&egrave;mes, par exemple si le site publi&eacute; ne correspond pas
exactement &agrave; la copie du site export&eacute;e localement, vous devez publier &agrave; nouveau le
site en entier. Pour cela, d&eacute;sactivez l'option PUBLIER A NOUVEAU LES PAGES MODIFIEES
UNIQUEMENT qui se trouve au bas de l'onglet Publication. Ainsi lors de la prochaine
publication, tous les fichiers qui constituent le site seront publi&eacute;s, afin que le site soit
actualis&eacute;.
Explorer l'espace web
Apr&egrave;s avoir compl&eacute;t&eacute; les champs de l'adresse h&ocirc;te FTP, du nom d'utilisateur FTP et
du mot de passe FTP, cliquez sur le bouton Explorer l'espace web pour naviguer, voir
et supprimer des fichiers que vous avez transf&eacute;r&eacute;s sur votre serveur ftp.
Vous pouvez voir des fichiers et ouvrir des r&eacute;pertoires pour voir le contenu des sousr&eacute;pertoires. Vous pouvez aussi supprimer un ou plusieurs fichiers. S&eacute;lectionnez
plusieurs fichiers en cliquant et en maintenant Maj ou Ctrl enfonc&eacute;e comme vous le
faites dans l'explorateur de Windows. Cliquez sur le titre d'une colonne pour classer
les fichiers en fonction du crit&egrave;re de la colonne.
www.magix.com
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web
Naviguez dans une liste de fichiers que vous avez transf&eacute;r&eacute;s sur votre serveur ftp
Revient &agrave; l'aper&ccedil;u du fichier original qui s'ouvre quand vous lancez la bo&icirc;te de
dialogue Explorer l'espace web
Vous conduit au niveau de r&eacute;pertoires sup&eacute;rieur
Supprime le ou les fichiers s&eacute;lectionn&eacute;s
261
262
Traitement des photos
Introduction
De nos jours, les photos font partie int&eacute;grante de la plupart des travaux cr&eacute;atifs, des
sites Internet aux prospectus en passant par les brochures, les travaux de PAO, etc.
La manipulation de photos avec MAGIX Web Designer MX est compl&egrave;tement
diff&eacute;rente de ce que vous avez pu voir avec les autres logiciels de graphisme.
Avec MAGIX Web Designer MX, vous pouvez colorer, copier, recouper et
optimiservos photos tant que vous voulez. La manipulation des photos bas&eacute;e sur
l'objet et non destructive signifie par exemple que, lorsque vous redimensionnez une
photo, vous n'alt&eacute;rez pas la photo originale mais redimensionnez uniquement une
copie visuelle. L'image originale import&eacute;e est enregistr&eacute;e dans le fichier .web pour
vous permettre de l'&eacute;diter et de la redimensionner ult&eacute;rieurement sans aucune perte
de qualit&eacute;. Vous pouvez m&ecirc;me de revenir au format initial d'une photo pr&eacute;alablement
coup&eacute;e.
La manipulation de photo est incroyablement rapide. Vous pouvez ouvrir une photo
de 50 m&eacute;gapixels puis r&eacute;aliser 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 de photos et d'images
bitmap dans MAGIX Web Designer MX. Les op&eacute;rations r&eacute;alis&eacute;es &agrave; l'aide de l'Outil
Photo sont d&eacute;crites au chapitre Outil Photo.
*Tests bas&eacute;s sur des compositions de photos cr&eacute;&eacute;es &agrave; l'aide de photos num&eacute;riques JPG &agrave; haute
r&eacute;solution
Objets photo
Dans Web Designer, les photos (ou bitmaps) sont tout simplement consid&eacute;r&eacute;es
comme des objets de la page. Vous pouvez d&eacute;placer des photos sur la page par
glisser-d&eacute;poser depuis l'explorateur, puis les redimensionner, les faire pivoter, les
copier et les positionner comme n'importe quel autre objet. Vous avez &eacute;galement la
possibilit&eacute; de r&eacute;gler la transparence et m&ecirc;me la transparence graduelle, mais aussi de
d&eacute;tourer et de couper 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.
Alors que certaines manipulations dans d'autres programmes requi&egrave;rent l'emploi de
nombreux calques, chaque objet dispose de son propre calque dans MAGIX Web
Designer MX ; de plus, comme pour n'importe quel autre objet de la page, vous
pouvez le d&eacute;placer vers le premier plan ou l'arri&egrave;re-plan &agrave; votre guise.
www.magix.com
Traitement des photos
Importation de photos
MAGIX Web Designer MX prend en charge un grand nombre de formats de photos
ou de bitmap, y compris les images provenant d'appareils photos num&eacute;riques au
format JPEG, PN, TIFF et RAW, etc. Le terme g&eacute;n&eacute;ral &laquo; bitmap &raquo; d&eacute;signe tous les
types d'images, il est interchangeable avec 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
IMPORTER .
Lorsque vous importez des photos haute r&eacute;solution (au-dessus de 1920 pixels en
largeur ou en hauteur) dans un document Web, MAGIX Web Designer MX
redimensionne automatiquement la photo &agrave; la taille des &eacute;crans HD sans vous
demander si vous d&eacute;sirez une r&eacute;solution plus basse. Pour un document Web, m&ecirc;me
en taille r&eacute;duite, la taille de vos photos devrait d&eacute;j&agrave; avoir une r&eacute;solution suffisante
donc inutile d'importer des images &agrave; r&eacute;solution maximale de votre appareil photo
digital pour l'utilisation Web.
263
264
Si vous glissez-d&eacute;posez sur une photo existante, elle sera remplac&eacute;e. D&eacute;posez sur
l'arri&egrave;re plan et importez en tant que nouvelle photo ind&eacute;pendante.
Remplacer des photos
Si vous placez un fichier bitmap (depuis Windows Explorer ou depuis la galerie des
Bitmap) sur un autre par glisser-d&eacute;poser, il va remplacer la photo existante mais la
taille du conteneur ou du cadre original sera conserv&eacute;. Cela permet de remplacer tr&egrave;s
facilement des photos dans des mod&egrave;les de conception. &Agrave; l'aide de l'OUTIL DE
REMPLISSAGE , ajustez la taille, la position et l'angle de la photo &agrave; l'int&eacute;rieur de ses
contours. 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 tr&egrave;s utile lorsque vous avez auparavant ajust&eacute;
manuellement l'&eacute;chelle ou la rotation d'un remplissage et que vous souhaitez
remplacer l'image par une autre qui poss&egrave;de les m&ecirc;mes proportions.
S'il y a plusieurs exemplaires d'une m&ecirc;me photo sur une page dans un groupe souple,
par exemple sous la forme d'une miniature accompagn&eacute;e d'une version plus grande
de la photo sur un calque pop-up, tous les exemplaires de cette photo seront
remplac&eacute;s par la nouvelle dans cette page.
Remplacer plusieurs photos en une fois
La plupart des mod&egrave;les web fournis dans la GALERIE DES MODELES DE CONCEPTION
permettent de remplacer plusieurs images &agrave; la fois, en effectuant un glisser-d&eacute;poser
de plusieurs fichiers images depuis l'explorateur de fichiers vers la toile. Vous pouvez
&eacute;galement utiliser la fonction FICHIER &gt; IMPORTER et s&eacute;lectionner plusieurs images
dans la bo&icirc;te de dialogue Fichier (Ctrl + clic pour ajouter la s&eacute;lection actuelle, Maj +
clic pour s&eacute;lectionner une s&eacute;rie de fichiers).
Les nouvelles photos sont utilis&eacute;es en remplacement des images contenues dans le
document. Comme pour l'importation de photos individuelles, le programme va vous
demander si vous souhaitez importer les photos en taille r&eacute;duite dans le cas &eacute;ch&eacute;ant.
Le remplacement est effectu&eacute; de la gauche vers la droite et du haut vers le bas (sens
normal de lecture). Si vous ne tirez pas suffisamment de photos pour remplacer
toutes les photos existantes, vous pouvez importez des photos suppl&eacute;mentaires de la
m&ecirc;me mani&egrave;re. Le remplacement continue alors &agrave; partir de la prochaine photo encore
non remplac&eacute;e. Par cons&eacute;quent, vous pouvez remplir rapidement votre mod&egrave;le avec
des photos.
Si vous importez plus de photos que n'en contient la page actuelle, les photos situ&eacute;es
sur les pages suivantes de votre mod&egrave;le seront remplac&eacute;es &eacute;galement par les
nouvelles photos. Si apr&egrave;s cela, le nombre de nouvelles photos est toujours sup&eacute;rieur
www.magix.com
Traitement des photos
&agrave; la quantit&eacute; de photos &agrave; remplacer, la page actuelle est dupliqu&eacute;e autant de fois que
n&eacute;cessaire pour ins&eacute;rer toutes vos photos.
Vous pouvez donc cr&eacute;er tr&egrave;s rapidement une galerie de photos en ligne pour toutes
vos photos ! Il suffit de s&eacute;lectionner un mod&egrave;le de galerie dans la GALERIE DES
MODELES DE CONCEPTION , puis d'importer votre lot de fichiers photo. La page est
copi&eacute;e autant de fois que n&eacute;cessaire pour ins&eacute;rer toutes vos photos. Assurez-vous de
s&eacute;lectionner l'option taille r&eacute;duite lors de l'importation d'un lot de grandes photos !
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
Lorsque vous importez une grande photo, elle est r&eacute;duite en taille r&eacute;solution HD
(1920x1080) si elle est plus large que cette taille (en document d'impression ou dans
une animation, vous en &ecirc;tes avis&eacute; en premier). L'image est param&eacute;tr&eacute;e pour avoir une
largeur de 500 pixels sur la page.
Pour r&eacute;duire cette taille, il vous suffit de tirer sur une des poign&eacute;es d'angle en utilisant
l'outil S&eacute;lection, ou de saisir une nouvelle largeur dans le champ de la barre d'infos de
l'outil 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.
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 de photos 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 import&eacute;e mais affiche simplement une autre &laquo; vue &raquo; de cette image. Le
moteur d'affichage de Web Designer est assez rapide pour afficher un nombre
quelconque 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 fortement la taille des fichiers.
265
266
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 vous le souhaitez,
modifier sa taille, la faire pivoter, la d&eacute;tourer, appliquer des couleurs, estomper ou
appliquer toute une s&eacute;rie d'effets photo et de transparence. Le tout sans aucune
augmentation de la taille du fichier ou de la m&eacute;moire utilis&eacute;e.
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 du fichier JPG
original import&eacute; comme vous pouvez le voir sur l'image de droite. L'espace m&eacute;moire
utilis&eacute; (RAM et 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.
La Galerie des bitmaps
Pour de plus amples informations &agrave; ce sujet, consultez le chapitre Manipulation de
document.
La GALERIE DES BITMAPS affiche tous les bitmaps ou photos utilis&eacute;s dans chaque
document ainsi que les informations concernant la taille en pixels et la taille du fichier.
www.magix.com
Traitement des photos
Vous pouvez l'ouvrir en cliquant dessus dans la barre des Galeries, depuis le
menu SERVICES &gt; GALERIES ou en appuyant sur &laquo; F11 &raquo;.
Vous voyez ici la GALERIE DES BITMAPS pour le document ci-dessus ainsi que l'image
originale JPEG de la fille int&eacute;gr&eacute;e dans le fichier natif .web. Comme nous l'avons
indiqu&eacute; plus haut, toutes les copies de cette image sont affich&eacute;es directement depuis
une image ma&icirc;tresse ; par cons&eacute;quent, seule une image 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 notre cas un JPEG, et la taille de l'image (1 006 K). (Il
s'agit de la taille originale du fichier, autrement dit du poids de l'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 des couleurs, ici &laquo; 24 bit &raquo;, parfois aussi appel&eacute;e &laquo; true color &raquo;.
L'image Xara est une image en 4 bits.
• La r&eacute;solution originale de l'image, ici 96 dpi (ppp)
La GALERIE DES BITMAPS contient toujours l'image Xara grise comme fichier par
d&eacute;faut. 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 une nouvelle copie. Ou bien, vous pouvez
s&eacute;lectionner une image de la galerie et cliquer sur l'un des boutons de la partie
267
268
sup&eacute;rieure. La section suivante pr&eacute;sente en d&eacute;tails le fonctionnement des
commandes de la GALERIE DES BITMAPS dont la plupart sont r&eacute;serv&eacute;es aux utilisateurs
plus avanc&eacute;s.
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 ARRIERE-PLAN . L'image sera alors
segment&eacute;e. Lors de l'exportation de la page comme document HTML, l'image sera
segment&eacute;e sur toute la partie visible de l'arri&egrave;re-plan du navigateur, sauf si vous avez
attribu&eacute; un autre arri&egrave;re-plan au pasteboard (la zone autour de la page).
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 PROPRIETES 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
www.magix.com
Traitement des photos
ANIMATION GIF :
•
•
(temps pendant lequel ce cadre est affich&eacute; &agrave; l'&eacute;cran)
RETABLIR : 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.
DELAI
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 MAGIX Web Designer MX, 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.
269
270
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.
Qualit&eacute; d'affichage des photos
MAGIX Web Designer MX peut afficher des photos en cinq niveaux diff&eacute;rents de
qualit&eacute;. Les deux premiers r&eacute;glages lissent les pixels de l'&eacute;cran pour &eacute;viter l'affichage
de pixels ou des angles un peu trop durs (anti-alias). Vous pouvez modifier le niveau
de qualit&eacute; &agrave; l'aide de l'entr&eacute;e QUALITE dans le menu FENETRE.
TRES HAUTE
QUALITE (PAR
DEFAUT)
HAUTE QUALIT&Eacute;
COULEUR
INTENSE
CONTOURS AVEC
ETAPES DE
FONDU
CONTOUR
Les images sont affich&eacute;es &agrave; l'aide d'un &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 fonction anti-alias est appliqu&eacute;e, mais les images sont affich&eacute;es
plus rapidement dans une qualit&eacute; plus faible.
La fonction anti-alias n'est pas appliqu&eacute;e mais les pixels
individuels sont affich&eacute;s. 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.
Ceci est particuli&egrave;rement utile pour visionner les contours des
diff&eacute;rentes &eacute;tapes d'un fondu. MAGIX Web Designer MX ne
prend pas en charge les fondus mais certains fichiers .xar import&eacute;s
peuvent comporter des fondus.
Seuls les contours de l'objet sont affich&eacute;s. Cela est utile lors de la
recherche et la s&eacute;lection d'objets peu visibles en raison de la
pr&eacute;sence d'autres objets au premier plan ou en arri&egrave;re-plan.
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.
www.magix.com
Traitement des photos
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.
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 ic&ocirc;nes en haut de la barre, qui sont des raccourcis
et servent &agrave; enregistrer votre s&eacute;lection aux formats JPEG ou PNG. Elles
se trouvent dans la barre escamotable affich&eacute;e lorsque vous survolez
l'ic&ocirc;ne d'exportation HTML avec la souris.
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 PARAMETRES
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 de pr&eacute;visualisation d'exportation permet d'ajuster la taille, la
r&eacute;solution, la qualit&eacute; JPEG et m&ecirc;me le type de fichier d'exportation que vous
souhaitez. Les valeurs par d&eacute;faut sont adapt&eacute;es &agrave; toutes les situations et vous pouvez
donc &eacute;galement juste cliquer sur le bouton d'exportation pour enregistrer votre photo.
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%.
271
272
La bo&icirc;te de dialogue d'aper&ccedil;u de l'exportation (voir page 343) 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 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 PARAMETRES si vous souhaitez
contr&ocirc;ler la compression, ou cliquez simplement sur ENREGISTRER
www.magix.com
Traitement des photos
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.
Attributs de l'&eacute;dition photo
Toutes les op&eacute;rations d'&eacute;dition faites avec l'OUTIL PHOTO (voir page 286), 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 MAGIX Web Designer MX
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.
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.
273
274
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.
Recouper des photos
Le proc&eacute;d&eacute; le plus simple pour recouper des
photos est de faire glisser celle-ci dans l'OUTIL
OPTIMISATION , 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.
Pour obtenir plus de commandes avanc&eacute;es de recoupe, s&eacute;lectionnez le
BOUTON CLIP de la barre escamotable 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.
www.magix.com
Traitement des photos
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 DEFINIR 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;.
Utilisation de Windows pour faire 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 en cours uniquement.
• Dans MAGIX Web Designer MX, s&eacute;lectionnez &laquo; Ctrl+V &raquo; pour coller puis
s&eacute;lectionnez &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 vous le souhaitez et sauvegarder les r&eacute;sultats. Il est conseill&eacute; de sauvegarder
ce type d'images au format PNG.
275
276
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.
www.magix.com
Traitement des photos
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 MAGIX Web Designer MX est
rapide en ex&eacute;cutant cette op&eacute;ration avec une image
contenant beaucoup de pixels.
Si vous disposez d'un groupe de photos au lieu d'un simple objet photo, il n'est pas
possible d'utiliser l'outil de remplissage comme d&eacute;crit plus haut pour calibrer et faire
tourner l'image dans son cadre. Si vous souhaitez convertir un groupe de photos en un
objet photo ordinaire pour proc&eacute;der &agrave; un ajustement avec l'outil de remplissage, allez
dans Services-&gt;Optimisation photo. Mais notez que cette op&eacute;ration est destructrice
dans la mesure o&ugrave; par la suite, vous ne pourrez plus modifier aucunes des &eacute;tapes
d'&eacute;dition que vous aurez appliqu&eacute;es &agrave; votre photo.
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.
277
278
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.
Afficher une photo r&eacute;duite en taille enti&egrave;re
Le bouton ZOOM 1:1 situ&eacute; sur la barre d'infos de l'outil photo ajuste le zoom de sorte
que l'image s&eacute;lectionn&eacute;e soit affich&eacute;e en taille enti&egrave;re, c'est-&agrave;-dire que chaque pixel
de l'image correspond &agrave; chaque pixel de l'&eacute;cran. Cela est utile si vous souhaitez &eacute;diter
une image qui a &eacute;t&eacute; r&eacute;duite sur la page mais que vous souhaitez la visionner dans sa
taille enti&egrave;re durant l'&eacute;dition.
Photo en taille enti&egrave;re
Le bouton AGRANDIR LA PHOTO A 100 % situ&eacute; sur la barre d'infos de l'outil photo
agrandit la photo s&eacute;lectionn&eacute;e pour l'afficher en taille enti&egrave;re sur la page. Par exemple,
si la photo s&eacute;lectionn&eacute;e est r&eacute;duite &agrave; une largeur de 500 pixels mais que la photo
d'origine a &eacute;t&eacute; import&eacute;e avec une largeur de 1 000 pixels, la photo sera agrandie sur la
www.magix.com
Traitement des photos
page jusqu'&agrave; une largeur de 1 000 pixels. Lorsque la valeur du zoom dans le document
correspond &agrave; 100 %, chaque pixel de l'image correspond &agrave; chaque pixel de l'&eacute;cran.
Optimisation de photos et d'images en mode
point
Avec la r&eacute;solution et les tailles toujours croissantes des fichiers JPEG d'appareils
photo num&eacute;riques, si votre document contient de nombreuses images, la taille du
fichier peut rapidement devenir tr&egrave;s grande. Par exemple, un document multipage
contenant 20 JPEG non compress&eacute;es de 5 Mo chacune signifie un fichier .xar de plus
de 100 Mo*.
Par ailleurs, ces photos ont souvent une r&eacute;solution inutilement haute. Le fait de
r&eacute;duire une photo d'un appareil photo num&eacute;rique de 8 mp &agrave; 5 cm de large sur la page
donne une r&eacute;solution d'image d'environ 1 500 dpi. Alors qu'une image en haute
r&eacute;solution permet une plus grande souplesse pour l'impression (et vous pouvez
zoomer ou agrandir de petites portions de la photo), cette r&eacute;solution est bien plus
haute que n&eacute;cessaire, m&ecirc;me pour les impressions commerciales de la plus haute
qualit&eacute;, et d'autant plus pour les graphiques Web ou la production HTML.
Si vous coupez l'image de fa&ccedil;on &agrave; ne plus en avoir qu'une petite portion ou si vous
coupez uniquement une petite partie de vos photos, il pourrait y avoir de grandes
parties d'image cach&eacute;es &agrave; l'ext&eacute;rieur de la zone visible. Pour l'&eacute;dition, cette &laquo; d&eacute;coupe
en direct &raquo; est une fonctionnalit&eacute; formidable car vous pouvez annuler la d&eacute;coupe,
modifier la taille, la position et l'&eacute;chelle et tout reste aussi net que possible. Mais pour
les documents termin&eacute;s, il se peut que vous souhaitiez supprimer les parties
invisibles.
279
280
L'image du papillon d&eacute;coup&eacute; est toujours rattach&eacute;e au reste de la photo. &Agrave; l'aide de
l'OUTIL REMPLISSAGE, vous pourrez vous en rendre compte en modifiant la taille du
remplissage &agrave; l'int&eacute;rieur des contours. Ainsi, les parties de l'image &agrave; l'ext&eacute;rieur du
papillon seront s&ucirc;rement superficielles dans votre document final.
Faites un clic droit sur une photo et s&eacute;lectionnez OPTIMISER LA PHOTO ou utilisez
&gt; OPTIMISER LA PHOTO... Cette bo&icirc;te de dialogue rassemble trois fonctions
importantes :
SERVICES
• la suppression de parties invisible de photos
• la r&eacute;duction de la r&eacute;solution de photos
• la conversion de PNG ou d'images en mode point en JPEG int&eacute;gr&eacute; pour optimiser
la taille du fichier
S&eacute;lectionnez cette option de menu pour toute image en mode point afin d'ouvrir la
bo&icirc;te de dialogue OPTIMISER LA PHOTO .
Par d&eacute;faut pour les images JPEG, les param&egrave;tres sont tels que la photo est optimis&eacute;e
en JPEG &agrave; 96 dpi (r&eacute;solution d'&eacute;cran normale) &agrave; la taille d'affichage sur l'&eacute;cran. Cela
correspond au r&eacute;glage recommand&eacute; pour un site Internet.
Lorsque vous optimisez des images autres que JPEG, Web Designer d&eacute;cide
automatiquement s'il est pr&eacute;f&eacute;rable de convertir en PNG ou JPEG, selon la nature de
l'image elle-m&ecirc;me.
www.magix.com
Traitement des photos
Vous pouvez cliquer sur le bouton PARAMETRES de cette bo&icirc;te de dialogue si vous
souhaitez changer tout param&egrave;tre tel que le format d'image utilis&eacute; pour l'optimisation,
la qualit&eacute; JPEG, etc.
Vous pouvez modifier la r&eacute;solution utilis&eacute;e dans cette bo&icirc;te de dialogue en optant
pour la taille physique de votre choix pour l'image optimis&eacute;e (largeur/hauteur en
pixels) ou en saisissant un nombre dpi diff&eacute;rent (par exemple, 150 dpi pour une bonne
qualit&eacute; d'impression).
Si vous optez pour l'option dpi, la valeur saisie sera enregistr&eacute;e comme valeur par
d&eacute;faut pour la session en cours. Vous pouvez aussi conserver la r&eacute;solution actuelle de
la photo en s&eacute;lectionnant ACTUEL dans la liste PPI.
Vous pouvez &eacute;galement d&eacute;cider d'optimiser vos photos au format PNG (la taille des
images est sup&eacute;rieure mais la qualit&eacute; des graphiques et des textes est meilleure) ou
modifier la qualit&eacute; de l'optimisation JPEG (plus la qualit&eacute; est &eacute;lev&eacute;e plus le fichier
JPEG sera grand).
Si votre photo a &eacute;t&eacute; d&eacute;coup&eacute;e, seule la partie visible de l'image est pr&eacute;serv&eacute;e dans la
version optimis&eacute;e.
Pour l'impression, une r&eacute;solution photo de 150 dpi donne de tr&egrave;s bons r&eacute;sultats ; avec
300 dpi, vous obtiendrez les meilleures impressions commerciales possibles (la
plupart des gens sont incapables de voir la diff&eacute;rence entre 150 dpi et 300 dpi, mais
300 dpi n&eacute;cessitent quatre fois plus de m&eacute;moire ou d'espace fichier).
Remarque : la qualit&eacute; optimale du format JPEG correspond &agrave; 85 %. Il n'est PAS
recommand&eacute; de sauvegarder des fichiers JPEG avec une qualit&eacute; de 100 % car il est
281
282
quasiment impossible de les distinguer d'un JPEG &agrave; 85 % tandis qu'ils utilisent un
espace m&eacute;moire consid&eacute;rablement plus &eacute;lev&eacute;.
Attention : OPTIMISER LA PHOTO est une op&eacute;ration &laquo; destructive &raquo;. Lorsque vous
enregistrez le fichier, les parties supprim&eacute;es de l'image sont perdues et la r&eacute;solution
est modifi&eacute;e de fa&ccedil;on d&eacute;finitive (bien entendu, vous pouvez annuler les
changements tant que le fichier est ouvert en mode d'&eacute;dition).
Vous pouvez optimiser plusieurs photos en une seule fois si vous souhaitez qu'elles
poss&egrave;dent toutes la m&ecirc;me r&eacute;solution en DPI. S&eacute;lectionnez les photos &agrave; optimiser puis
s&eacute;lectionnez la commande OPTIMISER comme d&eacute;crit plus haut. Si vos photos ont des
dimensions diff&eacute;rentes, l'option d'optimisation de la taille en pixels n'est pas
disponible et vous ne pourrez choisir que la r&eacute;solution en dpi.
Vous pouvez &eacute;galement utiliser la fonction &laquo; SERVICES &gt; OPTIMISATION DE TOUTES LES
&raquo; pour optimiser toutes les images en mode point de votre document en une
seule fois.
IMAGES
Le processus d'optimisation convertira les grandes images autres que JPEG en images
JPEG plus petites s'il d&eacute;cide que l'image peut &ecirc;tre stock&eacute;e et export&eacute;e au format JPEG
sans pertes inacceptables de qualit&eacute;.
Remarquez qu'apr&egrave;s l'optimisation, les photos originales non optimis&eacute;es et &agrave; pr&eacute;sent
sans r&eacute;f&eacute;rence sont conserv&eacute;es dans la GALERIE DES BITMAPS. Cela signifie qu'elles
sont conserv&eacute;es dans la m&eacute;moire et ainsi l'espace m&eacute;moire requis pour votre mod&egrave;le
ne sera pas r&eacute;duit. Il suffit d'enregistrer votre mod&egrave;le de conception et de le charger
de nouveau apr&egrave;s l'optimisation pour &eacute;liminer les images d'origine.
Conversion d'objets ou dessins en bitmaps
Il est tr&egrave;s facile de cr&eacute;er un bitmap &agrave; partir de n'importe quel objet ou partie d'un
dessin, y compris dans d'autres bitmaps. Les bitmaps peuvent avoir n'importe quelle
taille ou r&eacute;solution et peuvent comporter des transparences. Vous avez &eacute;galement la
possibilit&eacute; de cr&eacute;er des bitmaps avec un nombre de couleurs r&eacute;duit, ce qui est
particuli&egrave;rement adapt&eacute; pour une utilisation sur le Web.
Pour cr&eacute;er un bitmap &agrave; partir d'objets :
1.
2.
3.
S&eacute;lectionnez un ou des objets sur la page.
Effectuez un clic droit et s&eacute;lectionnez CREER UNE COPIE BITMAP ou choisissez
CREER UNE COPIE BITMAP depuis le menu ARRANGER (Ctrl + Maj + C).
Dans la bo&icirc;te de dialogue, s&eacute;lectionnez la profondeur de couleur, la taille et les
autres options.
Pour obtenir une qualit&eacute; maximum, s&eacute;lectionnez la profondeur de la couleur vraie, ou
si vous souhaitez inclure des transparences, s&eacute;lectionnez &laquo; couleur vraie + alpha &raquo;
(transparence alpha est le terme technique). Vous pouvez cr&eacute;er des bitmaps avec
www.magix.com
Traitement des photos
moins de couleurs en s&eacute;lectionnant une profondeur de 256 couleurs ou moins. Vous
obtenez ainsi aussi le contr&ocirc;le sur le m&eacute;lange de couleurs et les options de la palette.
Ces options sont d&eacute;crites dans la section Exportation de bitmaps (voir page 343).
Veuillez noter que des images au format PNG sont alors cr&eacute;&eacute;es (il s'agit de la plus
haute qualit&eacute; d'image). N&eacute;anmoins, pour obtenir des photos en couleurs, un grand
espace m&eacute;moire est requis. Utilisez l'option d'optimisation des photos pour
convertir les images au format PNG en images int&eacute;gr&eacute;es JPEG afin de r&eacute;duire la taille
des fichiers.
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 document 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 l'importation de documents), 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
283
284
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 MAGIX Web Designer MX. 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, deux options peuvent &agrave; pr&eacute;sent &ecirc;tre s&eacute;lectionn&eacute;es. Les
boutons PRECEDENT 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.
&Eacute;dition de fichiers photo
MAGIX Web Designer MX permet d'&eacute;diter facilement des photos au format JPEG et
sauvegarder la version modifi&eacute;e au format JPEG. Et contrairement &agrave; de nombreux
programmes d'&eacute;dition photo, il est possible de r&eacute;aliser cette op&eacute;ration plusieurs fois
sans perte de qualit&eacute;, m&ecirc;me si le format JPEG est un format avec perte de qualit&eacute;
(voir la section Sans perte et avec perte plus haut dans ce chapitre). Cela est d&ucirc; au
fait que MAGIX Web Designer MX peut sauvegarder les &eacute;ditions que vous avez
effectu&eacute;es sans perte, parall&egrave;lement &agrave; la photo originale. Voici l'explication.
Pour commencer, ouvrez le document JPEG &agrave; l'aide de l'option FICHIER &gt; OUVRIR ,
effectuez un glisser-d&eacute;poser ou dans l'explorateur de fichiers Windows, effectuez un
double-clic sur le fichier et s&eacute;lectionnez MAGIX Web Designer MX dans la liste
&laquo; Ouvrir avec &raquo;. La photo s'ouvre alors dans un document photo.
&Eacute;ditez la photo &agrave; l'aide des outils photo, comme d&eacute;crit plus haut.
Si vous s&eacute;lectionnez l'option FICHIER &gt; ENREGISTRER (Ctrl+S), le fichier JPEG que vous
avez t&eacute;l&eacute;charg&eacute; sera &eacute;cras&eacute; par l'image modifi&eacute;e. Cependant, MAGIX Web Designer
MX enregistre &eacute;galement votre photo dans son format .xar natif. Le fichier est plac&eacute;
dans un dossier ma&icirc;tre aux c&ocirc;t&eacute;s de votre fichier JPEG. Il porte exactement le m&ecirc;me
nom que votre fichier photo mais avec une extension .xar. Le fichier .xar inclut la
photo originale sans les modifications et naturellement les d&eacute;tails de l'&eacute;dition que
vous avez effectu&eacute;.
&Agrave; l'avenir, si vous chargez le fichier JPEG modifi&eacute; afin de l'&eacute;diter, MAGIX Web
Designer MX cherchera dans le dossier Ma&icirc;tre si un fichier .xar est disponible pour
cette photo. Si c'est le cas, le fichier .xar est charg&eacute; au lieu du fichier JPEG et vous
www.magix.com
Traitement des photos
pouvez continuer l'&eacute;dition la o&ugrave; vous avez arr&ecirc;t&eacute;. Lors de la prochaine sauvegarde, le
fichier JPEG est &eacute;cras&eacute; &agrave; nouveau et un fichier .xar mis &agrave; jour est &eacute;galement enregistr&eacute;
dans le dossier ma&icirc;tre.
Naturellement si vous ne souhaitez pas &eacute;craser le fichier JPEG original apr&egrave;s l'avoir
modifi&eacute;, vous pouvez utiliser l'option FICHIER &gt; ENREGISTRER SOUS pour sauvegarder la
photo modifi&eacute;e &agrave; un autre emplacement ou utiliser les nombreuses fonctionnalit&eacute;s
d'exportation pour exporter votre photo en diff&eacute;rents formats.
Vous pouvez acc&eacute;der &agrave; la photo originale depuis le fichier .xar en l'ouvrant dans la
GALERIE DES BITMAPS , en effectuant un clic droit sur la photo et en s&eacute;lectionnant
l'option ENREGISTRER .
Dans l'onglet d'&eacute;dition de photo de la bo&icirc;te de dialogue SERVICES &gt; OPTIONS , vous
avez la possibilit&eacute; de modifier le mode de sauvegarde d&eacute;crit plus haut. Vous pouvez
d&eacute;cider de ne pas sauvegarder automatiquement un fichier .xar dans le sous-dossier
ma&icirc;tre ou d&eacute;cider de sauvegarder le fichier de la photo originale &agrave; la place.
Veuillez noter que si vous d&eacute;sactivez la fonction de sauvegarde de la photo d'origine,
elle sera perdue lorsque vous effectuez une sauvegarde !
285
286
L'outil photo
Introduction
L'outil photo permet de d&eacute;couper les photos tr&egrave;s rapidement, d'en ajuster les niveaux
de luminosit&eacute; et la nettet&eacute;, et ce m&ecirc;me pour les images avec une tr&egrave;s haute
r&eacute;solution. Cet outil fournit :
• 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 d'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;glez les valeurs, l'image est mise &agrave; jour imm&eacute;diatement. Les op&eacute;rations sont
&eacute;galement non destructives, c'est-&agrave;-dire que votre original n'est pas modifi&eacute; et que
vous pouvez toujours modifier vos r&eacute;glages ou les annuler.
Les avantages de l'outil photo
Cet outil pr&eacute;sente trois avantages majeurs :
1.
2.
3.
Il fonctionne de fa&ccedil;on non destructrice
Il est extr&ecirc;mement rapide, m&ecirc;me pour les images de grande taille
Les modifications de photo ne prennent pas de m&eacute;moire
Pour obtenir plus d'informations sur ces avantages, veuillez vous reporter au
chapitre Traitement des photos.
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.
www.magix.com
L'outil photo
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;.
MAGIX Web Designer MX 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). MAGIX Web Designer MX 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.
Utilisation des Outils Photo
Pour acc&eacute;der aux OUTILS PHOTO , placez le pointeur de la souris sur l'ic&ocirc;ne
appareil photo de la barre d'outils principale sur la gauche de la fen&ecirc;tre. Une
barre escamotable s'affiche alors, contenant les ic&ocirc;nes des diff&eacute;rents outils
photo disponibles.
Si vous vous trouvez dans l'Outil de s&eacute;lection, faites un double clic sur une photo pour
basculer dans l'OUTIL PHOTO.
287
288
Fonctions photo communes
Les boutons suivants sont disponibles dans la barre d'infos lorsque vous vous trouvez
dans les outils photo OPTIMISER ou DETOURER.
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.
Pr&eacute;c&eacute;dent &amp; Suivant
Lorsque vous ouvrez une photo en utilisant MAGIX Web Designer MX, celle-ci est
charg&eacute;e dans un nouveau document photo, car Web Designer suppose que vous
voulez &eacute;diter ou voir la photo elle-m&ecirc;me plut&ocirc;t que de l'utiliser en tant que partie d'un
dessin ou d'un autre document. Une fois que vous avez ouvert une photo, vous
pouvez utiliser les boutons Pr&eacute;c&eacute;dent et Suivant de la barre d'info de l'outil photo pour
fermer le document photo en cours et ouvrir la photo suivante (ou pr&eacute;c&eacute;dente) dans
le m&ecirc;me dossier que la photo en cours. Cela vous permet de parcourir les photos d'un
m&ecirc;me dossier sans avoir &agrave; les fermer les ouvrir chacune &agrave; leur tour. Si vous avez
apport&eacute; des modifications &agrave; une photo, on vous demandera si vous souhaitez les
enregistrer lorsque vous appuierez sur Suivant ou Pr&eacute;c&eacute;dent.
Pour obtenir de plus amples informations sur les Documents photo, veuillez vous
reporter au chapitre Utilisation du document.
Zoom 1:1
S&eacute;lectionnez une photo et cliquez sur le bouton zoom 1:1.
Le facteur de zoom des documents est d&eacute;fini de fa&ccedil;on &agrave; ce que la photo s&eacute;lectionn&eacute;e
soit affich&eacute;e &agrave; 1:1 (1 pixel de la photo &eacute;quivaut &agrave; 1 pixel de l'&eacute;cran). Utilisez cette option
si vous souhaitez travailler sur une photo en pleine taille dans un document dont vous
avez r&eacute;duit la taille de la photo.
www.magix.com
L'outil photo
Agrandir la photo &agrave; 100 %
L'op&eacute;ration AGRANDIR LA PHOTO A 100 % agrandit la photo s&eacute;lectionn&eacute;e
pour atteindre la taille enti&egrave;re.
Par exemple, si la photo s&eacute;lectionn&eacute;e est r&eacute;duite &agrave; une largeur de 500 pixels mais que
la photo d'origine a &eacute;t&eacute; import&eacute;e avec une largeur de 1 000 pixels, la photo sera
agrandie sur la page jusqu'&agrave; une largeur de 1 000 pixels. Lorsque la valeur du zoom
dans le document correspond &agrave; 100 %, chaque pixel de l'image correspond &agrave; chaque
pixel de l'&eacute;cran.
Outil d'optimisation
Cliquez sur l'ic&ocirc;ne d'appareil photo pour entrer dans l'OUTIL OPTIMISATION .
L'Outil Photo permet de d&eacute;couper les photos tr&egrave;s rapidement et d'en ajuster les
niveaux de luminosit&eacute; et la nettet&eacute;, et ce m&ecirc;me pour les images avec une tr&egrave;s haute
r&eacute;solution. Cet outil dispose des fonctions suivantes :
• Optimisation automatique en un clic de vos photos, particuli&egrave;rement adapt&eacute;e aux
photos sous-expos&eacute;es.
• Ajustement manuel de la luminosit&eacute;, du contraste, de la saturation des couleurs
et de la nettet&eacute; des photos.
• Recadrage des images. Vous pouvez redimensionner &laquo; en direct &raquo;, c'est-&agrave;-dire
que vous pouvez modifier et ajuster la taille de l'image &agrave; tout moment.
• Affichage d'un histogramme des niveaux de luminosit&eacute; de vos photos.
• Ajustement de la courbe des niveaux de luminosit&eacute; pour un contr&ocirc;le avanc&eacute;.
• Correction des couleurs et de la balance des blancs.
• &laquo; Comparaison &raquo; en un clic, pour observer rapidement les changements effectu&eacute;s
par rapport &agrave; l'original.
• Fonction pratique de Copier/coller pour faciliter l'&eacute;dition entre plusieurs images.
Toutes ces fonctions sont interactives et mises &agrave; jour r&eacute;guli&egrave;rement. Lorsque vous
r&eacute;glez les valeurs, l'image est mise &agrave; jour imm&eacute;diatement. Les op&eacute;rations sont
&eacute;galement non destructives, c'est-&agrave;-dire que votre original n'est pas modifi&eacute; et que
vous pouvez toujours faire de nouveaux r&eacute;glages ou annuler ces derniers.
Les six premiers boutons de la barre d'infos sur la gauche (ils ne sont pas affich&eacute;s au-dessus)
sont communs &agrave; tous les outils et sont d&eacute;crits plus haut.
Optimisation automatique
Luminosit&eacute;
289
290
Contraste
Saturation des couleurs
Temp&eacute;rature des couleurs
Teinte
Flou/Nettet&eacute;
Comparer avec l'original
Cet outil permet d'ajuster la clart&eacute;, le contraste, la saturation, la temp&eacute;rature et la
nuance des couleurs ainsi que le flou ou la nettet&eacute;. Vous pouvez saisir les valeurs
directement dans les champs de texte ou utiliser un petit curseur pop-up pour ajuster
les valeurs de fa&ccedil;on interactive.
R&eacute;glette du menu contextuel
Vous pouvez utiliser les r&eacute;glettes de deux mani&egrave;res diff&eacute;rentes :
1.
2.
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.
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/Teinte
Luminosit&eacute;
Contraste
Saturation
Temp&eacute;rature des
couleurs
L'image change lorsque vous modifiez ces valeurs. La saturation modifie l'intensit&eacute; de
la couleur. Au r&eacute;glage minimum de -100, 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;. Le
www.magix.com
L'outil photo
contr&ocirc;le de teinte attribue une nuance de couleur particuli&egrave;re &agrave; votre image et vous
permet de contr&ocirc;ler l'intensit&eacute; de la couleur s&eacute;lectionn&eacute;e.
Teinte
Le curseur de la teinte contr&ocirc;le
l'intensit&eacute; de la couleur
s&eacute;lectionn&eacute;e.
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.
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.
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 OPTIMISATION . 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
291
292
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 but soit le m&ecirc;me que celui d'un outil de
d&eacute;coupe traditionnel.
Outil d'extrait
Vous pouvez sinon entrer dans L'OUTIL D'EXTRAIT via l'ic&ocirc;ne 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;.
www.magix.com
L'outil photo
Effacer
Cliquez sur EFFACER ou en dehors de la r&eacute;gion d'extraction s&eacute;lectionn&eacute;e 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.
Le bouton DE-CLIP dans l'OUTIL 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).
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 VERROUILLER 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.
293
294
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 verrouiller 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
Verrouiller 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.
Remarques sur l'outil photo
1.
2.
3.
4.
5.
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.
Si vous cliquez et tirez sur une photo, tout en &eacute;tant dans l'OUTIL OPTIMISATION ,
vous effectuez alors un recadrage de la photo. Ou bien si vous tirez sur
l'arri&egrave;re-plan, le recadrage s'appliquera &agrave; la premi&egrave;re photo que vous avez
touch&eacute; en tirant.
Le bouton DE-CLIP dans l'OUTIL 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. Utilisez le bouton Supprimer pour annuler le
recadrage (ou cliquez &agrave; l'ext&eacute;rieur du rectangle).
Toutes les op&eacute;rations sur les photos peuvent &ecirc;tre annul&eacute;es. Contrairement aux
programmes traditionnels d'&eacute;dition de photo, la photo originale n'est jamais
modifi&eacute;e &agrave; moins que vous optimisiez la photo et enregistrez les changements
de fa&ccedil;on permanente.. Aussi souvent que vous le souhaitez, vou pouvez ainsi
effectuer des modifications, enregistrer et charger des fichiers .xar/.web sans
que l'image soit d&eacute;grad&eacute;e (toutes les op&eacute;rations d'&eacute;dition sont non
destructives et donc sans perte) et sans augmenter la taille du fichier.
Toutes les options de L'OUTIL PHOTO, y compris les contr&ocirc;les de niveaux,
agissent sur des objets remplis avec bitmap ainsi que sur des photos
ind&eacute;pendantes.
www.magix.com
L'outil photo
6.
Lorsque vous ouvrez une photo dans MAGIX Web Designer MX (FICHIER &gt;
OUVRIR ), celle-ci s'ouvre comme document photo. Apr&egrave;s l'&eacute;dition, vous pouvez
&eacute;craser les fichiers photo &agrave; l'aide de la fonction FICHIER &gt; ENREGISTRER (Ctrl +
S). Un fichier .web ou .xar est &eacute;galement enregistr&eacute; dans un dossier ma&icirc;tre aux
c&ocirc;t&eacute;s de la photo modifi&eacute;e afin de conserver la photo originale et la version
&eacute;dit&eacute;e. Voir chapitre Traitement des photos pour plus d'informations.
295
296
Barres de navigation
La plupart des sites Internet disposent d'une barre de navigation, horizontale ou
verticale, permettant d'acc&eacute;der &agrave; toutes les pages importantes du site.
MAGIX Web Designer MX comprend une fonction de prise en charge des barres de
navigation (Barre de navigation) permettant d'ajouter, &eacute;diter et supprimer facilement
des boutons. La largeur des boutons d'une barre de navigation peut s'adapter
automatiquement en fonction du titre et les boutons sont positionn&eacute;s
automatiquement apr&egrave;s vos modifications. Il est &eacute;galement possible d'ajouter des
menus d&eacute;roulants et des sous-menus &agrave; votre barre et utiliser la fonction d'ajout ou
suppression automatiquement des boutons au fur et &agrave; mesure que vous ajoutez ou
supprimez des pages.
Les utilisateurs avanc&eacute;s peuvent cr&eacute;er des barres personnalis&eacute;es &agrave; partir de mod&egrave;les
de boutons personnels et modifier le mod&egrave;le de conception des boutons utilis&eacute;s dans
une barre de navigation existante ou encore appliquer leur nouveau mod&egrave;le &agrave; une
barre enti&egrave;re.
Utilisation de mod&egrave;les de barres de navigation
Vous pouvez cr&eacute;er vos propres barres de navigation &agrave; partir de n'importe quel mod&egrave;le
de bouton mais la plupart des utilisateurs choisiront simplement l'un des nombreux
mod&egrave;les de barre de navigation disponibles dans la GALERIE DES MODELES DE
CONCEPTION . Si vous souhaitez cr&eacute;er votre propre mod&egrave;le, consultez la section
consacr&eacute;e plus bas dans ce chapitre.
Tous les mod&egrave;les de barres de navigation dans la galerie sont associ&eacute;s &agrave; un th&egrave;me
particulier et sont con&ccedil;us avec beaucoup de soin afin de s'int&eacute;grer harmonieusement
dans le mod&egrave;le de conception de la page. Par cons&eacute;quent, il est possible de construire
la plupart des sites Internet sans ajouter de barre de navigation manuellement : elles
sont d&eacute;j&agrave; int&eacute;gr&eacute;es dans les mod&egrave;les de conception des pages de chaque th&egrave;me.
Cependant, chaque th&egrave;me propose les barres de navigation correspondantes en tant
qu'&eacute;l&eacute;ments s&eacute;par&eacute;s, de sorte que vous pouvez ajouter une barre &agrave; votre page web
par simple glisser-d&eacute;poser depuis la galerie.
www.magix.com
Barres de navigation
La modification des couleurs d'un mod&egrave;le de barre de navigation se fait de la m&ecirc;me
mani&egrave;re que pour tout autre &eacute;l&eacute;ment d'un th&egrave;me : il suffit d'appliquer un nouveau
sch&eacute;ma de couleur &agrave; partir de la Galerie des mod&egrave;les de conception ou d'&eacute;diter les
couleurs nomm&eacute;es du th&egrave;me dans la gamme de couleur. Consultez le chapitre Pour
bien d&eacute;marrer pour en savoir plus.
Bo&icirc;te de dialogue Propri&eacute;t&eacute;s de la barre de
navigation
La meilleure mani&egrave;re d'&eacute;diter les titres, les liens et les autres attributs d'une barre de
navigation, et &eacute;galement d'ajouter ou supprimer des boutons, consiste &agrave; utiliser la
bo&icirc;te de dialogue des propri&eacute;t&eacute;s de la barre de navigation. Effectuez un double-clic sur
une barre pour ouvrir la bo&icirc;te de dialogue, ou un clic droit sur la barre et s&eacute;lectionnez
l'option &Eacute;DITER LA BARRE DE NAVIGATION dans le menu contextuel.
Dans la partie sup&eacute;rieure de la bo&icirc;te de dialogue, vous pouvez d&eacute;finir plusieurs
propri&eacute;t&eacute;s de la barre de navigation. Dans la partie inf&eacute;rieure, vous pouvez ajouter et
supprimer des boutons et menus et &eacute;diter les titres et les liens pour chaque bouton et
entr&eacute;e de menu.
297
298
Orientation
Vous pouvez positionner la barre de navigation &agrave; l'horizontale ou &agrave; la verticale. Dans
le cas des barres verticales, les boutons ont normalement la m&ecirc;me largeur (qui
correspond &agrave; celle du bouton le plus large), c'est pourquoi la barre est rectangulaire.
Consultez l'option &laquo; AJUSTEMENT DES BOUTONS AU TITRE LE PLUS LARGE &raquo; ci-dessous
pour effectuer l'op&eacute;ration.
Justifier
D&eacute;terminez quel comportement la barre doit adopter lorsque sa longueur est
modifi&eacute;e lors de l'&eacute;dition des titres ou de l'ajout/suppression de boutons. Une barre
horizontale ALIGNEE A GAUCHE va s'allonger du c&ocirc;t&eacute; droit lorsque vous ajoutez des
boutons ou que vous &eacute;ditez les titres. Le coin gauche de la barre reste toujours &agrave; la
m&ecirc;me position. De m&ecirc;me, une barre ALIGNEE A DROITE va s'allonger vers le c&ocirc;t&eacute;
gauche alors que le c&ocirc;t&eacute; droit ne bouge pas. Une barre CENTREE s'allonge
&eacute;quitablement vers la gauche et vers la droite. Optez pour l'option centr&eacute;e si, par
exemple, vous souhaitez utiliser une barre horizontale centr&eacute;e en haut de votre page.
Pour les barres verticales, les options de justification permettent d'aligner en haut, en
bas et de centrer la barre. Comme pour les barres horizontales, les param&egrave;tres
d&eacute;terminent si la barre sera allong&eacute;e vers le haut (align&eacute;e en bas), vers le bas (align&eacute;e
en haut) ou dans les deux sens (centr&eacute;e) lorsque vous ajoutez des boutons.
Ajuster la largeur des boutons &agrave; leur texte
Activez cette option pour rendre les boutons extensibles, c'est-&agrave;-dire qu'ils
s'allongent ou r&eacute;tr&eacute;cissent en fonction du texte qu'ils contiennent. Lorsque l'option est
d&eacute;sactiv&eacute;e, les boutons conservent toujours la m&ecirc;me taille et si le texte qu'il contient
est plus long, il d&eacute;passera des bords du bouton.
M&ecirc;me largeur pour tous les boutons
Cette option est activ&eacute;e uniquement lorsque l'option &laquo; Ajuster la largeur des boutons
&agrave; leur texte &raquo; est activ&eacute;e.
Cette option permet d'attribuer &agrave; tous les boutons la largeur du bouton le plus large
de la barre. Pour les barres de navigation verticales, il est presque toujours
recommand&eacute; d'utiliser cette option afin d'obtenir une barre rectangulaire. Les barres
horizontales, ont un aspect plus ordonn&eacute; lorsque tous les boutons ont la m&ecirc;me taille
mais un espace plus grand est alors requis, pouvant limiter le nombre de boutons
contenus dans la barre lorsque l'option est activ&eacute;e.
Espacement boutons
Vous pouvez ici d&eacute;finir l'espacement entre chaque bouton de la barre horizontale si
vous souhaitez les espacer. Il suffit d'entrer le nombre de pixels souhait&eacute; et de
visionner le r&eacute;sultat imm&eacute;diatement dans l'espace de travail
www.magix.com
Barres de navigation
Barre de navigation du site
Il s'agit d'une option tr&egrave;s importante de la BOITE DE DIALOGUE DE LA BARRE DE
NAVIGATION ; elle permet d'activer la fonction de liens automatiques afin que des
boutons et des liens soient ajout&eacute;s automatiquement &agrave; la barre au fur et &agrave; mesure que
vous ajoutez des pages. Toutes les modifications que vous effectuez sur la barre sont
refl&eacute;t&eacute;es sur chaque page du site d&egrave;s que vous fermez la bo&icirc;te de dialogue de la barre
de navigation.
Normalement, on active cette option uniquement quand on souhaite afficher la barre
de navigation sur toutes les pages du site. Cependant, vous pouvez supprimer
manuellement la barre sur certaines pages si vous le souhaitez.
D&eacute;placer et transformer une barre de navigation de site
Si vous d&eacute;placez une barre de navigation de site sur la page, la barre est &eacute;galement
d&eacute;plac&eacute;e sur toutes les autres pages sur laquelle elle appara&icirc;t. De la m&ecirc;me mani&egrave;re, si
vous agrandissez ou r&eacute;duisez la taille de la barre &agrave; l'aide de l'OUTIL DE SELECTION , la
m&ecirc;me transformation est appliqu&eacute;e &agrave; la copie de la barre situ&eacute;e sur les autres pages.
L'OUTIL DE SELECTION ne permet aucune autre transformation de la barre de
navigation (rotation, inclinaison, r&eacute;duction de dimension).
Attribution automatique de liens vers des pages
Lorsque vous ajoutez une nouvelle page &agrave; votre site, un lien vers cette page est ajout&eacute;
automatiquement dans la barre de navigation et une copie de la barre sera affich&eacute;e
sur cette nouvelle page si elle n'en a pas encore. Si votre barre comporte un bouton
non utilis&eacute;, un lien vers la page sera attribu&eacute; au premier bouton de ce genre. Si tous
les boutons comportent d&eacute;j&agrave; des liens, un nouveau bouton est alors ajout&eacute;
automatiquement &agrave; la fin de la barre, avec un lien vers la nouvelle page. Dans chaque
cas, le texte du bouton est modifi&eacute; pour correspondre au nom de la nouvelle page, le
cas &eacute;ch&eacute;ant, ou sera nomm&eacute; &laquo; Nouvelle page &raquo;. G&eacute;n&eacute;ralement, il est pr&eacute;f&eacute;rable
d'&eacute;diter imm&eacute;diatement ce nouveau texte dans la bo&icirc;te de dialogue Barre de
navigation.
Lorsque vous supprimez une page de votre site, le bouton qui renvoie un lien vers
cette page sur la barre de navigation du site est supprim&eacute; automatiquement, sur
toutes les pages du site.
Activer/D&eacute;sactiver les barres de navigation du site
Lorsque vous activez ou d&eacute;sactivez l'option de navigation du site dans la bo&icirc;te de
dialogue Barre de navigation, les modifications sont affich&eacute;es dans toutes les copies
de cette barre sur toutes les pages de votre site Internet.
299
300
Supprimer un barre de navigation sur une page
Si vous ne souhaitez pas que la barre de navigation de site s'affiche sur certaines
pages, vous pouvez simplement cliquer dessus pour la s&eacute;lectionner sur la page et
choisir l'option Supprimer. Le programme vous demandera alors si vous souhaitez
supprimer la barre uniquement sur cette page ou sur toutes les pages.
Cependant, apr&egrave;s avoir supprim&eacute; la barre sur une ou plusieurs pages, notez que si
vous d&eacute;sactivez l'option de barre de navigation de site (par exemple pour &eacute;diter le
mod&egrave;le de bouton ce qui ne peut &ecirc;tre fait lorsque l'option est activ&eacute;e), puis que vous
activez &agrave; nouveau l'option, la barre sera ajout&eacute;e automatiquement &agrave; toutes les pages
du site qui n'en comportent pas.
Mod&egrave;les et barres de navigation de site
Tous les mod&egrave;les de pages propos&eacute;s dans la GALERIE DES MODELES DE CONCEPTION
comportent une barre de navigation d&eacute;finie comme barre de navigation de site
lorsque vous les t&eacute;l&eacute;chargez depuis la galerie lors de la mise en place d'un nouveau
document de site Internet. Cela signifie que vous pouvez cr&eacute;er rapidement un petit
site Internet avec une barre contenant des liens vers toutes les pages, sans devoir
ajouter manuellement des boutons et des liens vers les pages. De la m&ecirc;me mani&egrave;re,
l'option de barre de navigation de site est activ&eacute;e pour tous les mod&egrave;les de site. Si
vous souhaitez proc&eacute;der autrement, d&eacute;sactivez simplement l'option de barre de
navigation de site dans la BOITE DE DIALOGUE BARRE DE NAVIGATION .
L'option navigation de site n'est pas activ&eacute;e automatiquement pour les barres de
navigation ind&eacute;pendantes pr&eacute;sent&eacute;es avec chaque th&egrave;me dans la Galerie. Ceci est d&ucirc;
au fait que les utilisateurs ajoutant des barres manuellement ne souhaitent pas
g&eacute;n&eacute;ralement que cette barre soit pr&eacute;sente sur toutes les pages du site avec des liens
vers chaque page. Ici encore il est tr&egrave;s facile d'activer l'option dans la bo&icirc;te de
dialogue Barre de navigation si souhait&eacute;.
Autres points importants
Si vous supprimez un bouton renvoyant vers l'une des pages ou que vous modifiez le
lien de ce bouton pour le renvoyer vers une autre page, il n'existe aucune action
sp&eacute;cifique pour restaurer le lien du bouton vers la page. Le programme suppose alors
que vous ne souhaitez pas avoir de lien direct vers cette page dans la barre de
navigation de site. Les nouveaux boutons et liens vers les pages sont cr&eacute;&eacute;s
uniquement lorsqu'une page est ajout&eacute;e.
www.magix.com
Barres de navigation
Boutons et menus
Vous pouvez &eacute;diter les textes des boutons, les liens et d'autres attributs des boutons
&agrave; l'aide des commandes de l'arborescence et des tables dans la partie inf&eacute;rieure de la
BOITE DE DIALOGUE BARRE DE NAVIGATION . Chaque ligne dans la table correspond &agrave;
un bouton de la barre, ou &agrave; une entr&eacute;e du menu sous l'un des boutons.
Ajouter et &eacute;diter des boutons
Pour ajouter un bouton, effectuez un double-clic dans la premi&egrave;re colonne, sur la
mention &laquo; Ajouter un bouton par double-clic &raquo;. Une nouvelle ligne est ajout&eacute;e audessous de la ligne du dernier bouton. Vous pouvez &eacute;galement cliquer sur AJOUTER au
bas de la bo&icirc;te de dialogue pour ajouter un bouton &agrave; la suite du bouton s&eacute;lectionn&eacute;.
Vous pouvez ensuite d&eacute;marrer imm&eacute;diatement l'&eacute;dition du texte du nouveau bouton.
Cliquez sur retour pour compl&eacute;ter l'&eacute;dition du texte ou cliquez sur un emplacement
hors du texte.
Vous pouvez &eacute;diter n'importe quel texte de bouton en cliquant tout d'abord dans la
ligne correspondante pour la s&eacute;lectionner, puis en cliquant &agrave; nouveau dans la
premi&egrave;re colonne pour &eacute;diter le texte.
Pour d&eacute;finir le lien d'un bouton, effectuez un double-clic sur le champ d'URL ou si la
ligne est d&eacute;j&agrave; s&eacute;lectionn&eacute;e, il suffit de cliquer une fois. La BOITE DE DIALOGUE DES LIEN
OPTIONS INTERNET s'affiche. Elle est similaire &agrave; la bo&icirc;te de dialogue Lien (voir page
236) utilis&eacute;e pour ajouter d'autres liens &agrave; vos pages et comprend les m&ecirc;mes options.
Certaines options sont d&eacute;sactiv&eacute;es car elles ne s'appliquent pas aux liens des barres
de navigation et menus, comme l'option photo popup qui fonctionne uniquement
pour un lien vers une photo.
Vous pouvez &eacute;galement d&eacute;finir le texte de l'infobulle pour chaque bouton dans la
troisi&egrave;me colonne. &Eacute;ditez le texte de la m&ecirc;me mani&egrave;re que pour le texte du bouton.
Sur le site export&eacute;, le texte entr&eacute; est affich&eacute; dans une petite infobulle qui appara&icirc;t
lorsque le pointeur de la souris se trouve sur le bouton ou l'entr&eacute;e du menu.
301
302
Ajouter des menus et sous-menus
Dans la premi&egrave;re colonne (de texte), une ic&ocirc;ne plus est affich&eacute;e sur la gauche de
chaque texte. Il s'agit d'un contr&ocirc;le d'arborescence. En cliquant dessus, l'arborescence
se d&eacute;roule, vous permettant d'ajouter un menu &agrave; ce bouton.
Cliquez sur le texte &laquo; AJOUTER UN ELEMENT DE MENU PAR DOUBLE-CLIC &raquo; situ&eacute; audessous du bouton pour ajouter un menu. Ou cliquez sur le bouton AJOUTER au bas
de la bo&icirc;te de dialogue pour ajouter un &eacute;l&eacute;ment de menu au-dessous de l'&eacute;l&eacute;ment
s&eacute;lectionn&eacute;. Une nouvelle ligne s'affiche dans la table pour chaque entr&eacute;e de menu
que vous ajoutez. Vous pouvez d&eacute;finir le texte, le lien et le contenu de l'infobulle de
chaque entr&eacute;e de menu de la m&ecirc;me mani&egrave;re que pour les boutons. Vous pouvez
ajouter des sous-menus &agrave; n'importe quel menu exactement de la m&ecirc;me mani&egrave;re :
ouvrez d'abord le nœud de l'entr&eacute;e de menu de l'arborescence.
S&eacute;parateurs de menu
En cliquant sur le bouton AJOUTER SEPARATEUR au bas de la bo&icirc;te de dialogue, vous
pouvez ajouter un s&eacute;parateur dans votre menu. Le s&eacute;parateur est imm&eacute;diatement
ajout&eacute;e &agrave; la suite de l'&eacute;l&eacute;ment de menu actuellement s&eacute;lectionn&eacute;. Les s&eacute;parateurs
permettent de grouper visuellement des &eacute;l&eacute;ments li&eacute;s dans le menu.
www.magix.com
Barres de navigation
Styles de menu
Cliquez sur le bouton STYLE DE MENU... pour ouvrir la BOITE DE DIALOGUE DE STYLE DE
MENU . Elle permet de modifier le mode d'affichage des menus et leur comportement
dans la barre de navigation.
Police
S&eacute;lectionnez la police que vous souhaitez utiliser pour le texte des menus. Seules les
polices adapt&eacute;es &agrave; Internet sont affich&eacute;es dans la liste, c'est-&agrave;-dire les mod&egrave;les de
police que vos visiteurs devraient pour voir. Vous disposez &eacute;galement d'une option
permettant de mettre le texte en gras et modifier la taille de la police utilis&eacute;e.
REMARQUE : cette option ne modifie pas la police utilis&eacute;e pour le texte des boutons
de votre barre mais uniquement la police utilis&eacute;e pour les menus. Pour modifier la
police du texte des boutons, consultez la section correspondante plus bas dans ce
chapitre.
Direction
Vous pouvez d&eacute;terminer ici la direction dans laquelle les menus devraient s'ouvrir.
Pour les barres de navigation horizontales, le menu s'ouvre g&eacute;n&eacute;ralement vers le bas
et pour les barres verticales, le menu peut s'ouvrir sur la gauche ou la droite, en
fonction de l'emplacement de la barre sur votre page.
303
304
Espace
Ce param&egrave;tre permet d'ajouter un espace entre les entr&eacute;es de votre menu, pour les
&eacute;taler et agrandir le menu.
Cadre
Ajoutez une bordure aux volets de vos menus en entrant une largeur de bordure en
pixels.
Animation
Les menus par d&eacute;faut s'ouvrent imm&eacute;diatement mais vous pouvez ici d&eacute;finir une
animation pour le menu lorsqu'il s'ouvre.
Transparence
Vous pouvez d&eacute;finir vos menus comme semi-transparent afin que la page reste
visible derri&egrave;re les volets de menu. Entrez le pourcentage correspondant au niveau de
transparence souhait&eacute;.
D&eacute;calage horizontal, d&eacute;calage vertical
Vous avez la possibilit&eacute; de d&eacute;caler les volets du menu horizontalement ou
verticalement par rapport aux boutons. Il suffit d'entrer le nombre de pixels
correspondants au d&eacute;calage souhait&eacute;.
Mettre &agrave; jour la barre de navigation sur toutes
les pages
Comme d&eacute;crit plus haut, si l'option BARRE DE NAVIGATION DE SITE est activ&eacute;e, toutes
les modifications que vous effectuez sur la barre sur une page sont automatiquement
refl&eacute;t&eacute;es sur toutes les autres pages &eacute;galement, y compris l'emplacement de la barre
sur la page.
Cependant, si cette option n'est pas activ&eacute;e, vous devez utiliser l'option ARRANGER &gt;
pour copier les modifications effectu&eacute;es sur la
barre de la page actuelle dans toutes les autres pages. Veuillez noter que cette
op&eacute;ration va &eacute;galement mettre &agrave; jour tous les autres objets r&eacute;p&eacute;t&eacute;s sur la page,
comme des pieds de page ou logos, la page actuellement s&eacute;lectionn&eacute;e servant de
source pour l'actualisation. Voir les informations sur les Objets r&eacute;p&eacute;t&eacute;s dans le
chapitre Utilisation des objets.
METTRE A JOUR LES OBJETS REPETES
www.magix.com
Barres de navigation
&Eacute;dition sur la toile
Vous pouvez &eacute;diter le texte de vos boutons directement sur la toile gr&acirc;ce &agrave;
l'OUTIL TEXTE . Il suffit d'ouvrir l'OUTIL TEXTE puis de cliquer sur
l'emplacement du texte pour l'&eacute;diter.
Si l'objet texte est un objet r&eacute;current (faites un clic droit et s&eacute;lectionnez REPETER DANS
TOUTES LES PAGES ), les modifications apport&eacute;es &agrave; une instance de l'objet sont
automatiquement report&eacute;es &agrave; toutes les autres copies.
Modifier la police des boutons de la barre de
navigation
Vous pouvez modifier la police utilis&eacute;e pour le texte des boutons sur la barre de
navigation tr&egrave;s facilement. S&eacute;lectionnez la barre en cliquant dessus. Puis ouvrez
l'OUTIL TEXTE et s&eacute;lectionnez une police dans la liste situ&eacute;e sur la gauche de la BARRE
D'INFOS DE L'OUTIL TEXTE . En survolant les diff&eacute;rentes polices avec la souris, la barre
de navigation est mise imm&eacute;diatement &agrave; jour afin d'offrir un &aacute;per&ccedil;u du r&eacute;sultat final.
S&eacute;lectionnez la police de votre choix. Si votre barre dispose d'un mode survol de
souris, elle est &eacute;galement actualis&eacute;e.
De la m&ecirc;me mani&egrave;re, vous pouvez modifier la taille de la police &agrave; l'aide des contr&ocirc;les
de taille de la police situ&eacute;s pr&egrave;s de la liste de s&eacute;lection des polices.
Importer et coller des barres de navigation
Si vous importez ou collez une barre de navigation dans le document, l'option de
navigation dans le site de cette barre est automatiquement d&eacute;sactiv&eacute;e. Cela permet
d'&eacute;viter les conflits avec toute autre barre de navigation dans votre document.
Cependant, si la nouvelle barre appartient au m&ecirc;me th&egrave;me et au m&ecirc;me type que la
barre de navigation existante de votre site (par exemple, elles font partie du m&ecirc;me
groupe r&eacute;current), elle sera imm&eacute;diatement actualis&eacute;e pour correspondre &agrave; la barre
existante de navigation dans le site. Dans ce cas, la barre ne sera pas affich&eacute;e sur
votre page dans sa forme originelle.
Si la barre appartient &agrave; un th&egrave;me ou &agrave; un type diff&eacute;rent (par exemple, elles ne font pas
partie du m&ecirc;me groupe r&eacute;current), elle sera affich&eacute;e sans subir de modification.
305
306
Cr&eacute;er vos propres barres de navigation
Vous pouvez cr&eacute;er une barre de navigation depuis n'importe quel mod&egrave;le de bouton.
La GALERIE DES MODELES DE CONCEPTION contient diff&eacute;rents mod&egrave;les de boutons, ou
vous pouvez naturellement le dessiner vous-m&ecirc;me. Consultez la section &laquo; Cr&eacute;er vos
propres boutons avec survol de souris (voir page 74) &raquo; dans le chapitre Pour bien
d&eacute;marrer pour en savoir plus. Le bouton peut inclure le survol de souris, mais ce n'est
pas automatique.
Pour cr&eacute;er une barre de navigation, s&eacute;lectionnez dans un premier temps le bouton
puis ARRANGER &gt; CREER UNE BARRE DE NAVIGATION . La BOITE DE DIALOGUE DE LA
BARRE DE NAVIGATION s'ouvre pour vous permettre d'ajouter imm&eacute;diatement des
boutons &agrave; votre barre, comme pour les autres barres de navigation.
Vous pouvez &eacute;galement cr&eacute;er des barres de navigation comprenant plus d'un mod&egrave;le
de bouton (par exemple, des mod&egrave;les de conception diff&eacute;rent pour le premier et/ou le
dernier bouton de la barre). Voir dans les sections suivantes comment proc&eacute;der
Restrictions des mod&egrave;les de bouton
Vous devez vous tenir &agrave; certaines r&egrave;gles lors de la cr&eacute;ation de boutons personnels
pour les barres de navigation.
Restrictions des boutons extensibles
Afin d'obtenir des r&eacute;sultats satisfaisants lorsque les boutons sont &eacute;tir&eacute;s
automatiquement, assurez-vous qu'aucun point de contr&ocirc;le de chemin ou de
transparence ou remplissage gradu&eacute; ne se trouve dans la zone horizontale occup&eacute;e
par l'objet texte du bouton.
Texte dans un bouton
Chaque &eacute;tat du mod&egrave;le du bouton doit se trouver dans un objet groupe contenant
l'objet texte qui peut &ecirc;tre utilis&eacute; comme le texte du bouton. Cet objet texte doit &ecirc;tre
un objet texte simple et non une colonne de texte ou une zone de texte. Vous devez
cr&eacute;er le texte &agrave; l'aide de l'outil texte en cliquant dans la page et en entrant le texte et
non en tirant une ligne de texte ou une bo&icirc;te de texte.
Groupe souple &eacute;tat de bouton
Si votre bouton comporte plusieurs &eacute;tats, par exemple MouseOver et MouseOff, vous
devez les grouper dans un groupe souple, afin qu'ils restent group&eacute;s lorsque un &eacute;tat
est d&eacute;plac&eacute; ou transform&eacute;.
www.magix.com
Barres de navigation
Marges des boutons
Dans cette section, le terme &laquo; marges &raquo; se r&eacute;f&egrave;re &agrave; l'espace entre le texte du bouton
et les bords du bouton. Pour les boutons &eacute;tirables (ceux pour lesquels l'option
&laquo; Ajuster la largeur des boutons &agrave; leur texte &raquo; est activ&eacute;e), la marge est d&eacute;termin&eacute;e
par le bouton ma&icirc;tre &agrave; partir duquel la barre de navigation est cr&eacute;&eacute;e. En ajustant les
marges du bouton ma&icirc;tre, vous d&eacute;finissez les marges pour tous les autres boutons de
la barre, qui se basent sur le bouton ma&icirc;tre.
Voici la marche &agrave; suivre pour modifier facilement la marge du premier bouton :
1.
2.
3.
4.
5.
Ouvrez la BOITE DE DIALOGUE DE LA BARRE DE NAVIGATION
D&eacute;sactivez l'option AJUSTER LA LARGEUR DES BOUTONS A LEUR TEXTE afin que les
boutons ne s'&eacute;tirent pas lorsque vous modifiez le texte du bouton.
Modifiez le texte du bouton ma&icirc;tre (le premier bouton &agrave; moins de travailler
avec plusieurs mod&egrave;les de bouton dans votre barre de navigation - voir la
section correspondante). Choisissez un texte de bouton brouillon dont la
longueur correspond &agrave; la longueur souhait&eacute;e afin d'obtenir la marge requise
pour le bouton ma&icirc;tre.
Activez &agrave; nouveau l'option AJUSTER LA LARGEUR DES BOUTONS A LEUR TEXTE. La
marge que vous avez d&eacute;finie pour le bouton ma&icirc;tre est alors appliqu&eacute;e &agrave; tous
les boutons.
R&eacute;tablissez le texte du bouton ma&icirc;tre requis.
Barre originale
Barre avec une marge r&eacute;duite
Barre avec une marge agrandie
Si votre barre de navigation contient plusieurs mod&egrave;les de conception pour le
d&eacute;but/fin (voir plus bas pour en savoir plus), les mod&egrave;les de d&eacute;but et de fin disposent
de leur propre marge, contr&ocirc;l&eacute;e s&eacute;par&eacute;ment.
307
308
Avanc&eacute; : &eacute;diter le mod&egrave;le de conception d'un
bouton de la barre de navigation
Quel que soit le mode de cr&eacute;ation de votre barre de navigation, vous avez la
possibilit&eacute; de modifier les mod&egrave;les de boutons utilis&eacute;s. Sur les barres de navigation
contenant un seul mod&egrave;le de boutons, le premier bouton de la barre, utilis&eacute; comme
bouton ma&icirc;tre, sert de mod&egrave;le pour tous les autres boutons. Par cons&eacute;quent, en
modifiant le mod&egrave;le du premier bouton, vous modifiez le mod&egrave;le de tous les autres
boutons de la barre.
&Eacute;diter &agrave; l'int&eacute;rieur
Dans le cas de certaines barres, il est possible d'effectuer l'&eacute;dition du mod&egrave;le de
bouton directement dans le premier bouton &agrave; l'aide de l'option s&eacute;lectionner l'int&eacute;rieur.
Vous pouvez ainsi s&eacute;lectionner des formes &agrave; l'int&eacute;rieur du groupe de boutons. Pour en
savoir plus sur l'outil de s&eacute;lection et la s&eacute;lection &agrave; l'int&eacute;rieur, consultez le chapitre
Utilisation des objets.
Cependant il n'est pas possible de s&eacute;lectionner ce mode d'&eacute;dition si l'une des options
suivantes est activ&eacute;e dans la bo&icirc;te de dialogue de la barre de navigation.
•
•
BARRE DE NAVIGATION DE SITE
AJUSTER LA LARGEUR DES BOUTONS A LEUR TEXTE
Si vous tentez d'effectuer une s&eacute;lection &agrave; l'int&eacute;rieur alors que l'une de ces options est
activ&eacute;e, le programme vous demandera si vous souhaitez ouvrir la bo&icirc;te de dialogue
de la barre de navigation afin de d&eacute;sactiver ces options et r&eacute;p&eacute;ter l'op&eacute;ration.
Lorsque les options sont d&eacute;sactiv&eacute;es, vous pouvez utiliser la fonction de s&eacute;lection &agrave;
l'int&eacute;rieur et modifier les formes composant votre bouton &agrave; l'aide des outils de dessin
courants.
Important : notez que le premier bouton de la barre de navigation est le bouton
ma&icirc;tre de votre barre (&agrave; moins que le bouton de d&eacute;but et de fin soient diff&eacute;rents, voir
plus bas). Vous devez donc effectuer les modifications dans le premier bouton. Les
modifications effectu&eacute;es dans le premier bouton sont ensuite appliqu&eacute;es
imm&eacute;diatement aux autres boutons de la barre. Si vous modifiez un bouton qui n'est
pas le bouton ma&icirc;tre, les modifications ne seront pas appliqu&eacute;es et seront perdues
lorsque vous modifiez la barre.
D&eacute;grouper, &eacute;diter et regrouper
Si vous souhaitez &eacute;diter un mod&egrave;le de bouton, il est recommand&eacute; de d&eacute;grouper les
&eacute;l&eacute;ments composant la barre de navigation puis de les regrouper apr&egrave;s l'&eacute;dition.
Pour d&eacute;grouper les &eacute;l&eacute;ments de votre barre, s&eacute;lectionnez la barre de navigation en
cliquant dessus sur la toile puis effectuez l'op&eacute;ration de dissolution classique
www.magix.com
Barres de navigation
(ARRANGER &gt; DEGROUPER ou Ctrl+U). Ou cliquez sur le bouton DEGROUPER POUR
EDITER LES GRAPHIQUES en bas de la bo&icirc;te de dialogue de la barre de navigation.
Remarque : si l'option &laquo; Barre de navigation du site &raquo; de votre barre de navigation
&eacute;tait activ&eacute;e, vous devrez au besoin la r&eacute;activer apr&egrave;s avoir regroup&eacute; les &eacute;l&eacute;ments de
la barre apr&egrave;s modifications.
Une fois que les &eacute;l&eacute;ments de la barre sont d&eacute;group&eacute;s, il ne s'agit plus d'une barre de
navigation mais de diff&eacute;rents groupes de boutons pour chaque &eacute;tat du bouton. De
m&ecirc;me, si l'option MEME LARGEUR POUR TOUS LES BOUTONS &eacute;tait active, le d&eacute;groupage
peut entra&icirc;ner une modification de la largeur des boutons car cette option n'est
effective que lorsque les boutons font partie int&eacute;grante d'une barre de navigation. Bien
qu'il soit recommand&eacute; de n'appliquer les modifications qu'au(x) bouton(s) ma&icirc;tre(s),
vous voudrez g&eacute;n&eacute;ralement conserver tous les autres boutons sur la page. Ils sont
utilis&eacute; lorsque vous regroupez les &eacute;l&eacute;ments de la barre de navigation pour restaurer
tous les textes des boutons, leurs liens, etc. afin de ne pas devoir saisir &agrave; nouveau
toutes ces informations.
Si le bouton dispose d'un &eacute;tat MouseOver, les 2 groupes constituant le bouton ma&icirc;tre
seront regroup&eacute;s dans un &laquo; groupe souple &raquo; afin qu'ils restent ensembles lorsque
vous les d&eacute;placez sur la page. Vous pouvez les s&eacute;parer &agrave; l'aide de l'option ARRANGER
&gt; SUPPRIMER LE GROUPE SOUPLE (Ctrl+Alt+U). Vous pourrez ensuite d&eacute;grouper
chaque &eacute;tat du bouton sur les calques MouseOff et MouseOver (Ctrl+U) afin de
travailler sur leurs mod&egrave;les respectifs. Consultez la section &laquo; Cr&eacute;er votre propre
bouton de survol de souris &raquo; du chapitre Pour bien d&eacute;marrer (voir page 74) pour en
savoir plus sur le mode de cr&eacute;ation des boutons.
N'oubliez pas de regrouper chaque &eacute;tat du bouton puis de r&eacute;tablir le groupe souple
pour que les deux &eacute;tats du bouton restent associ&eacute;s apr&egrave;s l'&eacute;dition. Pour cela, assurezvous que les deux calques sont activ&eacute;s dans la GALERIE DES PAGES ET DES CALQUES
(voir page 323), s&eacute;lectionnez les deux groupes d'&eacute;tat du bouton puis ARRANGER &gt;
APPLIQUER UN GROUPE SOUPLE. Voir le chapitre Manipulation d'objet pour plus
d'informations sur les groupes souples (voir page 138).
C'est une bonne id&eacute;e de v&eacute;rifier que votre bouton fonctionne correctement en pr&eacute;visualisant votre page avant de reconstituer la barre. Pour reconstituer votre barre,
s&eacute;lectionnez le bouton modifi&eacute; puis ARRANGER &gt; CREER UNE BARRE DE NAVIGATION .
309
310
Barres de navigation avec premier et dernier
boutons diff&eacute;rents
Dans certains cas, une barre de navigation peut avoir un premier et un dernier bouton
diff&eacute;rents. Par exemple, une barre aux contours arrondis mais avec des boutons
rectangulaires au centre.
Pour ce genre de barre, vous aurez besoin de 2 mod&egrave;les (si un seul bouton est
diff&eacute;rent) ou 3 mod&egrave;les de bouton (si les boutons des deux extr&eacute;mit&eacute;s sont
diff&eacute;rents). Ordonnez les mod&egrave;les de bouton de la gauche vers la droite selon leur
ordre d'apparence dans la barre de navigation horizontale. Vous pouvez &eacute;galement les
placer du haut vers le bas pour une barre verticale. Puis s&eacute;lectionnez trois mod&egrave;les de
bouton (ainsi que les &eacute;tats de survol de souris le cas &eacute;ch&eacute;ant) et s&eacute;lectionnez
ARRANGER &gt; CREER UNE BARRE DE NAVIGATION .
Lorsque vous cr&eacute;ez une barre comprenant plus d'un bouton comme dans ce cas,
MAGIX Web Designer MX requiert les informations concernant le comportement de
ces boutons dans la barre. Une bo&icirc;te de dialogue s'ouvre alors, permettant de
s&eacute;lectionner une s&eacute;rie d'options.
Tous les boutons identiques : s&eacute;lectionnez cette option si vous souhaitez que tous les
boutons contenus dans la barre adoptent le mod&egrave;le du premier bouton s&eacute;lectionn&eacute;. Il
s'agit du type de barre de navigation le plus courant.
s&eacute;lectionnez cette option si le mod&egrave;le du premier
bouton de la barre est diff&eacute;rent des autres boutons de la barre.
PREMIER BOUTON DIFFERENT :
www.magix.com
Barres de navigation
s&eacute;lectionnez cette option si le mod&egrave;le du dernier bouton
de la barre est diff&eacute;rent des autres boutons de la barre. Cela est n&eacute;cessaire par
exemple pour les barres dans lesquelles un s&eacute;parateur se trouve entre chaque bouton
de la barre. Tous les boutons except&eacute; le dernier n&eacute;cessitent alors un s&eacute;parateur sur la
droite du mod&egrave;le du bouton.
DERNIER BOUTON DIFFERENT :
Dans cet exemple, le dernier bouton est diff&eacute;rent, il ne comporte aucun s&eacute;parateur sur le bord
droit.
cette option permet de d&eacute;finir un mod&egrave;le
de bouton diff&eacute;rent pour le premier et le dernier bouton, et d'attribuer &agrave; votre barre
des caches de fin. Naturellement, vous devez s&eacute;lectionner au moins 3 boutons pour
pouvoir utiliser cette fonction.
PREMIER ET DERNIER BOUTONS DIFFERENTS :
311
312
Gadgets de site Internet
Ce chapitre explique comment ajouter &agrave; votre site Internet du contenu dynamique tel
que des animations, des films, des formes et des milliers de gadgets disponibles
comme des compteurs de pages et des convertisseurs de monnaie. Ils sont d&eacute;crits
par le terme de r&eacute;f&eacute;rence &laquo; gadgets de site Internet &raquo; ou seulement &laquo; gadgets &raquo;.
Gadgets et web objets fictifs : tout est
automatique !
Dans MAGIX Web Designer MX, un gadget web est un objet que vous pouvez placer
sur votre page web et qui affiche un contenu dynamique &eacute;ventuellement interactif. Ce
contenu peut provenir d'un site Internet externe (par exemple, un flux d'information)
ou peut &ecirc;tre publi&eacute; avec le site web (par exemple, un diaporama appliqu&eacute; &agrave; une
&eacute;lection de photos). Sur la toile de Web Designer, un gadget web est repr&eacute;sent&eacute; par
une &laquo; image d'objet fictif &raquo; statique qui indique la position et les dimensions du
gadget web sur la page. Cette image d'objet fictif est associ&eacute;e &agrave; du code HTML et des
www.magix.com
Gadgets de site Internet
fichiers (notamment des fichiers Flash, Javascript, photo, etc.) qui permettent au
gadget web de fonctionner dans la page export&eacute;e.
L'objet fictif est g&eacute;n&eacute;ralement une image repr&eacute;sentant une capture d'&eacute;cran statique
du gadget web mais il peut &eacute;galement &ecirc;tre un simple rectangle ou tout autre objet.
L'objet fictif a g&eacute;n&eacute;ralement les m&ecirc;mes dimensions que le gadget web pour permettre
de le positionner en fonction du reste du contenu sur la page.
G&eacute;n&eacute;ralement, Web Designer g&eacute;n&egrave;re automatiquement les images d'objet fictif.
Types de gadgets web
Il existe trois types de gadgets web qui diff&egrave;rent par la fa&ccedil;on de les personnaliser et de
les configurer dans MAGIX Web Designer MX. Voici une br&egrave;ve description de chaque
type – plus loin dans ce chapitre, vous trouverez plus de d&eacute;tails concernant chaque
type. Quel que soit le type d'un gadget web, il suffit d'un double-clic sur l'image
d'objet fictif pour &eacute;diter le gadget.
Gadgets web modifiables en ligne
Lorsque vous personnalisez ces gadgets web, une fen&ecirc;tre de navigateur Internet
s'ouvre sur le site externe qui fournit le gadget web que vous pouvez configurer et
personnaliser &agrave; l'aide de cette interface. Par exemple, avec un gadget web de carte
routi&egrave;re propos&eacute; par un site sp&eacute;cialis&eacute;, vous pourrez g&eacute;n&eacute;ralement choisir la
localisation g&eacute;ographique et les dimensions de la carte. Une fois que cela est fait,
cliquez sur le bouton INSERER en bas de la fen&ecirc;tre du navigateur. Habituellement, vous
ins&eacute;rerez ces gadgets web &agrave; partir de la GALERIE DES MODELES.
Gadgets web modifiables en local
Ces gadgets web sont modifi&eacute;s dans Web Designer lui-m&ecirc;me, g&eacute;n&eacute;ralement dans un
document multipage s&eacute;par&eacute; qui permet d'&eacute;diter facilement l'ensemble du contenu du
gadget web. Par exemple, pour un diaporama utilisant 10 photos, les 10 photos seront
facilement visibles et modifiables dans le cadre du document multipage utilis&eacute; pour
&eacute;diter le gadget web. Une fois encore, vous ins&eacute;rerez g&eacute;n&eacute;ralement ces gadgets web &agrave;
partir de la GALERIE DES MODELES.
Gadgets web modifiables manuellement
Il s'agit de gadgets web que vous pouvez modifier manuellement soit en collant le
code HTML du gadget directement dans Web Designer, soit en utilisant l'onglet
SERVICES &gt; PROPRIETES WEB &gt; OBJET FICTIF pour ins&eacute;rer le code. Vous pouvez aussi les
cr&eacute;er en important un fichier, notamment une animation ou une vid&eacute;o, dans votre
page.
Pour &eacute;diter le gadget web, Web Designer ne fournit aucune autre interface que
l'onglet de l'OBJET FICTIF qui permet de modifier le fichier ou le code d&eacute;finissant le
gadget web.
313
314
Gadgets Web de la Galerie des mod&egrave;les
Beaucoup d'&eacute;l&eacute;ments de page dans la Galerie des designs sont des &laquo; gadgets &raquo; –
(comme l'indiquent leurs titres).
Pour ajouter un gadget, il suffit de l'importer par glisser-d&eacute;poser de la galerie vers
votre page. Ce qui se passe ensuite d&eacute;pend du type de gadget Web. S'il s'agit d'un
gadget Web modifiable en ligne, une fen&ecirc;tre de navigateur s'ouvrira pour vous
permettre de configurer le gadget directement sur le site du fournisseur du gadget
web. S'il s'agit d'un gadget modifiable en local, une image d'objet fictif appara&icirc;tra sur
votre page. Double-cliquez sur l'objet fictif pour ouvrir un nouveau document &agrave;
l'int&eacute;rieur de Web Designer qui vous permettra de personnaliser le gadget Web.
Gadgets Web modifiables en ligne
Lorsque vous d&eacute;posez l'un des gadgets web sur votre page &agrave; partir de la GALERIE DES
MODELES , une fen&ecirc;tre s'ouvre : il s'agit du navigateur Internet Explorer fonctionnant &agrave;
l'int&eacute;rieur de Web Designer. Elle est similaire &agrave; la fen&ecirc;tre d'aper&ccedil;u affich&eacute;e lorsque
vous cliquez sur la page d'aper&ccedil;u et les boutons d'aper&ccedil;u du site Internet sur la barre
des outils Internet. Cependant, ce gadget web poss&egrave;de quelques boutons
suppl&eacute;mentaires situ&eacute;s au bas de la page (voir d&eacute;tails plus bas).
www.magix.com
Gadgets de site Internet
Exemple de fen&ecirc;tre d'insertion de gadget web montrant le gadget Google News.
Le fen&ecirc;tre du navigateur s'ouvre et affiche le site Internet du fournisseur du gadget
web. Vous trouverez ici des informations concernant le gadget web ; vous pourrez
saisir les informations requises le cas &eacute;ch&eacute;ant et, dans la plupart des cas,
personnaliser l'apparence du gadget web. G&eacute;n&eacute;ralement, le site Internet fournissant le
gadget web propose un aper&ccedil;u en ligne des fonctionnalit&eacute;s du gadget, y compris des
modifications que vous avez effectu&eacute;es.
Insertion
Cliquez sur le bouton AIDE situ&eacute; au bas de la fen&ecirc;tre pour afficher des informations
sur le processus de personnalisation du gadget et d'insertion du gadget sur votre
page. Dans la plupart des cas, vous devez obtenir le code HTML du gadget &agrave; ins&eacute;rer
sur votre page Internet. D&egrave;s qu'il est visible, il suffit de cliquer sur le bouton d'insertion
situ&eacute; au bas de la fen&ecirc;tre. MAGIX Web Designer MX va alors rechercher le code
HTML et l'ins&eacute;rer dans la page.
Dans le cas de certains gadgets, MAGIX Web Designer MX ne peut pas retrouver le
code HTML directement sur le site et vous devez dans un premier temps copier le
code dans la m&eacute;moire temporaire. S&eacute;lectionnez le code dans la fen&ecirc;tre du navigateur
et cliquez Ctrl+C. Dans de nombreux cas la pr&eacute;sence d'un bouton Copier pr&egrave;s du
code simplifie l'op&eacute;ration. Une fois que nous avez copi&eacute; le code, cliquez sur le bouton
INSERER .
G&eacute;n&eacute;ration automatique d'un objet fictif
Lorsque vous cliquez sur le bouton Ins&eacute;rer, la fen&ecirc;tre du site du gadget se ferme une
fois que MAGIX Web Designer MX a trouv&eacute; le code du gadget et vous verrez une
indication montrant que MAGIX Web Designer MX est en train de g&eacute;n&eacute;rer un objet
fictif. Au bout de quelques secondes, une image du gadget s'affiche sur la page. Pour
la plupart des gadgets, l'image a exactement la m&ecirc;me taille que le gadget lui-m&ecirc;me,
afin que vous puissiez le positionner sur la page selon vos go&ucirc;ts, &agrave; l'aide de l'OUTIL DE
SELECTION .
Il ne reste plus qu'&agrave; ouvrir un aper&ccedil;u de votre site Internet pour voir comment
fonctionne le nouveau gadget sur votre page !
Abonnement &agrave; un site de gadgets
Pour utiliser certains gadgets, il est n&eacute;cessaire de s'inscrire au pr&eacute;alable sur le site du
fournisseur. La plupart sont gratuits mais certains proposent des services premium
moyennant un abonnement. Veuillez consulter chaque gadget et les informations
fournies sur le site du fournisseur du gadget pour en savoir plus.
Modifier des gadgets web existants
&Agrave; tout moment, vous pouvez double-cliquer sur l'objet fictif du gadget (ou faire un
clic droit et s&eacute;lectionner &Eacute;DITER LE GADGET WEB ) dans votre page de Web Designer
pour revenir au site du fournisseur du gadget web afin de le modifier ou de le
remplacer facilement.
315
316
Les fournisseurs de gadgets web qui requi&egrave;rent une inscription gardent normalement
une copie de tous les gadgets que vous avez cr&eacute;&eacute;s. Vous pouvez donc vous connecter
&agrave; votre compte durant le processus d'insertion puis trouver, modifier et ins&eacute;rer le
gadget web que vous avez pr&eacute;alablement cr&eacute;&eacute;. Le processus d'insertion de gadgets
web existants est le m&ecirc;me que pour l'insertion de nouveau gadgets web : cliquez
simplement sur INSERER lorsque le code HTML est affich&eacute; ou copiez le code HTML de
votre gadget dans le presse-papiers puis cliquez sur INSERER .
Gadgets web modifiables en local
Certains gadgets web que vous d&eacute;posez sur votre page &agrave; partir de la GALERIE DES
MODELES n'ouvrent pas de fen&ecirc;tre de navigateur Internet comme d&eacute;crit plus haut
pour les gadgets web modifiables en ligne. Ce sont les gadgets web modifiables en
local que vous pouvez &eacute;diter directement dans Web Designer &agrave; l'aide d'une fen&ecirc;tre de
document s&eacute;par&eacute;e.
&Eacute;dition
Apr&egrave;s avoir d&eacute;pos&eacute; un tel gadget web sur votre page, double-cliquez dessus pour
l'&eacute;diter. Une nouvelle fen&ecirc;tre de document s'ouvre dans Web Designer (le
&laquo; document d'&eacute;dition &raquo; du gadget web). Ce que cette fen&ecirc;tre de document affiche
d&eacute;pend des sp&eacute;cificit&eacute;s du gadget web ; g&eacute;n&eacute;ralement, vous verrez un document
multipage vous permettant de modifier et de personnaliser facilement tout le contenu
du gadget web.
Normalement, vous trouverez des instructions sp&eacute;cifiques sur le c&ocirc;t&eacute; ou au-dessus de
la premi&egrave;re page d&eacute;crivant les aspects du gadget web que vous pouvez modifier dans
le document et ceux que vous ne pourrez pas modifier. Dans la plupart des cas, vous
pourrez &eacute;diter le texte que vous voyez &agrave; l'aide de l'OUTIL TEXTE ; en revanche, vous ne
pourrez normalement pas modifier la police ou le style du texte. Vous pouvez
remplacer des photos en d&eacute;posant des fichiers images sur les photos existantes &agrave;
partir de l'explorateur de Windows, comme vous le feriez dans un document normal.
Vous pouvez &eacute;diter les photos &agrave; l'aide de l'OUTIL PHOTO, les ajuster avec l'OUTIL
REMPLISSAGE , etc.
Regardez successivement chaque page et personnalisez le texte et les photos.
Certains objets peuvent &ecirc;tre verrouill&eacute;s (il ne se passe rien quand on clique dessus),
ce qui veut dire que vous ne pourrez pas &eacute;diter cet aspect du gadget web ou, le cas
&eacute;ch&eacute;ant, qu'il devra &ecirc;tre modifi&eacute; en changeant des objets d&eacute;verrouill&eacute;s sur l'une des
autres pages. Les objets verrouill&eacute;s jouent le r&ocirc;le d'aide visuelle pour retranscrire le
contexte des parties modifiables d&eacute;verrouill&eacute;es du design.
Ajouter plus de contenu
Certains gadgets web vous permettront de leur ajouter plus de contenu en dupliquant
les pages affich&eacute;es (faites un clic droit sur la page et s&eacute;lectionnez DUPLIQUER LA PAGE
ACTUELLE ). De cette fa&ccedil;on, un gadget web de diaporama peut vous permettre de lui
ajouter plus de photos. Apr&egrave;s avoir dupliqu&eacute; une page, modifiez ses photos ou son
www.magix.com
Gadgets de site Internet
texte comme d&eacute;sir&eacute;. Les instructions dans le gadget web vous diront si vous avez la
possibilit&eacute; de dupliquer des pages pour ajouter du contenu de cette fa&ccedil;on.
Si vous r&eacute;alisez des modifications d&eacute;conseill&eacute;es par les instructions, ces changements
seront g&eacute;n&eacute;ralement ignor&eacute;s. Cependant, il se peut que cela entra&icirc;ne des
disfonctionnements du gadget web ; par cons&eacute;quent, modifiez uniquement les
aspects du design signal&eacute;s comme pouvant &ecirc;tre &eacute;dit&eacute;s dans les instructions.
Redimensionner
Les gadgets web modifiables en local ne sont g&eacute;n&eacute;ralement pas redimensionnables ;
par cons&eacute;quent, ne modifiez ni la taille de l'image d'objet fictif de votre page, ni les
dimensions de la page dans le document d'&eacute;dition du gadget web.
Enregistrer les changements
Une fois la personnalisation termin&eacute;e, fermez le document ; il vous sera demand&eacute; si
vous voulez enregistrer les modifications que vous avez faites avant de retourner au
document de votre site Internet. Vous pouvez aussi appuyer sur les touches &laquo; Ctrl +
S &raquo; pour que vos modifications soient enregistr&eacute;es et que le document d'&eacute;dition se
ferme de sorte que vous retourniez au document de votre site Internet.
L'image d'objet fictif qui repr&eacute;sente votre gadget web devrait avoir &eacute;t&eacute; mise &agrave; jour
pour qu'elle refl&egrave;te la premi&egrave;re page du document modifi&eacute;. Pr&eacute;visualisez votre page
pour voir les cons&eacute;quences de vos modifications sur le gadget web lui-m&ecirc;me.
Ajouter des fichiers vid&eacute;o et animations
MAGIX Web Designer MX prend directement en charge certains types de fichiers
que vous pouvez ajouter &agrave; votre site Internet. Pour ces fichiers, il suffit de les importer
par glisser-d&eacute;poser de l'explorateur Windows vers votre page ou d'utiliser l'option
FICHIER &gt; Importer.
Le type de fichier est identifi&eacute; durant l'importation et un objet fictif correspondant ou
un lien est ajout&eacute; &agrave; la page, le fichier est copi&eacute; dans le dossier de support de votre
mod&egrave;le de conception. Le dossier de support est cr&eacute;&eacute; automatiquement et
accompagne le fichier de votre mod&egrave;le de conception. Si le nom du fichier de votre
mod&egrave;le est &laquo; MySite.web &raquo;, le dossier de support sera alors nomm&eacute;
&laquo; MySite_web_files &raquo;. Le contenu de ce dossier est toujours joint aux fichiers images
de votre site, &agrave; chaque fois que le site est export&eacute; et publi&eacute;.
Fichiers vid&eacute;o MP4 et FLV
Lors de l'importation d'un fichier au format MP4 ou FLV, MAGIX Web Designer MX
analyse le fichier pour d&eacute;terminer le rapport de page et d'autres informations sur la
vid&eacute;o. Puis il ins&egrave;re le fichier vid&eacute;o et d'autres fichiers pour le lecteur vid&eacute;o Flash dans
le dossier de support de votre site Internet. Une image d'objet fictif ressemblant au
lecteur vid&eacute;o s'affiche sur votre page.
317
318
Positionnez et ajustez la taille de l'objet fictif &agrave; l'aide de l'outil de s&eacute;lection puis ouvrez
un aper&ccedil;u de votre page. Cliquez sur le bouton de lecture du lecteur pour d&eacute;marrer la
vid&eacute;o (le programme Flash doit &ecirc;tre install&eacute; sur votre ordinateur). C'est termin&eacute; ! Le
lecteur vid&eacute;o inclut les commandes basiques d'ajustement du volume, les boutons
d&eacute;marrer et stop pour la lecture et pour sauter &agrave; n'importe quel emplacement dans le
film.
Autres formats de vid&eacute;os
MAGIX Web Designer MX ne prend pas en charge d'autres formats vid&eacute;o
directement mais rendez-vous sur cette page
http://rdir.magix.net/?page=H1Q9XX0777AR du site de MAGIX pour obtenir plus
d'informations sur la mani&egrave;re de convertir facilement des vid&eacute;os en un format pris en
charge sur votre page.
Fichiers Flash
Pour ins&eacute;rer une animation Flash sur votre site Internet, importez le fichier au format
Flash (.swf). Le fichier Flash est copi&eacute; dans le dossier de support de votre mod&egrave;le de
conception afin d'&ecirc;tre export&eacute; et publi&eacute; avec votre site Internet. Une image d'objet
fictif est g&eacute;n&eacute;r&eacute;e sur votre page.
Vous pouvez modifier la taille des animations Flash en utilisant simplement l'OUTIL DE
afin de modifier la taille de l'image d'objet fictif et la positionner selon vos
go&ucirc;ts par glisser-d&eacute;poser.
SELECTION
Ouvrez un aper&ccedil;u de votre page pour voir comment fonctionne l'animation Flash sur
votre page web. Naturellement, Flash doit &ecirc;tre install&eacute; sur votre ordinateur pour
pouvoir lire la vid&eacute;o.
Fichiers MP3
Importez un fichier MP3 pour ajouter du son &agrave; votre site Web. Une bo&icirc;te de dialogue
vous donne la possibilit&eacute; de choisir si vous souhaitez que le son d&eacute;marre
automatiquement quand votre site Web est charg&eacute; ou qu'il ne d&eacute;marre que lorsque le
bouton lecture est enclench&eacute; dans le lecteur.
Comme pour les autres types de fichiers, une image d'emplacement d'objet qui
montrent le lecteur est g&eacute;n&eacute;r&eacute;e et plac&eacute; sur votre site Web. Le fichier MP3 et tous les
autres fichiers qui font fonctionner le lecteur sont copi&eacute;s dans le dossier d'aide de
votre document et seront inclus &agrave; votre site Web export&eacute;. Ouvrez un aper&ccedil;u pour voir
le lecteur en action.
Le lecteur est simple et discret. Vous pouvez d&eacute;marrer et arr&ecirc;ter le son, cliquer sur
l'axe temporel pour arriver rapidement &agrave; d'autres parties du morceau, ajuster le
volume (en cliquant sur la barre de volume) ou arr&ecirc;ter le son (en cliquant sur le
symbole du haut-parleur)
www.magix.com
Gadgets de site Internet
Note technique : le lecteur se sert d'HTML 5 pour lire les fichiers audio si le
navigateur supporte ce format et le format MP3 &eacute;galement. Dans le cas contraire, le
lecteur se sert de Flash. Cela signifie que le lecteur fonctionnera dans toutes les
versions des navigateurs principaux (les versions plus anciennes n'utilisent pas
HTML 5 et certains navigateurs modernes n'utilisent plus directement le format
MP3).
GIF anim&eacute;s
Ajoutez des GIF anim&eacute;s &agrave; votre site de la m&ecirc;me mani&egrave;re que les animations Flash.
Importez le fichier GIF ou placez-le par glisser-d&eacute;poser sur votre page. Une copie du
fichier est g&eacute;n&eacute;r&eacute;e et sauvegard&eacute;e dans le dossier de support et une image statique
d'objet fictif est g&eacute;n&eacute;r&eacute;e sur la page. Modifiez les dimensions et la position de l'objet
fictif puis ouvrez un aper&ccedil;u de votre page. Termin&eacute; !
Fichiers PDF
Il existe deux mani&egrave;res d'importer des fichiers PDF dans votre document web. Vous
pouvez par exemple importer de fichier de sorte que son contenu soit copi&eacute; dans
votre page (comme lors de l'importation d'une photo). Vous pouvez &eacute;galement placer
un lien vers une copie du fichier dans votre site Internet et publier le fichier sur votre
site. Lors de l'importation d'un fichier PDF, un &eacute;cran s'affiche, vous permettant de
s&eacute;lectionnez l'une de ces deux options.
Lorsque vous ajoutez un lien, le fichier PDF est copi&eacute; dans le dossier de support de
votre mod&egrave;le afin d'&ecirc;tre export&eacute; et publi&eacute; avec le reste de votre site. Un lien s'affiche
sur la page comme dans l'exemple ci-dessous :
En cliquant sur le lien de la page export&eacute;e, le fichier PDF s'ouvre mais le
comportement varie selon les param&egrave;tres de l'utilisateur du navigateur.
Gadgets provenant d'autres sites
Des centaines de milliers de sites proposent des gadgets divers, la galerie des
mod&egrave;les de conception ne proposant qu'un infime &eacute;chantillon des applications
disponibles en ligne. Pratiquement tous les gadgets sont propos&eacute;s sous la forme d'un
petit code HTML. Le fournisseur en r&egrave;gle g&eacute;n&eacute;rale fournit des instructions simples sur
la mani&egrave;re d'ins&eacute;rer le code &agrave; votre page web, mais avec MAGIX Web Designer MX,
l'op&eacute;ration est r&eacute;ellement tr&egrave;s simple.
Copiez le code de votre fournisseur dans la m&eacute;moire temporaire de votre syst&egrave;me, de
la m&ecirc;me mani&egrave;re que vous copiez du texte dans Word. Parfois, le fournisseur peut
m&ecirc;me fournir un bouton de copie qui effectue ce travail pour vous.
319
320
Dans MAGIX Web Designer MX, rendez-vous ensuite dans l'outil de s&eacute;lection et
effectuez une simple manipulation pour coller (Ctrl + V). Vous verrez que MAGIX
Web Designer MX reconna&icirc;t le code HTML et g&eacute;n&egrave;re imm&eacute;diatement une image
d'objet fictif, de la m&ecirc;me mani&egrave;re que lorsque vous ins&eacute;rez un gadget de la galerie des
mod&egrave;les de conception. L'objet fictif s'affiche sur votre page, dans la taille la plus
appropri&eacute;e pour le gadget. Vous pouvez ensuite pr&eacute;visualiser votre page pour voir
comment le gadget fonctionne !
Remarque : si vous vous trouvez dans l'outil de Texte au moment o&ugrave; vous ins&eacute;rez le
code, il sera ins&eacute;r&eacute; comme du texte et aucun objet fictif ne sera g&eacute;n&eacute;r&eacute; ! Une fois
que vous avez ins&eacute;r&eacute; le contenu de la m&eacute;moire temporaire comme texte, il sera
toujours ins&eacute;r&eacute; comme texte m&ecirc;me si vous basculez dans l'outil de s&eacute;lection et
recommencez l'op&eacute;ration. Si cela devait arriver, retournez sur le site Internet du
gadget et copiez le code &agrave; nouveau. Puis ins&eacute;rez-le lorsque vous vous trouvez dans
l'outil de s&eacute;lection.
Redimensionner les gadgets
Vous pouvez redimensionner les images des objets fictifs pour les animations Flash et
MP4 et les GIF anim&eacute;s pour redimensionner la taille du contenu lorsqu'il s'affiche sur
votre page car la taille de ce type de documents peut &ecirc;tre modifi&eacute;e. La plupart des
gadgets modifiables peuvent &ecirc;tre redimensionn&eacute;s. mais certains gadgets ne sont pas
modifiables et vous ne pourrez pas tirer les poign&eacute;es de redimensionnement de
l'emplacement d'objet.
Certains gadgets modifiables pourront &ecirc;tre redimensionn&eacute;s bien que leur contenu ne
changera pas de taille. Pour ces gadgets, l'emplacement d'objet d&eacute;termine seulement
les limites de la zone dans laquelle le gadget peut &ecirc;tre g&eacute;n&eacute;r&eacute;, de sorte que si
l'emplacement d'objet est trop petit pour le gadget, ce dernier sera coup&eacute; sur votre
page Internet. L'image de l'emplacement d'objet est g&eacute;n&eacute;r&eacute;e &agrave; nouveau &agrave; chaque fois
qu'il est redimensionn&eacute;, et tout d&eacute;coupage sera visible sur le gadget, comme le
montre cet exemple.
Emplacement d'objet avec taille par d&eacute;faut
Emplacement d'objet &agrave; taille r&eacute;duite
Voici un exemple de bouton &laquo; Acheter maintenant &raquo; de l'application e-commerce
PayPal qui vous permet de vendre des biens ou des services sur votre site Internet. Ce
gadget est disponible dans la GALERIE DES DESIGNS.
De la m&ecirc;me mani&egrave;re, &eacute;largir un emplacement d'objet pour ce type de gadgets aura
pour r&eacute;sultat la cr&eacute;ation d'espace vide autour du gadget, sur la page et dans l'image
de l'emplacement d'objet. Pour ce type de gadgets dont la taille ne s'adapte pas
www.magix.com
Gadgets de site Internet
lorsque vous modifiez la taille de l'emplacement d'objet, il est pr&eacute;f&eacute;rable de conserver
la taille par d&eacute;faut d'origine.
Certains gadgets peuvent &ecirc;tre am&eacute;lior&eacute;s en redimensionnant l'emplacement d'objet,
m&ecirc;me si le gadget lui m&ecirc;me ne change pas. Certains gadgets rempliront le conteneur
dans lequel ils sont ins&eacute;r&eacute;s, ce qui implique qu'il appara&icirc;tront plus grands qu'ils ne le
devraient, avec des zones vides occupant l'espace pr&eacute;vu. Vous pouvez alors essayer
de r&eacute;adapter l'emplacement d'objet &agrave; la taille de ces gadgets dans chaque direction, la
taille du gadget diminuera sans perdre ses &eacute;l&eacute;ments importants.
Par exemple, la forme du gadget g&eacute;n&eacute;r&eacute;e est beaucoup trop large et trop grande et
l'espace situ&eacute; au-dessous et sur la droite des commandes de forme est gaspill&eacute;.
Lorsque vous redimensionnez la forme, la taille des commandes de forme ne sera pas
modifi&eacute;e, seule la forme sera coup&eacute;e. Vous obtiendrez une forme d'emplacement
d'objet beaucoup plus r&eacute;guli&egrave;re occupant moins d'espace sur la page.
Emplacement d'objet avec taille par d&eacute;faut
emplacement d'objet plus &eacute;troit et plus
court
D&eacute;sactiver la fonction de r&eacute;g&eacute;n&eacute;ration de l'objet fictif
L'image de l'objet fictif sera r&eacute;g&eacute;n&eacute;r&eacute;e &agrave; chaque fois que vous modifiez la taille ou le
code ou encore le fichier auquel il est associ&eacute;. Il est recommand&eacute; dans certains cas de
d&eacute;sactiver cette fonction afin de conserver l'image d'objet fictif inchang&eacute;e. Pour cela,
d&eacute;cochez la case au bas de l'onglet OBJET FICTIF dans la bo&icirc;te de dialogue OUTILS &gt;
OPTIONS INTERNET .
Ajouter des objets fictifs de gadget web
manuellement
Si vous ne souhaitez pas que MAGIX Web Designer MX cr&eacute;&eacute; un objet fictif
automatiquement, vous pouvez en d&eacute;finir un vous-m&ecirc;me. Cr&eacute;ez tout d'abord un objet
fictif (par exemple un rectangle de la taille appropri&eacute;e ou une image import&eacute;e que
vous souhaitez utiliser pour repr&eacute;senter le gadget sur votre page). S&eacute;lectionnez l'objet
puis rendez-vous dans l'onglet Objet fictif de la bo&icirc;te de dialogue SERVICES &gt;
PROPRIETES WEB .
321
322
Ou cliquez sur le bouton d'objet fictif dans la barre escamotable des options
Internet sur la barre sup&eacute;rieure.
Dans cette bo&icirc;te de dialogue, vous pouvez associer l'objet s&eacute;lectionn&eacute; &agrave; un fichier
Flash ou &agrave; un autre fichier, ou encore &agrave; du code HTML que la bo&icirc;te de dialogue vous
permet d'ins&eacute;rer dans l'en-t&ecirc;te (head) ou le corps (body) de la page web. Consultez
la section ONGLET OBJET FICTIF de la bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web (voir page
252) pour de plus amples informations.
G&eacute;n&eacute;ralement, vous ne s&eacute;lectionnerez pas l'option &laquo; R&eacute;g&eacute;n&eacute;rer l'objet fictif &raquo; si vous
souhaitez conserver l'objet fictif que vous avez cr&eacute;&eacute; vous-m&ecirc;me. Cette option
remplace votre objet fictif par une image g&eacute;n&eacute;r&eacute;e &agrave; partir du code ou du fichier
sp&eacute;cifi&eacute; dans cette bo&icirc;te de dialogue.
Plus d'informations
Vous trouverez de plus amples informations sur les gadgets sur le site
xara.com/widgets http://www.xara.com/widgets. Et naturellement, rendez-vous
dans la galerie des mod&egrave;les de conception qui est r&eacute;guli&egrave;rement mise &agrave; jour avec de
nouveaux gadgets.
www.magix.com
Galerie des pages et des calques
Galerie des pages et des calques
Galerie des pages et des calques
Remarque pour les utilisateurs des anciennes versions de ce programme : cette
galerie remplace la GALERIE DES CALQUES .
Par d&eacute;faut, la Galerie des pages et des calques est affich&eacute;e ouverte sur la droite de la
fen&ecirc;tre de Web Designer lorsque vous ouvrez un document ou en cr&eacute;ez un nouveau.
Si vous pr&eacute;f&eacute;rez, vous pouvez d&eacute;tacher la galerie, la d&eacute;placer, la fixer ou la fermer –
voir Galeries (voir page 105) pour plus d'informations.
Si vous avez ferm&eacute; au pr&eacute;alable LA GALERIE DES PAGES ET DES CALQUES qui
s'ouvre par d&eacute;faut, vous pouvez l'ouvrir &agrave; nouveau en cliquant sur l'onglet
GALERIE DES PAGES ET DES CALQUES dans la barre des galeries ou en appuyant sur
la touche F10..
La Galerie des pages et des calques dresse la liste de toutes les pages et de tous les
calques dans chaque page. Elle permet de s&eacute;lectionner, masquer, verrouiller et
r&eacute;arranger les calques.
Elle peut fonctionner &agrave; deux niveaux diff&eacute;rents. Au niveau sup&eacute;rieur, elle ne liste que
les PAGES et permet de les ordonner &agrave; sa guise en les d&eacute;pla&ccedil;ant, de leur attribuer un
nom, de les copier ou de les supprimer.
Au niveau inf&eacute;rieur, la galerie affiche les CALQUES sur chaque page - et vous avez de la
m&ecirc;me fa&ccedil;on la possibilit&eacute; de r&eacute;ordonner, renommer, verrouiller ou masquer les
calques.
La hi&eacute;rarchie des &eacute;l&eacute;ments se pr&eacute;sente ainsi :
Pages
Calques
etc.
Voici quelques fonctions cl&eacute;s de la Galerie DES PAGES ET DES CALQUES :
Contr&ocirc;le des pages
• Affiche la liste des pages
• Le nouveau mode de page affiche une liste simple des pages en miniature pour
faciliter la navigation
• Ajouter, dupliquer ou supprimer des pages
• R&eacute;ordonner les pages en les d&eacute;pla&ccedil;ant
• Renommer les pages
323
324
Contr&ocirc;le des calques
• Une liste de tous les calques de chaque page, du calque le plus bas
(g&eacute;n&eacute;ralement le calque d'arri&egrave;re-plan) au calque sup&eacute;rieur s'affiche.
• Cr&eacute;er des nouveaux calques, supprimer, r&eacute;ordonner ou renommer les calques.
• Masquer ou afficher les calques
• Calques verrouill&eacute;s (le calque ne peut pas &ecirc;tre modifi&eacute;)
• Calque en mode solo : tous les autres calques sont d&eacute;sactiv&eacute;s
www.magix.com
Galerie des pages et des calques
De plus, la Galerie des PAGES ET DES CALQUES affiche une miniature de chaque page.
325
326
La Galerie des pages et des calques en mode &laquo; Pages &raquo; r&eacute;duit affichant 5 pages d'un document
Web. La page 4 appel&eacute;e &laquo; News &raquo; est la page s&eacute;lectionn&eacute;e.
La page News a &eacute;t&eacute; d&eacute;ploy&eacute;e en cliquant sur sa petite fl&egrave;che dirig&eacute;e vers la droite afin d'afficher
tous les calques de cette page.
Le calque du bas de la &laquo; page d'arri&egrave;re-plan &raquo; est verrouill&eacute;. Le calque appel&eacute; MouseOff est le
calque actif ou actuel, c'est l&agrave; que tous les nouveaux objets vont appara&icirc;tre. Les 5 calques du
dessus sont masqu&eacute;s (ic&ocirc;ne œil ferm&eacute;), ainsi seuls les calques MouseOff et Arri&egrave;re-plan sont
visibles dans le document.
Remarquez que les deux colonnes de droite indiquent (et permettent de contr&ocirc;ler) si les calques
www.magix.com
Galerie des pages et des calques
sont modifiables (fl&egrave;che p&acirc;le) ou verrouill&eacute;s (ic&ocirc;ne cadenas) et s'ils sont visibles sur la page
(ic&ocirc;ne p&acirc;le œil ouvert) ou masqu&eacute;s (ic&ocirc;ne fonc&eacute;e œil ferm&eacute;).
Le fait de cliquer sur ces ic&ocirc;nes change la visibilit&eacute; et/ou le verrouillage ou encore la possibilit&eacute;
d'&eacute;diter un objet.
Pages
Cliquez sur le bouton PAGES en haut de la Galerie des PAGES ET DES CALQUES (ou
faites un clic droit dans la galerie et s&eacute;lectionnez AFFICHER LE NIVEAU DES PAGES ) pour
afficher uniquement les pages du document et r&eacute;duire le niveau des calques.
Vous pouvez modifier l'ordre des pages en tirant les &eacute;l&eacute;ments de la Galerie des pages
et des calques ou en faisant un clic droit sur une page puis en s&eacute;lectionnant DEPLACER
LA PAGE VERS LE HAUT/BAS .
Vous pouvez renommer une page en faisant un clic droit dessus et en s&eacute;lectionnant
RENOMMER LA PAGE . En plus d'&ecirc;tre un moyen pratique d'identifier des pages dans les
documents longs, les noms de pages sont utilis&eacute;s lors de l'exportation du document
sous forme de site web. C'est pourquoi il n'est pas possible d'utiliser certains
caract&egrave;res ou symboles dans le nom (car ils ne sont pas accept&eacute;s pour le nom de
page web).
Les boutons NOUVELLE PAGE , DUPLIQUER et SUPPRIMER ne n&eacute;cessitent pas
d'explication. Remarquez que vous devez d'abord avoir s&eacute;lectionn&eacute; une page (cliquez
dessus pour qu'elle apparaisse en bleu comme dans l'exemple ci-dessus) afin que ces
boutons soient actifs sur les pages. (Si vous avez s&eacute;lectionn&eacute; un calque par exemple,
ils fonctionneront au niveau du calque).
Une solution alternative consiste &agrave; faire un clic droit sur une page puis &agrave; s&eacute;lectionner
les options NOUVELLE PAGE, DUPLIQUER LA PAGE ACTUELLE ou SUPPRIMER LA PAGE
ACTUELLE.
L'option NOUVELLE PAGE cr&eacute;&eacute; une page vierge de la m&ecirc;me taille que la page
s&eacute;lectionn&eacute;e.
Vous pouvez agrandir (ouvrir) la page pour afficher son contenu en cliquant sur la
petite fl&egrave;che vers la droite ou en double-cliquant sur la miniature de la page.
La m&ecirc;me op&eacute;ration r&eacute;duira (fermer) la page.
327
328
Calques
Que sont les calques ? Tous les &eacute;l&eacute;ments de votre document ont un ordre
d'apparition : les nouveaux objets sont plac&eacute;s au-dessus des objets plus anciens de la
m&ecirc;me fa&ccedil;on que si vous placiez des bouts de papiers les uns au dessus des autres sur
votre bureau. Vous pouvez cliquer pour s&eacute;lectionner et d&eacute;placer un objet, mais avec
des documents plus complexes qui ont des dizaines, des centaines voire des milliers
d'objets, votre espace de travail peut devenir encombr&eacute; et difficile &agrave; organiser. Vous
aurez aussi peut-&ecirc;tre envie de travailler sur des objets cach&eacute;s par d'autres &eacute;l&eacute;ments.
Les calques sont une mani&egrave;re utile d'organiser des pages ou des dessins plus
complexes qui contiennent de nombreuses pages distinctes. En utilisant des calques,
vous pouvez regrouper des objets ensemble et les afficher ou les masquer (les rendre
visibles ou non) d'une simple manipulation. Imaginez un calque comme un dossier en
plastique transparent contenant des papiers s&eacute;par&eacute;s. En ouvrant le dossier, vous
pouvez acc&eacute;der &agrave; son contenu et le r&eacute;organiser. Votre bureau contient de tels
dossiers, et de la m&ecirc;me fa&ccedil;on que vous pouvez les r&eacute;organiser, vous pouvez
r&eacute;organiser vos calques.
Les calques sont donc des groupes d'objets. Ils peuvent &ecirc;tre rendus invisibles, pour
masquer des zones de votre document, ce qui rend votre espace de travail moins
encombr&eacute; et plus facile &agrave; g&eacute;rer. Vous pouvez donner des noms aux calques, vous
pouvez cr&eacute;er facilement de nouveaux calques ou les supprimer. Et de la m&ecirc;me fa&ccedil;on
que vous cliquez sur la petite ic&ocirc;ne fl&egrave;che pour ouvrir une page et visualiser son
contenu (les calques sur la page), vous pouvez faire la m&ecirc;me chose pour chaque
calque pour en voir le contenu.
Lorsque vous s&eacute;lectionnez un objet, le calque est affich&eacute; dans la barre de statut en bas
de la fen&ecirc;tre.
Le calque actif
Lorsque vous cr&eacute;ez un nouvel objet sur la page, il est plac&eacute; sur un calque appel&eacute;
calque actif ou simplement calque actuel. Un document vide s'appellera simplement
Calque 1 ou, dans le cas de documents Internet, MouseOff. Le calque actuel est
affich&eacute; avec une fl&egrave;che de s&eacute;lection .
Important : tout les &eacute;l&eacute;ments, formes, photos et textes nouvellement dessin&eacute;s ainsi
que tous les &eacute;l&eacute;ments coll&eacute;s sont plac&eacute;s sur le calque actuel avec le symbole .
www.magix.com
Galerie des pages et des calques
Vous pouvez changer le calque actuel en cliquant simplement sur son rang dans la
Galerie des pages et des calques. Il est important de comprendre que vous pouvez
avoir un objet s&eacute;lectionn&eacute; sur n'importe quel calque ou m&ecirc;me sur des calques
multiples qui ne sont pas forc&eacute;ment le calque actuel. Le calque actuel, avec la fl&egrave;che,
ne fait qu'indiquer l'emplacement futur des nouveaux &eacute;l&eacute;ments.
Cet exemple de Galerie des pages et des calques montre que le calque actuel s'appelle MouseOff
(la page en cour s'appelle News). Par cons&eacute;quent, si vous dessinez un nouvel &eacute;l&eacute;ment, celui-ci
sera d&eacute;pos&eacute; sur le calque MouseOff.
Quatre calques sont masqu&eacute;s (ils s'agit de Holiday photo 4, Holiday photo 3, Holiday photo 1 et
de MouseOver). Le calque d'Arri&egrave;re-plan &laquo; Page background &raquo; est verrouill&eacute;.
Rendre le calque actif toujours visible
Il est possible de masquer ou m&ecirc;me de verrouiller le calque actuel. Normalement, si
vous ne faites que cliquer sur un calque pour le s&eacute;lectionner et faire de lui le calque
actuel, cela ne modifiera pas le fait qu'il soit verrouill&eacute; ou visible. Mais il existe une
pr&eacute;f&eacute;rence dans l'onglet G&eacute;n&eacute;ral (voir page 353) de la bo&icirc;te de dialogue des Options
(faites un clic droit sur une page et s&eacute;lectionnez OPTIONS DE PAGE ou s&eacute;lectionnez
OPTIONS dans le menu des SERVICES ) qui permet que les calques actuels soient
toujours visibles et modifiables (d&eacute;verrouill&eacute;s). Apr&egrave;s avoir s&eacute;lectionn&eacute; cette option,
lorsque vous s&eacute;lectionnerez un calque dans la Galerie des pages et des calques, celuici sera visible et d&eacute;verrouill&eacute;. Si vous passez &agrave; un autre calque, les &eacute;tats pr&eacute;c&eacute;dents de
visibilit&eacute; et de verrouillage du calque que vous venez de quitter seront restaur&eacute;s.
Calques sur les sites web
Dans les sites web enregistr&eacute; depuis Web Designer, les calques sont utilis&eacute;s pour des
effets survol de souris ou pop-ups (dans le navigateur web, le contenu de ces calques
est affich&eacute; lorsque vous d&eacute;placez des objets sur la page).
Plus d'informations dans le chapitre Graphiques et Sites Web dans la section Calques,
Survol de la souris et Pop-ups (voir page 72).
329
330
Groupes souples et calques
Les groupes souples (voir page 138) sont particuliers car ce sont des groupes dont les
objets peuvent se trouver sur diff&eacute;rents calques. (Les groupes ordinaires contiennent
des &eacute;l&eacute;ments se trouvant tous sur un m&ecirc;me calque). Lorsque vous s&eacute;lectionnez une
partie d'un groupe souple, toutes les autres parties sont elles aussi s&eacute;lectionn&eacute;es,
m&ecirc;me si elles se trouvent sur des calques masqu&eacute;s ou verrouill&eacute;s.
Op&eacute;rations des calques
Cliquez sur le bouton CALQUES en haut de la Galerie des calques et des pages pour
afficher seulement le calque de la page actuelle. Il s'agit d'un mode : le bouton des
calques reste enfonc&eacute;. Lorsque le mode calques est activ&eacute;, les calques de la page
actuelle sont toujours affich&eacute;s lorsque vous passez d'une page &agrave; l'autre et tous les
autres noeuds de page sont ferm&eacute;s. Cliquez &agrave; nouveau sur le bouton CALQUES pour
d&eacute;sactiver le mode Calques.
Vous pouvez r&eacute;organiser les calques, c'est &agrave; dire l'ordre d'apparition sur la page, en
utilisant la fonction tirer-glisser sur les calques dans la Galerie des calques et des
pages.
Vous pouvez renommer un calque en cliquant une seconde fois (lentement) sur le
nom du calque (le premier clic permet de s&eacute;lectionner le calque). La manipulation
ressemble &agrave; celle que l'on effectue pour renommer des fichiers dans l'explorateur
Windows.
En maintenant le pointeur de la souris sur la petite ic&ocirc;ne de page,
un index pour cette page.
vous afficherez
Lorsque vous avez s&eacute;lectionn&eacute; un calque (cliquez dessus pour mettre le calque en
surbrillance), les boutons NOUVEAU , DUPLIQUER et SUPPRIMER dans la partie
sup&eacute;rieure de la galerie des calques et des pages rempliront leurs fonctions. Le bouton
NOUVEAU cr&eacute;era un nouveau calque vierge et le placera en haut de la liste. Vous
pouvez modifier l'ordre des calques en tirant dessus pour l'amener &agrave; la position
souhait&eacute;e.
Le bouton DUPLIQUER copie le calque et son contenu et le place en haut de la liste,
c'est-&agrave;-dire au-dessus de tous les objets de la page.
www.magix.com
Galerie des pages et des calques
Propri&eacute;t&eacute;s des calques
Ouvre la bo&icirc;te de dialogue des Propi&eacute;t&eacute;s des calques :
Cr&eacute;er des calques et &eacute;diter leurs propri&eacute;t&eacute;s
Avec l'onglet Calque, vous pouvez :
• Cr&eacute;er un nouveau calque ou modifier un calque existant.
• Rendre le calque modifiable et visible par d&eacute;faut.
• D&eacute;finir le calque comme &eacute;tant l'arri&egrave;re-plan d'une page web qui n'appara&icirc;tra pas
&agrave; l'impression.
• Sp&eacute;cifier que tous les objets du calque ne renvoient que les objets texte (voir
page 197) qui sont sur ce calque. Cela emp&ecirc;che que le texte sur le calque soit
renvoy&eacute; par d'autres calques et est utile pour les calques pop-up des pages web.
Utiliser les lignes de guidage
L'onglet des guides vous permet de cr&eacute;er des lignes de guidage pour les calques selon
des valeurs num&eacute;riques pr&eacute;cises, mais aussi de choisir une couleur pour les objets de
guidage d'un calque.
Voir la section OBJETS ET LIGNES DE GUIDAGE dans Manipulation des objets (voir page
134) pour plus d'informations concernant l'utilisation des lignes de guidage.
331
332
Calques sp&eacute;ciaux
Il existe plusieurs sortes de calques sp&eacute;ciaux. Ils apparaissent dans la galerie de
calques et de pages et peuvent &ecirc;tre activ&eacute;s ou d&eacute;sactiv&eacute;s comme d'habitude, mais se
comportent un peu diff&eacute;remment.
Les CALQUES D'ARRIERE-PLAN sont des calques non imprimable qui apparaissent dans
la partie sup&eacute;rieure du document, sous tout le reste. Lorsque vous attribuez une
couleur &agrave; l'arri&egrave;re-plan de la page (par glisser-d&eacute;poser depuis la palette de couleurs),
un calque D'ARRIERE-PLAN DE PAGE sera cr&eacute;&eacute; automatiquement. Celui-ci est
normalement verrouill&eacute;.
Lorsque vous sauvegardez un document en tant que site Internet, les calques
d'arri&egrave;re-plan sont convertis en arri&egrave;re-plans de page Internet. Veuillez consulter le
chapitre Pour bien d&eacute;marrer (voir page 26) pour obtenir de plus amples informations
sur les param&egrave;tres des arri&egrave;re-plans de pages Internet et l'utilisation des calques
d'arri&egrave;re-plan.
Le CALQUE DE LIGNES est le calque sur lequel sont plac&eacute;s les lignes de rep&egrave;re ou les
objets de ligne. Lorsque vous cr&eacute;ez une ligne de rep&egrave;re, un calque de lignes est
automatiquement cr&eacute;&eacute;. Vous pouvez s&eacute;lectionner les calques de ligne et placer ce
que vous voulez dessus ; cela fera office de guide d'empilement des calques.
Pour en savoir plus, reportez-vous &agrave; la section Objets de ligne et lignes de rep&egrave;re du
chapitre Utilisation des objets.
Masquer les calques
Les deux colonnes d'ic&ocirc;nes situ&eacute;s toute &agrave; la droite de la Galerie des calques et des
pages contr&ocirc;lent la visibilit&eacute; et verrouillent les calques.
Cliquez sur l'ic&ocirc;ne oeil
afin de masquer le calque sur la page et l'ic&ocirc;ne se
transforme en œil ferm&eacute; . Cliquez de nouveau pour rendre le calque visible.
Lorsqu'un objet est masqu&eacute;, il devient invisible sur la page et ne peut plus &ecirc;tre vu ni
s&eacute;lectionn&eacute;. Pour r&eacute;afficher des objets masqu&eacute;s, cliquez sur l'ic&ocirc;ne en forme d'œil
ferm&eacute; . Vous pouvez &eacute;galement cliquer sur le bouton PLUS... puis s&eacute;lectionner
l'option AFFICHER TOUT, qui affiche tous les &eacute;l&eacute;ments de la page actuelle.
Mode solo
En cliquant dans la colonne situ&eacute;e pr&egrave;s de chaque calque, le calque passera en
mode &laquo; solo &raquo;, ce qui signifie que tout, hormis ce calque, sera masqu&eacute;. Vous pouvez
ainsi travailler uniquement sur ce calque isol&eacute;. En cliquant &agrave; nouveau sur l'ic&ocirc;ne, tout
www.magix.com
Galerie des pages et des calques
revient &agrave; l'&eacute;tat initial.
Vous pouvez &eacute;galement d&eacute;placer la colonne d'ic&ocirc;nes en cliquant dessus et la
faisant glisser vers le bas afin de naviguer dans les calques ind&eacute;pendamment du reste
du contenu.
Pour quitter le mode Solo, cliquez &agrave; nouveau sur
le bouton
Verrouiller les calques
Cliquer sur l'ic&ocirc;ne du cadenas &agrave; droite de la rang&eacute;e du calque pour verrouiller le
calque (l'ic&ocirc;ne se change en verrou) . Vous pouvez maintenant s&eacute;lectionner
n'importe quel objet sur ce calque. Tout clic sur des objets verrouill&eacute;s passeront au
travers de ces objets, comme s'ils n'existaient pas et s&eacute;lectionneront les objets situ&eacute;s
en-dessous. Cliquez sur l'ic&ocirc;ne en forme de verrou pour d&eacute;verrouiller le calque. Vous
pouvez aussi cliquer sur le bouton PLUS... et s&eacute;lectionner l'option TOUT
DEVERROUILLER .
Groupes souples
Il existe une exception au verrouillage. Si un objet faisant parti d'un calque verrouill&eacute;
appartient &agrave; un Groupe souple (voir page 138), alors s&eacute;lectionner et manipuler ce
Groupe souple s&eacute;lectionnera et manipulera &eacute;galement tous les objets verrouill&eacute;s de ce
Groupe souple (c'est l'int&eacute;r&ecirc;t des Groupes souples).
Tout afficher et tout d&eacute;verrouiller
Ces deux commandes situ&eacute;es dans la partie sup&eacute;rieure de la galerie des pages et des
calques sont des raccourcis pour afficher tous les &eacute;l&eacute;ments de la page actuelle ou
pour d&eacute;verrouiller tous les &eacute;l&eacute;ments. Ils repr&eacute;sentent une annulation temporaire de
tous les param&egrave;tres des calques individuels. Lorsque vous recliquez sur la commande,
l'&eacute;tat pr&eacute;c&eacute;dant est restaur&eacute;. Ceci est donc une fa&ccedil;on rapide de tout afficher ou tout
d&eacute;verrouiller sur tous les calques, d'effectuer une op&eacute;ration donn&eacute;e et de restaurer
ensuite l'&eacute;tat initial.
Il suffit qu'un bouton soit s&eacute;lectionn&eacute; (les boutons sont repr&eacute;sent&eacute;s enfonc&eacute;s) pour
que la modification de l'&eacute;tat des &eacute;l&eacute;ments individuels soit impossible. Annulez la
s&eacute;lection de ces boutons pour permettre le fonctionnement normal de la visibilit&eacute; et
du verrouillage du calque.
Cliquez sur le bouton PLUS pour afficher les options de menu TOUT AFFICHER SUR LA
PAGE et TOUT DEVERROUILLER SUR LA PAGE .
333
334
Ces options sont similaires &agrave; celles d&eacute;crites ci-dessus &agrave; la diff&eacute;rence qu'elles ne
fonctionnent pas alternativement. Autrement dit, si vous s&eacute;lectionnez une de ces
options, tous les calques seront soit affich&eacute;s soit d&eacute;verrouill&eacute;s, et il sera compliqu&eacute; de
restaurer l'&eacute;tat pr&eacute;c&eacute;dent des calques autrement qu'en s&eacute;lectionnant s&eacute;par&eacute;ment
l'&eacute;tat masqu&eacute; ou verrouill&eacute; dans chaque &eacute;l&eacute;ment.
D&eacute;placer les objets entre les calques
Il existe plusieurs mani&egrave;res de d&eacute;placer des objets entre les calques. S&eacute;lectionnez
d'abord le ou les objets que vous souhaitez d&eacute;placer puis :
•
COUPEZ l'objet (Ctrl+X ou clic droit et COUPER ). Assurez-vous que le calque cible
est le calque actif (affich&eacute; avec , cliquez sur le calque si ce n'est pas le cas)
puis faites un clic droit et s&eacute;lectionnez COLLER ou COLLER AU MEME ENDROIT. Si
vous coupez ou copiez plusieurs &eacute;l&eacute;ments situ&eacute;s sur des calques diff&eacute;rents, la
structure des calques est pr&eacute;serv&eacute;e lorsque vous collez les &eacute;l&eacute;ments. Les
&eacute;l&eacute;ments sont coll&eacute;s sur leur calque d'origine au lieu du calque actuel. Pour coller
tous ces &eacute;l&eacute;ments dans le calque actuel sans tenir compte de la structure des
calques, utilisez l'option COLLER DANS LE CALQUE ACTUEL . Pour conserver la
structure des calques, s&eacute;lectionnez COLLER AU MEME ENDROIT SUR LE CALQUE
ACTUEL . Ces options de collage sont aussi pr&eacute;sentes dans la barre escamotable
de la barre sup&eacute;rieure ainsi que dans le menu &Eacute;DITER .
• Faites un clic droit et s&eacute;lectionnez ARRANGER puis DEPLACER SUR LE CALQUE AUDESSUS ou DEPLACER SUR LE CALQUE EN DESSOUS pour d&eacute;placer les objets
s&eacute;lectionn&eacute;s d'un calque vers le haut ou le bas.
• Assurez-vous que le calque cible est le calque actuel, recherchez l'objet
s&eacute;lectionn&eacute; dans la GALERIE DES PAGES ET DES CALQUES (cliquez sur le bouton
RECHERCHER ) puis faites un clic droit dessus et s&eacute;lectionnez DEPLACER SUR LE
CALQUE ACTUEL .
www.magix.com
Importer et exporter
Importer et exporter
Remarques g&eacute;n&eacute;rales sur l'exportation et
l'importation
Web Designer propose un grand nombre d'options d'importation et d'exportation.
Il est tout d'abord important de faire la distinction entre la sauvegarde et l'exportation
de fichiers :
•
ENREGISTRER permet de stocker votre travail de fa&ccedil;on &agrave; pouvoir l'ouvrir et le
retravailler ult&eacute;rieurement. MAGIX Web Designer MX sauvegarde votre travail
au format de fichier *.web. Consid&eacute;rez ce dernier comme le format du
&laquo; document master &raquo;.
• EXPORTER permet la conversion dans les autres formats pris en charge.
L'exportation vous permet d'utiliser et de distribuer vos graphiques.
Formats recommand&eacute;s
Les formats d'exportation universels pouvant &ecirc;tre lus par la plus grande palette de
logiciels et &ecirc;tre utilis&eacute;s sur le Web sont les formats Bitmap, GIF, PNG et JPEG. Ils
appara&icirc;tront au final exactement comme vous les voyez &agrave; l'&eacute;cran dans MAGIX Web
Designer MX. Le format PNG est recommand&eacute; pour les graphiques Web et JPEG pour
les photos.
Importation et exportation de formats de fichier
pris en charge
Formats d'importation
Il est important que vous utilisiez les trois lettres d'extension de fichier list&eacute;es cidessous lorsque vous chargez des fichiers dans MAGIX Web Designer MX.
Formats d'importation de Bitmap
.BMP : Bitmap Windows
CUT : Halo CUT (256 couleurs)
.DCM : format d'image Digital Imaging and Communications in Medicine (DICOM)
.DCX : DCX
.FAX : image fax d'un fax re&ccedil;u ou cr&eacute;&eacute; &agrave; l'aide d'un logiciel de t&eacute;l&eacute;copie
.GIF : Graphics Interchange Format
.ICO : Microsoft Windows Icon (16 couleurs)
.JPEG : JPEG
.MXB : MAGIX Bitmap
335
336
.PBM : Unix monochrome
.PCD : photo CD
.PCT : PICT
.PCX : PaintBrush PCX
.PDF (voir Importer un fichier au format PDF)
.PGM : UNIX niveaux de gris
.PNG : PNG
.PPM : couleur UNIX (jusqu'&agrave; 24 bits)
.PSD : Photoshop (voir Importer et Exporter des fichiers PSD (voir page 341))
.RAS : Sun Raster
.SGI : Silicon Graphics Image
.TGA : image Truevision TARGA
.TIF, .TIFF (RVB, RVBA avec canal de transparence alpha et mod&egrave;le de couleur
CMYK).
MAGIX Web Designer MX prend en charge : les fichiers fax TIFF (images en noir et
blanc. Les fax multipages sont import&eacute;s en tant que pages multiples ; les fichiers TIFF
&agrave; ordre d'octets Mac ou PC) ; les fichiers TIFF avec calques et transparence (s'ils ont
&eacute;t&eacute; sauvegard&eacute;s depuis Photoshop, les r&egrave;gles pour la compatibilit&eacute; avec le mode
Fondu sont les m&ecirc;mes que pour les fichiers PSD) ; JPEG dans TIFF (transparence
impossible dans ce cas).
.XBM : X Windows (2 couleurs)
.XPM : X Windows (256 couleurs)
.WBMP : Image Wireless Bitmap Format d'image bitmap en noir et blanc (1 bit)
utilis&eacute; pour les appareils mobiles.
Formats d'importation EPS
.AI : Illustrator EPS
.EPS : ArtWorks
.EPS : Illustrator EPS
.EPS : CorelDraw 3 &amp; 4 EPS
.EPS : FreeHand 3.0 EPS
.EPS : Photoshop EPS (Pour l'importation de donn&eacute;es depuis Photoshop dans MAGIX
Web Designer MX, utilisez des fichiers PSD au lieu de fichiers EPS afin d'obtenir de
meilleurs r&eacute;sultats).
.EPS : Xara
Formats d'importation EPS
.ACO : Adobe Color Swatch
ACT : Adobe Color Table
.ART : Xara Studio
.WEB : Fichiers Xara Webster
.AFF : Acorn Draw
.CDR : CorelDRAW (3, 4 et 5)
.CDT : mod&egrave;le CorelDRAW
.CMX : Corel CMX 5 &amp; 6
.CPL : palette CorelDraw
.DRW : Acorn Draw
.GIF : Emplacement d'objet de GIF
www.magix.com
Importer et exporter
.HTM : .HTML graphiques des pages HTML
.WMF : (16 bit)
.EMF/.WMF : (m&eacute;tafichier optimis&eacute; de Windows)
.FLV : Emplacement d'objet de FLV
.MP4 : Emplacement d'objet de MP4
.PAI : Image MAGIX Photo Clinic
.PAL : palettes CorelDraw, Windows et PaintShopPro
.PDF : objet fictif de PDF
RTF : texte en Rich Text Format
.SWF : Emplacement d'objet Flash
.XWR : objet fictif de gadget web
.WIX : pour usage interne dans Xara
Formats d'exportation
Formats d'exportation bitmap (voir la Vue d'ensemble de la bo&icirc;te de dialogue
d'exportation GIF, PNG et JPEG (voir page 343))
.GIF CompuServe GIF
.JPG JPEG
.PSD Photoshop (voir Importer et Exporter des fichiers PSD (voir page 341))
.PNG PNG
Autres formats d'exportation
.EMF/.WMF (m&eacute;tafichier optimis&eacute; de Windows)
.HTML, .HTM (pages web et sites Internet)
.RTF (format Rich Text de texte enrichi)
.WEB, .WIX, .XAR Xara
Importer des fichiers
Pour importer un fichier :
• S&eacute;lectionnez &laquo; FICHIER &gt; IMPORTER &raquo; : cette manipulation permet de fusionner le
contenu du fichier import&eacute; dans le document existant. Quelques formats
permettent d'importer le document dans la page actuelle ou de l'ajouter en tant
que nouvelle page. Pour certains formats, vous avez le choix entre importer les
donn&eacute;es du fichier de mani&egrave;re conventionnelle ou d'ajouter un lien au fichier et
de l'inclure &agrave; votre site Internet publi&eacute;.
• Ou bien s&eacute;lectionnez &laquo; FICHIER &gt; OUVRIR &raquo; : le fichier s'ouvre en tant que nouveau
document.
MAGIX Web Designer MX prend en charge l'importation de fichiers par GlisserD&eacute;poser. Si vous faites glisser un fichier depuis votre explorateur vers un document
MAGIX Web Designer MX ouvert, le fichier sera import&eacute; et plac&eacute; sur la page actuelle.
Vous pouvez &eacute;galement faire un Glisser-D&eacute;poser d'un fichier de l'explorateur vers une
337
338
barre d'outils ou vers la barre de titre d'une fen&ecirc;tre de Web Designer : le fichier
s'ouvrira en tant que nouveau document.
Remplacer des fichiers image
Vous pouvez remplacer toute image ou remplissage d'une image par les v&ocirc;tres. Pour
remplacer une image, faites glisser votre fichier (JPEG, GIF, PNG, BMP) depuis votre
Explorateur de fichiers Windows et d&eacute;posez-le en haut de l'image que vous voulez
remplacer. Votre photo sera automatiquement redimensionn&eacute;e pour remplacer la
photo mod&egrave;le. La nouvelle photo sera alors s&eacute;lectionn&eacute;e et vous vous retrouverez
dans l'outil de Remplissage o&ugrave; vous pourrez facilement ajuster la position et
redimensionner votre photo si n&eacute;cessaire.
Importer un fichier PhotoShop PSD
Pour importer un fichier PSD, importez le fichier comme d'habitude, via Fichier &gt;
Importation, ou alors faites-le glisser et d&eacute;posez-le dans MAGIX Web Designer MX.
Les calques du fichier PSD et les param&egrave;tres de visibilit&eacute; des calques seront pr&eacute;serv&eacute;s
et deviendront des calques MAGIX Web Designer MX. Vous les voyez lorsque vous
vous rendez dans la GALERIE DES CALQUES .
Conseil : si vous souhaitez pouvoir d&eacute;placer ou modifier individuellement plusieurs
objets de PhotoShop dans MAGIX Web Designer MX, placez-les sur des calques
s&eacute;par&eacute;s dans PhotoShop avant de les exporter.
Import de PDF
Le format PDF est un format graphique vectoriel complexe qui a &eacute;volu&eacute; au cours de
ces 10 derni&egrave;res ann&eacute;es et qui comprend un grand nombre de sous-formats et
d'options. &Agrave; l'origine, le PDF a &eacute;t&eacute; con&ccedil;u comme un format de document portable
uniquement destin&eacute; au visionnage et &agrave; l'impression, et non au transfert de donn&eacute;es
entre diff&eacute;rentes applications. Cependant, MAGIX Web Designer MX est capable de
charger la plupart des fichiers PDF.
&Agrave; pr&eacute;sent, le format PDF est le format recommand&eacute; pour le transfert de fichiers
vectoriels depuis Adobe Illustrator vers MAGIX Web Designer MX. Enregistrez vos
fichiers au format PDF puis importez-les dans MAGIX Web Designer MX.
Attention aux points suivants :
• Les fichiers PDF multipages sont import&eacute;s dans MAGIX Web Designer MX sous
forme de documents multipages.
• Le texte des fichiers PDF est d&eacute;coup&eacute; en plusieurs objets texte dans le fichier
PDF. Cela ne change rien lors du visionnage ni de l'impression mais signifie que le
texte est r&eacute;parti en plusieurs blocs dans le document. MAGIX Web Designer MX
essaie de reconstituer des lignes et des paragraphes de texte modifiable mais
vous remarquerez qu'il arrive que le texte soit parfois r&eacute;parti en objets s&eacute;par&eacute;s.
www.magix.com
Importer et exporter
• Afin de faciliter l'extraction du texte d'un fichier PDF, un nouveau calque
contenant simplement le texte de la page du PDF est cr&eacute;&eacute;. Utilisez la GALERIE DES
PAGES ET DES CALQUES pour voir ce calque.
Ce qui risque de ne pas fonctionner :
• Beaucoup de fichiers PDF comportent des polices incrust&eacute;es. L&eacute;galement, il est
impossible d'extraire ces polices et de les installer sur votre syst&egrave;me. Donc si
vous ne poss&eacute;dez pas d&eacute;j&agrave; les polices utilis&eacute;es dans le fichier PDF, vous verrez
qu'elles sont remplac&eacute;es par d'autres polices.
• Les fichiers cod&eacute;s ou prot&eacute;g&eacute;s par un mot de passe ne peuvent pas &ecirc;tre import&eacute;s.
• Tout texte d'un fichier PDF qui utilise des sous-ensembles de polices incrust&eacute;es
ne sera ni lisible ni &eacute;ditable.
Le format PDF est complexe : il est souvent difficile d'importer correctement un fichier
PDF. La meilleure mani&egrave;re d'importer d&eacute;pend de ce que vous souhaitez faire avec ce
fichier. L'option &laquo; OPTIMISATION POUR L'APER&Ccedil;U &raquo; tente d'afficher le fichier import&eacute; de
la fa&ccedil;on la plus fid&egrave;le possible &agrave; ce que vous voyez dans Acrobat mais peut s'av&eacute;rer
plus difficile &agrave; &eacute;diter (il est possible que de nombreux ClipViews soient group&eacute;s par
exemple). L'alternative &laquo; OPTIMISATION POUR L'EDITION &raquo; dissocie certaines
structures difficiles &agrave; &eacute;diter manuellement (des ClipViews group&eacute;s par exemple).
Importation Photo RAW
Vous pouvez importer des fichiers d'appareils photo num&eacute;riques au format RAW, soit
en vous servant de l'option du menu d'Importation soit en faisant un Glisser-D&eacute;poser
du fichier dans la fen&ecirc;tre de Web Designer.
Extensions de fichier prises en charges : *.crw, *.cr2, *.nef,*.mrw,*raf,*.kdc,*.orf, *.dng,
*.ptx, *.pef, *.anw, *.x3f
Cependant, il existe un grand nombre d'extensions diff&eacute;rentes utilis&eacute;es pour les
fichiers RAW par les diff&eacute;rents fabricants d'appareils photo, si bien que si vous avez
un fichier RAW avec une extension de fichier non r&eacute;pertori&eacute;e dans la liste ci-dessus, il
vaut quand m&ecirc;me la peine d'essayer de l'importer.
Importation depuis un site Web
Vous pouvez importer du texte et des images directement depuis des pages Web
dans votre document ou copier-coller du texte et des images directement depuis
votre navigateur Web dans la page.
Pour importer depuis une page Web en ligne :
1.
2.
3.
S&eacute;lectionnez &laquo; Fichier &gt; Importation de textes et de graphiques depuis le
Web &raquo; (ou Ctrl + Alt + W).
Saisissez l'adresse Internet (URL) de la page ou du graphique que vous
souhaitez importer.
Cliquez sur Importer.
339
340
Si l'URL saisie est celle d'une page Web, la totalit&eacute; du texte et des images de cette
page sera import&eacute;e et positionn&eacute;e sur votre page &agrave; peu pr&egrave;s comme sur la page Web.
En d'autres termes, cette fonction vous fournit le moyen d'importer grossi&egrave;rement
une page Web enti&egrave;re en termes de texte et d'images. Toutefois, veuillez noter que la
plupart des pages Web modernes sont faites d'une combinaison complexe de textes,
d'images, de JavaScript et d'autres &eacute;l&eacute;ments de sorte qu'il est peu probable d'obtenir
une repr&eacute;sentation compl&egrave;te et juste de la page dans MAGIX Web Designer MX ave
ce type d'importation. Mais il s'agit d'une mani&egrave;re utile de commencer &agrave; remplacer un
site Web existant par un site Web MAGIX Web Designer MX.
Lorsque vous importez des &eacute;l&eacute;ments depuis des pages Web, la longueur de votre
page dans MAGIX Web Designer MX est automatiquement ajust&eacute;e pour s'adapter
aux textes et images import&eacute;es si la page n'est pas assez longue.
Exporter des fichiers
Pour exporter un fichier :
• S&eacute;lectionner FICHIER &gt; EXPORTER .
• Ou appuyer sur Ctrl+Maj+E.
Une bo&icirc;te de dialogue EXPORTER appara&icirc;t. Choisissez un nom pour votre fichier et
s&eacute;lectionnez le format requis dans la liste d&eacute;roulante ENREGISTRER SOUS. Certains des
formats sont d&eacute;taill&eacute;s ci-dessous.
Exporter comme fichiers m&eacute;ta Windows (.wmf)
Les fichiers dans ce format peuvent &ecirc;tre lus par Word et de nombreux autres logiciels.
Exporter au format de fichier m&eacute;ta &eacute;largi (EMF)
Quelques applications Windows modernes supportent ce type &eacute;largi de format de
graphique vectoriel. Ce format est aussi disponible pour les applications proposant
une option de menu de Collage sp&eacute;cial.
Notez que MAGIX Web Designer MX peut comporter des caract&eacute;ristiques, tels que
des styles de remplissages avanc&eacute;s, qui ne peuvent pas &ecirc;tre repr&eacute;sent&eacute;s dans des
formats vectoriels tels que EMF. Dans ce cas, des parties de l'image seront export&eacute;es
comme bitmaps.
Exportation rapide de fichiers HTML et dans des formats graphiques Web
Vous pouvez utiliser les options correspondantes dans le MENU FICHIER afin
d'exporter rapidement des pages Web et des graphiques Web, sans avoir &agrave;
s&eacute;lectionner les formats depuis la liste des formats d'exportation disponibles affich&eacute;e
lorsque vous passez par &laquo; FICHIER &gt; EXPORTATION &raquo;
•
FICHIER &gt; EXPORTER LE SITE INTERNET : exporte le document du site Internet actuel
vers l'emplacement de votre choix sur votre ordinateur.
www.magix.com
Importer et exporter
•
FICHIER -&gt;EXPORTER AU FORMAT JPEG : exporte la s&eacute;lection actuelle ou la page
actuelle vers un fichier JPEG.
• FICHIER-&gt;EXPORTER AU FORMAT PNG : exporte la s&eacute;lection actuelle ou la page
actuelle vers un fichier PNG.
Pour plus d'informations, consultez le chapitre de d&eacute;marrage.
Exporter comme bitmap
Les formats JPEG, GIF et PNG sont des formats universels support&eacute;s par la plupart
des applications informatiques modernes. PNG est le format de meilleure qualit&eacute;.
JPEG est plus adapt&eacute; au travail photographique mais peut produire des fichiers
compacts acceptables (vous pouvez contr&ocirc;ler la qualit&eacute; et la taille du fichier).
Le format GIF supporte uniquement 256 couleurs, et, bien que fr&eacute;quent sur de
nombreux sites Internet, PNG reste un meilleur format. Le format PNG supporte
&eacute;galement les graphiques semi-transparents (utilise l'option True Color + Alpha),
mais il n'est pas encore correctement support&eacute; par l'Explorateur Internet de Microsoft
(il l'est par tous les autres navigateurs Internet).
Moins vous avez de couleurs dans un fichier, plus petit il sera et plus basse sera sa
qualit&eacute;. Toutefois, en utilisant 256 couleurs ou moins, MAGIX Web Designer MX
offre une technique tr&egrave;s avanc&eacute;e permettant de simuler une palette de couleurs
beaucoup plus large afin d'obtenir des r&eacute;sultats proches de la qualit&eacute; photographique
en utilisant seulement 256 couleurs ou moins.
Important
Les bitmaps sont le produit de la qualit&eacute; de vue active ; pour de meilleurs r&eacute;sultats,
assurez-vous que dans Fen&ecirc;tre &gt; Qualit&eacute; ou la r&eacute;glette de la barre de contr&ocirc;le
STANDARD est r&eacute;gl&eacute;e sur anti-aliasing.
Exportation d'un fichier PhotoShop PSD
PhotoShop est un programme d'&eacute;dition de photos et donc lorsque vous exportez au
format PSD, tous les objets vectoriels sont rast&eacute;ris&eacute;s (convertis en bitmap). Vous
avez le choix de la r&eacute;solution lors de l'exportation.
Enregistrez toujours votre travail dans MAGIX Web Designer MX avant de l'exporter.
Ainsi, si vous souhaitez modifier l'original de vos objets dans le futur, ouvrez MAGIX
Web Designer MX, faites vos modifications puis exportez &agrave; nouveau les objets de
votre choix.
Pour exporter en tant que fichier PSD, s&eacute;lectionnez FICHIER &gt; EXPORTER puis
s&eacute;lectionnez ADOBE PHOTOSHOP dans la liste ENREGISTRER SOUS.
341
342
Calques
Les calques de MAGIX Web Designer MX sont conserv&eacute;s lorsqu'ils sont export&eacute;s au
format PSD. Chaque calque est rast&eacute;ris&eacute; en tant que calque PSD individuel (y compris
les noms des calques). La visibilit&eacute; des calques est &eacute;galement conserv&eacute;e, et ainsi des
calques invisibles dans MAGIX Web Designer MX seront &eacute;galement export&eacute;s en tant
que calques invisibles dans PhotoShop. Vous pouvez activer ou d&eacute;sactiver les calques
dans PhotoShop en utilisant la palette de CALQUES .
Texte
Il est possible d'exporter du texte &agrave; partir de MAGIX Web Designer MX afin d'en faire
du texte &eacute;ditable dans PhotoShop mais ce texte doit se trouver sur un calque &agrave; part.
(Lors de l'importation on vous demandera peut-&ecirc;tre si vous souhaitez mettre les
objets &agrave; jour pour les rendre &eacute;ditables dans PhotoShop).
Si du texte se trouve sur le m&ecirc;me calque que des objets graphiques, il sera rast&eacute;ris&eacute; et
deviendra on &eacute;ditable.
Exportation DPI
Vous pourrez d&eacute;finir la taille des bitmap (en dpi) dans le fichier PSD d'exportation.
Pour des images destin&eacute;es &agrave; un affichage sur &eacute;cran, une r&eacute;solution basse de 72 dpi
suffit.
Pour des travaux destin&eacute;s &agrave; l'impression, vous devez d&eacute;finir un DPI plus &eacute;lev&eacute;.
Vous pouvez &eacute;galement choisir d'exporter la page MAGIX Web Designer MX enti&egrave;re
ou bien seulement des parties des objets visibles.
R&eacute;capitulatif
Pour un maximum de compatibilit&eacute; et de possibilit&eacute;s d'&eacute;dition dans Photoshop :
• Toutes les parties de votre dessin que vous souhaitez conserver en tant que
calques individuels dans Photoshop doivent se trouver sur des calques s&eacute;par&eacute;s
dans MAGIX Web Designer MX.
• Si vous souhaitez &eacute;diter votre texte dans Photoshop, placez-le sur un calque &agrave;
part ne contenant pas d'objets graphiques.
www.magix.com
Importer et exporter
Aper&ccedil;u de la fen&ecirc;tre de dialogue d'exportation
des formats JPEG, PNG et GIF
La fen&ecirc;tre de dialogue d'exportation
pr&eacute;sente deux fen&ecirc;tres d'aper&ccedil;u,
IMAGE A sur la gauche et IMAGE B
sur la droite, vous pouvez donc
comparer les param&egrave;tres
d'exportation ou les types de fichier
alternatifs c&ocirc;te &agrave; c&ocirc;te. Cliquez
simplement sur la fen&ecirc;tre d'aper&ccedil;u
&agrave; droite ou sur celle de gauche pour
changer l'aper&ccedil;u actif.
Au-dessus de la fen&ecirc;tre d'aper&ccedil;u se
trouve une petite liste d&eacute;roulante
vous permettant de s&eacute;lectionner le
format d'exportation parmi les trois
formats d'exportation les plus
courants : JPEG, PNG et GIF.
Lorsque vous avez s&eacute;lectionn&eacute; l'aper&ccedil;u A ou B , vous pouvez utiliser de nombreuses
options d'exportation &agrave; l'aide des cinq onglets situ&eacute;s sous l'aper&ccedil;u. Quelques options
comme les options de palette peuvent &ecirc;tre attribu&eacute;es &agrave; certains types de fichiers
comme PNG mais ne sont pas utilisables avec le format JPEG.
D'autres options dans l'onglet OPTIONS changent selon le type de fichier. Par exemple,
&agrave; partir de ces options vous pouvez d&eacute;finir la qualit&eacute; requise d'un format JPEG.
Voici comment exporter une image :
1.
2.
3.
4.
S&eacute;lectionnez un objet ou des objets sur la page que vous souhaitez exporter.
S&eacute;lectionnez le menu Exportation ou bien &laquo; Maj + Ctrl + E &raquo;, entrez un nom de
fichier et s&eacute;lectionnez un type de fichier depuis la liste d&eacute;roulante. Le type
d'exportation principal affiche la bo&icirc;te de dialogue d'aper&ccedil;u ci-dessus.
Dans cette bo&icirc;te de dialogue d'aper&ccedil;u, ajustez les param&egrave;tres si vous le
souhaitez ou ignorez-les si vous &ecirc;tes satisfaits des param&egrave;tres par d&eacute;faut.
Cliquez sur le bouton EXPORTER
Pour les formats les plus courants JPEG et PNG, &agrave; l'&eacute;tape 2, vous pouvez utiliser les
op&eacute;rations directes disponibles dans le MENU FICHIER : EXPORTER EN JPEG et EXPORTER
EN PNG . La bo&icirc;te de dialogue d'exportation affich&eacute;e poss&egrave;de un bouton &laquo; Param&egrave;tres &raquo;
qui vous conduira jusqu'&agrave; la bo&icirc;te de dialogue d'exportation ci-dessus.
La plupart des param&egrave;tres d'exportation seront enregistr&eacute;s pour la prochaine
exportation. Par exemple si vous choisissez une qualit&eacute; de JPEG, cette derni&egrave;re sera
param&eacute;tr&eacute;e lors de votre exportation suivante.
343
344
Taille de l'image export&eacute;e
Lorsque vous exportez, la taille normale par d&eacute;faut est la m&ecirc;me que vous voyez sur
l'&eacute;cran lorsque le zoom est &agrave; 100 %. La taille de pixel est affich&eacute;e en dessous de la
fen&ecirc;tre d'aper&ccedil;u. Vous pouvez r&eacute;gler les dimensions de pixel soit en ajustant la taille
de l'objet sur la page avant l'exportation, ou bien en entrant les valeurs de pixel ou de
dpi dans l'onglet TAILLE DE BITMAP .
Commandes
Ces boutons modifient l'aper&ccedil;u des images mais n'affectent pas le fichier export&eacute; :
• Outil de ZOOM : cliquer sur un aper&ccedil;u pour faire un zoom avant.
Maj+cliquer pour faire un zoom arri&egrave;re. Faire glisser sur une partie de
l'aper&ccedil;u pour faire un zoom avant sur cette zone
• Outil de DEPLACEMENT : vous permet de faire glisser l'image dans la
fen&ecirc;tre d'aper&ccedil;u.
•
ZOOM PLEIN ECRAN
: redimensionne l'image d'aper&ccedil;u pour l'ajuster &agrave; la
fen&ecirc;tre.
•
ZOOM A 100% :
•
ZOOM A LA RESOLUTION DE L'IMAGE
redimensionne l'image &agrave; sa taille normale (100 %).
(1:1) : aucun effet pour les GIF.
Redimensionne l'image de sorte qu'un pixel du bitmap corresponde &agrave;
un pixel &agrave; l'&eacute;cran. Ceci est utile pour voir les d&eacute;tails d'un bitmap.
L'outil suivant ne sert qu'&agrave; des fichiers utilisant moins de 256 couleurs (mais vous
verrez le r&eacute;sultat quand l'onglet des OPTIONS DE PALETTE sera s&eacute;lectionn&eacute;) :
: la couleur se trouvant sous le pointeur est mise en
surbrillance lorsqu'il est d&eacute;plac&eacute; au-dessus du graphique. Cliquer pour
s&eacute;lectionner la couleur sur la palette. Vous pouvez alors utiliser les boutons
des OPTIONS DE LA PALETTE (d&eacute;crits ci-dessous) pour modifier cette couleur.
SELECTEUR DE COULEUR
APER&Ccedil;U : le bouton d'aper&ccedil;u est disponible sur tous les onglets de cette bo&icirc;te de
dialogue. Il met &agrave; jour la fen&ecirc;tre d'aper&ccedil;u pour refl&eacute;ter tout changement apport&eacute; aux
options d'exportation.
Onglet options de palette
Cet onglet vous permet de modifier les param&egrave;tres de couleur de votre image
export&eacute;e.
M&eacute;lange de couleurs &amp; Palette
Les options MELANGE DE COULEURS et PALETTE s'appliquent uniquement lorsque vous
exportez avec 256 couleurs ou moins, et affectent la fa&ccedil;on dont l'image s'affiche ainsi
que sa palette de couleurs. Il est recommand&eacute; de toujours utiliser une PALETTE
OPTIMISEE . R&eacute;glez MELANGE sur Aucun, ce qui produira des fichiers plus petits mais
www.magix.com
Importer et exporter
parfois regroup&eacute;s, ou DIFFUSION D'ERREUR , qui donnera des r&eacute;sultats de meilleure
qualit&eacute;, mais des fichiers plus grands.
Profondeur de couleur
Choisissez le nombre de couleurs que votre bitmap requiert. Plus vous avez de
couleurs dans un fichier, plus il sera grand (g&eacute;n&eacute;ralement) et meilleure sera sa qualit&eacute;.
L'option TRUE COLOR supporte jusqu'&agrave; 16 millions de couleurs. Les options TRUE
COLOR + ALPHA comprennent des caract&eacute;ristiques semi-transparentes telles que des
ombres douces et des transparents. Pour les applications qui supportent les fichiers
PNG g&eacute;rant l'alpha-channel, ceci est le format recommand&eacute;.
Si vous choisissez 256 couleurs ou moins, vous avez la possibilit&eacute; d'utiliser la
transparence simple (ic&ocirc;ne verre &agrave; vin, voir ci-dessous). Cela ne supporte pas les
pixels semi-transparents, seulement les pixels compl&egrave;tement opaques ou
compl&egrave;tement transparents &laquo; activ&eacute;s/d&eacute;sactiv&eacute;s &raquo; produisant ainsi des bords
irr&eacute;guliers.
Couleurs maximum
Si vous s&eacute;lectionnez une profondeur de couleur de 256 ou moins, vous pouvez
contr&ocirc;ler exactement combien de couleurs sont utilis&eacute;es dans le fichier. Ceci permet
un haut degr&eacute; de contr&ocirc;le de la qualit&eacute; par rapport &agrave; la taille du fichier. Saisissez
simplement le nombre requis de couleurs et appuyez sur le bouton APER&Ccedil;U pour avoir
un aper&ccedil;u.
Boutons
Ces boutons (hormis ARRIERE-PLAN TRANSPARENT ) s'appliquent lors de l'exportation
des images &agrave; 256 couleurs ou moins. Ces fichiers sont cr&eacute;&eacute;s avec une palette de
couleurs limit&eacute;e et ces commandes offrent un haut degr&eacute; de contr&ocirc;le sur les couleurs
de palette. Voir SELECTEUR DE COULEUR ci-dessus pour voir comment s&eacute;lectionner une
couleur ou cliquez sur une couleur dans la PALETTE DE COULEURS ).
Verrouiller une couleur
Vous pouvez sp&eacute;cifier le nombre de couleurs que vous souhaitez sur la palette de
bitmaps export&eacute;s. Vous souhaitez peut-&ecirc;tre vous assurer que certaines couleurs
appara&icirc;tront toujours sur la palette ; vous pouvez verrouiller ces couleurs. Cliquez sur
une couleur pour la s&eacute;lectionner, puis s&eacute;lectionnez le bouton VERROUILLER . Un petit
carr&eacute; appara&icirc;t en bas &agrave; gauche de la couleur pour vous indiquer qu'elle est verrouill&eacute;e.
S&eacute;curiser une palette de couleurs pour Internet
Une fois cliqu&eacute;, ce bouton int&eacute;grera la couleur s&eacute;lectionn&eacute;e aux 216 couleurs usuelles
de la palette Internet. Cet ancien syst&egrave;me n'est plus essentiel ou pertinent &eacute;tant
donn&eacute; que les ordinateurs peuvent d&eacute;sormais afficher des millions de couleurs et qu'il
n'y a pas d'int&eacute;r&ecirc;t &agrave; restreindre le graphisme Internet &agrave; cette palette limit&eacute;e.
345
346
Rendre l'image de fond transparente
Rendre toute zone non recouverte par l'objet s&eacute;lectionn&eacute; transparente. En
s&eacute;lectionnant cette option, une entr&eacute;e de la palette devient automatiquement
transparente.
Rendre une couleur de la palette transparente
Rend l'entr&eacute;e de cette couleur transparente. Notez la diff&eacute;rence entre cette option, qui
rend des parties des objets s&eacute;lectionn&eacute;s transparents et Rendre l'image de fond
transparente qui rendent les zones derri&egrave;re les objets s&eacute;lectionn&eacute;s transparentes.
Supprimer une couleur de la palette
Supprime cette couleur de la palette. Toutes les zones du bitmap utilisant la couleur
supprim&eacute;e utiliseront la couleur la plus proche de la palette. Moins il y a de couleurs
dans la palette, plus petit sera le fichier bitmap.
Restaurer une couleur supprim&eacute;e
Annule la suppression de la couleur.
Ajouter des couleurs syst&egrave;me
Ajoute 28 couleurs &agrave; la palette. Ces couleurs sont les couleurs ordinaires du syst&egrave;me
Windows et les couleurs primaires. Ceci garantit que la palette comprend un
&eacute;chantillon de couleurs et peut am&eacute;liorer la qualit&eacute; de l'image, tout particuli&egrave;rement si
elle contient un large &eacute;ventail de couleurs. Il vous faudra sans doute tester cette
fonction pour obtenir les meilleurs r&eacute;sultats.
Onglet taille de bitmap
Cet onglet vous permet de modifier la taille de l'image export&eacute;e.
Taille et r&eacute;solution du bitmap
Vous pouvez modifier la taille du bitmap export&eacute; en changeant :
• La TAILLE. Tapez la largeur ou la hauteur requise dans l'un des champs. Notez que
les proportions du bitmap sont fixes et que la modification d'une dimension
entra&icirc;ne la modification automatique de l'autre. L'option TAILLE est plus
pertinente que l'option &Eacute;CHELLE si vous souhaitez cr&eacute;er un bitmap d'une taille
particuli&egrave;re en pixels.
• &Eacute;CHELLE. (Gris&eacute; pour les JPEG &amp; PNG). Cette option vous permet de
redimensionner le bitmap d'un pourcentage en plus ou de moins. L'option
&Eacute;CHELLE est plus pertinente que l'option Taille si vous souhaitez, par exemple, un
bitmap plus grand de 50 % que l'original.
www.magix.com
Importer et exporter
•
RESOLUTION. (Gris&eacute;e pour les GIF &amp; BMP). Tapez la r&eacute;solution dans le champ DPI .
Si vous exportez une image pour la voir &agrave; l'&eacute;cran (c'est-&agrave;-dire pour un site
Internet), vous n'avez pas besoin d'un r&eacute;glage sup&eacute;rieur &agrave; 96 dpi.
• Zone &agrave; sauvegarder
Le bitmap peut &ecirc;tre cr&eacute;&eacute; en utilisant l'une de ces zones du document :
•
•
•
PAGE -
l'int&eacute;gralit&eacute; de la page.
la zone couverte par les objets.
SELECTION - la zone des objets de la s&eacute;lection. Uniquement disponible lorsque des
objets sont s&eacute;lectionn&eacute;s.
DESSIN -
Anti-aliasing (Lissage de bordures)
L'anti-aliasing am&eacute;liore l'apparence des graphiques en lissant les bords irr&eacute;guliers :
•
CONSERVER L'ANTI-ALIASING DE L'ECRAN . Le bitmap export&eacute; utilise exactement la
m&ecirc;me position qu'&agrave; l'&eacute;cran et donc le m&ecirc;me anti-aliasing. Cela donne que les
bords des objets peuvent &ecirc;tre l&eacute;g&egrave;rement flous car ils ne tombent pas
exactement sur les limites des pixels.
• MINIMISER L'ANTI-ALIASING VISIBLE. Cette option permet de repositionner
l&eacute;g&egrave;rement les objets par fraction de pixel pour minimiser l'anti-aliasing autour
des bords du bitmap export&eacute;. Si vous doutez de l'option &agrave; utiliser, s&eacute;lectionnez
celle-ci.
Mettre le tag image HTML dans le presse-papier
Cette option vous permet de sauvegarder l'information de base du tag IMG HTML
lorsque vous sauvegardez le bitmap. Vous pouvez alors coller le tag dans votre
&eacute;diteur de texte ou votre &eacute;diteur de page HTML.
Onglet Options
Dans cet onglet vous pourrez modifier la compression JPEG et activer les options
progressif/entrelac&eacute; si n&eacute;cessaire.
Progressif : (JPEG uniquement). La s&eacute;lection de cette option cr&eacute;e un JPEG progressif.
Ceci est utile lorsque le JPEG est grand et destin&eacute; &agrave; une page Internet. Les navigateurs
Internet afficheront l'image avant que le fichier JPEG soit compl&egrave;tement t&eacute;l&eacute;charg&eacute;.
Qualit&eacute; JPEG : (JPEG uniquement). Un r&eacute;glage bas donnera un petit fichier avec une
perte de qualit&eacute; tandis qu'une plus grande valeur n'entra&icirc;nera qu'une l&eacute;g&egrave;re r&eacute;duction
de taille du fichier mais permettra une haute qualit&eacute;. Notez qu'un r&eacute;glage de 100 %
compressera tout de m&ecirc;me le fichier. Un r&eacute;glage de 75 % permet une bonne
compression sans causer de perte remarquable de qualit&eacute; pour la plupart des
utilisations.
347
348
Entrelac&eacute; : (GIF et PNG uniquement.) Similaire au JPEG progressif. L'image appara&icirc;t
tout d'abord comme une image &agrave; basse r&eacute;solution dans le navigateur. La r&eacute;solution
augmente &agrave; mesure que la totalit&eacute; du fichier se charge.
Transparent : (GIF et PNG uniquement.) Cette option rend toutes les zones non
couvertes par les objets s&eacute;lectionn&eacute;s transparentes. En s&eacute;lectionnant cette option,
une entr&eacute;e de la palette devient automatiquement transparente.
Exporter chaque calque dans un fichier individuel : la s&eacute;lection de cette option lors de
l'exportation d'un graphique contenant plusieurs calques r&eacute;sultera en un fichier
individuel export&eacute; pour chaque calque. Les noms de chaque calque (tels que d&eacute;finis
dans la Galerie des calques) sont utilis&eacute;s pour nommer les fichiers export&eacute;s.
Aper&ccedil;u navigateur
&Agrave; l'aide des bo&icirc;tes de pr&eacute;visualisation A et B dans la bo&icirc;te de dialogue EXPORTER
(affich&eacute;e ci-dessus), vous pouvez s&eacute;lectionner le meilleur compromis entre la taille du
fichier et la qualit&eacute; des graphismes Internet. Le meilleur test reste toutefois d'afficher
le graphique dans un navigateur Internet. Cet onglet offre diverses options pour cet
aper&ccedil;u. Cliquer sur le bouton APER&Ccedil;U NAVIGATEUR pour lancer votre navigateur
Internet et voir vos graphiques avant l'exportation.
www.magix.com
Importer et exporter
La galerie des designs
Cette galerie comporte des mod&egrave;les de conception con&ccedil;us par des professionnels,
des pages web ou des sites Internet complets ainsi que des cliparts individuels que
vous pouvez utiliser pour agr&eacute;menter vos mod&egrave;les.
Pour ouvrir cette galerie :
• Ou cliquez sur l'onglet GALERIE DES DESIGNS de la barre des Galeries.
• S&eacute;lectionnez SERVICES &gt; GALERIES &gt; GALERIE DES DESIGNS .
Voir UTILISATION DU DOCUMENT pour plus d'informations concernant l'utilisation des
galeries. Si vous &ecirc;tes en ligne, le fait d'ouvrir la galerie t&eacute;l&eacute;chargera automatiquement
des mod&egrave;les et des gadgets web des serveurs de Web Designer ; ces &eacute;l&eacute;ments
appara&icirc;tront imm&eacute;diatement dans la galerie. V&eacute;rifiez r&eacute;guli&egrave;rement si de nouveaux
gadgets Web et mod&egrave;les gratuits sont disponibles. Pour ouvrir un mod&egrave;le sous forme
de nouveau document, double-cliquez dessus. Importez un mod&egrave;le dans votre
document actuel par un glisser-d&eacute;poser. Ce faisant, les mod&egrave;les de page sont ajout&eacute;s
&agrave; votre document actuel sous forme de nouvelles pages. D'autres mod&egrave;les et gadgets
web sont d&eacute;pos&eacute;s dans votre page actuelle.
349
350
Beaucoup de dossiers dans la galerie sous ELEMENTS DE PAGE contiennent des
&laquo; gadgets &raquo; – comme leur nom l'indique. Ce sont plus que des images statiques. Pour
plus d'information voir le chapitre GADGETS WEB
www.magix.com
Personnaliser Web Designer
Personnaliser Web Designer
Modifier le document mod&egrave;le vide
Les documents mod&egrave;les vides sont des options disponibles sous FICHIER &gt; NOUVEAU .
Des mod&egrave;les pr&eacute;-con&ccedil;us sont disponibles dans la Galerie des mod&egrave;les de
conception (ou Fichier &gt; Nouveau depuis la Galerie des mod&egrave;les de
conception).
Pour ajouter un document mod&egrave;le :
1.
Ouvrir un document existant (Fichier &gt; Ouvrir ou Ctrl+O) ou en cr&eacute;er
un nouveau avec le bouton NOUVEAU de la barre de contr&ocirc;le STANDARD
ou cliquer sur Ctrl+N).
2. Effectuez les modifications requises (par exemple modifier la taille de la
page, ajouter un logo ou un message). Vous pouvez &eacute;diter le document
du mod&egrave;le de conception comme tout document ordinaire.
3. Lorsque vous &ecirc;tes satisfait des modifications apport&eacute;es, choisissez
&laquo; Fichier &gt; Enregistrer le mod&egrave;le et un nom de mod&egrave;le &raquo;.
Pour faire de votre nouveau mod&egrave;le le mod&egrave;le par d&eacute;faut (&agrave; savoir celui que vous
voyez lorsque vous ouvrez Web Designer et qui appara&icirc;t lorsque vous appuyez sur
Ctrl+N), cochez l'option UTILISER COMME MODELE PAR DEFAUT lorsque vous
sauvegardez le mod&egrave;le.
351
352
Afficher vos propres ic&ocirc;nes dans les onglets des
navigateurs : favicons
Il se peut que vous vouliez afficher votre ic&ocirc;ne personnalis&eacute;e, un logo par exemple,
sur les onglets des pages de votre site affich&eacute;es dans un navigateur web. Web
Designer vous permet de faire cela en appliquant le nom &laquo; favicon &raquo; &agrave; votre ic&ocirc;ne
d'onglet personnalis&eacute;e.
Pour cr&eacute;er une &laquo; favicon &raquo;, dessinez ou d&eacute;posez l'image que vous souhaitez utiliser
sur une page web. L'image peut avoir n'importe quelle taille car elle sera
automatiquement redimensionn&eacute;e pour avoir les dimensions requises dans un
navigateur.
Cliquez dessus puis cliquez sur le bouton Noms &agrave; droite de la barre d'infos
de l'OUTIL DE SELECTION .
Dans la bo&icirc;te de dialogues Noms, saisissez &laquo; favicon &raquo; dans la case APPLIQUER LES
et cliquez sur AJOUTER puis sur FERMER .
NOMS
Pr&eacute;visualisez votre site Internet dans le navigateur web de votre choix. La m&eacute;thode la
plus simple consiste &agrave; cliquer sur l'une des ic&ocirc;nes d'Aper&ccedil;u puis, dans la fen&ecirc;tre
d'aper&ccedil;u de MAGIX Web Designer MX, de s&eacute;lectionner l'un des navigateur web dans
le coin sup&eacute;rieur droit de la fen&ecirc;tre.
L'onglet de votre page web affiche votre ic&ocirc;ne personnelle comme le montre
l'exemple ci-dessous.
Vous ne pouvez utiliser qu'une seule favicon par site Internet. Publiez votre site et
visitez-le pour voir votre favicon.
Astuce : Internet Explorer et Chrome n'affichent pas la favicon si la page est charg&eacute;e
&agrave; partir de votre disque dur, ce qui est normalement le cas lorsque vous d&eacute;veloppez
et pr&eacute;visualisez votre site avant de le mettre en ligne. Au moment o&ugrave; nous &eacute;crivons,
Firefox l'affiche m&ecirc;me pour les pages locales ; par cons&eacute;quent, utilisez ce navigateur
pour v&eacute;rifier votre favicon. Une fois que votre site est publi&eacute;, la favicon devrait
fonctionner avec tous les navigateur web courants.
www.magix.com
Personnaliser Web Designer
Options du menu Services
Raccourci clavier : Ctrl+Maj+O.
Cette option de menu ouvre la bo&icirc;te de dialogue des OPTIONS . Elle vous permet de
param&eacute;trer diverses options pour Web Designer. Le bouton OK en bas de la bo&icirc;te de
dialogue applique les changements effectu&eacute;s et ferme la bo&icirc;te de dialogue. Le bouton
APPLIQUER applique les changements mais la bo&icirc;te de dialogue reste affich&eacute;e &agrave;
l'&eacute;cran. Cela vous permet de faire d'autres modifications.
Onglet g&eacute;n&eacute;ral
Taille de la liste des fichiers consult&eacute;s r&eacute;cemment
Le menu Fichier pr&eacute;sente une liste des fichiers charg&eacute;s ou enregistr&eacute;s r&eacute;cemment
dans le sous-menu &laquo; Ouvert r&eacute;cemment &raquo;. Cette liste est un moyen rapide de
recharger ces fichiers. Cette option vous permet de modifier le nombre de fichiers de
la liste (entre 1 et 20 fichiers).
353
354
Calque actuel toujours visible et &eacute;ditable
Le chapitre Calques (voir page 323) comporte des informations sur les calques et la
galerie des calques.
Lorsque cette option est s&eacute;lectionn&eacute;e, la s&eacute;lection d'un calque dans la galerie des
CALQUES le rend automatiquement visible et &eacute;ditable.
Si cette option n'est pas s&eacute;lectionn&eacute;e, les &eacute;tats visible et &eacute;ditable d'un calque
demeurent inchang&eacute;s lorsque vous s&eacute;lectionnez ce calque.
Demander avant attribution des attributs
Ceci s'applique lors de la modification d'un attribut actuel. (Ceci arrive lorsque vous
changez un attribut sans que des objets ne soient s&eacute;lectionn&eacute;s.)
Avec cette option activ&eacute;e, il vous sera demand&eacute; si vous souhaitez confirmer ou non la
modification de l'attribut.
Avec cette option d&eacute;sactiv&eacute;e, la modification sera effectu&eacute;e sans confirmation.
Rendre les groupes transparents.
Pour plus d'informations sur la transparence, voir le chapitre Transparence.
Lorsque vous appliquez de la transparence &agrave; un groupe d'objets, Web Designer
appliquera la transparence par d&eacute;faut au groupe comme s'il constituait un seul objet
(c'est-&agrave;-dire que vous ne verrez pas de transparences individuelles au sein du
groupe). D&eacute;s&eacute;lectionnez cette option pour permettre &agrave; Web Designer d'ajouter de la
transparence &agrave; chaque objet du groupe s&eacute;par&eacute;ment.
Conserver les noms des calques import&eacute;s
Avec cette option, les informations sur les calques sont pr&eacute;serv&eacute;es lors de
l'importation de mod&egrave;les ou d'autres fichiers. Si l'option &laquo; IMPORTER LES CALQUES
DANS LE CALQUE ACTIF &raquo; est s&eacute;lectionn&eacute;e, tous les objets import&eacute;s appara&icirc;tront dans
le calque actuel et les informations de calque du fichier entrant seront ignor&eacute;es.
IMPORTER LES CALQUES DANS DE NOUVEAUX CALQUES cr&eacute;era un calque pour chaque
calque import&eacute;.
S&eacute;lection d'objets
Cette option vous permet de modifier la configuration par d&eacute;faut de l'outil de
S&eacute;lection (avec lequel vous devez tracer un rectangle &agrave; l'aide du curseur de la souris
sur les objets afin de les s&eacute;lectionner). Vous pouvez d&eacute;finir si seuls les objets situ&eacute;s
dans le rectangle doivent &ecirc;tre s&eacute;lectionn&eacute;s ou bien si ceux que touche le rectangle
doivent &ecirc;tre &eacute;galement compris dans la s&eacute;lection.
www.magix.com
Personnaliser Web Designer
Angle limit&eacute;
Ceci s'applique lors de la rotation ou du d&eacute;placement d'un objet avec la touche Ctrl
enfonc&eacute;e.
Vous pouvez soit s&eacute;lectionner une valeur &agrave; partir du menu soit taper une valeur en
degr&eacute;s.
Le document sera un site Web.
Cette option indique &agrave; MAGIX Web Designer MX que le document doit &ecirc;tre export&eacute;
en tant que site Web. Cela aura pour cons&eacute;quence que le programme traitera
l&eacute;g&egrave;rement diff&eacute;remment les liens plac&eacute;s sur les objets. Si vous d&eacute;sactivez cette
fonction, un lien plac&eacute; uniquement sur un objet appartenant &agrave; un groupe ne
fonctionnera pas dans le site Web, une fois celui-ci export&eacute;, car le groupe entier est
export&eacute; en tant que graphique unique : un lien plac&eacute; uniquement sur une partie du
groupe sera ignor&eacute; au cours de la proc&eacute;dure d'exportation. Cependant, si cette option
est activ&eacute;e, le lien sera assign&eacute; automatiquement au groupe entier, et le r&eacute;sultat final
sera le m&ecirc;me que si vous aviez plac&eacute; le lien en question sur le groupe entier et non sur
une partie de celui-ci uniquement. Par exemple, si vous placez un lien par
inadvertance seulement sur le texte d'un bouton au lieu de l'appliquer au bouton
entier, cette option se chargera pour vous d'assigner le lien &agrave; l'int&eacute;gralit&eacute; de l'objet (du
bouton). L'option est activ&eacute;e par d&eacute;faut dans tous vos mod&egrave;les de sites Web.
Afficher les longueurs de texte compatibles Windows
Pour en savoir plus sur la compatibilit&eacute; de texte dans un navigateur Internet (voir
page 215), consultez le chapitre MANIPULATIONS DE TEXTE.
Largeur incr&eacute;mentielle
Ceci s'applique lors du d&eacute;placement d'objets &agrave; l'aide des touches fl&eacute;ch&eacute;es du clavier.
Ce champ texte d&eacute;finit la distance que parcourt l'objet &agrave; chaque pression de touche.
Si le document utilise des unit&eacute;s de mise &agrave; l'&eacute;chelle (tel qu'1 pouce pour 1 mile), le
champ texte affiche la distance en unit&eacute;s de mise &agrave; l'&eacute;chelle.
(Lorsque vous avancez ainsi, Ctrl et Maj augmente la distance de cinq et dix fois
respectivement.)
Distance de duplication
&Eacute;DITER &gt; DUPLIQUER (Ctrl+D) cr&eacute;e un duplicata d&eacute;cal&eacute; de l'objet original. Ces champs
texte d&eacute;finissent la distance de d&eacute;calage.
Des valeurs positives cr&eacute;ent le duplicata au-dessus ou &agrave; droite de l'objet original.
Des valeurs n&eacute;gatives cr&eacute;ent le duplicata en dessous ou &agrave; gauche de l'objet original.
355
356
Onglet des grilles et r&eacute;glettes
Espacement des grilles et r&eacute;glettes
L'ESPACEMENT PRINCIPAL d&eacute;finit la distance entre la grille principale et les divisions de
la r&eacute;glette. Les unit&eacute;s que vous utilisez pour la grille et les r&eacute;glettes sont d&eacute;finies par
les unit&eacute;s que vous utilisez pour l'espacement principal. Par exemple, si vous fixez un
espacement de grille principale &agrave; 2 CM, les unit&eacute;s de la grille et de la r&eacute;glette seront
d&eacute;finies en centim&egrave;tres sans tenir compte des unit&eacute;s de la page sp&eacute;cifi&eacute;es dans les
options d'unit&eacute;s.
Direction des coordonn&eacute;es
Vous pouvez modifier ici la direction des coordonn&eacute;es de pages.
www.magix.com
Personnaliser Web Designer
Onglet Souris
Fonctions des boutons de souris
Web Designer vous offre un &eacute;ventail d'actions lorsque vous cliquez sur le bouton
gauche ou droit de la souris. Par exemple, si vous &ecirc;tes gaucher, vous pr&eacute;f&eacute;rerez sans
doute utiliser le bouton droit comme bouton usuel. Vous n'aurez qu'&agrave; attribuer le clic
normal au bouton droit de la souris (vous pouvez aussi r&eacute;gler les deux boutons de
fa&ccedil;on &agrave; ce qu'ils r&eacute;agissent de mani&egrave;re identique si vous le souhaitez).
Actions possibles :
•
•
•
•
•
•
Clic normal - Au moins un bouton doit toujours &ecirc;tre attribu&eacute; au clic normal.
Maj+clic.
Ctrl+clic.
Alt+clic.
Afficher un menu contextuel (voir ci-dessous).
Activer/D&eacute;sactiver le mode plein &eacute;cran (d&eacute;crit dans Utilisation du document
(voir page 89)).
• Zoom avant ou arri&egrave;re - cliquer pour le zoom avant, Maj+cliquer pour le zoom
arri&egrave;re (d&eacute;crit dans Utilisation du document (voir page 90)).
• Outil de DEPLACEMENT (ou appuyez sur Maj+F8)
357
358
Le menu contextuel contient des options adapt&eacute;es &agrave; l'objet sur lequel vous cliquez.
Par exemple, pour la plupart des types d'objets, le menu propose COUPER, COPIER,
COLLER, SUPPRIMER, DUPLIQUER, CLONER (d&eacute;crits dans le chapitre Utilisation de l'objet
(voir page 115)).
MOUVEMENT DE LA MOLETTE DE LA SOURIS : ici, vous pouvez modifiez l'action de la
molette de la souris entre le D&eacute;filement et le Zoom.
Cliquer sur PAR DEFAUT pour revenir aux attributions du bouton originales. Ceci prend
effet imm&eacute;diatement - vous n'avez pas besoin de cliquer sur OK ou APPLIQUER
MAINTENANT .
Le panneau de configuration de Windows vous permet &eacute;galement d'intervertir les
boutons droit et gauche de la souris.
Radius magn&eacute;tique d'alignement
L'accrochage est d&eacute;crit dans le chapitre Utilisation de l'objet (voir page 130).
Ces champs de texte d&eacute;finissent &agrave; quelle distance vous devez faire glisser un objet
avant qu'il s'accroche &agrave; un objet magn&eacute;tique. Ce sont des distances &agrave; l'&eacute;cran,
ind&eacute;pendantes de l'&eacute;chelle du document.
Onglet Taille de la page
Cette page d&eacute;crit le Page Size tab wd des Services, bo&icirc;te de dialogue des options
Si l'option &laquo; TAILLE IDENTIQUE POUR TOUTES LES PAGES DU SITE WEB &raquo; n'est pas
s&eacute;lectionn&eacute;e, vous avez la possibilit&eacute; d'attribuer diff&eacute;rentes tailles aux pages de votre
www.magix.com
Personnaliser Web Designer
document dans cette bo&icirc;te de dialogue. Pour d&eacute;finir une taille de page, s&eacute;lectionnezen une parmi celles pr&eacute;d&eacute;finies dans la liste d&eacute;roulante, ou bien optez pour
&laquo; Personnalis&eacute; &raquo; et entrez la largeur et la hauteur que vous souhaitez dans les champs
pr&eacute;vus &agrave; cet effet.
Si l'option VERROUILLAGE LA TAILLE DE LA PAGE est activ&eacute;e, vous ne pouvez pas
redimensionner une page en en tirant les bords en bas ou &agrave; droite. De m&ecirc;me que les
objets anti-chevauchement qui sont pouss&eacute;s vers les bords bas de la page ne
provoqueront pas l'agrandissement de la page.
Onglet Sauvegardes
Cet onglet vous permet d'activer ou d&eacute;sactiver la fonction de sauvegarde
automatique. Cette fonction enregistre une copie de tous les documents ouverts
modifi&eacute;s &agrave; des intervalles r&eacute;guliers. Il est recommand&eacute; d'activer cette fonction lorsque
vous travaillez afin de sauvegarder r&eacute;guli&egrave;rement votre travail. Vous pouvez
&eacute;galement choisir si le programme doit vous demander si vous souhaitez effectuer
une sauvegarde &agrave; chaque fois que vous quittez le programme ou si tous les
documents ouverts doivent &ecirc;tre sauvegard&eacute;s et restaur&eacute;s lors du prochain d&eacute;marrage
du programme.
Consulter le chapitre Utilisation de document (voir page 98) pour obtenir de plus
amples informations sur ces fonctions.
Barres de contr&ocirc;le
Vous pouvez d&eacute;placer les barres de contr&ocirc;le de Web Designer &agrave; diff&eacute;rents endroits de
la fen&ecirc;tre, r&eacute;ordonner les boutons, cr&eacute;er de nouvelles barres de contr&ocirc;le, d&eacute;placer ou
copier des boutons d'une barre de contr&ocirc;le &agrave; l'autre et effectuer bien d'autres
op&eacute;rations encore.
Il n'est pas possible de modifier la barre d'infos d&eacute;pendant de l'outil ou les contenus
des barres escamotables qui se trouvent sur la barre d'outils principale et les barres
sup&eacute;rieures.
Mode plein &eacute;cran
Web Designer dispose de deux configurations des barres de contr&ocirc;le :
• Une configuration appara&icirc;t lorsque la fen&ecirc;tre a sa taille normale.
• La seconde configuration appara&icirc;t lorsque vous choisissez Fen&ecirc;tre &gt; Plein &eacute;cran.
Toute modification apport&eacute;e &agrave; une configuration des barres de contr&ocirc;le (par exemple,
redimensionner ou d&eacute;placer) n'a aucun effet sur l'autre configuration. Les
modifications apport&eacute;es aux boutons individuels (par exemple, r&eacute;gler une option)
s'appliquent en mode normal ainsi qu'en mode plein &eacute;cran.
359
360
Afficher et masquer les barres de contr&ocirc;le
L'affichage des barres de
contr&ocirc;le est contr&ocirc;l&eacute; par la
bo&icirc;te de dialogue des BARRES
DE CONTROLE (FENETRE &gt;
BARRES DE CONTROLE.)
&Agrave; c&ocirc;t&eacute; de chaque barre de
contr&ocirc;le se trouve une case &agrave;
cocher. Une coche dans ces
cases indique que la barre de
contr&ocirc;le est affich&eacute;e. Cliquez
sur la case &agrave; cocher de la
barre de contr&ocirc;le
correspondante afin d'afficher
ou de masquer cette barre.
Vous pouvez activer ou d&eacute;sactiver rapidement LES BARRES DE CONTROLE si vous
effectuez un clic droit sur une zone vide en haut de la fen&ecirc;tre du programme. Utilisez
le menu d&eacute;roulant pour choisir la barre de contr&ocirc;le que vous d&eacute;sirez afficher.
www.magix.com
Personnaliser Web Designer
Barres de contr&ocirc;le accroch&eacute;es et flottantes
G&eacute;n&eacute;ralement, les barres de contr&ocirc;les sont accroch&eacute;es (fix&eacute;es aux bords de la
fen&ecirc;tre). Le fait de d&eacute;placer la fen&ecirc;tre d&eacute;place par la m&ecirc;me occasion les barres de
contr&ocirc;le accroch&eacute;es.
Les barres de contr&ocirc;le peuvent aussi &ecirc;tre flottantes. Elles ne suivent alors pas le
mouvement de la fen&ecirc;tre.
Barre de contr&ocirc;le flottante
Barre de contr&ocirc;le accroch&eacute;e
Vous pouvez masquer une barre de contr&ocirc;le flottante en utilisant la bo&icirc;te de dialogue
des BARRES DE CONTROLE (d&eacute;crite ci-dessus) ou en cliquant sur l'ic&ocirc;ne FERMER .
Pour rendre une barre de contr&ocirc;le flottante, faites-la glisser &agrave; partir du bord de la
fen&ecirc;tre, soit sur la zone d'&eacute;dition ou hors de la fen&ecirc;tre de Web Designer.
Pour accrocher une barre de contr&ocirc;le, faites-la glisser sur :
• Le bord de la fen&ecirc;tre.
• Ou la barre de menu.
• Ou sur une autre barre de contr&ocirc;le.
Une barre de contr&ocirc;le flottante comporte une double ligne de contour lorsque vous la
faites glisser. Elle ne comporte plus qu'une ligne lorsqu'elle revient en position
accroch&eacute;e. Si vous souhaitez que la barre de contr&ocirc;le reste flottante, maintenez la
touche Ctrl enfonc&eacute;e tout en la faisant glisser.
Redimensionner la barre de contr&ocirc;le
D&eacute;placer le pointeur sur le bord de la barre de contr&ocirc;le. Il se transforme en fl&egrave;che &agrave;
deux pointes. Vous pouvez alors tirer le bord pour redimensionner la barre de
contr&ocirc;le.
Cr&eacute;er des nouvelles barres de contr&ocirc;le
Pour cr&eacute;er une nouvelle barre de contr&ocirc;le :
• Faire glisser un bouton sur la zone d'&eacute;dition ou hors de la fen&ecirc;tre. Ceci ouvre une
nouvelle barre de contr&ocirc;le contenant ce bouton.
Ou cliquez sur NOUVEAU dans la bo&icirc;te de dialogue des BARRES DE CONTROLE. Ceci
vous permet de cr&eacute;er une nouvelle barre de contr&ocirc;le et de lui attribuer un nom. La
nouvelle barre de contr&ocirc;le est vide. Vous pouvez faire glisser des boutons dessus.
361
362
Le d&eacute;placement des boutons est d&eacute;crit ci-dessous.
Supprimer des barres de contr&ocirc;le
Vous pouvez uniquement supprimer des barres de contr&ocirc;le vides. Pour cela, d&eacute;placez
tous les boutons vers une autre barre de contr&ocirc;le. Fermez la barre de contr&ocirc;le (soit en
cliquant sur l'ic&ocirc;ne FERMER soit en utilisant la bo&icirc;te de dialogue BARRES DE CONTROLE ).
La barre de contr&ocirc;le est automatiquement supprim&eacute;e lorsque vous quittez Web
Designer.
D&eacute;placer des boutons et des outils
Pour d&eacute;placer des boutons et des outils :
1.
2.
Positionnez le pointeur de la souris sur le bouton que vous souhaitez d&eacute;placer.
Maintenez le bouton Alt (Alt gauche) pour d&eacute;placer le bouton ou AltGr (AltGr
droit) pour copier le bouton lorsqu'il est utilis&eacute; sur des barres de commandes
d&eacute;finies par l'utilisateur ou d'autres barres de commandes. N&eacute;anmoins, sur la
palette de boutons pr&eacute;d&eacute;finie, les deux touches Alt n'effectuent que la copie du
bouton.
Faites glisser le bouton vers :
3.
-
Un autre emplacement sur la m&ecirc;me barre de contr&ocirc;le.
-
Ou sur une autre barre de contr&ocirc;le.
-
Ou sur la zone d'&eacute;dition/hors de la fen&ecirc;tre de Web Designer pour cr&eacute;er une
nouvelle barre de contr&ocirc;le.
Vous ne pouvez pas d&eacute;placer de bouton sur ou hors de la barre d'infos.
Masquer des boutons et des outils
D&eacute;placez les boutons ou les outils dont vous ne voulez pas vers une autre barre de
contr&ocirc;le puis masquez-la (description un peu plus haut).
Si vous avez besoin du bouton ou de l'outil plus tard, utilisez la bo&icirc;te de dialogue
BARRES DE CONTROLE pour afficher la barre de contr&ocirc;le de nouveau.
Vous ne pouvez pas supprimer des boutons ou des outils.
www.magix.com
Menus et raccourcis clavier
Menus et raccourcis clavier
Introduction
La plupart du temps, ces descriptions se r&eacute;f&egrave;rent &agrave; l'objet s&eacute;lectionn&eacute;. En g&eacute;n&eacute;ral,
l'action d&eacute;crite s'applique aussi si plusieurs objets sont s&eacute;lectionn&eacute;s. Nous utilisons
l'expression &laquo; objet s&eacute;lectionn&eacute; &raquo; aussi bien pour un que pour plusieurs objets
s&eacute;lectionn&eacute;s.
La plupart du temps, vous avez la possibilit&eacute; de s&eacute;lectionner une option soit dans un
menu, soit dans une barre de contr&ocirc;le soit gr&acirc;ce &agrave; un raccourci clavier. S'il existe un
bouton dans la barre de contr&ocirc;le et/ou un raccourci clavier; ceux-ci sont indiqu&eacute;s
apr&egrave;s le nom du menu. Par exemple, ceci signifie qu'il y a un bouton sur la barre de
contr&ocirc;le STANDARD qui a le m&ecirc;me effet que la s&eacute;lection de Nouveau et que vous
pouvez utiliser le raccourci Ctrl + N.
Nouveau (barre de contr&ocirc;le standard ou Ctrl + N)
Menu fichier
Nouveau (barre de contr&ocirc;le standard ou Ctrl+N)
Cr&eacute;e un nouveau document
Nouveaut&eacute;s de la galerie de mod&egrave;les
Cette option permet d'ouvrir la galerie de mod&egrave;les si celle-ci ne l'est pas d&eacute;j&agrave; : vous
pourrez y choisir un mod&egrave;le pour commencer un nouveau document. Cliquez sur un
des icones de dossiers dans la galerie pour en ouvrir un, puis double-cliquez sur le
mod&egrave;le souhait&eacute; pour l'utiliser dans un nouveau document.
Vous pouvez &eacute;galement ouvrir la galerie de mod&egrave;les en cliquant sur l'icone
dans la barre d'outils de la galerie.
Ouvrir (barre de contr&ocirc;le standard ou Ctrl+O)
Ouvre une nouvelle fen&ecirc;tre d'&eacute;dition et y charge un fichier. Ce fichier peut &ecirc;tre :
• un fichier *.web de Web Designer permettant de visualiser ou d'&eacute;diter un
document de Web Designer existant,
• ou un fichier dans un des autres formats d'importation (voir liste de formats dans
Importation &amp; Exportation (voir page 335)). Le fichier s'ouvrira dans un nouveau
document.
363
364
Fichiers r&eacute;cents
Liste des derniers fichiers charg&eacute;s ou sauvegard&eacute;s. Permet de charger rapidement ces
fichiers.
Vous pouvez modifier le nombre de fichiers r&eacute;pertori&eacute;s dans cette liste. (R&eacute;f&eacute;rez-vous
au chapitre Personnaliser Web Designer (voir page 351) pour de plus amples
informations.
Fermer (Ctrl+W)
Ferme la fen&ecirc;tre d'&eacute;dition actuelle. Web Designer reste charg&eacute;e. Vous &ecirc;tes averti si le
fichier comporte des changements non sauvegard&eacute;s.
Enregistrer (barre de contr&ocirc;le standard ou Ctrl+S)
Enregistre le document s&eacute;lectionn&eacute;.
Enregistrer sous
Cette option vous permet de sauvegarder le document s&eacute;lectionn&eacute; sous un nom
diff&eacute;rent ou dans un r&eacute;pertoire ou lecteur diff&eacute;rent.
Enregistrer tout
Enregistre tous les documents charg&eacute;s
Enregistrer le mod&egrave;le
Enregistre le document s&eacute;lectionn&eacute; comme document mod&egrave;le. (Voir chapitre
Personnaliser Web Designer (voir page 351)).
Importer (Ctrl+Alt+I)
Charge un fichier dans le document s&eacute;lectionn&eacute;. Le fichier peut &ecirc;tre dans n'importe
quel format d'importations (voir Importation et Exportation (voir page 335) pour plus
d'informations).
Il existe une diff&eacute;rence entre les fonctions OUVRIR et IMPORTER : les deux chargent
plusieurs formats diff&eacute;rents mais OUVRIR permet d'ouvrir un nouveau document.
IMPORTER permet de charger le fichier dans le document ouvert actuellement.
Exporter (Ctrl+Maj+E)
Ou faites un clic droit et s&eacute;lectionnez EXPORTER .
Vous permet d'exporter le document dans l'un des formats d'exportation support&eacute;s
par Web Designer (voir Importer et exporter (voir page 335) pour avoir la liste des
formats).
www.magix.com
Menus et raccourcis clavier
Exporter en JPEG
Aussi dans la barre d'outils d'exportation. Ou faites un clic
droit et s&eacute;lectionnez EXPORTER &gt; EXPORTER EN JPEG ).
Vous permet d'exporter les objets s&eacute;lectionn&eacute;s, une page ou l'ensemble du document
au format JPEG.
Exporter en PNG
Aussi dans la barre d'outils d'exportation. Ou faites un clic
droit et s&eacute;lectionnez EXPORTER &gt; EXPORTER EN PNG .)
Vous permet d'exporter les objets s&eacute;lectionn&eacute;s, une page ou l'ensemble d'un
document au format PNG.
Aper&ccedil;u de la page (F12)
Exportation et aper&ccedil;u de la page actuelle du document de site web actuel.
Vous pouvez aussi consulter l'aper&ccedil;u en cliquant sur le bouton de
pr&eacute;visualisation de la page de la barre d'outils Internet.
Cliquez sur un type de navigateur en haut de la fen&ecirc;tre d'aper&ccedil;u pour visualiser votre
page dans votre navigateur pr&eacute;f&eacute;r&eacute;.
Affiche un aper&ccedil;u de votre page dans Google Chrome
Affiche un aper&ccedil;u de votre page dans Mozilla Firefox
Affiche un aper&ccedil;u de votre page dans Internet Explorer
Affiche un aper&ccedil;u de votre page dans Opera
Affiche un aper&ccedil;u de votre page dans Safari
Pr&eacute;visualiser le site Web
Cette fonction exporte et permet de visualiser le document de site Web en cours
d'&eacute;dition. Le document est export&eacute; au m&ecirc;me emplacement que lors de la derni&egrave;re
exportation (les fichiers s'y trouvant seront &eacute;cras&eacute;s sans demande de confirmation)
ou dans un r&eacute;pertoire temporaire si le site n'a pas encore &eacute;t&eacute; export&eacute;. Ensuite, une
fen&ecirc;tre de navigateur affichera la premi&egrave;re page du site Web.
365
366
C'est le moyen le plus rapide pour pr&eacute;visualiser le site Web sur lequel vous &ecirc;tes
en train de travailler. Vous pouvez consulter l'aper&ccedil;u &eacute;galement en cliquant sur
le bouton correspondant de la barre d'outils Web.
Exporter le site web
Aussi dans la barre d'outils d'exportation.
Exporter le document en cours au format HTML
Publier le site Web
Cette option permet de r&eacute;aliser la m&ecirc;me chose que le bouton de la barre
d'outils Web. Le site Web en cours d'&eacute;dition sera export&eacute; et publi&eacute; dans votre
espace Web.
Si vous n'avez pas encore saisi les informations FTP pour votre espace Web, l'onglet
PUBLICATION de la bo&icirc;te de dialogue des PROPRIETES WEB va s'afficher. Ensuite, si vous
n'avez pas encore export&eacute; le site localement, la bo&icirc;te de dialogue d'exportation va
appara&icirc;tre et vous permettre d'y proc&eacute;der. Le site Web sera alors publi&eacute; vers votre
espace Web. Vous verrez une barre de progression lors de la publication.
Consultez le chapitre &laquo; D&eacute;marrage &raquo; pour en savoir plus sur la proc&eacute;dure de
publication.
Informations du document
Cette option montre une bo&icirc;te d'informations &agrave; propos du document s&eacute;lectionn&eacute;, y
compris quelles polices sont utilis&eacute;es dans le document en cours.
Options de page
Faites aussi un clic droit et s&eacute;lectionnez OPTIONS DE PAGE .
Vous permet de modifier la mise en page, la taille de la page, etc.
Quitter
Ferme toutes les fen&ecirc;tres et Web Designer. Vous &ecirc;tes averti si des fichiers
comportent des changements non sauvegard&eacute;s.
www.magix.com
Menus et raccourcis clavier
Menu &Eacute;diter
Annuler (barre de contr&ocirc;le standard ou Ctrl+Z)
Annuler l'op&eacute;ration pr&eacute;c&eacute;dente. Les termes de cette option renvoient &agrave; la derni&egrave;re
op&eacute;ration effectu&eacute;e. Par exemple, ANNULER COUPER . (Se reporter au chapitre Annuler
&amp; R&eacute;tablir (voir page 114).)
R&eacute;tablir (barre de contr&ocirc;le standard ou Ctrl+Y)
Annuler la derni&egrave;re commande ANNULER . Les termes de cette option renvoient &agrave; la
derni&egrave;re op&eacute;ration ANNULER effectu&eacute;e. (Se reporter au chapitre Annuler &amp; R&eacute;tablir.)
Couper (barre de contr&ocirc;le &Eacute;diter ou Ctrl+X)
Coupez l'objet s&eacute;lectionn&eacute; vers le presse-papier. Les termes de cette option renvoient
au type d'objet s&eacute;lectionn&eacute;. (Se reporter au chapitre Utilisation de l'objet (voir page
120).)
Copier (barre de contr&ocirc;le &Eacute;diter ou Ctrl+C)
Copiez l'objet s&eacute;lectionn&eacute; vers le presse-papier. Les termes de cette option renvoient
au type d'objet s&eacute;lectionn&eacute;. L'objet reste en place dans le document. (Se reporter au
chapitre Utilisation de l'objet (voir page 120).)
Coller (barre de contr&ocirc;le &Eacute;diter ou Ctrl+V)
Ou faites un clic droit et s&eacute;lectionnez COLLER .
Coller le contenu du presse-papiers dans le document s&eacute;lectionn&eacute;. Les termes de
cette option renvoient au contenu du presse-papiers (voir Utilisation des objets (voir
page 120)).
Lorsque vous collez les contenus du presse-papiers dans un document, il peut arriver
que les contenus puissent &ecirc;tre ins&eacute;r&eacute;s par le biais de plusieurs formats diff&eacute;rents. Si
c'est la cas, la bo&icirc;te de dialogue COLLAGE SPECIAL appara&icirc;t pour vous permettre de
choisir un format.
Copier le texte non format&eacute;
Colle le texte du presse-papiers dans votre document sans informations de format.
Coller au m&ecirc;me endroit
Identique &agrave; COLLER &agrave; la diff&eacute;rence que l'objet sera coll&eacute; &agrave; la position exacte qu'il avait
lorsque vous l'avez copi&eacute;. C'est tr&egrave;s utile pour d&eacute;placer des objets d'un calque ou
d'une page &agrave; l'autre sans modifier leur position sur le calque ou la page.
Coller le format/les attributs
Pr&eacute;serve le format (par exemple le choix de la police et de sa taille) ou les attributs de
style (par exemple la ligne et la couleur de remplissage) de l'objet coll&eacute;.
367
368
Coller sur le calque actuel
Il s'agit de la m&ecirc;me fonction que COLLER AU MEME ENDROIT , mis &agrave; part que votre objet
sera coll&eacute; sur le calque actuel.
Cela est utile si vous voulez afficher ou masquer uniquement l'objet coll&eacute; lorsque les
calques au-dessus ou en dessous sont affich&eacute;s.
Coller au m&ecirc;me endroit sur le calque actuel
Il s'agit de la m&ecirc;me fonction que COLLER SUR LE CALQUE ACTUEL , mis &agrave; part que votre
objet sera coll&eacute; sur le calque actuel &agrave; la position exacte qu'il occupait quand vous
l'avez copi&eacute;.
Supprimer (barre de contr&ocirc;le &Eacute;diter &amp; standard ou Supprimer)
Supprimer l'objet s&eacute;lectionn&eacute;. Les termes de cette option renvoient au type d'objet
s&eacute;lectionn&eacute;. (Se reporter au chapitre Utilisation de l'objet (voir page 115).)
Tout s&eacute;lectionner (Ctrl+A)
S&eacute;lectionner tous les objets des calques &eacute;ditables. (Les calques &eacute;ditables et verrouill&eacute;s
sont d&eacute;crits dans le chapitre Calques (voir page 323).)
Annuler la s&eacute;lection/R&eacute;initialiser les attributs actuels (Echap)
D&eacute;s&eacute;lectionner tous les objets. Si aucun objet n'est s&eacute;lectionn&eacute;, les valeurs par d&eacute;faut
des attributs actuels (voir page 64) sont r&eacute;tablies. Vous pouvez atteindre ce r&eacute;sultat
facilement en cliquant deux fois sur Echap.
Dupliquer (barre de contr&ocirc;le &Eacute;diter ou Ctrl+Alt+D)
Ou faites un clic droit puis s&eacute;lectionnez DUPLIQUER .
Copier l'objet s&eacute;lectionn&eacute; en pla&ccedil;ant la copie l&eacute;g&egrave;rement en d&eacute;calage par rapport &agrave;
l'original. La copie devient alors l'objet s&eacute;lectionn&eacute;. La distance du d&eacute;calage peut &ecirc;tre
personnalis&eacute;e (voir chapitre Personnaliser Web Designer (voir page 355)).
Cloner (Ctrl+K)
Tout comme DUPLIQUER copie l'objet s&eacute;lectionn&eacute; mais place la copie directement audessus de l'original. La copie devient alors l'objet s&eacute;lectionn&eacute;.
Pages
Ou faites un clic droit et s&eacute;lectionnez PAGES .
Le sous-menu Pages vous permet de supprimer ou d'ajouter des pages &agrave; votre
document multipage, de copier la page en cours ou de la d&eacute;placer vers le haut ou vers
le bas. Pour en savoir plus sur les documents multipages, reportez-vous aux
Documents multipages (voir page 93).
www.magix.com
Menus et raccourcis clavier
Menu Arranger
D&eacute;placer sur le calque au-dessus (barre de contr&ocirc;le Arranger ou Ctrl+Maj+U)
Ou faites un clic droit et s&eacute;lectionnez ARRANGER &gt; DEPLACER SUR LE CALQUE AUDESSUS .
D&eacute;placer l'objet s&eacute;lectionn&eacute; d'un calque vers l'avant. L'objet s&eacute;lectionn&eacute; devient
l'objet d'arri&egrave;re-plan sur le nouveau calque.
Mettre au premier plan (barre de contr&ocirc;le Arranger ou Ctrl+F)
Ou faites un clic droit et s&eacute;lectionnez ARRANGER &gt; METTRE AU PREMIER PLAN .
D&eacute;placer l'objet s&eacute;lectionn&eacute; devant tous les autres objets du m&ecirc;me calque. Voir
Manipulation des objets (voir page 115) pour plus d'informations.
Avancer (barre de contr&ocirc;le Arranger ou Ctrl+Maj+F)
Ou faites un clic droit et s&eacute;lectionnez ARRANGER &gt; AVANCER.
D&eacute;placer l'objet s&eacute;lectionn&eacute; d'un niveau vers l'avant (voir Manipulation des objets
(voir page 115)).
Reculer (barre de contr&ocirc;le Arranger ou Ctrl+Maj+B)
Ou faites un clic droit et s&eacute;lectionnez ARRANGER &gt; RECULER .
D&eacute;placer l'objet s&eacute;lectionn&eacute; d'un niveau vers l'arri&egrave;re (fait r&eacute;f&eacute;rence &agrave; la Manipulation
d'objets).
Mettre &agrave; l'arri&egrave;re-plan (barre de contr&ocirc;le Arranger ou Ctrl+B)
Ou faites un clic droit et s&eacute;lectionnez ARRANGER &gt; EN ARRIERE-PLAN .
D&eacute;placer l'objet s&eacute;lectionn&eacute; derri&egrave;re tous les autres objets du m&ecirc;me calque (fait
r&eacute;f&eacute;rence &agrave; la Manipulation d'objets (voir page 115)).
D&eacute;placer sur le calque en dessous (barre de contr&ocirc;le Arranger ou
Ctrl+Maj+D)
Ou faites un clic droit et s&eacute;lectionnez ARRANGER &gt; DEPLACER SUR LE CALQUE EN
DESSOUS .
D&eacute;place l'objet s&eacute;lectionn&eacute; d'un calque vers l'arri&egrave;re. L'objet s&eacute;lectionn&eacute; devient
l'objet de premier plan sur le nouveau calque.
Grouper (barre de contr&ocirc;le Arranger ou Ctrl+G)
Ou faites un clic droit et s&eacute;lectionnez GROUPER .
369
370
Grouper les objets s&eacute;lectionn&eacute;s afin qu'ils apparaissent comme un objet unique (fait
r&eacute;f&eacute;rence &agrave; la Manipulation d'objets (voir page 115)).
D&eacute;grouper (barre de contr&ocirc;le Arranger ou Ctrl+U)
Ou faites un clic droit et s&eacute;lectionnez DEGROUPER .
Dissoudre le ou les groupes en objets distincts. Gris&eacute; &agrave; moins que l'objet s&eacute;lectionn&eacute;
ne constitue un groupe. Ou, si pour plusieurs objets s&eacute;lectionn&eacute;s, il existe au moins un
groupe.
Appliquer un groupe souple (Ctrl+Alt+G)
Ou faites un clic droit et s&eacute;lectionnez APPLIQUER UN GROUPE SOUPLE.
Les objets s&eacute;lectionn&eacute;s forment un groupe souple. Au contraire des groupes normaux,
les groupes souples peuvent inclure des objets situ&eacute;s sur diff&eacute;rents calques. Pour en
savoir plus, r&eacute;f&eacute;rez-vous &agrave; la rubrique Manipulation des objets (voir page 138).
Dissoudre le groupe souple (CTRL+ALT+U)
Ou faites un clic droit et s&eacute;lectionnez SUPPRIMER LE GROUPE SOUPLE .
En dissolvant le groupe souple s&eacute;lectionn&eacute;, il sera de nouveau possible de s&eacute;lectionner
chacun des objets s&eacute;par&eacute;ment.
Alignement (Ctrl+Maj+L)
Ou faites un clic droit et s&eacute;lectionnez ALIGNER .
Permet d'aligner plusieurs objets. Est sans effet lorsqu'un seul objet est s&eacute;lectionn&eacute;
(consultez Manipulation des objets (voir page 140) pour en savoir plus).
Ajuster le texte &agrave; la courbe/Supprimer le texte de la courbe
Ou faites un clic droit et s&eacute;lectionnez AJUSTER LE TEXTE A LA COURBE/SUPPRIMER LE
TEXTE DE LA COURBE .
Vous permet d'ajuster une ligne de texte sur une courbe arbitraire ou de supprimer le
texte d'une courbe (voir Manipuler du texte pour en savoir plus).
Renvoyer et Ancrer
Ou faites un clic droit et s&eacute;lectionnez RENVOYER LE TEXTE EN DESSOUS , ANCRER AU
TEXTE ou RENVOYER ET ANCRER .
ait en sorte que l'objet renvoie le texte plac&eacute; en dessous et ancre un objet &agrave; l'int&eacute;rieur
d'une colonne de texte. Voir Objets de renvoi de texte (voir page 197) et Graphiques
ancr&eacute;s (voir page 199) pour plus de d&eacute;tails.
www.magix.com
Menus et raccourcis clavier
Cr&eacute;er une barre de navigation
Cette commande permet de cr&eacute;er une barre de navigation &agrave; partir d'un seul bouton.
Pour obtenir de plus amples informations, consultez le chapitre BARRES DE
NAVIGATION (voir page 296).
R&eacute;p&eacute;ter l'op&eacute;ration sur toutes les pages (Maj+Ctrl+Alt+R)
Ou faites un clic droit puis s&eacute;lectionnez REPETER SUR TOUTES LES PAGES .
L'objet s&eacute;lectionn&eacute; sera copi&eacute; au m&ecirc;me endroit dans toutes les pages. La commande
cr&eacute;e automatiquement un nom Repeating:AutoRepeat appropri&eacute; et l'applique &agrave; toutes
les copies ; &agrave; partir de l&agrave;, il sera mis &agrave; jour &agrave; chaque fois que vous s&eacute;lectionnerez MISE
A JOUR DES OBJETS RECURRENTS .
Arr&ecirc;ter la mise &agrave; jour (Maj+Ctrl+Alt+O)
Ou faites un clic droit et s&eacute;lectionnez ARRETER LA MISE A JOUR.
L'op&eacute;ration ARRANGER &gt; ARRETER LA MISE A JOUR permet de d&eacute;sactiver la fonction de
r&eacute;p&eacute;tition d'une instance d'un objet r&eacute;current ou de l'activer pour toutes les copies de
cet objet sur votre site Internet.
Pour en savoir plus, consultez le chapitre Manipulation des objets (voir page 148).
Menu Services
Galeries
Page et Galerie (barre de contr&ocirc;le des galeries ou &laquo; F10 &raquo;)
Affiche ou masque la GALERIE DES PAGES ET DES CALQUES .
Galerie des bitmaps (barre de contr&ocirc;le des galeries ou &laquo; F11 &raquo;)
Affiche ou masque la GALERIE DES BITMAPS (voir Utilisation du format bitmap).
Galerie des lignes (barre de contr&ocirc;le des galeries ou &laquo; F12 &raquo;)
Affiche ou masque la GALERIE DES LIGNES (voir Dessiner des lignes).
Galerie des mod&egrave;les (barre de contr&ocirc;le des galeries ou &laquo; + F10 &raquo;)
Affiche ou masque la GALERIE DES MODELES (voir Importer et exporter (voir page
335)).
Galerie des remplissages (barre de contr&ocirc;le des galeries ou &laquo; + F11 &raquo;)
Affiche ou masque la GALERIE DES REMPLISSAGES (voir Utilisation du format bitmap
(voir page 262)).
&Eacute;diteur de couleurs (Ctrl+E)
Ou faites un clic droit et s&eacute;lectionnez COULEUR DE REMPLISSAGE .
371
372
Ouvre l'&Eacute;DITEUR DE COULEURS (voir Utilisation des couleurs).
Noms
Ou faites un clic droit et s&eacute;lectionnez NOMS .
Ouvre la bo&icirc;te de dialogue Appliquer/Supprimer les noms (voir page 145).
Propri&eacute;t&eacute;s Web (Ctrl+Maj+W)
Ou faites un clic droit et s&eacute;lectionnez PROPRIETES WEB .
Ouvre la bo&icirc;te de dialogue des PROPRIETES WEB qui permet d'ajouter &agrave; votre page
Web des fonctionnalit&eacute;s web telles que des liens, des calques pop-up, des points
d'ancrage etc. Cette bo&icirc;te de dialogue permet &eacute;galement de contr&ocirc;ler la fa&ccedil;on dont
les images doivent &ecirc;tre export&eacute;es pour la page web et de d&eacute;finir d'autres propri&eacute;t&eacute;s
web. Consultez le chapitre &laquo; Pour bien d&eacute;marrer (voir page 26) &raquo; pour en savoir plus.
Optimiser une photo
Ou faites un clic droit et s&eacute;lectionnez OPTIMISER LA PHOTO .
Optimiser la r&eacute;solution d'un bitmap pour l'utiliser dans les designs de MAGIX Web
Designer MX. Voir Optimisation de photos (voir page 279) pour plus de d&eacute;tails.
Optimiser tous les fichiers JPEG
Cette fonction permet d'optimiser toutes les photos au format JPEG dans le mod&egrave;le.
Voir Optimiser des photos (voir page 279).
V&eacute;rification orthographique d&egrave;s la saisie du texte
Cette option active le VERIFICATEUR D'ORTHOGRAPHE (voir page 191) dans l'outil
Texte.
Options (Ctrl+Maj+O)
Ou faites un clic droit et s&eacute;lectionnez OPTION DE PAGE.
Ouvre la bo&icirc;te de dialogue des OPTIONS (d&eacute;crite dans Personnaliser Web Designer
(voir page 351)).
Menu de partage
Le menu de partage comprend des options vari&eacute;es pour partager l'image s&eacute;lectionn&eacute;e
avec d'autres services MAGIX ou autres. Par exemple vous pouvez s&eacute;lectionner une
photo sur votre page et l'envoyer rapidement vers l'album en ligne MAGIX, sur
Facebook ou sur Flickr. Si vous avez d'autres programmes MAGIX compatibles, vous
pouvez envoyer l'image vers ceux-ci. Par exemple vous pouvez inclure une image
depuis le programme dans un film sur MAGIX Vid&eacute;o deluxe MX par exemple.
www.magix.com
Menus et raccourcis clavier
Publiez en ligne - Chargez des objets sur Facebook
Envoyez la s&eacute;lection sur Facebook Une bo&icirc;te de dialogue appara&icirc;t vous permettant de
sp&eacute;cifier le nom du fichier, de chercher les mots cl&eacute; pour votre image et de choisir si
cette image devrait &ecirc;tre priv&eacute;e ou publique. Cliquez sur le bouton CHARGEMENT et une
fen&ecirc;tre de connexion appara&icirc;t. Si vous avez d&eacute;j&agrave; un compte Facebook, entrez vos
identifiants et cliquez sur le bouton connexion sinon sur le bouton inscription pour
vous connecter &agrave; Facebook. Si vous avez l'intention de charger beaucoup d'images,
cochez la case qui vous permet de rester connect&eacute;(e), ainsi vous n'avez pas &agrave; vous
connecter pour chaque chargement. Cliquez sur le bouton de connexion et votre
image sera export&eacute;e et charg&eacute;e, ensuite une fen&ecirc;tre de navigateur s'ouvrira pour que
vous puissiez acc&eacute;der &agrave; votre compte Facebook.
Publiez en ligne - Chargez des objets sur Flickr
Envoyez la s&eacute;lection sur Flickr. Le processus est similaire au chargement sur
Facebook, sauf que vous devez bien s&ucirc;r vous connecter avec vos identifiants Flickr.
Publiez en ligne - Album MAGIX en ligne
ENVOYER LES OBJETS SELECTIONNES
Envoyez la s&eacute;lection &agrave; MAGIX pour l'inclure dans un nouvel album ou un album d&eacute;j&agrave;
existant. Connectez-vous avec vos identifiants MAGIX. Vous pouvez choisir
d'enregistrer vos identifiant sur votre ordinateur, ainsi vous n'avez pas besoin de vous
enregistrer &agrave; chaque fois.
OUVRIR L'ALBUM EN LIGNE
Un navigateur Web s'ouvre, vous pouvez ainsi voir vos albums.
OUVRIR LE GESTIONNAIRE DE MEDIAS
Ouvrir le gestionnaire de m&eacute;dias dans une fen&ecirc;tre afin de g&eacute;rer les photos de votre
album.
GERER LES DONNEES DE CONNEXION
Si vous avez choisi d'avoir vos donn&eacute;es de connexion MAGIX stock&eacute;es sur votre
ordinateur, cette option vous permet de changer les d&eacute;tails ou de les supprimer de
votre ordinateur en appuyant sur le bouton Supprimer.
Publier en ligne - Publier le site Web
Ceci initie une publication sur le document actuel - la m&ecirc;me op&eacute;ration est disponible
depuis le menu Fichier et la barre d'outils Web.
Publier en ligne - Espace Web gratuit &amp; plus
Cette option ouvre un navigateur Web sur une page des services disponibles et
gratuits d'h&eacute;bergement MAGIX et d'autres informations relatives.
Envoyer des images vers d'autres applications MAGIX. install&eacute;es
Si vous avez d'autres applications MAGIX install&eacute;es, le menu de partage comporte les
options pour envoyer les images s&eacute;lectionn&eacute;es vers ces applications. Par exemple si
373
374
vous avez Vid&eacute;o deluxe MX install&eacute; sur votre ordinateur, une entr&eacute;e &laquo; Ajouter des
objets &agrave; la vid&eacute;o &raquo; sera pr&eacute;sente dans le menu, vous permettant d'envoyer la
s&eacute;lection vers cette application pour l'inclure dans un film.
Menu Fen&ecirc;tre
Annuler la s&eacute;lection/R&eacute;initialiser les attributs actuels (Echap)
D&eacute;s&eacute;lectionner tous les objets. Si aucun objet n'est s&eacute;lectionn&eacute;, les valeurs par d&eacute;faut
des attributs actuels (voir page 64) sont r&eacute;tablies. Vous pouvez atteindre ce r&eacute;sultat
facilement en cliquant deux fois sur Echap.
Aper&ccedil;u de plusieurs pages
Ou faites un clic droit et s&eacute;lectionnez APER&Ccedil;U DE PLUSIEURS PAGES .
Par d&eacute;faut, Web Designer affiche uniquement la page actuelle du document
actuellement ouvert. S&eacute;lectionnez Aper&ccedil;u de plusieurs pages pour voir toutes les
pages de votre document.
Nouvelle fen&ecirc;tre
Ouvre une nouvelle fen&ecirc;tre dans le document actuel.
Arranger les fen&ecirc;tres
Affiche toutes les fen&ecirc;tres de Web Designer en mosa&iuml;que.
Afficher les barres de d&eacute;filement
Affiche les barres de d&eacute;filement sur le c&ocirc;t&eacute; et en bas de la fen&ecirc;tre de Web Designer.
Afficher les r&egrave;gles (Ctrl+L)
Ou faites un clic droit et s&eacute;lectionnez AFFICHER LA GRILLE/LES GUIDES &gt; AFFICHER LES
REGLES .
Affiche des r&egrave;gles en haut et sur le c&ocirc;t&eacute; de la fen&ecirc;tre de Web Designer.
Barres de contr&ocirc;le
Affiche la bo&icirc;te de dialogue des BARRES DE CONTROLE . (D&eacute;crite dans le chapitre
Personnaliser Web Designer (voir page 359).)
Qualit&eacute; (barre de contr&ocirc;le standard)
S&eacute;lectionne la fa&ccedil;on dont les objets s'affichent, du rendu fil de fer &agrave; l'anti-aliasing.
(Voir chapitre Utilisation du document.)
Afficher les onglets des documents
Affiche les onglets des documents qui fournissent un acc&egrave;s rapide &agrave; chaque
document ouvert en haut de la fen&ecirc;tre de Web Designer.
www.magix.com
Menus et raccourcis clavier
Cliquez sur l'onglet d'un document pour le s&eacute;lectionner. Un nom de document suivi
d'un &laquo; * &raquo; indique que le document contient des modifications non enregistr&eacute;es.
Plein &eacute;cran (8 sur le pav&eacute; num&eacute;rique)
Passe des modes plein &eacute;cran &agrave; &eacute;cran normal.
Afficher la grille (#)
Ou faites un clic droit et s&eacute;lectionnez AFFICHER LA GRILLE/LES GUIDES &gt; AFFICHER LA
GRILLE .
Affiche la grille &agrave; l'&eacute;cran (voir Utilisation des documents (voir page 102)).
Afficher les guides (1 sur le pav&eacute; num&eacute;rique)
Ou faites un clic droit et s&eacute;lectionnez AFFICHER LA GRILLE/LES GUIDES &gt; AFFICHER LES
GUIDES .
Affiche ou masque le calque des guides qui contient toutes les lignes et tous les
objets de guidage.
Magn&eacute;tisme de la grille (. sur le pav&eacute; num&eacute;rique)
Ou faites un clic droit et s&eacute;lectionnez MAGNETISME &gt; MAGNETISME DE LA GRILLE .
Avec cette option, l'objet s'accroche &agrave; tout point de la grille dont il est approch&eacute; (voir
Utilisation des documents (voir page 130)).
Magn&eacute;tisme des guides (2 sur le pav&eacute; num&eacute;rique)
Ou faites un clic droit et s&eacute;lectionnez MAGNETISME &gt; MAGNETISME DES GUIDES .
Avec cette option, l'objet s'accroche &agrave; tout guide dont il est approch&eacute; (voir
Manipulation des objets (voir page 134))..
Magn&eacute;tisme des objets (* sur le pav&eacute; num&eacute;rique)
Ou faites un clic droit et s&eacute;lectionnez MAGNETISME &gt; MAGNETISME DES OBJETS .
Avec cette option, le fait de glisser une poign&eacute;e pr&egrave;s d'un autre objet accroche la
poign&eacute;e &agrave; l'objet ; voir Manipulation des objets (voir page 130) pour plus
d'informations. Vous pouvez aussi r&eacute;gler la distance du magn&eacute;tisme ; voir
Personnaliser Web Designer) (voir page 351) pour plus de d&eacute;tails.
Documents charg&eacute;s
Liste des documents actuels charg&eacute;s. Cliquez sur le nom d'un document pour le
s&eacute;lectionner. (Ctrl+F6 permet de passer d'un document ouvert &agrave; l'autre.) Un nom de
document suivi d'un * indique qu'il contient des modifications non sauvegard&eacute;es.
375
376
Menu d'aide
Aide de MAGIX Web Designer MX
Utilisez la commande AIDE DE MAGIX WEB DESIGNER MX dans le menu AIDE pour ouvrir
la page de d&eacute;marrage de l'Aide du programme. Vous pourrez ici naviguer dans l'Aide
pas &agrave; pas et passer &agrave; des sections sp&eacute;cifiques gr&acirc;ce &agrave; l'arborescence situ&eacute;e &agrave; droite.
Aide
Cette commande est quasiment disponible &agrave; tout moment du programme et en ouvre
l'Aide au th&egrave;me correspondant. Utilisez cette commande pour obtenir de l'aide pour
toute fonction de MAGIX Web Designer MX.
Raccourci :
F1
Vid&eacute;os
Vous envoie sur une page web contenant des tutoriels vid&eacute;o expliquant l'utilisation de
Web Designer.
En savoir plus sur Web Designer
Dans ce menu, vous trouverez des liens Internet utiles vers le site Web de Xara et des
sources d'informations pr&eacute;cieuses en ligne.
Astuce du jour
Voir l'astuce du jour. Une case &agrave; cocher se trouve &eacute;galement en dessous de l'Astuce
du jour vous permettant de choisir si vous souhaitez voir l'astuce &agrave; chaque d&eacute;marrage
de Web Designer ou non.
Mise &agrave; jour du programme
Cette option v&eacute;rifie si des mises &agrave; jour du programme sont disponibles en ligne.
Tout d'abord, vous verrez un &eacute;cran vous informant si une nouvelle version importante
de Web Designer est disponible au t&eacute;l&eacute;chargement. Ensuite, si vous avez enregistr&eacute; le
programme aupr&egrave;s de Xara, une proc&eacute;dure de mise &agrave; jour automatique va d&eacute;marrer
et v&eacute;rifiera si des mises &agrave; jour gratuites du programme sont disponibles. Si une mise &agrave;
jour est disponible, elle sera automatiquement t&eacute;l&eacute;charg&eacute;e et MAGIX Web Designer
MX sera ferm&eacute; afin de proc&eacute;der &agrave; l'installation de l'actualisation. Le programme
red&eacute;marrera ensuite automatiquement.
Servez-vous de l'option &laquo; ENREGISTRER &raquo; dans le menu AIDE pour enregistrer le
programme aupr&egrave;s de Xara.
www.magix.com
Menus et raccourcis clavier
Pop-ups d'information
Vous permet d'afficher des &laquo; infobulles &raquo; qui apparaissent lorsque le curseur de la
souris est plac&eacute; au-dessus des barres d'outils, des boutons, de la palette de couleurs
et d'autres &eacute;l&eacute;ments de la fen&ecirc;tre de Web Designer.
&Agrave; propos de MAGIX Web Designer MX
S&eacute;lectionnez &laquo; AIDE &raquo; &gt; &laquo; &Agrave; PROPOS DE XARA 3D MAKER 7 &raquo;. Cela affiche les
informations g&eacute;n&eacute;rales relatives au programme. Ces informations pourront
&eacute;ventuellement vous &ecirc;tre demand&eacute;es si vous contactez notre &eacute;quipe d'assistance.
Enregistrer
Utilisez cette option pour enregistrer votre achat en ligne aupr&egrave;s de Xara : vous
b&eacute;n&eacute;ficierez de mises &agrave; jour gratuites pour votre programme, de r&eacute;ductions sur les
mises &agrave; niveau, d'offres sp&eacute;ciales et d'autres avantages.
Raccourcis clavier
Les outils
OUTIL DE S&Eacute;LECTION
OUTIL DE CHANGEMENT DE FORMES
OUTIL DE S&Eacute;LECTION RECTANGULAIRE
OUTIL ELLIPSE
OUTIL TEXTE
OUTIL DE REMPLISSAGE
OUTIL DE TRANSPARENCE
OUTIL OMBRES
OUTIL PHOTO
OUTIL DE D&Eacute;PLACEMENT
OUTIL DE ZOOM
F2 ou V ou Alt + S
F4
Maj + F3 ou M
Maj + F4 ou L
F8 ou T
G
F6
Ctrl + F2
P
Maj + F8 ou H ou Alt + X (ou barre
d'espace si hors de l'outil d'ajout de texte)
Maj + F7 ou Z ou Alt + Z
Les galeries
GALERIE DES DESIGNS
GALERIE DES REMPLISSAGES
GALERIE DES PAGES ET DES CALQUES
GALERIE DES BITMAPS
Zoom en cours
Zoom pr&eacute;c&eacute;dent
Zoom sur la s&eacute;lection
Zoom sur le dessin
Zoom sur la page
Zoom avant (agrandir)
Zoom arri&egrave;re (r&eacute;duire)
 + F10
 + F11
F10
F11
Ctrl+R
Ctrl+Maj+Z
Ctrl+Maj+J
Ctrl+Maj+P
Ctrl+ + sur le pav&eacute; num&eacute;rique
Ctrl+ - sur le pav&eacute; num&eacute;rique
377
378
Zoom &agrave; 100%
Zoom &agrave; 200%
Zoom &agrave; 300%
Zoom &agrave; 400%
Zoom &agrave; 50%
1
2
3
4
5
Vous pouvez &eacute;galement faire un zoom avant et faire glisser le document &agrave; l'aide de la
molette de la souris (Ctrl+molette de la souris zoom avant/arri&egrave;re).
Manipuler des documents
Dans l'Outil texte, les raccourcis marqu&eacute;s d'une &eacute;toile (*) ont une action diff&eacute;rente voir ci-dessous (voir page 379)
Nouveau document
Ouvrir le document
Fermer le document
Changer de document
Imprimer le document
Enregistrer le document
Importer
Importer des graphiques d'Internet
Exporter
Fr&eacute;quence de rafra&icirc;chissement d'un
document
Afficher la grille
Afficher les guides
Magn&eacute;tisme de la grille
Magn&eacute;tisme des guides
Magn&eacute;tisme des objets
S&eacute;lectionner le plein &eacute;cran
Afficher les r&egrave;gles
Annuler
R&eacute;tablir
Ctrl + N
Ctrl + O
Ctrl + W
Ctrl + Tab
Ctrl + P
Ctrl + S
Ctrl + Alt + I
Ctrl + Alt + W
Ctrl + Maj + E
Ctrl + Maj + T
#
1 sur le pav&eacute; num&eacute;rique
. sur le pav&eacute; num&eacute;rique
2 sur le pav&eacute; num&eacute;rique
* sur le pav&eacute; num&eacute;rique
8 sur le pav&eacute; num&eacute;rique
Ctrl + Maj + R ou Ctrl + L*
Ctrl + Z ou &lt; ou ,
Ctrl + Y ou &gt; ou .
Manipuler des objets
Dans l'Outil texte, les raccourcis marqu&eacute;s d'une &eacute;toile (*) ont une action diff&eacute;rente voir ci-dessous (voir page 379)
Tout s&eacute;lectionner
S&eacute;lectionner l'objet suivant
Supprimer la s&eacute;lection
Annuler la s&eacute;lection
Mettre l'objet au premier plan
Mettre l'objet en arri&egrave;re-plan
D&eacute;placer l'objet vers l'avant
D&eacute;placer l'objet vers l'arri&egrave;re
D&eacute;placer l'objet sur le calque au-dessus
Ctrl + A *
Tab
Suppr *
Echap
Ctrl + F
Ctrl + B *
Ctrl +  + F
Ctrl +  + B
Ctrl +  + U
www.magix.com
Menus et raccourcis clavier
D&eacute;placer l'objet sur le calque en dessous
Grouper des objets
D&eacute;grouper des objets
Cloner un objet
Dupliquer l'objet avec un d&eacute;calage
Copier l'objet dans le presse-papiers
Couper la s&eacute;lection vers le pressepapiers
Coller l'objet du presse-papiers
Coller l'objet &agrave; la position originale
Coller des attributs
Cr&eacute;er une copie de bitmap
Additionner des formes
Soustraire des formes
Croiser des formes
Trancher des formes
Ouvrir la bo&icirc;te de dialogue d'alignement
Adresse Internet
Ctrl +  + D
Ctrl + G
Ctrl + U
Ctrl + K
Ctrl + D
Ctrl + C
Ctrl + X
Ctrl + V
Ctrl +  + V
Ctrl +  + A
Ctrl +  + C
Ctrl + 1
Ctrl + 2
Ctrl + 3
Ctrl + 4
Ctrl +  + L*
Ctrl +  + W
D&eacute;placer les objets s&eacute;lectionn&eacute;s : touches fl&eacute;ch&eacute;es avec l'OUTIL DE SELECTION (voir
Pousser les objets (voir page 120))
D&eacute;placer les poign&eacute;es s&eacute;lectionn&eacute;es : touches fl&eacute;ch&eacute;es dans les autres outils que
l'outil de s&eacute;lection.
Outil Texte
Touches de curseur
Ctrl+B
D&eacute;placer le curseur de texte vers le haut, le
bas, la gauche ou la droite d'un caractčre ŕ
chaque fois.
D&eacute;placer le curseur de texte au d&eacute;but de la
ligne.
D&eacute;placer le curseur de texte ŕ la fin de la
ligne.
D&eacute;placer le curseur de texte d'un mot vers
la droite/gauche.
D&eacute;placer le curseur de texte au d&eacute;but de la
premičre ligne dans un objet texte.
D&eacute;placer le curseur de texte ŕ la fin de la
derničre ligne dans un objet texte.
S&eacute;lectionner tous les caractčres d'un objet
texte.
Appliquer l'attribut gras.
Ctrl+I
Appliquer l'attribut italique.
Ctrl+C
Copier la zone de texte s&eacute;lectionn&eacute;e dans
le presse-papier.
Orig.
Fin
Ctrl+curseur doite/gauche
Ctrl+Orig.
Ctrl+Fin
Ctrl+A
379
380
Ctrl+L
Ctrl+Maj+L
Ctrl+V
S&eacute;lectionner tous les caractčres de la ligne
oů se trouve le curseur de texte.
Ins&eacute;rer du texte factice 'Lorem ipsum'
Alt+touches de curseur
Coller le texte au niveau du curseur de
texte (si le presse-papier contient du
texte).
Passer la casse du caractčre ŕ la droite du
curseur de texte.
Ins&eacute;rer un trait d'union (appara&icirc;t
uniquement lors d'un retour ŕ la ligne en fin
de ligne).
Ins&eacute;rer un tiret afin d'&eacute;viter qu'il soit pris
pour un trait d'union en fin de ligne.
Augmenter/Diminuer la taille de police du
texte s&eacute;lectionn&eacute; (uniquement si toute la
s&eacute;lection a la męme taille).
Augmenter/Diminuer le kerning/tracking.
Entr&eacute;e
D&eacute;marrer une nouvelle ligne de texte.
Supprimer
Supprimer le caractčre ŕ droite du curseur
de texte. Si le curseur de texte est ŕ la fin
d'une ligne de texte, joignez cette ligne ŕ la
ligne en dessous.
Supprimer le caractčre ŕ la gauche du
curseur de texte. Si le curseur de texte est
au d&eacute;but d'une ligne de texte, joignez cette
ligne ŕ la ligne en dessus.
S&eacute;lectionnez tout le texte entre la position
du curseur et le d&eacute;but de la ligne.
S&eacute;lectionnez tout le texte entre la position
du curseur et la fin de la ligne.
Ctrl+W
Ctrl+-
Ctrl+Maj+Ctrl+Maj+&lt;
Ctrl+Maj+&gt;
Retour arričre
Maj+touches de curseur
Maj+Fin
Caract&egrave;res sp&eacute;ciaux (dans l'outil de texte)
Ctrl + Espace
Espace ins&eacute;cable (les mots comportant un
espace ins&eacute;cable ne vont pas &agrave; la ligne &agrave; la
fin d'une ligne)
Ctrl + Pav&eacute;
–
Tiret demi-cadratin (Un tiret demi-cadratin
num&eacute;rique –
est plus long que le moins et est un &laquo; tiret &raquo;
plus correct)
Ctrl + Alt + Pav&eacute;
—
Tiret cadratin (Un tiret cadratin est un tiret
num&eacute;rique –
long)
Ctrl + Alt + (point)
…
Points de suspension(Un point de
suspension comporte trois points)
Ctrl + Alt + C
&copy;
Copyright
Ctrl + Alt + R
&reg;
D&eacute;pos&eacute;e
www.magix.com
Menus et raccourcis clavier
Ctrl + Alt + T
Ctrl + Alt + B
™
•
Autre
&Eacute;diteur de couleurs
Bo&icirc;te de dialogue des Options
Aide de MAGIX Web Designer MX
Marque
Puce
Ctrl + E (ouvre et ferme)
Ctrl + Maj + O
F1
381
382
Si vous avez encore des questions...
Aide du programme
L'Aide comporte toutes les informations n&eacute;cessaires &agrave; une bonne utilisation du
programme ainsi que de nombreuses informations suppl&eacute;mentaires. La page d'accueil
de l'Aide est accessible via le menu AIDE &gt; CONTENU . Pour cela, cliquez simplement
sur la touche &laquo; F1 &raquo; de votre clavier : l'Aide s'ouvre automatiquement, avec une aide
contextuelle correxpondant au th&egrave;me recherch&eacute;. Utilisez la fonction de recherche
pour trouvez des mots pr&eacute;cis. Vous pouvez en outre affiner votre recherche en
utilisant des op&eacute;rateurs logiques (par exemple ou, et,proche)
Manuel PDF
Le manuel &eacute;lectronique (PDF) est une documentation compl&egrave;te. Pour acc&eacute;der au
manuel &eacute;lectronique : D&eacute;marrer &gt; Programmes &gt; MAGIX &gt; Nom du programme &gt;
Documentation.
Remarque : pour visualiser le fichier PDF, vous devez disposer du programme gratuit
Adobe Acrobat Reader. Si ce programme n'est pas d&eacute;j&agrave; pr&eacute;sent sur votre ordinateur,
vous pouvez le t&eacute;l&eacute;charger depuis le site Web du fabricant.
Amusez-vous bien avec MAGIX Web Designer MX et bonne chance avec tous vos
projets graphiques !
www.magix.com
En savoir plus sur MAGIX
En savoir plus sur MAGIX
Monde en ligne de MAGIX
Tout pour votre site Web
• Cr&eacute;er des sites Web est un vrai jeu d'enfants
avec les logiciels de cr&eacute;ation de sites Internet de
MAGIX.
• Publiez vos sites Web en ligne gratuitement avec l'h&eacute;bergement Web gratuit de
MAGIX.
• Enregistrez les noms de domaines de votre choix &agrave; prix int&eacute;ressant pour votre
site Web.
D&eacute;couvrez le Monde en ligne MAGIX sur www.magix-online.com
magix.info
Vous avez des questions, besoin d'aide, de conseils ou de vid&eacute;os explicatives faites
par des experts concernant votre produit MAGIX ? Sur magix.info
http://www.magix.info/de, vous trouverez les r&eacute;ponses &agrave; vos questions et les
solutions &agrave; vos probl&egrave;mes ainsi que des formations et des ateliers professionnels pr&egrave;s
de chez vous concernant les logiciels et le multim&eacute;dia.
Vous pouvez acc&eacute;der &agrave; magix.info http://www.magix.info/de en passant par
www.magix.info.
Vous avez des questions, besoin d'aide, de conseils ou de vid&eacute;os explicatives faites
par des experts concernant votre produit MAGIX ? Sur magix.info, vous trouverez les
r&eacute;ponses &agrave; vos questions et les solutions &agrave; vos probl&egrave;mes ainsi que des formations et
des ateliers professionnels pr&egrave;s de chez vous concernant les logiciels et le multim&eacute;dia.
Magazine MAGIX
Le magazine MAGIX – toujours bien inform&eacute; :
• Tendances num&eacute;riques
• Pages incontournables sur le Web
• Infos int&eacute;ressantes sur les produits MAGIX
Le magazine MAGIX vous attend sur http://magazine.magix.com/fr.
383
384
Indice
A
&Agrave; la fin de la ligne :................................................................................................................. 156
&Agrave; propos de MAGIX Web Designer 2013.......................................................................377
&Agrave; propos de Xtreme ................................................................................................................ 25
Abonnement &agrave; un site de gadgets......................................................................................315
Accrochage.............................................................................................................................. 130
Activer/D&eacute;sactiver les barres de navigation du site.....................................................299
Actualiser les Styles de texte ............................................................................................. 205
Afficher et masquer les barres de contr&ocirc;le .................................................................... 360
Afficher la grille (#)...............................................................................................................375
Afficher les barres de d&eacute;filement.......................................................................................374
Afficher les guides (1 sur le pav&eacute; num&eacute;rique) ................................................................375
Afficher les longueurs de texte compatibles Windows ...............................................355
Afficher les onglets des documents..................................................................................374
Afficher les r&egrave;gles (Ctrl+L)..................................................................................................374
Afficher une galerie ............................................................................................................... 106
Afficher une photo r&eacute;duite en taille enti&egrave;re ....................................................................278
Afficher vos propres ic&ocirc;nes dans les onglets des navigateurs
favicons ................................................................................................................................352
Afficher/masquer les r&egrave;gles................................................................................................ 103
Agrandir la photo &agrave; 100 %...................................................................................................289
Aide............................................................................................................................................376
Aide de MAGIX Web Designer 2013 ...............................................................................376
Aide du programme...............................................................................................................382
Ajouter &agrave; une galerie .............................................................................................................. 112
Ajouter de nouveaux boutons............................................................................................... 62
Ajouter de nouvelles pages &agrave; votre site Web................................................................... 36
Ajouter des fichiers vid&eacute;o et animations ..........................................................................317
Ajouter des menus et sous-menus....................................................................................302
Ajouter des noms................................................................................................................... 145
Ajouter des objets fictifs de gadget web manuellement ..............................................321
Ajouter des pointes et queues de fl&egrave;ches.........................................................................152
Ajouter des segments de ligne suppl&eacute;mentaires............................................................153
Ajouter du code &agrave; l'en-t&ecirc;te de la page (head)................................................................255
Ajouter et &eacute;diter des boutons ............................................................................................. 301
Ajouter une nouvelle poign&eacute;e ............................................................................................. 156
Ajustement des courbes ...................................................................................................... 162
Ajuster la largeur des boutons &agrave; leur texte .....................................................................298
Ajuster la marge gauche et droite d'un texte &agrave; une courbe........................................ 189
Ajuster la r&eacute;gion extrait ........................................................................................................293
Ajuster le texte &agrave; la courbe/Supprimer le texte de la courbe ....................................370
Alignement .............................................................................................................................. 140
Alignement (Ctrl+Maj+L)....................................................................................................370
Alignement magn&eacute;tique d'objet (magn&eacute;tisme des objets) .........................................132
Aligner....................................................................................................................................... 142
Allonger la ligne...................................................................................................................... 156
www.magix.com
Indice
Angle limit&eacute; ............................................................................................................................. 355
Angles pr&eacute;cis ............................................................................................................................161
Annuler (barre de contr&ocirc;le standard ou Ctrl+Z)........................................................... 367
Annuler et R&eacute;tablir ..................................................................................................................114
Annuler extrait........................................................................................................................ 293
Annuler la s&eacute;lection/R&eacute;initialiser les attributs actuels (Echap)...................... 368, 374
Aper&ccedil;u de la fen&ecirc;tre de dialogue d'exportation des formats JPEG, PNG et GIF ... 343
Aper&ccedil;u de la page (F12)....................................................................................................... 365
Aper&ccedil;u de plusieurs pages .................................................................................................. 374
Aper&ccedil;u navigateur .................................................................................................................348
Appliquer des couleurs de remplissage &amp; de contour par glisser&amp;d&eacute;poser ............171
Appliquer des ombres copi&eacute;es &agrave; d'autres objets .......................................................... 234
Appliquer des styles de texte .............................................................................................208
Appliquer les attributs &agrave; tout le texte................................................................................ 213
Appliquer un groupe souple (Ctrl+Alt+G)......................................................................370
Appliquer un halo ................................................................................................................... 231
Appliquer une ombre ............................................................................................................. 231
Appliquer une ombre &agrave; plusieurs objets.......................................................................... 233
Appliquer une ombre horizontale....................................................................................... 231
Appliquer une ombre verticale............................................................................................ 231
Appliquer une transparence &agrave; plusieurs objets ............................................................. 229
Appliquer une transparence en d&eacute;grad&eacute; ......................................................................... 228
Appliquer une transparence uniforme ............................................................................. 228
Arranger les fen&ecirc;tres ............................................................................................................ 374
Arr&ecirc;ter la mise &agrave; jour (Maj+Ctrl+Alt+O) ......................................................................... 371
Arri&egrave;re-plans avanc&eacute;s............................................................................................................. 44
Assistance technique................................................................................................................ 11
Astuce du jour ........................................................................................................................ 376
Attribution automatique de liens vers des pages..........................................................299
Attributs actuels (styles)....................................................................................................... 64
Attributs de l'&eacute;dition photo ................................................................................................. 273
Au centre d'une ligne :...........................................................................................................156
Au d&eacute;but d'une ligne :............................................................................................................ 157
Autre ..........................................................................................................................................381
Autres formats de vid&eacute;os .....................................................................................................318
Autres points importants.....................................................................................................300
Avanc&eacute;
&eacute;diter le mod&egrave;le de conception d'un bouton de la barre de navigation ..............308
Avancer (barre de contr&ocirc;le Arranger ou Ctrl+Maj+F) ................................................369
Avancer les objets ............................................................................................................31, 120
B
Barre de navigation du site..................................................................................................299
Barre d'&eacute;tat ................................................................................................................................118
Barre d'infos ........................................................................................................................32, 87
Barre d'infos de l'outil de remplissage............................................................................... 217
Barre d'infos Styles de texte................................................................................................204
Barre d'outils de site Internet ................................................................................................33
Barre d'outils principale...........................................................................................................87
Barres de boutons (Barres de navigation)..........................................................................63
Barres de contr&ocirc;le................................................................................................. 86, 359, 374
385
386
Barres de contr&ocirc;le accroch&eacute;es et flottantes.....................................................................361
Barres de navigation ..............................................................................................................296
Barres de navigation avec premier et dernier boutons diff&eacute;rents ............................. 310
Barres escamotables ............................................................................................................... 28
Bo&icirc;te de dialogue des Propri&eacute;t&eacute;s web...............................................................................235
Bo&icirc;te de dialogue Propri&eacute;t&eacute;s de la barre de navigation ................................................297
Bouton Conserver les proportions ......................................................................................127
Bouton Modifier les largeurs de contours ....................................................................... 126
Boutons de survol de souris ........................................................................................... 62, 73
Boutons et menus .................................................................................................................. 301
C
Calibrer et positionner un remplissage bitmap ..............................................................223
Calque actuel toujours visible et &eacute;ditable........................................................................354
Calque arri&egrave;re-plan de page .................................................................................................. 42
Calque pop-up ........................................................................................................................239
Calques ........................................................................................................................... 328, 342
Calques pop-ups ...................................................................................................................... 76
Calques sp&eacute;ciaux....................................................................................................................332
Calques sur les sites web.....................................................................................................329
Calques, survol de souris &amp; fen&ecirc;tres pop-up.................................................................... 72
Caract&egrave;res sp&eacute;ciaux (dans l'outil de texte).................................................................... 380
Changer la casse ..................................................................................................................... 191
Changer la taille de la police .............................................................................................. 208
Chemin inverse ........................................................................................................................153
Classer les calques dans les documents du site .............................................................. 75
Classer plusieurs fen&ecirc;tres...................................................................................................... 89
Clipart Flash............................................................................................................................... 37
Cloner.........................................................................................................................................123
Cloner (Ctrl+K).......................................................................................................................368
Coller (barre de contr&ocirc;le &Eacute;diter ou Ctrl+V) ....................................................................367
Coloration de photos............................................................................................................... 39
Colorer des cliparts import&eacute;s................................................................................................ 39
Colorer des formes .................................................................................................................. 39
Colorer des photos.................................................................................................................275
Colorer un bitmap ..................................................................................................................223
Commandes ........................................................................................................................... 344
Commandes de rotation &agrave; 90&deg;...........................................................................................288
Comment cr&eacute;er des alin&eacute;as en retrait ...............................................................................197
Comparer et r&eacute;tablir l'original............................................................................................. 291
Compatibilit&eacute; de texte navigateur ......................................................................................215
Compte de mots..................................................................................................................... 188
Conception de sites Web bas&eacute;s sur les objets................................................................. 30
Configurer l'arri&egrave;re plan d'une page comme bitmap ....................................................268
Connecter les zones de texte—flux de texte .................................................................. 187
Connexion de lignes ...............................................................................................................163
Conserver les noms des calques import&eacute;s......................................................................354
Contenus des fichiers d'aide ................................................................................................. 97
Conversion d'objets ou dessins en bitmaps....................................................................282
Convertir du texte en graphique .......................................................................................... 59
Coordonn&eacute;es X-Y..................................................................................................................... 88
www.magix.com
Indice
Copier (barre de contr&ocirc;le &Eacute;diter ou Ctrl+C)................................................................... 367
Copier des objets ......................................................................................................................32
Copier des styles
coller des attributs ............................................................................................................ 144
Copier et coller des pages ..................................................................................................... 94
Copier les polices.................................................................................................................... 213
Copier/coller un texte format&eacute; (RTF) ...............................................................................214
Copies z&eacute;ro m&eacute;moire............................................................................................................ 265
Copyright ...................................................................................................................................... 2
Correcteur orthographique ....................................................................................................55
Couleur d'arri&egrave;re-plan de la page ........................................................................................ 40
Couleur pr&eacute;c&eacute;dente et couleur actuelle............................................................................174
Couleurs de la palette............................................................................................................170
Couleurs de liens de sites Internet.................................................................................... 243
Couleurs du site Internet ........................................................................................................38
Couleurs li&eacute;es ..........................................................................................................................179
Couleurs locales et couleurs th&eacute;matiques ....................................................................... 175
Couleurs normales..................................................................................................................178
Couleurs normales, teintes, nuances et Couleurs li&eacute;es ................................................178
Couper (barre de contr&ocirc;le &Eacute;diter ou Ctrl+X).................................................................. 367
Couper des objets................................................................................................................... 122
Couper, copier et coller .........................................................................................................120
Cr&eacute;ation de cercles et ellipses.............................................................................................168
Cr&eacute;ation de courbes lisses.....................................................................................................161
Cr&eacute;ation de rectangles et carr&eacute;s.........................................................................................166
Cr&eacute;ation d'un carr&eacute;.................................................................................................................166
Cr&eacute;ation d'un remplissage couleur d&eacute;grad&eacute; ....................................................................216
Cr&eacute;er de nouveaux objets textes ..........................................................................................53
Cr&eacute;er des boutons, banni&egrave;res et autres graphismes Web.............................................77
Cr&eacute;er des groupes souples ...................................................................................................139
Cr&eacute;er des nouveaux styles ..................................................................................................206
Cr&eacute;er des nouvelles barres de contr&ocirc;le.............................................................................361
Cr&eacute;er et &eacute;diter des rectangles aux coins arrondis..........................................................167
Cr&eacute;er un nouveau document ................................................................................................ 84
Cr&eacute;er un objet de renvoi........................................................................................................198
Cr&eacute;er un site Internet...............................................................................................................33
Cr&eacute;er une barre de navigation ............................................................................................. 371
Cr&eacute;er une ligne de rep&egrave;re .....................................................................................................136
Cr&eacute;er vos propres barres de navigation...........................................................................306
Cr&eacute;er votre propre bouton de survol de souris ................................................................ 74
D
Dans ............................................................................................................................................141
D&eacute;caler la partie sup&eacute;rieure de la page.............................................................................. 43
D&eacute;grouper (barre de contr&ocirc;le Arranger ou Ctrl+U) .....................................................370
D&eacute;grouper des objets............................................................................................................. 137
D&eacute;grouper, &eacute;diter et regrouper ..........................................................................................308
Demander avant attribution des attributs....................................................................... 354
D&eacute;marrage..................................................................................................................................26
D&eacute;placement des objets ........................................................................................................119
D&eacute;placement d'objets s&eacute;lectionn&eacute;s sous ou dans ..........................................................117
387
388
D&eacute;placement d'un segment de ligne.................................................................................. 161
D&eacute;placer des boutons et des outils ...................................................................................362
D&eacute;placer des objets ancr&eacute;s ................................................................................................ 202
D&eacute;placer des objets d'un calque &agrave; l'autre .......................................................................... 76
D&eacute;placer des pages &agrave; l'int&eacute;rieur d'un document.............................................................. 95
D&eacute;placer et fixer une galerie ............................................................................................... 107
D&eacute;placer et transformer une barre de navigation de site ............................................299
D&eacute;placer la poign&eacute;e de d&eacute;but ou de fin du remplissage .............................................. 219
D&eacute;placer le document &agrave; l'int&eacute;rieur de la fen&ecirc;tre.............................................................. 92
D&eacute;placer les objets entre les calques................................................................................334
D&eacute;placer les objets vers l'avant et l'arri&egrave;re...................................................................... 124
D&eacute;placer les points d'ancrage - Outil d'&eacute;dition des formes........................................ 158
D&eacute;placer sur le calque au-dessus (barre de contr&ocirc;le Arranger ou Ctrl+Maj+U) .369
D&eacute;placer sur le calque en dessous (barre de contr&ocirc;le Arranger ou Ctrl+Maj+D)369
D&eacute;poser une copie .................................................................................................................. 119
D&eacute;sactiver la fonction de r&eacute;g&eacute;n&eacute;ration de l'objet fictif .................................................321
D&eacute;s&eacute;lection d'objet ................................................................................................................. 117
Dessiner et &eacute;diter des lignes droites..................................................................................152
Dessiner un segment de courbe..........................................................................................155
Dessiner un segment de ligne droite ................................................................................ 154
Dessiner une ligne ou une forme ........................................................................................152
Dictionnaire utilisateur ..........................................................................................................193
Direction des coordonn&eacute;es..................................................................................................356
Dissoudre le groupe souple (CTRL+ALT+U)..................................................................370
Distance de duplication........................................................................................................355
Document s&eacute;lectionn&eacute; et barre de titre ............................................................................. 86
Documents charg&eacute;s...............................................................................................................375
Documents photo ..................................................................................................................283
Documents sans titre............................................................................................................ 100
Dossiers d'aide.......................................................................................................................... 97
Dupliquer...................................................................................................................................123
Dupliquer (barre de contr&ocirc;le &Eacute;diter ou Ctrl+Alt+D) ....................................................368
Dupliquer et cloner .................................................................................................................122
E
&Eacute;changer les c&ocirc;t&eacute;s de la ligne ............................................................................................. 189
&Eacute;diter &agrave; l'int&eacute;rieur .................................................................................................................. 308
&Eacute;diter la couleur d'un objet...................................................................................................172
Editer le contour de photos .................................................................................................273
&Eacute;diter les couleurs d'un th&egrave;me ............................................................................................176
&Eacute;diteur de couleurs (Ctrl+E) ................................................................................................371
&Eacute;dition de fichiers photo...................................................................................................... 284
&Eacute;dition de texte....................................................................................................................... 190
&Eacute;dition sur la toile.................................................................................................................. 305
Effacer .......................................................................................................................................293
Effets de survol de souris ....................................................................................................... 72
Emplacement cliquable ....................................................................................................... 240
Emplacement des sauvegardes .......................................................................................... 100
En savoir plus sur MAGIX....................................................................................................383
En savoir plus sur Web Designer.......................................................................................376
Enlever des styles.................................................................................................................. 207
www.magix.com
Indice
Enregistrer ..................................................................................................................... 268, 377
Enregistrer (barre de contr&ocirc;le standard ou Ctrl+S)......................................................364
Enregistrer ces d&eacute;tails en m&ecirc;me temps que le document actuel ............................. 258
Enregistrer dans le profil ...................................................................................................... 258
Enregistrer et exporter des photos..................................................................................... 271
Enregistrer le mod&egrave;le............................................................................................................364
Enregistrer mot de passe dans le document .................................................................. 258
Enregistrer sous......................................................................................................................364
Enregistrer sous (dans le menu fichier)............................................................................. 96
Enregistrer tout.......................................................................................................................364
Enregistrer tout (dans le menu fichier).............................................................................. 96
Enregistrer votre travail. Cr&eacute;er un site Internet ................................................................57
En-t&ecirc;tes / pieds de page.......................................................................................................148
Envoyer des images vers d'autres applications MAGIX. install&eacute;es.......................... 373
Espacement boutons ............................................................................................................298
Espacement des grilles et r&eacute;glettes .................................................................................. 356
Espacement des lignes ...........................................................................................................211
Espacement des paragraphes...............................................................................................211
&Eacute;tendre la s&eacute;lection .................................................................................................................116
&Eacute;tirer et &eacute;craser des objets...................................................................................................128
Exemple
redimensionner et enregistrer une photo en tant que nouveau JPEG ................. 272
Exemple de graphiques .......................................................................................................... 70
Explorer l'espace web ...........................................................................................................260
Exportation DPI ...................................................................................................................... 342
Exportation d'un fichier PhotoShop PSD ..........................................................................341
Exportation rapide de fichiers HTML et dans des formats graphiques Web.........340
Exporter (Ctrl+Maj+E) .........................................................................................................364
Exporter au format de fichier m&eacute;ta &eacute;largi (EMF) ..........................................................340
Exporter comme bitmap .......................................................................................................341
Exporter comme fichiers m&eacute;ta Windows (.wmf)..........................................................340
Exporter des fichiers .............................................................................................................340
Exporter des sites Internet avec les fichiers d'aide......................................................... 98
Exporter en JPEG.................................................................................................................... 365
Exporter en PNG .................................................................................................................... 365
Exporter le site web...............................................................................................................366
Extraction du JPEG d'origine...............................................................................................270
F
Faire pivoter &agrave; l'aide de la souris......................................................................................... 125
Faire pivoter selon un angle pr&eacute;cis (&agrave; l'aide de la barre d'infos) ................................ 125
Faire tourner les objets..........................................................................................................128
Faire tourner les objets en mode Modification de la taille...........................................126
Fermer (Ctrl+W)....................................................................................................................364
Fermer le document ................................................................................................................ 98
Fermer une forme ...................................................................................................................164
Fermer une galerie...................................................................................................................112
Fichiers Flash............................................................................................................................318
Fichiers JPEG incrust&eacute; ..........................................................................................................269
Fichiers MP3 ............................................................................................................................318
Fichiers PDF..............................................................................................................................319
389
390
Fichiers r&eacute;cents...................................................................................................................... 364
Fichiers vid&eacute;o MP4 et FLV....................................................................................................317
Flou / Nettet&eacute;.......................................................................................................................... 291
Fonctions des boutons de souris........................................................................................357
Fonctions photo communes................................................................................................288
Formats d'exportation...........................................................................................................337
Formats d'importation ..........................................................................................................335
G
Gadgets de site Internet ........................................................................................................312
Gadgets et web objets fictifs
tout est automatique ! .......................................................................................................312
Gadgets provenant d'autres sites .......................................................................................319
Gadgets web.............................................................................................................................. 37
Gadgets Web de la Galerie des mod&egrave;les......................................................................... 314
Galerie des pages et des calques ................................................................................96, 323
Galerie des remplissages .....................................................................................................226
Galeries .............................................................................................................................105, 371
G&eacute;n&eacute;ration automatique d'un objet fictif..........................................................................315
GIF anim&eacute;s ................................................................................................................................319
Graduations de couleurs en plusieurs &eacute;tapes.................................................................225
Graphiques ancr&eacute;s ................................................................................................................ 200
Graphiques int&eacute;gr&eacute;s ..............................................................................................................203
Gras et italique....................................................................................................................... 208
Grille .......................................................................................................................................... 102
Grouper (barre de contr&ocirc;le Arranger ou Ctrl+G) ..........................................................369
Grouper et d&eacute;grouper des objets ........................................................................................137
Groupes ...................................................................................................................................... 59
Groupes et calques .................................................................................................................138
Groupes souples.................................................................................................... 60, 139, 203
Groupes souples et calques ................................................................................................330
Guillemets intelligents ........................................................................................................... 191
I
Import de PDF .........................................................................................................................338
Important.................................................................................................................................. 341
Importation de grandes photos ............................................................................................48
Importation de photos ..........................................................................................................263
Importation depuis un site Web ........................................................................................339
Importation et exportation de formats de fichier pris en charge...............................335
Importation Photo RAW ......................................................................................................339
Importer (Ctrl+Alt+I)........................................................................................................... 364
Importer des couleurs nomm&eacute;es ........................................................................................177
Importer des fichiers .............................................................................................................337
Importer et coller des barres de navigation ................................................................... 305
Importer et exporter ..............................................................................................................335
Importer un fichier PhotoShop PSD ..................................................................................338
Incliner des objets .................................................................................................................. 129
Indice et exposant................................................................................................................... 211
www.magix.com
Indice
Infobulles.....................................................................................................................................25
Informations du document..................................................................................................366
Infos du document....................................................................................................................25
Ins&eacute;rer des pages dans un document..................................................................................93
Insertion .................................................................................................................................... 315
Int&eacute;gration de films, Flash et autres gadgets.....................................................................36
Int&eacute;gration des polices ..........................................................................................................214
Introduction.......................................................................................... 17, 180, 262, 286, 363
J
Justification ou alignement du texte.................................................................................208
Justifier .....................................................................................................................................298
L
La barre d'&eacute;tat........................................................................................................................... 88
La commande Annuler ...........................................................................................................114
La commande R&eacute;tablir............................................................................................................114
La Galerie des bitmaps .........................................................................................................266
La galerie des designs...........................................................................................................349
La page actuelle.........................................................................................................................93
La palette de couleurs............................................................................................................169
Largeur / hauteur................................................................................................................... 293
Largeur incr&eacute;mentielle.......................................................................................................... 355
Le calque actif......................................................................................................................... 328
Le document sera un site Web. ......................................................................................... 355
L'&eacute;diteur de couleurs.............................................................................................................. 173
L&eacute;gendes d'image ..................................................................................................................249
Les avantages de l'outil photo ............................................................................................286
Les avantages expliqu&eacute;s en d&eacute;tail .....................................................................................286
Les calques MouseOff et MouseOver.................................................................................73
Les galeries .............................................................................................................................. 377
Les indicateurs.......................................................................................................................... 88
Les nouveaut&eacute;s de MAGIX Web Designer 2013. (v8) ................................................... 18
Les outils .................................................................................................................................. 377
Lien ancr&eacute;.................................................................................................................................... 61
Lien vers le fichier .....................................................................................................................62
Lien vers un fichier................................................................................................................. 238
Lien vers un point d'ancrage ............................................................................................... 238
Lien vers une adresse Internet ........................................................................................... 236
Lien vers... ................................................................................................................................ 237
Liens hypertextes.....................................................................................................................211
Liens, boutons et barres de navigation. .............................................................................. 61
Limitation de la ligne..............................................................................................................160
Lissage de ligne .......................................................................................................................159
Listes &agrave; num&eacute;ros .....................................................................................................................210
Listes &agrave; points .........................................................................................................................209
Listes &agrave; puces et &agrave; num&eacute;ros...................................................................................................53
L'outil de remplissage ............................................................................................................216
L'outil de s&eacute;lection.............................................................................................................31, 115
391
392
L'outil d'&eacute;dition des formes ..................................................................................................153
L'outil lignes droites et fl&egrave;ches ............................................................................................152
L'outil Ombres.........................................................................................................................230
L'outil photo.............................................................................................................................286
Luminosit&eacute;/Contraste/Temp&eacute;rature de la couleur/Saturation/Teinte ................. 290
M
Magazine MAGIX ..................................................................................................................383
magix.info.................................................................................................................................383
Magn&eacute;tisme de la grille ..........................................................................................................131
Magn&eacute;tisme de la grille (. sur le pav&eacute; num&eacute;rique)........................................................375
Magn&eacute;tisme des guides (2 sur le pav&eacute; num&eacute;rique) .....................................................375
Magn&eacute;tisme des objets (* sur le pav&eacute; num&eacute;rique).......................................................375
Magn&eacute;tisme et largeurs de ligne.........................................................................................132
Manipulation des formes ..................................................................................................... 166
Manipuler des documents ...................................................................................................378
Manipuler des objets.............................................................................................................378
Manuel PDF .............................................................................................................................382
Marges des boutons..............................................................................................................307
Marges et retraits................................................................................................................... 194
Marqueurs de s&eacute;lection......................................................................................................... 118
Masquer des boutons et des outils ...................................................................................362
Masquer les calques..............................................................................................................332
M&eacute;lange de transparence individuelle et de groupe.....................................................229
M&eacute;langer les courbes et lignes droites..............................................................................155
M&ecirc;me largeur pour tous les boutons................................................................................298
Menu Arranger .......................................................................................................................369
Menu contextuel de la palette de couleurs ...................................................................... 171
Menu d'aide.............................................................................................................................376
Menu de partage ....................................................................................................................372
Menu des polices ................................................................................................................... 182
Menu &Eacute;diter .............................................................................................................................367
Menu Fen&ecirc;tre..........................................................................................................................374
Menu fichier ............................................................................................................................363
Menu Services..........................................................................................................................371
Menus clic droit......................................................................................................................... 71
Menus et raccourcis clavier ................................................................................................363
Mettre &agrave; jour la barre de navigation sur toutes les pages .......................................... 304
Mettre &agrave; l'arri&egrave;re-plan (barre de contr&ocirc;le Arranger ou Ctrl+B).................................369
Mettre au premier plan (barre de contr&ocirc;le Arranger ou Ctrl+F)...............................369
Minimiser les fen&ecirc;tres multiples..........................................................................................90
Mise &agrave; jour du programme ..................................................................................................376
Mode &eacute;cran normal/plein &eacute;cran .......................................................................................... 89
Mode plein &eacute;cran ...................................................................................................................359
Mode solo ................................................................................................................................332
Mod&egrave;les et barres de navigation de site ......................................................................... 300
Modification de la largeur de la ligne (&eacute;paisseur) .................................................165, 166
Modification de l'&eacute;chelle des objets.................................................................................. 126
Modifier des gadgets web existants ..................................................................................315
Modifier la largeur de la colonne. ...................................................................................... 186
Modifier la nettet&eacute; des pointes de l'ombre .....................................................................232
www.magix.com
Indice
Modifier la police des boutons de la barre de navigation ...........................................305
Modifier la s&eacute;lection d'objet .................................................................................................116
Modifier la taille de la page ....................................................................................................92
Modifier la taille de page des mod&egrave;les............................................................................... 56
Modifier la transparence de l'ombre................................................................................. 232
Modifier la valeur du zoom ................................................................................................... 90
Modifier la valeur du zoom &agrave; l'aide de la souris .............................................................. 90
Modifier l'angle de la colonne .............................................................................................186
Modifier le document mod&egrave;le vide .................................................................................... 351
Modifier le point d'origine des r&egrave;gles ............................................................................... 104
Modifier le remplissage ou la couleur de l'ombre ......................................................... 233
Modifier le texte d'un bouton ................................................................................................62
Modifier le zoom &agrave; l'aide de la barre de contr&ocirc;le/barre d'infos. .................................. 91
Modifier l'&eacute;chelle &agrave; l'aide de la barre d'infos ...................................................................128
Modifier l'&eacute;chelle &agrave; l'aide de la souris................................................................................ 127
Modifier les contenus d'un objet r&eacute;current......................................................................147
Modifier les couleurs de remplissage...............................................................................220
Modifier les courbes ..............................................................................................................160
Monde en ligne de MAGIX ................................................................................................. 383
N
Navigation du menu des polices instantan&eacute;es................................................................184
Naviguer entre les pages ....................................................................................................... 95
Nommer le fichier d'aide.........................................................................................................97
Nommer les objets .................................................................................................................145
Noms......................................................................................................................................... 372
Noms appliqu&eacute;s ......................................................................................................................145
Nouveau (barre de contr&ocirc;le standard ou Ctrl+N) ........................................................ 363
Nouveaut&eacute;s de la galerie de mod&egrave;les............................................................................... 363
Nouvelle fen&ecirc;tre..................................................................................................................... 374
Nuances.....................................................................................................................................178
Nuances li&eacute;es............................................................................................................................ 45
O
Objets ancr&eacute;s............................................................................................................................ 54
Objets ancr&eacute;s dans une ligne..............................................................................................202
Objets d'aide et lignes d'aide............................................................................................... 135
Objets de la page ......................................................................................................................29
Objets de renvoi de texte......................................................................................................198
Objets en rotation.....................................................................................................................32
Objets extensibles ................................................................................................................... 58
Objets fictifs............................................................................................................................ 255
Objets photo ........................................................................................................................... 262
Objets r&eacute;p&eacute;t&eacute;s .........................................................................................................................146
Obtenir de l'aide........................................................................................................................25
Ombres.....................................................................................................................................230
Ombres douces, texte en couleur, texte transparent..................................................... 54
Onglet des grilles et r&eacute;glettes............................................................................................. 356
Onglet g&eacute;n&eacute;ral ........................................................................................................................ 353
393
394
Onglet image .......................................................................................................................... 246
Onglet Lien...............................................................................................................................236
Onglet objets fictifs ...............................................................................................................252
Onglet Options .......................................................................................................................347
Onglet options de palette ................................................................................................... 344
Onglet Page ............................................................................................................................ 244
Onglet Passage de la souris..................................................................................................251
Onglet publier .........................................................................................................................255
Onglet Sauvegardes ..............................................................................................................359
Onglet Site Internet ...............................................................................................................242
Onglet Souris...........................................................................................................................357
Onglet taille de bitmap ........................................................................................................ 346
Onglet Taille de la page ........................................................................................................358
Op&eacute;rations de couleur avanc&eacute;es.........................................................................................175
Op&eacute;rations des calques ........................................................................................................330
Optimisation automatique.................................................................................................. 290
Optimisation de photos et d'images en mode point.....................................................279
Optimiser tous les fichiers JPEG ........................................................................................372
Optimiser une photo .............................................................................................................372
Options (Ctrl+Maj+O)..........................................................................................................372
Options de page .....................................................................................................................366
Options des photos de popups...........................................................................................247
Options du menu Services...................................................................................................353
Ordre de superposition........................................................................................................... 30
Orientation...............................................................................................................................298
Outil de forme ........................................................................................................................... 66
Outil de remplissage ............................................................................................................... 68
Outil de transparence ............................................................................................................. 70
Outil d'extrait ..........................................................................................................................292
Outil d'optimisation...............................................................................................................289
Outil ligne droite et fl&egrave;che ..................................................................................................... 66
Outil ombres.............................................................................................................................. 70
Outil photo.................................................................................................................................49
Outil Rectangle ......................................................................................................................... 67
Outil Texte .......................................................................................................................181, 379
Outils de dessin ........................................................................................................................ 63
Ouvrir (barre de contr&ocirc;le standard ou Ctrl+O)..............................................................363
Ouvrir le lien dans ................................................................................................................. 240
Ouvrir un document existant ................................................................................................84
Ouvrir une deuxi&egrave;me fen&ecirc;tre ................................................................................................ 89
P
Pages ............................................................................................................................... 327, 368
Pages multiples dans le document ...................................................................................... 93
Panneaux de texte.................................................................................................................... 55
Param&eacute;trer une transparence bitmap...............................................................................268
Personnaliser les tabulations .............................................................................................. 195
Personnaliser les types de tabulations ............................................................................. 196
Personnaliser Web Designer................................................................................................351
Photo en taille enti&egrave;re ...........................................................................................................278
Photo pop-up...........................................................................................................................239
www.magix.com
Indice
Photos ......................................................................................................................................... 47
Photos miniatures avec fen&ecirc;tres pop-up........................................................................... 49
Photos pop-ups .........................................................................................................................77
Pieds de page et objets qui s'&eacute;tirent avec la page..........................................................149
Placer des objets sur le calque de lignes .......................................................................... 135
Plein &eacute;cran (8 sur le pav&eacute; num&eacute;rique) ............................................................................. 375
Plus d'informations................................................................................................................ 322
Poign&eacute;es de limites de la s&eacute;lection .....................................................................................118
Polices incrust&eacute;es .....................................................................................................................55
Polices Web safe..............................................................................................................53, 183
Popup photo............................................................................................................................246
Pop-ups d'information.......................................................................................................... 377
Pour ajouter des objets suppl&eacute;mentaires &agrave; un groupe.................................................. 137
Pour cr&eacute;er un groupe ............................................................................................................. 137
Pourquoi un outil ligne droite ? ........................................................................................... 152
Pr&eacute;c&eacute;dent &amp; Suivant..............................................................................................................288
Pr&eacute;face ........................................................................................................................................... 3
Pr&eacute;sentations web ................................................................................................................. 243
Pr&eacute;visualisation de la taille des polices en temps r&eacute;el ..................................................183
Pr&eacute;visualisation de votre site Internet.................................................................................33
Pr&eacute;visualisation des polices en temps r&eacute;el.......................................................................183
Pr&eacute;visualiser le site Web...................................................................................................... 365
Program Layout .........................................................................................................................26
Propri&eacute;t&eacute;s bitmap ..................................................................................................................268
Propri&eacute;t&eacute;s de style .................................................................................................................207
Propri&eacute;t&eacute;s des calques........................................................................................................... 331
Propri&eacute;t&eacute;s Web (Ctrl+Maj+W) ......................................................................................... 372
Publication ............................................................................................................................... 259
Publier &agrave; nouveau les pages modifi&eacute;es seulement .......................................................260
Publier en ligne - Espace Web gratuit &amp; plus................................................................. 373
Publier en ligne - Publier le site Web................................................................................ 373
Publier le site Web ................................................................................................................366
Publier votre site Internet .......................................................................................................79
Publiez en ligne - Album MAGIX en ligne ...................................................................... 373
Publiez en ligne - Chargez des objets sur Facebook..................................................... 373
Publiez en ligne - Chargez des objets sur Flickr............................................................. 373
Q
Qualit&eacute; (barre de contr&ocirc;le standard) ............................................................................... 374
Qualit&eacute; d'affichage ................................................................................................................ 104
Qualit&eacute; d'affichage des photos...........................................................................................270
Que signifie Annuler et R&eacute;tablir ? .......................................................................................114
Quelles sont les particularit&eacute;s de Web Designer ?...........................................................17
Qu'est-ce que MAGIX Web Designer 2013 ?....................................................................17
Quitter ......................................................................................................................................366
R
Raccourcis clavier .................................................................................................................. 377
Radius magn&eacute;tique d'alignement ...................................................................................... 358
395
396
R&eacute;capitulatif.............................................................................................................................342
R&eacute;capitulatif des raccourcis sur le pav&eacute; num&eacute;rique ......................................................137
Rechercher un nom d'objet.................................................................................................... 111
Reclasser les couleurs sur la palette de couleurs .......................................................... 170
Reclasser les objets dans la galerie ..................................................................................... 111
Recouper des photos.............................................................................................................274
Recouper ou clipper des images ........................................................................................ 291
Reculer (barre de contr&ocirc;le Arranger ou Ctrl+Maj+B) ..................................................369
R&eacute;cup&eacute;ration de sauvegardes .............................................................................................. 101
R&eacute;cup&eacute;rer des documents apr&egrave;s une fermeture anormale du programme............. 101
Redimensionner des zones de texte.................................................................................. 187
Redimensionner la barre de contr&ocirc;le .................................................................................361
Redimensionner les gadgets ...............................................................................................320
Redimensionner, faire tourner et positionner une photo dans son cadre ...............276
Redresser l'horizon ................................................................................................................277
R&egrave;gle des trois tiers ...............................................................................................................293
R&egrave;gles ........................................................................................................................ 87, 103, 193
R&eacute;glette du menu contextuel ............................................................................................. 290
Remarques g&eacute;n&eacute;rales sur l'exportation et l'importation..............................................335
Remarques sur l'outil photo ............................................................................................... 294
Remplacement de photos multiples....................................................................................48
Remplacer des fichiers image .............................................................................................338
Remplacer des photos ......................................................................................................... 264
Remplacer des remplissages bitmap ................................................................................222
Remplacer par du code HTML............................................................................................254
Remplacer par Flash ..............................................................................................................253
Remplacer par un fichier graphique ..................................................................................253
Remplacer plusieurs photos en une fois ......................................................................... 264
Remplissage de formes &agrave; l'aide d'un bitmap...................................................................268
Remplissages............................................................................................................................ 119
Remplissages bitmap .............................................................................................................221
Remplissages circulaires ..................................................................................................... 220
Remplissages elliptiques .......................................................................................................221
Remplissages fractals............................................................................................................224
Remplissages lin&eacute;aires.......................................................................................................... 219
Remplissages uniformes ...................................................................................................... 219
Rendre les groupes transparents. ......................................................................................354
Renvoyer du texte autour des objets .................................................................................. 54
Renvoyer et Ancrer................................................................................................................370
R&eacute;partir ..................................................................................................................................... 143
R&eacute;p&eacute;ter des objets ...................................................................................................................60
R&eacute;p&eacute;ter l'op&eacute;ration sur toutes les pages (Maj+Ctrl+Alt+R) .......................................371
R&eacute;solution des photos
tout est automatique ! ........................................................................................................ 50
Restaurer les barres de contr&ocirc;le/galeries par d&eacute;faut .....................................................113
Restrictions des mod&egrave;les de bouton ................................................................................ 306
R&eacute;tablir (barre de contr&ocirc;le standard ou Ctrl+Y)............................................................367
Retirer des objets du document ..........................................................................................122
Retirer des objets d'un groupe.............................................................................................138
Retraits..................................................................................................................................... 209
R&eacute;visions................................................................................................................................... 100
Rognage dans les documents photo ................................................................................ 294
www.magix.com
Indice
Rotation d'objets .....................................................................................................................124
S
Saisir des caract&egrave;res sp&eacute;ciaux..............................................................................................191
Sauvegarde (dans le menu fichier) ..................................................................................... 96
Sauvegarde des documents ouverts................................................................................... 99
Sauvegarde du document...................................................................................................... 96
Sauvegarder des documents ouverts &agrave; la fermeture du programme.........................101
Sauvegardes automatiques............................................................................................ 57, 99
Sauvegardes durant l'arr&ecirc;t du syst&egrave;me..............................................................................101
Sch&eacute;mas de couleurs de palette .........................................................................................176
Segmentation d'une forme ...................................................................................................164
S&eacute;lection.....................................................................................................................................116
S&eacute;lection de la fen&ecirc;tre affich&eacute;e ............................................................................................ 89
S&eacute;lection de la langue ............................................................................................................192
S&eacute;lection de tous les objets...................................................................................................117
S&eacute;lection d'objets........................................................................................................... 115, 354
S&eacute;lection et calques ................................................................................................................117
S&eacute;lectionner &agrave; l'int&eacute;rieur ........................................................................................................116
S&eacute;lectionner des objets ...........................................................................................................111
S&eacute;lectionner des objets &agrave; l'aide de l'outil ombres ......................................................... 234
S&eacute;lectionner la totalit&eacute; de l'objet texte..............................................................................190
S&eacute;lectionner plusieurs poign&eacute;es ......................................................................................... 157
S&eacute;lectionner sous.....................................................................................................................116
S&eacute;lectionner un objet individuel au sein d'un groupe....................................................138
S&eacute;parateurs de menu............................................................................................................302
Si vous avez encore des questions.................................................................................... 382
Souligner ..................................................................................................................................208
Stopper la r&eacute;p&eacute;tition d'objets ..............................................................................................148
Style de paragraphe et style de caract&egrave;re .......................................................................204
Styles bas&eacute;s sur d'autres styles .........................................................................................205
Styles de menu .......................................................................................................................303
Styles de texte ........................................................................................................................203
Supprimer (barre de contr&ocirc;le &Eacute;diter &amp; standard ou Supprimer)...............................368
Supprimer des barres de contr&ocirc;le ..................................................................................... 362
Supprimer des groupes souples..........................................................................................139
Supprimer des images dans la galerie..............................................................................268
Supprimer des objets ............................................................................................................. 122
Supprimer des objets r&eacute;p&eacute;t&eacute;s..............................................................................................149
Supprimer des pages de votre document.......................................................................... 95
Supprimer des points.............................................................................................................158
Supprimer des sections dans la galerie..............................................................................112
Supprimer un barre de navigation sur une page............................................................300
Supprimer un profil................................................................................................................ 259
Supprimer une ancre.............................................................................................................203
Supprimer une galerie de l'espace de travail ....................................................................113
Supprimer une ligne de rep&egrave;re ............................................................................................136
Supprimer une ombre ........................................................................................................... 233
Synchronisation de texte ......................................................................................................139
Synchronisation de texte &agrave; l'aide de groupes souples ..................................................193
397
398
T
Tabulateur................................................................................................................................. 118
Tabulations .............................................................................................................................. 195
Tabulations, marges et retraits............................................................................................193
Taille de la liste des fichiers consult&eacute;s r&eacute;cemment.......................................................353
Taille de la page ........................................................................................................................ 56
Taille de la police...................................................................................................................... 53
Taille originale de la photo...................................................................................................265
Teintes ...................................................................................................................................... 178
T&eacute;l&eacute;charger un document contenant les d&eacute;tails FTP....................................................259
Terminer la ligne..................................................................................................................... 156
Terminologie............................................................................................................................. 181
Texte...................................................................................................................................52, 342
Texte &agrave; l'int&eacute;rieur de groupes pour sites Web ................................................................212
Texte en colonne .................................................................................................................... 185
Texte le long d'une courbe...........................................................................................189, 195
Texte pivot&eacute; ............................................................................................................................... 53
Texte simple ............................................................................................................................ 184
Texte synchronis&eacute; ....................................................................................................................60
The MAGIX Web Designer 2013 window......................................................................... 85
Tout afficher et tout d&eacute;verrouiller......................................................................................333
Tout s&eacute;lectionner (Ctrl+A)..................................................................................................368
Traitement des photos..........................................................................................................262
Transformation d'une ligne droite en courbe.................................................................. 162
Transition de lien................................................................................................................... 240
Transparence...........................................................................................................................228
Travailler avec des documents .............................................................................................84
Type d'image Internet.......................................................................................................... 250
Types de remplissage ........................................................................................................... 216
U
Un exemple..............................................................................................................................224
Un site Internet en six &eacute;tapes ............................................................................................... 24
Utilisation de mod&egrave;les de barres de navigation .............................................................296
Utilisation de texte factice ( ................................................................................................. 191
Utilisation de Windows pour faire des captures d'&eacute;cran.............................................275
Utilisation des couleurs ........................................................................................................ 169
Utilisation des objets.............................................................................................................. 115
Utilisation des Outils Photo.................................................................................................287
Utilisation des poign&eacute;es de courbe ................................................................................... 160
Utilisation du champ de texte de la barre d'infos .......................................................... 158
Utilisation du texte................................................................................................................. 180
Utiliser des galeries ................................................................................................................ 110
Utiliser des mod&egrave;les de conception, des Cliparts et des gadgets ............................... 35
Utiliser des photos comme remplissage..........................................................................265
Utiliser la pipette pour pr&eacute;lever des couleurs ................................................................. 174
Utiliser les couleurs habituelles de liens de sites Internet ..........................................239
Utiliser l'outil de zoom ............................................................................................................90
www.magix.com
Indice
V
V&eacute;rificateur d'orthographe ...................................................................................................192
V&eacute;rification orthographique d&egrave;s la saisie du texte........................................................ 372
Verrouiller les calques .......................................................................................................... 333
Verrouiller ratio ...................................................................................................................... 293
Vid&eacute;os....................................................................................................................................... 376
Visualiser les polices utilis&eacute;es actuellement ...................................................................214
Voir le point d'ancrage .........................................................................................................202
W
Web Designer ou Web Designer Premium ........................................................................13
Z
Zones de texte .........................................................................................................................186
Zoom 1
1 ..............................................................................................................................................288
Zoom en cours........................................................................................................................ 377
Zoomer/faire d&eacute;filer/d&eacute;placer votre page.........................................................................27
399
MAGIX Web Designer MX 8.0 Manuel utilisateur

Manuels associés

MAGIX

Xtreme Web Designer 5

MAGIX

Photo & Graphic Designer 7

MAGIX

Photo & Graphic Designer 2013

MAGIX

Photo Designer 7

MAGIX

PC Backup MX

MAGIX

Photo Manager 12 Deluxe

MAGIX

Website Maker MX

Quark

QuarkCopyDesk 9.1

MAGIX

Website Maker 5

Quark

QuarkCopyDesk 8.1

Quark

QuarkXPress 8

Quark

QuarkXPress 2016
