MAGIX Web Designer MX 8.0 Manuel utilisateur

2
Copyright
La présente documentation est protégée par copyright. Tous les droits sont réservés,
en particulier le droit de reproduction et de diffusion ainsi que la traduction.
Aucune partie de cette publication ne doit être reproduite sous quelque forme que ce
soit, par photocopie, microfilm ou tout autre procédé, ni ne doit être transférée dans
un langage machine utilisable, en particulier par système informatique, sans
l'autorisation écrite du propriétaire du droit d'auteur.
Tous les droits de reproduction sont réservés.
Les autres produits mentionnés appartiennent à leur fabricant respectif. Sauf erreur
ou omission et sous réserve de modifications du contenu ou du programme.
Copyright © Xara Group Ltd., 1994 - 2011. All rights reserved.
Xara est une marque déposée de Xara Group Ltd.
Xara Group Ltd. appartient au groupe MAGIX AG.
MAGIX est une marque déposée de MAGIX AG.
Il se peut que les autres noms de produits cités soient des marques déposées par
leurs fabricants respectifs.
www.magix.com
Préface
Préface
Félicitations pour l'achat de MAGIX Web Designer MX !
MAGIX Web Designer MX n'a pas son pareil parmi les programmes conventionnels
d'édition de sites Web. Cette solution tout-en-un innovante combine les avantages
d'un système de blocs de construction basé sur les modèles avec de nombreuses
innovations pour le design entiè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éter votre logiciel de sites Web en un seul programme simple d'utilisation !
Le manuel imprimé n'est qu'une brè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ées en tant que telles (voir page 13).
La documentation complète du logiciel est enregistrée au format PDF sur votre disque
dur à l'issue de l'installation du programme. Ce manuel électronique vous fournit des
explications plus détaillées sur les options, les boîtes de dialogue, les menus et
l'interface du programme.
Amusez-vous bien avec votre logiciel !
Votre équipe MAGIX
3
4
Contents
Copyright
2
Pré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és de Web Designer ?
Les nouveautés de MAGIX Web Designer MX. (v8)
Création/publication Web
Outils principaux et facilité d'utilisation
Autres améliorations (dans les deux versions si non précisé)
Et beaucoup d'autres améliorations - pour plus de détails rendez-vous sur
Xara.com http://www.xara.com/products/webdesigner/whatsnew/
Un site Internet en six étapes
17
17
17
18
18
21
22
24
24
Obtenir de l'aide
Infos du document
Infobulles
À propos de Xtreme
25
25
25
25
Démarrage
Program Layout
Objets de la page
Conception de sites Web basés sur les objets
L'outil de sélection
Barre d'outils de site Internet
Créer un site Internet
Prévisualisation de votre site Internet
Utiliser des modèles de conception, des Cliparts et des gadgets
Couleurs du site Internet
Photos
Texte
Taille de la page
Enregistrer votre travail. Cré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éface
Liens, boutons et barres de navigation.
Outils de dessin
Menus clic droit
Calques, survol de souris & fenêtres pop-up
Créer des boutons, bannières et autres graphismes Web
Publier votre site Internet
61
63
71
72
77
79
Travailler avec des documents
Créer un nouveau document
Ouvrir un document existant
The MAGIX Web Designer MX window
Ouvrir une deuxième fenêtre
Modifier la valeur du zoom
Déplacer le document à l'intérieur de la fenê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ègles
Qualité d'affichage
Galeries
Annuler et Ré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élection
Déplacement des objets
Retirer des objets du document
Dupliquer et cloner
Déplacer les objets vers l'avant et l'arrière
Rotation d'objets
Modification de l'échelle des objets.
Faire tourner les objets
Étirer et écraser des objets
Incliner des objets
Accrochage
Objets d'aide et lignes d'aide
Récapitulatif des raccourcis sur le pavé numérique
115
115
119
122
122
124
124
126
128
128
129
130
135
137
5
6
Grouper et dégrouper des objets
Groupes souples
Alignement
Copier des styles : coller des attributs
Nommer les objets
Objets répétés
Pieds de page et objets qui s'étirent avec la page
137
139
140
144
145
146
149
Dessiner une ligne ou une forme
L'outil lignes droites et flèches
L'outil d'édition des formes
Allonger la ligne
Terminer la ligne
Ajouter une nouvelle poignée
Sélectionner plusieurs poignées
Supprimer des points
Déplacer les points d'ancrage - Outil d'é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 (é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 (épaisseur)
Création de rectangles et carrés
Création de cercles et ellipses
166
166
166
168
Utilisation des couleurs
La palette de couleurs.
Appliquer des couleurs de remplissage & de contour par glisser&déposer
Éditer la couleur d'un objet
L'éditeur de couleurs
Couleurs locales et couleurs thématiques
Schémas de couleurs de palette
Éditer les couleurs d'un thème
Importer des couleurs nommées
Couleurs normales, teintes, nuances et Couleurs liées
169
169
171
172
173
175
176
176
177
178
www.magix.com
Pré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
Édition de texte
Vérificateur d'orthographe
Synchronisation de texte à l'aide de groupes souples
Tabulations, marges et retraits
Objets de renvoi de texte
Graphiques ancrés
Graphiques intégrés
Styles de texte
Appliquer des styles de texte
Liens hypertextes
Texte à l'intérieur de groupes pour sites Web
Copier les polices
Copier/coller un texte formaté (RTF)
Visualiser les polices utilisées actuellement
Intégration des polices
Compatibilité 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éation d'un remplissage couleur dégradé
Types de remplissage
Barre d'infos de l'outil de remplissage
Remplissages uniformes
Remplissages linéaires
Remplissages circulaires
Remplissages elliptiques
Remplissages bitmap
Remplissages fractals
Graduations de couleurs en plusieurs é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égradé
Appliquer une transparence à 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 à plusieurs objets
Sélectionner des objets à l'aide de l'outil ombres
Appliquer des ombres copiées à d'autres objets
230
230
231
233
233
233
234
234
Boîte de dialogue des Propriété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éro mémoire
La Galerie des bitmaps
Fichiers JPEG incrusté
Qualité d'affichage des photos
Enregistrer et exporter des photos
Attributs de l'édition photo
Editer le contour de photos
Recouper des photos
Colorer des photos
Utilisation de Windows pour faire des captures d'écran
Redimensionner, faire tourner et positionner une photo dans son cadre
Redresser l'horizon
Afficher une photo réduite en taille entière
Photo en taille entiè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éface
Conversion d'objets ou dessins en bitmaps
Documents photo
É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èles de barres de navigation
296
Boîte de dialogue Propriétés de la barre de navigation
297
Barre de navigation du site
299
Boutons et menus
301
Mettre à jour la barre de navigation sur toutes les pages
304
É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éer vos propres barres de navigation
306
Marges des boutons
307
Avancé : éditer le modèle de conception d'un bouton de la barre de navigation 308
Barres de navigation avec premier et dernier boutons différents
310
Gadgets de site Internet
Gadgets et web objets fictifs : tout est automatique !
Gadgets Web de la Galerie des modèles
Gadgets Web modifiables en ligne
Ajouter des fichiers vidé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érations des calques
323
323
327
328
330
9
10
Calques spéciaux
Masquer les calques
Mode solo
Verrouiller les calques
Tout afficher et tout déverrouiller
Déplacer les objets entre les calques
332
332
332
333
333
334
Importer et exporter
335
Remarques générales sur l'exportation et l'importation
335
Importation et exportation de formats de fichier pris en charge
335
Importer des fichiers
337
Exporter des fichiers
340
Aperçu de la fenêtre de dialogue d'exportation des formats JPEG, PNG et GIF 343
La galerie des designs
349
Personnaliser Web Designer
Modifier le document modèle vide
Afficher vos propres icônes dans les onglets des navigateurs : favicons
Options du menu Services
Onglet général
Onglet des grilles et réglettes
Onglet Souris
Onglet Taille de la page
Onglet Sauvegardes
Barres de contrôle
351
351
352
353
353
356
357
358
359
359
Menus et raccourcis clavier
Introduction
Menu fichier
Menu Éditer
Menu Arranger
Menu Services
Menu de partage
Menu Fenê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ée. Pour
cela, nous vous proposons une gamme complète de services :
• Assistance Web illimitée :
En tant que client enregistré de MAGIX, vous bénéficiez de l'assistance Web
illimitée depuis le portail de services MAGIX au design accueillant
http://support.magix.net/ http://support.magix.net.
Depuis ce portail, vous avez accès à un assistant d'aide intelligent, à une rubrique
haute qualité de questions les plus fréquemment posées, à des correctifs et à des
rapports d'utilisation sans cesse mis à jour. La seule condition préalable est
l'enregistrement de votre produit sur www.magix.com.
• La Communauté en ligne en tant qu'aide rapide et plate-forme d'échange :
La Communauté en ligne www.magix.info est à 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èmes ou d'obtenir des réponses par le biais de la fonction de
recherche. La base de données de connaissances contient, outre les questions et
réponses, un lexique, des vidéos tutorielles et un forum de discussion. Les
nombreux experts présents quotidiennement sur www.magix.info garantissent
des temps de réponse très courts, quelques minutes seulement parfois.
• Assistance par e-mail pour les produits MAGIX :
Pour chaque nouveau produit MAGIX, vous bénéficiez automatiquement d'un
service clients gratuit par e-mail pendant 12 mois à compter de la date d'achat.
Assistance par e-mail Premium :
Pour bénéficier d'un traitement prioritaire de la part de l'assistance ou si vous
souhaitez que l'équipe d'assistance vous aide pour des problèmes informatiques
non liés à 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é, cliquez sur « Acheter code
d'accès » dans la barre de navigation. Le ticket est lié à un problème précis
jusqu'à son utilisation et il ne se limite pas à 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 à l'aide du numéro de série. Ce numéro de série se trouve sur la
pochette du CD d'installation ou à l'intérieur de la jaquette du DVD.
• Service clientèle supplémentaire par téléphone :
Outre les nombreux services clients gratuits, vous avez également la possibilité
de joindre le service clientèle par téléphone (payant).
11
12
Les numéros de téléphone du service clientèle et des autres rubriques de notre
assistance technique sont disponibles à 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ème d'exploitation utilisez-vous ?
• Quelle carte graphique et quelle résolution d'écran utilisez-vous ?
• Quelle carte son utilisez-vous ?
• Utilisez-vous le périphérique audio par défaut de votre ordinateur ?
• Pour les programmes vidéo : quelle carte vidéo ou quelle carte FireWire utilisezvous ?
• De combien de mémoire vive (RAM) dispose votre ordinateur ?
• Quelle version de DirectX est installée sur votre PC ?
Service commercial (Paris) : (+33) 1 82 88 93 03
Notre service commercial MAGIX est à votre disposition les jours ouvrés et peut vous
aider pour les requêtes ou problèmes suivants :
• Commandes
• Conseil produit (avant l'achat)
• Demandes de mises à 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és supplémentaires à
l'attention des utilisateurs professionnels, notamment des fonctions de création et de
publication web ainsi que des outils graphiques supplémentaires. Il existe une mise à
niveau pour les personnes qui possèdent déjà MAGIX Web Designer MX ; visitez
www.xara.com pour en savoir plus.
Création web et publication web
• Présentations
• Animation (flash et gif)
• Nouveaux gadgets web
• Transitions de page et de calque animées
• Plans du site
• Explorateur FTP
• Modèles et gadgets web supplémentaires
• Code de l'en-tête
Outils graphiques
• Main levé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énéral
• Combiner des formes
• Options avancées pour coller
• Nommer les couleurs et quelques modèles de couleur
13
14
• Imprimer
• Capture d'écran
• Quelques formats d'importation et d'exportation
Création web et publication web
Présentations. Avec Web Designer Premium, vous pouvez créer des présentations
web de type « diaporama » dans lesquelles les visiteurs de votre site pourront
naviguer à l'aide des touches fléchées de leur clavier. Appliquez des effets de
transition animés à chaque fois qu'un nouvelle étape ou une nouvelle page s'affiche.
Vous pouvez aussi héberger facilement une réunion web (un « webinaire ») pour faire
la démonstration de votre présentation pas à pas et page par page à un groupe de
participants invités.
Animation (Flash et gif). Web Designer Premium constitue une solution réellement
simple pour créer des animations Flash très efficaces. Il permet également de créer
des GIF animés.
Nouveaux gadgets web. Vous pouvez rendre vos sites Internet plus attrayants et plus
dynamiques grâce à nos nouveaux gadgets web : ils vous permettent d'ajouter à vos
pages web toute une série d'animations appliquées aux photos et au texte sans
nécessiter l'écriture de la moindre ligne de code. Au fil du temps, des gadgets web
supplémentaires seront automatiquement téléchargés et ajoutés à votre galerie.
Transitions animées de pages et de calques.Web Designer Premium permet
d'ajouter facilement toute une variété d'effets animés aux calques et aux pages de
votre site web. Vous pouvez ajouter des transitions animées à n'importe quel lien de
page et calque pop-up de vos pages web.
Plans du site. Vous pouvez géné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épertoires de votre
serveur FTP, mais aussi les visualiser et les supprimer, à l'aide de l'Explorateur
d'espace web intégré à Web Designer Premium.
Modèles et gadgets web supplémentaires. Web Designer Premium offre des
modèles supplémentaires relatifs aux fonctionnalités absentes de la version classique
de Web Designer, en particulier des présentations et des animations Flash. De plus,
vous disposez d'une sélection de gadgets web pour le commerce en ligne.
Ajouter facilement du code dans l'en-tête d'une page d'un site web. Web Designer
Premium vous permet d'écrire du code HTML dans l'en-tête et le corps de vos pages
web pour augmenter les possibilité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ée et pinceau. Vous pouvez utiliser cet outil pour dessiner à main levée
comme si vous utilisez un crayon. Vous pouvez également vous en servir pour faire
des coups de pinceau. Il comprend une option de dessin de lignes à épaisseur variable
utilisant un système de dessin sensible à la pression compatible avec les palettes
graphiques.
Outil de forme automatique. L'outil de forme automatique permet de créer
rapidement presque toutes formes régulières et symétriques possibles avec des coins
arrondis ou pointus.
Quelques options de l'Outil Texte (chercher et remplacer). La fonction Chercher et
remplacer exécute une recherche en temps réel, c'est-à-dire que la recherche est
lancée dès que vous saisissez le texte à rechercher et les résultats sont mis en
surbrillance en temps réel.
Options supplé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émentaires dans l'Outil de Transparence (quelques formes et profils
de transparence). L'outil de transparence vous permet de définir dans quelle mesure
les couleurs et les objets inférieurs apparaissent sous un objet. Premium possède des
transparences de type non mélangé 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 « douces »).
OUTIL BISEAU. L'outil biseau confère de la profondeur aux objets au lieu de les laisser à
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énuer les bords d'un objet
afin qu'il se mélange ou se fonde à un objet d'arrière-plan.
Outil d'extrusion 3D L'Outil d'extrusion permet de transformer rapidement et
facilement des formes dessinées en 2D et du texte en versions 3D « extrudées » de
haute qualité avec des éclairages colorés et des ombres de très haute qualité.
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ède un outil permettant d'assembler
automatiquement jusqu'à 6 photos dans un panorama large à haute résolution.
• Masquer. Plusieurs manipulations peuvent nécessiter un masque pour signaler
les zones d'une photo ou d'un dessin à manipuler. Par exemple le fait de
redimensionner en fonction du contenu, de couper/copier/coller, de cloner et
d'améliorer une photo.
Galeries
Galerie des lignes. Vous pouvez utiliser la galerie des lignes pour appliquer une série
de styles ou d'attributs, comme des coups de pinceau, des motifs en pointillés, des
têtes de flèches et plus encore.
Galerie dans les pages et les calques : la version Premium vous permet é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énéral
Combiner des formes. L'option de menu ARRANGER -> COMBINER DES FORMES (ou clic
droit puis COMBINER DES FORMES ) met à votre disposition de nombreuses options
avancées pour combiner des formes afin de cré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ées pour coller. Il s'agit d'options supplémentaires qui vous offrent plus
possibilités pour coller : Coller la position, Coller la taille, Coller en remplaçant la
sélection, Coller sur le calque actuel et Coller au même endroit sur le calque actuel.
Nommer les couleurs et quelques modèles de couleurs. La version Premium permet
l'utilisation du RVB, des dégradé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éer votre propre Couleur Nommée
qui apparaîtra dans la palette de couleurs. Lorsque vous la modifierez plus tard, tous
les objets utilisant cette couleur seront modifiés instantanément.
Imprimer. Dans Web Designer Premium, vous pouvez imprimer vos documents !
Capture d'écran. Web Designer Premium propose une façon simple de faire une
capture d'écran.
Quelques format d'importation et d'exportation supplémentaires. Importez des
graphiques du web, exportez au formats AVI, Flash et GIF animés.
www.magix.com
Introduction
Introduction
Il est évident que la grande majorité des sites Web est de nature graphique. La
présentation de votre site Web est essentielle. Vous voulez un site Web qui paraisse
professionnel et compétent. Nous sommes d'avis que vous ne devriez pas avoir à
utiliser de nombreux outils distincts - pour l'édition graphique et l'édition HTML pour créer votre site Web. Nous pensons que vous devriez avoir une liberté totale
pour ajouter tout texte, toute image ou toute photo où bon vous semble sur la page.
Créer des sites Internet devrait être comme créer des fichiers PDF, vous ne devriez
pas avoir besoin de savoir quoi que ce soit de ce qui se passe « sous le capot ». Vous
ne vous attendriez pas à éditer directement le fichier PDF. De la même façon, vous ne
devriez pas avoir besoin de connaître ou même de voir le code HTML qui vous permet
de créer votre site.
Qu'est-ce que MAGIX Web Designer MX ?
MAGIX Web Designer MX est une solution complète pour le design de sites Web. Il
vous donne la liberté de concevoir votre site Web de A à Z ou de personnaliser l'un
des nombreux modèles de sites Web fournis par le programme. Grâce à des années
de développement d'une technologie « Xtreme » qui a fait ses preuves, vous pouvez
également créer des animations Flash, retoucher des photos et optimiser ou modifier
les thèmes de couleurs de vos sites Web en quelques clics seulement. Vous pouvez
également pré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éation et la publication. Grâce aux fonctions pratiques comme l'insertion
d'emplacements d'objets, votre site Web prendra rapidement une apparence à la fois
unique et professionnelle.
Quelles sont les particularités de Web
Designer ?
Web Designer est unique dans la mesure où il est le seul véritable outil de création
web libre offrant une grande liberté de conception de pages. La possibilité de
positionner les éléments comme vous voulez où vous voulez permet d'obtenir un
résultat « tel affichage, tel résultat » très précis. Autrement dit, vous pouvez
positionner le texte, les graphiques, les photos n'importe où 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ée avec un rendu parfait.
Web Designer permet de réaliser des productions pratiquement impossibles avec
d'autres logiciels de création web comme l'utilisation de texte liquide autour de
formes irrégulières et de photos. Les outils graphiques vectoriels innovateurs
permettent de dessiner n'importe quelle forme à partir de formes simples pour
17
18
réaliser des logos d'entreprise et graphiques complexes. Il inclut une fonction
d'optimisation automatique des graphiques (produisant non seulement des images en
résolution optimisée, mais également en détectant automatiquement les éléments
répétés sur le site afin de produire des sites optimisés plus rapidement).
Il prend en charge les calques CSS avec fonctionnalités avancées comme la
transparence, même les transparences graduées, les effets de survol de souris et bien
d'autres encore. Cela vous permet de créer des sites Web HTML entièrement
compatibles XHTML avec tous les navigateurs et toutes les plateformes.
Et pour couronner le tout, Web Designer est peut-être l'outil de création web le plus
simple à utiliser sur le marché.
Web Designer est conç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éaliser des prototypes de sites Internet rapidement.
Le programme est également adapté aux débutants qui recherchent la manière la plus
simple de créer des sites Internet avec un aspect professionnel.
Web Designer fournit des outils ne nécessitant aucune programmation et aucune
édition de script et ne propose pas d'affichage HTML. Notre philosophie est la
suivante : il n'est pas nécessaire de connaître le langage de programmation PDF pour
produire des fichiers PDF. De même, il devrait être possible de créer de superbes sites
Internet sans disposer de connaissances HTML ou Javascript.
Les nouveautés de MAGIX Web Designer MX.
(v8)
Cré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 élé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êtes, les titres et le
corps du texte ont été aussi actualisés. Cela n'a jamais été plus facile de créer des
documents professionnels grâce aux styles de texte proposés par le programme.
Vous avez la possibilité d'avoir un aperçu de chaque style. Sélectionnez
simplement une partie du texte et naviguez dans le menu des styles, le texte
change de style selon celui que vous avez sélectionné. C'est un moyen facile et
pratique d'essayer les styles sans avoir à sélectionner un style et à l'annuler à
chaque fois.
• Positionnement automatique/redimensionnement intelligent de la page Dans les
versions précédentes de Web Designer vous deviez ajuster manuellement la
position des objets de votre page après avoir modifié ou ajouté du texte. Plus la
page recevait du contenu, plus vous deviez l'é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écaler les objets et d'allonger la page en
fonction des zones de texte modifiées ou élargies. Créer des sites Web sur la
base de modèles est à présent beaucoup plus facile et rapide.
• Graphiques intégrés Web Designer vous permet à présent d'insérer des
« Graphiques intégrés » dans le texte en utilisant la simple fonction « Coller ». Les
graphiques intégrés prennent tout leur sens lorsqu'il s'agit de petits éléments sur
la ligne comme les symboles ou les icônes. Ils sont traités comme un caractère
c'est à dire qu'ils suivent les mêmes règles de mise en forme qu'un caractère
intégré dans le texte.
• Polices intégrées (disponible en version Premium) La technologie de police
intégrée de Web Designer ne restreint pas l'utilisateur à une sélection limitée de
styles de police soi-disant adaptés pour le Web. Notre technique est compatible
avec la grande majorité des navigateurs Web actuels. Elle intègre une version
spéciale de police dans votre site Internet. Le navigateur Internet peut télécharger
et afficher cette police.
• Nouveaux gadgets & amélioration des gadgets Une sélection de nouveaux
gadgets de page Web est disponible dans la galerie de designs sous Éléments de
la page.
-
Nouveaux gadgets JavaScript redimensionnables (disponible en version
Premium) Dans les versions précédentes de Web Designer, seuls les gadgets
Flash peuvent être redimensionné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 été mis à jour pour cette nouvelle
fonction et de nouveaux gadgets sont également désormais disponibles. À la
diffé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é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 « mouse-over » pour mettre en relief certaines valeurs du
tableau.
-
Autres nouveaux gadgetsUn gadget pour créer des codes QR.
-
Amélioration de la prise en main des gadgets Vous pouvez avoir un aperç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 éditeur de gadget, vous verrez une liste de
toutes les pages. Ce qui rend vraiment facile la liaison du gadget à n'importe
quelle page de votre site .
-
Gadgets Premium est ajouté à la version classique de Web Designer. Nous
avons également ajouté de nouveaux gadgets à la version classique de Web
19
20
Designer Premium Web Designer, des gadgets de diaporama et des
graphiques (appelés Exemples de gadgets Premium dans le dossier).
• Présentations (Disponible en version Premium) Dans Web Designer, nous avons
amélioré les présentations à de nombreux niveaux.
• Navigation du diaporama Dans n'importe quelle page de votre présentation,
déplacez votre souris vers le coin gauche de la fenêtre du navigateur et vous
verrez une page pop-up de navigation qui vous permet d'accéder à n'importe
quelle diapositive de votre présentation. De plus, vous disposez des commandes
pratiques Précédent, Page d'accueil, Suivant.
• Listes à puces sans calque La nouvelle fonction de liste à puces ou numérotée
(voir ci-dessous pour plus d'info sur cette fonction) crée des étapes de
présentation automatiques (chaque puce ou élément numéroté est traité comme
une étape de votre présentation). C'est un grand avantage pour la création de
listes au niveau de l'utilisation et de la productivité.
• Galerie des pages et des calques Changez les transitions des pages facilement.
Vous pouvez sélectionner plusieurs pages dans la Galerie des pages et des
calques et d'un clic droit sous Propriétés de la page Web, vous pouvez changer
l'animation de transition pour toutes les pages sélectionnées.
• Puces graphiques et liste numérotée (Disponible en version Premium) Avec MX
vous pouvez utiliser vos propres designs graphiques pour le caractère de la puce,
pour le numéro au début du point ou pour les listes numérotées, ce qui est un
véritable atout pour la qualité de votre présentation. Vous pouvez utiliser tous les
dessins intégrés et les outils de texte pour créer vos propres puces ou les
graphiques des numéros. Nous vous mettons également à disposition une liste
d'exemples prêts à l'emploi dans la galerie des designs.
• Galerie des designs Nouveau contenu et facilités d'utilisation.
-
Nouveaux thèmes Web et nouveaux éléments de modèle dans les deux
versions.
-
Les thèmes existants ont été mis à jour pour prendre en charge de nouvelles
fonctions comme le redimensionnement intelligent de la page ou les puces et
numéros graphiques.
-
La galerie des designs a été complètement réorganisée pour une navigation
plus instinctive.
-
La galerie des designs Live La galerie des designs est à présent
complètement reliée à notre serveur, ce qui fait que l'on peut y ajouter
toujours plus de modèles, de cliparts et de gadgets etc.
Plus de 3 000 nouveaux élé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ôleur de lien Pop-Up du document, si vous cliquez sur n'importe
quel élément avec un lien Web dans Web Designer (pas sur la page Web), un
petit pop-up apparaît vous donnant l'option de suivre ce lien, de le changer ou de
-
www.magix.com
Introduction
le supprimer. C'est très utile si vous voulez tester un lien ou voir une page Web
reliée pendant que vous travaillez sur le document.
Outils principaux et facilité 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'élément sélectionné (que ce
soit une photo ou n'importe quel objet) au format JPEG avec d'autres applications
MAGIX MX (comme MAGIX Vidéo deluxe MX), sur l'album en ligne MAGIX, sur
Flickr et Facebook.
• Outil d'effets Live & plug-in Photoshop (disponible en version Premium) L'outil
d'effets Live autorise les effets des plug-in Photoshop à être appliqués sur les
photos et les images vectorielles, offrant une large gamme d'effets graphiques
spé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 « gaufrage » jusqu'aux effets peinture
et flou.
• Galerie des pages et des calques Repositionner/Supprimer/Couper plusieurs
pages. C'est à présent possible de sélectionner plus d'une seule page dans la
Galerie des pages et des calques et repositionner les pages avec un glisserdéposer. De plus, un clic droit donne l'accès aux options de menu pour
supprimer, couper ou copier la sélection de pages dans le presse-papiers. Vous
pouvez aller à un autre document et copier des pages entières. Vous pouvez
déplacer des objets à l'intérieur et à l'extérieur de groupes ordinaires dans une
galerie (remarquez que cette option n'est pas prise en charge en ce qui concerne
des groupes spéciaux comme des groupes ancrés, des groupes répétés etc.).
Vous pouvez déplacer des objets à l'intérieur et à l'extérieur de groupes
ordinaires dans une galerie (remarquez que cette option n'est pas prise en charge
en ce qui concerne des groupes spéciaux comme des groupes ancrés, des
groupes répétés etc.).
• Importation & exportation
-
« Importez des graphiques du Web » Cette option a été améliorée, importez
des graphiques et du texte depuis une page Web et placez-les à l'endroit
souhaité 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és, le résultat pourra être différent de ce que vous avez
visualisé au préalable. Cependant cette option est très utile pour importer des
images et du texte d'un site Web existant.
-
Amélioration du Copié/Collé des objets HTML depuis d'autres applications
comme les navigateurs Internet (restrictions différentes de celles appliquées
ci-dessus).
-
Importation SVG C'est possible d'importer la plupart des fichiers SVG (nous
précisons ici « la plupart » car aucun accord officiel pour le format SVG n'a
21
22
été érigé, 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éliorée
Mise à jour de l'importation depuis des appareils avec prise en charge du
format RAW (Disponible en version Premium)
• Éditeur de couleurs L'éditeur de couleurs est à présent redimensionnable, ce qui
est pratique pour éditer des nuances très pâles d'une couleur dans la zone en
haut à droite du sélecteur de couleur.
-
Autres améliorations (dans les deux versions si
non précisé)
• Une fonction « Optimiser toutes les images » 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éduire en grande partie
l'utilisation de la mémoire et la taille des fichiers Web. (Attention : optimiser la
photo est une opération « destructive ».)
• Vous disposez aussi de l'option pour optimiser les images en JPEG lors de
l'importation si Web Designer le recommande.
• Publication progressive améliorée optimisation du processus de mise à jour de
publication.
• Nous avons ajouté une option pour que le bouton Ordre dans une barre de
navigation corresponde à l'ordre des pages instauré dans la galerie des pages et
des calques. Avec cette option activée, si vous ordonnez les pages à nouveau, la
barre de navigation prendra en compte ce changement.
• Outil d'optimisation des photos comporte désormais un outil pour ajuster la
teinte sur une photo. On peut sélectionner et ajuster l'intensité de la teinte de
chaque couleur.
• Un an de nom de domaine top niveau inclus avec l'hébergement gratuit du
Monde en ligne de MAGIX (disponible en version Premium)
• Prise en charge des formats optimisée pour les langues basées sur des caractères
comme le chinois, le japonais ou le coréen.
• Une nouvelle option pour désactiver la galerie escamotable.
• Un clic droit sur une zone vide de la barre des commandes dans la fenêtre du
Web Designer fera apparaître un menu contextuel pour activer ou désactiver la
barre d'outils.
www.magix.com
Introduction
• Les boutons « Aperçu de la page Web » et «Prévisualisation du site Web » ont été
placés à côté dans la barre du haut, pour un accès plus facile et plus rapide,
cliquez sur la touche F5 et Maj+F5 en raccourcis clavier.
• Une nouvelle option « Verrouiller la taille de la page » a été ajoutée dans la boîte
de dialogue des options de la page. Cela peut prévenir une erreur de
redimensionnement au niveau des bords à droite ou en bas de la page.
• Les guides de page sont désormais activés et la fonction « Magnétisme des
guides » s'active automatiquement si vous déplacez une ligne guide sur une page
lorsque les guides sont désactivés.
• Nouveaux raccourcis clavier :
Supprimer la page
Supprimer
Aller à la page précédente
Page précédente
Aller à la page suivante
Page suivante
Boîte de dialogue de bords antichevauchement
Activer/désactiver l'attribut antichevauchement sur la sélection
Prévisualiser le site Web
Ctrl + Maj + H
F5
Aperçu de la page Web actuelle
Maj + F5
Ctrl + H
• Outil de panorama optimisé L'outil photo intégré assemble jusqu'à 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 à présent configurer la fréquence image AVI des animations
exportées. La fenêtre d'aperçu de l'animation a désormais un bouton de
dé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ène
désormais au lien, un deuxième clic n'est pas nécessaire.
23
24
Et beaucoup d'autres améliorations - pour plus
de détails rendez-vous sur Xara.com
http://www.xara.com/products/webdesigner/
whatsnew/
Un site Internet en six étapes
Pour ceux dont la capacité de concentration est limitée (la plupart d'entre nous), il est
possible de découvrir les principaux avantages de Web Designer rien qu'en suivant
les instructions lors de l'ouverture du premier document au démarrage de Web
Designer. Vous pouvez ainsi découvrir le logiciel et créer en même temps votre site
Internet. Vous trouverez également ce modèle dans la Galerie des modè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, éditer le texte,
glisser-déposer des photos, dé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ée, vous
pouvez revenir sur toutes les actions effectuées depuis le dé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 - > INFOS DU DOCUMENT Vous permet de consulter diverses informations sur
le document sélectionné, comme sa taille et les polices utilisées. Il s'agit d'une
fonction utile pour vérifier si vous disposez de toutes les polices requises pour un
affichage correct du document.
Tous les commentaires sont sauvegardés avec le fichier. Ces commentaires seront
alors affichés chaque fois que vous affichez la boî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.
À propos de Xtreme
Allez sous AIDE > À PROPOS DE MAGIX WEB DESIGNER MX. Des informations générales
concernant le programme sont affichées. Ces informations peuvent éventuellement
vous être demandées lorsque vous contactez notre équipe d'assistance.
25
26
Démarrage
Cette section vous donne un aperçu des principales fonctionnalités de Web Designer.
Les sections suivantes détaillent plus précisément chaque outil.
Program Layout
Info Bar - changes with each tool
Zoom
Preview page Preview Website
Design Gallery (Galleries bar)
Page & Layer Gallery (Galleries bar)
Selector Tool
Photo Editing Tool
Drawing Tools
Text Tool
www.magix.com
Dé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éfiler/déplacer votre page
Ces opérations courantes peuvent être réalisées très facilement :
• Pour zoomer en avant ou en arrière, maintenez la touche Ctrl enfoncée tout en
actionnant la molette de la souris ;
27
28
• Pour déplacer la page, pressez la molette de la souris (oui, c'est également un
bouton) et déplacez la page ;
• Pour faire défiler, utilisez la molette de la souris (ou la barre de défilement).
Les documents Web sont affichés sur un mode
de page individuelle par défaut et les documents
imprimé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électionnez ou désélectionnez AFFICHAGE
MULTIPAGE dans le menu. Un exemple
d'affichage multipage apparaît à gauche.
De cette façon, vous pouvez glisser-déposer des
élé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ée par 4 crochets aux
coins.
Dans cet exemple, vous pouvez voir que certains objets ont été placés dans la zone
du presse-papiers à côté des pages. Ceux-ci ne seront pas exporté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és sous une seule icône.
Ces icônes sont indiqué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ô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électionner.
Si vous sélectionnez un outil modal dans une barre escamotable, il devient alors l'outil
premier de ce groupe. L'icône correspondante sera mise en surbrillance dans la barre
d'outil principale.
La barre d'outils supérieure de la fenêtre comprend également des barres
escamotables. Ici également elles servent à regrouper sous une seule icô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émarrage
Objets de la page
Que vous personnalisiez un modèle ou que vous créiez vos images de A à Z, vous
pouvez les faire pivoter, les redimensionner et les positionner là où vous le souhaitez.
Vous pouvez facilement redimensionner les pages à volonté et en ajouter de
nouvelles. Certaines fonctionnalités, comme la modification des schémas de couleurs,
s'appliquent simultanément à toutes les pages.
Voici les types de base d'éléments de page :
• Texte : l'OUTIL TEXTE permet de créer de simples titres, des colonnes de texte ou
même des blocs de texte qui se suivent. Il est également possible de créer des
listes à points ou chiffré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 à l'aide de l'OUTIL DE SELECTION ou tout
simplement en sélectionnant le texte et en modifiant la taille des points ou pixels.
Une autre fonction qui peut paraître surprenante : il est possible de faire tourner
le texte à 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ère fluide autour d'objets situé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é (contrairement aux outils
d'é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 être au format JPG, GIF ou PNG), Web Designer
choisit automatiquement le bon format et la bonne résolution. Par exemple, si
vous souhaitez créer un panneau coloré à placer derrière votre texte, vous y
parviendrez en dessinant un objet rectangulaire ou arrondi sur la page et en le
plaçant derrière votre texte. Lorsque vous enregistrez votre site Internet, il est
automatiquement converti en image PNG à la bonne résolution.
• Photos : très peu de sites sont entièrement dépourvus de photos. MAGIX Web
Designer MX dispose d'une vaste gamme d'outils d'édition photo. Vous pouvez
insérer des photos sur la page par glisser-dé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énère automatiquement l'image JPG
dans la bonne résolution. Le remplacement de photos déjà présentes dans les
modèles est aussi simple que le glisser-déposer - vous pouvez même modifier la
taille et l'angle de photos « à l'intérieur » de leur cadre très facilement. Vous
pouvez aussi créer facilement des miniatures de photos sur lesquelles on peut
cliquer pour afficher une version agrandie dans une nouvelle fenêtre et é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és sur la page et qui
prennent la taille et la position de « gadgets » 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ée par le code requis pour le fonctionnement du
gadget et ce dernier est alors affiché à la même position sur la page. Pour plus de
détails, veuillez consulter le chapitre Gadgets de site Internet (voir page 312) du
manuel PDF.
Conception de sites Web basés sur les objets
Tous les types d'éléments décrits précédemment sont désignés comme objets.
L'un des avantages spécifiques de Web Designer est que vous avez l'entière liberté de
disposer n'importe quel objet sur la page. Il réapparaîtra de la même façon sur votre
site Internet.
L'OUTIL DE SELECTION peut servir à sélectionner n'importe quel objet sur la
page. Il permet également de déplacer (en les faisant glisser), de
redimensionner et de faire pivoter les objets.
Vous pouvez modifier l'ordre de superposition (à savoir le fait qu'un objet apparaisse
devant ou derrière d'autres objets de la page) en effectuant un clic droit puis en
sélectionnant ARRANGER ou à l'aide des options du menu ARRANGER. Grâce à l'OUTIL
DE SELECTION , vous pouvez redimensionner des objets en tirant sur les poignées
situées dans les angles. Vous pouvez faire pivoter n'importe quel objet en tirant sur
les poignées de sélection situées à l'intérieur des angles.Et bien que les sites Internet
ne prennent pas en charge le texte pivoté, Web Designer crée automatiquement
l'image appropriée pour que le résultat final soit conforme à vos souhaits.
Pour ajouter du texte à votre site Internet, sélectionnez l'OUTIL TEXTE puis
cliquez sur la page et saisissez votre texte.
Vous pouvez également créer des colonnes par glisser-déposer à l'aide de l'OUTIL
TEXTE , ou des champs de texte en tirant le curseur en diagonale. Reportez-vous à la
section « Texte » (voir page 51) du manuel PDF pour davantage d'informations, et au
chapitre Utilisation du texte (voir page 180) pour une référence complète concernant
les fonctions MAGIX Web Designer MX liées au texte.
Vous pouvez utiliser les outils de dessin pour créer des rectangles,
des rectangles aux coins arrondis, des cercles et ellipses et toute
autre forme à 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étails.
Ordre de superposition
Tous les objets de la page sont placés les uns au-dessus des autres. L'objet dessiné ou
créé en dernier est toujours au-dessus, c'est-à-dire devant les autres. Vous pouvez
www.magix.com
Dé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és derrière lui. Vous pouvez le placer derrière un autre objet en effectuant
un clic droit puis en cliquant sur ARRANGER ou en utilisant le raccourci Ctrl + B (ou
menu ARRANGER > DEPLACER VERS L'ARRIERE ). De la même manière, le raccourci Ctrl +
F permet de renvoyer tout objet sélectionné vers l'avant, c'est à dire devant tout autre
objet.
Il existe un autre cas compliqué : les calques. Tous les objets sont regroupés dans des
calques nommés et chaque calque peut être activé ou désactivé afin de montrer ou
masquer son contenu. Pour obtenir plus de détails, reportez-vous à la section Calques
(voir page 72).
L'outil de sélection
Il s'agit d'un outil classique qui vous permet de sélectionner, déplacer,
redimensionner et faire pivoter tous les objets de votre page Internet.
Toutes ces manipulations peuvent être effectuées simplement en déposant les objets
sur la page ou en tirant les poignées de sélection situées autour de l'objet. Vous
pouvez également entrer des valeurs numériques précises. L'objet sélectionné
s'affiche avec 4 ou 8 poignées situées sur son contour ; la ligne de statut située en bas
de l'écran vous informe également sur l'objet sélectionné.
Pour redimensionner un objet, tirez sur les poignées situées dans les angles de l'objet.
Tirez les poignées internes (voir ci-contre) pour le faire pivoter. Les rectangles et les
rectangles à bords arrondis ont huit poignées qui vous permettent de les étirer ou de
les redimensionner. Les autres objets, comme les groupes, les blocs de texte et les
photos n'ont que 4 poignées et ne peuvent pas être étirés (ils risquent de se tordre).
Avancer les objets
La touche fléchée peut être utilisée pour avancer l'objet sélectionné pixel par pixel. Si
vous maintenez la touche Majuscule enfoncée, les objets avancent par groupes de
10 pixels à la fois.
31
32
Objets en rotation
Il existe deux façons de faire pivoter un objet. La première consiste à double-cliquer
sur l'objet pour que les poignées de sélection deviennent des poignées de rotation que
vous pourrez utiliser pour faire pivoter l'objet. La deuxième possibilité consiste à
placer le curseur de la souris dans les poignées situées dans les angles (poignées de
sélection) jusqu'à ce que le curseur se transforme en indicateur de rotation : vous
pouvez alors faire pivoter l'objet sélectionné.
Vous pouvez faire pivoter tout ce que vous voulez dans Web Designer, y compris des
photos, des titres et même des blocs de texte. Puisque les navigateurs Internet ne
peuvent afficher de texte à 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électionné, la barre d'infos située juste au-dessus de votre
document vous montre toutes les fonctionnalité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élection :
La barre d'infos située juste au-dessus de votre document vous permet de voir les fonctionnalités
de l'outil sélectionné.
Il est possible de saisir des valeurs numériques dans tous les champs. Par exemple,
pour réduire la taille d'un objet de 20 %, vous pouvez entrer 80 % dans le champ
approprié (qui est une taille en pourcentage). Le petit cadenas définit si la largeur et la
longueur changent simultanément.
Copier des objets
Vous pouvez utiliser les options habituelles « ÉDITER > COPIER » (Ctrl + C) et « ÉDITER
> COLLER » (Ctrl + V) ou effectuer un clic droit sur un objet puis sélectionner COPIER ,
mais le moyen le plus rapide de copier un élément est de le déplacer par glisserdéposer à l'aide du bouton droit de la souris.
Vous pouvez également copier et coller une page à n'importe quel endroit de votre
document à partir du document actuel ou d'un autre document – cf. Copier et coller
(voir page 94)des pages.
www.magix.com
Démarrage
Barre d'outils de site Internet
La BARRE D'OUTILS DE SITE INTERNET située dans la partie supérieure de MAGIX Web
Designer MX offre un accès pratique aux principales fonctions Internet le plus
souvent utilisées.
Aperçu
Lien
Options du site web
Exporter
Déplacez le pointeur de la souris sur chaque bouton de la barre escamotable pour afficher
l'infobulle décrivant la fonction du bouton.
Créer un site Internet
Il y a deux manières de créer un nouveau site Internet. Vous pouvez commencer avec
un modèle prédéfini puis le modifier avec votre propre texte, vos photos et votre
schéma de couleurs. Vous pouvez également créer votre site Internet en partant de
zéro et en disposant tous les éléments requis, le texte, les images, les photos et les
emplacements d'objets où vous voulez sur la page.
Les emplacements d'objets sont des objets images de la page qui sont remplacés
dans la version finale du site par d'autres éléments comme des animations Flash, des
vidé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évisualisation de votre site Internet
Lorsque vous créez votre site Internet dans Web Designer, votre document de travail
affiche une prévisualisation statique précise. Cependant, pour vérifier le
comportement des pop-up, des effets de souris et des animations en Flash et autres
gadgets, il est nécessaire d'effectuer une prévisualisation en passant par votre
navigateur.
33
34
Vous disposez de deux options de prévisualisation situées dans la barre escamotable
sur la barre d'outils Web.
APERÇU DU SITE INTERNET : cette fonction permet d'exporter toutes les pages de votre
site Internet puis de les visualiser dans la fenêtre d'aperçu. Toutes les pages et tous
les liens contenus dans votre site devraient alors fonctionner.
Les boutons de navigation dans la barre supérieure de la fenêtre d'aperçu vous
permettent de passer à la page suivante/précédente comme dans un navigateur
Internet et le bouton « Accueil » vous redirige vers la page sur laquelle vous avez
commencé la prévisualisation.
APERÇU DE LA PAGE : cette fonction permet d'exporter et prévisualiser la page active
uniquement.. Elle est très utile si vous avez un grand site Internet dont l'exportation
peut durer longtemps. Vous avez ainsi la possibilité de visualiser rapidement la page
sur laquelle vous travaillez, sans être obligé d'exporter le site dans sa totalité.
Pour prévisualiser votre site Web ou une page Web en mode plein écran,
cliquez sur le bouton AFFICHAGE PLEIN ECRAN en haut et à droite de la fenêtre
d'aperçu (appuyez sur Echap pour en sortir ou sur F11 pour lancer/quitter le
mode plein écran). Lorsque vous fermez la fenêtre d'aperçu et que vous la
rouvrez, Web Designer affiche le dernier mode que vous avez choisi pour la
fenêtre, c'est-à-dire normal, maximisé ou plein écran.
Si vous n'avez pas encore exporté votre site, ces aperçus permettent d'exporter les
pages dans un dossier temporaire sur votre ordinateur. Une fois que vous avez
exporté, toutes les exportations suivantes seront réalisées vers le même
emplacement, de sorte que le site est mis à jour continuellement lors de la
prévisualisation.
Choisir votre navigateur de prévisualisation
Bien que cette prévisualisation interne utilise par défaut une version simplifié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être
d'aperçu.
Pour prévisualiser votre site Web dans votre navigateur Internet favori, cliquez sur
l'une des options suivantes dans la barre située en haut de la fenêtre d'aperçu :
Remarque : ces boutons sont activés uniquement si les navigateurs sont installés sur
votre PC.
www.magix.com
Démarrage
Prévisualise votre page ou votre site dans Google Chrome.
Prévisualise votre page ou votre site dans Mozilla Firefox.
Prévisualise votre page ou votre site dans Internet Explorer.
Prévisualise votre page ou votre site dans Opera.
Pré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être d'aperçu.
Si vous voulez prévisualiser vos pages dans un autre navigateur, effectuez un clic droit
sur le fichier .htm exporté et sélectionnez OUVRIR AVEC... ou insérez le fichier dans une
fenêtre de navigateur par glisser-déposer.Après avoir exporté une première fois, les
fichiers seront mis à jour chaque fois que vous cliquerez sur les boutons de
prévisualisation, de sorte qu'il n'est pas nécessaire de cliquer sur le bouton
d'actualisation de votre navigateur (ou la touche F5).
Utiliser des modè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 > « NOUVEAU A PARTIR DE LA
GALERIE DES DESIGNS » .
Ceci affiche des fichiers contenant des collections de modèles de site Web et des
fichiers graphiques associés dont chacun suit un thème spécifique. Sous MODELES
THEMATIQUES DE SITE WEB vous trouvez tous les modèles de page Internet
disponibles pour créer rapidement un site Web de qualité.
Chaque section de thème de site Web propose une collection alternative de mise en
page et d'éléments utiles. Chacune contient également un modèle complet de site
Web et plusieurs schémas de couleurs. Vous pouvez modifier entièrement la gamme
de couleurs de votre site simplement, par un glisser-déposer de la gamme de la
galerie vers votre page, ou en effectuant un double-clic sur la gamme sélectionnée.
Sous ÉLEMENTS DE PAGE , vous trouvez une grande variété 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époser de l'élément souhaité suffit, à partir de la galerie sur
votre page.
Si vous êtes connecté(e) à Internet, la galerie des designs se met à jour
automatiquement et propose les derniers modèles et ajouts.
35
36
Ajouter de nouvelles pages à votre site Web
Vous pouvez ajouter n'importe quel modèle de design sur votre page, par glisserdéposer, depuis la GALERIE DES DESIGNS . S'il s'agit d'un modèle de page, le programme
vous demandera si vous souhaitez modifier les couleurs puis ajoutera une nouvelle
page à votre site Web.Si vous insérez un élément Clipart tel qu'un bouton, un en-tête
ou un objet photo par glisser-déposer, encore une fois le programme vous demandera
si vous voulez conserver vos éventuels changements de couleurs puis cet élément
sera ajouté à l'endroit où vous l'avez déposé.
Pour ajouter une nouvelle page avec le même design, le plus simple est
d'effectuer un clic droit sur la page et de sé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ée en-dessous. Vous pouvez ensuite simplement
supprimer ou modifier les éléments à votre guise. Cela a l'avantage de conserver la
même structure de navigation.
Ou vous pouvez copier-coller une page existante du mê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électionnez COLLER > PAGE (ou appuyez sur Ctrl + V).
La nouvelle page s'affiche directement après la page actuelle. La page collée prend la
taille de page du document dans lequel elle a été collée (dans la mesure ou la case
APPLIQUER A TOUTES LES PAGES DU DOCUMENT est cochée dans FICHIER > OPTIONS
PAGES > TAILLE DE LA PAGE ). Les calques et les attributs de la page, ainsi que tous les
objets qu'elle contient, sont également collés.
Pour ajouter une nouvelle page vierge, effectuez un clic droit puis
sélectionnez NOUVELLE PAGE ou utilisez le bouton INSERER UNE NOUVELLE
PAGE BLANCHE dans la barre de menus escamotable « page ».
Pour supprimer des pages, effectuez un clic droit et sélectionnez SUPPRIMER
LA PAGE ACTUELLE ou cliquez sur le bouton SUPPRIMER LA PAGE ACTUELLE
DANS LA BARRE DE MENUS ESCAMOTABLE « PAGE ».
Intégration de films, Flash et autres gadgets
Avec MAGIX Web Designer MX, vous pouvez incorporer très facilement des films,
des fichiers audio MP3, des animations Flash, des GIF animé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éer vos propres animations Flash et GIF à l'aide de MAGIX Web
Designer MX. Reportez-vous au chapitre Animations Flash.
www.magix.com
Démarrage
Clipart Flash
MAGIX Web Designer MX inclut la possibilité de créer entièrement des animations
Flash (voir la section Animations Flash de la version PDF du manuel) mais
proposeégalement un éventail de modèles d'animations Flash que vous pouvez
personnaliser. Les modèles Flash ne peuvent pas être déposés directement sur la
page mais doivent être ouverts sous forme de document Animation distinct où vous
pourrez les modifier selon vos besoins puis les enregistrer sur votre disque dur au
format Flash (.swf). Sélectionnez FICHIER > IMPORTER ou glissez-déposez le fichier
.swf sur votre page web.
Une image d'objet fictif est générée automatiquement et placée dans votre page.
Ouvrez un aperçu de votre page pour voir comment fonctionne l'animation Flash sur
votre page web. Une autre solution consiste à créer votre propre image substitutive
(un rectangle par exemple) et à utiliser l'onglet IMAGE D'OBJET FICTIF de la boîte de
dialogue des PROPRIETES WEB pour l'associer à votre fichier flash.
Gadgets web
Certains éléments de la GALERIE DES MODELES DE CONCEPTION sont des gadgets web
dynamiques que vous pouvez intégrer rapidement et facilement dans votre site
Internet. Lorsque vous tirez l'un de ces éléments sur votre page, une fenêtre du
navigateur s'ouvre sur un site Internet de gadgets web vous permettant de
paramétrer le gadget. Vous devez donc être connecté à Internet pour utiliser des
gadgets web.
Une fois la configuration de votre gadget web terminée, cliquez sur le bouton INSERER
au bas de la fenêtre du navigateur. Une image d'objet fictif est alors généré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çu. Il suffit d'ouvrir un aperçu de votre
page pour voir comment fonctionne votre gadget web !
Si vous trouvez d'autres gadgets web intéressants sur Internet, leur fournisseur vous
proposera généralement quelques lignes de code HTML que vous pourrez copier et
coller dans votre site Internet. Ceci est très facile à ré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étecter le code HMTL que vous avez
collé et générer automatiquement une image d'objet fictif qui s'affichera sur votre
page au bout de quelques secondes. Le code étant associé à l'objet fictif, il vous suffira
d'ouvrir un aperçu de votre page pour voir le gadget web en action !
Une autre méthode consiste à coller le code du gadget web directement dans l'entête de votre page. Cliquez sur l'onglet Image d'objet fictif (voir page 252) de la boîte
de dialogue des PROPRIETES WEB puis sur le bouton CODE HTML (EN-TETE) et collez
votre code dans la boîte de dialogue du code HTML (en-tê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èles de conception utilisent un petit jeu de couleurs thématiques ainsi
que des nuances de ces couleurs thématiques. La manière la plus simple de modifier
les couleurs de votre site est d'utiliser l'une des couleurs de la palette proposées avec
chaque type de modèle de site dans la GALERIE DES MODELES. Il suffit de déposer un
schéma dans votre page pour modifier la couleur du site entier, ou d'effectuer un
double-clic sur la gamme de couleurs sélectionnée.
Vous avez également la possibilité d'éditer individuellement chacune des couleurs
thématiques. Elles se situent sur la gauche de la Palette de couleurs, en bas de la
fenêtre.
Contour actuel et couleur de remplissage
Éditeur de couleurs
Pipette de couleurs
Aucune couleur
Couleurs « thématiques » et Couleurs liées
Palette fixe de couleurs standard
Placez le pointeur au-dessus d'une couleur pour afficher son nom.
Barre d'état. Affiche les options sélectionnées et fournit des astuces.
Cliquez simplement sur l'une des Couleurs thématiques et sélectionnez l'option Éditer
(en passant le pointeur de la souris au-dessus de la couleur, vous verrez apparaître
l'infobulle affichant le nom de la couleur).
www.magix.com
Démarrage
Lorsque vous souhaitez modifier une couleur, vous avez la possibilité d'aller
prélever n'importe quelle couleur présente à l'écran, ceci à l'aide de la pipette.
Sélectionnez la couleur à modifier, qu'elle soit une couleur de remplissage ou de
ligne de l'objet sélectionné ou toute autre couleur de base portant un nom précis.
Cliquez pour afficher les commandes avancées relatives aux couleurs
Couleur précédente
Couleur actuelle
Glissez ici pour sélectionner une nuance de la teinte souhaitée
Glissez ici pour sélectionner une teinte
.Étirez à l'aide de la souris pour augmenter la taille de la fenêtre.
L'Éditeur de couleurs permet de choisir facilement n'importe quelle couleur. Cliquez
sur les Commandes avancées pour saisir des valeurs RVB.
Remarque : lorsque vous modifiez une gamme de couleurs de cette façon, toutes les
nuances concernées utilisées dans le document sont également modifiées.
Colorer des formes
Vous pouvez remplir toutes les formes dessinées avec une couleur, soit en tirant la
couleur de la PALETTE DE COULEURS et en la déposant sur la forme, soit en
sélectionnant l'objet puis en cliquant sur la palette de couleurs et en sélectionnant
« DEFINIR LA COULEUR DE REMPLISSAGE ».
Vous pouvez également cliquer sur l'icône Éditeur de couleurs (ou presser sur
Ctrl+E) pour afficher l'éditeur de couleurs, où vous trouverez toutes les couleurs
de votre choix.
Vous pouvez remplir les objets dessinés avec un dégradé de couleurs en utilisant
l'Outil de remplissage (voir page 215).
Colorer des cliparts importés
Lorsque vous importez un clipart à partir de la galerie des designs, en utilisant l'option
Importer ou en dé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ées du clipart seront ajoutées à 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és. Ainsi, pour colorer une
photo en noir et blanc, sélectionnez-la normalement puis cliquez sur la couleur
blanche située au bout de la palette. Vous pouvez utiliser n'importe quelle couleur
claire et foncée de la palette, pas seulement le noir et le blanc.
39
40
Remarque : si la photo appartient à un groupe, comme bon nombre des photos des
modèles de conception ou des Cliparts, il faudra d'abord sélectionner la photo à
l'intérieur du groupe. Vous pouvez le faire en maintenant la touche Ctrl enfoncée
tout en cliquant sur l'objet dans l'outil Sélection. Une autre manière de sélectionner
les photos est de cliquer dessus dans l'OUTIL PHOTO .
Couleur d'arrière-plan de la page
La plupart des modèles de page de la GALERIE DES MODELES ont deux types d'arrièreplan. Un grand arrière-plan de page qui s'étend sur l'ensemble de la fenêtre du
navigateur. Et au-dessus, on retrouve les éléments de la page web composés
généralement de différents panneaux colorés.
La Palette de couleur comporte habituellement une couleur nommée « Couleur
d'arrière-plan » et une autre appelée « Couleur des panneaux » que vous pouvez
modifier pour contrôler les différentes couleurs d'arrière-plan. Les autres couleurs
utilisées sont généralement les Couleurs thématiques 1, 2, etc.
Couleur d'arrière-plan
Couleur des panneaux
Palettes de couleurs 1 et 2
www.magix.com
Démarrage
Définir la couleur d'arrière-plan de la page
Lorsque vous ouvrez une nouvelle page vierge (FICHIER -> NOUVEAU ), la page par
défaut qui s'affiche est blanche. Il s'agit de l'arrière-plan sur lequel vous placerez tous
les éléments de votre site Internet.
Pour définir une couleur d'arrière-plan, faites glisser une couleur depuis la Palette de
couleurs et déposez-la sur l'arrière-plan. Dans le navigateur Internet, cette couleur
d'arrière-plan s'affiche sur toute la surface d'arrière-plan de la fenêtre.
41
42
Cependant, vous pouvez aussi choisir une couleur d'arrière-plan de la page comme
décrit ci-dessus puis assigner une couleur différente à 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éfinir sa couleur ; choisissez la couleur d'arrièreplan de la page comme décrit plus haut. À présent, si vous prévisualisez la page, vous
verrez que l'arrière-plan de la fenêtre du navigateur possède la couleur du pressepapiers tandis que le rectangle de la page dispose de sa propre couleur.
Vous pouvez utiliser l'éditeur de couleurs pour éditer ces couleurs. Faites un clic droit
sur la page et sélectionnez l'option MODIFIER L'ARRIERE-PLAN DE LA PAGE pour ouvrir
l'éditeur de couleurs et modifier la couleur de la page. Pour éditer la couleur d'arrièreplan du presse-papiers, faites un clic droit dessus et sélectionnez l'option MODIFIER LA
COULEUR D'ARRIERE-PLAN .
Si vous souhaitez utiliser une texture de fond répétée, glissez la photo ou le
bitmap sur le document. Ouvrez la GALERIE DES BITMAPS , recherchez la photo
que vous venez de télécharger, cliquez dessus pour la sélectionner puis cliquez
sur le bouton ARRIERE-PLAN de la galerie.
Calque arrière-plan de page
Lorsque vous définissez la cour d'arrière-plan de la page en déposant une couleur
dans la page, comme décrit plus haut, un nouveau calque est ajouté au document.
Vous pouvez le voir en ouvrant la GALERIE DES PAGES ET DES CALQUES . Il est appelé le
CALQUE ARRIERE-PLAN DE PAGE .
www.magix.com
Démarrage
Ce calque est normalement verrouillé de sorte qu'il n'est pas possible de le
sélectionner pour éditer son contenu. Mais vous pouvez le débloquer dans la Galerie
des pages et des calques afin de procéder à quelques opérations d'édition limitées
afin de personnaliser l'arrière-plan de votre page. Cliquez simplement sur le symbole
Vérouiller près de l'arrière-plan de page pour le déverrouiller.
À présent, si vous cliquez sur l'arrière-plan de page, un rectangle sélectionné s'affiche
(voir la barre d'état). Ce rectangle couvre toute la page : il sert à définir la couleur de
la page. Vous pouvez ensuite procéder à l'édition illimitée de ce rectangle, comme par
exemple lui attribuer un remplissage gradué à l'aide de l'outil de Remplissage ou
arrondir ses angles à l'aide de l'outil Rectangle.
Remarque : vous devez également définir la couleur du pasteboard avant de pouvoir
attribuer à votre page une couleur autre que unie.
Décaler la partie supérieure de la page
Normalement, lorsque des couleurs différentes ont été définies pour la page et le
pasteboard, la page lors de l'aperçu, s'étend jusqu'au bord supérieur de la fenêtre du
navigateur. Il n'est pas possible de voir la couleur du pasteboard au dessus de la page.
Néanmoins, il est possible d'ajouter un décalage afin de laisser un certain espace
visible au dessus de votre page dans la fenêtre du navigateur.
Pour ajouter un décalage, vous devez modifier l'origine de la page. Généralement,
l'origine de la page est définie de façon à se trouver dans l'angle supérieur gauche de
votre page. En déplaçant cette origine de 20 pixels, par exemple, vous ajoutez une
marge de 20 pixels au-dessus de votre page, visible dans la fenêtre du navigateur.
Il existe deux manières de modifier l'origine. La plus simple consiste à ouvrir la boîte
de dialogue OUTILS > OPTIONS , sélectionner l'onglet GRILLE ET REGLES et d'augmenter
la valeur de la coordonnée Y du point d'origine. Cette valeur correspond à la hauteur
de votre page, attribuez alors la valeur souhaitée pour la marge. Par exemple, si la
hauteur de votre page est de 700 pixels, modifiez la valeur Y des coordonnées de
l'origine en passant de 700 à 720 afin d'ajouter un décalage de 20 pixels.
Une autre alternative consiste à définir le point d'origine de manière interactive.
Activer les règles en sélectionnant l'option FENETRE > AFFICHER LES REGLES (Ctrl + L).
Puis cliquez et tirez sur le bouton en croix qui se trouve au croisement des règles
horizontale et verticale, dans le coin gauche supérieur de l'espace de travail (la toile).
Vous déplacez alors la position d'origine : positionnez-la à une distance appropriée à
la verticale au dessus de l'angle gauche supé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é de la modifier.
43
44
Arrière-plans avancés
Les navigateurs web n'autorisent pas d'arrière-plan dégradé sur l'ensemble visible de
la fenêtre (tout du moins pas sous forme de véritable arrière-plan HTML) mais ils
permettent d'utiliser des bitmaps répétés en mosaïque comme arrière-plan. Ainsi,
vous pouvez créer un arrière-plan entièrement dégradé en utilisant un fichier bitmap
répété en mosaïque sur toute la page.
Créez une longue bande fine (voir à gauche) que vous définissez comme arrière-plan pour
obtenir un arrière-plan dégradé sur l'ensemble de la page.
Voici les étapes permettant d'obtenir cet effet ;
1.
2.
3.
Dessinez un long rectangle fin. Il doit être aussi long que la fenêtre de
n'importe quel navigateur pour éviter qu'il ne se répète verticalement. Nous
vous recommandons d'opter pour une valeur d'au moins 1000 pixels
supérieure à la hauteur de votre page. Vous devrez peut-être faire un zoom
arrière pour dessiner un rectangle de taille suffisante. Il doit être très fin.
Assurez-vous que le rectangle ne possède pas de contour : cliquez dessus
dans l'OUTIL DE SELECTION et faites en sorte qu'il n'ait pas de contour. Cliquez
sur « Aucune couleur » dans la Palette de couleurs (ou sélectionnez
« Aucune » dans le menu déroulant de la largeur de ligne dans la barre du
haut).
Vérifiez que le rectangle ne mesure que quelques pixels de large et que ses
coordonnées X et Y exprimées en pixels correspondent à des nombres entiers :
dans l'OUTIL DE SELECTION , sélectionnez le rectangle, éditez sa Largeur (L),
appuyez sur « Entrée » puis éditez les positions X et Y de sorte qu'elles
correspondent à des nombres entiers.
www.magix.com
Démarrage
4.
En utilisant l'OUTIL REMPLISSAGE (voir page 215), vous pouvez lui donner la
couleur dégradée souhaitée en glissant simplement l'outil dans le rectangle.
Assurez-vous que le dégradé s'étend bien de haut en bas en ajustant si
nécessaire la flèche de remplissage.
5.
Exportez le rectangle au format PNG.
Cliquez sur l'icône EXPORTER AU
FORMAT PNG . Après l'exportation, faites glisser l'image dans la page depuis
votre explorateur de fichiers.
Ouvrez la GALERIE DES BITMAPS, faites défilez l'affichage vers la bas pour voir le
graphique que vous venez de charger (dans la galerie, il est représenté par une
miniature très fine voire presque invisible), sélectionnez-le (cliquez dessus
dans la galerie) puis cliquez sur le bouton ARRIERE-PLAN de la GALERIE DES
BITMAPS . Vous pouvez à présent supprimer le rectangle original de la page.
6.
Remarque : cela ne fonctionnera sur l'ensemble de l'arrière-plan de la fenêtre du
navigateur que si vous n'avez pas attribué de couleur d'arrière-plan au pressepapiers. Si vous avez défini un arrière-plan pour le presse-papiers, le remplissage
dégradé s'appliquera uniquement à l'arrière-plan de la page.
Nuances liées
Vous pouvez créer des couleurs qui sont des nuances plus lumineuses ou plus
sombres d'une autre couleur de sorte que, lorsque vous modifiez la couleur « mère »,
toutes les nuances soient modifiées conformément à 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égradé créé avec l'OUTIL DE
REMPLISSAGE . Dans l'OUTIL DE REMPLISSAGE , vous
pouvez cliquer sur l'une des extrémités de la
flèche pour déterminer la couleur.
Si vous désignez la couleur verte principale comme étant une couleur nommée à
partir de laquelle vous créerez ensuite une nuance plus claire ou plus foncée sous
forme de nuance liée, lorsque vous éditerez la couleur nommée, les nuances
changeront également ; ainsi, recolorer des objets aux nuances complexes devient
facile.
45
46
Pour créer une nuance liée, ouvrez les commandes supplémentaires de l'Éditeur de
couleur et sélectionnez le menu déroulant COULEUR NORMALE puis NUANCE D'UNE
AUTRE COULEUR .
Cliquez sur ce bouton pour afficher les commandes supplémentaires
Vous pouvez désormais sélectionner une nuance plus claire ou plus foncée d'une
couleur mère. La couleur mère est la couleur cochée.
Sélectionnez une NUANCE de ce menu déroulant puis la couleur mère
Vous pouvez aussi créer une nuance liée qui apparaîtra dans la palette de couleurs
(ainsi, vous pourrez l'appliquer facilement à d'autres objets). Lorsque vous
sélectionnez la création d'une nouvelle Couleur nommée, vous pouvez choisir d'en
faire une « Nuance d'une autre couleur » liée.
www.magix.com
Démarrage
Photos
Pour remplacer une photo, glissez et déposez une image sur n'importe quelle photo
dans Web Designer à partir de votre Explorateur de fichiers. Si vous la placez en
arrière-plan, elle sera importée et disposée sur la page à l'endroit où vous l'avez
déposée. Toutes les photos importées sont affiché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çon habituelle.
Glissez et déposez votre photo sur une image existante pour la remplacer. Faites-la glisser en
arrière-plan pour l'importer en tant que nouvelle photo.
47
48
Lorsque vous remplacez une photo existante, l'OUTIL REMPLISSAGE est
sélectionné et deux flè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émités des flèches de remplissage
pour redimensionner et faire pivoter l'image à l'intérieur des contours de la forme.
Faites glisser la photo pour la repositionner à l'intérieur de son cadre. Tirez sur l'extrémité des
flèches pour la redimensionner et la faire pivoter.
Remplacement de photos multiples
Certains modèles de la GALERIE DE DESIGNS , en particulier les albums photo,
permettent de remplacer plusieurs photos en une fois. Vous pouvez sélectionner
plusieurs photos à l'aide de l'explorateur de fichiers Windows (Ctrl + clic pour ajouter
d'autres fichiers à la sélection, ou Maj + clic pour sélectionner une série de fichiers).
Placez-les ensuite dans la page de MAGIX Web Designer MX par Glisser-Déposer.
Les photos sont alors remplacées une à une en partant du haut de la page vers le bas.
Vous pouvez ainsi insé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éterminer s'il peut
y insé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écessaire pour inclure
toutes les photos.
Ce puissant mécanisme vous permet de créer un album photo sur plusieurs pages
rapidement, en chargeant un modèle d'album depuis la Galerie de designs puis en
ajoutant vos photos dans le modèle.
Importation de grandes photos
Lorsque vous importez des photos haute résolution (au-dessus de 1920 pixels en
largeur ou en hauteur) dans un document Web, MAGIX Web Designer MX
redimensionne automatiquement la photo à la taille des écrans HD sans vous
demander si vous désirez une résolution plus basse. Pour un document Web, même
www.magix.com
Démarrage
en taille réduite, la taille de vos photos devrait déjà avoir une résolution suffisante
donc inutile d'importer des images à résolution maximale de votre appareil photo
digital pour l'utilisation Web.
Outil photo
L'Outil Photo permet d'améliorer et de découper vos photos.
Pour dé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écoupe en
déplaçant les poignées de coupe à l'extérieur de la photo.
Pour mieux contrôler le découpage, vous pouvez également utiliser l'OUTIL DE
CLIP .
Voir la rubrique Traitement des photos pour plus d'informations sur le traitement
avancé des photos dans MAGIX Web Designer MX ainsi que la rubrique outil Photo
pour découvrir comment utiliser l'outil Photo.
Photos miniatures avec fenêtres pop-up
Vous pouvez créer des photos miniatures très facilement (il suffit de les
redimensionner pour réduire leur taille) qui seront affichées en grand quand on clique
dessus. Redimensionnez simplement votre photo jusqu'à ce qu'elle ait une taille
réduite en utilisant l'OUTIL DE SELECTION .
Sélectionnez la photo miniature puis l'option PHOTO POP-UP dans l'onglet LIEN
de la boîte de dialogue des Propriétés Web (cliquez sur le bouton LIEN dans la
BARRE D'OUTILS WEB ).
49
50
Cliquez sur le bouton PARAMETRES situé près de l'option Photo pop-up pour basculer
dans l'onglet IMAGE de la boîte de dialogue des PROPRIETES WEB .
Vous pourrez alors modifier le mode d'affichage de votre fenêtre pop-up. Une option
permet de placer un titre au-dessus que chaque photo pop-up. Définir le titre de
chaque photo dans le champ TITRE. Au besoin, vous pouvez également faire en sorte
qu'une lé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ême boîte de dialogue. Consultez la
section Photo pop-up du chapitre de la boîte de dialogue des Propriété web pour en
savoir plus sur les options disponibles.
Dans Internet Explorer, la légende de l'image (texte « ALT ») sera également affiché
dans une infobulle qui apparaît lorsque vous placez le pointeur de la souris sur
l'image. Pour afficher un texte différent lorsque le pointeur de la souris est au-dessus
de la miniature, par exemple « Cliquez pour agrandir », allez dans l'onglet SURVOL DE
SOURIS puis remplacez AFFICHER LE TEXTE POP-UP par CLIQUEZ POUR AGRANDIR .
Résolution des photos : tout est automatique !
Lorsque vous importez des photos haute résolution (au-dessus de 1920 pixels en
largeur ou en hauteur) dans un document Web, MAGIX Web Designer MX
redimensionne automatiquement la photo à la taille des écrans HD sans vous
demander si vous désirez une résolution plus basse. Pour un document Web, même
en taille réduite, la taille de vos photos devrait déjà avoir une résolution suffisante
donc inutile d'importer des images à résolution maximale de votre appareil photo
digital pour l'utilisation Web.
www.magix.com
Démarrage
Dans tous les cas, si vous importez une grande photo dans un document à imprimer
ou une animation, MAGIX Web Designer MX vous demande si vous souhaitez
importer une version de vos photos avec une résolution plus basse. Si votre document
comporte beaucoup de photos, il est préférable de choisir une résolution réduite. Sans
quoi votre fichier risque d'être très lourd (contenant une copie de chaque photo) et
votre ordinateur peut alors manquer de mémoire pour charger, éditer et exporter les
documents.
Vous pouvez également décider ultérieurement de la ré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électionnez l'option d'OPTIMISATION dans le
menu contextuel. Vous avez également la possibilité d'optimiser toutes les photos au
format JPEG de votre document en une fois à l'aide de l'option SERVICES >
OPTIMISATION DE TOUS LES JPEG .
Web Designer enregistre toujours l'image originale importée (ou la taille réduite si
cela été 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é. Web Designer convertit automatiquement toutes les photos au format JPEG
dans une résolution correcte lorsque vous sauvegardez votre site Web. Inutile de vous
préoccuper à propos des dpi, de la taille des images, des pixels ou autres. Ce que vous
voyez dans Web Designer (zoom à 100 %) correspond exactement à ce qui se
produira sur votre site Web.
Si vous souhaitez redimensionner une photo ou un objet à une taille spé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 à 200 pixels, saisissez 200 pix dans le champ W de L'OUTIL
SELECTION. Vous pouvez la saisir dans n'importe quelle unité, par exemple 2in
correspond à une largeur de 2 pouces.
51
52
Texte
Vous pouvez modifier le texte en sé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
à partir du presse-papiers du système. Double-cliquez sur un mot pour le sélectionner
et triple-cliquez pour sélectionner une ligne entière : cela peut être utile pour
sélectionner tout le texte d'un bouton. Comme toujours, la Barre d'infos offre de
nombreuses fonctionnalités pour cet outil. Une autre méthode consiste à faire un clic
droit dans le texte puis à sélectionner PROPRIETES DE TEXTE AVANCEES .
Le menu des polices comprend toutes les polices installées et les classe en trois
sections. La section du haut affiche les polices déjà utilisées dans le document, la
seconde affiche les polices « Web safe » et la section du bas affiche toutes les polices
installées sur votre ordinateur.
www.magix.com
Démarrage
Les trois sections du menu des polices. Dans cet exemple, Courier New est sélectionné 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éel. Lorsque vous
parcourez le menu, le texte sélectionné change de police, vous offrant ainsi la
possibilité de voir immédiatement le ré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ère la
plus fiable de configurer la taille du texte dans un navigateur Web. Vous pouvez
également saisir la taille en points (ou toute autre unité) 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 être utilisées pour un site Web car la vaste majorité des
ordinateurs et autres appareils détiennent ces polices. Vous pouvez utiliser d'autres
polices si vous les inté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étails.
Cré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éer une ligne de texte, sélectionnez l'outil Texte puis
cliquez n'importe où sur l'arrière-plan et commencez à écrire. Pour créer une colonne,
cliquez et faites glisser la souris horizontalement sur l'arrière-plan puis commencez à
écrire. Vous pouvez ajuster la largeur de la colonne à tout moment. Pour cré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é
Comme cela est le cas pour les outils de création Internet, vous pouvez faire pivoter
des objets texte, y compris des colonnes en utilisant la fonctionnalité en question
dans l'outil Sélection. Cependant, comme les navigateurs ne supportent pas le texte
pivoté, Web Designer le convertit en graphique lorsque la page est exportée en tant
que site Internet.
Listes à puces et à numéros
Le bouton de listes à puces et numéros de l'OUTIL TEXTE situé sur la barre d'infos vous
permet d'entrer rapidement ce type de listes. En effectuant un clic droit sur une liste
numérotée et sélectionnant PROPRIETES DES LISTES... dans le menu contextuel, vous
avez la possibilité de modifier la numérotation de votre liste. Vous pouvez également
utiliser un graphique comme puce ou numé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égradé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électionnez l'option de menu
RENVOYER LE TEXTE EN DESSOUS (voir page 197) pour faire en sorte que le texte soit
réparti autour de l'objet situé au-dessus.
De nombreux objets, notamment les photos, les panneaux latéraux, les boutons et les
titres utilisés dans les modèles de conception de la GALERIE DES MODELES renvoient le
texte de façon automatique : le texte se répartit toujours autour des objets lorsque
vous les faites glisser.
Ces objets ne renvoient que le texte situé sous eux ; par conséquent, vous devrez
peut-être « mettre l'objet au-dessus » pour que le renvoi fonctionne (« Ctrl + F »).
D'autre part, si vous voulez qu'un objet renvoie uniquement le texte situé sur le même
calque que lui, vous pouvez empêcher que le texte qui se trouve sous ce calque soit
renvoyé (cette option est utile pour les fenêtres pop-up d'une page web) – voir
Propriétés des calques (voir page 331).
Toutes les manipulations effectuées dans l'OUTIL TEXTE sont réalisées en temps réel –
le texte change de format et de disposition pendant que vous modifiez la largeur de la
colonne ou déplacez des objets.
Remarque : vous pouvez aussi renvoyer le texte autour des objets ancrés (voir page
54).
Objets ancrés
Si vous souhaitez qu'un objet graphique apparaisse près d'une partie donnée d'un bloc
de texte, vous pouvez ancrer l'objet au texte de façon à pouvoir les déplacer
ensemble.
Faites un clic droit sur l'objet et sélectionnez ANCRER AU TEXTE . Avec l'OUTIL DE
SELECTION , cliquez et glissez l'icône ancre qui apparaît en haut à gauche de l'objet
jusqu'à l'endroit du texte où vous souhaitez ancrer l'objet. À présent, lorsque vous
modifiez ou déplacez le texte, l'objet ancré se déplace avec son ancre.
Remarque : vous pouvez aussi renvoyer le texte (voir page 54) d'un objet ancré.
www.magix.com
Démarrage
Panneaux de texte
De la même façon que certains boutons de la Galerie des designs s'étendent pour
s'adapter au texte, certains panneaux de texte peuvent s'adapter à la largeur ou à la
longueur du texte saisi.
L'arrière-plan du panneau s'adapte à 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ées de largeur de la colonne (sous la première ligne de texte). La
plupart des modèles de conception de la Galerie des modèles proposent des
panneaux de texte en accord avec le modèle. Certains panneaux de texte s'étirent
seulement verticalement, d'autres verticalement et horizontalement.
Pour créer votre propre bouton ou panneau de texte extensible, utilisez l'un des
modèles de la Galerie et adaptez-le en recolorant l'arrière-plan ou en ajustant la
couleur/la taille/la largeur du texte.
Remarque : Vous pouvez créer de nouveaux élé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électionner les options du correcteur orthographique et la langue. Si vous
sélectionnez « Vérifier l'orthographe au cours de la frappe », tous les termes
inconnus seront soulignés par des pointillés rouges. Effectuez un clic droit sur le
mot souligné pour voir les suggestions.
Polices incrustées
Web Designer enregistre les formes des caractères de toutes les polices utilisées
dans votre document. Cela signifie que si vous donnez à quelqu'un d'autre votre
fichier Web, ou si vous transférez le fichier sur un autre ordinateur, le texte apparaîtra
parfaitement, même si les polices correctes ne sont pas installées sur cet ordinateur.
Cette option n'incruste que les caractères d'une police qui sont utilisé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é dans la police manquante ne présentera
éventuellement pas les formes de caractère correctes.
Astuce : de nombreux raccourcis sont disponibles dans l'outil Texte. Reportez-vous
à 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érer un bloc de texte factice
ressemblant à du latin.
Taille de la page
Les pages de LA GALERIE DES DESIGNS ont une largeur prévue pour s'adapter à la
majorité des écrans d'ordinateur. Créer de plus grandes pages n'est pas recommandé,
même si votre écran est plus large, car l'expérience montre que la plupart des
visiteurs préfèrent une largeur de page fixe. Cependant, vous pouvez ajuster la taille
de la page à votre convenance.
Il est possible de déterminer la taille de page que vous souhaitez en sélectionnant
l'onglet TAILLE DE LA PAGE de la BOITE DE DIALOGUE D'OPTIONS (Fichier->Options
pages). Il est cependant déconseillé d'opter pour une largeur de page supérieure à
990 pixels, car il s'agit de la largeur maximum de bon nombre d'écrans d'ordinateurs
(1024 moins la barre de défilement). En général, la largeur de page la plus fréquente
est de 800 pixels.
Vous pouvez modifier directement la taille de votre page en tirant sur la marge
inférieure ou à droite de la page. Allez dans L'OUTIL SELECTION et passez le pointeur
de la souris sur les bords inférieurs de la page. Ce dernier change alors pour vous
indiquer que vous pouvez désormais tirer pour redimensionner la page comme vous
le souhaitez.
Modifier la taille de page des modèles.
Vous pouvez changer verticalement la taille des modèles déjà créé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'écran sont étirés automatiquement. Le design de la
page est ainsi respecté quelle que soit la longueur de la page.
www.magix.com
Démarrage
Enregistrer votre travail. Cré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é
de sauvegarder régulièrement votre travail. Si vous souhaitez éditer ou mettre à jour
votre site Internet, vous devez enregistrer un fichier Web et l'utiliser lors de vos
mises-à-jour.
Il est recommandé d'activer le service de sauvegarde automatique lorsque vous
travaillez. Vous pouvez l'activer depuis l'onglet Sauvegarde de la boîte de dialogue
SERVICES > OPTIONS . Lorsque la fonction est active, les documents ouverts sur
lesquels vous travaillez sont sauvegardés régulièrement. Vous pouvez également
définir ici le comportement du programme lorsque vous le quittez. Le programme
peut vous demander de sauvegarder ou de rejeter tout document ouvert modifié, ou
de sauvegarder automatiquement tous les documents dans l'emplacement de
sauvegarde pour les restaurer lorsque vous utiliserez le programme à nouveau.
Pour enregistrer votre site Internet, c'est-à-dire le HTML et les fichiers associé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ées sont exportées
simultanément et chaque page se voit attribuer _1, _2 ... à la fin du nom donné lors de
l'exportation. Le ré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 à l'aide de la boî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é par défaut index.htm, le nom habituellement donné à
la première page d'un site Internet.
Vous pouvez pré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être du navigateur.
Sauvegardes automatiques
L'onglet des Sauvegardes dans la boîte de dialogue SERVICES > OPTIONS vous permet
d'activer ou désactiver la fonction de sauvegarde automatique. Cette fonction
enregistre une copie de tous les documents modifiés ouverts à intervalles réguliers.Il
est recommandé d'activer cette fonction lorsque vous travaillez sur des documents
afin de sauvegarder régulièrement vos modifications. Vous disposez également
d'autres fonctions, comme l'option vous demandant si vous souhaitez sauvegarder les
documents non enregistrés à chaque fois que vous fermez le programme, ou encore
57
58
d'enregistrer tous les documents ouverts et les restaurer au prochain dé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 être automatiquement ajustés à la taille ou à la longueur du texte. La plupart
des modèles et tous les boutons du dossier Boutons de la GALERIE DES DESIGNS
existent en version à largeur fixe ou extensible. Si vous installez un ensemble de
boutons de navigation (généralement une suite de liens ou de boutons horizontale ou
verticale), il est recommandé d'utiliser des boutons à largeur fixes pour qu'ils soient
tous de la même taille.
De la même façon, vous pouvez ajuster verticalement et parfois horizontalement de
nombreux panneaux de côté, des panneaux de texte dans les modè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 à gauche ou à droite de l'indicateur de la
colonne.
Remarque : vous pouvez créer de nouveaux éléments extensibles en utilisant Xara
Designer Pro.
www.magix.com
Démarrage
Groupes
Vous pouvez regrouper une sélection d'objets sur la page. De nombreux objets des
modèles de conception de la Galerie des designs, comme les boutons, les panneaux
de texte et les photos sont des objets groupés. Les groupes se comportent comme un
seul objet, c'est-à-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çant une étiquette de texte par dessus avec l'outil Texte.
Ce sont des objets séparés et vous pouvez les déplacer indépendamment l'un de
l'autre dans l'outil Sélection. Cependant, si vous sélectionnez les deux dans l'outil
Sé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 ->
GROUPE ), vous en ferez un objet groupé (Remarque : la ligne de statut située en bas
vous signale toujours ce qui est sélectionné). Ainsi, dés que vous tirez,
redimensionnez ou faites pivoter cet objet, tous les éléments du groupe sont déplacés
et modifiés comme s'il s'agissait d'un seul objet.
Important : Les objets groupés sont habituellement convertis en un seul objet
graphique lorsque vous exportez votre page Web.
En défaisant le groupe (Ctrl+U), vous pouvez accéder à tous les éléments de votre
groupe et effectuer des modifications. Parfois, vous avez également la possibilité de
modifier des objets directement à l'intérieur d'un groupe, par exemple en utilisant
l'outil Texte pour éditer le texte ou l'outil Photo pour modifier une photo. Vous
accéderez en un clic à l'objet situé à l'intérieur du groupe.
Convertir du texte en graphique
Comme mentionné ci-dessus, seul un nombre très limité de polices de caractères est
pris en charge dans les navigateurs Web. Si vous souhaitez utiliser une autre police
d'é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 é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'être
groupée avec quoi que ce soit ; vous pouvez la grouper avec elle-même, juste en
sélectionnant GROUPER dans le menu ARRANGER ou en appuyant sur "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é en tant que texte alternatif
(alt text) HTML pour les images (sauf si vous avez explicitement configuré vousmême un autre texte en tant que texte alternatif pour le groupe). Cela signifie que le
texte sera tout de même prélevé par les moteurs de recherche ainsi que par les
outils de lecture à voix haute utilisés par les personnes atteintes de déficience
visuelle, même si le texte n'apparaît pas directement sur la page Web. Si vous ne
voulez pas que le texte alternatif soit défini de cette façon, vous pouvez déroger à
cette règle en spécifiant un autre texte alternatif pour le groupe dans l'onglet Image
de la boîte de dialogue Services > Propriétés Web.
Groupes souples
Il existe un autre type de groupe, les « Groupes souples », un ensemble d'objets reliés
de manière plus souple . Consultez le chapitre Manipulation d'objets pour en savoir
plus.
Texte synchronisé
Il existe une fonction supplémentaire fort utile : les groupes souples. Si un même texte
se trouve dans un ou plusieurs objets au sein d'un groupe souple, le texte sera
synchronisé lorsque vous l'éditerez. Il s'agit du mécanisme permettant de maintenir
synchronisé le texte d'un bouton sur son niveau normal et son niveau Survol de souris
- voir ci-dessous.
Répéter des objets
Il est courant que des éléments tels que les boutons de navigation, les en-têtes ou les
logos soient répétés sur toutes les pages de votre document ou de votre site. MAGIX
Web Designer MX vous permet de répéter tout objet à une même place sur n'importe
laquelle de vos pages Internet. Lorsque vous actualisez l'une des copies, tous les
changements sont automatiquement reportés sur toutes les pages.
Vous trouverez de plus amples informations dans la section Objets récurrents (voir
page 145) du chapitre Manipulation des objets.
www.magix.com
Démarrage
Liens, boutons et barres de navigation.
Vous pouvez ajouter un lien Web à tous les objets, boutons, graphiques ou éléments
de texte.
Sélectionnez l'objet et cliquez sur l'icône de lien située sur la barre du haut pour
saisir l'adresse Web que vous voulez relier à cet objet.
Entrez l'adresse Web que vous voulez relier dans le champ mis en relief.
L'onglet Lien de la boîte de dialogue des Propriétés du site Web/Options Internet
vous permet de contrôler ce qui se passe lorsque vous cliquez sur l'objet lié sur la
page. Vous pouvez passer à une autre page Web (vous pouvez sélectionner
rapidement un lien vers une autre page de votre site en utilisant le menu déroulant
LIEN VERS LA PAGE ) et décider si le lien ouvre la page dans une fenêtre séparée ou non.
Vous pouvez aussi insérer un lien menant à l'un des calques pop-up que vous avez
créés.
Pour attribuer un lien à l'un de vos boutons, sélectionnez le bouton (cliquez
dessus dans L'OUTIL DE SELECTION ), cliquez sur l'icône de lien puis saisissez
l'adresse Web ou sélectionnez une de vos pages du menu déroulant et
cliquez sur APPLIQUER . Et voilà !
Lien ancré
Il est possible de relier du texte ou un objet n'importe où dans votre site Internet en
utilisant des « ancres ». Commencez par appliquer un nom à l'objet que vous voulez
relier : c'est l'ancre. Sélectionnez ensuite l'objet (objet graphique ou texte) puis dans
61
62
le menu, rendez-vous dans SERVICES ->NOMS... pour afficher la boîte de dialogue.
Saisissez un nom unique de votre choix puis cliquez sur AJOUTER .
Pour relier cette ancre de n'importe où sur votre site Internet (un bouton, un simple
lien ou du texte), ouvrez la boîte de dialogue de liens (voir ci-dessus) puis
sélectionnez un nom dans le menu déroulant « Lien ancré ».
Lien vers le fichier
Il peut arriver que vous souhaitiez mettre un document, un film ou un autre fichier à
disposition des visiteurs de votre site. Pour cela, utilisez l'option LIEN VERS FICHIER.
Sélectionnez l'objet de la page que vous souhaitez lier au fichier. Puis sélectionnez
l'option Lien vers fichier et recherchez votre fichier dans le navigateur. Le fichier est
alors copié dans un dossier de support aux cotés de votre fichier de modèle, de sorte
que le fichier est publié avec le reste de votre site. Le dossier est nommé à partir du
nom de votre fichier de modèle, avec le suffixe « _fichiers ». Cliquez ensuite sur OK ,
ouvrez l'aperçu de votre page et testez le lien. Pour modifier le fichier, effectuez la
même manipulation : naviguez à la recherche de votre nouveau fichier mis à jour.
Consultez le chapitre de la boî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ès simple : il suffit d'activer L'OUTIL TEXTE, de cliquer sur le texte du bouton
pour le sélectionner et de l'éditer.
Remarque : un triple-clic sur le texte du bouton sélectionne la ligne de texte entière :
cela permettra de remplacer le texte facilement dès que vous tapez votre nouvelle
phrase.
Boutons de survol de souris
Vous avez remarqué 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és dans les modèles ou de la rubrique Boutons de la GALERIE DES
DESIGNS . Mais vous pouvez également déterminer vos propres boutons avec survol
de souris - voir la section des calques ci-dessous.
Ajouter de nouveaux boutons
Dans la Galerie des modèles, chaque thème possède un ensemble de graphismes de
boutons que vous pouvez faire glisser sur la page. Il s'agit généralement de deux
types de boutons. Les Boutons Extensibles s'adaptent à la taille du texte.
On trouve également une catégorie Boutons, qui est un ensemble de modèles de
boutons qui peuvent être ajoutés à la page de la même façon.
www.magix.com
Démarrage
Vous pouvez également copier un bouton existant (c'est probablement la meilleure
façon d'ajouter des boutons à 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é. (C'est un raccourci général pour copier des objets). Il vous suffit
ensuite d'éditer le texte.
Astuce : si vous maintenez la touche Ctrl enfoncée tout en faisant glisser l'objet,
celui-ci se déplacera de manière parfaitement horizontale ou verticale, vous
permettant ainsi de créer facilement une rangée ou une colonne de boutons.
Barres de boutons (Barres de navigation)
La plupart des sites Internet, et la plupart des modè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éer des objets graphiques sur votre page et pour éditer un ensemble
d'éléments graphiques prédéfinis disponibles dans la galerie des modèles.
Trois outils de dessin basiques vous permettent de créer des rectangles, des
ellipses, des étoiles ou toute forme de votre choix.
Web Designer met à votre disposition des outils de dessin vectoriels, ce qui signifie
que vous pouvez redimensionner, modifier et recolorer une forme et sans perte de
qualité. Vous pouvez zoomer pour visualiser les moindres détails, toutes les
modifications peuvent être annulées.
Pour dessiner un rectangle, sélectionnez l'outil RECTANGLE et faites-le glisser
sur la page. Vous créez ainsi un rectangle noir.
63
64
Cliquez sur le bouton « Coins arrondis » de la barre d'infos pour arrondir les
angles du rectangle. Vous pouvez tirer sur les poignées arrondies des angles
pour ajuster la courbure.
Pour redimensionner un objet, vous pouvez tirer sur les poignées situées à chaque angle de
l'objet.
Effectuez un Glisser-dé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élection (voir page 31). Vous pouvez placer
ce rectangle derrière tous les autres objets en tant qu'image d'arrière-plan en
appuyant sur Ctrl+B (Put in Back). S'il est placé devant tous les autres objets (Ctrl+F),
effectuez un clic droit dessus et sélectionnez « RENVOYER LE TEXTE EN ARRIERE » pour
que le texte de votre page soit repoussé autour de cette forme (une autre fonction de
Web Designer en tant qu'outil de création Internet).
L'outil ÉDITEUR DE FORME vous permet de créer des formes vectorielles
détaillées et d'éditer les contours des formes.
Pour prédéfinir des formes telles que des rectangles ou des ellipses ou si vous
souhaitez modifier les contours des caractères textuels, vous d'abord devez convertir
l'objet en forme éditable. Vous pouvez le faire via le raccourci clavier Ctrl+1. Utilisez
l'outil Éditeur de formes pour effectuer différentes modifications vectorielles
avancées.
Consultez la section Référence (voir page 153) pour en savoir plus quant à l'utilisation
de cet outil.
Attributs actuels (styles)
Un attribut correspond aux caracté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é plus haut, vous pouvez modifier les attributs d'un objet après
l'avoir dessiné en le sé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émarrage
également une trace des attributs « actuels » qu'il applique aux nouveaux objets
dessinés lorsque vous les créez.
Définir les attributs actuels manuellement
Par exemple, si vous souhaitez que le rectangle que vous dessinez soit rouge, assurezvous que rien n'est sélectionné (appuyez sur « Echap » ou cliquez sur une zone vide
de la page) puis cliquez sur la couleur rouge dans la palette de couleurs. Vous venez
de définir la couleur rouge comme attribut couleur du remplissage actuel. À présent,
si vous dessinez une nouvelle forme, elle sera remplie en rouge. Vous pouvez définir
d'autres attributs actuels de la même manière – avant de modifier les valeurs de
l'attribut, assurez-vous toujours qu'aucun objet n'est sélectionné.
Définir les attributs actuels automatiquement
Par défaut, MAGIX Web Designer MX met automatiquement à jour les attributs
actuels afin qu'ils correspondent au dernier objet dessiné ou sélectionné. Par exemple,
si vous dessinez un rectangle et lui attribuez la couleur verte, la prochaine forme
dessinée sera également verte. Si votre design comporte un rectangle bleu et si vous
souhaitez en dessiner un second identique, sélectionnez d'abord le rectangle bleu (ses
attributs deviennent alors les attributs actuels) pour que la prochaine forme dessinée
soit également bleue. Par conséquent, cliquez simplement sur un objet pour que ses
attributs deviennent les attributs actuels.
Cette méthode permet d'utiliser des objets existants comme une « palette » de styles.
Cliquez sur un objet pour le sélectionner puis dessinez de nouveaux objets dans le
même style.
Vous pouvez désactiver ce comportement dans l'Onglet Généralités (voir page 353)
de la boîte de dialogue Services > Options. Cochez la case « Demander avant
d'appliquer aux attributs actuels ». À présent, Web Designer vous questionnera avant
d'appliquer les derniers attributs utilisés aux attributs actuels.
Groupes d'attributs
De nombreux modèles consistent en une combinaison de formes pleines fermées et
de formes ouvertes (lignes dont les points de départ et de fin ne coïncident pas). Il
n'est pas souhaitable d'appliquer les attributs d'une forme ouverte à une forme
fermée et inversement. C'est pourquoi les attributs des formes ouvertes et fermées
sont séparés en groupes d'attributs. Lorsque vous définissez les valeurs d'un groupe
d'attributs, l'autre groupe ne s'en trouve pas affecté. Par exemple, si vous sélectionnez
un rectangle plein sans contour, la largeur actuelle de la ligne ne sera pas 0 pour les
formes ouvertes.
Pour les même raisons, les attributs de texte constituent un troisième groupe. Le
groupe des attributs de texte est défini uniquement lorsque vous sélectionnez des
objets texte ou lorsque vous définissez les attributs manuellement dans l'outil de
texte.
65
66
Attributs exempts
Certains attributs ne sont pas définis automatiquement comme attributs actuels,
même lorsque l'option « Appliquer les attributs récents aux nouveaux objets » est
activée. Cela est dû au fait que certains attributs peuvent poser problème s'ils sont
définis comme attributs actuels.
D'autres attributs peuvent avoir un effet négatif sur l'exportation du modèle ou
augmenter de façon significative la durée de génération du modèle ; par conséquent,
leur application systématique doit être évitée.
Exemples d'attributs copié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èches, police du texte, taille de la police, marges du texte.
Exemples d'attributs qui ne sont pas copiés automatiquement :
• Transparence, ombre.
Réinitialisation des attributs actuels
Quand aucun objet n'est sélectionné, vous pouvez réinitialiser instantanément tous
les groupes d'attributs actuels en appuyant sur « Echap ». Si des objets sont
sélectionnés, appuyez sur « Echap » pour annuler la sélection, puis appuyez de
nouveau sur « Echap » pour réinitialiser les attributs actuels afin qu'ils prennent leurs
valeurs par défaut.
Outil de forme
L'OUTIL D'EDITION DE FORME vous permet de créer des formes vectorielles
détaillées et d'éditer le contour de n'importe quelle forme.
Pour les formes prédéfinies telles que les rectangles ou les ellipses, ou bien pour
éditer le contour de caractères de texte, vous devrez d'abord convertir l'objet en
forme modifiable. Vous pouvez procéder en utilisant le raccourci clavier « Ctrl + 1 ».
Ensuite, utilisez l'OUTIL D'EDITION DE FORME pour effectuer des éditions vectorielles
avancées. Consultez la section Référence (voir page 153) pour en savoir plus quant à
l'utilisation de cet outil.
Outil ligne droite et flèche
L'OUTIL LIGNE DROITE facilite le dessin de lignes droites composées d'un seul
segment et l'ajout de pointes et de queues de flèche à n'importe quel type de
lignes.
Il suffit de cliquer et déplacer la souris sur la page pour dessiner une ligne droite. Vous
pouvez cliquer sur n'importe quelle ligne existante pour la sélectionner puis cliquer et
tirer sur l'une des extrémités de la ligne pour la déplacer.
www.magix.com
Démarrage
Ajouter des pointes et des queues de flèche à l'aide de l'outil Ligne droite
La partie gauche de la barre d'infos comprend deux listes déroulantes qui permettent
de sélectionner un style de pointe ou de queue de flèche pour chaque extrémité de la
ligne sélectionnée.
Pointe de flèche
Queue de flèche
Taille de la pointe/queue de flè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èche de la ligne actuellement sélectionnée. Vous pouvez saisir une
valeur en pourcentage dans le champ de la taille à droite du curseur.
Par défaut, les nouvelles têtes de flèche sont créées avec une largeur environ 6 fois
supérieure à celle de la ligne, ce qui correspond à la valeur 100% comme indiqué par
le curseur contrôlant la taille. Si vous décidez d'élargir la ligne, la largeur de la tête de
la flèche sera modifiée en conséquence. Utilisez une valeur inférieure à 100 % pour
réduire la taille de la pointe et de la queue de la flèche ou supérieure à 100 % pour
l'agrandir. Bien que le curseur ne permette qu'une valeur maximale de 800%, vous
pouvez saisir un pourcentage encore supé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èche de la ligne sélectionnée.
Ajouter des segments de ligne supplémentaires
Les lignes créées à l'aide de l'OUTIL LIGNE DROITE sont entièrement compatibles avec
d'autres outils de dessin. Par exemple, si vous souhaitez ajouter des segments
supplémentaires à une ligne, la transformer en courbe ou même en forme fermée,
utilisez l'OUTIL D'EDITION DES FORMES.
Outil Rectangle
Pour dessiner un rectangle, sélectionnez l'OUTIL RECTANGLE et faites-le glisser
sur la page. En déplaç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 « Coins arrondis » de la barre d'infos pour arrondir les
angles du rectangle ; vous pouvez tirer sur la poignée des coins arrondis pour
ajuster la courbure.
Pour redimensionner un objet, vous pouvez tirer sur les poignées situées à chaque angle de
l'objet.
Pour recolorer une forme, glissez-dé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élection (voir page 31). Vous pouvez placer ce rectangle
derrière tous les autres objets pour en faire une image d'arrière-plan en appuyant sur
« Ctrl + B » pour « Mettre en arrière-plan ». Si l'objet est devant tous les autres objets
(« Ctrl + F »), faites un clic droit et sélectionnez RENVOYER LE TEXTE EN DESSOUS pour
que le texte de la page soit disposé autour de la forme (encore une exclusivité de
Web Designer parmi les outils de création web).
Outil de remplissage
Parmi les nombreuses possibilités offertes par cet outil, vous pouvez
facilement remplir une forme avec une couleur dégradée par
exemple. Sélectionnez l'outil et faites glisser le curseur de la souris sur votre
objet.
La flèche de remplissage peut être ajustée en tirant ses extrémités afin de modifier la
direction, l'angle et le degré du dégradé.
www.magix.com
Démarrage
Rectangle aux angles arrondis avec remplissage dégradé
Remarque : si vous faites glisser le curseur de la souris au-dessus d'un objet groupé
tel qu'un panneau de texte par exemple, tous les éléments du groupe adopteront le
même type de remplissage. Afin d'éviter cela, il suffit de sélectionner tout d'abord
uniquement l'élément que vous souhaitez remplir. Pour cela, vous avez plusieurs
possibilités à disposition. Un clic unique sur l'élément souhaité avec l'outil de
remplissage sélectionne cet élément seulement, de la même manière qu'un clic avec
l'outil de sélection en maintenant la touche CTRL enfoncée (cette méthode est
appelée « Sélection interne » car elle sélectionne uniquement un objet à l'intérieur
du groupe). Vous verrez alors qu'en glissant la souris, seul l'objet sélectionné sera
rempli.
Pour éditer la couleur de début ou de fin, il suffit de réaliser un Glisser-Déposer d'une
couleur depuis la palette vers la forme ; vous pouvez également sélectionner une
extrémité de la flèche de remplissage dans l'outil de remplissage et utiliser l'éditeur de
couleur (CTRL+E).
Vous avez la possibilité de créer une couleur de remplissage avec plusieurs nuances
de dégradé en vous assurant que la flèche de remplissage est bien visible
(sélectionnez-la avec l'outil de remplissage), en faisant glisser une couleur depuis la
palette et en la déposant précautionneusement sur l'emplacement-cible où vous
pourrez voir la nouvelle couleur. Vous pouvez alors déplacer ce point de remplissage
ou sélectionner CTRL+E pour ajuster la couleur à l'aide de l'éditeur de couleur. Il existe
plusieurs types de remplissages : il s'agit ici d'un cercle doté d'un remplissage
circulaire.
L'ombre est une autre ellipse dotée d'une couleur de remplissage dégradée et dont les contours
ont été affinés (voir ci-dessus).
69
70
Outil de transparence
Les navigateurs Internet récents, tout comme Web Designer, prennent en charge les
effets avancés de transparence. Vous pouvez modifier n'importe quel graphique ou
photo de sorte à ce que ces derniers deviennent transparents. Testez sur votre
exemple de rectangle. Sélectionnez l'outil de transparence et déplacez le curseur sur
la barre d'infos.
Web Designer va plus loin et prend également en charge des dégradés de
transparence. Cela fonctionne de manière similaire au remplissage avec un dégradé
de couleur. Il suffit de tirer sur les formes dans l'outil de transparence pour créer une
transition de transparence. Vous pouvez modifier le degré de transparence à chaque
extrémité de la flèche de remplissage en cliquant sur celle-ci et en déplaçant le
curseur de transparence.
Consultez l'aperçu et vous verrez que cela fonctionne également dans votre
navigateur Internet.
Outil ombres
Un effet graphique très apprécié consiste à créer une ombre douce sous un graphique
ou sous du texte. Cet effet sert à détacher l'objet de l'arrière-plan.
L'OUTIL OMBRE vous permet d'ajouter une ombre douce à un objet, du texte,
des graphiques ou une photo. Sé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é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és de création offertes par
Web Designer. Ce bouton combine plusieurs fonctionnalités décrites ci-dessus : il a
été créé à partir de la combinaison de quelques formes dont les contours ont été
affinés et qui utilisent un dégradé de transparence (effet de réflexion blanche). Le
www.magix.com
Démarrage
texte a une légère ombre douce et le bouton a une ombre brillante. Les éléments sont
groupés. (Il n'est pas nécessaire de redessiner ce bouton car il est disponible dans la
catégorie « Boutons » de la galerie des modèles).
L'avantage majeur des graphiques vectoriels, en comparaison avec des graphiques
Bitmap créés à l'aide d'un logiciel d'édition de pixels (Photoshop par exemple), réside
dans le fait que vous pouvez recolorer, éditer, faire pivoter et redimensionner le
bouton sans aucune perte de qualité. Agrandissez-le à l'extrême par exemple et vous
verrez que sa netteté sera conservée.
De plus, vous pouvez le changer de couleur à l'aide du système des « Couleurs
nommées » et l'étirer à volonté : toutes les étapes de travail de Web Designer sont
non-destructives (ce qui signifie que vous pouvez éditer autant de fois que vous
voulez et la qualité ne subira aucune perte).
Les procédures nécessitant beaucoup de maîtrise et de patience dans d'autres
logiciels de graphisme sont extrê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éroulant dresse une liste d'opérations utiles
par rapport à l'objet cliqué. Par exemple, si vous faites un clic droit sur un rectangle
que vous avez dessiné, le menu déroulant vous permet d'effectuer des actions étant
uniquement applicables à un rectangle.
Cependant, si vous faites un clic droit sur une photo, quelques options du menu qui
apparaissent ne s'appliquent qu'à des photos, alors que d'autres sont aussi
applicables à un rectangle. Les opérations spécifiques à un objet sont listées vers le
haut du menu déroulant ouvert par le clic droit. Par exemple, dans le cas d'un
rectangle, les trois premières actions à partir du haut ne s'appliquent qu'à des
rectangles.
Vous pouvez également faire un clic droit à la fois sur la page et sur le « pasteboard »
afin de voir un menu d'opérations appliquables à la page et au « pasteboard ».
Si vous sélectionnez plus d'un objet and faites un clic droit, le menu dresse une liste
d'actions spécifiques aux objets multiples, comme « Grouper », « Aligner » et
71
72
« Réunir », ainsi que les opérations classiques comme « Couper », « Copier » et
« Coller ». De la même manière, si vous faites un clic droit sur des objets que vous
avez au préalable groupés, les actions spécifiques à un groupe apparaissent.
Il vous est recommandé de faire un clic droit sur un ou plusieurs objets dans l'espace
de travail afin d'accéder au menu spécifique à ces objets. Une fois que vous aurez
effectué ceci plusieurs fois, vous saurez quelles actions vous pouvez rapidement
effectuer avec les menus du clic droit.
Calques, survol de souris & fenêtres pop-up
Comme mentionné précédemment, tous les objets ont un ordre d'apparition sur la
page : de l'objet d'arrière-plan vers celui en premier plan.
Ces objets sont placés les uns au dessus des autres.
De plus, tous les éléments peuvent être placés dans des calques nommés. Chaque
calque peut accueillir autant d'objets que vous voulez et être activé ou désactivé. Si le
calque est désactivé, tous les objets qu'il contient sont invisibles.
Les calques sont contrôlés via l'icone de la GALERIE DES CALQUES dans la barre
d'outils supérieure.
Les calques de Web Designer sont conç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étaillé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étrer. Le premier
est utilisé pour des boutons contenant des objets dotés d'un lien Internet : le survol de
ce bouton avec le curseur de la souris affiche un objet graphique superposé au
bouton, sur le calque nommé « SURVOL DE SOURIS » . Voir ci-dessous pour plus de
détails.
La seconde possibilité est plus performante : vous pouvez faire apparaître les
contenus de chaque calque en tant qu'effet de survol de souris ou bien en cliquant sur
www.magix.com
Dé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és sur le calque inférieur,
appelé géné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é sur le calque appelé MOUSEOVER .
Si vous ouvrez la galerie des calques, vous pouvez masquer ou afficher chacun des
calques en cochant ou décochant l'icône de visibilité (le symbole en forme d'oeil).
Vous pouvez ainsi voir à quoi ressembleront les éléments MouseOver sur votre page.
Le calque utilisé 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és. Afin de placer des objets sur n'importe quels
autres calques, il suffit de cliquer sur le calque souhaité dans la galerie des calques, de
vous assurer que l'icône en forme d'oeil est activé et éditable (les cases doivent être
cochées).
Remarque : le calque MouseOver doit toujours se situer au dessus du calque
MouseOff, comme indiqué dans l'exemple ci-dessus.
Pour éditer les objets dans un calque, les icônes Oeil et Verrouillage doivent être
activés ; dans ce cas vous pouvez voir et éditer le calque (comme indiqué plus haut
dans le calque MouseOff).
Boutons de survol de souris
Dans Web Designer, presque tous les boutons prêts à l'emploi de la GALERIE DES
MODELES ont un effet de survol de la souris. Chaque bouton possèdent deux version :
la principale se situe dans le calque « État normal » et la version en surbrillance dans
le calque « Survol de la souris ».
73
74
En principe, il n'est pas nécessaire de s'en soucier car les deux boutons se comportent
de la même façon : si vous apportez des modifications sur l'un des deux, comme
modifier le texte, les changements seront répercutés sur l'autre version. Si vous
déplacez, tirez sur ou redimensionnez un bouton dans le calque « État normal »,
l'autre version (« Survol de la souris ») sera également modifiée, même si vous ne
pouvez pas le voir, grâce aux Groupes souples (voir page 60).
Créer votre propre bouton de survol de souris
Vous pouvez crée vos propres boutons de survol de la souris à partir de zéro en
dessinant leurs composants (rectangles, textes...). Dessinez simplement les éléments
du bouton sur le calque É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ù la
version État normal possè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 État normal).
En d'autres termes, vous donnez à l'objet principal une Adresse Web en utilisant
l'option de liens, puis vous sé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é à l'objet relié.
Remarque technique : tout objet graphique se trouvant sur le calque MouseOver sera
affiché 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és à
l'aide de la fonction Groupes souples. Lorsque vous sélectionner le bouton sur l'un des
calques, la version des groupes souples est sélectionnée automatiquement dans
l'autre calque, même si les calques sont désactivés. Lorsque vous éditez le texte d'un
bouton dans l'un des calques, il est automatiquement synchronisé avec l'autre
version du bouton.
Pour vous assurer que le texte des deux versions É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électionner à l'aide du lasso les deux
boutons. La ligne de statut vous dira si tout est bien sélectionné. Sélectionnez
ARRANGER ->APPLIQUER LE GROUPE SOUPLE . Désormais, lorsque vous éditerez le texte
du calque État normal, il changera également sur le calque Survol de la souris, même
s'il est caché. (Notez que cela fonctionne uniquement si les textes des versions État
normal et Survol de la souris sont identiques au départ et si les objets sont basés sur
des Groupes souples).
Une fois que votre bouton fonctionne, il est très simple de le transformer en barre de
navigation. Sélectionnez le bouton (y compris le mode survol de souris le cas
échéant) puis sélectionnez ARRANGER > CREER UNE BARRE DE NAVIGATION . La boî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ère de différencier le premier et le
dernier bouton de votre barre.
www.magix.com
Dé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 à respecter certaines rè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è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és
comme pop-ups. Dans la plupart des designs, il n'y aura qu'un seul calque d'état
normal (MouseOff). Mais certains designs en contiennent plus d'un, au quel cas ils
doivent ê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 états au passage de la
souris pour tous les boutons utilisant l'effet de survol de la souris. Il doit être suivi par
le calque MouseDown si vous avez inclus des effets de souris enfoncé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 être le
calque contenant ces effets. Il doit porter un nom commençant par MouseOver, par
ex. « MouseOverPopup1 ». Puis, si le calque pop-up possède également de effets de
souris enfoncée, un calque dont le nom commence par « MouseDown » doit suivre et
contenir ces objets.
Ensuite, vous pourrez avoir un autre calque pop-up, à nouveau suivi de calques de
passage de la souris (MouseOver) et de souris enfoncée (MouseDown) associés au
calque pop-up en question. Et ainsi de suite ; vous pouvez créer autant de calques
pop-up que vous voulez.
Pour résumer, le classement des calques doit en général être effectué comme indiqué
dans la liste suivante, affichée dans le même ordre que dans la GALERIE DES PAGES ET
DES CALQUES (du premier plan à l'arrière-plan). Tous les calques sont optionnels et
vous pouvez choisir librement leurs noms, sauf pour les caractères en gras qui
identifient les calques spé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è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èles de conception fournis par la GALERIE DES DESIGNS , vous ne devriez avoir
aucun problème d'ordre des calques dans votre site web.
Déplacer des objets d'un calque à l'autre
Vous pouvez couper un objet (Ctrl+X), sé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électionner COLLER > COLLER DANS LE CALQUE ACTUEL .
Une autre possibilité consiste à COLLER AU MEME ENDROIT (Ctrl+Maj+V) ou à
sélectionner ÉDITER > COLLER > COLLER AU MEME ENDROIT SUR LE CALQUE ACTUEL pour
coller l'objet à la position exacte qu'il occupait lorsque vous l'avez copié. Vous pouvez
également utiliser la Galerie des pages et des calques et faire glisser un objet d'un
calque sur un autre. Vous devez vérifier que les deux cases Visible et Modifiable sont
cochées pour pouvoir voir et é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ès que vous passez la souris dessus ou que vous cliquez sur un objet. Elle
peut être utilisée pour une gamme de différents effets pop-ups, comme des photos,
des menus ou des descriptions détaillé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éfinissez ensuite les propriétés de Survol de la souris (boîte de
dialogue PROPRIETES WEB ) de l'objet original pour déclencher l'affichage de ce calque
lorsque vous passez sur un objet avec la souris. Par exemple, vous pouvez faire
apparaître un pop-up comme celui-ci en passant au-dessus de texte :
Voici les étapes pour créer un bloc de texte pop-up comme celui-ci :
1.
Cliquez sur NOUVEAU dans la GALERIE DES CALQUES pour créer un nouveau
calque.
www.magix.com
Démarrage
2.
3.
4.
5.
Dessinez un rectangle aux bords arrondis avec l'OUTIL RECTANGLE, cliquez sur
une pastille de couleur (pâle) sur la PALETTE DE COULEURS pour le remplir avec
une couleur. Pour une bonne mesure, ajoutez une ombre douce (sélectionnez
l'outil OMBRE et faites-le glisser sur le rectangle).
Créez un bloc de texte en haut de votre rectangle. Sé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écochez la case « Voir »
de votre nouveau calque.
Dans le calque de base (État normal) : cliquez sur la GALERIE DES CALQUES pour
le régler en tant que calque en cours puis sélectionnez le texte que vous voulez
utiliser pour déclencher le pop-up en utilisant la méthode habituelle (dans
l'outil Texte). Ouvrez la boîte de dialogue des Propriétés Web (Ctrl+Maj+W)
et sur l'onglet SURVOL DE LA SOURIS , sélectionnez le nouveau calque du menu
déroulant « AFFICHER LE CALQUE DU POP-UP ». Cliquez sur OK.
Prévisualiser et tester les effets de survol de la souris.
Si vous souhaitez que le pop-up apparaisse seulement lorsque l'on clique,
sélectionnez la même option que dans l'onglet LIEN de la même boîte de dialogue
PROPRIETES WEB .
Remarque : Le calque Survol de la souris apparaît et disparaît lorsque vous déplacez
le pointeur de la souris sur l'objet pop-up. Si vous utilisez le clic pour afficher le
calque (de la boîte de dialogue Lien), le calque est révélé en cliquant sur l'objet et est
masqué lorsque vous cliquez ailleurs sur la page.
Photos pop-ups
Il existe une autre manière plus simple d'afficher des photos élargies à partir de
miniatures et qui ne nécessite pas la création de nouveaux calques. Voir ici (voir page
49). Cette méthode est plus appropriée lorsque les photos pop-ups sont grandes,
car elles ne se chargent pas tant que l'on a pas cliqué sur l'image miniature.
Créer des boutons, bannières et autres
graphismes Web
Web Designer est un outil très puissant pour créer des graphiques web indépendants
utilisables dans d'autres programmes et d'autres ogiciels de création web. Vous
pouvez dessiner entièrement ces objets à l'aide des outils de dessin ou à partir de
cliparts web de la GALERIE DES MODELES . Il suffit de dessiner, de configurer ou
d'importer un élé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'élément sous forme de fichier PNG ou JPG.
Par exemple, voici comment créer un graphique de bouton extrait d'un modèle de
conception :
77
78
Ouvrez la GALERIE DES MODELES puis la rubrique Boutons web (ou Icônes ou
Bannières, ce que vous souhaitez).
Faites un double-clic sur un modèle de conception pour l'ouvrir dans un nouveau
document. Procédez à l'édition requise :
• Redimensionnez-le (ou faites le pivoter) à l'aide de l'OUTIL DE SELECTION
• Changez la couleur en cliquant sur les couleurs de votre choix à gauche de la
Palette de couleurs et en sélectionnant « Éditer »
• Modifiez le texte avec l'OUTIL TEXTE
Une fois que vous êtes satisfait, sélectionnez l'objet et
exportez-le au format PNG ou JPG à l'aide des boutons de
la barre de site Internet (ils se trouvent dans une barre
escamotable sur l'icône d'Exportation HTML).
Pour la plupart des graphiques, notamment les boutons, les en-têtes, les icônes et les
autres objets non photographiques, nous vous conseillons d'utiliser le format PNG. En
ce qui concerne les éléments comprenant des photos ou dont une grande partie
comprend une texture à base de photos, le format JPEG est recommandé. Si vous
enregistrez une photo qui a été pivotée ou une photo comportant une légè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îte de dialogue Exporter le fichier pour
accéder au panneau de commandes vous permettant d'optimiser l'image.
www.magix.com
Démarrage
Ici, vous pouvez comparer directement les deux versions de la même image. Par
exemple, vous pouvez comparer les versions JPEG et PNG d'un même graphique pour
constater les différences de qualité et/ou de taille ; vous pouvez également comparer
deux images PNG optimisées de façons différentes. Consultez le chapitre concernant
la Boî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ée pour générer une
taille de fichier optimale.
Publier votre site Internet
Vous aurez besoin d'une société d'hébergement (hébergeur) pour héberger votre site.
Pour cela, nous vous recommandons MAGIX Monde en ligne. Dans la plupart des
cas, votre fournisseur d'accès à Internet vous propose aussi un « espace Web » avec
votre abonnement classique. La plupart des hébergeurs vous offrent également la
possibilité d'acquérir votre propre nom de domaine (par exemple : www.xara.com) et
de l'associer à votre site. La boîte de dialogue affichée ci-dessous contient la solution
d'hébergement MAGIX Monde en ligne dans la liste de PROFILS .
Avant de publier votre site, vous devez entrer les données de connexion FTP : votre
adresse d'hébergement, votre nom d'utilisateur, votre mot de passe, les chemins
d'accès aux dossiers y compris les sous-dossiers si nécessaires pour permettre à
votre hébergeur la publication du site directement depuis le programme.
79
80
Sélectionnez « FICHIER > PUBLIER LE SITE WEB » ou « Services > Propriétés
Web dans le site ».
L'onglet PUBLIER dans la boîte de dialogue des OPTIONS INTERNET s'ouvre.
Entrer les détails de publication
1.
2.
Dans le menu déroulant PROFIL , choisissez soit PERSONNALISE ou bien MAGIX
WEB HOSTING si vous êtes un utilisateur de MAGIX Monde en ligne.
Dans le champ ADRESSE HOTE FTP , tapez votre adresse hôte FTP. Si vous avez
un nom de domaine, c'est souvent le mê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ée.
www.magix.com
Dé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ê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ê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ées dans ce dossier. Que vous ayez ou non à choisir
de publier votre site dans un sous-dossier, ceci dépend de votre hébergeur.
Pour certains hébergeurs, la publication dans un sous-dossier n'est pas
nécessaire, pour d'autres la publication dans un dossier « public » ou un sousdossier « www » par exemple est requise. Vous devez vérifier le chemin
d'accès complet au fichier FTP dont votre hébergeur a besoin avant de publier
votre site Internet. Ces informations sont très variables. Par exemple si votre
société d'hébergement Internet souhaite que vous publiiez ainsi
« http://votredomaine.com/public_html », vous devez entrer « public_html »
dans le champ sous dossier. Remarque : si vous êtes un utilisateur MAGIX
Monde en ligne, vous n'avez pas besoin d'entrer un sous-dossier dans le
champ prévu.
URL du site Web : saisissez ici l'URL complète de votre site publié 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ès avoir publié votre site,
Web Designer génère une miniature de votre site Web et la place dans une
galerie de sites créés par les utilisateurs de Web Designer. Visitez la galerie à
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écochez pas la case PUBLIER A NOUVEAU LES PAGES MODIFIEES
UNIQUEMENT . Cela rend la mise à jour du site plus rapide dans la plupart des
cas car seuls les fichiers modifiés sont à nouveau publiés depuis la derniè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é. Ces informations seront présentes par la suite dans les sites
utilisant le profil personnalisé.
Si vous cliquez OK , Web Designer affiche une boîte de dialogue confirmant les
informations utilisées pour la publication à venir. Cliquez sur PUBLIER .
81
82
Paramétrer le dossier d'exportation
1.
2.
3.
Une fois que vous avez défini vos détails de publication, vous pouvez cliquer
sur l'icône PUBLIER sur la barre supérieure (sur la barre escamotable
d'exportation HTML) ou utiliser le menu FICHIER > PUBLIER LE SITE WEB .
Web Designer affiche une boîte de dialogue confirmant que vous souhaitez
publier avec le serveur et le nom d'utilisateur que vous avez indiqués. Cliquez
sur PUBLIER .
Si vous n'avez pas encore exporté votre site Web, Web Designer vous incite à
exporter votre site sur un disque local et affiche la boîte de dialogue
d'exportation.
Choisissez un dossier dans lequel vous souhaitez exporter votre site Web. Si
vous n'avez pas encore défini de dossier, sélectionnez alors un dossier existant
ou créez un nouveau dossier puis sélectionnez-le. Puis cliquez sur
EXPORTATION .
Important : si vous n'avez pas nommé les pages dans la galerie des pages et des
calques, le nom que vous avez exporté en dernier sera utilisé comme base pour
toutes les pages de votre site. Par exemple, si vous ouvrez un modèle de site Web et
que vous l'exportez en tant que « test » vers votre système de fichiers, puis que vous
le publiez, il sera publié 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ère page d'un site.
Transfert de données
1.
2.
Une fois que vous avez cliqué sur EXPORTATION (ou PUBLIER ), Web Designer
affiche une petite fenêtre qui indique la progression du transfert.
Dès que le transfert est terminé, vous pouvez ouvrir un navigateur Internet et
entrer l'adresse de votre site Web publié. 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îte de
dialogue Options Internet, votre site Internet est enregistré à cet endroit.
Consultez le chapitre de la boî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 à la
casse (lettre majuscule ou minuscule). Donc, par exemple, l'URL
xara.com/products.htm n'est pas la même que l'URL xara.com/Products.htm. Pour
réduire les risques de confusion et d'erreur, Web Designer impose à toutes les pages
www.magix.com
Démarrage
une casse en minuscules et ne contenant que des caractères autorisés. Cela signifie
que les espaces ne sont pas autorisées dans les noms de pages. Nous vous
suggérons d'utiliser un tiret bas en tant que séparateur.
83
84
Travailler avec des documents
Créer un nouveau document
Il existe deux types de documents dans MAGIX Web Designer MX : les pages web et
les photos. Pour créer un nouveau document :
Cliquez sur FICHIER > NOUVEAU
Cette action permet d'ouvrir un sous-menu contenant divers modèles de conception
utilisables comme points de départ.
Le premier modèle de conception est le modèle par défaut utilisé pour créer un
nouveau document après le démarrage de MAGIX Web Designer MX.
Le bouton NOUVEAU DOCUMENT dans la barre de contrôle standard permet de
créer un nouveau document basé sur le modèle par défaut (raccourci clavier :
« Ctrl + N »).
Vous pouvez enregistrer vos propres modèles de conception à l'aide de la commande
FICHIER > ENREGISTRER LE MODELE – voir Modifier le document modèle (voir page 351)
pour plus de détails.
Ouvrir un document existant
Pour ouvrir un document existant :
• Effectuez un glisser-déposer d'un fichier. Sé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ù dans la fenêtre de Web Designer pour ouvrir le
document.
• Ou double-cliquez sur un fichier Web Designer.
• Ou pour ouvrir un fichier utilisé récemment, sélectionnez-le dans FICHIER ->
OUVERT RECEMMENT
• Ou sélectionnez FICHIER > OUVRIR (raccourci Ctrl+O)
www.magix.com
Travailler avec des documents
• Ou cliquez sur OUVRIR dans la barre de contrôle STANDARD .
La boîte de dialogue « Ouvrir » s'affiche. Dans cette boîte de dialogue, vous avez la
possibilité de sélectionner plusieurs fichiers à l'aide du raccourci Ctrl+clic pour
sélectionner plusieurs fichiers, ou Maj+clic pour sélectionner une suite de fichiers.
Comme dans l'Explorateur de Windows, vous pouvez alterner entre divers
affichages, comme miniature ou détails, à l'aide de ce bouton.
Si la case APERÇU dans le coin supérieur droit est cochée, le fichier sélectionné est
affiché dans un aperçu agrandi (ceci n'est pas valable lorsque des fichiers multiples
ont été sélectionné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électionné et barre de titre
Dans Web Designer, plusieurs fichiers peuvent être ouverts en même temps, chacun
étant disponible sous forme d'onglet en haut de l'espace de travail.
Le document actuel est affiché 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é dans le coin supérieur gauche de la fenêtre de Web Designer à côté des
options de menu. Toutes les actions sont appliquées au document actuel. Une étoile
s'ajoute au nom du fichier pour signaler que le document a fait l'objet de
modifications non enregistrées.
Les onglets des documents indiquent tous les documents ouverts, le document actuel étant
signalé par une surbrillance grise.
Barres de contrôle
Elle comprend les boutons permettant de commander Web Designer. Vous pouvez
personnaliser les barres de contrôle de diverses manières, par exemple en modifiant
l'ordre, en créant de nouvelles barres ou en masquant certaines.
La fenêtre par défaut affiche la barre de bouton STANDARD avec les boutons les plus
utilisés :
Vous pouvez personnaliser la barre de contrôle STANDARD de la même manière que
les autres barres.
www.magix.com
Travailler avec des documents
Les icônes de la barre qui disposent d'un petit indicateur en forme de triangle situé au
bas à droite de l'icône comportent une barre escamotable. Positionnez le pointeur de
la souris sur l'icône pour afficher la barre escamotable contenant d'autres icônes.
Référez-vous au chapitre Personnaliser Web Designer (voir page 359) pour de plus
amples informations sur la personnalisation des barres de contrôle.
Barre d'infos
Il s'agit d'une barre de contrôle spéciale. Son contenu diffère selon l'outil sélectionné.
Les barres d'infos spécifiques à certains outils sont décrites dans le chapitre
correspondant.
Il n'est pas possible de personnaliser la barre d'infos.
Barre d'infos de l'outil Sélection
Barre d'outils principale
C'est une barre de contrôle qui contient initialement tous les outils
disponibles dans Web Designer (voir à gauche). Vous pouvez personnaliser
la barre d'outils ou déplacer les outils vers d'autres barres de contrôle.
Certaines icônes de la barre d'outils comportent une petit indicateur
triangulaire situé dans le coin inférieur droit de l'icône. Ce symbole
correspond à une barre escamotable contenant d'autres icônes d'outils.
Maintenez le pointeur de la souris sur l'icône pour afficher la barre
escamotable. Déplacez ensuite le pointeur au-dessus de chaque icône de la
barre pour afficher l'infobulle indiquant la fonction de chaque icône.
Cliquez sur un outil pour le sélectionner (certains outils ont également des
raccourcis clavier).
Référez-vous au chapitre Personnaliser Web Designer (voir page 359) pour
de plus amples informations sur la personnalisation des barres de contrôle.
Règles
Vous pouvez masquer les règles, modifier la position de leur
origine (point zéro) et les utiliser pour créer des lignes
d'aide. Pour obtenir de plus amples informations, consultez
le paragraphe Règles (voir page 103).
87
88
La barre d'état
Objets sélectionnés
Options disponibles
Indicateurs
Pointeur de la souris X-Y
Elle est affichée dans la partie inférieure de la fenêtre. La barre d'état fournit des
informations sur les objets sélectionnés, les options disponibles, les indicateurs de
déplacement en direct/alignement ainsi que sur les position X/Y du pointeur.
Les indicateurs
Ils sont affichés sur la droite de la barre d'état.
Indicateur de déplacement live
Cet indicateur montre si la fonction de déplacement direct est active ou non
(elle est active par défaut). Faites un double-clic sur l'indicateur pour
activer/désactiver la fonction. Lorsqu'elle est activée, si vous repositionnez
l'objet, modifiez sa taille ou sa rotation, c'est l'objet entier qui sera déplacé
(pas seulement ses contours), ce qui facilite l'évaluation de l'effet en temps
réel. Lorsque cette option est activé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é, cette
fonction est automatiquement désactivée pour que l'édition reste rapide et
efficace.
Indicateur de magnétisme
Cet indicateur est allumé lorsque le Magnétisme des objets est actif (par
défaut dans les documents web – cliquez sur le bouton MAGNETISME DES
OBJETS en bas à gauche pour l'activer/désactiver). Lorsque vous faites
glisser un objet, le Magnétisme des objets vous permet de voir les vecteurs
et les points de magnétisme éventuels relatifs aux autres objets, mais
également le centre de la page et les bords, grâce à des lignes bleues
correspondant aux vecteurs de magnétisme et à des points rouge
correspondants aux points de magnétisme. (Pour de plus amples
informations sur le magnétisme, consultez le paragraphe Manipulation des
objets (voir page 130).)
Coordonnées X-Y
Web Designer indique les mesures par rapport au coin infé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 écran normal/plein écran
Dans le mode d'affichage normal, une partie de la fenêtre est occupée par la barre de
titres, le menu et les barres de défilement. Cela peut être gênant lorsque vous
souhaitez avoir la plus grande surface d'édition possible.
Web Designer dispose d'un second mode d'affichage, appelé plein écran, et qui
présente un écran nettoyé.
Vous pouvez configurer les deux modes d'affichages comme vous le souhaitez. Par
exemple, chaque mode peut avoir sa propre barre de contrôle. La configuration est
sauvegardée et affichée dès que vous changez de mode d'affichage.
Référez-vous au chapitre Personnaliser Web Designer (voir page 351) pour de plus
amples informations sur la personnalisation des barres de contrôle.
Vous pouvez contrôler le mode d'affichage écran normal/plein écran sous Fenêtre >
Plein écran (chiffre 8 sur le pavé numérique).
Déplacez le pointeur de la souris sur le bord supérieur de l'écran pour afficher la barre
de menu dans le mode plein écran.
Ouvrir une deuxième fenêtre
Vous pouvez ouvrir une deuxième fenêtre dans le même document afin :
• d'agrandir ou rétrécir l'affichage du document ;
• d'afficher une autre partie du document ;
• d'afficher deux vues de la même zone, avec une configuration différente.
Les paramètres de qualité sont décrits plus bas.
Pour ouvrir une nouvelle fenêtre, allez dans Fenêtre > Nouvelle fenêtre. Vous pouvez
ouvrir plusieurs fenêtres dans le même document.
Sélection de la fenêtre affichée
Chaque fenêtre actuellement ouverte est affichée sous forme d'onglet sous la barre
d'information. Cliquez sur un onglet pour afficher la fenêtre correspondante ou
sélectionnez le nom d'une fenêtre inscrit en bas du menu FENETRE.
Classer plusieurs fenêtres
FENETRE - >ORGANISER LES FENETRES vous permet d'organiser plusieurs fenêtres.
Chaque fenêtre dispose de sa propre barre de titres mais pas de barre de contrôle.
Cliquez sur une fenêtre pour l'activer. Avec la combinaison de touches Ctrl + F6, vous
pouvez passer d'une fenêtre à l'autre.
89
90
ORGANISER LES FENETRES permet d'afficher les fenêtres ordonnées verticalement ou,
s'il existe plus de trois fenêtres, ordonnées sous forme de mosaïque.
Minimiser les fenêtres multiples
Lorsque vous minimisez une ou plusieurs fenêtres, une icône apparaît dans l'arrièreplan de la fenêtre principale de Web Designer. Double-cliquez sur l'icône pour rouvrir
la fenêtre.
Modifier la valeur du zoom
Il peut s'avérer très utile d'agrandir votre affichage pour examiner des détails dans
votre document ou le réduire pour obtenir une vue générale. Un calibrage supérieur à
100 % agrandit la vue (comparable à une loupe) ; lorsqu'il est inférieur à 100 %, la vue
est réduite. Le seul changement s'effectue dans l'affichage : la taille du document ainsi
que les objets qu'il contient ne sont pas modifiés (le procédé de modification de la
taille du document est décrit plus bas). Pour modifier la valeur du zoom, vous pouvez
utiliser l'outil de ZOOM, la souris ou encore la barre de contrôle.
Il existe des raccourcis pour paramé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 à
50 %.
Utiliser l'outil de zoom
Pour zoomer :
• Sé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ée pour passer temporairement en
mode ZOOM (en lâchant les touches Alt + Z, vous retournez à l'outil précédent).
• Ou cliquez sur Maj + F7 pour sélectionner l'outil de ZOOM.
Modifier la valeur du zoom à l'aide de la souris
À l'aide de la molette de la souris :
• Déplacez la molette de la souris tout en maintenant la touche Ctrl enfoncée pour
modifier le facteur de zoom.
Vous pouvez également configurer un bouton de la souris comme touche de zoom.
En outre, vous pouvez alterner l'action de la molette entre défilement et zoom dans
le menu Services > Options > Tab souris (voir page 357). Vous obtenez un résultat
opposé en cliquant sur la touche Ctrl.
Un autre procédé consiste à sélectionner l'outil de ZOOM puis à :
www.magix.com
Travailler avec des documents
• cliquer pour agrandir la vue (zoomer).
• cliquer en appuyant sur Maj pour réduire la valeur du zoom (agrandir l'aperçu du
document).
• déplacer la souris en diagonale pour dessiner un rectangle. Lorsque vous relâchez
la souris, la zone à l'intérieur du rectangle sera ajustée à la taille de la fenêtre.
Modifier le zoom à l'aide de la barre de contrôle/barre d'infos.
La barre escamotable située sur la barre d'outils standard permet d'accé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ône de zoom située sur la barre d'outils standard.
Pour modifier le zoom :
Raccourcis « Ctrl + R ». Cliquez sur le bouton ZOOM PRECEDENT . Il s'agit de la
valeur paramétrée du zoom avant la configuration actuelle. Ce bouton vous
permet également de déplacer le zoom à l'intérieur et l'extérieur du document.
Cela est très utile pour examiner une zone en détail et passer en mode vue
d'ensemble. La valeur du zoom précédent est conservée pour chaque fenêtre.
Les valeurs sont enregistrées même lorsque vous naviguez d'une fenêtre à
l'autre.
Raccourci « 1 ». Cliquez sur le bouton de Zoom à 100 %. Le facteur de zoom
est alors paramétré sur 100 %.
Raccourci « Ctrl +  + J ». Cliquez sur le bouton ZOOM VERS LE DESSIN . La
fenêtre affiche tous les objets contenus dans le document.
Raccourci « Ctrl +  + P ». Cliquez sur le bouton ZOOM DANS LA PAGE . La
fenêtre affiche la page entière ou la double-page.
Raccourci « Ctrl +  + Z ». Cliquez sur le bouton ZOOM DANS LA SELECTION . Le
ou les objets sélectionnés remplissent la fenêtre.
Entrez une valeur dans le champ de texte. Cliquez sur 
pour effectuer les modifications, ou sélectionnez les
valeurs de zoom prédéfinies y compris celles ci-dessus
(Page, dessin, sélectionné, précédent) dans le menu
déroulant.
91
92
Déplacer le document à l'intérieur de la fenêtre
La manière la plus rapide de naviguer dans le document est d'utiliser le bouton central
de la souris (la molette en général), si votre souris en est équipée. Déplacez la souris
tout en maintenant le bouton du milieu appuyé. Lâchez le bouton pour revenir à l'outil
précédent.
Pour déplacer le document dans la fenêtre, vous pouvez également :
• utiliser les barres de défilement et flèches sur les bords de la fenêtre.
• utiliser la molette de la souris pour faire défiler le document vers le haut et le bas
(Maj + molette pour défiler vers la gauche et la droite).
• ou sé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ées pour passer temporairement
à l'outil de DEPLACEMENT (lâchez les touches pour retourner à l'outil précédent).
Vous pouvez ensuite utiliser la souris pour déplacer le document à l'intérieur de
la fenêtre.
La barre d'infos DE l'outil de DEPLACEMENT est la même que la barre d'infos de l'outil
de ZOOM (décrit plus haut).
L'affichage des barres de défilement est optionnel. Allez dans FENETRE > BARRES >
BARRES DE DEFILEMENT pour le désactiver.
Vous pouvez attribuer à la molette de la souris les fonctions défilement ou zoom dans
SERVICES > OPTIONS > 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éfinie sur 760 x 700 pixels (page Web SVA). Vous pouvez cependant modifier la
taille de la page si cela est nécessaire, par exemple pour supporter d'autres
résolutions d'écrans comme le VGA.
1.
2.
3.
Allez dans le menu SERVICES - > OPTIONS .
Si nécessaire, cliquez sur l'onglet Taille de la page.
Sélectionnez la taille de page requise.
www.magix.com
Travailler avec des documents
Si vous sélectionnez Personnaliser dans l'outil de sélection, vous pouvez définir une
largeur et une longueur de page personnalisées dans les champs situés en dessous.
Toutes les pages du document (site Internet exporté) peuvent avoir une taille
différente. Avec l'option TAILLE IDENTIQUE POUR TOUTES LES PAGES DU SITE INTERNET ,
vous définirez une taille identique pour toutes les pages du document.
Vous pouvez redimensionner la longueur des pages en tirant sur les bords
inférieurs de la page avec l'outil Sélection.
Pages multiples dans le document
Un document MAGIX Web Designer MX peut contenir des pages multiples. Chaque
page est exportée dans une page HTML distincte et chaque document de MAGIX
Web Designer MX correspond à un site Internet.
Par défaut, lorsque vous ouvrez ou créez un nouveau document Web, Web Designer
n'affiche qu'une page. Les documents imprimés sont en mode d'affichage multipage.
Effectuez un clic droit sur une page ou sur la table de montage et sélectionnez ou
désé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érer, de dupliquer ou de
déplacer des pages comme décrit dans les sections suivantes.
Vous reconnaissez la page actuelle d'un document grâce aux indicateurs qui
apparaissent aux coins de la page.
Insérer des pages dans un document
Faites un clic droit sur une page et sélectionnez NOUVELLE PAGE ou NOUVELLE DOUBLE
PAGE . Une nouvelle page vierge est insérée après la page.
ou
Faites un clic droit et sélectionnez DUPLIQUER LA PAGE ACTUELLE ou DUPLIQUER LA
DOUBLE PAGE ACTUELLE . Un double de la page actuelle est inséré après la page.
93
94
La nouvelle page sera la
même que l'originale,
notamment par sa taille et
son orientation ; les
contenus sont également
identiques à ceux de la page
originale de façon à ce que
vous puissiez les utiliser
comme modèle pour le
nouveau contenu.
Vous pouvez aussi utiliser
les éléments du menu
ÉDITER > 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ône de la barre afin d'ouvrir l'infobulle
écrivant chaque opé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è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élection en cours en appuyant sur
Echap ou en cliquant sur une portion vide de la page ou du presse-papiers. La barre
d'état indique « Aucun objet sélectionné ». 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ée, elle est ajoutée directement à 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 > 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ée dans « FICHIER > OPTIONS
PAGES , les dimensions de la page collée seront modifiées pour s'adapter aux
dimensions des pages du document. La nouvelle page aura donc les mêmes
dimensions que toutes les autres pages du document.
www.magix.com
Travailler avec des documents
Déplacer des pages à l'intérieur d'un document
Le moyen le plus simple de changer l'ordre de vos pages dans votre document est de
déplacer les miniatures dans la galerie des pages et des calques (située à droite par
défaut). Vous pouvez également sélectionner plus d'une page à la fois et les déplacer
pour en changer l'ordre.
Sinon, pour déplacer la page active :
• Pour intervertir la page actuelle avec la précédente, sélectionnez « ÉDITER ->
PAGES -> DEPLACER LA PAGE VERS LE HAUT » ou effectuez un clic droit et
sélectionnez DEPLACER LA PAGE VERS LE HAUT .
• Pour intervertir la page actuelle avec la précédente, sélectionnez « ÉDITER > PAGES
> DEPLACER LA PAGE VERS LE HAUT » ou effectuez un clic droit et sélectionnez
DEPLACER LA PAGE VERS LE HAUT .
Ces options de menu seront grisées si vous vous trouvez, respectivement, sur la
première ou la dernière page du document.
Supprimer des pages de votre document
Pour supprimer la page actuelle de votre document, effectuez un clic droit et
sélectionnez « Supprimer la page actuelle » ou sélectionnez « EDITER > PAGES >
SUPPRIMER LA PAGE ACTUELLE » La page actuelle et son contenu seront effacés. Ou
sélectionnez une ou plusieurs pages dans la galerie des pages et des calques et
cliquez sur le bouton « Supprimer ».
Naviguer entre les pages
Outre les méthodes habituelles de navigation (avec la barre de défilement et molette
de la souris), il existe d'autres moyens de naviguer dans les pages :
Page précédente : Déplace le document vers le haut. L'étendue de la zone déplacée
dépend du niveau de zoom. Plus le zoom est important, plus le déplacement est
grand.
Ctrl+Pg. Préc. : Aller à la page précédente et centrer dessus.
Page suivante : Déplace le document vers le bas. L'étendue de la zone déplacée
dépend du niveau de zoom. Plus le zoom est important, plus le déplacement est
grand.
Ctrl+Pg. Suiv. : Aller à la page suivante et centrer dessus
Ou bien cliquez sur les flèches sur la barre d'état :
La barre d'état est également très pratique pour savoir quelle(s) page(s) vous êtes en
train de visionner.
95
96
Remarque : tous ces déplacements sont relatifs à la page que vous voyez et non pas
à la page actuelle.
Galerie des pages et des calques
Vous pouvez également utiliser la Galerie des pages et des calques pour gérer
simplement les pages de votre document. Elle permet de visualiser, ajouter, dupliquer,
supprimer, ordonner et renommer les pages depuis un même é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éaliser régulièrement une sauvegarde de votre
document. Un document complexe peut représenter des heures de travail qui peuvent
être réduites à néant en raison d'une coupure de courant par exemple. Assurez-vous
que la fonction de sauvegarde automatique soit toujours activée afin que les
documents sur lesquels vous travaillez soit sauvegardés réguliè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 « Enregistrer » dans la barre de
contrôle STANDARD ).
À l'aide de cette fonction, vous pouvez sauvegarder rapidement un document sous le
même nom. Cette option est désactivée sauf si le document contient des
modifications non enregistrées. (C'est-à-dire si vous avez opéré des modifications
mais que vous ne les avez pas sauvegardées.)
Pour un nouveau document qui n'a encore jamais été sauvegardé, cette option
fonctionne comme ENREGISTRER SOUS... .
Enregistrer sous (dans le menu fichier)
Cette option ouvre une boîte de dialogue permettant de sauvegarder le document
sous un nom différent ou dans un répertoire différent. Cette option est utile pour
ré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 à « ENREGISTRER SOUS » ni à « ENREGISTRER ».
www.magix.com
Travailler avec des documents
Dossiers d'aide
Certains documents utilisés pour créer des sites Internet doivent être reliés à des
fichiers externes qui ne peuvent pas être incrustés dans le fichier de modèle .xar. Par
exemple, il se peut qu'un fichier Flash soit utilisé sur votre site Internet et que vous
souhaitiez le garder avec votre fichier de modèle parce que vous ne pouvez pas
exporter un site entièrement opérationnel à partir du fichier de modèle si vous
n'exportez pas ce fichier Flash également. Et si vous deviez envoyer votre modèle à
quelqu'un d'autre ou si vous souhaitiez le transférer sur un autre ordinateur, vous
voudriez transférer le fichier Flash en même temps.
Dans ce cas, MAGIX Web Designer MX utilise un « fichier d'aide » facultatif en
parallèle du fichier de modèle pour conserver ces fichiers externes.
Nommer le fichier d'aide
Le fichier de modèle et son fichier d'aide sont reliés par leur nom. Le fichier d'aide
pour « monSite.web » est toujours « monSite_web_files ». Cette convention permet
de voir clairement quel fichier d'aide appartient à quel fichier de modèle. Donc si vous
renommez, copiez ou déplacez un fichier de modèle, faites-le également pour le
fichier d'aide s'il y en a un. Si vous envoyez un fichier de modèle à quelqu'un, envoyezlui également le fichier d'aide.
Si vous téléchargez un modèle de conception accompagné d'un fichier d'aide et que
vous sélectionnez « Enregistrer sous » pour sauvegarder une copie de ce modèle,
MAGIX Web Designer MX copiera l'intégralité du fichier d'aide s'il y en a un.
Contenus des fichiers d'aide
Lorsque vous utilisez l'onglet « Emplacement d'objet » de la boîte de dialogue
« Propriétés Web » pour insérer une référence à un fichier externe dans le modè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èle pour vous. S'il n'y a
pas encore de fichier d'aide, le logiciel le crée.
Notez que si vous changez un objet d'emplacement pour qu'il réfère à un fichier
différent, le fichier original ne sera pas automatiquement supprimé du fichier d'aide.
Par conséquent, si vous n'avez plus besoin d'un fichier, il vous faudra le supprimer
manuellement.
Vous pouvez également copier manuellement les fichiers de votre choix dans le
fichier d'aide d'un modèle, en créant le fichier manuellement si nécessaire. MAGIX
Web Designer MX ne supprimera aucun élément de ce fichier, qu'il soit ou non relié
au modèle correspondant. Cela s'explique par le fait qu'un modèle peut faire référence
de plusieurs manières différentes à un fichier externe. Par exemple, vous pouvez
insérer un élément de code HTML dans votre modèle qui fasse référence à un fichier
externe que vous avez placé dans votre fichier d'aide. Il est aussi possible qu'un fichier
externe fasse référence à un autre fichier externe ! MAGIX Web Designer MX ne peut
97
98
en aucun cas être sûr qu'un fichier n'est pas utilisé 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és dans le répertoire qui contient toutes les images générées
pour votre site. Ainsi, si vous exportez « monSite.web » dans « index.htm », tous les
fichiers du répertoire « monSite_web_files » sont copiés dans le répertoire
« index_htm_files ».
Fermer le document
Pour fermer le document :
• sélectionnez FICHIER > FERMER
• ou cliquez sur Ctrl+F4 ou Ctrl+W.
• ou cliquez sur le plus petit des deux « X » qui se trouvent dans le coin supérieur
droit de la fenêtre.
Remarque : sur la plupart des ordinateurs, le « X » 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égulières des documents
ouverts lorsque vous travaillez, si vous le souhaitez. Cette fonction vous évite de
perdre des données en cas de coupure de courant ou d'une autre fermeture anormale
du programme. Elle est également utile si vous décidez d'utiliser une version
précédente de votre document le cas échéant.
Pour activer ou désactiver la fonction de sauvegarde automatique, ouvrez la boîte de
dialogue SERVICES > OPTIONS et sélectionnez l'onglet SAUVEGARDES .
Sauvegarde des documents ouverts
Pour activer la fonction de sauvegarde, cochez cette case et sélectionnez la fréquence
à laquelle les sauvegardes doivent être effectuées. La période suggérée est de 10
minutes, c'est-à-dire que tous les documents ouverts seront sauvegardés si 10
minutes se sont écoulées depuis la dernière sauvegarde (ou depuis la création ou
l'ouverture du document).
Veuillez noter qu'une fois que cet intervalle depuis la dernière sauvegarde est écoulé,
la prochaine sauvegarde est enregistrée uniquement lorsque le programme n'a pas
été utilisé pendant au moins 15 secondes. Cela permet d'éviter les interruptions dans
votre travail autant que possible et d'é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égulière de 15 secondes ou plus ne se produise, permettant
d'effectuer la sauvegarde régulièrement. Cependant notez que si vous éditez un
document durant une longue période, la prochaine sauvegarde pourrait être réalisée
bien après l'intervalle de temps défini.
L'outil de sauvegarde automatique n'enregistre pas les modifications de sousdocuments ouverts. Seul le document principal principal est enregistré lors d'une
sauvegarde programmée, dans son état actuel et sans les modifications non
99
100
enregistrées de groupes. Pour cette raison, il est recommandé d'enregistrer
réguliè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ê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ées.
Les sauvegardes de documents enregistrées ici sont accessibles à tout moment à
l'aide de l'option FICHIER > OUVERT RECEMMENT > SAUVEGARDES. Une boî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évisions
Par défaut, le dossier de sauvegarde contient jusqu'à 10 révisions de chaque modèle
mais vous pouvez modifier ce nombre dans le champ de révisions. Les révisions
anciennes excédant le nombre défini seront supprimées automatiquement. Chaque
fichier de sauvegarde est nommé à partir du nom du document d'origine, auquel un
suffixe indiquant la date et l'heure de la sauvegarde est ajouté.
ATTENTION : veuillez noter que si plusieurs documents partagent le même nom de
fichier dans différents dossiers de votre ordinateur, les copies de sauvegarde
porteront également le même nom que dans le dossier des sauvegardes. Par
conséquent, essayez d'attribuer des noms uniques aux fichiers de vos modèles afin
d'éviter que la sauvegarde d'un modèle n'écrase un autre portant le même nom.
Documents sans titre
Les documents créés qui n'ont pas encore été sauvegardés sont regroupés sous le
même nom « non titré » suivi d'un nombre et de la date/l'heure. Le nom et le nombre
correspondent à ceux affichés dans la barre de titre lorsque vous éditez de nouveaux
documents non sauvegardés.
ATTENTION : dans la mesure où tous les nouveaux documents sans sauvegarde
sont nommés Untitled1, Untitled2, etc., il existe un grand risque d'écraser une
sauvegarde par celle d'un autre fichier. Par conséquent, il est recommandé 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 à la fermeture du programme
L'onglet Sauvegardes dans la boîte de dialogue des options vous permet également
d'activer la fonction de SAUVEGARDE ET RESTAURATION AUTOMATIQUE . Lorsque cette
option est activée, on ne vous demandera pas de sauvegarder tous les documents
modifiés lorsque vous quittez MAGIX Web Designer MX. En effet, tous les
documents ouverts sont sauvegardés dans le dossier des Sauvegardes et le
programme se ferme. Lorsque vous démarrez le programme à nouveau, ces mêmes
documents sont automatiquement restaurés afin que vous puissiez continuer à
travailler là où vous vous êtes arrêté.
Remarquez que si vous avez des affichages de sous-documents ouverts, ils sont
fermés et enregistrés dans le document principal lorsque le programme se ferme, et le
document principal est enregistré. Les affichages de sous-documents ne sont pas réouverts au redémarrage du programme. Voir Édition à l'intérieur des groupes
Récupérer des documents après une fermeture anormale du programme
Si la fonction de sauvegarde automatique est activée et que le programme se ferme
anormalement (en raison d'une coupure de courant par exemple), le programme le
détecte lorsqu'il est redémarré. Il vous proposera alors de restaurer la version
sauvegardée la plus récente de chaque document ouvert au moment de la dernière
sauvegarde.
Une fermeture anormale ne sera pas détectée si aucune sauvegarde automatique de
fichier n'a été réalisée depuis la dernière fermeture normale du programme.
Sauvegardes durant l'arrêt du système
Si vous fermez Windows sans fermer auparavant le programme, tous les documents
ouverts sont sauvegardés dans le dossier des sauvegardes même si l'option de
Sauvegarde des documents ouverts à la fermeture du programme n'est pas activée.
Cela permet de fermer le système sans que MAGIX Web Designer MX interrompe
cette action en vous demandant si vous souhaitez sauvegarder vos documents.
Lorsque vous démarrez le programme à nouveau, il vous demandera si vous souhaitez
ou non restaurer les documents qui étaient ouvert au moment ou le système a été
arrêté.
Récupération de sauvegardes
Vous pouvez accéder aux sauvegardes de vos documents en utilisant l'option de
menu Fichier > OUVERT RECEMMENT > SAUVEGARDES . Une boî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é d'utiliser
cette boîte de dialogue pour supprimer de temps à autre des sauvegardes anciennes
indésirables.
Veuillez noter que lorsque vous téléchargez un document de sauvegarde, il n'est pas
automatiquement associé au fichier de modèle qui a servi de référence pour la
sauvegarde. Il est traité comme un document indépendant. Par conséquent, si vous
101
102
décider de conserver un document de sauvegarde, vous devriez utiliser l'option
FICHIER > ENREGISTRER SOUS pour le sauvegarder à un autre emplacement sous un
nom approprié.
Grille
Pour vous assister dans la mise en page de votre document, Web Designer peut
afficher une grille qui apparaît uniquement sur l'écran mais n'est jamais exportée ni
imprimée. Cette grille vous aide à aligner les objets (comme si vous utilisiez du papier
quadrillé).
Faites un clic droit et sélectionnez AFFICHER LA GRILLE/LES GUIDES > AFFICHER LA
GRILLE pour afficher/masquer la grille ou sélectionnez MAGNETISME > MAGNETISME
DE LA GRILLE . Vous pouvez également sélectionner FENETRE > MAGNETISME DE LA
GRILLE .
Les points de la grille fonctionnent alors comme des aimants et les objets déplacés
sont automatiquement alignés sur le point le plus proche. Par défaut, le magnétisme
par rapport à la grille des documents web est activé et la grille possède une précision
d'un pixel.
Le type de grille (isométrique/rectangulaire), le point 0,0 (origine) et l'espacement
des points de la grille sont contrôlés par l'onglet GRILLE ET REGLES (voir page 356) de
la boîte de dialogue des options. Les modifications sont appliquées uniquement au
document sélectionné.
Vous pouvez déplacer la grille par rapport à la page en déplaçant le point (0,0) de la
règle (décrit plus bas).
L'alignement sur les objets par magnétisme est aussi activé par défaut dans les
documents web. Le magnétisme des objets est un moyen très efficace d'aligner les
lignes, les points et les bords des objets entre eux avec précision pour qu'ils soient
contigus.
Vous pouvez mê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 à ses bords.
Pour passer en mode de magnétisme des objets, cliquez sur le bouton
MAGNETISME DES OBJETS ou faites un clic droit puis sélectionnez MAGNETISME >
MAGNETISME DES OBJETS . Vous pouvez également sélectionner FENÊTRE >
MAGNÉTISME DE LA GRILLE .
Consultez le paragraphe Manipulation des objets (voir page 130) pour en savoir plus
sur le magnétisme de la grille et des objets.
www.magix.com
Travailler avec des documents
Règles
Les règles sont masquées en mode standard. Pour les afficher :
• Faites un clic droit et sélectionnez AFFICHER LA GRILLE/LES GUIDES > AFFICHER LA
REGLE pour afficher/masquer la grille.
• Appuyez sur « Ctrl + Maj + R ».
• Ou sélectionnez FENETRE > BARRES > AFFICHER LES REGLES .
Web Designer utilise des règles pour :
• Contrô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 > MAGNETISME DE LA
GRILLE est active, les lignes de guidage s'alignent automatiquement sur les
divisions de la rè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ègles quand vous créez des objets ou modifiez leur taille.
Elles permettent également d'utiliser l'OUTIL DE SELECTION avec plus de précision
(voir Sélectionner des objets" pour plus d'informations).
Les règles sont affichées à gauche et en haut de la fenêtre. Une ligne en pointillés suit
la position actuelle du pointeur sur chaque règle.
Les unités et le nombre de divisions des règles sont identiques à celles définies pour la
grille. Vous pouvez les définir en utilisant l'onglet Grille et règle (voir page 356) de la
boîte de dialogue des options. Les unités actuelles et le facteur de calibrage sont
affichés à la droite de la règle supérieure.
Afficher/masquer les règles
Faites un clic droit et sélectionnez AFFICHER LA GRILLE/LES GUIDES > AFFICHER LES
GRILLES (« Ctrl + Maj + R ») pour activer/désactiver les règles. Ce paramètre
s'applique à la fenêtre actuelle et aux fenêtres que vous ouvrirez par la suite. Les
fenêtres déjà ouvertes ne sont pas concernées.
103
104
Modifier le point d'origine des règles
Il est souvent plus simple de mesurer un objet si vous alignez le point d'origine des
règles sur ce dernier. Pour déplacer ce point, tirez la case jusqu'à l'intersection des
deux règles.
Vous pouvez tirer les règles verticalement ou horizontalement le long de la fenêtre
d'édition de Web Designer. La nouvelle position sera indiquée par une ligne en
pointillés.
Cette opération déplace également le point d'origine de la grille de manière à ce que
les règles soient toujours alignées sur la grille.
Vous pouvez également déplacer le point d'origine depuis le dessous de l'onglet
GRILLES ET REGLETTES (voir page 356) de la boîte de dialogue des options.
Qualité d'affichage
Cinq réglages de qualité différents sont disponibles dans le menu WINDOWS >
QUALITE , qui permet de déterminer l'apparence du document affiché dans MAGIX
Web Designer MX :
• Contours seulement. La fonction anti-alias a été généralisée pour les écran de
haute qualité.
• Contours avec étapes de fondu.
• Couleur intense (pas d'anti-alias).
• Haute qualité (anti-alias complet et lissage de l'image).
• Très haute qualité (haute qualité améliorée, le meilleur anti-alias de l'industrie.
Nouvel affichage photo bi-cubique complètement remanié qui améliore la qualité
des photos recalibrées).
COULEUR INTENSE affiche le document en couleur mais la fonction anti-alias est alors
désactivée.
Dans les paramètres des CONTOURS , seuls les contours des formes apparaissent (ils
sont affichés sous forme quadrillée). Cela permet de sélectionner plus facilement des
objets cachés derrière d'autres.
www.magix.com
Travailler avec des documents
Le réglage de la qualité n'a aucune incidence sur l'exportation ou l'impression du
document, excepté pour l'exportation de documents bitmaps qui utilise les
paramètres de qualité actuels.
Galeries
MAGIX Web Designer MX utilise des galeries pour fournir un accès pratique à des
bibliothèques de contenu comme des modèles de conception, des polices, des
couleurs, des clip-arts et des bitmaps/photos. Cette section de l'Aide fournit des
informations générales relatives aux fonctionnalités communes aux multiples galeries.
Les sections individuelles décrivent les fonctions spécifiques à chaque galerie.
Par défaut, la Galerie Pages & Calques est ouverte en mode Pages (affiche uniquement les pages,
pas leurs calques) et arrimée sur la droite de la fenêtre de Web Designer.
Pages et Calques
Designs (modè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èles et de styles fournis avec MAGIX Web Designer MX.
105
106
La GALERIE des BITMAPS vous montre les bitmaps et les photos utilisés par tous les
documents actuellement ouverts.
Certaines galeries sont décrites en dé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 à droite de l'espace de travail (la barre des galeries). La galerie s'ouvre
automatiquement. Lorsque vous é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ésenté par une épingle) dans le coin
en haut à gauche de celle-ci. Le bouton CACHER AUTOMATIQUEMENT se
transforme en épingle pointée vers la bas, indiquant que la galerie est
maintenant « épinglée » à l'espace de travail.
Pour fermer une galerie « épinglée », voir Fermer une galerie (voir page 112).
« Non-épinglée » : la galerie se ferme lorsque vous éloignez le pointeur de la
souris de la galerie.
« Épinglée » : la galerie reste ouverte lorsque vous éloignez le pointeur de la
souris. Elle peut être aussi déplacée et fixée (voir page 107) ailleurs.
À noter : par défaut la GALERIE DE REMPLISSAGE ne laisse pas apparaître son nom,
mais seulement son icône, jusqu'à ce qu'elle soit ouverte. Web Designer vous
indique toujours le titre de la dernière galerie que vous avez visionnée.
www.magix.com
Travailler avec des documents
Déplacer et fixer une galerie
Vous pouvez « détacher » une galerie de la barre de galeries et la déplacer à l'endroit
qui vous convient le mieux n'importe où dans l'espace de travail. Vous pouvez
également « fixer » la galerie (ou un groupe de galeries) en haut , en bas, à gauche ou
à droite de l'espace de travail.
Vous pouvez déplacer une galerie n'importe où dans l'espace de travail
Pour déplacer une galerie :
1.
2.
Ouvrez une galerie et cliquez sur le bouton MASQUER AUTOMATIQUEMENT afin
d'épingler la galerie. Le bouton se transforme en épingle pointant vers le bas,
indiquant que la galerie peut être déplacée et épinglée à 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'épingler à un nouvel endroit.
Si vous déplacez la galerie de bitmaps ou la galerie de remplissage, les deux galeries
sont couplées et se déplacent simultanément. Accédez à 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 être fixée et que vous la
faites glisser, un certain nombre de flèches apparaissent sur l'espace de travail,
indiquant à quels endroits vous pouvez fixer la galerie.
www.magix.com
Travailler avec des documents
Le fait de glisser une galerie fait apparaître des flèches de fixation au centre, en haut, en bas, à
gauche et à droite de l'espace de travail. Fixer une galerie en la faisant glisser jusqu'à une flèche.
Exemple d'une galerie ayant été fixé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'à la flèche pointant vers la
position où vous souhaitez placer la galerie. Par exemple, si vous voulez que la
galerie soit en haut de l'écran, déplacez-la jusqu'à la flèche pointant vers le
haut de l'espace de travail.
Lorsque le pointeur de la souris atteint la flèche, une boîte grise transparente
met la nouvelle position de la galerie en évidence.
Relâchez la touche de la souris afin de fixer la galerie. Désormais, lorsque vous
fermez ou que vous masquez automatiquement la galerie, son onglet
apparaîtra à la nouvelle position.
Survolez son onglet avec le pointeur ou cliquez sur celui-ci pour ouvrir la
galerie à nouveau.
À noter : afin de remettre toutes les galeries à leurs positions par défaut,
sélectionnez BARRES DE CONTROLES à partir du menu FENETRE et cliquez sur
GALERIES , puis REINITIALISER .
109
110
Utiliser des galeries
Plier ou dé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électionnez la section Ouvrir/Fermer. Le menu pop up affiche alors des options
permettant de passer aux sections précédentes ou suivantes.
Cette illustration montre que la Galerie est dépliée. Les autres galeries ont le même aspect.
Les boutons situés en haut dépendent du type de galerie (par exemple, dans la galerie
des bitmaps, « Remplissage » et « Transp » sont propres à cette galerie). Cependant,
la plupart des galeries disposent des boutons suivants :
• « APPLIQUER » : applique l'élément sélectionné dans la galerie. Cliquez sur l'objet
pour le sélectionner.
• « OPTIONS » : ouvre un menu dans lequel vous pouvez sélectionner :
www.magix.com
Travailler avec des documents
• « CHERCHER » : voir description plus bas dans « Chercher par nom d'objet ».
• « TRIER » : voir description plus bas dans « Modifier le classement des objets dans
la galerie ».
• « PROPRIETES » : permet de définir la taille des icones et les informations affichées
dans la galerie.
• « AJOUTER » : (Galeries Clipart, remplissage et polices) : voir description plus bas
dans « Ajouter des objets à une galerie ».
• « SUPPRIMER » : (Galeries Clipart, remplissage et polices) : voir description plus
bas dans « supprimer des sections d'une galerie ».
Sélectionner des objets
Pour sélectionner un objet :
• cliquez sur l'objet pour le sélectionner.
• ou cliquez sur un objet, puis, tout en maintenant la touche Maj enfoncée, cliquez
sur un autre objet. Tous les objets se trouvant entre ces deux objets sont alors
sélectionnés.
• ou encore cliquez sur un objet tout en maintenant la touche Ctrl enfoncée afin
d'ajouter un objet à la sélection.
Reclasser les objets dans la galerie
Dans certaines galeries, le menu « OPTIONS > TRIER » ouvre une boîte de dialogue.
Vous pouvez classer les objets par nom et, en fonction de la galerie, selon d'autres
critères. Les touches de contrôle primaire permettent de procéder un premier
classement. Pour certains paramè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 « rouge » :
1.
sélectionnez OPTIONS >
1.
entrez le mot ROUGE dans le
champ de texte.
sé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és disponibles dans
certaines galeries).
RECHERCHER
2.
111
112
Ajouter à une galerie
Vous pouvez ajouter des objets à ces galeries (galeries de DESIGN et de REMPLISSAGE
seulement). Pour cela :
1.
Copiez dans un nouveau répertoire les fichiers que vous souhaitez ajouter à
l'aide de l'Explorateur Windows.
Pour la galerie des CLIPARTS , les fichiers peuvent ê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électionnée, cliquez sur le bouton DESIGN
DISQUE /REMPLISSAGES . Une boîte de dialogue s'affiche.
Sélectionnez le dossier via la boîte de dialogue.
Cliquez sur Ajouter. Une nouvelle section est créée dans la galerie.
Si vous souhaitez ajouter des objets à ce dossier ultérieurement :
1.
2.
3.
4.
Copiez les nouveaux fichiers dans le dossier existant.
Dans la galerie, cliquez sur DESIGN DISQUE/REMPLISSAGES . Une boîte de
dialogue s'affiche.
Sélectionnez le dossier que vous souhaitez ajouter via la boîte de dialogue.
Cliquez sur METTRE A JOUR pour mettre à 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écupérer la section ultérieurement, ajoutez ses dossiers à la galerie
(décrit plus haut).
Fermer une galerie
Par défaut, le bouton MASQUER AUTOMATIQUEMENT d'une galerie est actif (autrement
dit, le bouton MASQUER AUTOMATIQUEMENT de la galerie dans le coin supérieur droit
n'est pas épinglé) afin que la galerie se ferme automatiquement lorsque vous en faites
sortir le curseur de la souris.
Cependant, si vous avez désactivé le bouton MASQUER AUTOMATIQUEMENT (épinglé),
vous devrez fermer la galerie manuellement.
Pour fermer une galerie flottante, cliquez sur le bouton FERMER dans le coin supé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ée, cliquez sur le bouton MASQUER AUTOMATIQUEMENT
(épingle) ou sur le bouton FERMER dans le coin supé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ée.
Pour rouvrir la galerie, survolez son onglet ou cliquez dessus.
Supprimer une galerie de l'espace de travail
Par dé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ône ou son onglet avec le
curseur de la souris. Cependant, vous pouvez configurer Web Designer de sorte que
chaque galerie inutilisée soit retirée de l'espace de l'espace de travail.
Pour supprimer les galeries non désirées de l'espace de travail, procédez comme suit :
• Sélectionnez GALERIES dans le menu SERVICES et choisissez la galerie que vous
souhaitez supprimer. La galerie sélectionnée disparaît de votre espace de travail.
Pour rétablir la galerie, sélectionnez GALERIES dans le menu SERVICES et choisissez
la galerie que vous souhaitez réintégrer.
• Sélectionnez BARRES DE CONTROLE dans le menu FENETRE et dé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 à présent affichée au-dessus de l'espace de travail,
vous pouvez contrôler l'affichage d'une galerie en cliquant sur le bouton de sa
barre d'outils.
Restaurer les barres de contrôle/galeries par défaut
Sélectionnez FENETRE > BARRES DE CONTROLE et cliquez sur REINITIALISER pour
restaurer la configuration par défaut des barres de contrôle.
113
114
Annuler et Rétablir
Que signifie Annuler et Ré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és. Toutes les
actions que vous effectuez sont enregistrées dans une liste « Annuler » qui vous
permet d'annuler non seulement la dernière opération mais aussi de remonter
plusieurs opérations successives. De cette façon, vous pouvez faire des essais en
toute liberté tout en sachant que vous pouvez revenir sur une opération qui ne vous
convient pas.
La commande Annuler
« Annuler » permet d'effacer les effets de la dernière action. Pour annuler une
opération :
• cliquez sur le bouton ANNULER dans la barre de contrôle STANDARD .
• ou allez sur Éditer > Annuler (la description exacte des prochaines étapes vous
guide)
• ou appuyez sur Ctrl+Z
• ou appuyez sur la touche virgule (dans tous les ;odes excepté l'outil de TEXTE)
Vous pouvez utiliser la fonction « Annuler » à plusieurs reprises pour revenir sur les
opérations.
La commande Rétablir
« Rétablir » permet d'annuler les effets de la dernière commande « Annuler ».
Pour rétablir la dernière opération :
• cliquez sur le bouton RETABLIR dans la barre de contrôle STANDARD .
• ou allez sur ÉDITER > RETABLIR (la description exacte vous indique les prochaines
étapes à suivre).
• ou appuyez sur Ctrl+Y.
• ou appuyez sur la touche point (dans tous les outils excepté l'outil de TEXTE).
Vous pouvez utiliser la fonction « Rétablir » uniquement immédiatement après
« Annuler ». Vous ne pouvez pas utiliser cette commande après une modification du
document (par exemple après avoir déplacé ou ajouté un objet).
www.magix.com
Utilisation des objets
Utilisation des objets
L'outil de sélection
L'OUTIL DE SELECTION est l'outil principal pour sélectionner, déplacer,
redimensionner et faire pivoter des objets. Il est généralement plus utilisé
que les autres outils et constitue l'outil essentiel à la manipulation de
documents.
Dimensions de la sélection
Contrô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 « Alt + S », « V » ou « F2 ».
Lorsque vous passez à l'OUTIL DE SELECTION , si vous sélectionnez des objets ou des
éléments composites d'un groupe, l'objet parent (groupe) sera sélectionné à leur
place.
L'outil de SELECTION étant l'outil le plus utilisé, il existe des combinaisons de touches
supplémentaires permettant d'alterner entre l'outil de sélection pour sélectionner ou
pour une autre opération, puis pour revenir ensuite rapidement à l'outil précédent. Si
vous utilisez un autre outil, vous pouvez passer rapidement à l'outil de SELECTION de
la manière suivante :
• Utilisez la combinaison Alt+S pour alterner vers l'outil de SELECTION . En répétant
l'opération, vous alternez à nouveau vers l'outil précédent, ou
Sélection d'objets
Pour sélectionner un objet, cliquez sur n'importe quelle partie visible de cet objet.
115
116
Modifier la sélection d'objet
Lorsqu'un objet est sélectionné, vous pouvez utiliser les touches suivantes pour
modifier la sélection :
• Fin permet de sélectionner l'objet en fond.
• Orig permet de sélectionner l'objet en premier plan.
• La touche de tabulation permet de sélectionner le prochain objet se trouvant sur
le calque arrière.
• Maj+Tab permet de sélectionner le prochain objet se trouvant sur le calque
avant.
Les objets de premier-plan et d'arrière-plan sont décrits en détail dans le chapitre
Manipulation des objets (voir page 115).
Sélection
Cliquez et maintenez le bouton de la souris enfoncé pour sélectionner plusieurs
objets. La souris trace alors un rectangle de sélection et tous les objets se trouvant à
l'intérieur sont sélectionnés.
Certains autres programmes de dessin nomment ceci la « sélection ».
Si un objet vous gêne pour tracer le rectangle dans la mesure où il serait déplacé par
ce mouvement, maintenez la touche «  » enfoncée pendant que vous tracez le
rectangle de sélection.
Étendre la sélection
Pour sélectionner des objets supplémentaires :
• Utilisez la combinaison Maj+clic
• ou Maj+tirer avec la souris. Vous tracez ainsi un rectangle de sélection et ajoutez
des objets compris dans le rectangle à la sélection.
Sélectionner sous
Maintenez la touche Alt enfoncée pour sélectionner des objets cachés par d'autres
objets. Avec la combinaison Alt+clic, vous pouvez accéder à plusieurs objets
superposés.
Sélectionner à l'intérieur
Vous pouvez sélectionner un objet qui se trouve à l'intérieur d'un groupe ou dans un
autre objet conteneur en maintenant la touche « Ctrl » lorsque vous cliquez dessus.
C'est ce qu'on appelle « sélectionner à l'intérieur ». L'objet sur lequel vous cliquez sera
sélectionné même s'il est logé parmi plusieurs groupes imbriqués. Lorsque vous avez
une telle imbrication de groupes, il est parfois préférable de sélectionner l'un des
groupes imbriqué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 « Alt » et« Ctrl ». Le
premier clic de cette façon sélectionne le premier groupe (comme le fait un clic
normal). Cliquez à nouveau et le groupe suivant dans la hiérarchie sera sélectionné à
la place. Cliquez jusqu'à ce que vous arriviez au groupe de votre choix dans la
structure.
Veuillez noter que certaines opérations ne sont pas permises avec une sélection à
l'intérieur. Par exemple, la sélection et la copie par clic droit ne fonctionnent pas pour
la sélection interne.
Déplacement d'objets sélectionnés sous ou dans
Si vous devez déplacer un objet sélectionné qui se trouve sous un autre ou à l'intérieur
d'un groupe, un simple mouvement de glissement de souris ne suffit pas dans la
mesure ou plusieurs objets seront alors déplacés. Pour éviter cela, maintenez les
touches « Ctrl+Alt » enfoncées et commencez à tirer. Ainsi seul l'objet sélectionné
sera déplacé. Vous pouvez relâcher les touches une fois que vous avez commencé à
tirer.
Vous pouvez également utiliser les touches fléchées de votre clavier pour déplacer
l'objet progressivement.
Sélection et calques
Vous ne pouvez pas sélectionner des objets dans des calques verrouillés ou invisibles.
Reportez-vous au chapitre Galerie des pages et des calques (voir page 323) pour
plus d'informations sur les calques.
Sélection de tous les objets
Pour sélectionner tous les objets :
• Choisissez ÉDITION > TOUT SÉLECTIONNER.
• Ou cliquez sur Ctrl+A.
Désélection d'objet
Pour désélectionner un objet :
• Cliquez dans n'importe quelle section non utilisée du document.
• Ou allez dans ÉDITION > SUPPRIMER LA SELECTION .
• Ou cliquez sur Echap.
Pour désélectionner un objet parmi plusieurs :
• Maj+clic sur l'objet. Cette opération permet de désélectionner l'objet. Les autres
objets restent sélectionnés.
117
118
Marqueurs de sélection
Chaque objet sélectionné affiche un marqueur de sélection unique indiquant que
l'objet est sélectionné. Il s'agit d'un rappel utile lors de la sélection et désélection de
plusieurs objets.
Barre d'état
La barre d'état située dans la partie inférieure de la fenêtre décrit le contenu de la
sélection.
Poignées de limites de la sélection
Les poignées des limites de la sélection vous permettent de calibrer et d'étirer les
objets sélectionnés. Voir Étirer et écraser des objets pour plus d'informations. Des
clics successifs sur un objet permettent d'alterner entre l'affichage des limites de la
sélection et des poignées de rotation.
Tabulateur
En cliquant sur le tabulateur ou la combinaison Maj+tabulateur, vous pouvez alterner
entre les différents objets sélectionnés (objet précédent et suivant dans le document).
www.magix.com
Utilisation des objets
Déplacement des objets
Pour faire glisser un objet à travers la page
1.
2.
Choisir l'OUTIL DE SÉLECTION .
Faire glisser les objets vers la position souhaitée. Maintenir la touche Ctrl
enfoncée pour restreindre la direction du mouvement à l'un des angles
prédéfinis.
Les angles prédéfinis sont définissables par l'utilisateur. (Se reporter au chapitre
Personnaliser Web Designer (voir page 351).)
Maintenir les touches Ctrl+Alt appuyées afin de pouvoir faire glisser l'objet
sélectionné même si le pointeur ne se trouve pas au-dessus. Ceci est utile lorsque
l'objet sélectionné est masqué par un autre objet ou une partie d'un groupe. Relâcher
les touches Ctrl et Alt après avoir commencé le déplacement à moins que vous ne
souhaitiez restreindre le déplacement.
Vous pouvez également déplacer les objets à l'aide des touches de curseur fléchées.
Ceci est décrit en page suivante.
Déposer une copie
Lors d'un déplacement (tout en maintenant le bouton gauche de la souris enfoncé),
cliquez sur le bouton droit de la souris ou appuyez sur la touche + du pavé numérique
pour dé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éer une série d'objets
dupliqués.
Vous pouvez également maintenir le bouton droit de la souris enfoncé et tirer. Ceci
fait immédiatement glisser une copie de l'objet. Cliquez à gauche afin de déposer une
copie à l'endroit où se trouve la souris.
Remplissages
Généralement, lorsque vous déplacez un objet, vous déplacez également son
remplissage :
Déplacement normal de gauche à droite avec un objet à remplissage linéaire.
Ceci s'applique également à la rotation, l'inclinaison, la modification de l'échelle et
l'étirement des objets.
119
120
Web Designer peut également déplacer l'objet sans déplacer le remplissage d'origine.
Pour cela, cliquez sur la touche − du pavé numérique pendant le déplacement.
Même déplacement mais en appuyant sur la touche −(moins) pendant que vous faites glisser
Avancer les objets
Généralement, vous pouvez déplacer un objet légèrement à l'aide des touches
fléchéespour faire avancer l'objet . (Ces touches ont parfois d'autres utilisations, tout
particulièrement dans l' OUTIL D'AJOUT DE TEXTE.)
Cette progression n'est affectée ni par l'accrochage magnétique, ni par l'accrochage
sur la grille. (L'accrochage est dé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éché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> 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éplacer ou de copier un objet au sein d'un même
document ou entre différents documents. La procédure est la suivante :
1.
2.
3.
Sélectionnez l'objet.
Pour supprimer l'objet, sélectionnez ÉDITER > COUPER (ou faites « Ctrl + X »).
Pour copier l'objet sans le supprimer, sélectionnez ÉDITER > COPIER (ou faites
« Ctrl + C »). Les deux options placent l'objet (ou une copie) dans le pressepapiers.
Sélectionnez ÉDITER > COLLER, faites « Ctrl + V » 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ême calque, vous pouvez
les coller sur un même calque en commençant par faire de lui le calque actuel puis en
sélectionnant ÉDITER > COLLER > COLLER SUR LE CALQUE ou COLLER AU MEME ENDROIT
SUR LE CALQUE ACTUEL . Dans ce cas, le calque dont les objets ont été copiés est
ignoré.
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ées réparties en calques à l'intérieur d'un même
document ou dans un document différent. Lors de cette opération, tous les calques
manquants dans le document cible sont créés automatiquement. Par exemple, si vous
copiez un bouton de survol de la souris dont un objet est sur le calque d'état normal
(MouseOff) et un autre sur le calque de survol de la souris (MouseOver) vers un
nouveau document dénué de ces deux calques, les calques en question seront créés
et les objets du bouton y seront copiés.
« Ctrl+ Maj + V » ou ÉDITER > COLLER AU MEME ENDROIT colle le contenu du pressepapiers à la position X–Y occupée par les objets coupés ou copiés. Ceci s'applique
uniquement aux objets coupés ou copiés à l'intérieur de Web Designer. Les objets
importés depuis d'autres programmes sont toujours collés au centre de la fenêtre
actuelle.
L'objet reste dans le presse-papiers de façon à 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î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
« Rich Text »).
De plus, selon le contenu du presse-papiers, vous pourrez voir les options de collage
suivantes :
Copier le texte non formaté
Colle le texte du presse-papiers dans votre document sans informations de format.
Coller le format/les attributs
Pré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é.
Coller sur le calque actuel
Il s'agit de la même fonction que COLLER AU MEME ENDROIT , mis à part que votre objet
sera collé sur le calque actuel.
121
122
Cela est utile si vous voulez afficher ou masquer uniquement l'objet collé lorsque les
calques au-dessus ou en dessous sont affichés.
Coller au même endroit sur le calque actuel
Il s'agit de la même fonction que COLLER SUR LE CALQUE ACTUEL , mis à part que votre
objet sera collé sur le calque actuel à la position exacte qu'il occupait quand vous
l'avez copié.
Retirer des objets du document
Sé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 « Éditer -> Couper », ou appuyez sur « Ctrl + X ». Le contenu du pressepapiers est écrasé et vous pouvez coller les objets supprimés ailleurs si vous le
souhaitez.
Supprimer des objets
Choisissez « Éditer -> Supprimer », appuyez sur « Supprimer » ou cliquez sur
le bouton SUPPRIMER de la barre de contrôle STANDARD .
Dans ce cas, les objets supprimés ne sont pas copiés dans le presse-papiers. Si vous
supprimez un objet accidentellement, faites Annuler pour le récupérer.
Dupliquer et cloner
Ces deux options créent une copie de l'objet sélectionné. L'objet original est
désélectionné et le double ou le clone devient l'objet sélectionné.
Vous pouvez également dupliquer un objet tout en le déplaçant, le tournant, en
modifiant l'échelle ou l'inclinant. Lorsque vous le faites glisser (tout en maintenant le
bouton gauche de la souris enfoncé), cliquez sur le bouton droit de la souris ou
appuyez sur la touche + du pavé numérique pour dé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éer une série d'objets dupliqués.
Un autre moyen facile de créer une ou plusieurs copies d'un objet aligné
horizontalement ou verticalement avec précision consiste à le faire glisser tout en
maintenant la touche Ctrl enfoncée pour restreindre le mouvement, et cliquer droit
(ou appuyer sur la touche + du pavé numérique) à chaque copie souhaité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ée.
Dupliquer
Choisir ÉDITER > DUPLIQUER ou appuyer sur Ctrl+D. La copie est légèrement déplacée,
généralement vers le bas, à droite de l'original.
La distance de duplication est définissable par l'utilisateur—voir chapitre
Personnaliser Web Designer) (voir page 355).
Cloner
Choisir ÉDITER > CLONER ou appuyer sur Ctrl+K. Ceci place une copie exactement audessus de l'original. Le clonage constitue un moyen facile de créer des formes
concentriques.
L'unité de mesure standard dans des programmes de graphisme pour les tailles de police et
l'é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'épaisseur ainsi qu'un clone sans remplissage avec
un contour noir de 1 pt.
123
124
Déplacer les objets vers l'avant et l'arrière
Les illustrations complexes ont des objets empilés les uns sur les autres, telles que
cette cible :
La cible de gauche est constituée de trois cercles empilés l'un sur l'autre
Pour garantir que les objets sont superposés dans le bon ordre, il faut souvent
réorganiser leur ordre de l'avant vers l'arrière. (L'objet de premier plan couvre toujours
les objets inférieurs, qui couvrent eux-mêmes toujours les objets qui se trouvent plus
en arrière. Chaque nouvel objet créé l'est toujours au-dessus des plus anciens.)
Le menu Arranger vous offre quatre options :
• METTRE AU PREMIER PLAN (Ctrl+F) : permet à l'objet sélectionné de passer au
premier plan. Par conséquent, il masquera tout autre objet qu'il recouvre.
• DEPLACER VERS L'AVANT (Ctrl+Maj+F) : ceci déplace l'objet d'un niveau vers
l'avant, comme s'il gravissait une marche d'escalier à la fois.
• DEPLACER VERS L'ARRIERE (Ctrl+Maj+B) : ceci déplace l'objet d'un niveau vers
l'arrière.
• METTRE A L'ARRIERE-PLAN (Ctrl+B) : ceci déplace l'objet vers l'arrière.
Ces options déplacent les objets vers l'avant et l'arrière dans leur calque. DEPLACER
VERS LE CALQUE DU PREMIER PLAN et DEPLACER VERS LE CALQUE D'ARRIERE-PLAN vous
permet de déplacer les objets entre les calques visibles. (Les calques invisibles sont
ignorés lors du déplacement des objets.)
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éférence (autour duquel l'objet tourne) apparaît
tout d'abord au centre de l'objet, symbolisé par une petite cible comme celleci.
Cliquez sur un objet pour mettre l'outil de sélection en mode Rotation.
www.magix.com
Utilisation des objets
Pour déplacer le point de référence, faites glisser la cible du point de référence à
l'endroit souhaité.
Attention : si le centre de rotation est déplacé, il restera dans cette même position
pour tout objet sélectionné jusqu'à ce que tous les objets sélectionnés aient été
désélectionnés, et à ce moment il retourne au milieu de n'importe quel objet.
Faire pivoter à l'aide de la souris
Pour voir les poignées de rotation (à la place des poignées de redimensionnement)
sur une forme sélectionnée dans l'outil de sélection, cliquez à nouveau sur la forme
sélectionnée.
Tirez sur une flèche d'angle. En tirant, l'objet tourne autour du point de référence. La
barre d'infos affiche l'angle de rotation en cours.
« + tirer » fait pivoter l'objet autour de son centre (le point de référence est ignoré).
Pour obtenir une rotation réduite, maintenez Ctrl tout en faisant pivoter. Ceci veut dire
que la rotation s'effectue selon une sélection limitée d'angles. Cela fera pivoter la
forme selon plusieurs valeurs limitées d'angles, par défaut 45 degrés. A cela
s'ajoutent les angles consécutifs des bords de l'objet, verticalement ou
horizontalement. À titre d'exemple, cela permet de faire pivoter facilement un
rectangle afin de l'aligner parfaitement par rapport au bord de l'écran si celui-ci était
au préalable un peu décalé. Ou bien pour ajuster des bords droits verticalement ou
horizontalement. Ces bords doivent correspondre à 25 % de la largeur ou de la
longueur pour être pris en compte dans la rotation réduite.
L'angle de réduction est définissable par l'utilisateur. Pour en savoir plus, reportezvous au chapitre « Personnaliser Web Designer (voir page 355) ».
Pour créer une copie tout en faisant pivoter l'objet, cliquez sur la touche « + » du pavé
numérique tout en faisant tourner l'objet ou cliquez sur le bouton droit de la souris.
Faire pivoter selon un angle précis (à l'aide de la barre d'infos)
Saisissez un angle dans le champ de rotation et cliquez sur «  ». Les angles positifs
tournent à l'inverse des aiguilles d'une montre tandis que les angles négatifs tournent
dans le sens des aiguilles d'une montre.
Cliquez sur les flè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ême hors du mode Rotation. En
mode Modification de la taille, placer le pointeur de la souris dans les petites zones
situées près des poignées du frame de sélection tel qu'illustré ci-dessus. Le pointeur
de la souris se transforme en icône de rotation ou d'inclinaison indiquant qu'il est
désormais possible de faire tourner ou d'incliner l'objet en tirant avec la souris.
Modification de l'é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é,
modifier l'échelle d'un objet modifie aussi les largeurs de ses
contours. Si ce bouton est inactivé, les largeurs des contours
resteront inchangées.
Vous pouvez activer/désactiver ce bouton pendant que vous tirez un objet en
cliquant sur la touche / du pavé numé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ôler la taille exacte de la forme sans prendre en compte
l'épaisseur du contour.
www.magix.com
Utilisation des objets
Bouton Conserver les proportions
Une fois le bouton CONSERVER LES PROPORTIONS activé, le ratio
largeur/taille reste constant lors de la modification de l'échelle de
l'objet.
En d'autres termes, la forme garde les mêmes proportions que l'original. Il est
recommandé de garder ce bouton activé 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ésactivé, vous pouvez modifier les proportions lorsque vous
modifiez l'échelle de l'objet ; en d'autres termes, vous pouvez étirer l'objet dans un
sens ou l'autre en tirant une poignée d'angle de modification de taille ou en saisissant
une nouvelle taille.
Modifier l'échelle à l'aide de la souris
L'OUTIL DE SELECTION
doit être en mode
Modification d'échelle
(les poignées du cadre
de sélection sont
carrées). Si
nécessaire, cliquez sur
l'objet pour passer en
mode Modification
d'échelle.
Tirez une des poignées d'angle. L'objet change d'échelle à mesure que vous bougez le
pointeur en diagonale. La barre d'infos affiche la modification d'échelle en cours. La
modification de l'objet se fait entre la poignée que vous êtes en train de tirer et celle
d'en face. Si vous voulez utiliser un autre point de l'objet comme point fixe, déplacez
le point de référence vers celui-ci et utilisez les boutons de la barre d'info pour mettre
à l'échelle.
Maintenez «  » tout en faisant glisser afin de modifier l'échelle de l'objet autour de
son centre. Cela fonctionne indépendamment de la position du point de référence.
« Ctrl+tirer » modifie la taille de l'objet en multiples de sa taille originale (x2, x3, etc.).
Pour créer une copie tout en modifiant la taille de l'objet (et en laissant l'original à sa
place), vous devez effectuer un clic droit ou appuyer sur la touche « + » du pavé
numérique.
En tirant les poignées latérales, l'objet s'étire ou se tasse. Ceci est décrit dans le
chapitre Étirer et écraser des objets.
127
128
Modifier l'échelle à l'aide de la barre d'infos
Saisissez des valeurs dans les champs REDIMENSIONNER LE TEXTE et cliquez sur
«  ».
• Les modifications d'échelle inférieures à 100 % réduisent l'objet. 50 réduit
de moitié la taille de l'objet.
• Les modifications d'échelle supérieures à 100 % agrandissent l'objet. 200
double la taille de l'objet.
Si le bouton CONSERVER LES PROPORTIONS est activé, vous pouvez
indifféremment saisir la valeur dans l'un des deux champs de texte pour
redimensionner l'objet à hauteur du pourcentage souhaité. Si ce bouton n'est pas
activé, vous pouvez saisir des valeurs séparées pour la largeur et la hauteur.
Vous pouvez également saisir la taille requise de l'objet dans les champs de
texte LARGEUR ou HAUTEUR.
Si le bouton CONSERVER LES PROPORTIONS est activé, l'objet sera redimensionné en
maintenant ses proportions. Vous pouvez saisir la taille dans l'unité de votre choix, 1
cm par exemple.
Si vous vous servez de la barre d'infos pour mettre à l'échelle (ou des champs
numériques), cette mise à l'échelle sera toujours faite autour du point de référence.
Vous pouvez positionner celui-ci à tout autre endroit de l'objet, comme nous l'avons
vu précédemment dans la section « Rotation des objets ».
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éférence.
L'échelle et les proportions ne sont pas modifiées — l'objet se contente de tourner.
Étirer et écraser des objets
Cette opération est analogue à la modification d'échelle d'objets à cela près que la
modification d'échelle de l'objet s'effectue uniquement dans une direction. Étirer et
écraser des objets sont des opérations similaires, l'étirement rend l'objet plus grand,
l'écrasement le rend plus petit.
Étirer/écraser des objets à l'aide de la souris
L'OUTIL DE SELECTION doit être en mode échelle. (Les poignées de sélection ont la
forme de carrés.) Si nécessaire, cliquer sur l'objet pour passer en mode échelle.
www.magix.com
Utilisation des objets
Utilisez les poignées latérales, du haut et du bas au lieu des coins pour étirer ou
écraser une forme dans une seule dimension. Notez que les poignées ne sont
affichées que sur les rectangles sans remplissage photo car étirer d'autres objets dans
une seule dimension ne produit que très rarement des résultats corrects (les photos
sont déformées).
Tirer l'une des poignées latérales.
L'objet change d'échelle à mesure
que vous bougez le pointeur dans la
direction appropriée. La barre
d'infos affiche la modification
d'échelle en cours.
Le bouton CONSERVER LES
PROPORTIONS est ignoré.
Un clic droit ou appuyer sur la touche « + » du pavé numérique tout en tirant permet
d'étirer ou d'écraser une copie de l'objet, tout en laissant l'original à sa place.
Étirer/écraser des objets à l'aide de la barre d'infos
Le bouton CONSERVER LES PROPORTIONS doit être désactivé (s'il est activé, vous
modifierez l'échelle de l'objet au lieu de l'étirer ou de l'écraser).
Saisissez la largeur ou la hauteur dans un des champs de texte correspondants (selon
vos besoins) puis appuyez sur «  ». Vous pouvez également saisir une échelle en %
(largeur ou hauteur). Ainsi, saisissez 200 % dans le champ d'échelle du haut pour
doubler la largeur de l'objet tout en conservant la même hauteur.
Si l'option CONSERVER LES PROPORTIONS est activée, alors il ne sera pas étiré.
Incliner des objets
Cette option se trouve sous OUTIL DE SELECTION .
À gauche, l'objet d'origine, à droite, l'objet incliné à
l'horizontale
Incliner à l'aide de la souris
Basculez l'OUTIL DE SELECTION en mode Rotation / Inclinaison (les poignées de
sélection ont une forme de flèche) en cliquant sur l'objet.
Tirez une flèche latérale, du haut ou du bas pour incliner l'objet. Notez que les
poignées ne sont affichées que sur les rectangles sans remplissage photo car incliner
d'autres objets ne produit que très rarement des résultats corrects (p. ex. les photos
sont déformé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.
« + tirer » permet d'incliner l'objet autour de son centre. Maintenez la touche
« Ctrl » enfoncée pour restreindre l'inclinaison aux angles forcés. Pour créer une copie
tout en laissant l'original à sa place, effectuez un clic droit ou appuyez sur la touche
« + » du pavé numérique tout en faisant glisser. Ou faites glisser l'objet avec le bouton
droit de la souris pour créer des copies instantanées, et des copies supplémentaires
en faisant des clics gauche.
Vous pouvez également incliner un objet à l'aide du mode Modification de la taille
dans l'outil de sé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 à l'aide de la barre d'infos
Pour incliner horizontalement, saisissez un angle dans le
champ de texte d'inclinaison et appuyer sur «  ».
Accrochage
L'accrochage permet de positionner plus facilement les bords ou certains points
spécifiques des objets à l'endroit précis souhaité. Il peut être utilisé pour aligner les
bords sur un point ou une ligne précis ou pour espacer uniformément les objets à
l'aide de la grille.
MAGIX Web Designer MX offre trois types d'accrochage.
• Accrochage sur la grille
• Accrochage magnétique
• Accrochage sur les lignes de repère et les objets d'aide
L'accrochage sur la grille est utile pour espacer les objets uniformément, ou pour que
les tailles soient des multiples exacts d'une valeur donnée. Les lignes de repè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étique est un moyen courant de positionner les
lignes, les points ou les bords avec précision au-dessus d'autres lignes, points ou
bords d'objets proches.
www.magix.com
Utilisation des objets
Magnétisme de la grille
Lorsque MAGNETISME DE LA GRILLE est sélectionné, les points de la grille agissent
comme des aimants. Faites un clic droit sur le presse-papiers et sélectionnez
MAGNETISME > MAGNETISME DE LA GRILLE ou utilisez l'option de menu FENETRE >
MAGNETISME DE LA GRILLE (ou appuyez sur la touche « . » (point des décimales) du
pavé numérique de votre clavier). Vous pouvez contrôler l'espacement de la grille
dans l'onglet Grille et Règle de la boîte de dialogue des options (faites un clic droit et
sélectionnez OPTIONS DE LA PAGE ou utilisez la commande de menu SERVICES >
OPTIONS ). La fonction de magnétisme de la grille est activée par défaut pour les
modèles de document web qui utilise une grille à un pixel de sorte que les dimensions
et les positions de tous les objets correspondent normalement à des valeurs entières
de pixels.
Lorsque vous déplacez un objet, ses bords s'alignent sur les points de la grille. Si la
taille de l'objet est telle que ses côtés opposés ne peuvent pas être alignés, le bord
magnétisé dépend de la direction dans laquelle l'objet est déplacé.
Cela affiche une grille grossière avec 5 subdivisions entre les divisions principales. La forme
possède un contour gris très épais. L'objet ayant été déplacé vers la gauche et vers le bas, son
bord inférieur et son bord gauche sont alignés sur les points de la grille les plus proches.
Remarque : l'espacement par défaut de la grille est de 50 pixels pour les lignes de
grille principales comportant 50 subdivisions. Cela signifie que la grille est
constituée d'espaces d'un pixel d'écran et qu'elle risque de ne pas s'afficher
correctement en zoom normal à 100 %. Avec un facteur de zoom de 500 %, vous
constaterez que le magnétisme se fait correctement.
Vous pouvez également modifier les valeurs de la grille pour obtenir 10 subdivisions,
ce qui implique que les points de la grille soient espacés de 5 pixels.
131
132
Magnétisme et largeurs de ligne
Le paramètre REDIMENSIONNER LES LARGEURS DE LIGNE de la
barre d'information de l'OUTIL DE SELECTION influence
l'endroit où à 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ès épais. Il montre
également (fine ligne noire) le contour de la forme elle-même (vous pouvez voir que
le contour épais est réparti équitablement des deux côtés de la ligne centrale de sorte
qu'il déborde partiellement vers l'intérieur et l'extérieur de la forme).
Lorsque « Redimensionner les largeurs de ligne » est activé, la largeur du contour est
prise en compte de sorte que « Magnétisme de la grille » aligne les bords des objets, y
compris les contours, sur la grille. Magnétisme des objets vous permettra d'aligner à
partir des contours ou des lignes de contour centrales. Si les contours tels qu'ils
apparaissent à l'écran sont fins, il y a peu de différence entre ces deux positions
d'alignement et le magnétisme des contours est favorisé. Dans ce cas, zoomez si vous
souhaitez aligner sur les contours centraux.
Lorsque « Redimensionner les largeurs de ligne » est désactivé, « Magnétisme de la
grille » et « Magnétisme des objets » alignent les lignes centrales des objets et
ignorent la largeur des contours.
Étant donné que le magnétisme tient compte de « Redimensionner les largeurs de
ligne », le fait de modifier son état signifie que les bords utilisés pour le magnétisme
sont toujours les mêmes que ceux signalés dans la barre d'information de l'OUTIL
SELECTIONNER .
Alignement magnétique d'objet (magnétisme des objets)
L'alignement magnétique d'objet facilite grandement le positionnement pré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étique d'objet est utile si vous voulez que plusieurs
lignes démarrent exactement du même point ou qu'une ligne jouxte le bord d'un
cercle avec précision.
Vous pouvez mê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ù
au milieu de la page.
L'alignement magnétique fonctionne lorsque vous déplacez ou redimensionnez des
objets à l'aide de l'OUTIL DE SELECTION .
www.magix.com
Utilisation des objets
L'alignement magnétique sur les objets est activé par défaut dans les
documents web. Pour l'activer/désactiver, cliquez sur le bouton
MAGNETISME DES OBJETS de la barre d'outils supérieure. Une autre méthode
consiste à faire un clic droit sur le presse-papiers et à sélectionner
MAGNETISME > MAGNETISME DES OBJETS ou à utiliser l'option de menu
FENETRE > MAGNETISME DES OBJETS . Vous pouvez toujours
activer/désactiver cette option pendant le déplacement en appuyant sur
« s ».
Cliquez et tirez l'objet que vous souhaitez aligner. Pendant le déplacement, Web
Designer affiche une icône en forme d'aimant, des lignes bleues et des points rouges
lorsque vous approchez d'un « point intéressant » sur lequel la magnétisation doit
être effectuée.
Indicateurs de magnétisme
Les indicateurs de magnétisme apparaissent lorsqu'un alignement par magnétisme
est effectué. Il s'agit du moment où un point intéressant de l'objet que vous déplacez
arrive dans la zone d'un point intéressant du document (par exemple, un autre objet
ou une partie de la page). Web Designer aligne sur le point intéressant et le curseur
de la souris se transforme en aimant pour que vous sachiez qu'un alignement
magnétique a été effectué. D'autres indications sont affichées de façon dynamique
pour vous aider à voir quel alignement magnétique a été réalisé.
• Un point rouge indique qu'un point donné a été magnétisé.
• Un point bleu indique qu'un alignement magnétique a été réalisé sur une partie
d'un autre objet (par exemple le bord d'un rectangle).
• Une ligne orange indique un alignement magnétique sur une partie de la page
(coins, bords, centre)
Les lignes d'indication du magnétisme vibrent pour indiquer qu'elles sont
temporairement « actives » et faciliter leur visualisation sur différentes couleurs
d'arrière-plan.
133
134
On gère la distance de magnétisation dans l'onglet SOURIS de la boîte de dialogue des
OPTIONS (sélectionnez SERVICES > OPTIONS ou faites un clic droit sur une page et
sélectionnez OPTIONS DE LA PAGE ).
Vous pouvez définir deux distances de magnétisation dans la section du
« Rayonnement de l'alignement magnétique » qui contrôle la distance nécessaire
entre deux éléments pour qu'ils s'alignent l'un sur l'autre par magnétisme. Il s'agit de
la taille du cercle autour des points (point) et de la distance de chaque côté des lignes
(lignes). Généralement, il est avantageux que la valeur du point soit supérieure à celle
de la ligne afin de faciliter l'alignement magnétique sur les extrémités des lignes.
Personnaliser Web Designer (voir page 351) fournit de nombreux détails concernant
la boî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écial,
le calque de lignes. Un calque de lignes est créé automatiquement lorsque vous créez
une ligne d'aide (voir plus bas) ou vous pouvez en créer un manuellement par clic
droit dans la GALERIE DES CALQUES et en sélectionnant CREER UN CALQUE DE LIGNES
(voir « 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être (ou
touche 2 du pavé numérique) pour activer l'accrochage sur des objets de ligne.
Tout objet placé sur le calque de lignes devient un objet d'aide. Ceci peut être tout
type d'objet, allant de lignes à tout type d'angle, de formes irrégulières et de formes
automatiques. Vous pouvez cré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és rouges et toute largeur de contour ou couleur de remplissage est ignorée.
Cette information est conservée et si vous passez ultérieurement de l'objet du calque
de lignes à un calque ordinaire, l'é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éer des objets directement sur le calque de lignes en
le sélectionnant et en créant des objets comme d'ordinaire.
135
136
La Galerie des calques affichant un calque de lignes au-dessus de deux autres calques,
sélectionnée.
Vous pouvez également couper ou copier des objets d'un autre calque puis coller ces
objets dans le même calque de lignes. Pour coller les objets dans la même position
relative sur le calque de lignes, utiliser les raccourcis clavier Ctrl+Maj+ V
DEPLACER VERS LE CALQUE DU PREMIER PLAN et DEPLACER VERS LE CALQUE D'ARRIEREPLAN du menu Arranger permet de sauter le calque de lignes et ne peut donc pas être
utilisé pour déplacer des objets sur le calque de lignes.
Créer une ligne de repère
Les lignes de repère sont des lignes verticales ou horizontales qui constituent un
moyen rapide et facile d'aligner une série d'objets sur la page.
• Activer les règles (Ctrl+L).
• Faire glisser d'une règle sur la page.
Ou
• Double-cliquer sur la règle afin de créer une ligne de repère alignée sur le
pointeur.
Ceci crée automatiquement un calque de lignes et insère les lignes de repè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écessaire, cliquer sur l'onglet Lignes.
Sélectionner Horizontal ou Vertical.
Cliquer Nouveau.
Saisir à l'endroit requis.
Supprimer une ligne de repère
À l'aide de l'Outil de sélection, faire glisser la ligne de repère vers la règle appropriée
(la règle verticale pour les lignes de repère verticales, l'horizontale pour les lignes de
repère horizontales).
Ou cliquer droit sur la ligne de repère puis choisir Supprimer.
www.magix.com
Utilisation des objets
Récapitulatif des raccourcis sur le pavé
numé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é.
active et désactive la conservation de la largeur des lignes lors de la
modification de l'échelle.
active et désactive la conservation des remplissages lors des déplacements, des
modifications d'échelle, des inclinaisons, etc.
active/désactive l'accrochage magnétique de l'objet.
active et désactive l'accrochage aux lignes d'aide.
active et désactive l'accrochage à la grille.
+
/
*
2
.
Grouper et dégrouper des objets
Les outils Ombre et Transparence offrent différents résultats selon si les objets sont
groupés ou non. Pour plus d'informations, voir le chapitre Transparence et le
chapitre Ombres (voir page 230).
Vous créerez souvent des ombres complexes à partir de différents objets. L'option de
menu ARRANGER > GROUPER vous permet de verrouiller ces objets ensemble afin de
former ce qui apparaît comme un objet unique. Vous pouvez ensuite sélectionner les
objets groupés et les copier, les redimensionner, les déplacer ou bien effectuer toute
autre opération sur l'ensemble du groupe.
Pour créer un groupe
1.
2.
Sélectionnez tout d'abord tous les objets que vous souhaitez grouper.
Choisir ARRANGER > GROUPER (ou Ctrl+G) pour créer le groupe.
Dégrouper des objets
1.
2.
Sélectionner le groupe.
Choisir ARRANGER > DEGROUPER (ou Ctrl+U).
Après cela, tous les objets individuels du groupe restent sélectionnés.
Pour ajouter des objets supplémentaires à un groupe
1.
2.
3.
4.
Sélectionner le groupe.
Dégrouper (Ctrl+U)
Sélectionner les objets supplémentaires.
Grouper de nouveau (Ctrl+G)
137
138
Vous pouvez également incorporer un groupe à un second groupe en sautant l'étape
2. Web Designer retiendra l'information concernant le groupe original. Si vous
dégroupez les objets ultérieurement, le groupe original existera toujours.
Retirer des objets d'un groupe
1.
2.
Dégrouper les objets.
Maj+clic sur les objets que vous souhaitez retirer. Ceci les désélectionnera, les
autres objets resteront sélectionnés.
Vous pouvez ensuite choisir ARRANGER > GROUPER pour regrouper les objets restants.
Sélectionner un objet individuel au sein d'un groupe
(Par exemple, pour changer sa couleur.) Ctrl+clic sur l'objet. (Vous pouvez également
utiliser cette option pour sélectionner un « groupe dans le groupe ».) Une pression sur
Tabulation ou Maj+Tab déplace la sélection à l'intérieur du groupe, vers le prochain
objet ou le précédent. Une fois que vous avez sélectionné un objet dans un groupe,
vous pouvez également utiliser Alt + clic pour sélectionner l'objet du dessous.
Cela s'appelle « sélection intérieure ».
Groupes et calques
Plus d'informations concernant les calques dans le chapitre Calques (voir page 323).
Si tous les objets à grouper se trouvent dans un même calque, le groupe sera créé
dans ce même calque. Le groupe apparaît au niveau de l'élé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éé 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écrits sous « Grouper et dégrouper des objets »
(voir page 136) sont placés sur un seul calque et ne peuvent pas être étendus. Les
GROUPES SOUPLES constituent une méthode alternative pour relier les objets les uns
aux autres lorsqu'ils se trouvent sur plusieurs calques différents.
La sélection d'un élément d'un groupe souple sélectionne également tous les autres
éléments du même groupe souple – même les éléments se trouvant sur des calques
invisibles ou verrouillés. Ainsi, lorsque vous supprimez, déplacez, tournez ou
transformez autrement un élément d'un groupe souple, tous les autres éléments
subissent la même modification.
La barre d'état affiche la sélection d'un groupe souple.
Les groupes souples sont utiles pour maintenir ensemble les objets étroitement liés.
Par exemple, les états ÉTAT NORMAL et SURVOL DE SOURIS d'un bouton de navigation
sont réunis dans un groupe souple de sorte que si un état est déplacé ou modifié, le
second l'est également.
Créer des groupes souples
Pour créer un groupe souple, sélectionnez tous les objets à inclure puis choisissez
« ARRANGER->APPLIQUER UN GROUPE SOUPLE » (ou appuyez sur « Ctrl+Alt+G »).
Notez que si le groupe souple doit inclure des éléments invisibles ou verrouillés, vous
devrez rendre ces calques temporairement visibles et éditables en utilisant la Galerie
des calques afin de pouvoir sélectionner les objets et les ré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 être imbriqués (groupes souples faisant parties d'autres groupes
souples).
Supprimer des groupes souples
Pour dissoudre un groupe souple, sélectionnez « ARRANGER->SUPPRIMER UN GROUPE
SOUPLE » (ou appuyez sur « Ctrl+Alt+G »). Les objets ne sont pas supprimés, mais ils
ne sont plus reliés par un groupe souple.
Synchronisation de texte
Tous les objets de texte comprenant la même valeur de texte et qui font partie du
même groupe souple sont maintenus synchronisés si un de ces objets de texte est
édité. Ainsi, un changement dans un texte d'un objet entraîne le même changement
de tous les autres objets de texte comportant les mêmes caractères. Seul le texte
évalue lui-même s'il est synchronisé, de sorte que des objets de texte différents
peuvent avoir différentes tailles, différentes polices et différents attributs.
139
140
Une synchronisation de texte en utilisant des groupes souples est utile lorsqu'un label
est copié à plusieurs emplacements, éventuellement dans différents styles, et que
vous souhaitez que chaque objet présente le même label.
Alignement
Cette option vous permet d'aligner ou de répartir au moins deux objets avec précision.
Alignement rapide
Sélectionnez les objets que vous voulez aligner, faites un clic droit sur la sélection,
sélectionnez ALIGNER dans le menu contextuel puis réalisez l'une des manipulations
suivantes :
• Alignez les objets verticalement en sélectionnant BORDS GAUCHES , CENTRES ou
BORDS DROITS .
• Alignez les objets horizontalement en sélectionnant BORDS SUPERIEURS , CENTRES
ou BORDS INFERIEURS .
Alignement et espace de répartition
Si vous voulez répartir l'espace entre les objets et les aligner, sélectionnez les objets,
faites un clic droit sur la sélection et sélectionnez ALIGNER > ALIGNEMENT pour afficher
la boîte de dialogue de l'alignement d'objets. Vous pouvez également sélectionner
ARRANGER > ALIGNEMENT (« Ctrl + Maj + L »).
www.magix.com
Utilisation des objets
Le petit schéma en haut de la boîte de
dialogue vous montre l'effet produit par la
sélection des différentes options. Les objets
sélectionnés dans le document ne sont pas
modifiés tant que vous n'avez pas cliqué sur
APPLIQUER .
La boîte de dialogue d'Alignement est une
boîte non modale, autrement dit vous pouvez
la garder à l'écran tout en continuant à
travailler sur le document simultanément.
Vous pouvez ainsi changer d'outils, dessiner et
modifier votre sélection d'objets puis choisir
facilement parmi les différentes options
d'alignement.
Si vous vous êtes trompé dans la sélection,
vous pouvez la modifier et cliquer sur le
bouton APPLIQUER pour appliquer de nouveau
les derniers réglages d'alignement. Ceci peut
vous faire gagner un temps précieux.
Dans
Cette section de la boîte de dialogue contrôle les limites à l'intérieur desquelles vous
alignez ou répartissez les objets. Les options sont les suivantes :
141
142
LIMITES DE LA SELECTION : les limites sont les bords
extérieurs des objets sélectionnés. Leur position
relative sur la page ou leur double page n'a aucun
effet.
LIMITES DE L'OBJET D'ARRIERE-PLAN : les limites sont
les bords extérieurs de l'objet sélectionné et le plus
en arrière. Cet objet n'est pas affecté par
l'alignement.
Vous pouvez l'utiliser pour définir l'objet de
« référence » lorsque vous souhaitez aligner plusieurs
objets sur une ligne, par exemple. Les options de
« Limites de la sélection » normales sur l'objet le plus
à gauche en font l'objet de référence (celui que ne
sera pas déplacé)
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és à gauche.
1.
2.
Sélectionnez les objets et faites un clic droit sur la sélection.
Sélectionnez ALIGNER > BORDS GAUCHES dans le menu déroulant.
Les objets sélectionnés se déplacent pour s'aligner sur les bords gauches.
Alternative :
1.
Sélectionnez ALIGNER > ALIGNEMENT, faites « Ctrl + Maj + L » ou sélectionnez
ALIGNEMENT dans le menu ARRANGER pour ouvrir la boîte de dialogue de
l'Alignement d'Objets.
2. Sélectionnez l'option DANS requise, par exemple Limites de la sélection.
3. Sélectionnez ALIGNER A GAUCHE pour les positions horizontales.
4. Laissez les positions verticales sur AUCUN CHANGEMENT.
5. Cliquez sur APPLIQUER.
Les objets sélectionnés se déplacent pour s'aligner sur les bords gauches.
Toutes les options d'alignement fonctionnent de façon similaire. Par souci de brièveté,
seule l'option d'alignement gauche visible dans l'illustration de la boîte de dialogue est
décrite ici. Faites des essais pour découvrir les autres options.
www.magix.com
Utilisation des objets
Pour sé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ée dans n'importe laquelle des neuf combinaisons (haut-centré-bas/gauchecentré-droite).
• « Ctrl + clic » laisse la position horizontale inchangée et arrange les objets sur
une rangée centrée ou alignée vers le haut ou le bas.
• «  + clic » laisse la position verticale inchangée et arrange les objets dans une
colonne centrée ou alignée vers la gauche ou la droite.
Répartir
Les options Répartir permettent de positionner tous les objets sélectionnés
uniformément sur la zone Dans (généralement dans les limites de la sélection, mais il
peut s'agir de la page ou de la double page).
De même, ici, toutes les options de répartition fonctionnent de façon similaire. Les
exemples suivants montrent comment les différentes options de position verticale
alignent les objets.
REPARTITION DES BORDS SUPERIEURS : les sommets
des objets sont espacés uniformément. La
REPARTITION DES BORDS INFERIEURS est l'inverse—le
bas des objets est espacé uniformément.
REPARTITION DES CENTRES : les centres des objets
sont espacés uniformément.
REPARTITION EQUI-DISTANTE : les objets sont
espacés uniformément.
Les options de position horizontale sont semblables mais fonctionnent dans la
direction horizontale.
Ainsi, à titre d'exemple, pour répartir cette série d'ellipses positionnées de manière
aléatoire de façon à ce qu'elles soient espacées à l'identique et alignées sur le bord
supérieur :
143
144
• Sélectionner les formes
• Afficher la boîte de dialogue d'Alignement
(Ctrl+Maj+L)
• S'assurer que DANS affiche les LIMITES DE LA
SELECTION
• Sélectionner les positions horizontales :
Répartir les centres
• Sélectionner la position verticale : Aligner le
haut
• Cliquer sur APPLIQUER
Ils apparaîtront ainsi, tous régulièrement espacés
horizontalement et alignés sur le sommet.
N'oubliez pas que si vous effectuez une erreur, vous pouvez toujours annuler
l'opé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 à un objet.
Le carré a une couleur, une ombre, une
ligne et un remplissage spécifiques. Le
fait de le copier puis de coller ses
attributs dans le cercle central résulte
dans le cercle de droite.
1.
2.
3.
4.
Sélectionnez l'objet dont vous souhaitez copier les attributs.
Copiez la sélection dans le presse-papier. (ÉDITION > COPIER ou CTRL + C)
Sélectionnez l'(es) objet(s) au(x)quel(s) vous souhaitez appliquer les attributs.
Sélectionnez « ÉDITER » > « COLLER LES ATTRIBUTS » ou faites « Ctrl + Maj +
A ».
L'objet reste dans le presse-papier jusqu'à ce qu'il soit écrasé par une opération de
copier ou de coller. Ceci vous permet de coller les attributs autant de fois que
nécessaire.
Bibliothèques de style
Il est très facile d'utiliser cette technique afin de créer des documents pouvant être
utilisés comme bibliothèques de style. Créez une série de petits objets avec diffé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 « Ctrl+C » pour copier le style
www.magix.com
Utilisation des objets
• Passez à l'objet de destination (qui peut être dans un autre document – faites
« Ctrl + Tab » pour passer rapidement d'un document ouvert à l'autre) puis
cliquez sur l'objet auquel le style doit être appliqué.
• Faites « Ctrl + Maj + A » pour appliquer les attributs.
Remarque : la plupart des attributs peuvent être copiés de cette façon, notamment
les styles de remplissage, etc.
Nommer les objets
Vous pouvez attribuer un nom à tout objet de MAGIX Web Designer MX à
l'aide du bouton APPLIQUER, SUPPRIMER OU VERIFIER LES NOMS DES OBJETS de
la barre de l'OUTIL SELECTION .
La nomination est un mécanisme général présentant différentes utilisations dont
certaines sont décrites ci-dessous. Le plus souvent, les noms sont utilisés pour former
des ensembles d'objets.
Ajouter des noms
Pour ajouter un nom à un objet, sélectionnez l'objet et ouvrez la BOITE DE DIALOGUE
« NOMS » en utilisant le bouton correspondant de la barre d'information de l'OUTIL
SELECTION ou en passant par SERVICES > NOMS… .
Saisissez le nouveau nom dans le champ « Appliquer le nom » ou utilisez la liste
déroulante de ce même champ afin de sélectionner un nom déjà utilisé ailleurs dans le
document en cours. Cliquez sur AJOUTER . Le nom apparaît désormais dans la liste
« NOMS APPLIQUES ».
Noms appliqués
Le champ « NOMS APPLIQUES » affiche les noms appliqués à la sélection actuelle. Si
plus d'un objet est sélectionné, la liste de noms n'apparaît que si tous les objets de la
sélection ont exactement le même jeu de noms appliqués. Autrement, l'entrée
« <beaucoup> » est affichée, ce qui indique qu'il existe des différences en termes de
noms appliqués à différents objets dans la sélection.
Pour supprimer un nom des objets sélectionnés, cliquez sur le nom dans la liste
« Noms appliqués » afin de le sélectionner, puis cliquez sur le bouton SUPPRIMER .
145
146
Objets répétés
Il est courant de trouver des éléments tels que des boutons de navigation, des entêtes ou des logos répétés sur toutes les pages de votre site Internet.
Web Designer vous permet de répéter tout objet à une même place sur n'importe
laquelle de vos pages Internet. Lorsque vous actualisez l'une des copies, Web
Designer applique automatiquement les changements à toutes les pages incluant une
copie de l'objet répété.
Dans la plupart des modèles de conception, les boutons principaux de la navigation
sont répétés. Vous pouvez transformer n'importe quel objet, notamment un bouton,
en objet récurrent en faisant un clic droit dessus et en sélectionnant REPRODUIRE SUR
TOUTES LES PAGES . L'objet est copié à la même place sur toutes les pages, son coin
supérieur droit affiche le symbole de répétition. Si vous faites d'autres changements
sur cet élément, toutes les copies seront actualisées automatiquement.
Cependant, quand la barre est définie comme une BARRE DE NAVIGATION DU SITE, elle
est répétée automatiquement sur toutes les pages de votre site et il n'est pas
nécessaire d'en faire un objet répété.
De même, le logo et les pieds de page sont généralement définis comme des objets
répétés dans les modèles de conception. Ainsi, si vous les éditez sur une page, ces
objets seront mis à jour automatiquement sur toutes les autres pages.
Remarque : la page actuelle est considérée comme source des éléments répétés
pour l'actualisation de toutes les autres pages.
www.magix.com
Utilisation des objets
La boîte rouge met en évidence le symbole d'objet répété affiché dans toutes les instances de
l'objet répété.
Si vous ne voulez pas d'une copie d'un objet répété sur une page, supprimez
simplement cette copie de la page. Lorsqu'il est édité, l'objet répété n'est mis à 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épété.
Si vous souhaitez que l'objet répété ne soit présent que sur quelques pages d'un site
Web, c'est possible :
1.
2.
3.
4.
Dans un premier temps, insérez l'objet répété dans toutes les pages de votre
site à l'aide du menu Arranger > Reproduire sur toutes les pages.
Sélectionnez un des objets répétés et copiez-le (« Ctrl + C »).
Cliquez sur le bouton Supprimer puis Supprimer de toutes les pages.
Puis collez simplement l'objet répété sur les pages souhaitées.
Modifier les contenus d'un objet récurrent
Lorsque Web Designer crée un objet récurrent, les éléments récurrents sont placés
dans un « groupe récurrent » similaire à un groupe normal.
Pour modifier un élément de ce groupe récurrent, faites Ctrl+clic sur l'élément pour le
sélectionner au sein du groupe récurrent. Vous pouvez également aller dans un outil
spécifique qui permettra généralement de cliquer directement sur n'importe quel
objet relevant de cet outil ; l'objet sera alors sélectionné au sein de son groupe
récurrent (ou de tout autre type de groupe). Par exemple, pour sélectionner un
rectangle au sein d'un groupe récurrent, allez simplement dans l'outil Rectangle puis
cliquez sur la forme. Comme c'est le cas avec n'importe quelle autre modification
réalisée sur un objet récurrent, les modifications effectuées au sein d'un groupe
récurrent sont appliquées à toutes les instances de l'objet récurrent dans les autres
pages.
Verrouiller un objet récurrent
Vous pouvez verrouiller un objet récurrent en faisant un clic droit dessus et en
sélectionnant VERROUILLER L'OBJET RECURRENT. Une fois verrouillé, l'objet n'est plus
sélectionnable. Cependant, en modifiant d'autres copies non verrouillées de cet objet
récurrent dans d'autres pages, vous modifierez toutes les copies, y compris la copie
verrouillée.
Bien que l'instance verrouillée ne soit plus sélectionnable, c'est-à-dire non modifiable,
remarquez que toutes les autres instances de l'objet récurrent peuvent être modifiées
et qu'elles seront actualisées en conséquence à l'exception de l'instance verrouillée.
147
148
En-têtes / pieds de page
Votre site comporte éventuellement des pages de longueurs différentes et vous
souhaitez peut-être positionner certains objets répétés en haut (en-têtes) ou en bas
(pieds de page) de chaque page. Vous pouvez configurer MAGIX Web Designer MX
pour que les objets répétés de l'en-tête et du pied de page se déplacent en fonction
du haut et du bas de chaque page.
La position d'un objet répété sur la page détermine s'il est considéré comme un entête ou un pied de page. Si une partie de l'objet est dans la moitié supérieure de la
page, MAGIX Web Designer MX considère qu'il s'agit d'un en-tête et le placera
toujours à la même position relative en haut de chaque page.
Les objets entièrement dans la moitié inférieure de la page sont considérés comme
des pieds de page par MAGIX Web Designer MX qui les placera toujours à la même
position relative en bas de chaque page, quelle que soit la longueur de cette dernière.
Pour certains objets répétés, cette décision automatique relative à la position relative
de l'objet en haut ou en bas des pages peut s'avérer inappropriée. Ainsi, au besoin,
vous pouvez forcer tout objet répété à avoir une position relative en haut ou en bas
des pages en faisant un clic droit sur l'objet et en sélectionnant POSITION REPETEE >
HAUT ou POSITION REPETEE > BAS .
Pour restaurer le positionnement relatif automatique d'un objet répété, faites un clic
droit sur ce dernier et sélectionnez POSITION REPETEE > AUTOMATIQUE.
Stopper la répétition d'objets
Faites un clic droit et sélectionnez ARRETER LA MISE A JOUR pour désactiver la
répétition d'un objet ou de toutes ses copies dans votre site web. Vous pouvez
également procéder en sélectionnant ARRETER LA MISE A JOUR dans le menu
ARRANGER.
Il vous sera demandé si vous souhaitez arrêter la répétition de l'objet ou de toutes les
copies dans site web. Sélectionnez l'option TOUTES . À présent, toutes les copies de
cet objet peuvent être modifiées indépendamment les unes des autres et les
changements appliquées à l'une ne concerneront pas les autres.
Cette fonction est par exemple utile si vous avez utilisé REPETER SUR TOUTES LES
PAGES pour copier un objet dans toutes les pages de votre site web mais souhaitez
ensuite différencier ces objets sur chaque page afin qu'ils n'aient plus de lien.
ARRETER LA MISE A JOUR est également utile si vous voulez faire une copie d'un objet
répété (par exemple un pied de page ou un logo) sur une page mais ne souhaitez que
cette copie soit actualisée. Dans ce cas, sélectionnez l'option UNIQUEMENT CETTE
COPIE quand vous y serez invité.
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ée dans la
www.magix.com
Utilisation des objets
boîte de dialogue de la BARRE DE NAVIGATION. Ceci est dû au fait que les barres de
navigation sont toujours mises à jour sur l'ensemble du site. Consultez le chapitre
sur les Barres de navigation pour en savoir plus.
Supprimer des objets répétés
Si vous ne voulez pas d'une copie d'un objet répété 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épété.
Avec « Ctrl + Suppr », vous supprimez seulement l'objet répété sélectionné sans que
l'on vous demande si vous souhaitez supprimer les autres objets.
Pieds de page et objets qui s'étirent avec la page
Dans un document Web typique, toutes les pages n'ont pas la même longueur et il
est préférable que certains objets restent à une distance fixe par rapport au bas de la
page même si cette dernière est plus courte ou plus longue. Ces objets sont appelés
pieds de page. Il se peut que des formes à l'arrière-plan de votre page aient besoin
d'être étirées ou réduites si la page change de longueur afin qu'elles s'adaptent
harmonieusement à la page. Le sous-menu POSITION SUR LA PAGE dans le menu
contextuel vous permet d'adapter les objets de cette faç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ères options dans le sous-menu ne peuvent pas être sélectionnées en une
fois, vous ne pouvez en sélectionner qu'une seule pour un objet donné.
Résolu
C'est l'option par défaut et le paramètre pour la grande majorité des objets dans un
document. La position de l'objet est fixée en haut de la page de façon à ce que sa
position ne change jamais lorsque la taille de la page change.
Pied de page
L'objet est considéré comme un objet pied de page. Cela maintiendra la même
distance entre l'objet et le bas de la page. Si la page est étendue, l'objet sera déplacé
en fonction. Si vous copiez l'objet et que vous appliquez COLLER EN PLACE dans une
page différente, l'objet sera placé à la même distance du bas de la page que celle de
l'autre page.
Si vous créez un objet répété comme pied de page, cela positionnera l'objet à la même
distance du bas de page dans chaque page.
149
150
Automatique
Cette option est très utile pour créer des modèles et des objets répétés. Cela permet à
un objet de fonctionner comme un pied de page seulement si celui-ci est placé dans la
moitié inférieure de la page. Si l'objet est déplacé vers la moitié supérieure de la page,
l'objet fonctionne comme un objet fixé. C'est logique car le pied de page est
normalement près du bas de la page.
Ce paramètre est utilisé par défaut pour les objets répétés. Autrement dit, si vous
créez un objet répétés en bas de la page, celui-ci sera placé à la même distance du
bas de la page sur toutes les pages où il apparaît. Mais si il est placé dans la moitié
supérieure de la page, il ne sera plus traité comme un pied de page.
Étirer avec la page
Si vous faites un objet s'ÉTIRER AVEC LA PAGE , lorsque la page est étendue vers le haut,
le haut de l'objet ne bouge pas. Mais le bas de l'objet bouge de telle façon que la
distance entre ce dernier et le bas de la page reste la même. L'objet est alors
redimensionné verticalement. Cette option est utile seulement pour les objets qui
forment l'arrière-plan de la page. Par exemple la plupart des modèles de pages Web
dans la galerie des designs contiennent des rectangles colorés sur le calque de
l'arrière-plan de la page qui font partie du modèle. Ils sont paramétrés pour s'É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èles principalement afin de
maintenir la conception d'une page lorsque le texte est étendu. Les objets antichevauchement ne sont pas autorisés à se superposer avec d'autres objets antichevauchement. Si l'un d'entre eux est étendu ou déplacé jusqu'à empiéter sur la
place de l'autre, il pousse ce dernier sur la page. Et si un objet anti-chevauchement est
poussé vers le bas de la page, la page est automatiquement étirée.
www.magix.com
Utilisation des objets
Pour faire d'un objet un objet anti-chevauchement, effectuez un clic droit dessus et
sélectionnez ANTI-CHEVAUCHEMENT... depuis le sous-menu POSITION SUR LA PAGE . La
boîte de dialogue ANTI-CHEVAUCHEMENT apparaît.
Sélectionnez la case « Anti-chevauchement » pour activer la fonction pour le(s)
objet(s) sélectionné(s). Vous pouvez si vous le souhaitez changer les marges en haut
et en bas. Par défaut, les marges du haut et du bas sont verrouillées ensemble - un
simple clic sur le bouton Verrou les rendra indépendantes. La valeur des marges du
haut détermine à quelle distance un objet anti-chevauchement peut aller jusqu'à
l'autre avant que celui-ci ne soit déplacé de sa trajectoire. Cela empêche les autres
objets anti-chevauchement de trop s'approcher. De la même façon, la valeur de la
marge d'en bas spécifie à 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éfinit aussi la distance minimum qui doit être maintenue entre
l'objet et le bord de la page (la page sera étendue si nécessaire) car il est préférable
que l'objet ne soit pas juste au bord de la page.
Le champ COTES ETENDUS permet à l'objet anti-chevauchement de fonctionner
comme si sa largeur était plus grande que sa largeur actuelle. Cela permet de pousser
des objets en dessous (ou de faire ne sorte qu'ils soient poussés depuis le dessus)
même s'il y a une sé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 & FLECHE ou L'OUTIL D'EDITION DE FORMES
(Shape Editor) (F4) pour dessiner des lignes et des formes :
L'OUTIL D'EDITION DES FORMES est plus adapté pour dessiner des courbes et
lignes précises. C'est aussi l'outil principal pour éditer des lignes et des formes.
L'outil de LIGNES DROITES ET FLECHES est le plus approprié pour dessiner des
lignes droites, ajouter des pointes de flèches ou ajouter le style à l'autre bout
de la ligne pour n'importe quel type de lignes.
L'outil lignes droites et flèches
Cet outil facilite le dessin de lignes droites composées d'un seul segment et l'ajout de
pointes et de queues de flèche à n'importe quel type de lignes.
Pourquoi un outil ligne droite ?
Avant l'ajout de cet outil simple, de nombreux utilisateurs débutants de MAGIX Web
Designer MX éprouvaient des difficultés à dessiner une chose aussi simple qu'une
ligne droite à l'aide des autres outils de dessin ! Cela est dû au fait que l'ÉDITEUR DE
FORME est plutôt conçu pour dessiner des lignes à plusieurs segments.
D'où le besoin de cet outil qui permet d'exécuter facilement des opérations
élémentaires.
Dessiner et éditer des lignes droites
Il suffit de cliquer et de déplacer la souris sur la page pour dessiner une ligne droite.
Vous pouvez cliquer sur n'importe quelle ligne existante pour la sélectionner et puis
étirer l'un des bouts de la ligne à l'aide de la souris pour la déplacer.
Ajouter des pointes et queues de flèches
La barre d'infos comprend deux listes déroulantes sur la gauche qui permettent de
sélectionner un style de pointe ou de queue de flèche pour chaque bout de la ligne
sélectionnée.
Pointe de flèche
Queue de flèche
Taille de la pointe/queue de flèche
Chemin inverse
www.magix.com
Dessiner une ligne ou une forme
La réglette située sur la barre d'infos permet de modifier la taille de la pointe ou de la
queue de flèche sur la ligne sélectionnée. Vous pouvez également entrer une valeur
en pourcentage dans le champ de taille de texte sur la droite de la réglette.
Par défaut, la largeur des nouvelles pointes de flèches correspond à environ 6 fois à la
largeur de la ligne et à une valeur de 100 %, comme indiqué par la réglette de taille. Si
vous décidez d'élargir la ligne, la largeur de la flèche sera actualisée en conséquence.
Pour réduire la taille de la flèche, entrez une valeur inférieure à 100 % ou supérieure à
100 % pour l'agrandir. Bien que la réglette n'accepte des valeurs que jusqu'à 800 %,
vous pouvez entrer des valeurs de pourcentage plus élevées dans le champ de taille
de texte.
Chemin inverse
Cliquez sur le bouton INVERSER LES CHEMINS situé sur la barre d'infos pour
inverser la position de la pointe et de la queue de flèche sur la ligne
sélectionnée.
Ajouter des segments de ligne supplémentaires
Les lignes créées à l'aide de l'outil de lignes droites sont entièrement compatibles
avec d'autres outils de dessin. Si vous souhaitez par exemple ajouter des segments
supplémentaires à une ligne, la transformer en courbe ou même en forme fermée,
utilisez l'outil d'édition des formes.
L'outil d'édition des formes
L'outil d'EDITION DES FORMES est l'outil principal utilisé pour à la fois créer
des courbes, lignes et formes précises, ainsi que pour éditer ou modifier des
lignes et formes.
Indicateur Ajouter/Modifier/Éditer
Tracer une courbe
Tracer une ligne
Connexion lisse
Connexion nette
Séparer au niveau des points
Supprimer les points
Inverser les chemins
Positions des poignées
Lissage
La barre d'info, présentée plus haut, propose un large choix de commandes ainsi que
des fonctions de contrôle numérique précises.
153
154
Toutes les lignes et formes de MAGIX Web Designer MX sont composées d'une
suite de sections de courbes et de lignes. Les courbes sont parfois appelées courbes
« de Bézier », d'après le mathématicien qui a été le premier à les décrire.
Bien que cette section décrive L'OUTIL D'EDITION DES
FORMES , vous pouvez également éditer des lignes et
formes en utilisant L'OUTIL DE SELECTION si vous avez
activé 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és par des petits points d'ancrage
noirs. Vous pouvez tirer, ajouter ou supprimer ces poigné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ù vous souhaitez commencer la ligne. (vous
pouvez commencer une ligne n'importe où ; il n'est pas nécessaire de travailler
de la gauche vers la droite ou du bas vers le haut). Il sera alors affiché un carré
rouge indiquant la poignée sélectionnée.
Sé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ée.
www.magix.com
Dessiner une ligne ou une forme
Cliquez à l'emplacement de la prochaine poignée ou tracez la ligne par GlisserDéposer. Cette opération créée un segment de ligne droite et sélectionne la nouvelle
poignée de fin.
Mélanger les courbes et lignes droites
Pour créer un objet mélangeant des segments de lignes droites et de courbes, alternez
entre les boutons TRACER UNE COURBE et TRACER UNE LIGNE lorsque vous créez l'objet
(vous pouvez aussi utiliser les touches « L » et « C » de votre clavier).
Remarque : vous pouvez aussi utiliser les raccourcis clavier « X », pour créer une
jonction acérée, et « S », pour cré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érée crée deux poignées de Bézier indépendantes que vous pouvez éditer
séparément. Une jonction acérée permet quant à elle de créer un angle aigu. Une
jonction douce crée une jointure symétrique qui fonctionne comme une bascule.
Lorsque vous déplacez une poignée de Bézier vers le bas, la poignée opposée monte.
Dessiner un segment de courbe
Le procédé est similaire à celui du tracé de ligne droite
(décrit plus haut).
1.
2.
3.
Cliquez sur l'emplacement où vous souhaitez démarrer la ligne.
Si nécessaire, sélectionnez le bouton TRACER UNE COURBE . (Raccourci clavier :
C)
Cliquez à nouveau avec le bouton de souris ou placez la souris à
l'emplacement souhaité pour créer un deuxième point d'ancrage (comme
explique pour les lignes droites). Un segment de courbe va alors être ajouté à
la ligne.
Un segment courbe dispose de POIGNEES DE COURBE associées aux points d'ancrage
sélectionnés. Vous pouvez les déplacer pour ajuster l'angle et le radius de la courbe.
155
156
Allonger la ligne
Assurez-vous que la poignée de fin est sélectionnée (contour rouge) puis cliquez à
nouveau pour ajouter une nouvelle section de ligne ou courbe. Chaque clic successif
place une nouvelle poignée et dessine un nouveau segment de ligne depuis la poignée
sélectionnée.
Terminer la ligne
 + clic complète la ligne (la maintient sélectionnée) ou appuyez sur « Esc » pour
terminer la ligne et la désélectionner. Au prochain clic, une nouvelle ligne sera créée.
Ajouter une nouvelle poignée
L'outil d'EDITION DE FORMES possède trois modes, dépendant de la sélection opérée :
aucune poignée sélectionnée (chaque clic va créer une nouvelle ligne), une poignée
de fin (une nouvelle zone sera créée à chaque clic), ou une ou plusieurs poignées sont
sélectionnées (possibilité de déplacer ou modifier les points d'ancrage).
La barre d'infos indique le mode actuel.
• NOUVEAU — cliquez pour démarrer une nouvelle ligne,
• AJOUTER — cliquez pour allonger la ligne,
• MODIFIER — tirer ou supprimer les poignées pour opérer une modification.
S'applique uniquement à l'outil d'édition des formes.
À la fin de la ligne :
Assurez-vous que la ligne est sélectionnée, puis ;
1. si nécessaire, cliquez sur le point de fin pour le sélectionner.
1. Positionnez le pointeur et cliquez pour ajouter une nouvelle section.
Au centre d'une ligne :
Assurez-vous que la ligne est sélectionnée, puis ;
www.magix.com
Dessiner une ligne ou une forme
1.
2.
Cliquez sur la ligne pour ajouter une nouvelle poignée dans la ligne
Tirez la poignée à la position souhaitée.
Au début d'une ligne :
Si le point de fin est sélectionné, cliquez sur le point de début pour fermer la forme
(procédure décrite dans « Fermer une forme » ). Pour ajouter une nouvelle poignée de
contrôle au début d'une ligne :
Terminez la ligne en utilisant + clic.
Cliquez sur la poignée de début.
Positionnez le curseur et cliquez.
1.
2.
3.
Sélectionner plusieurs poignées
Vous pouvez sélectionner plusieurs points d'ancrage pour, par exemple, les
supprimer, les déplacer en groupe ou modifier une courbe en ligne droite ou
inversement. Pour ce faire :
1.
2.
Sélectionnez un point d'ancrage de manière traditionnelle en cliquant dessus.
Utilisez la combinaison (Maj + clic pour sélectionner les autres points. (Maj +
clic permet également de désélectionner)
Ou la combinaison (Maj + Ctrl + clic sur un point d'ancrage pour sélectionner
tous les points se trouvant sur la ligne.
-
Vous pouvez également déplacer le pointeur de la souris en diagonale pour
créer une sélection rectangulaire. Tous les points se trouvant dans le
rectangle seront sélectionnés.
-
Vous pouvez utiliser (Maj + tirer pour créer un rectangle de sélection avec la
souris. Tous les points se trouvant dans le rectangle seront automatiquement
ajoutés à la sélection.
3.
Si un ou plusieurs points d'une même ligne sont sélectionnés :
-
La fonction « Fin » déplace la sélection à la fin de la ligne.
-
La fonction « Orig » déplace la sélection vers le début de la ligne.
-
La touche de tabulation déplace la sélection vers le prochain point de la ligne.
Maj + Tab permet de déplacer la sélection vers le prochain point situé sur la
ligne en direction du début de la ligne.
Les points de début et de fin sont très importants lorsque vous utilisez les touches
fléchées.
157
158
Supprimer des points
Sélectionnez le ou les points d'ancrage comme décrit plus haut puis cliquez sur
SUPPRIMER POINTS (Barre d'infos ÉDITION DES FORMES ) ou utilisez la touche Suppr.
Déplacer les points d'ancrage - Outil d'édition
des formes
Vous pouvez déplacer une ou plusieurs poignées :
• Déplacez les poignées en les tirant à l'aide de la souris.
• Vous pouvez utiliser les touches fléchées sur le clavier.
Pour déplacer une seule poigné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électionné à l'aide de ses
coordonnées X-Y.
Les champs X-Y sur les côtés indiquent les coordonnées des poignées de courbe
situées de chaque côté du point sélectionné.
Les coordonnées X-Y sont calculées par rapport au coin inférieur gauche de la page.
Vous pouvez modifier cette règle dans la boîte de dialogue des options sous l'onglet
Grille et réglettes (voir page 356).
www.magix.com
Dessiner une ligne ou une forme
Si le point sélectionné se trouve à l'extrémité d'une ligne droite, les champs situés à
gauche indiquent la longueur et l'angle de la ligne. Vous pouvez procéder à un
ajustement en entrant une nouvelle valeur et en cliquant ensuite sur la touche Entrée.
Longueur et angle d'une ligne droite
Position du point sélectionné
Position de la poignée de courbe
Lissage de ligne
Uniquement l'outil d'édition des formes
Les formes importées ou issues du traceur bitmap (dessin automatique de fichiers
images) sont éventuellement des points inutiles sur une ligne. Les lignes comprenant
de trop nombreux points sont peu maniables et peuvent réduire la vitesse du rendu.
MAGIX Web Designer MX peut lisser la ligne afin d'éliminer les points inutiles.
Sélectionnez tous les points sur la partie de la ligne que vous souhaitez lisser. (Voir
plus haut). La sélection d'une zone à l'aide de l'outil d'EDITION DES FORMES est
probablement la méthode la plus simple pour sélectionner de nombreux points
simultanément.
Tirez la réglette de lissage jusqu'à la fin de la barre
d'infos d'EDITION DES FORMES.
Le programme sauvegarde les points supprimés afin de pouvoir lisser à nouveau la
ligne ultérieurement en déplaçant la réglette. Les points supprimés sont effacés
lorsque vous éditez à nouveau la ligne, par exemple en tirant sur les poignées.
159
160
Astuce : pour vous assurer que des points importants ne sont pas supprimés,
vérifiez qu'ils ne sont pas sélectionnés. (Maj + clic sur le point sélectionné permet de
désélectionner.)
Limitation de la ligne
Lorsque vous tirez une poignée tout en appuyant sur la touche Ctrl, le mouvement
sera limité à des multiples de l'angle de limitation (contrôlé depuis la boîte de
dialogue des OPTIONS , GENERAL ). Lorsque vous tirez des poignées d'une courbe,
l'angle est déterminant.
Modifier les courbes
Utilisation des poignées de courbe
En tirant les poignées de courbe vous ajustez la courbure des segments de courbe
accolés.
Déplacez la poignée de courbe en direction du point
d'ancrage ou au contraire éloignez-la pour tirer la courbe
dans la direction souhaitée.
www.magix.com
Dessiner une ligne ou une forme
Déplacement d'un segment de ligne
Vous pouvez également ajuster la courbe en tirant le segment de ligne entre deux
points.
Notez qu'il existe une différence entre tirer une ligne pour modifier sa forme, et cliquer
sur la ligne pour ajouter une nouvelle poignée. Lorsque vous tirez sur une ligne droite,
elle se transforme en courbe.
Angles précis
Normalement, MAGIX Web Designer MX dessine une courbe lisse à travers une
poignée. Pour cela, les deux poignées de courbe sont reliées à la fin des points
d'ancrage. Si vous déplacez une poignée de courbe, l'autre le sera automatiquement
aussi.
Parfois, vous souhaitez obtenir un angle précis. Pour cela, vous devez séparer les
poignées de courbe :
1.
2.
Double-cliquez sur le point d'ancrage.
Vous pouvez également sélectionner le point d'ancrage et :
Cliquez sur LIAISON EN POINTE ou cliquez sur la touche Z.
Vous pouvez maintenant déplacer chaque poignée de courbe indépendamment.
Création de courbes lisses
Pour convertir une liaison pointue en courbe lisse :
1.
2.
Double-cliquez sur le point d'ancrage.
Vous pouvez également sélectionner le point d'ancrage et :
161
162
Cliquez sur CONNEXION LISSE ou cliquez sur la touche S.
Les deux poignées de courbe sont alors reliées et se déplacent en sens opposé du
point d'ancrage. Cela peut modifier la forme de la courbe.
Ajustement des courbes
Le procédé d'équilibrage positionne les deux poignées de courbe à la même distance
de la poignée de contrôle, ce qui permet d'obtenir des courbes plus lisses et plus
symétriques. Pour équilibrer une courbe, sélectionnez la poignée de contrôle puis tirez
sur l'une des poignées de courbe en maintenant la touche MAJ enfoncée. Pendant que
vous déplacez l'une des poignées de courbe, l'autre se déplace exactement à l'inverse
et à la même distance de la poignée de contrôle.
Transformation d'une ligne droite en courbe
1.
2.
Sélectionnez les poignées à chaque extrémité du segment de la ligne. Vous
pouvez sélectionner plusieurs segments de ligne en sélectionnant simplement
toutes les poigné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'édition de formes.)
Après avoir modifié le type de la ligne, vous aurez éventuellement à déplacer les
poignées de courbe pour obtenir une transition lisse entre les segments de ligne
droite et de courbe.
Vous pouvez sélectionner plusieurs segments de ligne et les convertir. Les points
d'ancrage à chaque extrémité du segment doivent être sélectionnés.
www.magix.com
Dessiner une ligne ou une forme
Connexion de lignes
Vous pouvez connecter des lignes uniquement si les deux sont sélectionnées (les
points d'ancrage doivent être activés sur les deux lignes) :
En utilisant l'OUTIL DE SELECTION , en maintenant enfoncé «  » et en cliquant sur les
lignes pour les sélectionner (si vous êtes déjà dans l'OUTIL D'EDITION DES FORMES ,
vous pouvez appuyer sur « Alt + S » pour passer temporairement sur l'OUTIL DE
SELECTION , « + clic » pour sélectionner la seconde ligne, puis « Alt + S » à nouveau
pour retourner à l'OUTIL D'EDITION DES FORMES).
Le mode de sélection des objets est décrit en détail dans le chapitre « Sélection
d'objets (voir page 115) ».
Lorsque les deux objets sont sélectionnés, dans l'OUTIL D'EDITION DES FORMES , tirez la
poigné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 être
reliées.
Si les extrémités des deux lignes sont déjà très proches, mais pas connectées, vous
pouvez faire un zoom avant, ou éloigner les points d'ancrage de fin pour les
rapprocher ensuite. Un symbole + indique lorsqu'une connexion va être réalisée.
Pour créer une forme remplie, tirez les deux autres poignées externes pour les relier.
Comme vous connectez des poignées de fin, vous pouvez uniquement connecter des
lignes et non des formes. Les formes sont des objets fermés et ne possèdent donc pas
de poignées de fin.
163
164
Segmentation d'une forme
Si vous souhaitez segmenter une ligne ou une forme, vous pouvez sélectionner une
poignée existante sur la ligne ou le contour de la forme, ou créer une nouvelle poignée
à l'emplacement où 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ès la segmentation d'une ligne, rien n'est visible dans un premier temps.
Cependant, si vous déplacez la poignée, seule une partie de ligne bouge. Cependant,
si vous déplacez la poignée, seule une partie de ligne bouge. Si vous segmentez une
forme, elle sera transformée en ligne. Tout remplissage disparaît.
Fermer une forme
Une forme est un objet fermé qui ne possède pas de poignée de début ou de fin.
Seules les formes peuvent être remplies avec de la couleur.
Pour fermer une forme :
1.
2.
1.
Créez un objet ouvert dont la poignée de fin se
trouve très près de la poignée de début. Tous les
points d'ancrage, excepté la poignée de fin,
devraient se trouver dans la position requise.
Placez le pointeur de la souris sur la poignée de
fin.
Tirez la poignée de fin sur la poignée de début
puis relâchez le bouton de la souris. Les deux
poignées sont alors automatiquement reliées.
Ou :
1.
2.
1.
Créez un objet ouvert dont toutes les poignées
de contrôle se trouvent dans la position
correcte. Ne créez pas le segment de ligne final.
Déplacez le pointeur sur le point de départ. Un
signe « + » apparaît sur la droite du pointeur
lorsqu'il se trouve sur la poignée de début.
Cliquez pour créer le segment de ligne final et
fermer la forme.
Ou :
www.magix.com
Dessiner une ligne ou une forme
1.
2.
3.
Sélectionnez l'OUTIL D'EDITION DES FORMES .
Cliquez sur un point de fin pour le sélectionner.
Cliquez sur la touche «  ».
Toutes ces manipulations permettent de fermer une forme. Si une couleur de
remplissage est sélectionnée actuellement, la forme sera remplie automatiquement
avec cette couleur.
Modification de la largeur de la ligne (épaisseur)
Pour modifier la largeur de la ligne ou la largeur du contour d'une forme, sélectionnez
d'abord l'objet ou les objets :
Entrez une nouvelle largeur de ligne dans le champ de texte sur la
barre de contrôle STANDARD ou choisissez l'une des largeurs par
défaut dans le menu.
L'épaisseur de la ligne est traditionnellement mesurée en points, avec l'abréviation pt.
1 point est égal à 1/72 de pouce ou environ 0,3 mm, c'est-à-dire à peine un peu moins
que l'épaisseur d'un pixel sur l'écran lorsqu'il est affiché avec un zoom à 100 %.
Vous pouvez utiliser n'importe quelle unité de mesure standard de MAGIX Web
Designer MX.
Vous pouvez entrer la valeur de l'épaisseur dans n'importe quelle unité, 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ètre d'épaisseur, mais cette valeur sera affichée sous forme de points dans le
champ de largeur.
Si vous n'avez sélectionné aucun objet et que vous modifiez l'épaisseur de la ligne, les
modifications seront appliquées par défaut à toutes les lignes.
Remarque : une ligne avec une épaisseur égale à zéro est un cas spécial et n'est pas
utilisée normalement. Une ligne d'une épaisseur de 1 pixel est alors créée. La taille
actuelle sera toujours dépendante de l'appareil et du dessin qui y est affiché. Sur un
écran d'ordinateur, un pixel est clairement visible et n'est jamais affiché avec antialiasing. Sur les appareils particuliers comme les imprimantes ou imprimantes
photos dont la résolution est particulièrement élevée, la ligne est pratiquement
invisible. (Les lignes avec une épaisseur égale à 0 dans les fichiers importés sont
converties en lignes d'une épaisseur de 0,25 pt).
165
166
Manipulation des formes
Modification de la largeur de la ligne (épaisseur)
Pour modifier la largeur de la ligne ou la largeur du contour d'une forme, sélectionnez
d'abord l'objet ou les objets :
entrez une nouvelle largeur de ligne dans le champ de texte sur la
barre de contrôle STANDARD ou choisissez une largeur par défaut dans
le menu.
Habituellement, l'épaisseur de ligne est mesurée en points et son abréviation est
« pt. ». 1 point est égal à 1/72ème de pouce ou environ 0,3 mm, c'est-à-dire à peine un
peu moins que l'épaisseur d'un pixel sur l'écran lorsqu'il est affiché avec un zoom à
100%.
Vous pouvez entrer la valeur de l'épaisseur dans n'importe quelle unité, 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ètre d'épaisseur, mais cette valeur sera affichée sous forme de points dans le
champ de largeur.
Si vous n'avez sélectionné aucun objet et que vous modifiez l'épaisseur de la ligne, les
modifications seront appliquées par défaut à toutes les lignes.
Création de rectangles et carrés
Pour créer un rectangle :
• utilisez l'outil RECTANGLE (« + F3 », ou « M »).
Cliquez et glissez sur l'espace de travail pour former un rectangle.
Création d'un carré
Pour créer un carré plutôt qu'un rectangle, maintenez la touche Ctrl enfoncée pendant
que vous déplacez la souris.
www.magix.com
Manipulation des formes
Créer et éditer des rectangles aux coins arrondis.
Pour donner à votre rectangle des coins arrondis, sélectionnez-le puis cliquez
sur le bouton « Coins arrondis » de la barre d'infos de L'OUTIL RECTANGLE .
Vous pouvez tirer les poignées de sélection présentes aux coins pour ajuster le
diamètre des coins arrondis.
Vous pouvez redimensionner les rectangles à l'aide de L'OUTIL RECTANGLE (en tirant
sur les poignées situées à chaque coin) ou à l'aide de L'OUTIL DE SELECTION .
Notez que si vous changez les proportions d'un rectangle à l'aide de L'OUTIL DE
SELECTION (en l'étirant sur une dimension seulement), les proportions des coins
arrondis ne changent pas, elles sont maintenues. Cependant, si plusieurs objets sont
sélectionnés ou si vous é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é horizontalement ou verticalement.
167
168
Création de cercles et ellipses
Pour créer un cercle ou une ellipse :
Sélectionnez l'outil ELLIPSE (« Maj + F4 », ou « L »).
Les boutons RAYON ET DIAMETRE permettent de créer des cercles de manière
automatique.
Rayon
Diamètre
Création par limites
Cliquez sur CREATION PAR LIMITES et tirez sur l'espace de travail pour dessiner une
ellipse. Maintenez la touche « Ctrl » enfoncée pendant que vous tirez pour tracer un
cercle plutôt qu'une ellipse.
Sélectionnez l'option RAYON pour dessiner des cercles. Le point de départ d'un trait
détermine le centre du cercle.
Sélectionnez l'option DIAMETRE. Le point de départ d'un trait détermine désormais la
position du bord du cercle.
Vous pouvez convertir une ellipse en un cercle à tout moment en effectuant un
double-clic sur une poignée de contrôle.
www.magix.com
Utilisation des couleurs
Utilisation des couleurs
MAGIX Web Designer MX vous permet de contrôler largement l'application, la
création et la modification des couleurs des objets. Pour de simple documents, vous
pouvez simplement choisir les couleurs de la palette de couleurs à l'écran. Les
opérations avancées sur les couleurs sont décrites plus loin.
La palette de couleurs.
La palette de couleurs s'affiche en bas de la fenêtre. La palette de couleurs donne
également accès à l'éditeur de couleurs et propose un éventail de couleurs
prédéfinies, ainsi que l'option spéciale « Aucune couleur ».
ÉCHANTILLON DE COULEUR : la partie externe de l'é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électionné, ou les attributs de couleur courante si aucun objet n'est sélectionné.
Ce bouton vous permet d'accéder à l'éditeur de couleurs (voir page 173).
PIPETTE DE COULEURS : utilisez la pipette pour sélectionner n'importe quelle
couleur affichée sur l'écran ou dans le document. Voir Utiliser la pipette pour
prélever des couleurs (voir page 174) pour plus d'informations.
AUCUNE COULEUR : cette option permet de sélectionner un « remplissage sans
couleur ». En cliquant sur la touche Maj en même temps, vous appliquez cette
option à une ligne. Veuillez noter que l'effet n'est pas le même que la
transparence à 100 %. L'option « Aucune couleur » est différente de la
transparence. Une forme à laquelle une transparence de 100 % est appliquée
reste pleine alors qu'une forme remplie avec « aucune couleur » est
effectivement vide, transparente. Le bouton AUCUNE COULEUR peut également
être utilisé pour rétablir la couleur d'origine d'une photo à laquelle une couleur
contone a été appliquée.
Couleur de remplissage actuelle
Couleur de la ligne actuelle
Si la longueur de la palette des couleurs dépasse celle de la fenêtre, vous pouvez faire
défiler l'ensemble de la palette à l'aide de la barre de défilement située en dessous ou
en faisant glisser la palette des couleurs tout en maintenant la touche « Alt » de votre
clavier enfoncée.
MAGIX Web Designer MX propose diverses options concernant la taille affichée de
la palette de couleurs (décrites dans le chapitre Personnaliser Web Designer).
169
170
Couleurs de la palette
Couleurs thématiques : elles apparaissent en premier (si elles sont présentes
dans le document, voir ci-dessous). On utilise les couleurs thématiques pour les
modèles et les designs, de manière à ce que le schéma de couleur d'un design
puisse être facilement modifié sans devoir éditer individuellement chaque objet
qu'il contient.
Les Couleurs liées sont représentées différemment dans la palette de couleurs
(petits rectangles arrondis) pour qu'il soit plus facile de distinguer les couleurs
thématiques indépendantes et les couleurs liées à une couleur mère.
Couleurs de la palette : il existe 46 couleurs prédé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ées) ; elles sont conçues comme une sélection simple et limité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ônes des couleurs affichent les couleurs nommées
(s'il y en a) ou les couleurs de la palette qui ont été appliquées aux objet(s)
sélectionné(s).
Les marqueurs en forme de diamant montrent les couleurs utilisées par les
objets sélectionnés. Le diamant situé dans le coin supérieur gauche indique
la couleur de remplissage, celui situé dans le coin supé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électionné. La couleur du contour se
trouve à droite, celle du remplissage à gauche.
Les marqueurs en forme de triangle affichent les couleurs du remplissage si
vous en avez utilisé un.
Cela fonctionne également lorsque vous choisissez une couleur avec la pipette à partir
d'objets déjà existants, voir Utiliser la pipette pour prélever des couleurs (voir page
174). Les marqueurs des couleurs de contour se mettent à jour instantanément et
affichent la couleur de l'objet sous la pipette lorsque vous la déplacez.
Reclasser les couleurs sur la palette de couleurs
Vous préférerez peut-être reclasser les couleurs de la palette de couleurs. Pour cela,
Ctrl+glisser les couleurs le long de la palette de couleurs. Cela réorganise aussi la
GALERIE DES COULEURS . Seules les couleurs nommées peuvent être replacé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 :
ÉDITER
DEFINIR LA COULEUR DE
REMPLISSAGE/DEFINIR LA
COULEUR DE CONTOUR
RENOMMER
SUPPRIMER
Ouvre l'éditeur de couleurs avec la couleur
sélectionnée (non disponible pour les couleurs de
palette)
Définit la couleur de remplissage ou de contour de
l'objet sélectionné avec cette couleur
Renomme une couleur nommée (non disponible pour
les couleurs de la palette)
Supprime une couleur nommée (non disponible pour
les couleurs de la palette)
Si l'objet sélectionné est un bitmap, les options de couleur de remplissage et de
contour seront remplacé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 « Aucune couleur » pour remplacer les options de couleur de remplissage
et de contour par : SUPPRIMER LA COULEUR DE REMPLISSAGE/SUPPRIMER LA COULEUR
DE CONTOUR . Ceci règle les attributs relatifs à l'objet sélectionné sur « Aucune
couleur ».
Appliquer des couleurs de remplissage & de
contour par glisser&déposer
• Pour appliquer une couleur de remplissage à un objet (sélectionné ou non), faites
glisser une couleur de la palette de couleurs et déposez-la au centre de la forme.
• Pour définir la couleur d'une ligne ou d'un contour, dé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ère-plan d'une page, utilisez « Ctrl » et tirez une
couleur sur l'arrière-plan de la page.
Lorsque vous tirez des couleurs, un indicateur à côté du pointeur vous indique l'effet
qu'aura la dépose de la couleur :
Définir une couleur de remplissage unie (visible lorsque vous passez au-dessus
d'un objet) ou les couleurs intermédiaires dans le cas d'un remplissage
multicolore (voir page 225)
Définir la couleur de contour (lorsque vous passez au-dessus d'une ligne).
171
172
Définir la couleur de remplissage courante (visible lorsque vous passez audessus d'une zone vide)
Définir la couleur de départ du remplissage gradué (vue lorsque vous passez
au-dessus du début du remplissage).
Définir la couleur de fin du remplissage gradué (vue lorsque vous passez audessus de la fin du remplissage).
Définir la couleur de l'arrière-plan d'une page (visible lorsque vous tirez une
couleur sur la page).
À la place de glisser&déposer, si vous avez déjà sélectionné un objet, vous pouvez
simplement cliquer sur la palette de couleurs. Cela ouvre le menu contextuel de la
palette de couleurs à l'emplacement où vous pouvez définir la couleur de remplissage
ou de contour.
Dans tous les autres cas, vous pouvez modifier la couleur de contour par « Maj +
clic » sur la palette de couleurs.
Si une photo ou une forme comportant des bitmaps est sélectionné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électionnée sera utilisée
comme couleur claire contone. La couleur sombre contone est généralement le noir.
Vous pouvez ré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éfinir Aucune couleur (supprimer) pour un
remplissage ou un contour, effectuer les opérations comme
soulignées ci-dessus tout en utilisant l'option « Aucune
couleur » au lieu d'une couleur.
Éditer la couleur d'un objet
Pour éditer la couleur de remplissage ou de contour de (des) l'objet(s)
sélectionné(s) :
• Choisir « SERVICES » > « ÉDITEUR DE COULEURS » (raccourci Ctrl+E).
• Ou cliquer sur l'icône ÉDITER COULEUR sur la palette de couleurs.
• Ou faites un clic droit et sélectionnez COULEUR DE REMPLISSAGE
• Ou double-cliquer sur le panneau de la couleur de remplissage courante sur la
palette de couleurs.
Pour éditer la couleur de contour de(s) l'objet(s) sélectionné(s)
• « Maj + clic » sur l'icône ÉDITER COULEUR
• Ou double-cliquez sur le panneau de la couleur de remplissage sur la palette de
couleurs (icône tout à gauche).
www.magix.com
Utilisation des couleurs
Ceci affiche l'ÉDITEUR DE COULEURS qui vous permet de sélectionner n'importe quelle
couleur du spectre. Contrairement à de nombreux programmes de graphisme,
l'Éditeur de couleurs peut rester affiché à l'écran pendant que vous continuez à
travailler. Il reflète la couleur attribuée aux objets sélectionnés et le fait que vous
pouvez tirer sur le coin droit du bas pour redimensionner la fenêtre de L'EDITEUR DE
COULEURS indique que vous pouvez précisément ajuster la couleur de l'objet
sélectionné.
L'éditeur de couleurs
On utilise l'Éditeur de couleurs pour modifier la couleur des objets du document.
Lorsque vous souhaitez modifier une couleur, vous avez la possibilité d'aller
prélever n'importe quelle couleur présente à l'écran à l'aide de la pipette.
Sélectionnez la couleur à modifier, qu'il s'agisse de la couleur de remplissage ou
de ligne de l'objet sélectionné ou toute autre couleur de base portant un nom
précis.
Cliquez pour afficher les commandes avancées relatives aux couleurs
Couleur précédente
Couleur actuelle
Sélectionnez ici une nuance de la teinte souhaitée avec la souris.
Sélectionnez ici une teinte à l'aide de la souris
.Étirez à l'aide de la souris pour augmenter la taille de la fenêtre.
Le moyen le plus facile de créer une nouvelle couleur est de sélectionner la teinte sur
la bande de couleur en bas. Toutes les nuances possibles de cette teinte s'affichent
dans la section supérieure, il vous suffit de cliquer ou de tirer dans la section
supérieure pour sélectionner une nouvelle couleur. Vous constaterez que les objets
sélectionnés changent de couleur lorsque vous les ajustez dans l'éditeur de couleurs
(appelé « Aperçu en direct »).
173
174
Par exemple, pour sélectionner une couleur rose, qui correspond à une nuance pâle de
rouge, sélectionnez rouge dans la section inférieure puis un rouge très pâle (rose) en
haut à droite de la section supérieure.
Couleur précédente et couleur actuelle
Alors que vous passez sur l'Éditeur de couleurs, les deux petits échantillons de
couleur en haut à droite affichent la couleur actuelle et la couleur précé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élever des couleurs
Au lieu de sélectionner des teintes et des nuances dans l'ÉDITEUR DE COULEURS , vous
pouvez prélever une couleur à n'importe quel endroit du document ou de l'écran de
l'ordinateur, y compris dans d'autres fenêtres et programmes.
Pour cela, cliquez l'icône pipette et faites-la glisser. Pendant le déplacement, l'Éditeur
de couleurs prélève continuellement la couleur située sous la pipette. Relâchez le
bouton de la souris lorsque vous avez la couleur désirée. Ceci est un moyen facile et
rapide de réutiliser une même couleur, mais aussi de copier des couleurs provenant
de photos ou d'un objet à l'autre.
La pipette ne prélève pas seulement la couleur de l'é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èle de couleur (RVB, TSV ou
CMJN), afin que la couleur soit copiée de manière exacte dans l'(es) objet(s)
sélectionné(s). Si la couleur cible est une couleur nommée ou une couleur de la
palette, la pipette ne va pas seulement copier la couleur mais va l'appliquer à l'(aux)
objet(s) sélectionné(s).
Si l'objet sous la pipette est complexe (par exemple il comprend des transparences)
et la couleur exacte ne peut pas être déterminée, c'est la couleur RVB de l'écran qui
sera appliquée.
Une petite fenêtre s'affiche près du curseur de la souris
et indique la couleur copiée à cet endroit précis. Il s'agit
du nom de la couleur dans la palette, du nom d'une
couleur nommée ou du modèle de couleur et de sa
valeur.
www.magix.com
Utilisation des couleurs
Opérations de couleur avancées
Cliquez sur l'icone AFFICHER LES OPTIONS AVANCEES de l'Éditeur de couleurs
afin de faire apparaître la partie inférieure de la boîte de dialogue affichant
des options supplémentaires.
Aucune couleur de remplissage
Valeurs des couleurs TSV
Valeur hexadécimale RVB
Type de couleur : Voir Création d'une teinte, d'une nuance ou d'une couleur liée
Vous pouvez saisir des valeurs de couleur RVB (ou TSV) précises. Géné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écimal (0F).
En outre, un bouton « Aucune couleur de remplissage » et un bouton d'aide sont
disponibles.
Couleurs locales et couleurs thématiques
Web Designer possède deux types de couleurs :
• Les COULEURS LOCALES ne sont utilisées qu'à un seul endroit du document.
Chaque objet a une couleur distincte et rien n'est partagé. Ceci est utile lorsque
vous souhaitez modifier la couleur d'un objet sans affecter d'autres objets. Les
couleurs locales constituent la méthode la meilleure et la plus facile pour des
documents simples utilisant peu de couleurs. Les options « Appliquer de la
couleur » et « Éditer la couleur d'un objet » ci-dessus décrivent l'utilisation de
couleurs locales.
• LES COULEURS THEMATIQUES peuvent être utilisées à volonté dans le document.
(ainsi, elles sont semblables aux styles dans un logiciel de traitement de texte)
Les couleurs thématiques sont utilisées en tant que modèles et vous garantissent
un aspect consistant des éléments de votre page, comme les boutons ou les
barres de navigation. Toute modification que vous effectuez sur une couleur
thématique est immédiatement reproduite sur tous les objets et toutes les parties
du dessin utilisant cette couleur. Vous pouvez également copier des couleurs
thématiques d'un document à un autre. Si des couleurs thématiques sont déjà
175
176
présentes dans le design et que vous chargez ou collez des modèles depuis la
Galerie de designs contenant des couleurs thématiques avec le même nom, il
vous sera demandé si vous souhaitez assortir la couleur actuelle des couleurs
thématiques importées à celles existantes. Les couleurs thématiques des
modèles sont toujours nommées. Ainsi, lorsque vous importez
Schémas de couleurs de palette
De nombreux thèmes web proposés dans la GALERIE DES MODELES DE CONCEPTION et
dans des packs de modèles vendus séparément comportent des schémas de couleur
alternatifs que vous pouvez facilement appliquer à des sites Internet utilisant le même
thème afin de transformer en un instant le schéma de couleur. Les schémas de
couleur se trouvent normalement dans la Galerie des modèles de conception, dans
chaque gamme de couleur, après les mises en page et différents éléments graphiques
composant la gamme. Ils comportent tous le terme « Schéma de couleur » dans le
titre dans la Galerie des modèles de conception afin de les identifier facilement.
Pour appliquer un schéma de couleur à votre site Internet, il suffit de tirer le schéma
depuis la Galerie des modèles et de le déposer sur votre page. Vous pouvez
également essayer d'appliquer les schémas de couleur d'un thème à un site créé à
partir des modèles d'un autre thème. Mais cette méthode donne des résultats
contrastés et certains schémas ne fonctionneront pas correctement avec certains
thèmes. Pour obtenir de meilleurs résultats, conservez les schémas de couleur du
thème que vous avez utilisé pour créer le site.
L'un des schémas de couleur fourni avec chaque thème correspond aux couleurs par
défaut utilisées par ce thème. Cela vous permet de retrouver facilement les couleurs
d'origine après avoir testé des schémas alternatifs sans succès.
Éditer les couleurs d'un thème
Pour afficher la couleur nommée dans l'ÉDITEUR DE COULEURS afin de la modifier,
sélectionnez la couleur dans le menu de l'ÉDITEUR DE COULEURS ou glissez et déposez
la couleur de la Palette de couleurs jusque dans l'ÉDITEUR DE COULEURS .
Vous pourrez ensuite éditer la couleur selon vos besoins. Tous les objets utilisant
cette couleur sont automatiquement et immédiatement mis à jour afin d'afficher la
nouvelle couleur.
Pour renommer une COULEUR THEMATIQUE lors de sa modification, faites un clic droit
dans l'ÉDITEUR DE COULEURS et sélectionnez RENOMMER ou faites un clic droit sur la
couleur dans la palette de couleurs et sélectionnez RENOMMER .
Pour supprimer une couleur nommée, faites un clic droit sur la couleur dans la palette
de couleurs et sélectionnez SUPPRIMER .
www.magix.com
Utilisation des couleurs
Importer des couleurs nommées
Lorsqu'un design est importé dans le document courant (par ex., importation depuis
la galerie des modèles, importation d'un fichier XAR ou collage des objets depuis un
autre design), si les couleurs nommées dans le design importé portent le même nom,
mais des valeurs numériques différentes, que les couleurs du design actuel, un
message s'affiche :
Si vous souhaitez que les objets importés utilisent les couleurs de votre design actuel,
sélectionnez l'option « HARMONISER ». Ainsi, tous les objets utilisant une couleur
nommée donnée utiliseront la couleur telle qu'elle est utilisée dans le document.
Si vous souhaitez que les objets importés conservent leurs propres couleurs,
sélectionnez l'option « NE PAS HARMONISER ». Cette option ajoute de nouvelles
couleurs nommées à votre thème avec un numéro lié aux noms des couleurs pour les
distinguer des couleurs déjà présentes dans le design. Ainsi, les objets importés
conservent leurs couleurs d'origine.
Il est à noter que si vous importez des objets de nombreux designs différents en
sélectionnant à chaque fois l'option Ne pas harmoniser, vous aurez un nombre
important de couleurs nommées distinctes dans votre palette de couleurs.
L'option Harmoniser mentionnée plus haut inclut une case NE PLUS ME REDEMANDER.
Si vous cochez cette case, l'option choisie sera activé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
à la prochaine importation.
L'option Harmoniser signifie que vous pouvez choisir un modèle, modifier les couleurs
de son thème puis importer plus de modèles de conception sur le même thème et les
designs importés s'adapteront immédiatement aux couleurs du thème modifié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ême thème et sélectionnez l'option Harmoniser. Lorsque le logo s'affiche dans votre
design, il ne sera plus rouge mais aura « adopté » automatiquement la couleur de
thème vert que vous avez sélectionnée au préalable. La plupart des thèmes ayant leur
177
178
couleur nommée principale appelée Couleur du thème 1, vous aurez habituellement
de bons résultats lors de l'importation de différents thèmes et lors de l'harmonisation
des couleurs.
Couleurs normales, teintes, nuances et Couleurs
liées
Couleurs normales
Celles-ci sont les couleurs normales autonomes à appliquer aux objets.
MAGIX Web Designer MX peut également définir des couleurs liées à une autre
couleur, à savoir, lorsque la couleur mère change, la couleur liée change également.
Vous pouvez liéer une couleur à sa couleur mère de trois façons—TEINTES , NUANCES
et COULEURS LIEES . Ces techniques trè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ées sur d'autres couleurs, (appelées couleurs mères) et sont
toujours une version plus pâle que la version mère. Elles ont deux utilisations
principales :
• Où vous avez des nuances plus pâles d'une couleur mère et souhaitez replacer la
couleur mère à l'avenir par des teintes se mettant automatiquement à jour.
• Pour étendre la palette de couleurs disponible des encres d'impression.
Par exemple, une teinte rouge de 25 % donnera une couleur rose. Par
conséquent, avec une encre rouge, vous pouvez obtenir un rouge pur et un rose à
partir d'une même encre. De même, pour une impression noir et blanc, il est
souvent utile d'utiliser des teintes afin de créer différentes nuances de gris.
Si vous imprimez une palette de couleurs limitée (il est souvent meilleur marché
d'imprimer une ou deux couleurs plutôt que faire une impression en
quadrichromie).
Une teinte peut être basée sur tout type de couleurs, incluant une autre teinte.
Toute modification effectuée sur une couleur mère modifiera les teintes basées sur
celle-ci. Par exemple, vous pouvez définir la couleur rose comme 50 % d'une couleur
mère rouge. Si vous changez la couleur mère en orange, le rose passera
automatiquement à l'orange clair.
Nuances
Celles-ci permettent de créer des couleurs plus claires ou plus foncées basées sur une
couleur mère. En changeant la couleur mère, vous modifiez toutes les teintes
associées. Par exemple, un dessin d'une voiture peut utiliser des nuances pour
souligner les reflets et les ombres de la carrosserie. Une simple édition de la couleur
www.magix.com
Utilisation des couleurs
mère entraîne une modification de toutes les couleurs de la carrosserie tout en
maintenant les nuances. Le réglage des nuances de cette manière prend plus de
temps mais est un moyen très efficace de modifier les couleurs.
Pour de meilleurs résultats, la couleur mère doit être un couleur « pure » saturée. En
mode de couleur TSV, la saturation et la valeur doivent idéalement être fixées à 100
%. Dans l'ÉDITEUR DE COULEURS , la croix doit être placée dans le coin en haut à
gauche.
Couleurs liées
Les couleurs liées sont similaires aux nuances mais offrent une plus grande flexibilité.
Elles sont également basées sur une couleur mère mais c'est vous qui définissez quels
attributs la couleur liée doit partager avec sa couleur mère. Par exemple, vous pouvez
créer une couleur liée qui sera une version plus saturée de la couleur mère, mais dont
teinte et la luminosité seront celles de la couleur mère.
179
180
Utilisation du texte
Introduction
Les options d'édition de texte de MAGIX Web Designer MX sont très proches de
celles de votre éditeur de texte ou de votre programme de traitement de texte, mais
elles fournissent en plus une série de caractéristiques que vous ne trouverez pas dans
ces logiciels :
Vous pouvez agrandir ou grossir un texte de façon conséquente.
Vous pouvez appliquer l'ensemble des attributs et des effets de
MAGIX Web Designer MX – remplissages, transparence,
dégradés de couleurs, ombres – tout en continuant à éditer le
texte.
Vous pouvez convertir les contours de caractères en formes que
vous pourrez ensuite éditer comme des formes normales.
Vous pouvez ajuster le texte sur une courbe. Vous pouvez faire pivoter le texte, l'incliner ou
l'étirer.
www.magix.com
Utilisation du texte
Terminologie
POLICE ou STYLE DE POLICE : ensemble de caractères ayant un style homogène.
FAMILLE DE POLICE : ensemble de polices similaires. Par exemple Garamond et
Garamond Italic constituent des polices différentes de la même famille Garamond.
JUSTIFICATION : autre façon de décrire l'alignement d'un texte. Un texte aligné à
gauche est parfois dit justifié à gauche.
MONOSPACE : les caractères individuels d'une police monospace ont la même largeur.
Parfois désignées comme des polices à chasse fixe. Utile pour les listings de
programmes. Courier est la police monospace la plus répandue. La plupart des polices
sont des polices espacées proportionnellement, c'est-à-dire que les caractères varient
en largeur.
POINT : la taille du texte ou de la police est généralement mesurée en points, abrégée
en pt. 1 pt correspond environ à 1/72 de pouce ; ainsi un texte de 72 pt fait environ 1
pouce, bien que différentes polices d'une taille donnée puissent varier.
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é
Justifié
Barre d'infos droite de l'OUTIL TEXTE
Indice/Exposant
Espacement des lignes
Espacement des paragraphes
181
182
Listes à points
Listes à numé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éer
une colonne et saisir le texte.
• Zones de texte : cliquez et faites glisser en diagonale pour créer une zone
rectangulaire et saisir le texte.
Après avoir créé 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. – à l'aide des outils habituels. Vous
pouvez également l'attacher à une courbe. Le texte restera éditable.
Menu des polices
www.magix.com
Utilisation du texte
Le menu des polices comprend toutes les polices installées et les classe en trois
sections. La section du haut affiche les polices actuellement utilisées dans le
document. La seconde section affiche les polices recommandées (adaptées) pour le
Web. Ce sont des polices que vous pouvez utiliser sans problème pour le Web car
tous les navigateurs Web couramment utilisés prennent en charge ces polices. Voir la
section Polices adaptées pour le Web (Web Safe). La section finale affiche la liste
alphabétique de toutes les autres polices installées. Chaque nom de police est affiché
dans le menu et utilise ses propres caractères pour faciliter la sélection.
Ces polices pour lesquelles de nombreux styles sont disponibles sont affichées avec
un petit triangle noir sur le côté droit du menu. Maintenez une à deux secondes le
pointeur de la souris sur la police à style multiple et un sous-menu listant les styles
propres à cette police apparaît à droite du menu principal. Alors que ce sous-menu
est affiché, vous pouvez déplacer le pointeur de la souris pour sélectionner le style de
police désiré.
Polices Web safe
Ces polices peuvent être utilisées pour un site Web car la grande majorité des
ordinateurs et autres appareils contiennent ces polices. Vous pouvez utiliser d'autres
styles de polices si vous les intégrez dans votre site Web et si la licence de la police le
permet. Voir le chapitre ci-dessous POLICE DE SITE WEB .
Prévisualisation des polices en temps réel
Lorsque vous déplacez le curseur de la souris sur une entrée du menu des polices, le
texte sélectionné est alors prévisualisé immédiatement dans la police correspondante.
Cette modification ne sera permanente que si vous cliquez sur cette police pour la
sélectionner. Lorsque vous bougez à nouveau la souris, le texte sera de nouveau
affiché dans la police d'origine jusqu'à ce que le curseur soit positionné à nouveau sur
une autre police dans le menu. Cette fonction permet de visualiser très rapidement un
grand nombre de polices.
Si vous maintenez la touche Maj enfoncée lorsque vous parcourez le menu des
polices, la sélection n'est pas mise à jour instantanément, une petite pause est
nécessaire avant la mise à jour. Cette fonction est utile si vous trouvez que la
prévisualisation instantanée ralentit votre parcours du menu (si vous avez sélectionné
un large volume de texte, par exemple).
Prévisualisation de la taille des polices en temps réel
À côté du menu de la taille des polices, vous pouvez faire apparaître un petit curseur
semblable aux autres curseurs de Web Designer. Il vous permet de contrôler la taille
des polices en temps réel et ajuste instantanément la taille du texte sélectionné au fur
et à mesure que vous déplacez son bouton.
183
184
Cliquez pour faire apparaître l'afficheur de la taille des polices.
Comme les autres curseurs du programme, vous pouvez l'utiliser de deux manières
différentes. Cliquez puis relâchez la flèche pour faire apparaître l'afficheur. À présent,
vous pouvez déplacer le curseur ou utiliser la molette de la souris au-dessus du
curseur pour ajuster la valeur rapidement. Vous pouvez donc ajuster très rapidement
la taille des points à l'aide de la molette de la souris tout en visualisant directement le
résultat sur la page du document dans lequel vous travaillez.
L'autre façon d'utiliser le curseur que vous avez fait apparaître consiste à cliquer, tirer
et relâcher son bouton. Il s'agit d'une solution encore plus directe (moins de clics
requis).
Navigation du menu des polices instantanées
Lorsque le menu des polices est affiché, vous pouvez entrer les premiers caractères
du nom de la police et le menu défilera automatiquement jusqu'à la section
correspondante dans la liste. Par exemple, si vous entrez « ver », le menu va défiler
automatiquement jusqu'à la police Verdana.
Texte simple
Si vous souhaitez saisir un texte court et simple, positionnez le pointeur où vous
souhaitez le faire puis cliquez. Un curseur rouge apparaît à l'endroit où vous avez
cliqué et vous pouvez alors commencer la saisie à partir du clavier.
Si vous faites une erreur, utilisez Supprimer et Retour comme de coutume.
Appuyez sur Entrée pour terminer la ligne et commencer une nouvelle ligne de texte
en dessous. L'espacement de l'interligne est commandé par la boîte de dialogue de
l'espacement de ligne de la barre d'infos.
Parce qu'il n'y a pas de renvoi automatique à la ligne (la largeur est illimitée), cette
fonction marche seulement avec le texte simple et non pas pour les grands
paragraphes de texte. À la place, utilisez une colonne de texte ou une zone de texte
(voir ci-dessous).
Le texte par défaut n'a pas de couleur de contour. Effectuez « Maj + clic » sur une
couleur de la palette des couleurs pour donner une couleur de contour au texte
sélectionné - l'épaisseur des contours peut être modifiée à l'aide de l'outil de largeur
de contours. Vous souhaitez sûrement arrondir les intersections afin de lui conférer
une apparence plus douce (contrôle « Raccord » en haut de la GALERIE DES LIGNES ).
La largeur de la ligne est indiquée dans Définir la larguer de la ligne (épaisseur) (voir
page 165, voir page 166). L'application de couleurs est décrite dans le chapitre
Utilisation des couleurs (voir page 169).
www.magix.com
Utilisation du texte
Vous pouvez continuer à saisir du texte même après avoir appliqué une rotation, une
couleur de remplissage ou après avoir placé le texte sur une courbe.
Texte en colonne
Si vous saisissez de grandes quantités de texte, sur plusieurs lignes, l'utilisation d'une
colonne sera sans doute plus pratique. Le texte sera automatiquement réorganisé si
vous modifiez la largeur de la colonne.
Saisir une colonne de texte :
1.
2.
3.
4.
Sélectionner l'OUTIL D'AJOUT DE TEXTE.
Déplacez le pointeur de la souris où vous souhaitez que la colonne démarre.
Faites-le glisser afin de cré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ée.
Saisissez le texte. Vous n'avez pas besoin d'appuyer sur entrée à la fin de la
ligne. Lorsque le texte atteint le bord de la colonne, il continue
automatiquement sur une nouvelle ligne.
REMARQUE : si vous cliquez ailleurs ou si vous changez d'ouitl avant de commencer
la saisie, la colonne de texte sera supprimée et il ne restera plus rien sur la page.
Toutefois, ne commencez la saisie qu'après avoir tiré la ligne de la largeur de la
colonne.
Au lieu de saisir le texte, vous pouvez créer le texte dans un éditeur de texte séparé,
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épartissent sur deux lignes uniquement s'ils comportent un tiret (touche
moins).
L'effet de taper un tiret dans « running »
Si vous saisissez Ctrl+- (touche moins), cela insère un trait d'union qui est en réalité
un tiret apparaissant uniquement lorsque le mot peut être coupé à la fin d'une ligne.
Ceci est particulièrement utile dans les colonnes de texte étroites ; afin d'éviter trop
de blancs, essayez de mettre un trait d'union à certains mots. Si vous insérez un tiret
demi-cadratin, le mot se coupera en fin de ligne. On l'appelle « trait d'union » parce
185
186
que lorsque le mot apparaît en milieu de ligne, le tiret disparaît (contrairement à un
tiret demi-cadratin normal ou un tiret) et il coupe les mots intelligemment si besoin
est.
Lors de l'édition du texte, un trait d'union est traité comme un caractère invisible (il
n'occupe pas d'espace), mais vous pouvez vérifier qu'il est dans le texte en déplaçant
le curseur à gauche ou à droite sur l'endroit où se trouve le caractère invisible.
Un tiret peut être inséré en tapant Ctrl+Maj+ - (touche moins). Un tiret ne
provoquera pas un retour à la ligne. Ceci est très utile lorsque vous avez des tirets
dans des mots que vous ne souhaitez pas voir coupés à la fin de lignes.
Modifier la largeur de la colonne.
Tirer les deux poignées rouges aux extrémités de la ligne.
Modifier l'angle de la colonne
Maj+tirer l'une des deux poignées rouges aux extrémités de la ligne pour modifier
l'angle de la colonne. Autre possibilité : Ctrl+tirer pour restreindre la ligne aux angles
forcés. Ou encore, vous pouvez utiliser l'OUTIL DE SELECTION pour faire tourner l'objet.
Pour plus d'informations sur les angles forcés, voir le chapitre Introduction à MAGIX
Web Designer MX.
Zones de texte
Dans l'OUTIL TEXTE, si vous cliquez et tirez diagonalement sur la page, vous créerez
une zone de texte rectangulaire. Le curseur clignotant se positionnera en haut à
gauche et vous pourrez saisir ou coller du texte.
Une zone de texte peut contenir un texte « fluide ». Il s'agit d'un bloc de texte unique,
coulant d'une zone de texte à 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ées.
Si le texte dépasse du bas de la zone de texte, le texte dépassant sera grisé mais il
sera possible de continuer à l'éditer normalement.
www.magix.com
Utilisation du texte
Connecter les zones de texte—flux de texte
Lorsque le texte dépasse du bas de la zone de texte, un indicateur de dé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épassant s'écoulera dans la nouvelle zone de texte et les deux
zones seront connectées. Ceci est indiqué par une flèche de flux.
Faites glisser l'indicateur de dépassement d'une zone de texte à l'autre pour connecter deux
zones de façon à ce que le texte s'écoule de l'une vers l'autre. Vous pouvez en lier autant que
vous le souhaitez.
ASTUCE : il existe un moyen rapide de créer du texte fluide. Si le curseur de texte se
trouve dans une zone avec du texte qui dépasse, cliquer-tirer sur la page pour créer
une nouvelle zone de texte. La nouvelle zone de texte sera automatiquement
connectée et le texte s'écoulera dans la nouvelle zone.
ASTUCE : vous pouvez faire passer du texte d'une zone vers une autre sur n'importe
quelle page, même des pages précédentes. Si vous avez besoin de faire passer du
texte dans une zone située de nombreuses pages auparavant, il sera sans doute plus
facile d'utiliser la méthode ci-dessus ; à moins que vous ne fassiez un zoom arrière
afin d'obtenir de petites pages vous permettant de faire glisser la flèche de
dépassement par dessus les pages.
Pour déconnecter une zone de texte d'une autre, faites glisser l'indicateur de
dépassement et déposez-le hors d'une zone de texte.
Si vous supprimez une zone de texte connectée à une autre, seule la zone sera
supprimé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ées de contrôle
d'angle. Le texte dans la zone sera reformaté afin de s'ajuster à la nouvelle taille.
Vous pouvez également utiliser l'OUTIL DE SELECTION pour redimensionner l'objettexte, mais dans ce cas-là, le comportement sera différent. C'est la taille du texte luimême qui change si vous redimensionnez un texte à l'aide de l'Outil de sélection. Ceci
est cohé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ésirables : vous ne souhaitez sans doute pas qu'une partie d'un texte fluide diffè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ègle à suivre est la suivante :
• Si vous redimensionnez une zone de texte simple non connectée (ou une colonne
simple ou de texte), alors le « contenant » de la zone et le contenu du texte
seront redimensionnés ensemble.
• Si vous sélectionnez les zones de texte de l'ensemble du texte fluide (elles
doivent se trouver sur une seule et même page), le redimensionnement
s'effectuera à la fois sur le texte et sur les zones.
• Mais si vous redimensionnez une zone de texte faisant partie d'une série de
zones de texte, seule la taille du contenant sera modifiée et le texte à l'intérieur
conservera sa taille originale et sera reformaté pour s'ajuster à 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électionnez-le
intégralement à l'aide de « Ctrl+A » et appliquez-lui la taille de police souhaitée.
Vous pouvez faire pivoter une zone de texte à l'aide de l'OUTIL DE SELECTION comme
d'habitude, et le texte s'« écoulera » normalement par la zone de texte pivotée.
Le flux de texte ne sera pas affecté si vous faites tourner n'importe quelle zone de texte.
Maintenez la touche CTRL enfoncée lorsque vous faites tourner pour contraindre
l'angle de rotation du texte à des angles de 90 degrés et à des angles alignés le long
de l'écran.
Compte de mots
Le compte de mots et de caractères total du texte courant est affiché dans la ligne de
statut. Elle affiche aussi le nombre de mots dépassant. Si une section du texte est
sélectionnée, elle affiche le compte de cette sélection à 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éez soit un texte basique, un
texte en colonne ou une zone
de texte (voir plus haut).
1. Sélectionnez votre objet-texte
et une courbe.
2. Choisissez ARRANGER ->
AJUSTER LE TEXTE A LA COURBE .
Vous pouvez également sélectionner une courbe ou une ligne puis cliquer sur la ligne
où vous souhaitez que le texte démarre dans l'OUTIL TEXTE et le saisir. Ceci ajustera
automatiquement le texte le long de la ligne. Lorsque vous atteignez l'extrémité de la
ligne, le texte revient à la ligne, juste en dessous du début de la précédente.
Si vous ne voulez pas que le texte revienne à la ligne, cliquez sur « +clic » sur la
ligne.
Pour masquer la courbe afin qu'elle ne soit pas visible, sélectionnez l'OUTIL DE
CHANGEMENT DE FORMES et réglez la couleur de la ligne sur AUCUNE COULEUR ou une
largeur de AUCUN . Vous pouvez également éditer la courbe normalement de cette
façon.
L'application de couleurs est décrite dans le chapitre Utilisation des couleurs (voir
page 169).
Ajuster la marge gauche et droite d'un texte à une courbe
Si vous commencez à saisir ou placer une colonne de texte sur une courbe, vous
pouvez changer la position de départ et de fin des poigné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.
Échanger les côtés de la ligne
Cliquer droit sur le texte et sé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éplacera de
l'autre côté de la ligne ou, dans le cas d'une forme fermée, passera de l'intérieur à
l'extérieur de la forme.
189
190
Édition de texte
Double-cliquer sur un objet-texte d'un outil quelconque vous fait passer sur l'OUTIL
TEXTE et place le curseur de la souris sur la position de clic dans le texte.
Toutes les opérations usuelles des logiciels de traitement de texte effectuées avec le
curseur et la souris sont disponibles. Par exemple :
• Cliquez où vous souhaitez placer le curseur.
• Utilisez les touches fléchées pour vous déplacez vers la droite, la gauche, le haut
ou le bas.
• Utilisez « Ctrl+les touches fléchées de droite et de gauche » pour vous déplacer
un mot vers la droite ou la gauche.
• Appuyer sur « Début » ou « Fin » pour aller au début ou à la fin de la ligne.
• Appuyer sur « Ctrl + Début » ou « Ctrl + Fin » pour aller au début ou à la fin de
l'objet texte.
Sélection du texte :
• "+ une » des touches ci-dessus pour sélectionner du texte
• Un double-clic sélectionne un mot.
• Un triple clic, ou « Ctrl+L », sélectionne une ligne entière de texte.
• Un quadruple clic (4x) sélectionne un paragraphe de texte entier.
• Ou survolez seulement le texte dans l'Outil Texte pour le sélectionner.
• « Ctrl + A » sélectionne l'ensemble du texte de l'objet-texte (vous devez pour
cela vous trouver dans l'OUTIL TEXTE.)
Si du texte est sélectionné, tout modification d'un attribut s'appliquera uniquement à
la section sélectionnée du texte. Si votre curseur se trouve simplement dans le texte,
toute modification d'attribut, telle que la sélection une nouvelle couleur, n'apparaîtra
que lorsque vous saisirez un nouveau texte.
Sélectionner la totalité de l'objet texte
Il existe un raccourci rapide permettant de sélectionner la totalité 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électionnera la totalité du texte (la ligne de
statut confirmera 1 objet texte). L'application d'un effet ou d'un attribut à l'ensemble
de l'article de texte est ainsi grandement facilitée.
Par exemple, pour changer la taille de police de l'ensemble de l'objet texte, appuyez
simplement sur ECHAP et sé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ère après le curseur de texte et
avancer le curseur. Ainsi, si vous avez saisi une section de texte avec la touche verrou
maj activée involontairement, placez simplement le curseur au début et appuyez en
maintenant les touches Ctrl+W enfoncées.
Vous pouvez changer la casse d'une section de texte sélectionnée de la même
manière. Le curseur ne sera pas déplacé.
Guillemets intelligents
Lorsque vous tapez des guillemets simples ' ou des guillemets doubles " Xtreme les
convertit automatiquement en guillemets ouvrant ou fermant appropriés et
visuellement adaptés. Ainsi, cela modifie 'ceci' en ‘cela’ et les "guillemets" en «
guillemets ». Le programme est assez intelligent pour assimiler l'utilisation
d'apostrophes dans les mots remplaçant un caractère manquant, tel que 'don't' qui
devient ‘don’t’.
Saisir des caractères spéciaux
Il existe de nombreux raccourcis utiles permettant l'insertion de caractères spéciaux,
tels que © ou ™. Voir la section Caractères spéciaux (dans l'outil d'ajout de texte)
(voir page 380) du chapitre « Menus et raccourcis clavier ».
Tous ces raccourcis (à l'exception de l'espace insécable) sont compatibles avec
Microsoft Word.
Utilisation de texte factice (« Lorem Ipsum »)
Lors de la cré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ères typiquement latins mais ne veut rien dire
du tout. Ce texte commence par « Lorem ipsum dolor sit amet... ».
Note historique : ce même texte factice est utilisé depuis plus de 500 ans dans le
domaine de l'imprimerie et des parties de ce texte en latin appartiennent à de vrais
textes écrits il y a de cela plus de 2000 ans.
Vous pouvez insé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érer plus de texte, répétez cette combinaison plusieurs fois.
191
192
Vérificateur d'orthographe
L'Outil Texte inclut un vérificateur d'orthographe. Pour le mettre en marche,
sélectionnez l'icone du VERIFICATEUR D'ORTHOGRAPHE sur la barre d'info de
l'OUTIL TEXTE qui ouvre alors un menu.
Sélectionnez « PROCEDER A UNE
VERIFICATION D'ORTHOGRAPHE DES LA
SAISIE DU TEXTE ». Tous les mots du
document qui n'ont pas été reconnus
sont soulignés par une ligne pointillée
rouge.
Pour corriger une faute, faites un clic droit sur le mot pour ouvrir le menu contextuel.
Le haut du menu contextuel suggère des mots correctement écrits. Sélectionnez l'une
des suggestions pour remplacer le mot.
Sélection de la langue
Le menu qui s'affiche lorsque vous cliquez sur l'icone du Vérificateur d'orthographe
énumère toutes les langues pour lesquelles des dictionnaires sont installés. Par
défaut, la langue correspondant au réglage local actuel est sélectionnée. Vous pouvez
choisir différentes langues pour différents objets-textes de manière à utiliser plusieurs
langues dans votre document si nécessaire.
Pour changer la langue associée à un objet-texte, sélectionner l'objet-texte. Puis, dans
l'Outil Texte, choisissez la langue requise à partir du menu du Vérificateur
d'orthographe. L'orthographe de l'objet-texte est maintenant vérifiée en fonction du
dictionnaire correspondant à la langue choisie.
Si vous souhaitez saisir plusieurs objets-texte en utilisant une langue différente de la
langue par défaut, vous pouvez changer l'attribut de langue actuelle de manière à ne
pas devoir changer la langue pour chaque objet texte. Pour cela, assurez-vous que
rien n'est sélectionné (clic sur une zone vide de votre projet à l'aide de l'Outil de
sélection). Puis, choisissez dans l'Outil de sélection la langue souhaitée à l'aide du
menu du Vérificateur d'orthographe. Un message vous demandera si vous souhaitez
définir l'attribut de langue actuel. Cliquer sur « Définir » pour confirmer. Désormais,
chaque nouvel objet-texte créé sera associé à la langue choisie. Notez que l'attribut
actuel n'est pas re-chargé lorsque vous enregistrez et chargez votre projet. Vous
devrez donc répéter la procédure ci-dessus pour régler à nouveau l'attribut de langue
actuelle la prochaine fois que vous chargez le document, si vous souhaitez continuer à
entrer de nouveaux objets-texte avec la même langue.
Si vous avez un objet-texte pour lequel vous ne souhaitez pas exécuter le Vérificateur
d'orthographe, sélectionnez l'objet et choisissez l'option « Pas de langue (ignorer) »
dans le menu du Vérificateur d'orthographe.
www.magix.com
Utilisation du texte
Dictionnaire utilisateur
Les termes utilisés régulièrement mais qui ne sont pas inclus dans le dictionnaire
fourni avec MAGIX Web Designer MX peuvent être ajoutés à votre dictionnaire
personnel. Pour cela, réalisez un clic droit sur le terme concerné et choisissez
« Ajouter au dictionnaire utilisateur ». Le terme n'apparaît alors plus comme une
erreur. Le dictionnaire utilisateur s'applique à tous les documents utilisés sur votre
ordinateur et à toutes les langues.
Synchronisation de texte à l'aide de groupes
souples
Dans certains projets, vous aurez peut-être besoin que plusieurs objets-texte
affichent le même texte mais dans différents styles. Normalement, si vous souhaitez
changer le texte affiché sur ces objets, vous devrez tous les éditer individuellement.
En ajoutant ces objets texte apparentés dans un groupe souple, vous aurez la
certitude qu'ils affichent toujours le même texte. Avant d'ajouter les objets texte
apparentés à un groupe souple, assurez-vous d'abord qu'ils contiennent tous
exactement le même texte (sans quoi ils ne seront pas synchronisés). Ensuite,
sélectionnez-les tous à l'aide de l'Outil de sélection. Puis, sélectionnez ARRANGER >
APPLIQUER UN GROUPE SOUPLE (« Ctrl + Alt + G »).
À présent, lorsque le texte est édité sur l'un des objets texte, les autres seront mis à
jour automatiquement, même s'ils sont répartis sur différents calques à travers votre
document. Notez que cette synchronisation fonctionne même pour les objets texte
situés sur des calques verrouillés ou invisibles.
Pour dissoudre un groupe souple, sélectionnez ARRANGER > SUPPRIMER LE GROUPE
SOUPLE (« Ctrl + Alt + U »). Pour plus d'informations concernant les Groupes souples,
consultez le paragraphe relatif aux Groupes souples du chapitre Manipulation d'objet
(voir page 138).
Tabulations, marges et retraits
Règles
Pour paramétrer les tabulations, les marges et les retraits, il vous faut activer les
règles dans votre document.
Pour cela :
• Choisir FENÊTRES > BARRES > RÈGLES .
• Ou appuyez sur Ctrl+Maj+R (ceci est un nouveau raccourci).
• Ou appuyez sur Ctrl+L (si vous n'êtes pas dans l'OUTIL D'AJOUT DE TEXTE ).
193
194
Les caractéristiques de texte avancées n'apparaissent sur la rè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électionné 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ègle, vous obtenez un repère vertical temporaire facilitant l'alignement des
tabulations ou des marges sur les objets se trouvant ailleurs sur la page. Lorsque vous
déplacez des tabulations et des marges et que l'alignement magnétique est activé,
elles seront alignées l'une par rapport à l'autre, facilitant ainsi leur positionnement.
Marges et retraits
Toute modification effectuée concerne le paragraphe de texte courant. (C'est-à-dire
le paragraphe contenant le curseur de texte) ou, si vous avez une section de texte
sélectionnée, les paragraphes de la section sélectionnée.
Vous pouvez appliquer les changements à tout le texte d'un article en sélectionnant la
totalité du texte s'y trouvant (Ctrl+A). Pour modifier plus d'un article, sélectionnez les
objets textes tout en étant dans l'OUTIL DE SELECTION puis passez dans l'OUTIL
D'AJOUT DE TEXTE et effectuez les modifications nécessaires.
Marge de gauche . La faire glisser pour modifier la marge gauche du texte.
Marge de première ligne. La faire glisser pour modifier la marge gauche de la
première ligne du paragraphe (utile pour des listes, telles que montré 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ère ligne.
Montrer la marge droite
Texte le long d'une courbe
Si vous avez ajusté une ligne de texte le long d'une courbe à 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épassera de l'extrémité.
Si vous avez cliqué sur la ligne ou ajusté une colonne de texte à une courbe ou ligne,
des indicateurs de marges gauche et droite (petits carrés rouges) peuvent être tirés le
long de la ligne afin d'ajuster les marges utilisées pour la justification.
Tabulations
Par défaut, les articles de texte sont créé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éplacé jusqu'au taquet suivant. Si vous souhaitez un autre
espacement entre les tabulations, il vous suffit de définir de nouveaux taquets.
Ces tabulations par défaut sont affichées sous forme de petits L sur la règle :
Tabulations standard, indiquées par des petits L
Personnaliser les tabulations
Pour créer une tabulation personnalisée, cliquez simplement sur la règle où vous
souhaitez placer la nouvelle. Elle remplacera les tabulations par défaut jusqu'à cet
endroit de la règle.
195
196
Par exemple :
Le triangle indique une tabulation personnalisée.
Pour définir plus d'une tabulation, cliquer plusieurs fois sur la règle. Pour déplacer une
tabulation personnalisée, la faire glisser le long de la règle. Pour supprimer une
tabulation, la faire glisser hors de la règle (les tabulations par défaut se
repositionneront).
Personnaliser les types de tabulations
Vous pouvez définir différents types de tabulations personnalisées. Par défaut, les
tabulations personnalisées sont des tabulations d'alignement à gauche. Ce qui signifie
que le texte sera aligné sur la tabulation à gauche du texte.
Pour changer de type de tabulation, cliquer sur l'icône de tabulation sur la règle.
Les types de tabulations suivantes sont disponibles. Vous n'êtes pas limité à un seul
type par article, vous pouvez choisir un type différent puis définir d'autres tabulations.
Alignement gauche : le texte sera aligné sur la tabulation de gauche.
Alignement droite : le texte sera aligné sur la tabulation de droite.
www.magix.com
Utilisation du texte
Alignement centré : le texte sera centré sur la tabulation.
Alignement décimal : les virgules dans le texte seront alignées sur la tabulation.
Ceci est utile pour les listes et, quelle que soit la longueur du nombre, les virgules
(points) seront alignées sur les tabulations.
Comment créer des alinéas en retrait
Les alinéas en retrait, tels qu'ils sont généralement connus, constituent la première
ligne d'un paragraphe avec une marge négative ou une marge en retrait vers la droite
de la marge de gauche usuelle. Les listes avec numéros ou avec puces sont des
exemples d'alinéas en retrait.
Pour créer des alinéas en retrait
1.
2.
3.
Tirer la marge de gauche vers l'intérieur.
Cliquez sur la règle en vous éloignant de la marge gauche (cré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ésormais avec un retrait : vous pouvez insérer un
caractère spécial ou un nombre et appuyer sur la touche Tabulation pour vous
déplacer vers la marge gauche. Toutes les autres lignes de texte (comme ce
paragraphe) seront en retrait par rapport à 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é autour de l'objet au lieu d'être affiché dessous. Cela facilite la mise en page
de longs passages de texte combinés à des photos ou des graphiques. Après les avoir
mis en mode de renvoi, ajustez la position de vos graphiques et de vos photos : le
texte sera automatiquement positionné autour.
Vous pouvez aussi choisir de renvoyer le texte dans un seul calque, ce qui empêche
les objets d'un calque de renvoyer le texte d'autres calques et empêche également le
texte du calque d'être renvoyé par des objets de calques supérieurs.
Créer un objet de renvoi
Pour qu'un objet renvoie du texte, faites un clic droit sur l'objet et sélectionnez
RENVOYER LE TEXTE EN DESSOUS . Le texte sous l'objet situé sur le même calque sera
renvoyé avec une marge par défaut de 5 pixels entre le texte et l'objet. Notez que les
objets de renvoi de texte ne renvoient que le texte situé sous eux mais pas le texte
situé au-dessus.
www.magix.com
Utilisation du texte
Une autre solution consiste à faire un clic droit sur l'objet et à sélectionner RENVOYER
ET ANCRER pour afficher la boîte de dialogue de Renvoi et d'ancrage de texte.
Cochez la case RENVOYER LE TEXTE AUTOUR DE CE GRAPHIQUE .
Au besoin, définissez la marge de renvoi de l'objet pour contrôler l'espace entre le
texte et l'objet. Si vous désirez que la hauteur et la largeur de la marge de renvoi
soient différentes, cliquez sur l'icô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ésactiver le renvoi, faites un clic droit sur l'objet et sélectionnez de nouveau
l'option RENVOYER LE TEXTE EN DESSOUS pour la désactiver. Ou faites un clic droit et
sélectionnez RENVOYER ET ANCRER pour afficher de nouveau la boîte de dialogue de
Renvoi et d'ancrage de texte. Dé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ées par les objets de
renvoi ; seules les zones et les colonnes de texte répondent à cette commande.
Pour renvoyer uniquement le texte situé sur le même calque que l'objet de renvoi,
lisez Propriétés des calques (voir page 331).
199
200
Graphiques ancrés
Vous pouvez positionner un graphique ou un groupe de façon à ce qu'il soit ancré par
rapport au texte, c'est à dire qu'il reste dans la même position relative lorsque le texte
est modifié ou déplacé. Cependant, l'ancrage est censé être utilisé pour des objets
situés en dehors des marges du texte (par exemple une photo placée à droite ou à
gauche d'une colonne de texte) ou derrière le texte. Utilisez alors l'intégration en ce
qui concerne les objets situés à l'inté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électionner l'option ANCRER AU TEXTE . Cependant, si vous
souhaitez éditer les propriétés de l'ancrage, faites un clic droit sur l'objet et
sélectionnez RENVOYER ET ANCRER pour afficher la boîte de dialogue de Renvoi
et d'ancrage de texte.
Cochez la case DEPLACER LE GRAPHIQUE AVEC LE TEXTE .
Par défaut, DEPLACER UNIQUEMENT VERTICALEMENT est aussi sélectionné pour
que vos graphiques ancrés ne se déplacent que verticalement quand le texte
est édité. L'intégration est alors la meilleure option si vous souhaitez que
l'objet suivent également la position ancrée horizontalement.
Un symbole d'ancre apparaît en haut à gauche de l'objet pour signaler qu'il est
ancré.
Utilisez l'OUTIL DE SELECTION ou l'OUTIL TEXTE puis cliquez et déplacez l'ancre
de sorte qu'une flèche rouge apparaisse.
Déplacez la pointe de la flèche et placez-la à l'endroit du texte où vous
souhaitez ancrer l'objet. Un signe rouge en forme de « T » inversé indique la
position de l'ancre.
Lorsque vous éditez le texte autour de cette ancre, le point d'ancrage et l'objet
ancré se déplacent avec le texte.
Un objet ancré possède un symbole d'ancre et une flèche pointant vers le point d'ancrage
représenté par un T rouge inversé. Ils disparaissent lorsque vous écrivez, sauf si vous êtes proche
www.magix.com
Utilisation du texte
du point d'ancrage.
Remarque : si vous glissez le point d'ancrage à un endroit de la page où il n'y a pas
de texte, la flèche se transforme en ancre rouge pour signaler que les propriétés
d'ancrage de l'objet seront perdues si vous déposez l'objet à cette position. Cela
arrive aussi lorsque vous déposez la flèche sur l'objet lui-même.
Cependant, remarquez que du fait du déplacement du point d'ancrage, l'objet ancré
ne sera pas déplacé hors de la surface de la page. L'objet ancré s'arrêtera au bord de
la page.
En exemple, voici une colonne de texte avec des éléments graphiques variés attachés à gauche.
Chacun de ces éléments est ancré au début d'une ligne directement à sa droite.
Il est possible d'ancrer un graphique ou un groupe, y compris des groupes contenant
du texte, comme les panneaux latéraux de l'exemple ci-dessus.
C'est également possible d'ancrer des objets apparaissant au dessus ou en dessous
du texte. La fleur bleu pâle montrée à titre d'exemple ci-dessus est ancrée de cette
façon et se déplacera avec le texte.
201
202
REMARQUE : si un objet ancré est aussi paramétré pour renvoyer du texte, seul le
texte auquel l'objet est ancré sera renvoyé.
REMARQUE : le renvoi se restreint aux objets répétés. Le texte au sein d'un groupe
répété n'est renvoyé que par les objets de renvoi du groupe répété. Chaque objet de
renvoi du groupe répété ne renvoie que le texte qui fait aussi partie du groupe
répété. Les groupes répétés en tant qu'ensemble peuvent renvoyer n'importe quel
texte en dessous de la page.
Déplacer des objets ancrés
Lorsque vous ajoutez ou supprimez du texte, l'objet se déplace au fur et à mesure que
le texte bouge mais conserve toujours la même position relative par rapport au point
d'ancrage. Vous pouvez déplacer un graphique ancré en tirant dessus. Cela modifie sa
position par rapport au point d'ancrage mais ne déplace pasce dernier qui reste visible
à l'extrémité de la flèche du symbole Ancre lorsque vous cliquez/déplacez le
graphique.
Si vous souhaitez déplacer le point d'ancrage vers un autre endroit à l'intérieur du
texte, cliquez et glissez l'icône Ancre pour créer une nouvelle flèche et la glisser
jusqu'à la position visée.
Si vous coupez et collez le texte contenant le signe d'ancrage, l'objet ancré sera
également coupé et collé.
Voir le point d'ancrage
Le point d'ancrage d'un objet ancré n'est visible que si vous cliquez sur l'objet ancré
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 « T » inversé apparaissent, tout comme des flèches allant du point d'ancrage
jusqu'à l'icône Ancre en haut à gauche de chaque objet ancré. Ainsi, le moyen le plus
simple de voir tous les points d'ancrage d'un texte consiste à cliquer sur ce dernier
avec l'OUTIL TEXTE.
Cependant, dès que vous commencez à modifier le texte, le signe « T » inversé rouge,
la flèche et l'icône Ancre disparaissent temporairement jusqu'à ce que vous arrêtiez
d'écrire. Lorsque vous êtes proche du point d'ancrage, Web Designer affiche le signe
« T » inversé ainsi qu'une flèche pointant vers l'icône Ancre pour vous signaler la
proximité du point d'ancrage.
Objets ancrés dans une ligne
Si vous souhaitez incruster un petit graphique dans une ligne de texte, par exemple
une icône comme celle-ci placée dans le texte, de sorte qu'elle se déplace avec le
texte, glissez ou collez une image sous forme d'objet ancré de renvoi et placez son
point d'ancrage dans le texte. Nous vous recommandons d'utiliser des espaces
insécables (« Ctrl + barre d'espace »).
www.magix.com
Utilisation du texte
Groupes souples
Vous pouvez coller les groupes souples (voir page 138) de la même façon même si
une partie d'un groupe se trouve sur un autre calque. Par exemple, des boutons
Internet dotés d'effets au passage de la souris ou des popups situés sur différents
calques peuvent être ancrés de cette manière.
Supprimer une ancre
Pour supprimer une ancre d'un objet, faites un clic droit dessus et sélectionnez de
nouveau ANCRER AU TEXTE pour annuler l'option. À présent, l'icô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égrés
Vous pouvez insérer les objets dans un texte pour qu'ils fonctionnent comme un
caractère du texte. Copiez simplement l'objet dans le presse-papiers (Ctrl+C), allez
dans l'outil Texte et positionnez le curseur du texte à l'endroit souhaité puis collez
l'objet (Ctrl+V).
Vous pouvez sélectionner, copier, coller et supprimer un objet dans le texte comme si
c'était un caractère du texte. Cependant, vous pouvez toujours le sélectionner et le
transformer en utilisant directement l'outil de sélection.
Préférez la technique d'intégration à 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ête en haut de ce document peut avoir
un style appelé « En-tête 1 », l'en-tête plus petit en dessous et toutes les sections ou
titres équivalents peuvent être appelés « En-tête 2 ».
203
204
Si vous mettez à jour les propriétés de « En-tête 2 », par exemple si vous en changez
la police, tous les en-têtes similaires du texte seront mis à jour.
De la même façon, le texte principal, parfois appelé « corps de texte » d'un document
correspond lui aussi à un style que Web Designer appelle « Texte Normal ». En
mettant à jour ce style, par exemple à la taille 12 points et de police Times New
Roman, tout le « Texte normal » dans le document peut être changé en une seule fois
sans avoir à sélectionner et appliquer la police encore et encore.
Les STYLES DE TEXTE sont comme les « Couleurs nommées », fonction que propose
également Web Designer. Vous pouvez mettre à jour une couleur comme « Couleur
thématique 1 » dans le document et tous les parties contenant cette couleur nommée
prendront la couleur mise à jour.
Barre d'infos Styles de texte
Il y a un menu déroulant dans LA BARRE D'INFOS STYLES DE TEXTE qui permet de créer
des styles, de les appliquer à tous les textes et de les mettre à jour.
Par défaut vous disposez d'une petite gamme de styles pré-définis, incluant le « Texte normal »
et trois styles d'en-tête, En-tête 1 à En-tête 3.
Style de paragraphe et style de caractère
Les STYLES DE TEXTE sont de deux sortes. Les styles de paragraphes s'appliquent aux
paragraphes entiers et sont souvent utilisés pour les en-têtes. Ce n'est pas possible
d'appliquer un style de paragraphe à une section plus petite qu'un paragraphe. Par
exemple, vous ne pouvez pas appliquer un style de paragraphe à un mot unique dans
un paragraphe Si vous le faites, le style sera appliqué à tout le paragraphe dans lequel
se trouve le mot.
Placez simplement le curseur de texte n'importe où sur la ligne et sélectionnez un
style de paragraphe depuis le menu de style. Le style s'appliquera alors au paragraphe
entier.
En revanche, les styles de caractère peuvent être appliqués à n'importe quelle
sélection de texte, du mot unique à plusieurs mots. Par exemple, si vous désirez
mettre en relief certains mots dans votre texte dans une couleur différente, l'option de
style de caractère est idé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 à jour de style.
www.magix.com
Utilisation du texte
Les styles de paragraphe vous permettent de définir tous les attributs de texte
excepté les propriétés de listes à points ou de listes numérotées. Les styles de
caractères permettent de définir seulement les attributs de texte pouvant
s'appliquer à des caractères individuels, comme la couleur de texte, la police, la taille
etc.
Actualiser les Styles de texte
Pour actualiser une définition de style :
1.
2.
3.
Sélectionnez du texte qui est déjà dans le style que vous désirez mettre à jour.
Appliquez à ce texte les modifications que vous souhaitez, par exemple une
police différente ou une autre taille de police.
Sélectionnez « Actualiser le style » depuis le menu déroulant dans la barre
d'infos Texte.
Par exemple, pour changer la police de tout le « Texte normal », sélectionnez
quelques mots dans le « Texte normal », changez la police (ou d'autres attributs si
vous le souhaitez) et sélectionnez « Actualiser le style » > « Texte normal » depuis le
menu de style dans la barre d'infos Texte.
Remarque : si vous souhaitez actualiser un style basé sur une sélection de texte, le
style est ré-appliqué à cette sélection. Donc si vous sélectionnez quelques
caractères dans « En-tête 1 », que vous leur attribuez une nouvelle couleur et que
vous actualisez le style « En-tête 1 », le paragraphe entier prendra une nouvelle
couleur.
Styles basés sur d'autres styles
Dans Web Designer, vous pouvez créer un style à partir d'un autre style. Par exemple,
vous désirez une variante de « En-tête 2 » qui est identique au premier style mais
dont seule la couleur est différente. Vous pouvez créer ce style à partir de « Entête 2 » dans la boîte de dialogue de CREATION DE STYLE . Cela implique que si vous
actualisez « En-tête 2 » en changeant la police ou la taille, votre nouveau style basé
sur « En-tête 2 » subira également les modifications.
Les nouveaux styles de caractères sont habituellement basés sur les « Styles de
paragraphes sous-jacents » mais seulement avec les modifications que vous
souhaitez. Par exemple, un style de caractère qui définit seulement la couleur et rien
d'autre est appliqué à 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éer des nouveaux styles
Pour créer un tout nouveau style, sélectionnez le texte dont vous voulez créer le style
puis sélectionnez CREER UN STYLE dans le menu déroulant de la liste de style dans la
BARRE D'INFOS TEXTE.
Si vous souhaitez créer un nouveau style de paragraphe, il est préférable que vous
sélectionniez au préalable un paragraphe entier auquel vous allez appliquer les
changements avant de sélectionner l'option CREER UN STYLE .
La boîte de dialogue affiche un nouveau style (NouveauStyle2) qui est un STYLE DE
PARAGRAPHE , basé sur le style existant EN-TETE 2 . L'option PARAGRAPHE SUIVANT
détermine quel style sera utilisé pour le paragraphe suivant lors de la saisie.
La partie inférieure de la boîte de dialogue affiche la définition complète de ce style.
Dans ce cas, vous pouvez remarquer qu'il est basé sur « En-tête 2 » avec seulement
un changement de couleur.
Pour créer un style basé sur aucun autre style, c'est à dire sans aucun attribut
emprunté à un autre style, sélectionnez (Aucun style) depuis l'option « Basé sur »
comme ci-dessous.
www.magix.com
Utilisation du texte
La boîte de dialogue indique que je suis en train de créer un nouveau style
(NouveauStyle2) qui est un style de paragraphe basé sur aucun style existant. La
partie inférieure énumère tous les attributs qui compose ce style. Vous pouvez voir
que j'ai attribué la police Palatino, de taille 12 pixels et une marge. Les autres attributs
listés ici viennent du texte sélectionné, ce style possède une définition complète
listant tous les attributs possibles de texte.
Dans ce cas, lorsque vous saisissez un texte dans ce style, le « Paragraphe suivant »
(c'est à dire lorsque la touche Retour est activée) sera dans le même style.
Supprimer des styles - Les styles qui ne sont pas du tout utilisés dans un document
sont automatiquement supprimés lorsque vous enregistrez et rechargez un
document. Cependant les styles (Texte Normal et les En-tête 1 à 3) par défaut ne
sont jamais supprimés.
Enlever des styles
La liste de STYLES dans le menu STYLES inclue l'entrée AUCUN SYLE. En choisissant
cette option, le style (du paragraphe et/ou du caractère) est supprimé du texte
sélectionné et est remplacé par le format par défaut.
Propriétés de style
Si vous désirez consulter ou changer la définition d'un style, comme par exemple le
style sur lequel celui-ci est basé, sélectionnez PROPRIETES... dans le menu de Style.
Vous devez au préalable sélectionnez le texte dont vous voulez consulter la définition
de style.
La boîte de dialogue PROPRIETES DE STYLE apparaît et ressemble à la boîte de dialogue
de CREATION DE STYLE affichée au-dessus.
La description de style en bas de la boîte de dialogue décrit de quelle façon le style
diffère de celui sur lequel il est basé. Si vous souhaitez consulter tous les attributs de
style, sélectionnez temporairement « AUCUN STYLE » depuis la liste « BASE SUR » pour
avoir une description complète. N'oubliez pas de réinitialiser la sélection de style sur
laquelle le style est BASE SUR ou de cliquer sur Annuler dans la boîte de dialogue si
vous ne voulez pas que le style soit modifié.
207
208
Appliquer des styles de texte
Changer la taille de la police
Il existe plusieurs faç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électionnez une valeur dans la liste déroulante de la TAILLE DE LA POLICE
située dans la barre d'infos.
• Vous pouvez également utiliser la réglette du menu contextuel de la taille de la
police (voir page 183).
• Ou augmenter/diminuer la taille de police manuellement à l'aide des raccourcis
clavier Ctrl++ > et Ctrl++<. Ceci s'applique uniquement si toutes
les parties du texte sélectionné ont la même taille de police.
• Ou encore utiliser l'OUTIL DE SELECTION pour modifier l'é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íchée en gras ou en italique.
Attention : MAGIX Web Designer MX ne permet d'appliquer les options gras ou
italique à un texte si la police italique/gras correspondante n'est pas installée.
Néanmoins, vous pouvez émuler facilement le même effet. Pour rendre une police
en gras, attribuez-lui une épaisseur très fine. Pour incliner une police, utilisez la
fonction inclinaison de l'outil de sé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électionné.
La couleur et la taille du trait de soulignage sont automatiquement dérivées de la taille
et la couleur du texte.
Justification ou alignement du texte
La justification s'applique systématiquement à toute la ligne. Toute section
sélectionnée est ignorée.
www.magix.com
Utilisation du texte
Lorsque vous utilisez un texte simple, la position initiale du pointeur sur la page est
considérée comme point de dé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ète de texte doit être
justifiée.
Retraits
Mettre en paragraphe en retrait
Annuler la mise en retrait d'un paragraphe
Listes à points
Vous pouvez afficher un texte sous forme de liste à points tout simplement
en sélectionnant le texte puis le bouton de liste à points situé dans la barre
d'infos.
Chaque paragraphe du texte sera alors précédé d'un point. Si vous appuyez sur la
touche Entrée du clavier pour revenir à la ligne au bout d'une ligne comportant un
point, la ligne suivante commencera également par un point.
Pour terminer votre liste à points, appuyez sur la touche Entrée à la fin de la dernière
ligne du dernier point puis cliquez à nouveau immédiatement sur Entrée. Le dernier
point sans texte sera alors supprimé et vous pourrez entrer normalement du texte à
nouveau.
209
210
Vous pouvez mettre une liste à point en alinéa en pressant le bouton retrait
situé 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 à 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'éditer facilement des
listes à point en retrait.
Listes à numéros
Vous pouvez créer et éditer des listes à numéros de la même manière que
celle décrite plus haut pour les listes à points à l'aide du bouton des listes à
numéros.
Vous pouvez également sélectionner le schéma de numérotation que vous souhaitez
utiliser pour chaque liste à l'aide de la boîte de dialogue OPTIONS DES LISTES . Placez le
curseur de texte sur l'un des points de la liste à numéros, cliquez le bouton droit de la
souris et sélectionnez l'option « OPTIONS DES LISTES... » du menu contextuel.
www.magix.com
Utilisation du texte
Dans la boîte de dialogue, vous avez la possibilité de sélectionner l'un des nombreux
schémas et de définir la valeur utilisée pour la première entrée de la liste. Le nombre
est ensuite généré automatiquement pour les entrées suivantes de la liste.
Indice et exposant
Cliquer sur le bouton approprié sur la BARRE D'INFOS .
Texte normal Indice exposant
Espacement des lignes
L'espacement des lignes vous permet de modifier l'espacement
entre deux lignes (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èches pour faire progresser les valeurs.
La valeur exprimée en pourcentage offre l'avantage de modifier l'échelle
proportionnellement lorsque vous changez la taille de la police. Si un pourcentage
supérieur à la taille de la police est appliqué à une ligne de texte, la police la plus
grande sera utilisée. Par exemple, si une ligne contient du texte en 90 % et 100 %,
l'espacement de la ligne sera calculé sur 100 %.
Espacement des paragraphes
Les deux derniers champs à l'extrémité de la barre d'infos de l'outil
d'ajout de texte vous permettent de régler l'espacement au-dessus et
/ou en dessous des paragraphes.
Ceci est particuliè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 à la valeur la plus
élevée (non cumulée). L'espacement des paragraphes au-dessus des paragraphes
déplacera le premier paragraphe vers le bas dans un cadre de texte.
Liens hypertextes
Vous pouvez appliquer un lien à toute partie d'un objet-texte de sorte que, une fois le
document exporté au format HTML, le texte se présente sous forme de lien sur lequel
on peut cliquer dans les navigateurs Internet.
Utilisez l'OUTIL TEXTE pour sélectionner les mots ou caractères auxquels vous
souhaitez appliquer le lien, puis cliquez sur le bouton de lien de la barre d'outils
WEB .
211
212
Cette opération ouvre la boîte de dialogue des PROPRIETES WEB dans laquelle l'onglet
LINK est sélectionné. Dans cet onglet, vous pouvez choisir de créer un lien vers une
URL, une autre page de votre site ou une fenêtre pop-up.
Par défaut, lorsque vous appliquez un lien à du texte, ce dernier apparaît souligné et
avec la couleur de lien hypertexte définie pour le document actuel. Pour modifier la
couleur du lien et décider s'il doit être souligné, utilisez l'onglet SITE WEB de la boîte de
dialogue des PROPRIETES WEB (faites un clic droit et sélectionnez PROPRIETES WEB ou
sélectionnez PROPRIETES WEB dans le menu SERVICES ). Vous pouvez également
définir la couleur d'affichage lorsque l'utilisateur survole un lien hypertexte avec le
curseur de la souris dans un navigateur Internet (« Couleur de survol de la souris ») et
la « Couleur visitée » affichée lorsque l'internaute a déjà cliqué sur le lien dans son
navigateur.
Pour définir les trois couleurs globales de lien hypertexte, vous pouvez sélectionner
les couleurs existantes du thème utilisé dans votre site à l'aide des menus déroulants
ou cliquer sur le bouton MODIFIER pour faire apparaître l'ÉDITEUR DE COULEURS et
choisir la couleur désirée.
Au besoin, vous pouvez écraser les couleurs globales des liens hypertextes pour des
liens donnés. Dans l'onglet Lien de la boîte de dialogue des Propriétés Web, décochez
l'option « Utiliser les couleurs de lien communes du site ». Ainsi, le lien sélectionné
sera affiché en utilisant la couleur de texte définie dans le document plutôt que la
couleur de lien hypertexte générale.
Texte à l'intérieur de groupes pour sites Web
Lors de l'exportation d'un document en tant que site Web, tous les groupes sont
exportés en tant qu'images. Tous les textes à l'intérieur des groupes ne peuvent donc
pas être sélectionné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'élément graphique. Mais vous pouvez avoir des
éléments de texte plus importants dans des groupes que vous souhaitez conserver en
tant que texte sur votre page Web exportée. Pour gérer cela, vous devez uniquement
appliquer le nom spécial « Texte HTML » à 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érer le
curseur.
Appuyer sur la touche Echap pour sélectionner tout le texte.
Aller dans le menu « SERVICES > NOMS... »
Si vous l'avez déjà utilisé dans le document en cours, sélectionnez le nom
« HTMLTEXT » depuis le menu déroulant « APPLIQUER LE NOM » ou saisissez le
nom « HTMLText ». Cliquez ensuite sur le bouton « AJOUTER » pour ajouter le
nom.
www.magix.com
Utilisation du texte
Désormais, lorsque vous exportez votre site, votre texte est conservé 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éjà ce nom appliqué aux objets texte à
l'intérieur. Le texte des panneaux sera donc exporté en tant que texte.
Les navigateurs ne peuvent pas reproduire de texte pivoté. Vous ne pouvez donc pas
utiliser ce nom pour l'exportation d'un texte pivoté en tant que texte. Dans ce cas le
nom est ignoré.
Copier les polices
La fonction APPLIQUER LES ATTRIBUTS permet de copier des attributs de n'importe
quel texte pour les appliquer à un autre texte du document :
• Sélectionnez le texte source dont vous souhaitez conserver les attributs. Il peut
s'agir également d'un seul mot (double-cliquez dessus).
• Sélectionnez Édition > Copier (ou Ctrl+C).
• Sélectionnez ensuite le texte ou la partie de texte à laquelle vous souhaitez
appliquer les attributs.
• Sélectionnez Édition > Appliquer les attributs (Ctrl+Maj+A).
Si le curseur de texte est positionné dans un texte au moment où vous utilisez la
fonction APPLIQUER LES ATTRIBUTS , les attributs du paragraphe seront également
appliqués (par exemple les retraits, marges, etc.).
Si vous avez sélectionné une partie de texte, la fonction APPLIQUER LES ATTRIBUTS va
permettre d'appliquer tous les éléments visuels du texte source.
Appliquer les attributs à tout le texte
Lorsque le curseur est placé dans un objet texte colonne ou simple texte, vous pouvez
sélectionner l'objet texte complet en cliquant sur Echap. Vous pouvez ensuite
appliquer un attribut, définir une couleur, le tout appliqué au texte entier. Cette
opération est souvent plus rapide que la fonction Sélectionner tout (Ctrl+A).
Cette méthode fonctionne pour des segments de texte uniquement lorsque tous les
segments de texte sont sélectionnés. Pour cela, vous pouvez cliquer sur les différents
segments de texte avec Maj+Clic dans L'OUTIL DE SELECTION . Cette méthode
fonctionne uniquement lorsque les zones de texte sont situées sur une seule page. Si
le texte est situé sur plusieurs pages et que vous souhaitez le modifier, vous devez
d'abord le sélectionner avec la fonction Sélectionner tout (Ctrl+A) puis appliquer les
attributs requis.
213
214
Copier/coller un texte formaté (RTF)
Vous pouvez copier des textes appelés « Rich Text » 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és. Cela simplifie
énormément l'édition du style de votre texte.
Si vous appliquez un format « Rich Text » (RTF) copié dans une autre application,
vous avez la possibilité de copier le texte comme « Texte non formaté » : il apparaîtra
alors dans la police et le style indiqués par le curseur. Au format « Rich Text », le
formatage du texte source sera conservé.
Cela fonctionne également à l'inverse. Vous pouvez copier un texte dans Web
Designer et le coller dans d'autres applications prenant en charge l'édition dans ce
format (police, taille, couleur, marges, etc.). Cette méthode fonctionne uniquement si
vous sélectionnez et copiez un objet de texte unique ou depuis un texte.
Certaines applications, comme Microsofot Word, disposent d'un menu « Coller »
spécial, proposant de nombreuses options. Ces applications permettent même de
sélectionner le format de l'objet collé (texte ou graphique).
Visualiser les polices utilisées actuellement
Il est parfois utile de visualiser les polices actuellement utilisées dans le document, en
particulier lorsque vous souhaitez partager des fichiers avec d'autres utilisateurs de
Web Designer qui n'ont pas forcément installé les mêmes polices.
Pour obtenir une liste complète des polices utilisées dans votre document,
sélectionnez FICHIER > INFO DOCUMENT .
Toutes les polices utilisées dans le document mais qui ne sont pas installées dans
votre système sont signalées par la mention NON INSTALLE.
Lorsque vous souhaitez partager un document avec un utilisateur qui n'a pas installé
les mêmes polices que vous, et que cette personne ne doit pas éditer le texte, vous
pouvez alors convertir le texte en formes éditables (voir plus bas).
Intégration des polices
MAGIX Web Designer MX enregistre les formes des caractères de toutes les polices
utilisées dans votre document. Cela signifie que si vous donnez à quelqu'un d'autre
votre fichier de projet, ou si vous transférez le fichier sur un autre ordinateur, le texte
apparaîtra parfaitement, même si les polices correctes ne sont pas installées sur cet
ordinateur. Cette option n'incruste que les caractères d'une police qui sont utilisé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é dans la police manquante ne présentera
éventuellement pas les formes de caractère correctes.
Compatibilité de texte navigateur
D'un navigateur à l'autre, le texte s'affiche d'une manière légèrement différente, en
général au niveau de la taille ou de la longueur des lignes (par exemple, un texte en 10
pt n'est pas affiché en 10 mais à la taille de pixel entier la plus proche (13 pixels).
MAGIX Web Designer MX est conçu pour simuler le comportement des navigateurs
les plus courants, pour ajuster les tailles intermédiaires à des pixels entiers et pour
ajuster les longueurs de ligne afin de simuler le texte tel qu'il apparaît sur les
navigateurs Windows. Vous pouvez désactiver cet ajustement dans la boîte de
dialogue OPTIONS , onglet GENERAL (Effectuez un clic droit et choisissez OPTION
PAGES ou bien allez dans le menu SERVICES > OPTIONS...> GENERAL ) en décochant
l'option AFFICHER LES LONGUEURS DE TEXTE COMPATIBLES AVEC WINDOWS.
Note avancée : si vous utilisez Web Designer ou si vous désactivez cette option de
compatibilité, et qu'ensuite vous saisissez une taille intermédiaire, par exemple 13,6
pixels ou 10 pt, vous obtiendrez un texte exactement et précisément mis à cet
échelle. Cependant, nous vous avons prévenu que la plupart des navigateurs
Internet afficheront ce texte à une taille légèrement plus large ou plus petite que ce
que vous voyez dans MAGIX Web Designer MX.
Une autre conséquence de ce (mauvais) comportement des navigateurs est que pour
les petites tailles de police, le passage d'une taille à l'autre représente un écart
relativement élevé. 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édiaire (que vous utilisiez des points, des cadratins ou toute autre unité). Vous
verrez donc les tailles de texte de MAGIX Web Designer MX passer d'une taille à
l'autre lorsque vous redimensionnez les objets.
215
216
L'outil de remplissage
Création d'un remplissage couleur dégradé
Le procédé de création d'un remplissage est à peu près similaire pour tous les
types de remplissage :
1.
2.
3.
4.
sélectionnez l'objet ou les objets auxquels vous souhaitez appliquer le
remplissage.
Sélectionnez l'outil de REMPLISSAGE (« G »)
Sélectionnez le type de remplissage depuis le menu déroulant.
Cliquez et déplacez la sélection sur l'objet pour créer le remplissage. Ou
encore, déplacez l'une des poignées de remplissage pour ajuster la taille du
remplissage et sa position.
MAGIX Web Designer MX affiche un aperçu interactif et fluide du remplissage
lorsque vous tirez.
Lorsque vous tirez, une petite flèche s'affiche,
indiquant la direction du remplissage. Vous
pouvez en outre sélectionner les poignées de
remplissage et les tirer pour ajuster la position
et l'angle du remplissage.
Colorer les remplissages
Sélectionner l'une des poignées de remplissage et cliquez sur une couleur dans la
PALETTE ou utilisez l'EDITEUR DE COULEURS pour définir une nouvelle couleur. Vous
pouvez alterner entre les poignées de remplissage en cliquant sur la touche Tab.
Types de remplissage
Web Designer possède les types de couleurs de remplissage suivants :
REMPLISSAGE UNIFORME : la surface de la forme est composée
d'une seule couleur unie.
REMPLISSAGE LINEAIRE : la couleur de remplissage est
graduellement modifiée.
REMPLISSAGE CIRCULAIRE : le dégradé de couleur s'effectue de
façon circulaire, partant d'un point pour s'étendre vers
l'extérieur en cercles.
www.magix.com
L'outil de remplissage
REMPLISSAGE ELLIPTIQUE : similaire au remplissage circulaire,
mais le dégradé s'effectue dans une forme elliptique.
Remplissage bitmap : l'objet est rempli avec un ou plusieurs
copies empilées du bitmap ou de la photo. Toutes les photos
que vous voyez dans MAGIX Web Designer MX sont des
formes composé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éatoire, très utile pour représenter des nuages ou de la brume.
PLASMA FRACTAL : il s'agit d'un motif de remplissage aléatoire
qui possède plus de contraste qu'un remplissage en nuage
fractal.
L'OUTIL DE REMPLISSAGE vous permet d'appliquer ces types de remplissage à l'objet
sélectionné ainsi que d'éditer et d'ajuster les remplissages.
Sélectionner automatiquement l'intérieur
Dans l'Outil de remplissage, la « Sélection de l'intérieur » est automatique si vous
cliquez sur un objet, c'est-à-dire une partie d'un groupe, au lieu de sélectionner un
groupe en entier. Dans l'Outil de remplissage, si vous cliquez sur un objet qui se
trouve à l'intérieur d'un groupe, cet objet sera sélectionné au lieu du groupe en entier.
Cela s'appelle « sélection intérieure ». Cela facilite l'édition de photos et de
remplissages à l'intérieur d'un groupe. Si vous souhaitez modifier les attributs du
remplissage d'un groupe, vous devez d'abord sélectionner le groupe en utilisant l'Outil
de sélection.
Barre d'infos de l'outil de remplissage
Type de remplissage
Quadrillage du remplissage
Effet du remplissage
Nom du bitmap
Poignée de remplissage/résolution
Couleur de poignée/grain
TYPE DE REMPLISSAGE sélectionne le type du remplissage. Sélection depuis ce menu :
• lorsque qu'un objet est sélectionné, le remplissage est appliqué à cet objet ;
217
218
• sans objet sélectionné, le type de remplissage par défaut est défini puis utilisé
pour les nouveaux objets dessinés.
Le QUADRILLAGE DU REMPLISSAGE est utilisé pour les remplissages e type bitmap ou
fractal. Les options sont décrites plus bas, dans les remplissages bitmap. Le
quadrillage du remplissage modifie la répétition de l'effet de remplissage. Les options
sont :
• Simple : le remplissage n'est utilisé qu'une fois, quelle que soit la taille de l'objet.
La zone autour du « carreau » est transparente.
• Répétition/carreau répété : l'effet de remplissage est répété afin de remplir tout
l'objet.
• Répétition inversée : disponible uniquement pour les remplissages de type fractal
et bitmap. Similaire au carreau répété, à la différence qu'un carreau sur deux est
inversé. Ce procédé peut aider à masquer les lignes à la jointure des carreaux.
Remplissage répété en ellipse à l'intérieur d'une forme elliptique.
L'EFFET DE REMPLISSAGE est utilisé pour tous les types de remplissage. Il contrôle le
dégradé des couleurs de remplissage de la couleur de départ à celle d'arrivée :
• DEGRADE : crée un dégradé linéaire entre deux couleurs.
• ARC-EN-CIEL : réalise un dégradé le long du bord le plus court du disque de couleur
TSV. Par exemple, un dégradé du jaune au cyan donne un enchaînement jaunevert-cyan.
Cette option est sans effet lorsque les deux couleurs sont le noir, le blanc ou le gris.
• ALT ARC-EN-CIEL : similaire à Arc-en-ciel, mais le dégradé est réalisé en suivant le
bord le plus long du disque de couleur. Par exemple, un dégradé du jaune au cyan
donne un enchaînement jaune-rouge-magenta-bleu-cyan.
NOM DE BITMAP affiche un menu déroulant comprenant des miniatures de tous les
bitmaps de la GALERIE DES BITMAPS ; il s'agit d'une méthode simple pour sélectionner
le bitmap/la photo à utiliser pour un remplissage de type bitmap.
POIGNEE DE REMPLISSAGE : indique si la poignée de début ou de fin est sélectionnée.
Ce champ est vide en présence de remplissages uniformes.
www.magix.com
L'outil de remplissage
RESOLUTION (uniquement pour les remplissages de type fractal et bitmap) : indique la
résolution du bitmap (tant qu'aucune poignée de remplissage n'est sélectionnée).
Vous pouvez saisir une nouvelle résolution pour modifier la taille du bitmap. Avec les
résolutions basses, les pixels du bitmap deviennent visibles. Vous aurez rarement
besoin d'une résolution supérieure à 150 DPI (ou PPP), même lorsqu'il s'agit de
caractères typographiques. 96 DPI suffisent pour l'affichage à l'écran.
COULEUR DE POIGNEE DE REMPLISSAGE (excepté pour les remplissages bitmap) :
indique la couleur appliquée à la poignée de remplissage sélectionnée.
Remplissages uniformes
Pour appliquer ou modifier un remplissage uniforme :
1.
2.
sélectionnez un remplissage uniforme depuis le menu de
type de remplissage.
Sélectionnez une couleur dans la PALETTE DES COULEURS.
La palette de couleurs est décrite dans le chapitre Utilisation des couleurs (voir page
169).
Remplissages linéaires
Pour appliquer un
remplissage linéaire :
1.
2.
3.
Sélectionnez un remplissage linéaire dans le menu des types de remplissage.
(Pas nécessaire si l'objet actuel dispose d'un remplissage uniforme).
Positionnez le pointeur de la souris à l'endroit où vous souhaitez démarrer le
remplissage. (Cela peut également se situer en dehors de l'objet)
Tirez le pointeur de la souris à l'endroit où vous souhaitez terminer le
remplissage. (Ce point peut également se trouver en dehors de l'objet).
La flèche affichée sur l'objet sélectionné est appelée flèche de remplissage. Elle
indique la direction et l'étendue du remplissage. Vous pouvez au choix sélectionner
chaque fin de la flèche en cliquant dessus.
Déplacer la poignée de début ou de fin du remplissage
Pour modifier la direction et l'étendue du remplissage :
1.
1.
Positionnez le pointeur de la souris sur la poignée que vous souhaitez
déplacer. Lorsqu'il est en position, le pointeur change de forme.
Tirez la poignée.
219
220
Modifier les couleurs de remplissage
Pour modifier la couleur dans un remplissage :
• Faire un glisser&déplacer de la couleur depuis la PALETTE DES COULEURS sur une
poignée de remplissage (vous n'avez pas besoin de sélectionner la poignée en
premier).
• Ou placez la couleur dans l'objet par glisser&déposer. Chaque remplissage
dispose d'une ligne médiane imaginaire le long de la flèche de remplissage. Si
vous placez la couleur sur la poignée de début, vous en modifiez la couleur, de
même pour la poignée de fin.
• Ou, si l'une des poignées de fin est sélectionnée (surlignée), cliquez simplement
sur une couleur. Vous pouvez utiliser le « Tabulateur » pour sélectionner l'autre
poignée de remplissage, et cliquer sur la couleur choisie.
La palette de couleurs est décrite dans le chapitre Utilisation des couleurs (voir page
169).
Chaque méthode change la couleur d'une seule poignée ; elle ne change pas les autres
poignées de remplissage sélectionnées, ou :
1.
2.
3.
Sélectionnez la poignée de votre choix (ou les poignées, dans le cas où vous
avez plusieurs objets).
Sélectionnez la couleur souhaitée dans la palette.
Cette opération modifie toutes les poignées de remplissage sélectionnées.
Remplissages circulaires
Pour les remplissages circulaires, les opérations d'application
du remplissage, de déplacement des poignées et de
modification des couleurs sont les même que pour les
remplissages linéaires. La poignée de début est le centre du
remplissage.
Les remplissages circulaires sont utiles pour créer des effets projecteurs.
Toute modification du rapport largeur hauteur de l'objet entraî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ême manière
qu'un remplissage linéaire. Lorsque vous tirez le pointeur de
la souris, vous créez d'abord un cercle avec deux poignées
de fin. Vous pouvez ensuite tirer les poignées de fin pour
créer une ellipse adaptée.
Appuyer sur la touche Maj de votre clavier et faire glisser le curseur de la souris
préserve les proportions du remplissage. Appuyer sur CTRL et faire glisser limite la
rotation aux angles prédéfinis. Le déplacement des poignées et la modification des
couleurs se font de la même façon que pour les remplissages linéaires.
Une faç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é
Nom du bitmap
Résolution
Non utilisé
La Galerie des Bitmaps est dé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 é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ît en tant que forme avec un type de remplissage
bitmap. Lorsqu'un tel objet est sélectionné, la ligne de statut l'affiche en tant que
photo, mais elle est similaire à une forme à laquelle on aurait appliqué une photo en
tant que remplissage bitmap.
221
222
Pour remplir une forme avec un remplissage bitmap ou photo, opérez de la maniè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ée et déposez ou
• Tirez n'importe quel remplissage depuis la GALERIE DE REMPLISSAGES sur la forme
(il n'est pas nécessaire ici de maintenir la touche Maj appuyée dans ce cas).
• Sélectionnez l'entrée Bitmap sur la gauche du menu déroulant de la BARRE
D'OUTIL de REMPLISSAGE puis sélectionnez le bitmap sélectionné dans le menu
déroulant (il affiche uniquement les Bitmaps qui ont été chargés auparavant).
Vous pouvez remplir un objet avec un ou plusieurs quadrillages (répétitions de
l'image bitmap).
Carreau individuel
(photo)
Répéter le quadrillage
Répété inversé : les carreaux sont
parfaitement accordés.
Le remplissage dispose de trois poignées. Vous pouvez les utiliser pour
Redimensionner et repositionner les remplissages de bitmap (voir page 224). Une
méthode alternative de définition de la taille du bitmap consiste à entrer
manuellement la valeur de la résolution. Commencez par désélectionner les poignées
de remplissage en cliquant n'importe où sur l'image autre que sur une de ces
poignées puis entrez une nouvelle résolution dpi.
Remplacer des remplissages bitmap
Si une forme contient déjà un bitmap, ou qu'il s'agit d'une photo, vous pouvez juste
placer par glisser-dé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çon à être ajustée à la forme. Par défaut, cette opération
remplacera aussi toutes les autres instances de cette photo sur la page en cours.
Si vous maintenez la touche MAJ enfoncée pendant que vous remplacez une photo de
cette façon, la position, l'échelle et la rotation du remplissage bitmap seront
préservé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ée de remplissage n'est sélectionnée, en cliquant sur l'image). Un Contone sera
alors créé (techniquement il s'agit d'un Duotone) qui va du noir vers la couleur
sélectionnée. Vous pouvez également effectuer un clic droit sur la palette de couleurs
et sé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ée, cliquez sur
NON . Cliquez sur COULEUR pour chacune des poignées de
remplissage. La couleur originale du bitmap est restaurée.
Le champ RESOLUTION dans la BARRE D'INFOS affiche la résolution que vous pouvez
définir en déplaçant les poignées de remplissage ou en entrant manuellement une
valeur.
Calibrer et positionner un remplissage bitmap
Maintenez la touche Maj enfoncée et cliquez et tirez sur la forme comportant déjà un remplissage bitmap. Vous créez ainsi un nouveau remplissage bitmap centré autour du point cliqué. Si vous maintenez la touche « Ctrl » enfoncée, l'angle sera limité, ce qui simplifie la création d'un remplissage bitmap droit.
Une fois que le remplissage est créé, vous pouvez le
déplacer dans l'image pour le repositionner à
l'intérieur de la forme.
Lorsque vous passez avec la souris sur les poignées
extérieures de remplissage, le curseur de la souris se
transforme en un curseur « de rotation ». Si vous tirez
sur ces poignées, le remplissage bitmap sera étiré et
tourné, tout en conservant ses proportions actuelles ;
maintenez la touche N enfoncée pendant que vous
tirez pour changer les dimensions horizontales et
verticales indépendamment les unes des autres, pour
pouvoir incliner le remplissage. La barre d'infos affiche
la ré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é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éjà utilisé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ées de Remplissage.
L'exemple ci-dessus pré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âce à un calcul mathématique, présentent un aspect très naturel. Ils sont très
adaptés pour simuler un ciel ou des nuages, ou une autre texture naturelle.
Chaque fois que vous créez un nouveau remplissage fractal, un nouveau motif est
créé. Pour remplacer un fractal existant avec un nouveau motif, sélectionnez à
nouveau le type fractal dans le menu de remplissage.
www.magix.com
L'outil de remplissage
Le contrôle du GRAIN dans la BARRE
D'INFOS permet de contrôler précisément
le grain du motif. Les valeurs faibles
produisent un motif doux et fluide, les
valeurs élevées produisent un motif
granuleux.
Vous pouvez ajuster la taille et la position du remplissage fractal en tirant et ajustant
les poignées de remplissage. Désélectionnez les poignées de remplissage (cliquez sur
le remplissage loin des poignées) pour afficher la résolution et le contrôle du grain.
Remplissage en nuage fractal. Sur la gauche, un grain égal à 1, sur la droite, un grain égal à 50.
Remplissage en plasma fractal. Sur la gauche, un grain égal à 5, sur la droite, un grain égal à 50.
Notez la différence entre le grain et la résolution. Le grain contrôle la fluidité du motif.
La résolution définit la taille du bitmap fractal ainsi que le degré d'affichage des
différents pixels.
Vous pouvez modifier les couleurs de début et fin d'un remplissage fractal.
Sélectionnez les poignées du centre ou externes, puis appliquez une couleur en
utilisant la palette de couleurs ou à l'aide de la galerie de COULEURS . Pour supprimer
toute couleur appliquée, appliquez « Aucune couleur ».
Graduations de couleurs en plusieurs étapes
De nombreux types de remplissage de couleur par graduation (linéaire, circulaire,
elliptique, en cône, en diamant) prennent en charge les remplissages en plusieurs
étapes, ce qui signifie qu'au lieu d'opérer uniquement une transition d'une couleur
vers une autre, vous pouvez passer par différentes étapes de remplissage.
225
226
Pour ajouter une nouvelle étape de coloration à la transition, sélectionnez l'outil de
remplissage afin d'afficher la flèche de remplissage, puis :
• tirez une couleur dans la flèche de remplissage, à l'endroit requis.
• Ou effectuez un double-clic sur la flèche de remplissage pour créer une nouvelle
poignée de remplissage, enfin cliquez sur une couleur ou affichez l'EDITEUR DE
COULEURS .
Vous pouvez repositionner les poignées de remplissage en tirant.
En sélectionnant une poignée de remplissage, cliquez sur le tabulateur pour
sélectionner la prochaine poignée. Si l'EDITEUR DE COULEURS est activé, il sera mis à
jour pour refléter la nouvelle poignée de remplissage.
Pour supprimer une poignée étape de remplissage, cliquez dessus pour la sélectionner
puis cliquez sur la touche Suppr.
Galerie des remplissages
La galerie des REMPLISSAGES contient des textures bitmaps adaptées comme
remplissages. Ils sont copiés dans le document lorsque vous les utilisez comme
remplissage.
Pour afficher la GALERIE DES REMPLISSAGES :
• Choisissez SERVICES > GALERIES > GALERIE DE REMPLISSAGES.
• Ou cliquez sur Maj + F11
IMPORTER : importe le bitmap sélectionné dans le document. Une copie du bitmap
apparaît alors dans la GALERIE BITMAP . Il est également possible de placer un bitmap
sur une page blanche par glisser-déposer. Cette opération est souvent plus simple et
rapide que la fonction IMPORTER .
www.magix.com
L'outil de remplissage
REMPLISSAGE : importe et applique le bitmap sélectionné comme :
• remplissage bitmap de l'objet sélectionné.
• Si aucun objet n'est sélectionné, le bitmap est inséré dans le document comme
un nouvel objet photo.
Vous pouvez également placer le bitmap par glisser-déposer dans un objet ou
appliquer un remplissage bitmap.
Il existe des diffé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éposez sur des formes pour créer un remplissage
bitmap, le remplissage sera empilé et la taille du bitmap ne sera pas adaptée de
manière optimale à celle de la forme. Cette différence de comportement provient du
fait que les textures employées normalement sont appliquées depuis la galerie des
remplissages et elle devraient normalement être empilées et leur forme non ajustée.
TRANSP. (transparence) : importe et applique le bitmap sélectionné comme :
• bitmap transparent à l'objet sélectionné.
• Ou définit les attributs de la transparence actuelle.
CHARGER DES REMPLISSAGES : télécharger des remplissages gratuits de Xara.
ARRIERE-PLAN : définit le remplissage sélectionné comme arrière-plan pour la page.
SUPPRIMER : supprime le remplissage ou dossier sélectionné.
REMPLISSAGE DISQUE : ajouter de nouveaux remplissages depuis votre disque dur ou
un CD.
OPTIONS : vous permet de définir la taille des icônes d'aperçu et de déterminer si
toutes les informations sur le bitmap sont affichées, et enfin de chercher et classer les
remplissages.
ARRETER LE TELECHARGEMENT : si vous disposez d'une connexion lente, et que le
chargement de remplissages en ligne dure trop de temps à votre goût, vous pouvez
arrêter le téléchargement et continuer ultérieurement.
Les fonctions chercher et trouver sont décrites dans le chapitre Manipulation de
documents .
Le chapitre Manipulation du document comprend des informations générales
concernant les galeries.
227
228
Transparence
L'OUTIL DE TRANSPARENCE permet de définir la transparence des objets et
couleurs des différents calques.
Forme
Tuiles
Nom du bitmap
Poignée/résolution
Degré de transparence
Vous pouvez contrôler tous les degrés de transparence, de complètement transparent
à totalement opaque. Web Designer propose en outre, contrairement à d'autres
programmes, une grande variété de transparences pour les dégradés de couleur.
Vous pouvez appliquer des transparences uniformes ou en dégradé sur tous les types
d'objets, y compris les objets bitmap.
Appliquer une transparence uniforme
Elle est appelée « transparence uniforme » dans la mesure où toutes les parties de
l'objet ont le même niveau de transparence, par opposition à la transparence en
dégradé.
1.
2.
3.
Sélection d'un ou plusieurs objets
Sélectionnez l'outil de transparence (raccourci F6)
Déplacez la réglette de transparence sur la barre d'infos
MAGIX Web Designer MX propose un aperçu en temps réel. Lorsque vous déplacez
la réglette de transparence, l'effet sur les objets du document est affiché en direct.
Appliquer une transparence en dégradé
La transparence en dégradé fonctionne de maniè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éer une transparence en transition. Il existe une palette de
formes de transparence très semblable, allant de la forme linéaire au circulaire ou
encore elliptique. Pour créer un fondu dégradé :
1.
2.
Sélection d'un ou plusieurs objets
Dans l'OUTIL DE TRANSPARENCE, tirez sur les objets pour produire une transition
linéaire sur l'objet.
www.magix.com
Transparence
3.
Sélectionnez des formes alternatives de transparence depuis le menu
déroulant sur la barre d'infos.
Vous pouvez sélectionner et ajuster la position et la transparence en utilisant les
poignées affichées sur l'objet.
Référez-vous au chapitre Remplissages pour de plus amples informations sur la
manipulation des poignées et les différentes formes de remplissage (dans ce cas,
formes de transparence).
Appliquer une transparence à plusieurs objets
Lorsque vous appliquez une transparence à des objets groupés, la transparence est
appliquée à tous les objets, considérés comme un groupe. Mais si les objets ne sont
pas groupés, la transparence sera appliquée individuellement à chaque objet, et vous
obtenez un effet totalement différent lorsque les objets sont superposés.
Transparence individuelle (gauche) ou transparence de groupe (droite)
Mélange de transparence individuelle et de groupe
Vous avez la possibilité de combiner les méthodes ci-dessus pour créer des
transparences complexes. Vous pouvez par exemple définir la transparence d'un objet
à 50%, puis le grouper et appliquer une transparence au groupe également. Vous
pouvez aussi bien appliquer une transparence à un groupe en premier lieu, puis
appliquer ultérieurement des attributs aux objets individuels dans le groupe. Il suffit
pour cela de maintenir la touche Ctrl enfoncé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ée sur un mur derrière l'objet.
• Ombre horizontale : l'ombre de l'objet est projetée sur le sol ou la surface.
Halo : l'ombre créé un effet de halo autour de l'objet.
La transparence des ombres douces augmente vers les pointes, ce qui rend l'effet très
réaliste. Les ombres sont totalement indépendantes de la résolution : vous pouvez les
calibrer sans perte de qualité.
www.magix.com
Ombres
Appliquer une ombre
Appliquer une ombre verticale
Pour appliquer une ombre verticale :
1.
2.
3.
4.
sélectionnez un objet.
Sélectionnez l'outil OMBRES .
Sélectionnez le bouton OMBRE VERTICALE dans la
barre d'infos de l'outil OMBRES .
Vous pouvez éloigner ou rapprocher l'ombre de
l'objet pour créer une distance imaginaire plus
ou moins élevée entre l'objet et le mur.
Pour créer d'une autre manière une ombre verticale :
1.
2.
3.
sélectionnez un objet.
Sélectionnez l'outil OMBRES .
Tirez du centre de l'objet en direction de l'ombre.
Appliquer une ombre horizontale
1.
2.
3.
4.
sélectionnez un objet.
Sélectionnez l'outil OMBRES .
Sélectionnez le bouton OMBRE HORIZONTALE dans
la barre d'infos de l'outil OMBRES .
Éloignez-vous ou rapprochez-vous de l'objet
pour modifier la taille ou l'angle de la direction.
L'angle peut se situer jusqu'à 70° de la verticale.
Appliquer un halo
Un halo appliqué à un objet peut apporter une certaine dramatique au graphisme.
Pour créer un halo :
1.
2.
3.
4.
Sélectionner l'objet.
Sélectionnez l'outil OMBRES .
Sélectionnez le bouton HALO dans la barre d'info
de l'outil OMBRES .
Éloignez-vous ou rapprochez-vous de l'objet
pour modifier la taille du halo.
231
232
Modifier la netteté des pointes de l'ombre
Cela modifie la taille de l'ombre. Un léger flou
créé l'impression d'une source lumineuse
précise, un large flou donne l'impression d'une
lumière diffuse ou distante. Il est recommandé
de toujours créer un léger flou sur les ombres,
car cela est plus réaliste.
Pour rendre une ombre floue :
1.
2.
3.
sélectionnez un objet.
Sélectionnez l'outil OMBRES .
Vous pouvez au choix déplacer la réglette de flou sur la barre d'infos de l'outil
OMBRES , ou entrer une valeur dans le champ situé sur la droite.
Modifier la transparence de l'ombre
Une ombre semi-transparente est plus
ré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électionnez un objet.
Sélectionnez l'outil OMBRES .
Vous pouvez au choix déplacer la réglette de transparence sur la barre d'infos
de l'outil OMBRES , ou entrer une valeur dans le champ situé sur la droite.
www.magix.com
Ombres
Modifier le remplissage ou la couleur de l'ombre
Après avoir appliqué une ombre à un objet, vous pouvez modifier sa couleur ou son
effet de remplissage. Vous pouvez également appliquer n'importe quel effet de
couleur de MAGIX Web Designer MX à l'ombre, y compris les remplissages par
étapes.
Pour modifier la couleur d'une ombre :
Pour obtenir de plus amples informations concernant la palette de couleurs, référezvous au chapitre Manipulation des couleurs (voir page 169).
• La méthode la plus simple consiste à appliquer une couleur à une ombre par
simple glisser-déposer depuis la palette. (Assurez-vous que vous déposez bien la
couleur sur l'ombre et non l'objet.)
• Il existe une méthode légèrement plus complexe mais qui vous permet de garder
le contrôle total sur la couleur :
1.
Sélectionnez l'ombre en utilisant l'outil de SELECTION . (Assurez-vous que
vous avez sélectionné l'ombre et non l'objet.)
2. Utilisez l'EDITEUR DE COULEUR pour l'édition.
Supprimer une ombre
Pour supprimer une ombre douce :
1.
2.
3.
sélectionnez un objet.
Sélectionnez l'outil OMBRES .
Sélectionnez le bouton AUCUNE OMBRE sur la
barre d'infos de l'outil OMBRES .
Appliquer une ombre à plusieurs objets
Le résultat de l'application d'une ombre sera différent si les objets sont groupés ou
non :
• si les objets sont groupés, les ombres superposées sont fusionnées (c'est-à-dire
que les superpositions ne seront pas plus foncées).
• Si les objets ne sont pas groupés, chaque objet dispose de son ombre propre. Les
zones où les ombres se chevauchent sont donc plus foncées.
233
234
• Si plusieurs objets avec ombres sont sélectionnés, tout changement sera appliqué
à toutes les ombres.
Sélectionner des objets à l'aide de l'outil ombres
Avant d'appliquer ou éditer une ombre sur un objet, vous devez d'abord sélectionner
l'objet. Pour sélectionner un objet, utilisez l'outil de sélection. Vous pouvez également
utiliser l'outil OMBRES , en cliquant simplement sur l'objet lorsque l'outil OMBRES est
activé.
Appliquer des ombres copiées à d'autres objets
Lorsque vous avez obtenu une ombre comme vous le souhaitez, vous pouvez la
copier et l'appliquer à un autre objet en utilisant la fonction « coller ». Copiez
simplement l'ombre souhaitée (ÉDITION > COPIER), sélectionnez l'objet ou les objets
auxquels vous souhaitez attribuer l'ombre, puis sélectionnez ÉDITION > COLLER DES
ATTRIBUTS .
www.magix.com
Boîte de dialogue des Propriétés web
Boîte de dialogue des Propriétés web
La boîte de dialogue des propriété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érentes propriété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électionnant PROPRIETES WEB ou en utilisant l'option de menu SERVICES > PROPRIETES
WEB… (raccourci clavier Ctrl + Maj + W).
Chaque onglet de la boîte de dialogue est directement accessible en utilisant les
boutons situés sur la barre escamotable des propriétés web situé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éer/éditer une barre de navigation
La boîte de dialogue n'a pas de mode ; par conséquent, vous pouvez la laisser ouverte
pendant que vous sélectionnez différentes pages et différents objets de votre
document. Cela facilite le paramétrage rapide des propriétés des différentes pages et
des différents objets de votre site web. Utilisez le bouton OK pour appliquer vos
modifications et fermer la boîte de dialogue ou le bouton APPLIQUER pour appliquer
vos modifications sans fermer la boîte de dialogue.
Les parties suivantes se rapportent tour à tour à chaque onglet de la boîte de dialogue.
235
236
Onglet Lien
Les paramètres de cet onglet s'appliquent à (aux) l'objet(s) ou au texte sélectionnés.
Généralement, vous utiliserez cet onglet pour ajouter un lien à un objet (par exemple
un bouton ou une photo) ou à un texte de votre page Internet de façon à ce que les
visiteurs de votre site qui cliquent sur l'objet/texte soient redirigé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ère à ouvrir une fenêtre pop-up.
Pour ajouter un lien à quelques mots d'un paragraphe de texte, allez dans l'OUTIL
TEXTE et surlignez le texte que vous souhaitez lier pour le sélectionner. Puis
configurez le lien dans cet onglet.
La partie principale de cet onglet vous permet de décider ce qui se passe quand on
clique sur l'objet ou le texte sélectionné.
Lien vers une adresse Internet
Saisissez une adresse Internet à relier à cette adresse. Si vous cochez la case
«CORRECTION AUTO. DE L'ADRESSE», votre adresse sera adaptée si besoin lorsque vous
cliquerez sur OK ou Appliquer. Par exemple, si vous saisissez « www.xara.com », cela
sera corrigé en « http://www.xara.com/ ».
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 À: pré-rempli. Vous pouvez également, en option, spécifier
www.magix.com
Boîte de dialogue des Propriétés web
un objet et des adresses e-mail CC ou CCi devant être copiées sur le mail et même
spécifier le corps de texte qui doit être utilisé par défaut. Par exemple, cela définit
l'adresse du destinataire À: et les quatre autres paramètres :
votrenom@blabla.com objet :e-mail de la part du site Internet CC :autre@blabla.com
CCi :encoreunautre@blabla.com body : e-mail automatique
Remarque technique : MAGIX Web Designer MX encode votre adresse e-mail de
façon à en réduire l'apparence pour éviter que des robots SPAM ne la trouvent en
faisant des recherches sur Internet. Pour cela, Javascript est requis et doit donc être
pris en charge par votre navigateur (actuellement plus de 95 % des navigateurs le
prennent en charge).
Lien vers...
Sélectionnez cette option pour créer un lien vers une autre page du site ou, si vous
faites un document de présentation, vers l'étape précédente ou suivante de la
présentation. La liste du menu déroulant permet de sélectionner la page ou l'étape à
lier.
ASTUCE : si votre site Internet comprend de nombreuses pages, il sera plus facile de
définir et d'entretenir les liens de vos pages si vous attribuez un nom à chaque page
car la liste des pages affichera le nom des pages au lieu de la simple mention « Page
2 », « Page 3 », etc.
Consultez la section Onglet Page (voir page 244) plus bas pour savoir
comment définir le nom des pages ou éditer les noms dans la Galerie des
pages et des calques.
En plus d'afficher les différentes pages de votre site, la liste déroulante contient
également des mentions spéciales : PAGE/ETAPE SUIVANTE et PAGE/ETAPE
PRECEDENTE .
Page suivante/précédente
Utilisez-les pour ajouter un lien menant à la page suivante ou précédente de votre
site. Pour l'utilisation de ces liens, l'ordre des pages est déterminé par l'ordre des
pages telles qu'elles apparaissent dans MAGIX Web Designer MX. Un lien
« Suivant » sur la dernière page renvoie à la première page, et un lien « Précédant »
sur la première page renvoie à la dernière page du site.
Étape de présentation suivante/précédente
Utilisez-les pour ajouter un lien menant à l'étape suivante ou précédente de la
présentation dans le cas où votre site est une présentation. Comme pour les
commandes de page suivante/précédente, l'ordre de la présentation est déterminé
par l'ordre des étapes tel qu'il apparaî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écifique
d'une page de votre site Internet.
Pour définir un point d'ancrage, allez tout d'abord sur la page et l'objet vers lequel
vous souhaitez envoyer le visiteur. Sélectionnez l'objet et ajoutez-lui un nom en
faisant un clic droit puis en sélectionnant l'option NOMS... . Puis sélectionnez l'objet
auquel vous souhaitez ajouter le lien et choisissez le nom du point d'ancrage que vous
avez ajouté à partir de la liste disponible dans l'option « Lien vers un point d'ancrage ».
Notez que lorsque vous créez un lien vers un objet se trouvant tout en bas d'une
grande page Web, le navigateur Internet fait automatiquement défiler la page vers le
bas de façon à ce que votre objet ancré soit immédiatement visible.
REMARQUE : vous ne pouvez pas appliquer de transition à 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 à
votre site Internet et le rendre accessible aux visiteurs du site. Par exemple, vous
pouvez souhaiter mettre à disposition un document PDF.
Sélectionnez l'objet ou le texte auquel le lien sera associé. Puis, activez l'option Lien
vers un fichier et, à 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èlement à l'application du lien, MAGIX Web Designer MX réalise une copie de
votre fichier qu'il place dans le répertoire de support de votre modèle de conception.
Ce répertoire se trouve près du fichier .web ou .xar. Si votre modèle s'appelle
« MySite.web », le répertoire de support associé s'appellera « MySite_web_files ».
Tous les fichiers dans le répertoire de support sont publiés en même temps que votre
site, ce qui signifie que le fichier sera mis en ligne en même temps que le site pour que
le lien fonctionne. Pour en savoir plus sur les répertoires de support, reportez-vous au
chapitre Utilisation des documents (voir page 97).
Remarque : étant donné la présence d'une copie séparée du fichier dans le répertoire
de support de votre modèle de conception, vous devrez mettre à jour cette copie à
chaque fois que vous modifiez le fichier original et souhaitez publier la version
modifiée. Vous pouvez également répéter le procédé décrit plus haut et parcourir
votre ordinateur pour rechercher le fichier mis à jour. De même, si vous déplacez ou
copiez le modèle de conception de votre site Internet dans un autre ordinateur ou
donnez une copie à un tiers, vous devrez vous assurer que le répertoire de support
accompagne bien le fichier du modèle car il comprend à présent une grande partie
de votre site Internet !
www.magix.com
Boîte de dialogue des Propriétés web
Calque pop-up
Vous pouvez ajouter n'importe quel contenu à votre page sous la forme d'un calque
séparé et faire en sorte que ce contenu s'affiche uniquement lorsque le visiteur clique
sur un lien. Par exemple, vous pouvez ajouter un descriptif à 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ême en
utilisant la GALERIE DES PAGES ET DES CALQUES puis ajouter le contenu de votre
pop-up à ce calque.
Pour plus de détails, consultez le chapitre GALERIE DES PAGES ET DES CALQUES . Vous
pouvez ensuite sélectionner le calque dans la liste disponible près de l'option « Calque
pop-up ».
À présent, lorsqu'un visiteur clique sur l'objet, le contenu du calque apparaît ! Le fait
de cliquer à un autre endroit de la page fait disparaître le pop-up.
Notez que tout le contenu du calque pop-up est chargé dè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écrite plus bas.
Le chapitre Pour bien démarrer (voir page 76) contient des instructions pas à pas
concernant l'ajout de calques pop-up.
Photo pop-up
Cette option vous permet d'ajouter très facilement des photos pop-up et d'autres
fonctions de la galerie de photos à 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électionnez-la et sélectionnez l'option « PHOTO POPUP ».
Cliquez sur le bouton PARAMETRES situé près de cette option pour accéder à l'ONGLET
IMAGE dans lequel vous pourrez définir la taille de la photo pop-up, ajouter un titre et
une légende et sélectionner l'une des nombreuses autres options. Pour plus de détails,
veuillez vous reporter à la section Onglet Image (voir page 246). Lorsque vous
sélectionnez l'option Photo pop-up dans l'onglet Lien, la case Photo pop-up est
automatiquement cochée dans l'onglet Image car toutes deux activent la même
fonction pop-up.
Utiliser les couleurs habituelles de liens de sites Internet
Cette option vous permet de choisir la façon dont le texte des liens doit s'afficher. Elle
est sélectionnée par défaut, ce qui signifie que le texte du lien apparaîtra avec la
couleur de lien que vous avez définie pour l'ensemble du site Internet. Vous pouvez
paramétrer cette couleur dans l'onglet site Internet (veuillez consulter la partie Onglet
site Internet).
239
240
Si vous décochez cette option, le lien texte sélectionné conservera la couleur que vous
lui donnerez sur la page. Vous pouvez ainsi avoir des liens de différentes couleurs si
vous le souhaitez.
Ouvrir le lien dans
Cette option ne joue aucun rôle si les options de lien « Calque popup » ou « Photo
popup » sont sélectionnées. Mais pour les autres liens, elle vous permet de
commander au navigateur Internet la façon dont la page cible doit être chargée. Par
défaut, elle est définie sur « Non spécifié » ce qui signifie en général que le navigateur
ouvrira le lien dans la même fenêtre et le même frame que le lien.
La liste déroulante contient quatre options qui permettent au navigateur d'exécuter
des actions spéciales. Vousp ouvez sélectionner l'une de ces options ou saisir le nom
d'un frame :
NOUVELLE FENETRE (_BLANK) Ouvre le lien dans une nouvelle fenêtre du navigateur.
MEME FRAME (_SELF) Ouvre le lien dans ce frame (le frame qui contient cet objet).
FRAME PARENT (_PARENT) Ouvre le lien dans la fenêtre parente ou dans le frameset
qui contient le frame.
MEME FENETRE (_TOP) Ouvre le lien dans la fenêtre de navigation principale, et
remplace tous les frames existants.
Si vous souhaitez que le lien soit chargé dans un frame spécifique du navigateur,
saisissez le nom du frame dans ce champ.
Emplacement cliquable
Cet option vous permet de dé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é), elle fonctionne
seulement dans le cas d'une exportation Flash.
FORME D'OBJET : le visiteur doit cliquer à l'intérieur du contour exact de l'objet pour
faire s'ouvrir le lien.
RECTANGLE ENTOURANT L'OBJET : le visiteur peut cliquer n'importe où dans le
rectangle (boîte de délimitation) entourant l'objet pour faire s'ouvrir le lien.
Transition de lien
Cette option vous permet d'appliquer un effet de transition à un lien pour que la page
à laquelle il fait référence (qu'il s'agisse d'un site externe ou d'une des pages de votre
site) apparaisse avec la transition sélectionné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îte de dialogue des Propriétés web
Remarque : si vous appliquez une transition à un lien qui mène à une page ayant son
propre effet de transition (définit dans l'onglet Page (voir page 244)), c'est la
transition du lien qui sera utilisée. Ainsi, la transition de lien écrase la transition de
page pour un lien donné.
EFFET DE TRANSITION : sélectionnez votre effet animé dans la liste déroulante.
Vous pouvez appliquer les effets de transition suivants à un lien :
Instantané
(défaut)
Glissement
à partir de
Les nouveaux contenus des pages, des calques et des étapes
apparaissent immédiatement
Les nouveaux contenus des pages, des calques et des étapes
apparaissent par glissement provenant de différentes directions
Glissement Les contenus de la page actuelle glissent dans différentes directions
vers
pour disparaître
Fondu
Les nouveaux contenus des pages apparaissent progressivement
Fondu
Les contenus de la page actuelle se changent progressivement en écran
passant par noir qui laisse graduellement place aux contenus de la nouvelle page
le noir
Volet
Une barre noire traverse l'écran de droite à gauche pour masquer les
anciens contenus, puis refait le chemin en sens inverse pour révéler les
contenus de la nouvelle page.
Séparation Les nouveaux contenus apparaissent par glissement, se séparent en
par
deux moitiés qui glissent l'une vers l'autre verticalement ou
glissement horizontalement
vertical/
horizontal
VITESSE (SEC.) : sélectionnez la durée de l'effet en secondes. Par défaut, les objets ne
feront qu'apparaître/disparaître par glissement à partir des bords de la page web. Si
vous voulez que les objets démarrent des bords de la fenêtre du navigateur plutôt que
des bords de la page, décochez la case ÉPINGLER AUX BORDS DE LA PAGE dans l'onglet
Site Internet (voir page 242) de la boîte de dialogue des Propriétés web.
Par défaut, lorsqu'une transition est appliquée, les objets réalisent uniquement un
glissement avant/arrière vers le bord de la page web. Si vous voulez que les objets
glissent à partir des bords de la fenêtre du navigateur plutôt que des bords de la page
web, décochez la case ÉPINGLER AUX BORDS DE LA PAGE dans l'Onglet site Internet
(voir page 242) de la boîte de dialogue des Propriétés web.
Remarque : cette option est grisée si LIER A UNE ANCRE , LIER A UN FICHIER , CALQUE
POP-UP ou PHOTO POP-UP sont sélectionnés.
241
242
Onglet Site Internet
Les paramètres de cet onglet s'appliquent à la totalité du document actuel ou du site
Internet indépendamment de l'objet ou de la page sélectionné(e).
TITRE, DESCRIPTION ET MOTS-CLES : ces champs sont décrits dans la section de
l'Onglet Page (voir page 244) ci-dessus. En option, vous pouvez définir ces champs
de façon à ce qu'ils s'appliquent à toutes les pages de votre site Internet, sauf si les
paramètres de l'onglet Page les remplacent pour certaines pages. Ainsi, une page
dont le titre n'est pas précisé dans l'onglet Page recevra le titre spécifié ici.
www.magix.com
Boîte de dialogue des Propriétés web
CODE HTML (BODY) : ce bouton possède la même fonction que le bouton code HTML
(body) de l'Onglet Page, c'est-à-dire qu'il vous permet de saisir et d'éditer une grande
partie du code HTML de la section « body » de toutes les pages de votre site.
Cependant, lorsque le code est saisi dans l'ONGLET SITE INTERNET , il est ajouté à
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érent aux pages qui en ont besoin.
Couleurs de liens de sites Internet
Cette section de l'ongle site Internet vous permet de contrôler la façon dont le texte
des liens doit apparaître sur votre site Internet.
LIENS TEXTE SOULIGNES : il est habituel d'utiliser le soulignement pour faire resortir les
liens cliquables d'un texte, et cette option est donc sélectionnée par défaut.
Décochez-la si vous ne souhaitez pas que vos les liens soient soulignés.
COULEUR SOURIS SANS EFFET : ici, vous pouvez choisir la couleur des liens dans le
texte. Vous pouvez soit sélectionner une couleur thématique nommée dans la liste
déroulante (s'il y en a dans votre document en cours) ou cliquer sur le bouton Editer
pour ouvrir l'Editeur de couleurs, pour choisir une autre couleur.
COULEUR SOURIS AVEC EFFET : les liens dans le texte changeront de couleur lorsqu'un
visiteur passera le curseur de la souris dessus.
COULEUR LIEN VISITE : les liens du texte sur lesquels le visiteur a déjà cliqué seront
affichés de cette couleur à la place de la Couleur souris sans effet.
Présentations web
Cochez la case SITE DE PRESENTATION pour convertir un site existant en présentation.
Remarque : si vous avez créé votre document de présentation en sélectionnant
PRESENTATION 955 PIX du menu NOUVEAU , la case SITE DE PRESENTATION est
automatiquement cochée.
DECOUPER AUX BORDS DE LA PAGE (activé par défaut) : si des objets de votre site web
recouvrent les bords de la page, cochez cette case pour découper les objets
concernés de sorte que seule leur partie dans la page soit visible. Décochez cette case
si vous souhaitez que les objets dépassent les bords de la page de sorte que même
leur partie recouvrant le presse-papiers soit affichée.
Remarque : si vous avez appliqué des transitions à un calque ou à une étape de la
présentation qui apparaît à partir des côtés, du haut ou du bas de la page, le fait de
décocher cette case force la transition à apparaître des bords de la fenêtre du
navigateur plutôt que des bords de la page.
243
244
Onglet Page
Les options de cet onglet s'appliquent à la page actuelle, et non à (aux) l'objet(s)
sélectionné(s). La page actuelle est repérée par des lignes noires à l'extérieur de
chaque coin de la page. Tous les champs de cet onglet sont optionnels ; il n'est pas
absolument nécessaire de remplir ces champs pour toutes les pages de votre site.
Si vous souhaitez avoir le même titre, la même description et les mêmes mots-clés
sur toutes les pages de votre site, vous pouvez les saisir une seule fois dans l'onglet
Site Internet pour éviter de le faire pour chaque page.
NOM DE FICHIER DE LA PAGE : utilisez ce champ pour définir le nom que vous souhaitez
utiliser pour cette page lorsqu'elle sera exportée. Si vous souhaitez que la page soit
exportée sous le nom « home.htm », écrivez « home » dans ce champ.
Habituellement, la première page d'un site Internet s'appelle « index.htm » ou
« home.htm » parce que lorsqu'un internaute saisit une URL se limitant au nom du
domaine sans spécifier de nom de page (par exemple « www.xara.com »), le serveur
web associe automatiquement cette adresse à la page index.htm si elle existe.
Remarquez que les caractères saisis dans ce champ sont automatiquement convertis
www.magix.com
Boîte de dialogue des Propriétés web
en minuscules, que les accents sont supprimés et que certains caractères non
alphanumériques sont interdits. Le but est de réduire les risques d'incompatibilité
avec les serveurs web lorsque vous publiez votre site sur Internet.
TITRE DE LA PAGE : en option, vous pouvez donner un titre à votre page. Si vous
choisissez d'en donner un, il sera utilisé par les navigateurs Internet et affiché dans la
barre de titre de la fenêtre de navigation ou de l'onglet. Par exemple, au moment où
nous écrivons, la page d'accueil de www.xara.com porte le nom « Graphics Software
by Xara », titre que vous pouvez voir affiché par le navigateur Internet si vous vous
rendez sur le site.
Avancé : le titre est inséré dans l'en-tête de la page en utilisant l'élément HTML
<title>.
DESCRIPTION DE LA PAGE : ce texte de description de la page peut être affiché par les
moteurs de recherche parmi leurs résultats lorsque des visiteurs trouvent votre page
au cours d'une recherche Internet. La description de la page peut aussi être affichée
par des navigateurs et d'autres services Internet.
Avancé : la description est insérée dans l'en-tête de la page sous forme de
métadonnées
(<meta name="description" …..).
MOTS-CLES DE LA PAGE : ici, vous pouvez saisir des mots-clés utilisés par les moteurs
de recherche ; ils aideront les visiteurs à tomber sur votre site. Entrez des mots-clés
que les visiteurs sont susceptibles de taper pour leur recherche de pages ou sites
comme les vôtres.
Si vous maîtriser le HTML, les mots-clés sont ajoutés dans l'en-tête sous forme de
métadonnées :
Avancé : les mots-clés sont insérés dans l'en-tête de la page sous forme de
métadonnées
(<meta name="keywords" …..).
CODE HTML (BODY) : cliquez pour ouvrir la boîte de dialogue Code HTML (body) où
vous pourrez copier ou écrire de grandes quantités de code HTML inséré directement
dans le corps de votre page web. Le code est inséré sans être modifié juste avant la
balise de fermeture </body>.
Ces boîtes de dialogue doivent être utilisées avec précaution car le fait d'insérer un
code ou un script non valable dans votre page peut créer de graves problèmes sur
toute la page Internet.
245
246
Si vous avez besoin d'insérer exactement le mê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î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 à votre site Internet trè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électionnée, cochez la case photo popup
de cet onglet. Définissez la taille d'affichage souhaitée pour le popup en entrant une
valeur dans le champ de largeur du popup (par défaut 500 pixels). Ouvrez un aperç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 à l'aide de la
case à cocher, l'option correspondante dans l'onglet LIEN est également sélectionnée
automatiquement. Cela est dû au fait qu'un clic sur la photo affichera la photo popup,
il n'est donc pas possible de définir un autre lien pour le même objet. Tous les liens
préalables associés à cet objet dans l'onglet Lien seront supprimés.
www.magix.com
Boîte de dialogue des Propriétés web
L'un des grands avantages que présentent les photos popup par rapport aux calques
popup (comme décrit dans la section de l'onglet LIEN ci-dessus) est que la photo en
grande taille n'est téléchargée sur le navigateur web que lorsqu'un visiteur clique sur
la miniature. C'est pourquoi cette méthode est beaucoup plus adaptée pour présenter
un grand nombre de photos, car seules les miniatures son chargées dans un premier
temps, ce qui accélè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 être utilisée directement sur du
texte. Vous pouvez insé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îte de dialogue des OPTIONS DES
PHOTOS POPUP . Vous pourrez y sélectionner toute une série d'options qui permettent
de modifier la pré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électionnez cette
option, la page entière est grisée lorsqu'une photo popup est affichée. La photo est
ainsi mise en valeur, elle ressort par rapport à l'arrière-plan sombre de la page.
247
248
AFFICHER UNE OMBRE DERRIERE LE POPUP : cette option place une ombre derrière la
fenêtre de la photo popup, ici encore pour faire ressortir la photo sur l'arrière-plan de
la page.
AFFICHER LE TITRE DE L'IMAGE : si vous avez attribué un texte de titre (voir plus haut à
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érent des textes de commentaire, qui
apparaissent au-dessous de la photo. Voir plus bas pour en savoir plus sur la
dé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 à 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être popup et cliquer sur les miniatures de
chaque photo. Le visiteur peut se déplacer entre la photo précédente ou la suivante,
ou démarrer et arrêter un diaporama automatique dans lequel chaque photo est
affichée durant quelques secondes avant que la suivante ne s'affiche.
www.magix.com
Boîte de dialogue des Propriétés web
AFFICHER LA BANDE DE MINIATURES AU BAS DE LA PHOTO : cette option permet
d'afficher une bande contenant les miniatures des photos au dessous de la fenêtre de
photo popup. Le visiteur peut alors sélectionner n'importe laquelle des photos en
cliquant simplement sur la miniature de la bande, sans devoir encore une fois fermer
la fenêtre popup.
DEMARRAGE AUTOMATIQUE DU DIAPORAMA : activez cette option si vous souhaitez
démarrer un diaporama dès que l'utilisateur clique sur n'importe laquelle des photos
popup. Vous pouvez également déterminer le nombre de secondes durant lesquelles
une photo est affichée dans le diaporama.
Veuillez noter que les seules photos inclues dans la galerie des photos sont les photos
se trouvant sur la page actuelle et définies comme photos popup. Toutes les autres
photos de votre page n'apparaîtront pas dans la galerie, ainsi vous devez vous assurer
que l'option de photo popup de l'onglet Lien dans la boîte de dialogue des Options
Internet est bien activée pour toutes les photos que vous souhaitez inclure à la galerie.
Légendes d'image
En option, vous pouvez faire s'afficher une légende sous chacune des photos pop-up.
Saisissez le texte de légende dans ce champ de l'Onglet Image.
Remarquez que cette fonction s'applique à d'autres objets que les photos,
notamment aux formes et aux groupes, mais qu'elle ne peut pas être utilisée
directement sur du texte. Vous pouvez insérer du texte dans un groupe (Ctrl+G)
pour contourner cette restriction.
249
250
Si vous maîtrisez le HTML, ce texte est utilisé comme texte « ALT » de l'image
exportée pour l'objet actuellement sélectionné, 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électionner sur les pages doivent être convertis en images bitmap lors
du processus d'exportation de votre site Internet. Cela se déroule de façon
entièrement automatique lorsque vous faites un aperçu et une exportation, mais les
commandes de cet onglet vous permettent de contrôler la façon dont certaines de ces
images sont créées.
Souvenez vous que chaque groupe, forme, entête, logo, photo, etc., est exporté en
tant qu'image indépendante. Si vous regardez la façon dont les objets de votre design
sont groupés, vous pouvez contrôler le nombre d'images exportées pour construire
votre site Internet. Par exemple, si vous avez deux formes indépendantes dans votre
design qui ne sont pas regroupées, elles seront exportées comme deux images
indépendantes. Vous pouvez regrouper ces deux images (Ctrl+G), et comme cela,
elles seront considérées comme une seule image lors de l'exportation.
Cette section de l'onglet Image vous permet de spécifier la façon dont l'objet
sélectionné actuel doit être exporté en tant qu'image. Par défaut, c'est MAGIX Web
Designer MX qui décide pour vous. Cela signifie que les photos sont normalement
exportées au format JPEG (en général le meilleur format pour les photos) et les autres
objets au format PNG (en général le format le mieux adapté aux graphiques). Les
photos qui ont été tournées dans la page ou celles auxquelles une ombre semitransparente a été appliquée seront exportées au format PNG car le format JPEG ne
prend pas en charge la transparence.
Vous pouvez forcer le(s) objet(s) sélectionné(s) à être exportés au format JPEG ou
PNG si vous sélectionnez l'option appropriée. Lorsque l'option JPEG est sélectionnée,
vous pouvez également choisir que la qualité JPEG soit utilisée pour cette image. Une
qualité plus élevée implique un fichier JPEG plus lourd.
www.magix.com
Boîte de dialogue des Propriété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éplace le curseur de la souris sur les objets sélectionnés. Par
exemple, vous pouvez faire apparaître un texte sous forme de popup ou un calque de
contenu lorsqu'un visiteur passe le curseur de sa souris sur une photo de votre site
Internet.
AFFICHER LE TEXTE POPUP (TITRE) : vous pouvez définir ici le texte correspondant au
titre popup. Les navigateurs Internet l'afficheront sous forme d'un petit popup lorsque
le visiteur dé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étails), vous pouvez définir le texte popup comme « Cliquez pour
agrandir ». Cette infobulle sera affichée lorsque l'utilisateur déplacera le pointeur de la
souris sur la miniature.
AFFICHER LA CALQUE POP-UP : de la même façon que vous pouvez ajouter un calque
qui s'affiche uniquement lorsque le visiteur clique sur un objet (voir à ce propos la
section Onglet Lien), vous pouvez également commander qu'un calque soit affiché
lorsque le curseur de la souris passe sur un objet. Lorsque le curseur quitte l'objet, le
popup disparaît. Sélectionnez simplement cette option puis le calque que vous voulez
voir apparaître dans la liste fournie.
Par exemple, vous pouvez utiliser cette option pour afficher un exemplaire plus grand
d'une photo lorsque le visiteur passe le curseur de la souris dessus. Notez cependant
que tout le contenu du calque pop-up est chargé dès qu'un visiteur entre sur la page.
De ce fait, il n'est pas recommandé d'afficher de trop nombreuses photos sous forme
251
252
de pop-up. Pour ce faire, utilisez plutôt la fonction Photo pop-up (voir page 49)
décrite dans la section Onglet Lien.
Onglet objets fictifs
L'onglet des objets fictifs permet d'ajouter et d'éditer manuellement des gadgets web
modifiables. Il s'agit de gadgets que vous insérez dans votre page web en copiant
manuellement le code HTML du gadget web ou en important un fichier Flash ou une
vidéo. Généralement, vous n'aurez pas besoin d'utiliser l'onglet des objets fictifs pour
les gadgets web ajoutés à partir de la GALERIE DES MODELES car le code et les fichiers
correspondant à ces gadgets sont gérés automatiquement à 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électionnez-le et
ouvrez cet onglet de la boîte de dialogue des Propriétés web. Choisissez si le gadget
web est basé 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îte de dialogue des Propriétés web
Cela signifie que l'objet fictif ne fait que représenter les dimensions et la position du
contenu que vous avez ajouté ; en revanche, lorsque vous exportez votre site, l'objet
fictif est remplacé par le code ou le fichier que vous avez inséré.
Cependant, il existe une manière plus simple d'ajouter des fichiers ou des codes à
votre site Internet. Il vous suffit d'insérer dans votre page des animations Flash ou GIF
par glisser-déposer depuis l'explorateur de Windows. Une image d'objet fictif est
générée automatiquement et placée sur la page. Une copie du fichier est ajoutée au
répertoire de support de votre design pour être exporté et publié avec votre site.
Lorsque vous exportez et publiez votre site Internet, l'image de l'objet fictif est
remplacée par le fichier réel que vous avez importé.
De même, si vous avez copié 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ération,
assurez-vous que vous êtes dans l'OUTIL DE SELECTION et non pas dans l'OUTIL TEXTE
sans quoi le code sera inséré comme s'il s'agissait de texte !). MAGIX Web Designer
MX détecte le langage HTML et l'utilise pour générer une image d'objet fictif qui
s'affiche sur votre page. Vous pouvez aussi ajouter un objet fictif correspondant à du
code HTML directement dans le corps de la page en cliquant sur le bouton de code
HTML (body), ce qui ouvre une boîte de dialogue où vous pourrez copier et éditer une
grande partie du code si nécessaire.
Lorsque vous exportez ou publiez votre site, l'objet fictif est remplacé par le code ré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é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électionné est automatiquement copié vers le dossier de support pour le
design en cours, de façon à ce que, lors de l'exportation de votre site Internet, le
fichier soit inclus dans le dossier _htm_files avec les images généré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électionnez cette option si vous voulez insérer un graphique ou une image dans
votre site Internet à 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électionner le fichier.
Le fichier sélectionné est automatiquement copié vers le dossier de support pour le
design en cours, de façon à ce que, lors de l'exportation de votre site Internet, le
fichier soit inclus dans le dossier _htm_files avec les images généré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 <body> et </body>. Par exemple, de
nombreux sites proposent des gadgets web que vous pouvez ajouter à votre page en
collant le code HTML. Suivez les instructions données sur ces sites.
Comme évoqué plus haut, il suffit de coller le code HTML directement dans votre
page au lieu de l'insérer dans cette boîte de dialogue (lorsque vous êtes dans l'OUTIL
DE SELECTION ). Cette méthode crée automatiquement une image d'objet fictif qui
ressemble au gadget web réel ; par conséquent, c'est la méthode recommandée pour
insérer le code HTML d'un gadget web.
ATTENTION : vous devez faire attention à n'insérer que du code dont vous êtes sû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ère le code tel quel
dans votre page, sans le modifier ni le vé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 à la page Internet.
Si le code HTML que vous saisissez fait référence à des fichiers externes qui doivent
se trouver sur votre site, vous devrez copier ces fichiers externes dans le répertoire de
support de votre modèle. Pour en savoir plus sur les répertoires de support, consultez
le chapitre Utilisation des documents (voir page 84). Une fois qu'ils sont dans le
répertoire de support, les fichiers seront automatiquement copiés dans le répertoire
_htm_files de votre site web lors de l'exportation. De plus, vous devez aussi vérifier
que toutes les références faites à ces fichiers dans le code HTML conduisent au bon
endroit.
Prenons un exemple simple pour expliquer cela clairement. Supposons que je veuille
insérer une petite portion de code HTML servant à ajouter une image à mon site. Le
code HTML que j'ajoute devra référencer le fichier image quelque part. Je copie tout
d'abord le fichier image, appelons-le « myLogo.gif », dans le dossier de support de
mon document. Si le document est « mySite.web », le dossier de support sera
« mySite_web_files ». Je sais que lors de l'exportation de ce site Internet, je
l'exporterai sous le nom de « mysite.htm ». Cela signifie que toutes les images créées
pour mon site, et une copie de « myLogo.gif » que j'ai placée dans le dossier de
support, seront exportées vers le dossier « mysite_htm_files ». C'est pourquoi il faut
que le code HTML que j'insère fasse référence au fichier image à cet endroit. Par
conséquent, je peux insérer :
<img src="mysite_htm_files/myLogo.gif" />
Notez que ce code fait référence au dossier image à l'emplacement du dossier image
exporté (_htm_files),, et NON PAS directement à l'emplacement du dossier de
www.magix.com
Boîte de dialogue des Propriétés web
support (_web_files) car seul le dossier image exporté est copié sur le serveur web en
mê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û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éfère à un
fichier externe.
Consultez la section Intégration de YouTube, Flash et d'autres gadgets web (voir page
36) pour avoir d'autres exemples !
Ajouter du code à l'en-tête de la page (head)
Certains codes doivent être insérés dans la section de l'en-tête (head) du code HTML
exporté, et non pas dans la section du corps (body) comme ça l'est normalement par
défaut.
Pour ce faire, cliquez sur le bouton code HTML En-tête (head) dans l'onglet de
l'emplacement d'objet, du site Web ou de la page dans la boîte de dialogue des
Propriétés Web et entrez ou copiez votre code.
Objets fictifs
Les objets fictifs sont vraiment inclus dans votre site Internet et peuvent être montrés
au visteur dans certains cas. Par exemple, si vous avez ajouté une animation Flash, et
que le visiteur qui se rend sur votre page n'a pas Flash installé dans son navigateur ou
qu'il l'a désactivé, le navigateur affichera à la place les objets fictifs.
Par conséquent, il est recommandé 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été d'hébergement (hébergeur) pour héberger votre site.
Pour cela, nous vous recommandons MAGIX Monde en ligne. Dans la plupart des
cas, votre fournisseur d'accès à Internet vous propose aussi un « espace Web » avec
votre abonnement classique. La plupart des hébergeurs vous offrent également la
possibilité d'acquérir votre propre nom de domaine (par exemple : www.xara.com) et
de l'associer à votre site. La boîte de dialogue affichée ci-dessous contient la solution
d'hé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é sur votre espace web pour qu'il soit en ligne sur Internet, vous devez saisir les
détails d'accès(FTP) à votre espace web dans l'onglet Publier.
Avant de publier votre site, vous devez entrer les données de connexion FTP : votre
adresse d'hébergement, votre nom d'utilisateur, votre mot de passe, les chemins
d'accès aux dossiers y compris les sous-dossiers si nécessaires pour permettre à
votre hébergeur la publication du site directement depuis le programme.
La première section de cette boîte de dialogue vous permet de sélectionner un profil.
La liste des profils contient deux types de profils. Les profils que vous avez créés
vous-même et qui sont enregistré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é avec le programme.
www.magix.com
Boîte de dialogue des Propriétés web
PROFILS STANDARD : lorsque vous sélectionnez un profil standard, une bannière
s'affiche automatiquement sous la liste des profils. Cette bannière est téléchargée
depuis le site de l'hébergeur (elle n'apparaîtra que si vous êtes connecté à Internet).
Cliquez sur l'un des boutons de la bannière pour obtenir plus de détails sur les
solutions d'hébergement proposées par MAGIX Monde en ligne sur son site. Si vous
choisissez de vous inscrire auprès d'un hé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îte de dialogue.
DONNEES DE CONNEXION FTP : saisissez ici les données de connexion FTP dont vous
disposez pour votre espace Web. Vous devez au moins saisir l'adresse hôte (si vous
avez un nom de domaine, c'est souvent le mê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ébergement Magix web hosting dans la liste
de profil, l'adresse FTP est automatiquement indiquée. Pour les utilisateurs de MAGIX
Monde ne ligne, c'est le même identifiant que votre nom d'utilisateur du Monde en
ligne (nom d'utilisateur = votre adresse e-mail).
Il n'est pas nécessaire de préciser le mot de passe à ce niveau si vous ne le souhaitez
pas. S'il n'est pas précisé, il devra être saisi à chaque fois que vous publierez votre site
Internet. Pour les utilisateurs de MAGIX Monde en ligne, c'est le mê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ées dans ce dossier.
Que vous ayez ou non à choisir de publier votre site dans un sous-dossier, ceci
dépend de votre hébergeur. Pour certains hébergeurs, la publication dans un sousdossier n'est pas nécessaire, pour d'autres la publication dans un dossier « public » ou
un sous-dossier « www » par exemple est requise. Vous devez vérifier le chemin
d'accès complet au fichier FTP dont votre hébergeur a besoin avant de publier votre
site Internet. Ces informations sont très variables.
Par exemple si votre société d'hébergement Internet souhaite que vous publiiez ainsi
« http://votredomaine.com/public_html », vous devez entrer « public_html » dans le
champ sous dossier.
Remarque : si vous êtes un utilisateur MAGIX Online World, vous n'avez pas besoin
d'entrer un sous-dossier dans le champ prévu.
URL DU SITE WEB : saisissez ici l'URL complète de votre site publié si vous voulez que
votre site soit inclus dans la galerie utilisateur Xara puis cochez la case « Inclure mon
site Web à la galerie des utilisateurs ». 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ès
avoir publié votre site, Web Designer inclus ce dernier dans la galerie des utilisateurs
257
258
Xara. Visitez la galerie à 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éation de plan de site.
Enregistrer ces détails en même temps que le document actuel
Les détails FTP que vous avez entrés sont associés uniquement au document ouvert
actuellement. Si vous ouvrez d'autres documents, vous verrez que le champ des
détails FTP sera alors vide, à moins que vous n'ayez auparavant déjà précisé les
détails pour ce nouveau document. Par défaut, les détails FTP ne sont PAS
sauvegardés avec le document. Cela signifie que chaque fois que vous téléchargez le
document pour le publier, vous devez entrer à nouveau les détails FTP correspondants
ou sélectionner un profil à partir duquel les détails peuvent être copiés.
Veuillez cocher cette case si vous souhaitez sauvegarder les détails FTP avec le
document. Ainsi à chaque fois que vous téléchargez le document, les détails FTP
correspondants seront également téléchargés et vous pourrez publier
immédiatement.
Enregistrer mot de passe dans le document
Si vous décidez de sauvegarder les détails FTP dans votre document, cette option est
alors affichée près du champ du mot de passe. Elle permet de décider de sauvegarder
ou non le mot de passe FTP dans le document, en même temps que les détails FTP. Si
vous sélectionnez cette option, vous pouvez publier votre site Internet modifié sans
devoir entrer à nouveau le mot de passe.
Naturellement, toutes les personnes qui auront une copie de votre fichier de
conception auront également accès à votre mot de passe ! C'est pourquoi
généralement il n'est pas recommandé d'activer cette option, car le risque de sécurité
que représente l'accès à ces données par des personnes non autorisées qui pourraient
alors publier sur votre espace Internet et donc potentiellement écraser vos
documents ou supprimer votre site Internet est élevé.
Enregistrer dans le profil
Si vous souhaitez publier plus d'un document de site Internet sur le même espace
Internet, ou si vous ne souhaitez pas que les détails FTP soient enregistrés dans le
document de votre modèle de conception, vous allez sûrement les enregistrer dans un
profil sur votre ordinateur. Vous pourrez ensuite ajouter facilement des détails à
n'importe quel document dans le futur en sélectionnant simplement le profil dans la
liste des profils au lieu d'entrer à chaque fois manuellement les données.
Cliquez sur le bouton ENREGISTRER DANS LE PROFIL pour sauvegarder les détails FTP
affichés pour un profil donné. Une petite boîte de dialogue contenant une liste de
profils éditables s'ouvre alors. Vous pouvez au choix entrer le nombre d'un nouveau
profil ou sélectionner un profil existant dans la liste pour écraser ce profil. Lorsque
www.magix.com
Boîte de dialogue des Propriétés web
vous entrez un nouveau nom, sélectionnez un nom associé à l'espace web pour lequel
il est utilisé. Il n'est pas possible d'é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é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électionnez-le dans la liste des profils dans la partie
supérieure de la boîte de dialogue de publication et cliquez sur le bouton SUPPRIMER
situé à côté. Il n'est pas possible de supprimer les profils standard.
Télécharger un document contenant les détails FTP
Lorsque vous téléchargez un document contenant des détails FTP, ces derniers sont
affichés dans l'ONGLET PUBLICATION . Si ces détails correspondent aux profils
enregistrés sur votre ordinateur, le profil correspondant sera affiché comme
sélectionné dans la liste des profils. Dans le cas contraire, PERSONNALISER est affiché
dans la liste des profils, indiquant que les détails FTP du document ne correspondent
à aucun profil.
Si les détails FTP du document ne comportent aucun mot de passe, mais que tous les
autres détails correspondent à un profil, ce profil sera affiché comme sélectionné. En
outre si ce profil comporte un mot de passe, il sera copié dans les détails FTP du
document. Ainsi vous n'êtes pas obligé d'entrer à nouveau le mot de passe à chaque
fois que vous publiez le document. Ce procédé peut laisser penser que le mot de
passe a été enregistré dans le document. Mais cela n'est possible que si l'option
ENREGISTRER MOT DE PASSE DANS LE DOCUMENT a été sélectionnée.
Publication
Une fois que vous avez défini les détails de publication, vous pouvez sélectionner
l'option FICHIER > PUBLIER SITE INTERNET . Votre site Internet sera alors publié.
Remarque : de nombreux serveurs Web utilisent des noms de fichiers sensibles à la
casse. Donc, par exemple, l'adresse Web xara.com/products.htm est différente de
xara.com/Products.htm. Pour réduire les risques de confusion et d'erreurs, Web
Designer impose à toutes les pages une casse en minuscules et ne contenant que
des caractères autorisés. Cela signifie que les espaces ne sont pas autorisées dans
les noms de page. Nous vous conseillons d'utiliser un tiret bas ou un autre caractère
de séparation.
Important : Si vous n'avez pas défini de nom de page spécifique, le nom que vous avez
exporté en dernier sera utilisé pour toutes les pages de votre site Internet. Par
259
260
exemple, si vous ouvrez un site Internet modèle et que vous l'exportez en tant que
« test » 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émentaires seront
appelées test_2.htm, test_3.htm, etc.
Si vous n'avez pas déterminé de nom de dossier d'exportation, il vous en sera
demandé un lors de la première publication. On utilise généralement index.htm pour
la première page d'un site Internet.
Publier à nouveau les pages modifiées seulement
Par défaut, MAGIX Web Designer MX conserve une trace des fichiers composant
votre site publié et lorsque vous publiez à nouveau le site après modifications, le
programme tente de ne publier que les fichiers qui ont été modifié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é ou modifié
des fichiers dans votre espace Web si vous avez utilisé un autre outil. Par conséquent,
si vous rencontrez des problèmes, par exemple si le site publié ne correspond pas
exactement à la copie du site exportée localement, vous devez publier à nouveau le
site en entier. Pour cela, dé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és, afin que le site soit
actualisé.
Explorer l'espace web
Après avoir complété les champs de l'adresse hô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érés sur votre serveur ftp.
Vous pouvez voir des fichiers et ouvrir des répertoires pour voir le contenu des sousrépertoires. Vous pouvez aussi supprimer un ou plusieurs fichiers. Sélectionnez
plusieurs fichiers en cliquant et en maintenant Maj ou Ctrl enfoncé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ère de la colonne.
www.magix.com
Boîte de dialogue des Propriétés web
Naviguez dans une liste de fichiers que vous avez transférés sur votre serveur ftp
Revient à l'aperçu du fichier original qui s'ouvre quand vous lancez la boîte de
dialogue Explorer l'espace web
Vous conduit au niveau de répertoires supérieur
Supprime le ou les fichiers sélectionnés
261
262
Traitement des photos
Introduction
De nos jours, les photos font partie intégrante de la plupart des travaux cré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ètement
diffé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ée sur
l'objet et non destructive signifie par exemple que, lorsque vous redimensionnez une
photo, vous n'altérez pas la photo originale mais redimensionnez uniquement une
copie visuelle. L'image originale importée est enregistrée dans le fichier .web pour
vous permettre de l'éditer et de la redimensionner ultérieurement sans aucune perte
de qualité. Vous pouvez même de revenir au format initial d'une photo préalablement
coupée.
La manipulation de photo est incroyablement rapide. Vous pouvez ouvrir une photo
de 50 mégapixels puis réaliser l'une des opérations d'optimisation et faire tourner
l'image en pleine résolution en temps réel.
Ce chapitre expose les principes de base de la manipulation de photos et d'images
bitmap dans MAGIX Web Designer MX. Les opérations réalisées à l'aide de l'Outil
Photo sont décrites au chapitre Outil Photo.
*Tests basés sur des compositions de photos créées à l'aide de photos numériques JPG à haute
résolution
Objets photo
Dans Web Designer, les photos (ou bitmaps) sont tout simplement considérées
comme des objets de la page. Vous pouvez déplacer des photos sur la page par
glisser-déposer depuis l'explorateur, puis les redimensionner, les faire pivoter, les
copier et les positionner comme n'importe quel autre objet. Vous avez également la
possibilité de régler la transparence et même la transparence graduelle, mais aussi de
détourer et de couper des formes dans les photos très simplement. La fonction
transparence permet de réaliser des fondus, de fusionner et ou de créer des
compositions à partir de vos photos.
Alors que certaines manipulations dans d'autres programmes requiè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éplacer vers le premier plan ou l'arrière-plan à 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ériques au
format JPEG, PN, TIFF et RAW, etc. Le terme général « bitmap » désigne tous les
types d'images, il est interchangeable avec le mot « photo ».
La faç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être de Web
Designer. Vous pouvez aussi sélectionner les options du menu FICHIER > OUVRIR ou
IMPORTER .
Lorsque vous importez des photos haute résolution (au-dessus de 1920 pixels en
largeur ou en hauteur) dans un document Web, MAGIX Web Designer MX
redimensionne automatiquement la photo à la taille des écrans HD sans vous
demander si vous désirez une résolution plus basse. Pour un document Web, même
en taille réduite, la taille de vos photos devrait déjà avoir une résolution suffisante
donc inutile d'importer des images à résolution maximale de votre appareil photo
digital pour l'utilisation Web.
263
264
Si vous glissez-déposez sur une photo existante, elle sera remplacée. Déposez sur
l'arrière plan et importez en tant que nouvelle photo indé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époser, il va remplacer la photo existante mais la
taille du conteneur ou du cadre original sera conservé. Cela permet de remplacer très
facilement des photos dans des modèles de conception. À l'aide de l'OUTIL DE
REMPLISSAGE , ajustez la taille, la position et l'angle de la photo à l'intérieur de ses
contours. Ceci n'est pas valable pour les documents photos, où le fait de dé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ère, il ou elle est
redimensionné(e) pour pouvoir se loger au mieux dans le contour existant de l'image.
Si vous maintenez la touche Maj enfoncée lorsque vous remplacez une photo, la
nouvelle photo aura exactement les mêmes dimensions et le même degré de rotation
que l'ancienne photo. Cela est très utile lorsque vous avez auparavant ajusté
manuellement l'échelle ou la rotation d'un remplissage et que vous souhaitez
remplacer l'image par une autre qui possède les mêmes proportions.
S'il y a plusieurs exemplaires d'une même photo sur une page dans un groupe souple,
par exemple sous la forme d'une miniature accompagnée d'une version plus grande
de la photo sur un calque pop-up, tous les exemplaires de cette photo seront
remplacés par la nouvelle dans cette page.
Remplacer plusieurs photos en une fois
La plupart des modèles web fournis dans la GALERIE DES MODELES DE CONCEPTION
permettent de remplacer plusieurs images à la fois, en effectuant un glisser-déposer
de plusieurs fichiers images depuis l'explorateur de fichiers vers la toile. Vous pouvez
également utiliser la fonction FICHIER > IMPORTER et sélectionner plusieurs images
dans la boîte de dialogue Fichier (Ctrl + clic pour ajouter la sélection actuelle, Maj +
clic pour sélectionner une série de fichiers).
Les nouvelles photos sont utilisé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éduite dans le cas échéant.
Le remplacement est effectué 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émentaires de la
même manière. Le remplacement continue alors à partir de la prochaine photo encore
non remplacée. Par conséquent, vous pouvez remplir rapidement votre modèle avec
des photos.
Si vous importez plus de photos que n'en contient la page actuelle, les photos situées
sur les pages suivantes de votre modèle seront remplacées également par les
nouvelles photos. Si après cela, le nombre de nouvelles photos est toujours supérieur
www.magix.com
Traitement des photos
à la quantité de photos à remplacer, la page actuelle est dupliquée autant de fois que
nécessaire pour insérer toutes vos photos.
Vous pouvez donc créer très rapidement une galerie de photos en ligne pour toutes
vos photos ! Il suffit de sélectionner un modèle de galerie dans la GALERIE DES
MODELES DE CONCEPTION , puis d'importer votre lot de fichiers photo. La page est
copiée autant de fois que nécessaire pour insérer toutes vos photos. Assurez-vous de
sélectionner l'option taille réduite lors de l'importation d'un lot de grandes photos !
Utiliser des photos comme remplissage
Vous pouvez également utiliser n'importe quel bitmap comme style de remplissage
pour toute forme de dessin. Il vous suffit de déplacer le fichier sur une forme (qui peut
provenir de votre système de fichiers, ou de la galerie de bitmap ou de remplissages),
et maintenir la touche Maj appuyée avant de relâcher. La couleur de remplissage
existante sera alors remplacée par un bitmap, ajusté à l'objet. À l'aide de l'OUTIL DE
REMPLISSAGE , ajustez la taille, la position et l'angle de la photo dans ses contours si
nécessaire.
Taille originale de la photo
Lorsque vous importez une grande photo, elle est réduite en taille résolution HD
(1920x1080) si elle est plus large que cette taille (en document d'impression ou dans
une animation, vous en êtes avisé en premier). L'image est paramétrée pour avoir une
largeur de 500 pixels sur la page.
Pour réduire cette taille, il vous suffit de tirer sur une des poignées d'angle en utilisant
l'outil Sélection, ou de saisir une nouvelle largeur dans le champ de la barre d'infos de
l'outil Sélection prévu à cet effet.
Si vous remplacez une photo en utilisant la technique du glisser-déposer, la photo
sera redimensionnée de façon à venir se loger exactement dans le cadre, ce qui
signifie que sa taille et sa résolution dépendront de la taille du cadre.
Copies zéro mémoire
L'une des nouveautés révolutionnaires de Web Designer par rapport à d'autres outils
d'édition de photos réside dans le fait que, lorsque vous copiez une photo sur la page,
le programme n'exécute pas vraiment une nouvelle copie complète de la photo
originale importée mais affiche simplement une autre « vue » de cette image. Le
moteur d'affichage de Web Designer est assez rapide pour afficher un nombre
quelconque de copies de la même image « à la volée ». Cela permet d'économiser
énormément d'espace mémoire et donc de réduire fortement la taille des fichiers.
265
266
Cela n'affecte pas vos possibilités d'action sur chacune des copies qui peuvent être
traitées totalement indépendamment les unes des autres. Chaque copie ne doit pas
être identique. Vous pouvez manipuler chaque copie comme vous le souhaitez,
modifier sa taille, la faire pivoter, la détourer, appliquer des couleurs, estomper ou
appliquer toute une série d'effets photo et de transparence. Le tout sans aucune
augmentation de la taille du fichier ou de la mémoire utilisée.
Vous voyez ici plusieurs copies séparées de la même image sur lesquelles différentes
manipulations ont été effectuées. Chacune conserve la résolution du fichier JPG
original importé comme vous pouvez le voir sur l'image de droite. L'espace mémoire
utilisé (RAM et taille du fichier) n'est pas plus important que la taille du JPEG.
Comme il s'agit de la même image, mais affichée dans plusieurs tailles différentes, la
résolution, c'est-à-dire le nombre de dpi ou ppi, varie. Dans l'exemple ci-dessus, l'oeil
a une résolution de 115 dpi (car l'image a été agrandie), alors que l'image sur la
gauche a une résolution de plus de 1200 dpi.
La Galerie des bitmaps
Pour de plus amples informations à ce sujet, consultez le chapitre Manipulation de
document.
La GALERIE DES BITMAPS affiche tous les bitmaps ou photos utilisé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 > GALERIES ou en appuyant sur « F11 ».
Vous voyez ici la GALERIE DES BITMAPS pour le document ci-dessus ainsi que l'image
originale JPEG de la fille intégrée dans le fichier natif .web. Comme nous l'avons
indiqué plus haut, toutes les copies de cette image sont affichées directement depuis
une image maîtresse ; par conséquent, seule une image est affichée (et non les quatre
variantes qui apparaissent sur la page).
Vous trouverez les informations pratiques suivantes à 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égapixels (dans le cas présent,
un peu moins de 2 MP)
• La profondeur des couleurs, ici « 24 bit », parfois aussi appelée « true color ».
L'image Xara est une image en 4 bits.
• La résolution originale de l'image, ici 96 dpi (ppp)
La GALERIE DES BITMAPS contient toujours l'image Xara grise comme fichier par
défaut. Ce bitmap est utilisé par défaut pour les remplissages bitmap et dans les cas
où d'autres bitmap manquent. Il est également pratique à utiliser en tant qu'objet fictif
par exemple.
Comme avec toutes les galeries, vous pouvez tirer les objets depuis la galerie et les
déposer sur une page pour créer une nouvelle copie. Ou bien, vous pouvez
sélectionner une image de la galerie et cliquer sur l'un des boutons de la partie
267
268
supérieure. La section suivante présente en détails le fonctionnement des
commandes de la GALERIE DES BITMAPS dont la plupart sont réservées aux utilisateurs
plus avancés.
Remplissage de formes à l'aide d'un bitmap
Sélectionner la forme sur la page, puis sélectionner le bitmap dans la galerie et cliquer
sur le bouton de remplissage. Vous pouvez également tirer l'image depuis la GALERIE
DE BITMAP et la déposer dans n'importe quelle forme tout en maintenant la touche
Maj appuyée. À l'aide de L'OUTIL DE REMPLISSAGE, ajustez la taille, la position et l'angle
si nécessaire.
Paramétrer une transparence bitmap
Cette fonction s'adresse aux utilisateurs avancés. Vous pouvez utiliser n'importe quel
bitmap comme un masque de transparence sur n'importe quelle forme remplie ou
bitmap. La clarté du bitmap affecte la transparence de l'objet sélectionné. La
dimension de transparence du bitmap, la rotation et la segmentation peut être
contrôlée à 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és seront supprimés du fichier lors de la sauvegarde et à la
réouverture. Néanmoins, vous pouvez supprimer tout bitmap en le sélectionnant puis
en cliquant sur SUPPRIMER . Si le bitmap est utilisé dans le document, il sera remplacé
par le bitmap standard de Xara.
Configurer l'arrière plan d'une page comme bitmap
Sélectionnez le bitmap dans la galerie et cliquez sur ARRIERE-PLAN . L'image sera alors
segmentée. Lors de l'exportation de la page comme document HTML, l'image sera
segmentée sur toute la partie visible de l'arrière-plan du navigateur, sauf si vous avez
attribué un autre arrière-plan au pasteboard (la zone autour de la page).
Enregistrer
Sélectionnez le bitmap et cliquez sur SAUVEGARDER pour enregistrer l'image d'origine.
Dans le cas d'un JPEG intégré, le fichier JPEG d'origine sera sauvegardé. Nous
recommandons de sauvegarder les autres types de bitmap au format PNG.
Propriétés bitmap
Le bouton PROPRIETES affiche des informations sur le bitmap sélectionné dans la
galerie. Il sert aussi à arrêter le lissage d'une image lorsque des bitmap sont agrandis.
Les bitmap sont généralement lissés à l'écran quand on les agrandit ou qu'on zoom
dedans. Vous trouverez une option à cocher dans la boîte de dialogue des Propriétés
pour désactiver cette fonction, de façon à ce que les pixels soient visibles lorsque
vous ferez un zoom avant.
Vous trouverez également des informations à propos des propriétés d'Animation du
bitmap. Ceci n'est applicable qu'aux images GIF animées
www.magix.com
Traitement des photos
ANIMATION GIF :
• DELAI (temps pendant lequel ce cadre est affiché à l'écran)
• RETABLIR : les paramètres Rétablir des GIF animés définissent ce qui se passent
entre chaque frame dans un GIF animé. Quand il ne se passe rien, cela signifie
qu'aucune action n'a été entreprise. De nombreux navigateurs considèrent cela
comme ayant la même signification que l'option « Laisser tel quel ». « Laisser tel
quel » 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ère-plan redonne à la surface occupée par le graphique la couleur du GIF
(généralement blanc). Rétablir Précédent permet de redonner à la surface
occupée par le frame l'aspect qu'elle avait avant l'affichage du frame. Ceci est
interprété par certains navigateurs comme le fait que le frame doit être effacé de
l'arrrière-plan avant que chaque frame ne soit affiché ; d'autres navigateurs le
comprennent comme le fait que le frame doitêtre montré au-dessus du frame
précédent. Comme les navigateurs interprètent ces valeurs différemment, nous
vous conseillons de procéder à des tests pour obtenir le résultat que vous
souhaitez.
Fichiers JPEG incrusté
Les fichiers JPEG sont hautement compressés pour produire un fichier jusqu'à 10 fois
plus petit que l'image originale. Dans l'exemple ci-dessus, l'image d'origine non
compressée requiert plus de 7 Mo de mémoire, mais comme on peut le voir dans la
GALERIE DE BITMAP , le fichier JPEG requiert seulement 1 Mo. Une réduction
conséquente. C'est la raison pour laquelle le format JPEG est utilisé comme format
standard pour la photographie numérique et le Web.
Lorsque vous déplacez un fichier JPEG par glisser-déposer (ou que vous utilisez les
options de menu « Ouvrir » ou « Importation »), le JPEG original est rangé dans le
document, et c'est dans cet état que le fichier .xar est sauvegardé.
Il est important de comprendre de quelle manière cet outil diffère des autres outils
graphiques, qu'il s'agisse de logiciels de dessin vectoriel et de programmes d'édition
photo. Certains programmes décompressent l'image et enregistrent cette image
« brute » dans la mémoire ainsi que le fichier original lorsque vous effectuez une
sauvegarde sur disque. Ce qui signifie que chaque copie réalisée est typiquement une
copie complète de l'image originale brute comme mentionné plus haut. Ré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ée, peu
importe le nombre de copies.
Ainsi si vous incrustez le fichier JPEG original au lieu de sauvegarder l'image
décompressée, vous réalisez un énorme gain d'espace mémoire en comparaison à
d'autres éditeurs graphiques. Le fait qu'il existe quatre copies complètes de l'image
signifie que dans ce cas particulier, on fait appel près de 30 fois moins à la mémoire.
269
270
Cela représente donc une énorme économie sur la taille des fichiers (et un gain de
temps) par rapport à 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électionnez l'option de menu ENREGISTRER pour enregistrer le JPEG d'origine dans
votre système de fichiers.
Qualité d'affichage des photos
MAGIX Web Designer MX peut afficher des photos en cinq niveaux différents de
qualité. Les deux premiers réglages lissent les pixels de l'écran pour éviter l'affichage
de pixels ou des angles un peu trop durs (anti-alias). Vous pouvez modifier le niveau
de qualité à l'aide de l'entrée QUALITE dans le menu FENETRE.
TRES HAUTE
QUALITE (PAR
DEFAUT)
HAUTE QUALITÉ
COULEUR
INTENSE
CONTOURS AVEC
ETAPES DE
FONDU
CONTOUR
Les images sont affichées à l'aide d'un échantillonnage bicubique.
Les images sont affichées dans la meilleure qualité possible,
particulièrement les images haute résolution qui sont réduites.
La fonction anti-alias est appliquée, mais les images sont affichées
plus rapidement dans une qualité plus faible.
La fonction anti-alias n'est pas appliquée mais les pixels
individuels sont affichés. Cela peut être très utile lorsque vous
zoomez et qu'il est nécessaire de visionner tous les pixels de
l'image. L'inconvénient est que les images paraissent souvent de
moindre qualité lorsque vous les réduisez ou agrandissez,
affichant tous les pixels et des effets d'escalier dans les angles,
spécialement si vous tournez l'image.
Ceci est particulièrement utile pour visionner les contours des
différentes étapes d'un fondu. MAGIX Web Designer MX ne
prend pas en charge les fondus mais certains fichiers .xar importés
peuvent comporter des fondus.
Seuls les contours de l'objet sont affichés. Cela est utile lors de la
recherche et la sélection d'objets peu visibles en raison de la
présence d'autres objets au premier plan ou en arrière-plan.
Une commande supplémentaire vous permet de stopper tout lissage ou la fonction
anti-alias pour toutes les images agrandies ou affichées avec zoom. Autrement dit,
lorsque vous zoomez, vous voyez bien tous les pixels et non une image lissée. Ouvrez
la GALERIE DE BITMAP et effectuez un clic droit sur l'image puis sélectionnez
« Propriétés ». Dans la boîte de dialogue, décochez l'option « Égaliser lors de
l'agrandissement ». Ensuite, peu importe la qualité d'affichage sélectionnée, l'image
(et toutes ses copies) sera toujours affichée non lissée lorsqu'elle est agrandit ou vue
avec zoom.
www.magix.com
Traitement des photos
Remarque : si vous utilisez l'outil photo Netteté / Flou, vous devez affichez les
images en qualité maximum. Si donc vous avez l'impression que la qualité
d'affichage ne fonctionne plus, c'est certainement car la photo a été éditée avec la
fonction Netteté / Flou dans l'outil photo auparavant.
Enregistrer et exporter des photos
Lorsque vous sélectionnez l'option ENREGISTRER , c'est toujours un fichier propriétaire
.web qui sera sauvegardé. Pour enregistrer une photo au format JPEG, PNG ou tout
autre format d'image, vous devez utiliser l'option EXPORTER , ou le raccourci « Ctrl +
Maj + E ».
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ônes en haut de la barre, qui sont des raccourcis
et servent à enregistrer votre sélection aux formats JPEG ou PNG. Elles
se trouvent dans la barre escamotable affichée lorsque vous survolez
l'icône d'exportation HTML avec la souris.
Nous vous recommandons d'enregistrer les photos au format JPEG (parfois appelé
JPG) car ce format offre la plus grande compatibilité et le meilleur compromis
taille/qualité.
Lorsque vous exportez un JPEG ou un PNG, vous trouver une option PARAMETRES
dans la boîte de dialogue d'enregistrement. Vous y trouverez de nombreuses options
avancées d'exportation, ainsi que des paramètres vous permettant de faire des
comparaisons côte à côte ou même des types de fichiers alternatifs tels que PNG.
Lorsque vous exportez un JPEG, une boîte de dialogue d'aperçu s'ouvre ; vous pouvez
y ajuster de nombreuses options d'exportation, vous permettant de faire des
comparaisons côte à côte ou même des types de fichiers alternatifs tels que PNG.
La boîte de dialogue de prévisualisation d'exportation permet d'ajuster la taille, la
résolution, la qualité JPEG et même le type de fichier d'exportation que vous
souhaitez. Les valeurs par défaut sont adaptées à toutes les situations et vous pouvez
donc également juste cliquer sur le bouton d'exportation pour enregistrer votre photo.
La valeur définie par défaut est normalement appropriée à 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électionnez tout d'abord le ou les objet(s) à exporter
• La taille de l'image par défaut pour l'exportation est la taille que vous verrez à
l'écran en zoom 100%.
271
272
La boîte de dialogue d'aperçu de l'exportation (voir page 343) est décrite plus en
détails ici.
Conseil : vous pouvez contrôler la qualité JPEG dans la boîte de dialogue des
paramètres d'exportation dans l'onglet Options. La valeur par défaut et celle qui est
recommandée est de 75%
Le système JPEG est conçu de telle
sorte qu'un paramètre de 75 est la
valeur optimale. Nous vous
recommandons de ne pas enregistrer
un JPEG à 100% de sa qualité, puisque
le résultat est visuellement identique à
une qualité de 75%, et que la taille du
fichier et la mémoire utilisée sont
énormément augmentées.
Lorsque vous enregistrez pour une utilisation Internet, vous pouvez encore réduire la
qualité sous 75% pour accélérer la vitesse de visualisation de la page. La fenêtre
d'aperçu montre la qualité des valeurs que vous sélectionnez.
Conseil : si vous pensez faire d'autres opérations d'édition sur votre image exportée
(par exemple pour recréer l'image avec une autre taille), nous vous recommandons
de sauvegarder le fichier aussi en .web. Cela vous permet de préserver l'image
maîtresse sans pertes en même temps que toutes les éditions et modifications.
Exemple : redimensionner et enregistrer une photo en tant que nouveau JPEG
Cette procédure est très rapide et très simple :
• Déposez votre photo dans Xara Xtreme (soit sur une page blanche, soit sur une
barre de titre pour créer un nouveau document)
• Dans l'outil de sélection, tirez soit sur une poignée d'angle pour redimensionner
l'image, ou bien saisissez la largeur ou la hauteur de votre choix dans les champs
« W » ou « H » de la barre d'infos. Vérifiez que la taille de l'image est correcte à
100%
• Cliquez sur le bouton « Exporter la sélection au format JPEG », situé sur la barre
supérieure.
• Saisissez un nom de fichier, cliquez sur le bouton PARAMETRES si vous souhaitez
contrôler la compression, ou cliquez simplement sur ENREGISTRER
www.magix.com
Traitement des photos
Pour enregistrer une image au format PNG, répétez la même opération, mais
sélectionnez le type de fichier PNG.
Attributs de l'édition photo
Toutes les opérations d'édition faites avec l'OUTIL PHOTO (voir page 286), telles que
des modifications des valeurs de luminosité, de contraste, de couleur, de flou ou de
netteté, sont toutes enregistré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é édition non
destructrice). Une autre manière de voir cela est que MAGIX Web Designer MX
enregistre une liste d'éditions appliquées à votre photo, et vous pouvez modifier,
supprimer ou ajouter de nouvelles éditions. Vous pouvez toujours retrouver la photo
originale intacte.
Les attributs peuvent être copiés et collés entre les objets. Cela ne s'applique pas
qu'aux attributs traditionnels tels que la couleur et l'é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 également à 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 être
copié à partir d'une photo vers une autre en utilisant la mê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ême faç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ôtés. Cet exemple possède
aussi un contour noir et une ombre douce. Pour
rétablir l'image à sa forme rectangulaire originale,
sélectionnez « De-clip » dans le mode clip de la
barre d'infos de L'OUTIL PHOTO.
Lorsque vous éditez des photos de cette façon,
celles-ci seront traitées comme une forme
vectorielle normale contenant un remplissage
bitmap. C'est pour cette raison que vous pouvez
utiliser les fonctions normales d'édition de forme
et de ligne, ainsi que l'OUTIL DE REMPLISSAGE pour
régler la taille, l'angle et la position du
« remplissage » photo à l'intérieur de la forme.
Recouper des photos
Le procédé le plus simple pour recouper des
photos est de faire glisser celle-ci dans l'OUTIL
OPTIMISATION , ou de vous servir des 8 poignées
de contrôle situées autour de l'objet pour régler
les coins des photos sélectionnées.
Pour obtenir plus de commandes avancées de recoupe, sélectionnez le
BOUTON CLIP de la barre escamotable de l'Outil photo ; cela vous permettra de
commander les proportions et le clipping numérique.
Vous trouverez également un bouton De-clip qui supprimera les rectangles de clips et
rétablira l'image originale.
La fonction de redécoupe est un clip dynamique, c'est-à-dire qu'il s'agit d'une
redécoupe non destructrice, et vous pouvez toujours ajuster les limites de la recoupe
ultérieurement pour remettre à jour des parties cachées de la photo. Si vous voulez
vraiment faire une découpe réelle (c'est-à-dire faire une recoupe destructrice, qui
supprimera définitivement les parties invisibles de la photo, alors veuillez utiliser la
fonction Optimisation photo.
www.magix.com
Traitement des photos
Colorer des photos
Après avoir sélectionné une photo, cliquez sur la ligne de couleur que vous souhaitez
appliquer à votre photo. Si vous cliquez sur la zone de couleur blanche et que vous
sélectionnez DEFINIR COULEUR CONTONE CLAIRE, toutes les photos deviendront noires
et blanches. Cela porte le nom de « contone » car il s'agit d'un ton continu allant du
noir au blanc.
Pour cré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électionnée soit comme une couleur
claire, soit comme une couleur foncée.
Lorsque vous cliquez sur la LIGNE DE
COULEURS , vous pouvez sélectionner
n'importe quelle couleur, et choisir entre
une couleur soit claire, soit foncée. Vous
pouvez aussi utiliser l'Editeur de couleurs
(Ctrl+E) et choisir une couleur. Le menu
déroulant situé dans la partie supérieure
de l'Editeur de couleurs vous permet de
commander l'édition soit de la couleur
claire, soit de la couleur foncée.
Vous pouvez rétablir la couleur d'origine d'une photo en cliquant sur la zone hachurée
« pas de couleur », située à gauche de la ligne de couleurs, ou bien en faisant un clic
droit dessus et en sélectionnant l'option « Rétablir couleur ».
Utilisation de Windows pour faire des captures
d'écran
• Cliquez sur le bouton « Impr écran » de votre clavier. Une capture d'écran de
l'affichage actuel de l'écran est alors enregistrée dans le presse-papier. Vous
pouvez également sélectionner Alt+Impr écran pour réaliser une capture d'écran
de la fenêtre en cours uniquement.
• Dans MAGIX Web Designer MX, sélectionnez « Ctrl+V » pour coller puis
sélectionnez « Bitmap » pour coller les résultats sur la page.
Vous pouvez maintenant détourer, ajouter des commentaires, modifier la taille
comme vous le souhaitez et sauvegarder les résultats. Il est conseillé 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érées comme des rectangles « avec un remplissage bitmap ».
La forme de votre photo est un contour qu'il est possible d'éditer à part entière.
Lorsque vous faites une découpe ou que vous éditez la forme du contour, vous ne
touchez pas au remplissage, qui est clippé à l'intérieur de la forme.
Les photos et les bitmap de la page sont toujours contenus dans une forme de
contour extérieure. Vous pouvez non seulement modifier la forme du contour, mais
aussi régler la taille, l'angle et la position de la photo dans son cadre en utilisant
l'OUTIL DE REMPLISSAGE . Sélectionnez la photo, allez dans l'OUTIL DE REMPLISSAGE et
vous verrez des flè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 à
sélectionner).
Par exemple, pour agrandir et faire tourner une photo vers la gauche dans son cadre,
sélectionnez l'Outil de remplissage et faites glisser la pointe d'une des flèches.
• Pour redimensionner, tirez sur la pointe d'une des flèches en partant du centre.
Vous pouvez maintenir la touche Ctrl enfoncée pour contraindre l'angle.
• Pour faire tourner l'image, tirez sur la pointe d'une des flèches autour du centre.
• Pour repositionner l'image, tirez n'importe où sur celle-ci.
www.magix.com
Traitement des photos
Sur la barre d'info de l'Outil de remplissage, vous
pouvez sélectionner l'option « répétition de carreaux »
qui fait de l'image un remplissage bitmap en forme de
carreaux. En tirant sur les poignées du remplissage,
vous pouvez à présent redimensionner et faire tourner
la dimension des carreaux de l'image. Vous pourrez
constater à quel point MAGIX Web Designer MX est
rapide en exécutant cette opé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é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éder à un ajustement avec l'outil de remplissage, allez
dans Services->Optimisation photo. Mais notez que cette opération est destructrice
dans la mesure où par la suite, vous ne pourrez plus modifier aucunes des étapes
d'édition que vous aurez appliquées à votre photo.
Redresser l'horizon
Utiliser l'outil de remplissage comme décrit précédemment, signifie qu'il est très
simple de redresser l'horizon d'une photo.
• Sélectionnez l'Outil de remplissage puis cliquez sur la photo. Les poignées de
remplissage seront alors affichées sous la forme de flèches indiquant l'étendue du
remplissage dans la forme.
• Tirez sur l'une des flèches de remplissage pour modifier la taille et faire tourner
comme vous le désirez.
277
278
Vous voyez ici un paysage (créé avec la fonctionnalité d'assemblage panoramique)
dont l'horizon est incliné.
Tirez sur l'une des flèches de remplissage pour modifier la taille et faire tourner
comme vous le désirez. Vous pouvez repositionner la photo en tirant sur les poignées
centrales des flèches de remplissage ou en maintenant la touche Maj enfoncée tout
en déplaçant l'image à la position désirée.
Afficher une photo réduite en taille entière
Le bouton ZOOM 1:1 situé sur la barre d'infos de l'outil photo ajuste le zoom de sorte
que l'image sélectionnée soit affichée en taille entière, c'est-à-dire que chaque pixel
de l'image correspond à chaque pixel de l'écran. Cela est utile si vous souhaitez éditer
une image qui a été réduite sur la page mais que vous souhaitez la visionner dans sa
taille entière durant l'édition.
Photo en taille entière
Le bouton AGRANDIR LA PHOTO A 100 % situé sur la barre d'infos de l'outil photo
agrandit la photo sélectionnée pour l'afficher en taille entière sur la page. Par exemple,
si la photo sélectionnée est réduite à une largeur de 500 pixels mais que la photo
d'origine a été importée avec une largeur de 1 000 pixels, la photo sera agrandie sur la
www.magix.com
Traitement des photos
page jusqu'à une largeur de 1 000 pixels. Lorsque la valeur du zoom dans le document
correspond à 100 %, chaque pixel de l'image correspond à chaque pixel de l'écran.
Optimisation de photos et d'images en mode
point
Avec la résolution et les tailles toujours croissantes des fichiers JPEG d'appareils
photo numériques, si votre document contient de nombreuses images, la taille du
fichier peut rapidement devenir très grande. Par exemple, un document multipage
contenant 20 JPEG non compressées de 5 Mo chacune signifie un fichier .xar de plus
de 100 Mo*.
Par ailleurs, ces photos ont souvent une résolution inutilement haute. Le fait de
réduire une photo d'un appareil photo numérique de 8 mp à 5 cm de large sur la page
donne une résolution d'image d'environ 1 500 dpi. Alors qu'une image en haute
résolution permet une plus grande souplesse pour l'impression (et vous pouvez
zoomer ou agrandir de petites portions de la photo), cette résolution est bien plus
haute que nécessaire, même pour les impressions commerciales de la plus haute
qualité, et d'autant plus pour les graphiques Web ou la production HTML.
Si vous coupez l'image de façon à 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ées à l'extérieur de la zone visible. Pour l'édition, cette « découpe
en direct » est une fonctionnalité formidable car vous pouvez annuler la découpe,
modifier la taille, la position et l'échelle et tout reste aussi net que possible. Mais pour
les documents terminés, il se peut que vous souhaitiez supprimer les parties
invisibles.
279
280
L'image du papillon découpé est toujours rattachée au reste de la photo. À l'aide de
l'OUTIL REMPLISSAGE, vous pourrez vous en rendre compte en modifiant la taille du
remplissage à l'intérieur des contours. Ainsi, les parties de l'image à l'extérieur du
papillon seront sûrement superficielles dans votre document final.
Faites un clic droit sur une photo et sélectionnez OPTIMISER LA PHOTO ou utilisez
SERVICES > OPTIMISER LA PHOTO... Cette boîte de dialogue rassemble trois fonctions
importantes :
• la suppression de parties invisible de photos
• la réduction de la résolution de photos
• la conversion de PNG ou d'images en mode point en JPEG intégré pour optimiser
la taille du fichier
Sélectionnez cette option de menu pour toute image en mode point afin d'ouvrir la
boîte de dialogue OPTIMISER LA PHOTO .
Par défaut pour les images JPEG, les paramètres sont tels que la photo est optimisée
en JPEG à 96 dpi (résolution d'écran normale) à la taille d'affichage sur l'écran. Cela
correspond au réglage recommandé pour un site Internet.
Lorsque vous optimisez des images autres que JPEG, Web Designer décide
automatiquement s'il est préférable de convertir en PNG ou JPEG, selon la nature de
l'image elle-même.
www.magix.com
Traitement des photos
Vous pouvez cliquer sur le bouton PARAMETRES de cette boîte de dialogue si vous
souhaitez changer tout paramètre tel que le format d'image utilisé pour l'optimisation,
la qualité JPEG, etc.
Vous pouvez modifier la résolution utilisée dans cette boîte de dialogue en optant
pour la taille physique de votre choix pour l'image optimisée (largeur/hauteur en
pixels) ou en saisissant un nombre dpi différent (par exemple, 150 dpi pour une bonne
qualité d'impression).
Si vous optez pour l'option dpi, la valeur saisie sera enregistrée comme valeur par
défaut pour la session en cours. Vous pouvez aussi conserver la résolution actuelle de
la photo en sélectionnant ACTUEL dans la liste PPI.
Vous pouvez également décider d'optimiser vos photos au format PNG (la taille des
images est supérieure mais la qualité des graphiques et des textes est meilleure) ou
modifier la qualité de l'optimisation JPEG (plus la qualité est élevée plus le fichier
JPEG sera grand).
Si votre photo a été découpée, seule la partie visible de l'image est préservée dans la
version optimisée.
Pour l'impression, une résolution photo de 150 dpi donne de très bons résultats ; avec
300 dpi, vous obtiendrez les meilleures impressions commerciales possibles (la
plupart des gens sont incapables de voir la différence entre 150 dpi et 300 dpi, mais
300 dpi nécessitent quatre fois plus de mémoire ou d'espace fichier).
Remarque : la qualité optimale du format JPEG correspond à 85 %. Il n'est PAS
recommandé de sauvegarder des fichiers JPEG avec une qualité de 100 % car il est
281
282
quasiment impossible de les distinguer d'un JPEG à 85 % tandis qu'ils utilisent un
espace mémoire considérablement plus élevé.
Attention : OPTIMISER LA PHOTO est une opération « destructive ». Lorsque vous
enregistrez le fichier, les parties supprimées de l'image sont perdues et la résolution
est modifiée de façon définitive (bien entendu, vous pouvez annuler les
changements tant que le fichier est ouvert en mode d'édition).
Vous pouvez optimiser plusieurs photos en une seule fois si vous souhaitez qu'elles
possèdent toutes la même résolution en DPI. Sélectionnez les photos à optimiser puis
sélectionnez la commande OPTIMISER comme décrit plus haut. Si vos photos ont des
dimensions différentes, l'option d'optimisation de la taille en pixels n'est pas
disponible et vous ne pourrez choisir que la résolution en dpi.
Vous pouvez également utiliser la fonction « SERVICES > OPTIMISATION DE TOUTES LES
IMAGES » pour optimiser toutes les images en mode point de votre document en une
seule fois.
Le processus d'optimisation convertira les grandes images autres que JPEG en images
JPEG plus petites s'il décide que l'image peut être stockée et exportée au format JPEG
sans pertes inacceptables de qualité.
Remarquez qu'après l'optimisation, les photos originales non optimisées et à présent
sans référence sont conservées dans la GALERIE DES BITMAPS. Cela signifie qu'elles
sont conservées dans la mémoire et ainsi l'espace mémoire requis pour votre modèle
ne sera pas réduit. Il suffit d'enregistrer votre modèle de conception et de le charger
de nouveau après l'optimisation pour éliminer les images d'origine.
Conversion d'objets ou dessins en bitmaps
Il est très facile de créer un bitmap à 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ésolution et peuvent comporter des transparences. Vous avez également la
possibilité de créer des bitmaps avec un nombre de couleurs réduit, ce qui est
particulièrement adapté pour une utilisation sur le Web.
Pour créer un bitmap à partir d'objets :
1.
2.
3.
Sélectionnez un ou des objets sur la page.
Effectuez un clic droit et sélectionnez CREER UNE COPIE BITMAP ou choisissez
CREER UNE COPIE BITMAP depuis le menu ARRANGER (Ctrl + Maj + C).
Dans la boîte de dialogue, sélectionnez la profondeur de couleur, la taille et les
autres options.
Pour obtenir une qualité maximum, sélectionnez la profondeur de la couleur vraie, ou
si vous souhaitez inclure des transparences, sélectionnez « couleur vraie + alpha »
(transparence alpha est le terme technique). Vous pouvez créer des bitmaps avec
www.magix.com
Traitement des photos
moins de couleurs en sélectionnant une profondeur de 256 couleurs ou moins. Vous
obtenez ainsi aussi le contrôle sur le mélange de couleurs et les options de la palette.
Ces options sont décrites dans la section Exportation de bitmaps (voir page 343).
Veuillez noter que des images au format PNG sont alors créées (il s'agit de la plus
haute qualité d'image). Néanmoins, pour obtenir des photos en couleurs, un grand
espace mémoire est requis. Utilisez l'option d'optimisation des photos pour
convertir les images au format PNG en images intégrées JPEG afin de réduire la taille
des fichiers.
Documents photo
Il est parfois utile de travailler sur une photo seule que sur des « Objets dans une
page ». On appelle cela un document photo ou le « mode photo » dans Web
Designer, qui se comporte dans ce cas plutôt comme un outil d'édition photo
ordinaire. Vous pouvez créer un document photo de plusieurs faç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 -> Ouvrir puis sélectionnez un fichier photo
• Créez un document photo vide en allant dans FICHIER -> NOUVEAU -> PHOTO VIDE
On reconnaît les documents photo aux caracté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éfinies
automatiquement pour correspondre à la photo et aux autres objets que vous
avez ajoutés.
• Les documents photo ont une grille d'un pixel par défaut et vous pouvez faire
s'afficher cette grille très rapidement. Cela facilite les opérations de dé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éfini de sorte que la photo remplisse l'aperçu et l'Outil photo est
sélectionné 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ère se produira, de façon à ce que vous
puissiez voir toute l'image.
• Les images ne sont pas redimensionnées pour faire 500 pixels (comme
normalement pour l'importation de documents), mais sont importées à la même
taille de sorte qu'avec un zoom de 100%, vous puissiez voir l'image en taille
entière.
• Les options de lissage des pixels sont modifiées. Le mode d'affichage « Très
haute qualité » est sélectionné par défaut, ce qui est le mieux pour des images
283
284
réduites ou sur lesquelles un zoom arrière a été effectué. Le lissage des pixels est
désactivé lorsqu'un zoom avant est fait de sorte que vous pouvez voir que les
pixels sont de très grands éléments de zoom.
A tous les autres niveaux, les documents photo se comportent de la même faç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éer un document
photo d'une taille précise, vous pouvez changer la « toile » ou la taille de la page en
sélectionnant SERVICES -> OPTIONS et l'onglet PAGE, puis entrer les dimensions de
votre choix.
Dans documents photo, deux options peuvent à présent être sélectionnées. Les
boutons PRECEDENT et SUIVANT vous permettent de vous déplacer vers les pages
précédentes ou suivantes du dossier à partir duquel l'image a été ouverte. L'image en
cours sera fermée et on vous demandera donc de sauvegarder le fichier.
Édition de fichiers photo
MAGIX Web Designer MX permet d'éditer facilement des photos au format JPEG et
sauvegarder la version modifiée au format JPEG. Et contrairement à de nombreux
programmes d'édition photo, il est possible de réaliser cette opération plusieurs fois
sans perte de qualité, même si le format JPEG est un format avec perte de qualité
(voir la section Sans perte et avec perte plus haut dans ce chapitre). Cela est dû au
fait que MAGIX Web Designer MX peut sauvegarder les éditions que vous avez
effectuées sans perte, parallèlement à la photo originale. Voici l'explication.
Pour commencer, ouvrez le document JPEG à l'aide de l'option FICHIER > OUVRIR ,
effectuez un glisser-déposer ou dans l'explorateur de fichiers Windows, effectuez un
double-clic sur le fichier et sélectionnez MAGIX Web Designer MX dans la liste
« Ouvrir avec ». La photo s'ouvre alors dans un document photo.
Éditez la photo à l'aide des outils photo, comme décrit plus haut.
Si vous sélectionnez l'option FICHIER > ENREGISTRER (Ctrl+S), le fichier JPEG que vous
avez téléchargé sera écrasé par l'image modifiée. Cependant, MAGIX Web Designer
MX enregistre également votre photo dans son format .xar natif. Le fichier est placé
dans un dossier maître aux côtés de votre fichier JPEG. Il porte exactement le mê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étails de l'édition que
vous avez effectué.
À l'avenir, si vous chargez le fichier JPEG modifié afin de l'éditer, MAGIX Web
Designer MX cherchera dans le dossier Maître si un fichier .xar est disponible pour
cette photo. Si c'est le cas, le fichier .xar est chargé au lieu du fichier JPEG et vous
www.magix.com
Traitement des photos
pouvez continuer l'édition la où vous avez arrêté. Lors de la prochaine sauvegarde, le
fichier JPEG est écrasé à nouveau et un fichier .xar mis à jour est également enregistré
dans le dossier maître.
Naturellement si vous ne souhaitez pas écraser le fichier JPEG original après l'avoir
modifié, vous pouvez utiliser l'option FICHIER > ENREGISTRER SOUS pour sauvegarder la
photo modifiée à un autre emplacement ou utiliser les nombreuses fonctionnalités
d'exportation pour exporter votre photo en différents formats.
Vous pouvez accéder à 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électionnant
l'option ENREGISTRER .
Dans l'onglet d'édition de photo de la boîte de dialogue SERVICES > OPTIONS , vous
avez la possibilité de modifier le mode de sauvegarde décrit plus haut. Vous pouvez
décider de ne pas sauvegarder automatiquement un fichier .xar dans le sous-dossier
maître ou décider de sauvegarder le fichier de la photo originale à la place.
Veuillez noter que si vous dé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écouper les photos très rapidement, d'en ajuster les niveaux
de luminosité et la netteté, et ce même pour les images avec une très haute
résolution. Cet outil fournit :
• Optimisation automatique en un clic de vos photos ; particulièrement pratique
pour les photos sous-exposées ou ternes.
• Réglage manuel de la luminosité, du contraste, de la saturation des couleurs, de la
température des couleurs de la photo ainsi que du flou ou de la netteté.
• Recoupe d'images. Il s'agit d'une recoupe « en direct » ; vous pouvez donc
annuler des étapes et régler votre découpe à tout moment.
• Comparaison en un clic pour observer rapidement les changements effectués.
• Copier/coller facile des éditions d'optimisation entre différentes photos.
Toutes ces opérations sont interactives et sont mises à jour en direct. Quand vous
réglez les valeurs, l'image est mise à jour immédiatement. Les opérations sont
également non destructives, c'est-à-dire que votre original n'est pas modifié et que
vous pouvez toujours modifier vos réglages ou les annuler.
Les avantages de l'outil photo
Cet outil présente trois avantages majeurs :
1.
2.
3.
Il fonctionne de façon non destructrice
Il est extrêmement rapide, même pour les images de grande taille
Les modifications de photo ne prennent pas de mémoire
Pour obtenir plus d'informations sur ces avantages, veuillez vous reporter au
chapitre Traitement des photos.
Les avantages expliqués en détail
Le terme Non destructif signifie que toutes les opérations d'édition n'affectent pas
l'image originale. Vous pouvez ajuster ou supprimer les éditions et l'image d'origine
demeure intacte. Le programme diffère en cela de la plupart des éditeurs photo dans
lesquels les modifications sont permanentes. Dans Web Designer vous avez la
possibilité d'ajuster les paramètres autant de fois que vous le souhaitez tout en
sachant que vous ne modifiez pas les données de l'original.
Même la fonction de détourage, appelée ici extraction, est non destructive. Vous
pouvez rétablir les zones découpées et ajuster ou élargir la sélection à tout moment,
même après avoir enregistré le fichier.
www.magix.com
L'outil photo
La vitesse est un point évident, mais une démonstration intéressante consiste à faire
tourner une photo à très haute résolution. Dans les autres outils, il est normalement
nécessaire d'entrer une valeur de degrés et attendre que le processus soit exécuté.
MAGIX Web Designer MX fonctionne différemment : vous pouvez faire tourner une
photo haute résolution en tirant dessus et en temps réel (ou entrer n'importe quelle
valeur de rotation). Le programme utilise alors un échantillon d'image bi-cubique de
grande qualité pour assurer des résultats dans la meilleure qualité possible.
Le terme aucune mémoire réfère au fait que la plupart des éditeurs photo doivent
garder une copie du bitmap dans la mémoire afin de pouvoir annuler les modifications
et réalisent habituellement une copie pour chaque modification ou ajustement
entrepris. Pour les photos de grande taille et à haute résolution, cela sous-entend
qu'un grand espace mémoire est requis pour l'édition des photos (une photo de 8 Mo
requiert par exemple un espace mémoire de 32 Mo, si vous réalisez 10 manipulations,
cela devient 320 Mo d'espace mémoire). MAGIX Web Designer MX requiert zéro
espace mémoire. Cela signifie que vous pouvez réaliser autant d'édition que vous le
souhaitez, de même que le nombre de copies, sans que ces manipulations requièrent
un espace mémoire supplémentaire.
Enfin, les images JPEG sont insérées dans le fichier natif .xar et non é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émoire zéro,
les fonctionnalités d'optimisation en temps réel décrites plus haut et il est possible
d'obtenir des fichiers dont la taille est jusqu'à 30 fois inférieure à celle de fichiers
traités dans d'autres programmes graphiques. Cela signifie également que leur
manipulation est beaucoup plus rapide.
Utilisation des Outils Photo
Pour accéder aux OUTILS PHOTO , placez le pointeur de la souris sur l'icône
appareil photo de la barre d'outils principale sur la gauche de la fenêtre. Une
barre escamotable s'affiche alors, contenant les icônes des différents outils
photo disponibles.
Si vous vous trouvez dans l'Outil de sé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 à 90°
Les deux icônes de rotation permettent de tourner la ou les photo(s) sélectionnée(s)
de 90° dans le sens des aiguilles d'une montre ou dans le sens contraire.
Précédent & Suivant
Lorsque vous ouvrez une photo en utilisant MAGIX Web Designer MX, celle-ci est
chargée dans un nouveau document photo, car Web Designer suppose que vous
voulez éditer ou voir la photo elle-même plutô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écé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écédente) dans
le même dossier que la photo en cours. Cela vous permet de parcourir les photos d'un
même dossier sans avoir à les fermer les ouvrir chacune à leur tour. Si vous avez
apporté des modifications à une photo, on vous demandera si vous souhaitez les
enregistrer lorsque vous appuierez sur Suivant ou Précédent.
Pour obtenir de plus amples informations sur les Documents photo, veuillez vous
reporter au chapitre Utilisation du document.
Zoom 1:1
Sélectionnez une photo et cliquez sur le bouton zoom 1:1.
Le facteur de zoom des documents est défini de façon à ce que la photo sélectionnée
soit affichée à 1:1 (1 pixel de la photo équivaut à 1 pixel de l'écran). Utilisez cette option
si vous souhaitez travailler sur une photo en pleine taille dans un document dont vous
avez réduit la taille de la photo.
www.magix.com
L'outil photo
Agrandir la photo à 100 %
L'opération AGRANDIR LA PHOTO A 100 % agrandit la photo sélectionnée
pour atteindre la taille entière.
Par exemple, si la photo sélectionnée est réduite à une largeur de 500 pixels mais que
la photo d'origine a été importée avec une largeur de 1 000 pixels, la photo sera
agrandie sur la page jusqu'à une largeur de 1 000 pixels. Lorsque la valeur du zoom
dans le document correspond à 100 %, chaque pixel de l'image correspond à chaque
pixel de l'écran.
Outil d'optimisation
Cliquez sur l'icône d'appareil photo pour entrer dans l'OUTIL OPTIMISATION .
L'Outil Photo permet de découper les photos très rapidement et d'en ajuster les
niveaux de luminosité et la netteté, et ce même pour les images avec une très haute
résolution. Cet outil dispose des fonctions suivantes :
• Optimisation automatique en un clic de vos photos, particulièrement adaptée aux
photos sous-exposées.
• Ajustement manuel de la luminosité, du contraste, de la saturation des couleurs
et de la netteté des photos.
• Recadrage des images. Vous pouvez redimensionner « en direct », c'est-à-dire
que vous pouvez modifier et ajuster la taille de l'image à tout moment.
• Affichage d'un histogramme des niveaux de luminosité de vos photos.
• Ajustement de la courbe des niveaux de luminosité pour un contrôle avancé.
• Correction des couleurs et de la balance des blancs.
• « Comparaison » en un clic, pour observer rapidement les changements effectués
par rapport à l'original.
• Fonction pratique de Copier/coller pour faciliter l'édition entre plusieurs images.
Toutes ces fonctions sont interactives et mises à jour régulièrement. Lorsque vous
réglez les valeurs, l'image est mise à jour immédiatement. Les opérations sont
également non destructives, c'est-à-dire que votre original n'est pas modifié et que
vous pouvez toujours faire de nouveaux réglages ou annuler ces derniers.
Les six premiers boutons de la barre d'infos sur la gauche (ils ne sont pas affichés au-dessus)
sont communs à tous les outils et sont décrits plus haut.
Optimisation automatique
Luminosité
289
290
Contraste
Saturation des couleurs
Température des couleurs
Teinte
Flou/Netteté
Comparer avec l'original
Cet outil permet d'ajuster la clarté, le contraste, la saturation, la température et la
nuance des couleurs ainsi que le flou ou la netteté. Vous pouvez saisir les valeurs
directement dans les champs de texte ou utiliser un petit curseur pop-up pour ajuster
les valeurs de façon interactive.
Réglette du menu contextuel
Vous pouvez utiliser les réglettes de deux manières différentes :
1.
2.
Cliquez et relâchez la flèche du menu. La réglette de contrôle reste alors sur
l'écran et vous pouvez ajuster les valeurs aussi souvent que vous le souhaitez
en déplaçant la réglette. Vous pouvez également, lorsque la souris est placée
sur la commande, utiliser la molette de la souris pour réaliser de petits
ajustements vers le haut ou le bas. La réglette disparaîtra de l'écran lorsque
vous cliquez sur n'importe quel autre endroit du document.
Vous pouvez également maintenir le bouton de souris appuyé et déplacer la
réglette pour ajuster la valeur. Lorsque vous relâchez la souris, le menu
contextuel disparaît. Ce procédé est légèrement plus rapide puisqu'il ne
requiert qu'un clic et relâcher pour modifier les valeurs.
Optimisation automatique
La fonction OPTIMISER analyse la luminosité et le contraste de l'image et les ajuste
automatiquement pour obtenir la meilleure image possible. Cette fonction est
particulièrement efficace sur les photos sous-exposées (foncées). Après avoir
appliqué l'optimisation automatique à une photo, vous pouvez ajuster les valeurs
sélectionnées, en utilisant les commandes sur la droite du bouton d'optimisation. En
cliquant sur COMPARER , vous pourrez rétablir l'original, en cliquant à nouveau, la
version optimisée est à nouveau affichée.
Luminosité/Contraste/Température de la couleur/Saturation/Teinte
Luminosité
Contraste
Saturation
Température des
couleurs
L'image change lorsque vous modifiez ces valeurs. La saturation modifie l'intensité de
la couleur. Au réglage minimum de -100, votre image devient noire et blanche. Le
contrôle de température de la couleur rend une image « chaude » ou « froide ». Le
www.magix.com
L'outil photo
contrôle de teinte attribue une nuance de couleur particulière à votre image et vous
permet de contrôler l'intensité de la couleur sélectionnée.
Teinte
Le curseur de la teinte contrôle
l'intensité de la couleur
sélectionnée.
Flou / Netteté
Cette commande permet de flouer l'image lorsqu'elle se trouve en dessous de
zéro et de rendre l'image plus nette lorsqu'elle est supérieure à zéro. Nous
recommandons d'utiliser uniquement des valeurs faibles pour la netteté et
uniquement sur des photos dont la taille a été réduite de manière importante.
Comparer et rétablir l'original
Le bouton COMPARER peut être utilisé pour réinitialiser toutes les valeurs des Outils
D'OPTIMISATION à leur valeur par défaut, ce qui fera revenir votre photo à son état
original. Si vous appuyez une deuxième fois sur le bouton de comparaison, les valeurs
seront rétablies. Vous pouvez donc utilisez le bouton de comparaison pour basculer
rapidement entre votre photo éditée et votre photo originale, afin de pouvoir observer
les effets des changements que vous avez effectués.
Etant donné que toutes les modifications sont non destructrices, le fait d'appuyer sur
le bouton de comparaison ne fait qu'enlever les éléments faisant partie des
améliorations, rétablissant ainsi l'image à son état original. Le bouton de comparaison
peut être utilisé à tout moment après que des modifications ont été apportées à une
image.
Recouper ou clipper des images
Le moyen le plus simple de clipper une photo est de commencer à tirer sur ou en
travers de la photo après avoir sélectionné l'OUTIL OPTIMISATION . Le clipping se fait
immédiatement, une fois que vous avez relâché le bouton de la souris. La photo
clippée qui en résulte possède maintenant des poignées qui vous serviront à régler les
bordures du clip.
Ceci est une opération non destructrice ; vous pouvez donc ajuster la zone du clip une
fois que vous avez recoupé l'image et même annuler l'opération pour récupérer
291
292
l'image en entier. En fait, on peut dire que seuls les contours sont modifiés, et que
l'image reste clippée à l'intérieur du contour rectangulaire. C'est pourquoi on l'appelle
un clip, et non une découpe, bien que le but soit le même que celui d'un outil de
découpe traditionnel.
Outil d'extrait
Vous pouvez sinon entrer dans L'OUTIL D'EXTRAIT via l'icô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érentes
proportions de recoupe.
Pour découvrir le clipping interactif ainsi que d'autres options
supplémentaires relatives aux proportions, basculez en MODE CLIP avec le
bouton OUTIL CLIP.
La barre d'info est modifiée de la façon suivante :
Lorsque vous faites glisser la photo, le rectangle du clip est mis en surbrillance.
• Vous pouvez régler la zone en tirant sur les coins ou les poignées de côté
• Vous pouvez déplacer la zone simplement en faisant glisser l'intérieur de la zone
du clip
• Choisissez le bouton CLIP ou faites simplement un double clic à l'intérieur de la
zone du clip pour effectuer l'opération de clip.
Vous pouvez voir si une photo a ou non été clippée en regardant la barre de statut qui
indiquera par exemple « photo clippée ».
www.magix.com
L'outil photo
Effacer
Cliquez sur EFFACER ou en dehors de la région d'extraction sélectionnée pour effacer
le rectangle d'extrait actuel.
Règle des trois tiers
Il existe une règle de composition des photographies appelée la règle des trois tiers.
Cela consiste à placer des objets clés dans vos photos aux tiers de vos photos. Par
exemple, il est souvent plus indiqué de placer l'horizon à un tiers de la photo plutôt
qu'au centre. Lorsque vous déplacez un extrait d'image sur l'une de vos photos, des
lignes placées aux tiers de l'image s'affichent pour vous aider à positionner les objets
suivant ces règles de composition.
Astuce : pour en savoir plus, cherchez dans Google « Règle des trois tiers »
Annuler extrait
Cliquez sur ANNULER extrait pour rétablir la photo originale. Le rectangle d'extraction
est alors rétabli et vous pouvez l'ajuster ou le supprimer en cliquant en dehors.
Le bouton DE-CLIP dans l'OUTIL CLIP sert à modifier le contour de n'importe quelle
photo clippée, ainsi que les formes créées arbitrairement contenant un remplissage
bitmap, en un contour rectangulaire autour de la photo ou du bitmap de remplissage
entiers. On vous demandera peut-être de sélectionner le bouton Supprimer pour
effacer le rectangle de recoupe (ou de cliquer en dehors du rectangle).
Ajuster la région extrait
Comme le bouton ANNULER extrait permet de rétablir le rectangle d'extraction (la
zone autour est grisée), il est très simple de procéder à des ajustements détaillés. Il
suffit de sélectionner la photo, de cliquer sur Annuler extrait et d'ajuster les côtés du
rectangle. Effectuez un double clic dans la photo pour réaliser l'extrait à nouveau.
Largeur / hauteur
Après avoir dessiné un rectangle d'extraction, vous pouvez entrer les valeurs
directement dans les champs de largeur et hauteur dans la barre d'infos pour définir
les dimensions exactes du rectangle.
Verrouiller ratio
Cochez la case VERROUILLER RATIO pour maintenir le rectangle de détourage à un
ratio spécifique lorsque vous tirez en déplaçant dans le document. Les boutons de
ratio sur la droite de la case à cocher déterminent le ratio utilisé. Sélectionnez ACTUEL
pour conserver le ratio d'aspect de la photo avant dé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ôté, il aura tendance à prendre la
forme du format paysage. Si vous tirez plutôt vers le bas, le rectangle prendra la forme
portrait.
293
294
Les ratios d'aspect de détourage ou extraction communs disponibles sont 4:3 (la
plupart des appareils photo numériques et les téléviseurs et écrans anciens), 3:2 (les
caméscopes traditionnels et les appareils photo numériques SLR haute qualité) et
enfin 16:9 (le ratio d'aspect des téléviseurs écran large).
Vous pouvez redé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é le ratio, vous pouvez quand même verrouiller le ratio comme le dernier ratio
sélectionné en maintenant la touche Ctrl enfoncée. De la même manière, si l'option
Verrouiller ratio est activée, vous pouvez temporairement débloquer le ratio en
maintenant la touche Ctrl appuyée.
Rognage dans les documents photo
En mode photo, il existe une grille un pixel appliquée à la photo (lorsqu'il se trouve à
96 dpi, la résolution standard) et que le rectangle de détourage est accroché à la
grille. Cela simplifie énormément une extraction très précise. Pour réaliser des
ajustements très précis au pixel près, il est recommandé d'opé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électionner diffé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 étant dans l'OUTIL OPTIMISATION ,
vous effectuez alors un recadrage de la photo. Ou bien si vous tirez sur
l'arrière-plan, le recadrage s'appliquera à la première photo que vous avez
touché en tirant.
Le bouton DE-CLIP dans l'OUTIL CLIP sert à modifier le contour de n'importe
quelle photo clippée, ainsi que les formes créé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 à l'extérieur du rectangle).
Toutes les opérations sur les photos peuvent être annulées. Contrairement aux
programmes traditionnels d'édition de photo, la photo originale n'est jamais
modifiée à moins que vous optimisiez la photo et enregistrez les changements
de faç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égradée (toutes les opérations d'é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ôles de niveaux,
agissent sur des objets remplis avec bitmap ainsi que sur des photos
indépendantes.
www.magix.com
L'outil photo
6.
Lorsque vous ouvrez une photo dans MAGIX Web Designer MX (FICHIER >
OUVRIR ), celle-ci s'ouvre comme document photo. Après l'édition, vous pouvez
écraser les fichiers photo à l'aide de la fonction FICHIER > ENREGISTRER (Ctrl +
S). Un fichier .web ou .xar est également enregistré dans un dossier maître aux
côtés de la photo modifiée afin de conserver la photo originale et la version
édité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éder à 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, é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és
automatiquement après vos modifications. Il est également possible d'ajouter des
menus déroulants et des sous-menus à votre barre et utiliser la fonction d'ajout ou
suppression automatiquement des boutons au fur et à mesure que vous ajoutez ou
supprimez des pages.
Les utilisateurs avancés peuvent créer des barres personnalisées à partir de modèles
de boutons personnels et modifier le modèle de conception des boutons utilisés dans
une barre de navigation existante ou encore appliquer leur nouveau modèle à une
barre entière.
Utilisation de modèles de barres de navigation
Vous pouvez créer vos propres barres de navigation à partir de n'importe quel modèle
de bouton mais la plupart des utilisateurs choisiront simplement l'un des nombreux
modèles de barre de navigation disponibles dans la GALERIE DES MODELES DE
CONCEPTION . Si vous souhaitez créer votre propre modèle, consultez la section
consacrée plus bas dans ce chapitre.
Tous les modèles de barres de navigation dans la galerie sont associés à un thème
particulier et sont conçus avec beaucoup de soin afin de s'intégrer harmonieusement
dans le modèle de conception de la page. Par conséquent, il est possible de construire
la plupart des sites Internet sans ajouter de barre de navigation manuellement : elles
sont déjà intégrées dans les modèles de conception des pages de chaque thème.
Cependant, chaque thème propose les barres de navigation correspondantes en tant
qu'éléments séparés, de sorte que vous pouvez ajouter une barre à votre page web
par simple glisser-déposer depuis la galerie.
www.magix.com
Barres de navigation
La modification des couleurs d'un modèle de barre de navigation se fait de la même
manière que pour tout autre élément d'un thème : il suffit d'appliquer un nouveau
schéma de couleur à partir de la Galerie des modèles de conception ou d'éditer les
couleurs nommées du thème dans la gamme de couleur. Consultez le chapitre Pour
bien démarrer pour en savoir plus.
Boîte de dialogue Propriétés de la barre de
navigation
La meilleure manière d'éditer les titres, les liens et les autres attributs d'une barre de
navigation, et également d'ajouter ou supprimer des boutons, consiste à utiliser la
boîte de dialogue des propriétés de la barre de navigation. Effectuez un double-clic sur
une barre pour ouvrir la boîte de dialogue, ou un clic droit sur la barre et sélectionnez
l'option ÉDITER LA BARRE DE NAVIGATION dans le menu contextuel.
Dans la partie supérieure de la boîte de dialogue, vous pouvez définir plusieurs
propriétés de la barre de navigation. Dans la partie inférieure, vous pouvez ajouter et
supprimer des boutons et menus et éditer les titres et les liens pour chaque bouton et
entrée de menu.
297
298
Orientation
Vous pouvez positionner la barre de navigation à l'horizontale ou à la verticale. Dans
le cas des barres verticales, les boutons ont normalement la même largeur (qui
correspond à celle du bouton le plus large), c'est pourquoi la barre est rectangulaire.
Consultez l'option « AJUSTEMENT DES BOUTONS AU TITRE LE PLUS LARGE » ci-dessous
pour effectuer l'opération.
Justifier
Déterminez quel comportement la barre doit adopter lorsque sa longueur est
modifiée lors de l'édition des titres ou de l'ajout/suppression de boutons. Une barre
horizontale ALIGNEE A GAUCHE va s'allonger du côté droit lorsque vous ajoutez des
boutons ou que vous éditez les titres. Le coin gauche de la barre reste toujours à la
même position. De même, une barre ALIGNEE A DROITE va s'allonger vers le côté
gauche alors que le côté droit ne bouge pas. Une barre CENTREE s'allonge
équitablement vers la gauche et vers la droite. Optez pour l'option centrée si, par
exemple, vous souhaitez utiliser une barre horizontale centré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ètres
déterminent si la barre sera allongée vers le haut (alignée en bas), vers le bas (alignée
en haut) ou dans les deux sens (centrée) lorsque vous ajoutez des boutons.
Ajuster la largeur des boutons à leur texte
Activez cette option pour rendre les boutons extensibles, c'est-à-dire qu'ils
s'allongent ou rétrécissent en fonction du texte qu'ils contiennent. Lorsque l'option est
désactivée, les boutons conservent toujours la même taille et si le texte qu'il contient
est plus long, il dépassera des bords du bouton.
Même largeur pour tous les boutons
Cette option est activée uniquement lorsque l'option « Ajuster la largeur des boutons
à leur texte » est activée.
Cette option permet d'attribuer à tous les boutons la largeur du bouton le plus large
de la barre. Pour les barres de navigation verticales, il est presque toujours
recommandé d'utiliser cette option afin d'obtenir une barre rectangulaire. Les barres
horizontales, ont un aspect plus ordonné lorsque tous les boutons ont la mê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ée.
Espacement boutons
Vous pouvez ici définir l'espacement entre chaque bouton de la barre horizontale si
vous souhaitez les espacer. Il suffit d'entrer le nombre de pixels souhaité et de
visionner le résultat immédiatement dans l'espace de travail
www.magix.com
Barres de navigation
Barre de navigation du site
Il s'agit d'une option trè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és automatiquement à la barre au fur et à mesure que
vous ajoutez des pages. Toutes les modifications que vous effectuez sur la barre sont
reflétées sur chaque page du site dès que vous fermez la boî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éplacer et transformer une barre de navigation de site
Si vous déplacez une barre de navigation de site sur la page, la barre est également
déplacée sur toutes les autres pages sur laquelle elle apparaît. De la même manière, si
vous agrandissez ou réduisez la taille de la barre à l'aide de l'OUTIL DE SELECTION , la
même transformation est appliquée à la copie de la barre située sur les autres pages.
L'OUTIL DE SELECTION ne permet aucune autre transformation de la barre de
navigation (rotation, inclinaison, réduction de dimension).
Attribution automatique de liens vers des pages
Lorsque vous ajoutez une nouvelle page à votre site, un lien vers cette page est ajouté
automatiquement dans la barre de navigation et une copie de la barre sera affichée
sur cette nouvelle page si elle n'en a pas encore. Si votre barre comporte un bouton
non utilisé, un lien vers la page sera attribué au premier bouton de ce genre. Si tous
les boutons comportent déjà des liens, un nouveau bouton est alors ajouté
automatiquement à la fin de la barre, avec un lien vers la nouvelle page. Dans chaque
cas, le texte du bouton est modifié pour correspondre au nom de la nouvelle page, le
cas échéant, ou sera nommé « Nouvelle page ». Généralement, il est préférable
d'éditer immédiatement ce nouveau texte dans la boî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é automatiquement, sur
toutes les pages du site.
Activer/Désactiver les barres de navigation du site
Lorsque vous activez ou désactivez l'option de navigation du site dans la boîte de
dialogue Barre de navigation, les modifications sont affiché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é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ès avoir supprimé la barre sur une ou plusieurs pages, notez que si
vous désactivez l'option de barre de navigation de site (par exemple pour éditer le
modèle de bouton ce qui ne peut être fait lorsque l'option est activée), puis que vous
activez à nouveau l'option, la barre sera ajoutée automatiquement à toutes les pages
du site qui n'en comportent pas.
Modèles et barres de navigation de site
Tous les modèles de pages proposés dans la GALERIE DES MODELES DE CONCEPTION
comportent une barre de navigation définie comme barre de navigation de site
lorsque vous les téléchargez depuis la galerie lors de la mise en place d'un nouveau
document de site Internet. Cela signifie que vous pouvez cré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ême manière,
l'option de barre de navigation de site est activée pour tous les modèles de site. Si
vous souhaitez procéder autrement, dé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ée automatiquement pour les barres de
navigation indépendantes présentées avec chaque thème dans la Galerie. Ceci est dû
au fait que les utilisateurs ajoutant des barres manuellement ne souhaitent pas
généralement que cette barre soit présente sur toutes les pages du site avec des liens
vers chaque page. Ici encore il est très facile d'activer l'option dans la boîte de
dialogue Barre de navigation si souhaité.
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é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éés
uniquement lorsqu'une page est ajoutée.
www.magix.com
Barres de navigation
Boutons et menus
Vous pouvez éditer les textes des boutons, les liens et d'autres attributs des boutons
à l'aide des commandes de l'arborescence et des tables dans la partie inférieure de la
BOITE DE DIALOGUE BARRE DE NAVIGATION . Chaque ligne dans la table correspond à
un bouton de la barre, ou à une entrée du menu sous l'un des boutons.
Ajouter et éditer des boutons
Pour ajouter un bouton, effectuez un double-clic dans la première colonne, sur la
mention « Ajouter un bouton par double-clic ». Une nouvelle ligne est ajoutée audessous de la ligne du dernier bouton. Vous pouvez également cliquer sur AJOUTER au
bas de la boîte de dialogue pour ajouter un bouton à la suite du bouton sélectionné.
Vous pouvez ensuite démarrer immédiatement l'édition du texte du nouveau bouton.
Cliquez sur retour pour compléter l'édition du texte ou cliquez sur un emplacement
hors du texte.
Vous pouvez éditer n'importe quel texte de bouton en cliquant tout d'abord dans la
ligne correspondante pour la sélectionner, puis en cliquant à nouveau dans la
première colonne pour éditer le texte.
Pour définir le lien d'un bouton, effectuez un double-clic sur le champ d'URL ou si la
ligne est déjà sélectionnée, il suffit de cliquer une fois. La BOITE DE DIALOGUE DES LIEN
OPTIONS INTERNET s'affiche. Elle est similaire à la boîte de dialogue Lien (voir page
236) utilisée pour ajouter d'autres liens à vos pages et comprend les mêmes options.
Certaines options sont désactivé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 également définir le texte de l'infobulle pour chaque bouton dans la
troisième colonne. Éditez le texte de la même manière que pour le texte du bouton.
Sur le site exporté, le texte entré est affiché dans une petite infobulle qui apparaît
lorsque le pointeur de la souris se trouve sur le bouton ou l'entrée du menu.
301
302
Ajouter des menus et sous-menus
Dans la première colonne (de texte), une icône plus est affichée sur la gauche de
chaque texte. Il s'agit d'un contrôle d'arborescence. En cliquant dessus, l'arborescence
se déroule, vous permettant d'ajouter un menu à ce bouton.
Cliquez sur le texte « AJOUTER UN ELEMENT DE MENU PAR DOUBLE-CLIC » situé audessous du bouton pour ajouter un menu. Ou cliquez sur le bouton AJOUTER au bas
de la boîte de dialogue pour ajouter un élément de menu au-dessous de l'élément
sélectionné. Une nouvelle ligne s'affiche dans la table pour chaque entrée de menu
que vous ajoutez. Vous pouvez définir le texte, le lien et le contenu de l'infobulle de
chaque entrée de menu de la même manière que pour les boutons. Vous pouvez
ajouter des sous-menus à n'importe quel menu exactement de la même manière :
ouvrez d'abord le nœud de l'entrée de menu de l'arborescence.
Séparateurs de menu
En cliquant sur le bouton AJOUTER SEPARATEUR au bas de la boîte de dialogue, vous
pouvez ajouter un séparateur dans votre menu. Le séparateur est immédiatement
ajoutée à la suite de l'élément de menu actuellement sélectionné. Les séparateurs
permettent de grouper visuellement des éléments lié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électionnez la police que vous souhaitez utiliser pour le texte des menus. Seules les
polices adaptées à Internet sont affichées dans la liste, c'est-à-dire les modèles de
police que vos visiteurs devraient pour voir. Vous disposez également d'une option
permettant de mettre le texte en gras et modifier la taille de la police utilisée.
REMARQUE : cette option ne modifie pas la police utilisée pour le texte des boutons
de votre barre mais uniquement la police utilisé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éterminer ici la direction dans laquelle les menus devraient s'ouvrir.
Pour les barres de navigation horizontales, le menu s'ouvre géné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ètre permet d'ajouter un espace entre les entrées de votre menu, pour les
é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éfaut s'ouvrent immédiatement mais vous pouvez ici définir une
animation pour le menu lorsqu'il s'ouvre.
Transparence
Vous pouvez définir vos menus comme semi-transparent afin que la page reste
visible derrière les volets de menu. Entrez le pourcentage correspondant au niveau de
transparence souhaité.
Décalage horizontal, décalage vertical
Vous avez la possibilité de décaler les volets du menu horizontalement ou
verticalement par rapport aux boutons. Il suffit d'entrer le nombre de pixels
correspondants au décalage souhaité.
Mettre à jour la barre de navigation sur toutes
les pages
Comme décrit plus haut, si l'option BARRE DE NAVIGATION DE SITE est activée, toutes
les modifications que vous effectuez sur la barre sur une page sont automatiquement
reflétées sur toutes les autres pages également, y compris l'emplacement de la barre
sur la page.
Cependant, si cette option n'est pas activée, vous devez utiliser l'option ARRANGER >
METTRE A JOUR LES OBJETS REPETES pour copier les modifications effectuées sur la
barre de la page actuelle dans toutes les autres pages. Veuillez noter que cette
opération va également mettre à jour tous les autres objets répétés sur la page,
comme des pieds de page ou logos, la page actuellement sélectionnée servant de
source pour l'actualisation. Voir les informations sur les Objets répétés dans le
chapitre Utilisation des objets.
www.magix.com
Barres de navigation
Édition sur la toile
Vous pouvez éditer le texte de vos boutons directement sur la toile grâce à
l'OUTIL TEXTE . Il suffit d'ouvrir l'OUTIL TEXTE puis de cliquer sur
l'emplacement du texte pour l'éditer.
Si l'objet texte est un objet récurrent (faites un clic droit et sélectionnez REPETER DANS
TOUTES LES PAGES ), les modifications apportées à une instance de l'objet sont
automatiquement reportées à toutes les autres copies.
Modifier la police des boutons de la barre de
navigation
Vous pouvez modifier la police utilisée pour le texte des boutons sur la barre de
navigation très facilement. Sélectionnez la barre en cliquant dessus. Puis ouvrez
l'OUTIL TEXTE et sélectionnez une police dans la liste située sur la gauche de la BARRE
D'INFOS DE L'OUTIL TEXTE . En survolant les différentes polices avec la souris, la barre
de navigation est mise immédiatement à jour afin d'offrir un áperçu du résultat final.
Sélectionnez la police de votre choix. Si votre barre dispose d'un mode survol de
souris, elle est également actualisée.
De la même manière, vous pouvez modifier la taille de la police à l'aide des contrôles
de taille de la police situés près de la liste de sé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ésactivée. Cela permet
d'éviter les conflits avec toute autre barre de navigation dans votre document.
Cependant, si la nouvelle barre appartient au même thème et au même type que la
barre de navigation existante de votre site (par exemple, elles font partie du même
groupe récurrent), elle sera immédiatement actualisée pour correspondre à la barre
existante de navigation dans le site. Dans ce cas, la barre ne sera pas affichée sur
votre page dans sa forme originelle.
Si la barre appartient à un thème ou à un type différent (par exemple, elles ne font pas
partie du même groupe récurrent), elle sera affichée sans subir de modification.
305
306
Créer vos propres barres de navigation
Vous pouvez créer une barre de navigation depuis n'importe quel modèle de bouton.
La GALERIE DES MODELES DE CONCEPTION contient différents modèles de boutons, ou
vous pouvez naturellement le dessiner vous-même. Consultez la section « Créer vos
propres boutons avec survol de souris (voir page 74) » dans le chapitre Pour bien
démarrer pour en savoir plus. Le bouton peut inclure le survol de souris, mais ce n'est
pas automatique.
Pour créer une barre de navigation, sélectionnez dans un premier temps le bouton
puis ARRANGER > CREER UNE BARRE DE NAVIGATION . La BOITE DE DIALOGUE DE LA
BARRE DE NAVIGATION s'ouvre pour vous permettre d'ajouter immédiatement des
boutons à votre barre, comme pour les autres barres de navigation.
Vous pouvez également créer des barres de navigation comprenant plus d'un modèle
de bouton (par exemple, des modèles de conception différent pour le premier et/ou le
dernier bouton de la barre). Voir dans les sections suivantes comment procéder
Restrictions des modèles de bouton
Vous devez vous tenir à certaines règles lors de la création de boutons personnels
pour les barres de navigation.
Restrictions des boutons extensibles
Afin d'obtenir des résultats satisfaisants lorsque les boutons sont étirés
automatiquement, assurez-vous qu'aucun point de contrôle de chemin ou de
transparence ou remplissage gradué ne se trouve dans la zone horizontale occupée
par l'objet texte du bouton.
Texte dans un bouton
Chaque état du modèle du bouton doit se trouver dans un objet groupe contenant
l'objet texte qui peut être utilisé comme le texte du bouton. Cet objet texte doit être
un objet texte simple et non une colonne de texte ou une zone de texte. Vous devez
créer le texte à 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îte de texte.
Groupe souple état de bouton
Si votre bouton comporte plusieurs états, par exemple MouseOver et MouseOff, vous
devez les grouper dans un groupe souple, afin qu'ils restent groupés lorsque un état
est déplacé ou transformé.
www.magix.com
Barres de navigation
Marges des boutons
Dans cette section, le terme « marges » se réfère à l'espace entre le texte du bouton
et les bords du bouton. Pour les boutons étirables (ceux pour lesquels l'option
« Ajuster la largeur des boutons à leur texte » est activée), la marge est déterminée
par le bouton maître à partir duquel la barre de navigation est créée. En ajustant les
marges du bouton maître, vous définissez les marges pour tous les autres boutons de
la barre, qui se basent sur le bouton maître.
Voici la marche à 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ésactivez l'option AJUSTER LA LARGEUR DES BOUTONS A LEUR TEXTE afin que les
boutons ne s'étirent pas lorsque vous modifiez le texte du bouton.
Modifiez le texte du bouton maître (le premier bouton à moins de travailler
avec plusieurs modèles de bouton dans votre barre de navigation - voir la
section correspondante). Choisissez un texte de bouton brouillon dont la
longueur correspond à la longueur souhaitée afin d'obtenir la marge requise
pour le bouton maître.
Activez à nouveau l'option AJUSTER LA LARGEUR DES BOUTONS A LEUR TEXTE. La
marge que vous avez définie pour le bouton maître est alors appliquée à tous
les boutons.
Rétablissez le texte du bouton maître requis.
Barre originale
Barre avec une marge réduite
Barre avec une marge agrandie
Si votre barre de navigation contient plusieurs modèles de conception pour le
début/fin (voir plus bas pour en savoir plus), les modèles de début et de fin disposent
de leur propre marge, contrôlée séparément.
307
308
Avancé : éditer le modèle de conception d'un
bouton de la barre de navigation
Quel que soit le mode de création de votre barre de navigation, vous avez la
possibilité de modifier les modèles de boutons utilisés. Sur les barres de navigation
contenant un seul modèle de boutons, le premier bouton de la barre, utilisé comme
bouton maître, sert de modèle pour tous les autres boutons. Par conséquent, en
modifiant le modèle du premier bouton, vous modifiez le modèle de tous les autres
boutons de la barre.
Éditer à l'intérieur
Dans le cas de certaines barres, il est possible d'effectuer l'édition du modèle de
bouton directement dans le premier bouton à l'aide de l'option sélectionner l'intérieur.
Vous pouvez ainsi sélectionner des formes à l'intérieur du groupe de boutons. Pour en
savoir plus sur l'outil de sélection et la sélection à l'intérieur, consultez le chapitre
Utilisation des objets.
Cependant il n'est pas possible de sélectionner ce mode d'édition si l'une des options
suivantes est activée dans la boî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élection à l'intérieur alors que l'une de ces options est
activée, le programme vous demandera si vous souhaitez ouvrir la boîte de dialogue
de la barre de navigation afin de désactiver ces options et répéter l'opération.
Lorsque les options sont désactivées, vous pouvez utiliser la fonction de sélection à
l'intérieur et modifier les formes composant votre bouton à l'aide des outils de dessin
courants.
Important : notez que le premier bouton de la barre de navigation est le bouton
maître de votre barre (à moins que le bouton de début et de fin soient différents, voir
plus bas). Vous devez donc effectuer les modifications dans le premier bouton. Les
modifications effectuées dans le premier bouton sont ensuite appliquées
immédiatement aux autres boutons de la barre. Si vous modifiez un bouton qui n'est
pas le bouton maître, les modifications ne seront pas appliquées et seront perdues
lorsque vous modifiez la barre.
Dégrouper, éditer et regrouper
Si vous souhaitez éditer un modèle de bouton, il est recommandé de dégrouper les
éléments composant la barre de navigation puis de les regrouper après l'édition.
Pour dégrouper les éléments de votre barre, sélectionnez la barre de navigation en
cliquant dessus sur la toile puis effectuez l'opération de dissolution classique
www.magix.com
Barres de navigation
(ARRANGER > DEGROUPER ou Ctrl+U). Ou cliquez sur le bouton DEGROUPER POUR
EDITER LES GRAPHIQUES en bas de la boîte de dialogue de la barre de navigation.
Remarque : si l'option « Barre de navigation du site » de votre barre de navigation
était activée, vous devrez au besoin la réactiver après avoir regroupé les éléments de
la barre après modifications.
Une fois que les éléments de la barre sont dégroupés, il ne s'agit plus d'une barre de
navigation mais de différents groupes de boutons pour chaque état du bouton. De
même, si l'option MEME LARGEUR POUR TOUS LES BOUTONS était active, le dégroupage
peut entraîner une modification de la largeur des boutons car cette option n'est
effective que lorsque les boutons font partie intégrante d'une barre de navigation. Bien
qu'il soit recommandé de n'appliquer les modifications qu'au(x) bouton(s) maître(s),
vous voudrez généralement conserver tous les autres boutons sur la page. Ils sont
utilisé lorsque vous regroupez les éléments de la barre de navigation pour restaurer
tous les textes des boutons, leurs liens, etc. afin de ne pas devoir saisir à nouveau
toutes ces informations.
Si le bouton dispose d'un état MouseOver, les 2 groupes constituant le bouton maître
seront regroupés dans un « groupe souple » afin qu'ils restent ensembles lorsque
vous les déplacez sur la page. Vous pouvez les séparer à l'aide de l'option ARRANGER
> SUPPRIMER LE GROUPE SOUPLE (Ctrl+Alt+U). Vous pourrez ensuite dégrouper
chaque état du bouton sur les calques MouseOff et MouseOver (Ctrl+U) afin de
travailler sur leurs modèles respectifs. Consultez la section « Créer votre propre
bouton de survol de souris » du chapitre Pour bien démarrer (voir page 74) pour en
savoir plus sur le mode de création des boutons.
N'oubliez pas de regrouper chaque état du bouton puis de rétablir le groupe souple
pour que les deux états du bouton restent associés après l'édition. Pour cela, assurezvous que les deux calques sont activés dans la GALERIE DES PAGES ET DES CALQUES
(voir page 323), sélectionnez les deux groupes d'état du bouton puis ARRANGER >
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ée de vérifier que votre bouton fonctionne correctement en prévisualisant votre page avant de reconstituer la barre. Pour reconstituer votre barre,
sélectionnez le bouton modifié puis ARRANGER > CREER UNE BARRE DE NAVIGATION .
309
310
Barres de navigation avec premier et dernier
boutons différents
Dans certains cas, une barre de navigation peut avoir un premier et un dernier bouton
diffé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èles (si un seul bouton est
différent) ou 3 modèles de bouton (si les boutons des deux extrémités sont
différents). Ordonnez les modèles de bouton de la gauche vers la droite selon leur
ordre d'apparence dans la barre de navigation horizontale. Vous pouvez également les
placer du haut vers le bas pour une barre verticale. Puis sélectionnez trois modèles de
bouton (ainsi que les états de survol de souris le cas échéant) et sélectionnez
ARRANGER > CREER UNE BARRE DE NAVIGATION .
Lorsque vous cré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îte de dialogue s'ouvre alors, permettant de
sélectionner une série d'options.
Tous les boutons identiques : sélectionnez cette option si vous souhaitez que tous les
boutons contenus dans la barre adoptent le modèle du premier bouton sélectionné. Il
s'agit du type de barre de navigation le plus courant.
PREMIER BOUTON DIFFERENT : sélectionnez cette option si le modèle du premier
bouton de la barre est différent des autres boutons de la barre.
www.magix.com
Barres de navigation
DERNIER BOUTON DIFFERENT : sélectionnez cette option si le modèle du dernier bouton
de la barre est différent des autres boutons de la barre. Cela est nécessaire par
exemple pour les barres dans lesquelles un séparateur se trouve entre chaque bouton
de la barre. Tous les boutons excepté le dernier nécessitent alors un séparateur sur la
droite du modèle du bouton.
Dans cet exemple, le dernier bouton est différent, il ne comporte aucun séparateur sur le bord
droit.
PREMIER ET DERNIER BOUTONS DIFFERENTS : cette option permet de définir un modèle
de bouton différent pour le premier et le dernier bouton, et d'attribuer à votre barre
des caches de fin. Naturellement, vous devez sélectionner au moins 3 boutons pour
pouvoir utiliser cette fonction.
311
312
Gadgets de site Internet
Ce chapitre explique comment ajouter à 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écrits
par le terme de référence « gadgets de site Internet » ou seulement « gadgets ».
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 éventuellement interactif. Ce
contenu peut provenir d'un site Internet externe (par exemple, un flux d'information)
ou peut être publié avec le site web (par exemple, un diaporama appliqué à une
élection de photos). Sur la toile de Web Designer, un gadget web est représenté par
une « image d'objet fictif » statique qui indique la position et les dimensions du
gadget web sur la page. Cette image d'objet fictif est associée à 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ée.
L'objet fictif est généralement une image représentant une capture d'écran statique
du gadget web mais il peut également être un simple rectangle ou tout autre objet.
L'objet fictif a généralement les mêmes dimensions que le gadget web pour permettre
de le positionner en fonction du reste du contenu sur la page.
Généralement, Web Designer génère automatiquement les images d'objet fictif.
Types de gadgets web
Il existe trois types de gadgets web qui diffèrent par la façon de les personnaliser et de
les configurer dans MAGIX Web Designer MX. Voici une brève description de chaque
type – plus loin dans ce chapitre, vous trouverez plus de dé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 éditer le gadget.
Gadgets web modifiables en ligne
Lorsque vous personnalisez ces gadgets web, une fenêtre de navigateur Internet
s'ouvre sur le site externe qui fournit le gadget web que vous pouvez configurer et
personnaliser à l'aide de cette interface. Par exemple, avec un gadget web de carte
routière proposé par un site spécialisé, vous pourrez généralement choisir la
localisation géographique et les dimensions de la carte. Une fois que cela est fait,
cliquez sur le bouton INSERER en bas de la fenêtre du navigateur. Habituellement, vous
insérerez ces gadgets web à partir de la GALERIE DES MODELES.
Gadgets web modifiables en local
Ces gadgets web sont modifiés dans Web Designer lui-même, généralement dans un
document multipage séparé qui permet d'é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é pour
éditer le gadget web. Une fois encore, vous insérerez généralement ces gadgets web à
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 > PROPRIETES WEB > OBJET FICTIF pour insérer le code. Vous pouvez aussi les
créer en important un fichier, notamment une animation ou une vidéo, dans votre
page.
Pour é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éfinissant le
gadget web.
313
314
Gadgets Web de la Galerie des modèles
Beaucoup d'éléments de page dans la Galerie des designs sont des « gadgets » –
(comme l'indiquent leurs titres).
Pour ajouter un gadget, il suffit de l'importer par glisser-déposer de la galerie vers
votre page. Ce qui se passe ensuite dépend du type de gadget Web. S'il s'agit d'un
gadget Web modifiable en ligne, une fenê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îtra sur
votre page. Double-cliquez sur l'objet fictif pour ouvrir un nouveau document à
l'intérieur de Web Designer qui vous permettra de personnaliser le gadget Web.
Gadgets Web modifiables en ligne
Lorsque vous déposez l'un des gadgets web sur votre page à partir de la GALERIE DES
MODELES , une fenêtre s'ouvre : il s'agit du navigateur Internet Explorer fonctionnant à
l'intérieur de Web Designer. Elle est similaire à la fenêtre d'aperçu affichée lorsque
vous cliquez sur la page d'aperçu et les boutons d'aperçu du site Internet sur la barre
des outils Internet. Cependant, ce gadget web possède quelques boutons
supplémentaires situés au bas de la page (voir détails plus bas).
www.magix.com
Gadgets de site Internet
Exemple de fenêtre d'insertion de gadget web montrant le gadget Google News.
Le fenê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 échéant et, dans la plupart des cas,
personnaliser l'apparence du gadget web. Généralement, le site Internet fournissant le
gadget web propose un aperçu en ligne des fonctionnalités du gadget, y compris des
modifications que vous avez effectuées.
Insertion
Cliquez sur le bouton AIDE situé au bas de la fenê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 à insérer
sur votre page Internet. Dès qu'il est visible, il suffit de cliquer sur le bouton d'insertion
situé au bas de la fenêtre. MAGIX Web Designer MX va alors rechercher le code
HTML et l'insé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émoire temporaire. Sélectionnez le code dans la fenêtre du navigateur
et cliquez Ctrl+C. Dans de nombreux cas la présence d'un bouton Copier près du
code simplifie l'opération. Une fois que nous avez copié le code, cliquez sur le bouton
INSERER .
Génération automatique d'un objet fictif
Lorsque vous cliquez sur le bouton Insérer, la fenêtre du site du gadget se ferme une
fois que MAGIX Web Designer MX a trouvé le code du gadget et vous verrez une
indication montrant que MAGIX Web Designer MX est en train de géné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ême taille que le gadget lui-même,
afin que vous puissiez le positionner sur la page selon vos goûts, à l'aide de l'OUTIL DE
SELECTION .
Il ne reste plus qu'à ouvrir un aperçu de votre site Internet pour voir comment
fonctionne le nouveau gadget sur votre page !
Abonnement à un site de gadgets
Pour utiliser certains gadgets, il est nécessaire de s'inscrire au pré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
À tout moment, vous pouvez double-cliquer sur l'objet fictif du gadget (ou faire un
clic droit et sélectionner É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èrent une inscription gardent normalement
une copie de tous les gadgets que vous avez créés. Vous pouvez donc vous connecter
à votre compte durant le processus d'insertion puis trouver, modifier et insérer le
gadget web que vous avez préalablement créé. Le processus d'insertion de gadgets
web existants est le même que pour l'insertion de nouveau gadgets web : cliquez
simplement sur INSERER lorsque le code HTML est affiché 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éposez sur votre page à partir de la GALERIE DES
MODELES n'ouvrent pas de fenêtre de navigateur Internet comme décrit plus haut
pour les gadgets web modifiables en ligne. Ce sont les gadgets web modifiables en
local que vous pouvez éditer directement dans Web Designer à l'aide d'une fenêtre de
document séparée.
Édition
Après avoir déposé un tel gadget web sur votre page, double-cliquez dessus pour
l'éditer. Une nouvelle fenêtre de document s'ouvre dans Web Designer (le
« document d'édition » du gadget web). Ce que cette fenêtre de document affiche
dépend des spécificités du gadget web ; géné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écifiques sur le côté ou au-dessus de
la première page dé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 éditer le texte que vous voyez à 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éposant des fichiers images sur les photos existantes à
partir de l'explorateur de Windows, comme vous le feriez dans un document normal.
Vous pouvez éditer les photos à 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 être verrouillés (il ne se passe rien quand on clique dessus),
ce qui veut dire que vous ne pourrez pas éditer cet aspect du gadget web ou, le cas
échéant, qu'il devra être modifié en changeant des objets déverrouillés sur l'une des
autres pages. Les objets verrouillés jouent le rôle d'aide visuelle pour retranscrire le
contexte des parties modifiables déverrouillées du design.
Ajouter plus de contenu
Certains gadgets web vous permettront de leur ajouter plus de contenu en dupliquant
les pages affichées (faites un clic droit sur la page et sélectionnez DUPLIQUER LA PAGE
ACTUELLE ). De cette façon, un gadget web de diaporama peut vous permettre de lui
ajouter plus de photos. Après avoir dupliqué une page, modifiez ses photos ou son
www.magix.com
Gadgets de site Internet
texte comme désiré. Les instructions dans le gadget web vous diront si vous avez la
possibilité de dupliquer des pages pour ajouter du contenu de cette façon.
Si vous réalisez des modifications déconseillées par les instructions, ces changements
seront généralement ignorés. Cependant, il se peut que cela entraîne des
disfonctionnements du gadget web ; par conséquent, modifiez uniquement les
aspects du design signalés comme pouvant être édités dans les instructions.
Redimensionner
Les gadgets web modifiables en local ne sont généralement pas redimensionnables ;
par consé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'édition du gadget web.
Enregistrer les changements
Une fois la personnalisation terminée, fermez le document ; il vous sera demandé 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 « Ctrl +
S » pour que vos modifications soient enregistrées et que le document d'édition se
ferme de sorte que vous retourniez au document de votre site Internet.
L'image d'objet fictif qui représente votre gadget web devrait avoir été mise à jour
pour qu'elle reflète la première page du document modifié. Prévisualisez votre page
pour voir les conséquences de vos modifications sur le gadget web lui-même.
Ajouter des fichiers vidéo et animations
MAGIX Web Designer MX prend directement en charge certains types de fichiers
que vous pouvez ajouter à votre site Internet. Pour ces fichiers, il suffit de les importer
par glisser-déposer de l'explorateur Windows vers votre page ou d'utiliser l'option
FICHIER > Importer.
Le type de fichier est identifié durant l'importation et un objet fictif correspondant ou
un lien est ajouté à la page, le fichier est copié dans le dossier de support de votre
modèle de conception. Le dossier de support est créé automatiquement et
accompagne le fichier de votre modèle de conception. Si le nom du fichier de votre
modèle est « MySite.web », le dossier de support sera alors nommé
« MySite_web_files ». Le contenu de ce dossier est toujours joint aux fichiers images
de votre site, à chaque fois que le site est exporté et publié.
Fichiers vidé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éterminer le rapport de page et d'autres informations sur la
vidéo. Puis il insère le fichier vidéo et d'autres fichiers pour le lecteur vidéo Flash dans
le dossier de support de votre site Internet. Une image d'objet fictif ressemblant au
lecteur vidéo s'affiche sur votre page.
317
318
Positionnez et ajustez la taille de l'objet fictif à l'aide de l'outil de sélection puis ouvrez
un aperçu de votre page. Cliquez sur le bouton de lecture du lecteur pour démarrer la
vidéo (le programme Flash doit être installé sur votre ordinateur). C'est terminé ! Le
lecteur vidéo inclut les commandes basiques d'ajustement du volume, les boutons
démarrer et stop pour la lecture et pour sauter à n'importe quel emplacement dans le
film.
Autres formats de vidéos
MAGIX Web Designer MX ne prend pas en charge d'autres formats vidé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ère de convertir facilement des vidéos en un format pris en
charge sur votre page.
Fichiers Flash
Pour insérer une animation Flash sur votre site Internet, importez le fichier au format
Flash (.swf). Le fichier Flash est copié dans le dossier de support de votre modèle de
conception afin d'être exporté et publié avec votre site Internet. Une image d'objet
fictif est générée sur votre page.
Vous pouvez modifier la taille des animations Flash en utilisant simplement l'OUTIL DE
SELECTION afin de modifier la taille de l'image d'objet fictif et la positionner selon vos
goûts par glisser-déposer.
Ouvrez un aperçu de votre page pour voir comment fonctionne l'animation Flash sur
votre page web. Naturellement, Flash doit être installé sur votre ordinateur pour
pouvoir lire la vidéo.
Fichiers MP3
Importez un fichier MP3 pour ajouter du son à votre site Web. Une boîte de dialogue
vous donne la possibilité de choisir si vous souhaitez que le son démarre
automatiquement quand votre site Web est chargé ou qu'il ne démarre que lorsque le
bouton lecture est enclenché dans le lecteur.
Comme pour les autres types de fichiers, une image d'emplacement d'objet qui
montrent le lecteur est générée et placé sur votre site Web. Le fichier MP3 et tous les
autres fichiers qui font fonctionner le lecteur sont copiés dans le dossier d'aide de
votre document et seront inclus à votre site Web exporté. Ouvrez un aperçu pour voir
le lecteur en action.
Le lecteur est simple et discret. Vous pouvez démarrer et arrêter le son, cliquer sur
l'axe temporel pour arriver rapidement à d'autres parties du morceau, ajuster le
volume (en cliquant sur la barre de volume) ou arrê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 é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és
Ajoutez des GIF animés à votre site de la même manière que les animations Flash.
Importez le fichier GIF ou placez-le par glisser-déposer sur votre page. Une copie du
fichier est générée et sauvegardée dans le dossier de support et une image statique
d'objet fictif est générée sur la page. Modifiez les dimensions et la position de l'objet
fictif puis ouvrez un aperçu de votre page. Terminé !
Fichiers PDF
Il existe deux manières d'importer des fichiers PDF dans votre document web. Vous
pouvez par exemple importer de fichier de sorte que son contenu soit copié dans
votre page (comme lors de l'importation d'une photo). Vous pouvez é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 écran s'affiche, vous permettant de
sélectionnez l'une de ces deux options.
Lorsque vous ajoutez un lien, le fichier PDF est copié dans le dossier de support de
votre modèle afin d'être exporté et publié 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ée, le fichier PDF s'ouvre mais le
comportement varie selon les paramè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èles de conception ne proposant qu'un infime échantillon des applications
disponibles en ligne. Pratiquement tous les gadgets sont proposés sous la forme d'un
petit code HTML. Le fournisseur en règle générale fournit des instructions simples sur
la manière d'insérer le code à votre page web, mais avec MAGIX Web Designer MX,
l'opération est réellement très simple.
Copiez le code de votre fournisseur dans la mémoire temporaire de votre système, de
la même manière que vous copiez du texte dans Word. Parfois, le fournisseur peut
mê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élection et
effectuez une simple manipulation pour coller (Ctrl + V). Vous verrez que MAGIX
Web Designer MX reconnaît le code HTML et génère immédiatement une image
d'objet fictif, de la même manière que lorsque vous insérez un gadget de la galerie des
modèles de conception. L'objet fictif s'affiche sur votre page, dans la taille la plus
appropriée pour le gadget. Vous pouvez ensuite prévisualiser votre page pour voir
comment le gadget fonctionne !
Remarque : si vous vous trouvez dans l'outil de Texte au moment où vous insérez le
code, il sera inséré comme du texte et aucun objet fictif ne sera généré ! Une fois
que vous avez inséré le contenu de la mémoire temporaire comme texte, il sera
toujours inséré comme texte même si vous basculez dans l'outil de sélection et
recommencez l'opération. Si cela devait arriver, retournez sur le site Internet du
gadget et copiez le code à nouveau. Puis insérez-le lorsque vous vous trouvez dans
l'outil de sélection.
Redimensionner les gadgets
Vous pouvez redimensionner les images des objets fictifs pour les animations Flash et
MP4 et les GIF animés pour redimensionner la taille du contenu lorsqu'il s'affiche sur
votre page car la taille de ce type de documents peut être modifiée. La plupart des
gadgets modifiables peuvent être redimensionnés. mais certains gadgets ne sont pas
modifiables et vous ne pourrez pas tirer les poignées de redimensionnement de
l'emplacement d'objet.
Certains gadgets modifiables pourront être redimensionnés bien que leur contenu ne
changera pas de taille. Pour ces gadgets, l'emplacement d'objet détermine seulement
les limites de la zone dans laquelle le gadget peut être généré, de sorte que si
l'emplacement d'objet est trop petit pour le gadget, ce dernier sera coupé sur votre
page Internet. L'image de l'emplacement d'objet est générée à nouveau à chaque fois
qu'il est redimensionné, et tout découpage sera visible sur le gadget, comme le
montre cet exemple.
Emplacement d'objet avec taille par défaut
Emplacement d'objet à taille réduite
Voici un exemple de bouton « Acheter maintenant » 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ême manière, élargir un emplacement d'objet pour ce type de gadgets aura
pour résultat la cré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éférable de conserver
la taille par défaut d'origine.
Certains gadgets peuvent être améliorés en redimensionnant l'emplacement d'objet,
même si le gadget lui même ne change pas. Certains gadgets rempliront le conteneur
dans lequel ils sont insérés, ce qui implique qu'il apparaîtront plus grands qu'ils ne le
devraient, avec des zones vides occupant l'espace prévu. Vous pouvez alors essayer
de réadapter l'emplacement d'objet à la taille de ces gadgets dans chaque direction, la
taille du gadget diminuera sans perdre ses éléments importants.
Par exemple, la forme du gadget générée est beaucoup trop large et trop grande et
l'espace situé au-dessous et sur la droite des commandes de forme est gaspillé.
Lorsque vous redimensionnez la forme, la taille des commandes de forme ne sera pas
modifiée, seule la forme sera coupée. Vous obtiendrez une forme d'emplacement
d'objet beaucoup plus régulière occupant moins d'espace sur la page.
Emplacement d'objet avec taille par défaut
emplacement d'objet plus étroit et plus
court
Désactiver la fonction de régénération de l'objet fictif
L'image de l'objet fictif sera régénérée à chaque fois que vous modifiez la taille ou le
code ou encore le fichier auquel il est associé. Il est recommandé dans certains cas de
désactiver cette fonction afin de conserver l'image d'objet fictif inchangée. Pour cela,
décochez la case au bas de l'onglet OBJET FICTIF dans la boîte de dialogue OUTILS >
OPTIONS INTERNET .
Ajouter des objets fictifs de gadget web
manuellement
Si vous ne souhaitez pas que MAGIX Web Designer MX créé un objet fictif
automatiquement, vous pouvez en définir un vous-même. Créez tout d'abord un objet
fictif (par exemple un rectangle de la taille appropriée ou une image importée que
vous souhaitez utiliser pour représenter le gadget sur votre page). Sélectionnez l'objet
puis rendez-vous dans l'onglet Objet fictif de la boîte de dialogue SERVICES >
PROPRIETES WEB .
321
322
Ou cliquez sur le bouton d'objet fictif dans la barre escamotable des options
Internet sur la barre supérieure.
Dans cette boîte de dialogue, vous pouvez associer l'objet sélectionné à un fichier
Flash ou à un autre fichier, ou encore à du code HTML que la boîte de dialogue vous
permet d'insérer dans l'en-tête (head) ou le corps (body) de la page web. Consultez
la section ONGLET OBJET FICTIF de la boîte de dialogue des Propriétés web (voir page
252) pour de plus amples informations.
Généralement, vous ne sélectionnerez pas l'option « Régénérer l'objet fictif » si vous
souhaitez conserver l'objet fictif que vous avez créé vous-même. Cette option
remplace votre objet fictif par une image générée à partir du code ou du fichier
spécifié dans cette boî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èles de conception qui est régulièrement mise à 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éfaut, la Galerie des pages et des calques est affichée ouverte sur la droite de la
fenêtre de Web Designer lorsque vous ouvrez un document ou en créez un nouveau.
Si vous préférez, vous pouvez détacher la galerie, la déplacer, la fixer ou la fermer –
voir Galeries (voir page 105) pour plus d'informations.
Si vous avez fermé au préalable LA GALERIE DES PAGES ET DES CALQUES qui
s'ouvre par défaut, vous pouvez l'ouvrir à 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électionner, masquer, verrouiller et
réarranger les calques.
Elle peut fonctionner à deux niveaux différents. Au niveau supérieur, elle ne liste que
les PAGES et permet de les ordonner à sa guise en les déplaçant, de leur attribuer un
nom, de les copier ou de les supprimer.
Au niveau inférieur, la galerie affiche les CALQUES sur chaque page - et vous avez de la
même façon la possibilité de réordonner, renommer, verrouiller ou masquer les
calques.
La hiérarchie des éléments se présente ainsi :
Pages
Calques
etc.
Voici quelques fonctions clés de la Galerie DES PAGES ET DES CALQUES :
Contrô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éordonner les pages en les déplaçant
• Renommer les pages
323
324
Contrôle des calques
• Une liste de tous les calques de chaque page, du calque le plus bas
(généralement le calque d'arrière-plan) au calque supérieur s'affiche.
• Créer des nouveaux calques, supprimer, réordonner ou renommer les calques.
• Masquer ou afficher les calques
• Calques verrouillés (le calque ne peut pas être modifié)
• Calque en mode solo : tous les autres calques sont désactivé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 « Pages » réduit affichant 5 pages d'un document
Web. La page 4 appelée « News » est la page sélectionnée.
La page News a été déployée en cliquant sur sa petite flèche dirigée vers la droite afin d'afficher
tous les calques de cette page.
Le calque du bas de la « page d'arrière-plan » est verrouillé. Le calque appelé MouseOff est le
calque actif ou actuel, c'est là que tous les nouveaux objets vont apparaître. Les 5 calques du
dessus sont masqués (icône œil fermé), ainsi seuls les calques MouseOff et Arrière-plan sont
visibles dans le document.
Remarquez que les deux colonnes de droite indiquent (et permettent de contrôler) si les calques
www.magix.com
Galerie des pages et des calques
sont modifiables (flèche pâle) ou verrouillés (icône cadenas) et s'ils sont visibles sur la page
(icône pâle œil ouvert) ou masqués (icône foncée œil fermé).
Le fait de cliquer sur ces icônes change la visibilité et/ou le verrouillage ou encore la possibilité
d'é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électionnez AFFICHER LE NIVEAU DES PAGES ) pour
afficher uniquement les pages du document et réduire le niveau des calques.
Vous pouvez modifier l'ordre des pages en tirant les éléments de la Galerie des pages
et des calques ou en faisant un clic droit sur une page puis en sélectionnant DEPLACER
LA PAGE VERS LE HAUT/BAS .
Vous pouvez renommer une page en faisant un clic droit dessus et en sélectionnant
RENOMMER LA PAGE . En plus d'être un moyen pratique d'identifier des pages dans les
documents longs, les noms de pages sont utilisés lors de l'exportation du document
sous forme de site web. C'est pourquoi il n'est pas possible d'utiliser certains
caractères ou symboles dans le nom (car ils ne sont pas acceptés pour le nom de
page web).
Les boutons NOUVELLE PAGE , DUPLIQUER et SUPPRIMER ne nécessitent pas
d'explication. Remarquez que vous devez d'abord avoir sélectionné 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électionné un calque par exemple,
ils fonctionneront au niveau du calque).
Une solution alternative consiste à faire un clic droit sur une page puis à sélectionner
les options NOUVELLE PAGE, DUPLIQUER LA PAGE ACTUELLE ou SUPPRIMER LA PAGE
ACTUELLE.
L'option NOUVELLE PAGE créé une page vierge de la même taille que la page
sélectionnée.
Vous pouvez agrandir (ouvrir) la page pour afficher son contenu en cliquant sur la
petite flèche vers la droite ou en double-cliquant sur la miniature de la page.
La même opération réduira (fermer) la page.
327
328
Calques
Que sont les calques ? Tous les éléments de votre document ont un ordre
d'apparition : les nouveaux objets sont placés au-dessus des objets plus anciens de la
même façon que si vous placiez des bouts de papiers les uns au dessus des autres sur
votre bureau. Vous pouvez cliquer pour sélectionner et dé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é et difficile à organiser. Vous
aurez aussi peut-être envie de travailler sur des objets cachés par d'autres éléments.
Les calques sont une maniè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éparés. En ouvrant le dossier, vous
pouvez accéder à son contenu et le réorganiser. Votre bureau contient de tels
dossiers, et de la même façon que vous pouvez les réorganiser, vous pouvez
réorganiser vos calques.
Les calques sont donc des groupes d'objets. Ils peuvent être rendus invisibles, pour
masquer des zones de votre document, ce qui rend votre espace de travail moins
encombré et plus facile à gérer. Vous pouvez donner des noms aux calques, vous
pouvez créer facilement de nouveaux calques ou les supprimer. Et de la même façon
que vous cliquez sur la petite icône flèche pour ouvrir une page et visualiser son
contenu (les calques sur la page), vous pouvez faire la même chose pour chaque
calque pour en voir le contenu.
Lorsque vous sélectionnez un objet, le calque est affiché dans la barre de statut en bas
de la fenêtre.
Le calque actif
Lorsque vous créez un nouvel objet sur la page, il est placé sur un calque appelé
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é avec une flèche de sélection .
Important : tout les éléments, formes, photos et textes nouvellement dessinés ainsi
que tous les éléments collés sont placé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électionné sur n'importe quel calque ou même sur des calques
multiples qui ne sont pas forcément le calque actuel. Le calque actuel, avec la flèche,
ne fait qu'indiquer l'emplacement futur des nouveaux élé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équent, si vous dessinez un nouvel élément, celui-ci
sera déposé sur le calque MouseOff.
Quatre calques sont masqués (ils s'agit de Holiday photo 4, Holiday photo 3, Holiday photo 1 et
de MouseOver). Le calque d'Arrière-plan « Page background » est verrouillé.
Rendre le calque actif toujours visible
Il est possible de masquer ou même de verrouiller le calque actuel. Normalement, si
vous ne faites que cliquer sur un calque pour le sélectionner et faire de lui le calque
actuel, cela ne modifiera pas le fait qu'il soit verrouillé ou visible. Mais il existe une
préférence dans l'onglet Général (voir page 353) de la boîte de dialogue des Options
(faites un clic droit sur une page et sélectionnez OPTIONS DE PAGE ou sélectionnez
OPTIONS dans le menu des SERVICES ) qui permet que les calques actuels soient
toujours visibles et modifiables (déverrouillés). Après avoir sélectionné cette option,
lorsque vous sélectionnerez un calque dans la Galerie des pages et des calques, celuici sera visible et déverrouillé. Si vous passez à un autre calque, les états précédents de
visibilité et de verrouillage du calque que vous venez de quitter seront restaurés.
Calques sur les sites web
Dans les sites web enregistré depuis Web Designer, les calques sont utilisés pour des
effets survol de souris ou pop-ups (dans le navigateur web, le contenu de ces calques
est affiché lorsque vous dé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érents calques. (Les groupes ordinaires contiennent
des éléments se trouvant tous sur un même calque). Lorsque vous sélectionnez une
partie d'un groupe souple, toutes les autres parties sont elles aussi sélectionnées,
même si elles se trouvent sur des calques masqués ou verrouillés.
Opé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é. Lorsque le mode calques est activé, les calques de la page
actuelle sont toujours affichés lorsque vous passez d'une page à l'autre et tous les
autres noeuds de page sont fermés. Cliquez à nouveau sur le bouton CALQUES pour
désactiver le mode Calques.
Vous pouvez réorganiser les calques, c'est à 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électionner le calque). La manipulation
ressemble à celle que l'on effectue pour renommer des fichiers dans l'explorateur
Windows.
En maintenant le pointeur de la souris sur la petite icône de page,
un index pour cette page.
vous afficherez
Lorsque vous avez sélectionné un calque (cliquez dessus pour mettre le calque en
surbrillance), les boutons NOUVEAU , DUPLIQUER et SUPPRIMER dans la partie
supérieure de la galerie des calques et des pages rempliront leurs fonctions. Le bouton
NOUVEAU cré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 à la position
souhaitée.
Le bouton DUPLIQUER copie le calque et son contenu et le place en haut de la liste,
c'est-à-dire au-dessus de tous les objets de la page.
www.magix.com
Galerie des pages et des calques
Propriétés des calques
Ouvre la boîte de dialogue des Propiétés des calques :
Créer des calques et éditer leurs propriétés
Avec l'onglet Calque, vous pouvez :
• Créer un nouveau calque ou modifier un calque existant.
• Rendre le calque modifiable et visible par défaut.
• Définir le calque comme étant l'arrière-plan d'une page web qui n'apparaîtra pas
à l'impression.
• Spécifier que tous les objets du calque ne renvoient que les objets texte (voir
page 197) qui sont sur ce calque. Cela empêche que le texte sur le calque soit
renvoyé 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éer des lignes de guidage pour les calques selon
des valeurs numériques pré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éciaux
Il existe plusieurs sortes de calques spéciaux. Ils apparaissent dans la galerie de
calques et de pages et peuvent être activés ou désactivés comme d'habitude, mais se
comportent un peu différemment.
Les CALQUES D'ARRIERE-PLAN sont des calques non imprimable qui apparaissent dans
la partie supérieure du document, sous tout le reste. Lorsque vous attribuez une
couleur à l'arrière-plan de la page (par glisser-déposer depuis la palette de couleurs),
un calque D'ARRIERE-PLAN DE PAGE sera créé automatiquement. Celui-ci est
normalement verrouillé.
Lorsque vous sauvegardez un document en tant que site Internet, les calques
d'arrière-plan sont convertis en arrière-plans de page Internet. Veuillez consulter le
chapitre Pour bien démarrer (voir page 26) pour obtenir de plus amples informations
sur les paramètres des arrière-plans de pages Internet et l'utilisation des calques
d'arrière-plan.
Le CALQUE DE LIGNES est le calque sur lequel sont placés les lignes de repère ou les
objets de ligne. Lorsque vous créez une ligne de repère, un calque de lignes est
automatiquement créé. Vous pouvez sé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 à la section Objets de ligne et lignes de repère du
chapitre Utilisation des objets.
Masquer les calques
Les deux colonnes d'icônes situés toute à la droite de la Galerie des calques et des
pages contrôlent la visibilité et verrouillent les calques.
Cliquez sur l'icône oeil
afin de masquer le calque sur la page et l'icône se
transforme en œil fermé . Cliquez de nouveau pour rendre le calque visible.
Lorsqu'un objet est masqué, il devient invisible sur la page et ne peut plus être vu ni
sélectionné. Pour réafficher des objets masqués, cliquez sur l'icône en forme d'œil
fermé . Vous pouvez également cliquer sur le bouton PLUS... puis sélectionner
l'option AFFICHER TOUT, qui affiche tous les éléments de la page actuelle.
Mode solo
En cliquant dans la colonne située près de chaque calque, le calque passera en
mode « solo », ce qui signifie que tout, hormis ce calque, sera masqué. Vous pouvez
ainsi travailler uniquement sur ce calque isolé. En cliquant à nouveau sur l'icône, tout
www.magix.com
Galerie des pages et des calques
revient à l'état initial.
Vous pouvez également déplacer la colonne d'icônes en cliquant dessus et la
faisant glisser vers le bas afin de naviguer dans les calques indépendamment du reste
du contenu.
Pour quitter le mode Solo, cliquez à nouveau sur
le bouton
Verrouiller les calques
Cliquer sur l'icône du cadenas à droite de la rangée du calque pour verrouiller le
calque (l'icône se change en verrou) . Vous pouvez maintenant sélectionner
n'importe quel objet sur ce calque. Tout clic sur des objets verrouillés passeront au
travers de ces objets, comme s'ils n'existaient pas et sélectionneront les objets situés
en-dessous. Cliquez sur l'icône en forme de verrou pour déverrouiller le calque. Vous
pouvez aussi cliquer sur le bouton PLUS... et sélectionner l'option TOUT
DEVERROUILLER .
Groupes souples
Il existe une exception au verrouillage. Si un objet faisant parti d'un calque verrouillé
appartient à un Groupe souple (voir page 138), alors sélectionner et manipuler ce
Groupe souple sélectionnera et manipulera également tous les objets verrouillés de ce
Groupe souple (c'est l'intérêt des Groupes souples).
Tout afficher et tout déverrouiller
Ces deux commandes situées dans la partie supérieure de la galerie des pages et des
calques sont des raccourcis pour afficher tous les éléments de la page actuelle ou
pour déverrouiller tous les éléments. Ils représentent une annulation temporaire de
tous les paramètres des calques individuels. Lorsque vous recliquez sur la commande,
l'état précédant est restauré. Ceci est donc une façon rapide de tout afficher ou tout
déverrouiller sur tous les calques, d'effectuer une opération donnée et de restaurer
ensuite l'état initial.
Il suffit qu'un bouton soit sélectionné (les boutons sont représentés enfoncés) pour
que la modification de l'état des éléments individuels soit impossible. Annulez la
sélection de ces boutons pour permettre le fonctionnement normal de la visibilité 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 à celles décrites ci-dessus à la différence qu'elles ne
fonctionnent pas alternativement. Autrement dit, si vous sélectionnez une de ces
options, tous les calques seront soit affichés soit déverrouillés, et il sera compliqué de
restaurer l'état précédent des calques autrement qu'en sélectionnant séparément
l'état masqué ou verrouillé dans chaque élément.
Déplacer les objets entre les calques
Il existe plusieurs manières de déplacer des objets entre les calques. Sélectionnez
d'abord le ou les objets que vous souhaitez déplacer puis :
• COUPEZ l'objet (Ctrl+X ou clic droit et COUPER ). Assurez-vous que le calque cible
est le calque actif (affiché avec , cliquez sur le calque si ce n'est pas le cas)
puis faites un clic droit et sélectionnez COLLER ou COLLER AU MEME ENDROIT. Si
vous coupez ou copiez plusieurs éléments situés sur des calques différents, la
structure des calques est préservée lorsque vous collez les éléments. Les
éléments sont collés sur leur calque d'origine au lieu du calque actuel. Pour coller
tous ces élé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électionnez COLLER AU MEME ENDROIT SUR LE CALQUE
ACTUEL . Ces options de collage sont aussi présentes dans la barre escamotable
de la barre supérieure ainsi que dans le menu ÉDITER .
• Faites un clic droit et sélectionnez ARRANGER puis DEPLACER SUR LE CALQUE AUDESSUS ou DEPLACER SUR LE CALQUE EN DESSOUS pour déplacer les objets
sélectionnés d'un calque vers le haut ou le bas.
• Assurez-vous que le calque cible est le calque actuel, recherchez l'objet
sélectionné dans la GALERIE DES PAGES ET DES CALQUES (cliquez sur le bouton
RECHERCHER ) puis faites un clic droit dessus et sélectionnez DEPLACER SUR LE
CALQUE ACTUEL .
www.magix.com
Importer et exporter
Importer et exporter
Remarques géné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çon à pouvoir l'ouvrir et le
retravailler ultérieurement. MAGIX Web Designer MX sauvegarde votre travail
au format de fichier *.web. Considérez ce dernier comme le format du
« document master ».
• EXPORTER permet la conversion dans les autres formats pris en charge.
L'exportation vous permet d'utiliser et de distribuer vos graphiques.
Formats recommandés
Les formats d'exportation universels pouvant être lus par la plus grande palette de
logiciels et être utilisés sur le Web sont les formats Bitmap, GIF, PNG et JPEG. Ils
apparaîtront au final exactement comme vous les voyez à l'écran dans MAGIX Web
Designer MX. Le format PNG est recommandé 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é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çu ou créé à l'aide d'un logiciel de télé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'à 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è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és en tant que pages multiples ; les fichiers TIFF
à ordre d'octets Mac ou PC) ; les fichiers TIFF avec calques et transparence (s'ils ont
été sauvegardés depuis Photoshop, les règles pour la compatibilité avec le mode
Fondu sont les mê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é pour les appareils mobiles.
Formats d'importation EPS
.AI : Illustrator EPS
.EPS : ArtWorks
.EPS : Illustrator EPS
.EPS : CorelDraw 3 & 4 EPS
.EPS : FreeHand 3.0 EPS
.EPS : Photoshop EPS (Pour l'importation de données depuis Photoshop dans MAGIX
Web Designer MX, utilisez des fichiers PSD au lieu de fichiers EPS afin d'obtenir de
meilleurs ré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èle CorelDRAW
.CMX : Corel CMX 5 & 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étafichier optimisé 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î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étafichier optimisé 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électionnez « FICHIER > IMPORTER » : cette manipulation permet de fusionner le
contenu du fichier importé 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ées du fichier de manière conventionnelle ou d'ajouter un lien au fichier et
de l'inclure à votre site Internet publié.
• Ou bien sélectionnez « FICHIER > OUVRIR » : le fichier s'ouvre en tant que nouveau
document.
MAGIX Web Designer MX prend en charge l'importation de fichiers par GlisserDéposer. Si vous faites glisser un fichier depuis votre explorateur vers un document
MAGIX Web Designer MX ouvert, le fichier sera importé et placé sur la page actuelle.
Vous pouvez également faire un Glisser-Déposer d'un fichier de l'explorateur vers une
337
338
barre d'outils ou vers la barre de titre d'une fenê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ôtres. Pour
remplacer une image, faites glisser votre fichier (JPEG, GIF, PNG, BMP) depuis votre
Explorateur de fichiers Windows et déposez-le en haut de l'image que vous voulez
remplacer. Votre photo sera automatiquement redimensionnée pour remplacer la
photo modèle. La nouvelle photo sera alors sélectionnée et vous vous retrouverez
dans l'outil de Remplissage où vous pourrez facilement ajuster la position et
redimensionner votre photo si nécessaire.
Importer un fichier PhotoShop PSD
Pour importer un fichier PSD, importez le fichier comme d'habitude, via Fichier >
Importation, ou alors faites-le glisser et déposez-le dans MAGIX Web Designer MX.
Les calques du fichier PSD et les paramètres de visibilité des calques seront préservé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éplacer ou modifier individuellement plusieurs
objets de PhotoShop dans MAGIX Web Designer MX, placez-les sur des calques
séparés dans PhotoShop avant de les exporter.
Import de PDF
Le format PDF est un format graphique vectoriel complexe qui a évolué au cours de
ces 10 dernières années et qui comprend un grand nombre de sous-formats et
d'options. À l'origine, le PDF a été conçu comme un format de document portable
uniquement destiné au visionnage et à l'impression, et non au transfert de données
entre différentes applications. Cependant, MAGIX Web Designer MX est capable de
charger la plupart des fichiers PDF.
À présent, le format PDF est le format recommandé 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és dans MAGIX Web Designer MX sous
forme de documents multipages.
• Le texte des fichiers PDF est découpé 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é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éparti en objets séparé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éé. 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ées. Légalement, il est
impossible d'extraire ces polices et de les installer sur votre système. Donc si
vous ne possédez pas déjà les polices utilisées dans le fichier PDF, vous verrez
qu'elles sont remplacées par d'autres polices.
• Les fichiers codés ou protégés par un mot de passe ne peuvent pas être importés.
• Tout texte d'un fichier PDF qui utilise des sous-ensembles de polices incrustées
ne sera ni lisible ni éditable.
Le format PDF est complexe : il est souvent difficile d'importer correctement un fichier
PDF. La meilleure manière d'importer dépend de ce que vous souhaitez faire avec ce
fichier. L'option « OPTIMISATION POUR L'APERÇU » tente d'afficher le fichier importé de
la façon la plus fidèle possible à ce que vous voyez dans Acrobat mais peut s'avérer
plus difficile à éditer (il est possible que de nombreux ClipViews soient groupés par
exemple). L'alternative « OPTIMISATION POUR L'EDITION » dissocie certaines
structures difficiles à éditer manuellement (des ClipViews groupés par exemple).
Importation Photo RAW
Vous pouvez importer des fichiers d'appareils photo numériques au format RAW, soit
en vous servant de l'option du menu d'Importation soit en faisant un Glisser-Déposer
du fichier dans la fenê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érentes utilisées pour les
fichiers RAW par les différents fabricants d'appareils photo, si bien que si vous avez
un fichier RAW avec une extension de fichier non répertoriée dans la liste ci-dessus, il
vaut quand mê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électionnez « Fichier > Importation de textes et de graphiques depuis le
Web » (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é du texte et des images de cette
page sera importée et positionnée sur votre page à peu près comme sur la page Web.
En d'autres termes, cette fonction vous fournit le moyen d'importer grossièrement
une page Web entiè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 éléments de sorte qu'il est peu probable d'obtenir
une représentation complète et juste de la page dans MAGIX Web Designer MX ave
ce type d'importation. Mais il s'agit d'une manière utile de commencer à remplacer un
site Web existant par un site Web MAGIX Web Designer MX.
Lorsque vous importez des éléments depuis des pages Web, la longueur de votre
page dans MAGIX Web Designer MX est automatiquement ajustée pour s'adapter
aux textes et images importées si la page n'est pas assez longue.
Exporter des fichiers
Pour exporter un fichier :
• Sélectionner FICHIER > EXPORTER .
• Ou appuyer sur Ctrl+Maj+E.
Une boîte de dialogue EXPORTER apparaît. Choisissez un nom pour votre fichier et
sélectionnez le format requis dans la liste déroulante ENREGISTRER SOUS. Certains des
formats sont détaillés ci-dessous.
Exporter comme fichiers méta Windows (.wmf)
Les fichiers dans ce format peuvent être lus par Word et de nombreux autres logiciels.
Exporter au format de fichier méta élargi (EMF)
Quelques applications Windows modernes supportent ce type élargi de format de
graphique vectoriel. Ce format est aussi disponible pour les applications proposant
une option de menu de Collage spécial.
Notez que MAGIX Web Designer MX peut comporter des caractéristiques, tels que
des styles de remplissages avancés, qui ne peuvent pas être représentés dans des
formats vectoriels tels que EMF. Dans ce cas, des parties de l'image seront exporté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 à
sélectionner les formats depuis la liste des formats d'exportation disponibles affichée
lorsque vous passez par « FICHIER > EXPORTATION »
• FICHIER > 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->EXPORTER AU FORMAT JPEG : exporte la sélection actuelle ou la page
actuelle vers un fichier JPEG.
• FICHIER->EXPORTER AU FORMAT PNG : exporte la sélection actuelle ou la page
actuelle vers un fichier PNG.
Pour plus d'informations, consultez le chapitre de démarrage.
Exporter comme bitmap
Les formats JPEG, GIF et PNG sont des formats universels supportés par la plupart
des applications informatiques modernes. PNG est le format de meilleure qualité.
JPEG est plus adapté au travail photographique mais peut produire des fichiers
compacts acceptables (vous pouvez contrôler la qualité et la taille du fichier).
Le format GIF supporte uniquement 256 couleurs, et, bien que fréquent sur de
nombreux sites Internet, PNG reste un meilleur format. Le format PNG supporte
également les graphiques semi-transparents (utilise l'option True Color + Alpha),
mais il n'est pas encore correctement supporté 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é. Toutefois, en utilisant 256 couleurs ou moins, MAGIX Web Designer MX
offre une technique très avancée permettant de simuler une palette de couleurs
beaucoup plus large afin d'obtenir des résultats proches de la qualité photographique
en utilisant seulement 256 couleurs ou moins.
Important
Les bitmaps sont le produit de la qualité de vue active ; pour de meilleurs résultats,
assurez-vous que dans Fenêtre > Qualité ou la réglette de la barre de contrôle
STANDARD est réglée sur anti-aliasing.
Exportation d'un fichier PhotoShop PSD
PhotoShop est un programme d'édition de photos et donc lorsque vous exportez au
format PSD, tous les objets vectoriels sont rastérisés (convertis en bitmap). Vous
avez le choix de la ré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 à nouveau les objets de
votre choix.
Pour exporter en tant que fichier PSD, sélectionnez FICHIER > EXPORTER puis
sélectionnez ADOBE PHOTOSHOP dans la liste ENREGISTRER SOUS.
341
342
Calques
Les calques de MAGIX Web Designer MX sont conservés lorsqu'ils sont exportés au
format PSD. Chaque calque est rastérisé en tant que calque PSD individuel (y compris
les noms des calques). La visibilité des calques est également conservée, et ainsi des
calques invisibles dans MAGIX Web Designer MX seront également exportés en tant
que calques invisibles dans PhotoShop. Vous pouvez activer ou désactiver les calques
dans PhotoShop en utilisant la palette de CALQUES .
Texte
Il est possible d'exporter du texte à partir de MAGIX Web Designer MX afin d'en faire
du texte éditable dans PhotoShop mais ce texte doit se trouver sur un calque à part.
(Lors de l'importation on vous demandera peut-être si vous souhaitez mettre les
objets à jour pour les rendre éditables dans PhotoShop).
Si du texte se trouve sur le même calque que des objets graphiques, il sera rastérisé et
deviendra on éditable.
Exportation DPI
Vous pourrez définir la taille des bitmap (en dpi) dans le fichier PSD d'exportation.
Pour des images destinées à un affichage sur écran, une résolution basse de 72 dpi
suffit.
Pour des travaux destinés à l'impression, vous devez définir un DPI plus élevé.
Vous pouvez également choisir d'exporter la page MAGIX Web Designer MX entière
ou bien seulement des parties des objets visibles.
Récapitulatif
Pour un maximum de compatibilité et de possibilités d'é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éparés
dans MAGIX Web Designer MX.
• Si vous souhaitez éditer votre texte dans Photoshop, placez-le sur un calque à
part ne contenant pas d'objets graphiques.
www.magix.com
Importer et exporter
Aperçu de la fenêtre de dialogue d'exportation
des formats JPEG, PNG et GIF
La fenêtre de dialogue d'exportation
présente deux fenêtres d'aperçu,
IMAGE A sur la gauche et IMAGE B
sur la droite, vous pouvez donc
comparer les paramètres
d'exportation ou les types de fichier
alternatifs côte à côte. Cliquez
simplement sur la fenêtre d'aperçu
à droite ou sur celle de gauche pour
changer l'aperçu actif.
Au-dessus de la fenêtre d'aperçu se
trouve une petite liste déroulante
vous permettant de sélectionner le
format d'exportation parmi les trois
formats d'exportation les plus
courants : JPEG, PNG et GIF.
Lorsque vous avez sélectionné l'aperçu A ou B , vous pouvez utiliser de nombreuses
options d'exportation à l'aide des cinq onglets situés sous l'aperçu. Quelques options
comme les options de palette peuvent être attribuées à 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,
à partir de ces options vous pouvez définir la qualité requise d'un format JPEG.
Voici comment exporter une image :
1.
2.
3.
4.
Sélectionnez un objet ou des objets sur la page que vous souhaitez exporter.
Sélectionnez le menu Exportation ou bien « Maj + Ctrl + E », entrez un nom de
fichier et sélectionnez un type de fichier depuis la liste déroulante. Le type
d'exportation principal affiche la boîte de dialogue d'aperçu ci-dessus.
Dans cette boîte de dialogue d'aperçu, ajustez les paramètres si vous le
souhaitez ou ignorez-les si vous êtes satisfaits des paramètres par défaut.
Cliquez sur le bouton EXPORTER
Pour les formats les plus courants JPEG et PNG, à l'étape 2, vous pouvez utiliser les
opérations directes disponibles dans le MENU FICHIER : EXPORTER EN JPEG et EXPORTER
EN PNG . La boîte de dialogue d'exportation affichée possède un bouton « Paramètres »
qui vous conduira jusqu'à la boîte de dialogue d'exportation ci-dessus.
La plupart des paramètres d'exportation seront enregistrés pour la prochaine
exportation. Par exemple si vous choisissez une qualité de JPEG, cette dernière sera
paramétrée lors de votre exportation suivante.
343
344
Taille de l'image exportée
Lorsque vous exportez, la taille normale par défaut est la même que vous voyez sur
l'écran lorsque le zoom est à 100 %. La taille de pixel est affichée en dessous de la
fenêtre d'aperçu. Vous pouvez ré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çu des images mais n'affectent pas le fichier exporté :
• Outil de ZOOM : cliquer sur un aperçu pour faire un zoom avant.
Maj+cliquer pour faire un zoom arrière. Faire glisser sur une partie de
l'aperçu pour faire un zoom avant sur cette zone
• Outil de DEPLACEMENT : vous permet de faire glisser l'image dans la
fenêtre d'aperçu.
• ZOOM PLEIN ECRAN : redimensionne l'image d'aperçu pour l'ajuster à la
fenêtre.
• ZOOM A 100% : redimensionne l'image à sa taille normale (100 %).
• ZOOM A LA RESOLUTION DE L'IMAGE (1:1) : aucun effet pour les GIF.
Redimensionne l'image de sorte qu'un pixel du bitmap corresponde à
un pixel à l'écran. Ceci est utile pour voir les détails d'un bitmap.
L'outil suivant ne sert qu'à des fichiers utilisant moins de 256 couleurs (mais vous
verrez le résultat quand l'onglet des OPTIONS DE PALETTE sera sélectionné) :
SELECTEUR DE COULEUR : la couleur se trouvant sous le pointeur est mise en
surbrillance lorsqu'il est déplacé au-dessus du graphique. Cliquer pour
sélectionner la couleur sur la palette. Vous pouvez alors utiliser les boutons
des OPTIONS DE LA PALETTE (décrits ci-dessous) pour modifier cette couleur.
APERÇU : le bouton d'aperçu est disponible sur tous les onglets de cette boîte de
dialogue. Il met à jour la fenêtre d'aperçu pour refléter tout changement apporté aux
options d'exportation.
Onglet options de palette
Cet onglet vous permet de modifier les paramètres de couleur de votre image
exportée.
Mélange de couleurs & Palette
Les options MELANGE DE COULEURS et PALETTE s'appliquent uniquement lorsque vous
exportez avec 256 couleurs ou moins, et affectent la façon dont l'image s'affiche ainsi
que sa palette de couleurs. Il est recommandé de toujours utiliser une PALETTE
OPTIMISEE . Réglez MELANGE sur Aucun, ce qui produira des fichiers plus petits mais
www.magix.com
Importer et exporter
parfois regroupés, ou DIFFUSION D'ERREUR , qui donnera des résultats de meilleure
qualité, 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énéralement) et meilleure sera sa qualité.
L'option TRUE COLOR supporte jusqu'à 16 millions de couleurs. Les options TRUE
COLOR + ALPHA comprennent des caractéristiques semi-transparentes telles que des
ombres douces et des transparents. Pour les applications qui supportent les fichiers
PNG gérant l'alpha-channel, ceci est le format recommandé.
Si vous choisissez 256 couleurs ou moins, vous avez la possibilité d'utiliser la
transparence simple (icône verre à vin, voir ci-dessous). Cela ne supporte pas les
pixels semi-transparents, seulement les pixels complètement opaques ou
complètement transparents « activés/désactivés » produisant ainsi des bords
irréguliers.
Couleurs maximum
Si vous sélectionnez une profondeur de couleur de 256 ou moins, vous pouvez
contrôler exactement combien de couleurs sont utilisées dans le fichier. Ceci permet
un haut degré de contrôle de la qualité par rapport à la taille du fichier. Saisissez
simplement le nombre requis de couleurs et appuyez sur le bouton APERÇU pour avoir
un aperçu.
Boutons
Ces boutons (hormis ARRIERE-PLAN TRANSPARENT ) s'appliquent lors de l'exportation
des images à 256 couleurs ou moins. Ces fichiers sont créés avec une palette de
couleurs limitée et ces commandes offrent un haut degré de contrôle sur les couleurs
de palette. Voir SELECTEUR DE COULEUR ci-dessus pour voir comment sélectionner une
couleur ou cliquez sur une couleur dans la PALETTE DE COULEURS ).
Verrouiller une couleur
Vous pouvez spécifier le nombre de couleurs que vous souhaitez sur la palette de
bitmaps exportés. Vous souhaitez peut-être vous assurer que certaines couleurs
apparaîtront toujours sur la palette ; vous pouvez verrouiller ces couleurs. Cliquez sur
une couleur pour la sélectionner, puis sélectionnez le bouton VERROUILLER . Un petit
carré apparaît en bas à gauche de la couleur pour vous indiquer qu'elle est verrouillée.
Sécuriser une palette de couleurs pour Internet
Une fois cliqué, ce bouton intégrera la couleur sélectionnée aux 216 couleurs usuelles
de la palette Internet. Cet ancien système n'est plus essentiel ou pertinent étant
donné que les ordinateurs peuvent désormais afficher des millions de couleurs et qu'il
n'y a pas d'intérêt à restreindre le graphisme Internet à cette palette limitée.
345
346
Rendre l'image de fond transparente
Rendre toute zone non recouverte par l'objet sélectionné transparente. En
sélectionnant cette option, une entrée de la palette devient automatiquement
transparente.
Rendre une couleur de la palette transparente
Rend l'entrée de cette couleur transparente. Notez la différence entre cette option, qui
rend des parties des objets sélectionnés transparents et Rendre l'image de fond
transparente qui rendent les zones derrière les objets sélectionnés transparentes.
Supprimer une couleur de la palette
Supprime cette couleur de la palette. Toutes les zones du bitmap utilisant la couleur
supprimé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ée
Annule la suppression de la couleur.
Ajouter des couleurs système
Ajoute 28 couleurs à la palette. Ces couleurs sont les couleurs ordinaires du système
Windows et les couleurs primaires. Ceci garantit que la palette comprend un
échantillon de couleurs et peut améliorer la qualité de l'image, tout particulièrement si
elle contient un large éventail de couleurs. Il vous faudra sans doute tester cette
fonction pour obtenir les meilleurs résultats.
Onglet taille de bitmap
Cet onglet vous permet de modifier la taille de l'image exportée.
Taille et résolution du bitmap
Vous pouvez modifier la taille du bitmap exporté 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îne la modification automatique de l'autre. L'option TAILLE est plus
pertinente que l'option ÉCHELLE si vous souhaitez créer un bitmap d'une taille
particulière en pixels.
• ÉCHELLE. (Grisé pour les JPEG & PNG). Cette option vous permet de
redimensionner le bitmap d'un pourcentage en plus ou de moins. L'option
É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ée pour les GIF & BMP). Tapez la résolution dans le champ DPI.
Si vous exportez une image pour la voir à l'écran (c'est-à-dire pour un site
Internet), vous n'avez pas besoin d'un réglage supérieur à 96 dpi.
• Zone à sauvegarder
Le bitmap peut être créé en utilisant l'une de ces zones du document :
• PAGE- l'intégralité de la page.
• DESSIN - la zone couverte par les objets.
• SELECTION - la zone des objets de la sélection. Uniquement disponible lorsque des
objets sont sélectionnés.
Anti-aliasing (Lissage de bordures)
L'anti-aliasing améliore l'apparence des graphiques en lissant les bords irréguliers :
• CONSERVER L'ANTI-ALIASING DE L'ECRAN . Le bitmap exporté utilise exactement la
même position qu'à l'écran et donc le même anti-aliasing. Cela donne que les
bords des objets peuvent être légèrement flous car ils ne tombent pas
exactement sur les limites des pixels.
• MINIMISER L'ANTI-ALIASING VISIBLE. Cette option permet de repositionner
légèrement les objets par fraction de pixel pour minimiser l'anti-aliasing autour
des bords du bitmap exporté. Si vous doutez de l'option à utiliser, sé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
éditeur de texte ou votre éditeur de page HTML.
Onglet Options
Dans cet onglet vous pourrez modifier la compression JPEG et activer les options
progressif/entrelacé si nécessaire.
Progressif : (JPEG uniquement). La sélection de cette option crée un JPEG progressif.
Ceci est utile lorsque le JPEG est grand et destiné à une page Internet. Les navigateurs
Internet afficheront l'image avant que le fichier JPEG soit complètement téléchargé.
Qualité JPEG : (JPEG uniquement). Un réglage bas donnera un petit fichier avec une
perte de qualité tandis qu'une plus grande valeur n'entraînera qu'une légère réduction
de taille du fichier mais permettra une haute qualité. Notez qu'un réglage de 100 %
compressera tout de même le fichier. Un réglage de 75 % permet une bonne
compression sans causer de perte remarquable de qualité pour la plupart des
utilisations.
347
348
Entrelacé : (GIF et PNG uniquement.) Similaire au JPEG progressif. L'image apparaît
tout d'abord comme une image à basse résolution dans le navigateur. La résolution
augmente à mesure que la totalité du fichier se charge.
Transparent : (GIF et PNG uniquement.) Cette option rend toutes les zones non
couvertes par les objets sélectionnés transparentes. En sélectionnant cette option,
une entrée de la palette devient automatiquement transparente.
Exporter chaque calque dans un fichier individuel : la sélection de cette option lors de
l'exportation d'un graphique contenant plusieurs calques résultera en un fichier
individuel exporté pour chaque calque. Les noms de chaque calque (tels que définis
dans la Galerie des calques) sont utilisés pour nommer les fichiers exportés.
Aperçu navigateur
À l'aide des boîtes de prévisualisation A et B dans la boîte de dialogue EXPORTER
(affichée ci-dessus), vous pouvez sélectionner le meilleur compromis entre la taille du
fichier et la qualité des graphismes Internet. Le meilleur test reste toutefois d'afficher
le graphique dans un navigateur Internet. Cet onglet offre diverses options pour cet
aperçu. Cliquer sur le bouton APERÇ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èles de conception conçus par des professionnels,
des pages web ou des sites Internet complets ainsi que des cliparts individuels que
vous pouvez utiliser pour agrémenter vos modèles.
Pour ouvrir cette galerie :
• Ou cliquez sur l'onglet GALERIE DES DESIGNS de la barre des Galeries.
• Sélectionnez SERVICES > GALERIES > GALERIE DES DESIGNS .
Voir UTILISATION DU DOCUMENT pour plus d'informations concernant l'utilisation des
galeries. Si vous êtes en ligne, le fait d'ouvrir la galerie téléchargera automatiquement
des modèles et des gadgets web des serveurs de Web Designer ; ces éléments
apparaîtront immédiatement dans la galerie. Vérifiez régulièrement si de nouveaux
gadgets Web et modèles gratuits sont disponibles. Pour ouvrir un modèle sous forme
de nouveau document, double-cliquez dessus. Importez un modèle dans votre
document actuel par un glisser-déposer. Ce faisant, les modèles de page sont ajoutés
à votre document actuel sous forme de nouvelles pages. D'autres modèles et gadgets
web sont déposés dans votre page actuelle.
349
350
Beaucoup de dossiers dans la galerie sous ELEMENTS DE PAGE contiennent des
« gadgets » – 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èle vide
Les documents modèles vides sont des options disponibles sous FICHIER > NOUVEAU .
Des modèles pré-conçus sont disponibles dans la Galerie des modèles de
conception (ou Fichier > Nouveau depuis la Galerie des modèles de
conception).
Pour ajouter un document modèle :
1.
Ouvrir un document existant (Fichier > Ouvrir ou Ctrl+O) ou en créer
un nouveau avec le bouton NOUVEAU de la barre de contrô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 éditer le document
du modèle de conception comme tout document ordinaire.
3. Lorsque vous êtes satisfait des modifications apportées, choisissez
« Fichier > Enregistrer le modèle et un nom de modèle ».
Pour faire de votre nouveau modèle le modèle par défaut (à savoir celui que vous
voyez lorsque vous ouvrez Web Designer et qui apparaît lorsque vous appuyez sur
Ctrl+N), cochez l'option UTILISER COMME MODELE PAR DEFAUT lorsque vous
sauvegardez le modèle.
351
352
Afficher vos propres icônes dans les onglets des
navigateurs : favicons
Il se peut que vous vouliez afficher votre icône personnalisée, un logo par exemple,
sur les onglets des pages de votre site affichées dans un navigateur web. Web
Designer vous permet de faire cela en appliquant le nom « favicon » à votre icône
d'onglet personnalisée.
Pour créer une « favicon », dessinez ou déposez l'image que vous souhaitez utiliser
sur une page web. L'image peut avoir n'importe quelle taille car elle sera
automatiquement redimensionnée pour avoir les dimensions requises dans un
navigateur.
Cliquez dessus puis cliquez sur le bouton Noms à droite de la barre d'infos
de l'OUTIL DE SELECTION .
Dans la boîte de dialogues Noms, saisissez « favicon » dans la case APPLIQUER LES
NOMS et cliquez sur AJOUTER puis sur FERMER .
Prévisualisez votre site Internet dans le navigateur web de votre choix. La méthode la
plus simple consiste à cliquer sur l'une des icônes d'Aperçu puis, dans la fenêtre
d'aperçu de MAGIX Web Designer MX, de sélectionner l'un des navigateur web dans
le coin supérieur droit de la fenêtre.
L'onglet de votre page web affiche votre icô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ée
à partir de votre disque dur, ce qui est normalement le cas lorsque vous développez
et prévisualisez votre site avant de le mettre en ligne. Au moment où nous écrivons,
Firefox l'affiche même pour les pages locales ; par conséquent, utilisez ce navigateur
pour vérifier votre favicon. Une fois que votre site est publié, 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îte de dialogue des OPTIONS . Elle vous permet de
paramétrer diverses options pour Web Designer. Le bouton OK en bas de la boîte de
dialogue applique les changements effectués et ferme la boîte de dialogue. Le bouton
APPLIQUER applique les changements mais la boîte de dialogue reste affichée à
l'écran. Cela vous permet de faire d'autres modifications.
Onglet général
Taille de la liste des fichiers consultés récemment
Le menu Fichier présente une liste des fichiers chargés ou enregistrés récemment
dans le sous-menu « Ouvert récemment ». 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 éditable
Le chapitre Calques (voir page 323) comporte des informations sur les calques et la
galerie des calques.
Lorsque cette option est sélectionnée, la sélection d'un calque dans la galerie des
CALQUES le rend automatiquement visible et éditable.
Si cette option n'est pas sélectionnée, les états visible et éditable d'un calque
demeurent inchangés lorsque vous sé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électionnés.)
Avec cette option activée, il vous sera demandé si vous souhaitez confirmer ou non la
modification de l'attribut.
Avec cette option désactivée, la modification sera effectuée sans confirmation.
Rendre les groupes transparents.
Pour plus d'informations sur la transparence, voir le chapitre Transparence.
Lorsque vous appliquez de la transparence à un groupe d'objets, Web Designer
appliquera la transparence par défaut au groupe comme s'il constituait un seul objet
(c'est-à-dire que vous ne verrez pas de transparences individuelles au sein du
groupe). Désélectionnez cette option pour permettre à Web Designer d'ajouter de la
transparence à chaque objet du groupe séparément.
Conserver les noms des calques importés
Avec cette option, les informations sur les calques sont préservées lors de
l'importation de modèles ou d'autres fichiers. Si l'option « IMPORTER LES CALQUES
DANS LE CALQUE ACTIF » est sélectionnée, tous les objets importés apparaîtront dans
le calque actuel et les informations de calque du fichier entrant seront ignorées.
IMPORTER LES CALQUES DANS DE NOUVEAUX CALQUES créera un calque pour chaque
calque importé.
Sélection d'objets
Cette option vous permet de modifier la configuration par défaut de l'outil de
Sélection (avec lequel vous devez tracer un rectangle à l'aide du curseur de la souris
sur les objets afin de les sélectionner). Vous pouvez définir si seuls les objets situés
dans le rectangle doivent être sélectionnés ou bien si ceux que touche le rectangle
doivent être également compris dans la sélection.
www.magix.com
Personnaliser Web Designer
Angle limité
Ceci s'applique lors de la rotation ou du déplacement d'un objet avec la touche Ctrl
enfoncée.
Vous pouvez soit sélectionner une valeur à partir du menu soit taper une valeur en
degrés.
Le document sera un site Web.
Cette option indique à MAGIX Web Designer MX que le document doit être exporté
en tant que site Web. Cela aura pour conséquence que le programme traitera
légèrement différemment les liens placés sur les objets. Si vous désactivez cette
fonction, un lien placé uniquement sur un objet appartenant à un groupe ne
fonctionnera pas dans le site Web, une fois celui-ci exporté, car le groupe entier est
exporté en tant que graphique unique : un lien placé uniquement sur une partie du
groupe sera ignoré au cours de la procédure d'exportation. Cependant, si cette option
est activée, le lien sera assigné automatiquement au groupe entier, et le résultat final
sera le même que si vous aviez placé 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 à l'intégralité de l'objet (du
bouton). L'option est activée par défaut dans tous vos modèles de sites Web.
Afficher les longueurs de texte compatibles Windows
Pour en savoir plus sur la compatibilité de texte dans un navigateur Internet (voir
page 215), consultez le chapitre MANIPULATIONS DE TEXTE.
Largeur incrémentielle
Ceci s'applique lors du déplacement d'objets à l'aide des touches fléchées du clavier.
Ce champ texte définit la distance que parcourt l'objet à chaque pression de touche.
Si le document utilise des unités de mise à l'échelle (tel qu'1 pouce pour 1 mile), le
champ texte affiche la distance en unités de mise à l'échelle.
(Lorsque vous avancez ainsi, Ctrl et Maj augmente la distance de cinq et dix fois
respectivement.)
Distance de duplication
ÉDITER > DUPLIQUER (Ctrl+D) crée un duplicata décalé de l'objet original. Ces champs
texte définissent la distance de décalage.
Des valeurs positives créent le duplicata au-dessus ou à droite de l'objet original.
Des valeurs négatives créent le duplicata en dessous ou à gauche de l'objet original.
355
356
Onglet des grilles et réglettes
Espacement des grilles et réglettes
L'ESPACEMENT PRINCIPAL définit la distance entre la grille principale et les divisions de
la réglette. Les unités que vous utilisez pour la grille et les réglettes sont définies par
les unités que vous utilisez pour l'espacement principal. Par exemple, si vous fixez un
espacement de grille principale à 2 CM, les unités de la grille et de la réglette seront
définies en centimètres sans tenir compte des unités de la page spécifiées dans les
options d'unités.
Direction des coordonnées
Vous pouvez modifier ici la direction des coordonnées de pages.
www.magix.com
Personnaliser Web Designer
Onglet Souris
Fonctions des boutons de souris
Web Designer vous offre un éventail d'actions lorsque vous cliquez sur le bouton
gauche ou droit de la souris. Par exemple, si vous êtes gaucher, vous préférerez sans
doute utiliser le bouton droit comme bouton usuel. Vous n'aurez qu'à attribuer le clic
normal au bouton droit de la souris (vous pouvez aussi régler les deux boutons de
façon à ce qu'ils réagissent de manière identique si vous le souhaitez).
Actions possibles :
• Clic normal - Au moins un bouton doit toujours être attribué au clic normal.
• Maj+clic.
• Ctrl+clic.
• Alt+clic.
• Afficher un menu contextuel (voir ci-dessous).
• Activer/Désactiver le mode plein écran (décrit dans Utilisation du document
(voir page 89)).
• Zoom avant ou arrière - cliquer pour le zoom avant, Maj+cliquer pour le zoom
arrière (dé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ées à 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é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éfilement et le Zoom.
Cliquer sur PAR DEFAUT pour revenir aux attributions du bouton originales. Ceci prend
effet immédiatement - vous n'avez pas besoin de cliquer sur OK ou APPLIQUER
MAINTENANT .
Le panneau de configuration de Windows vous permet également d'intervertir les
boutons droit et gauche de la souris.
Radius magnétique d'alignement
L'accrochage est décrit dans le chapitre Utilisation de l'objet (voir page 130).
Ces champs de texte définissent à quelle distance vous devez faire glisser un objet
avant qu'il s'accroche à un objet magnétique. Ce sont des distances à l'écran,
indépendantes de l'échelle du document.
Onglet Taille de la page
Cette page décrit le Page Size tab wd des Services, boîte de dialogue des options
Si l'option « TAILLE IDENTIQUE POUR TOUTES LES PAGES DU SITE WEB » n'est pas
sélectionnée, vous avez la possibilité d'attribuer différentes tailles aux pages de votre
www.magix.com
Personnaliser Web Designer
document dans cette boîte de dialogue. Pour définir une taille de page, sélectionnezen une parmi celles prédéfinies dans la liste déroulante, ou bien optez pour
« Personnalisé » et entrez la largeur et la hauteur que vous souhaitez dans les champs
prévus à cet effet.
Si l'option VERROUILLAGE LA TAILLE DE LA PAGE est activée, vous ne pouvez pas
redimensionner une page en en tirant les bords en bas ou à droite. De même que les
objets anti-chevauchement qui sont poussé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ésactiver la fonction de sauvegarde
automatique. Cette fonction enregistre une copie de tous les documents ouverts
modifiés à des intervalles réguliers. Il est recommandé d'activer cette fonction lorsque
vous travaillez afin de sauvegarder régulièrement votre travail. Vous pouvez
également choisir si le programme doit vous demander si vous souhaitez effectuer
une sauvegarde à chaque fois que vous quittez le programme ou si tous les
documents ouverts doivent être sauvegardés et restaurés lors du prochain démarrage
du programme.
Consulter le chapitre Utilisation de document (voir page 98) pour obtenir de plus
amples informations sur ces fonctions.
Barres de contrôle
Vous pouvez déplacer les barres de contrôle de Web Designer à différents endroits de
la fenêtre, réordonner les boutons, créer de nouvelles barres de contrôle, déplacer ou
copier des boutons d'une barre de contrôle à l'autre et effectuer bien d'autres
opérations encore.
Il n'est pas possible de modifier la barre d'infos dépendant de l'outil ou les contenus
des barres escamotables qui se trouvent sur la barre d'outils principale et les barres
supérieures.
Mode plein écran
Web Designer dispose de deux configurations des barres de contrôle :
• Une configuration apparaît lorsque la fenêtre a sa taille normale.
• La seconde configuration apparaît lorsque vous choisissez Fenêtre > Plein écran.
Toute modification apportée à une configuration des barres de contrôle (par exemple,
redimensionner ou déplacer) n'a aucun effet sur l'autre configuration. Les
modifications apportées aux boutons individuels (par exemple, régler une option)
s'appliquent en mode normal ainsi qu'en mode plein écran.
359
360
Afficher et masquer les barres de contrôle
L'affichage des barres de
contrôle est contrôlé par la
boîte de dialogue des BARRES
DE CONTROLE (FENETRE >
BARRES DE CONTROLE.)
À côté de chaque barre de
contrôle se trouve une case à
cocher. Une coche dans ces
cases indique que la barre de
contrôle est affichée. Cliquez
sur la case à cocher de la
barre de contrôle
correspondante afin d'afficher
ou de masquer cette barre.
Vous pouvez activer ou désactiver rapidement LES BARRES DE CONTROLE si vous
effectuez un clic droit sur une zone vide en haut de la fenêtre du programme. Utilisez
le menu déroulant pour choisir la barre de contrôle que vous désirez afficher.
www.magix.com
Personnaliser Web Designer
Barres de contrôle accrochées et flottantes
Généralement, les barres de contrôles sont accrochées (fixées aux bords de la
fenêtre). Le fait de déplacer la fenêtre déplace par la même occasion les barres de
contrôle accrochées.
Les barres de contrôle peuvent aussi être flottantes. Elles ne suivent alors pas le
mouvement de la fenêtre.
Barre de contrôle flottante
Barre de contrôle accrochée
Vous pouvez masquer une barre de contrôle flottante en utilisant la boîte de dialogue
des BARRES DE CONTROLE (décrite ci-dessus) ou en cliquant sur l'icône FERMER .
Pour rendre une barre de contrôle flottante, faites-la glisser à partir du bord de la
fenêtre, soit sur la zone d'édition ou hors de la fenêtre de Web Designer.
Pour accrocher une barre de contrôle, faites-la glisser sur :
• Le bord de la fenêtre.
• Ou la barre de menu.
• Ou sur une autre barre de contrôle.
Une barre de contrô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ée. Si vous souhaitez que la barre de contrôle reste flottante, maintenez la
touche Ctrl enfoncée tout en la faisant glisser.
Redimensionner la barre de contrôle
Déplacer le pointeur sur le bord de la barre de contrôle. Il se transforme en flèche à
deux pointes. Vous pouvez alors tirer le bord pour redimensionner la barre de
contrôle.
Créer des nouvelles barres de contrôle
Pour créer une nouvelle barre de contrôle :
• Faire glisser un bouton sur la zone d'édition ou hors de la fenêtre. Ceci ouvre une
nouvelle barre de contrôle contenant ce bouton.
Ou cliquez sur NOUVEAU dans la boîte de dialogue des BARRES DE CONTROLE. Ceci
vous permet de créer une nouvelle barre de contrôle et de lui attribuer un nom. La
nouvelle barre de contrôle est vide. Vous pouvez faire glisser des boutons dessus.
361
362
Le déplacement des boutons est décrit ci-dessous.
Supprimer des barres de contrôle
Vous pouvez uniquement supprimer des barres de contrôle vides. Pour cela, déplacez
tous les boutons vers une autre barre de contrôle. Fermez la barre de contrôle (soit en
cliquant sur l'icône FERMER soit en utilisant la boîte de dialogue BARRES DE CONTROLE ).
La barre de contrôle est automatiquement supprimée lorsque vous quittez Web
Designer.
Déplacer des boutons et des outils
Pour déplacer des boutons et des outils :
1.
2.
Positionnez le pointeur de la souris sur le bouton que vous souhaitez déplacer.
Maintenez le bouton Alt (Alt gauche) pour déplacer le bouton ou AltGr (AltGr
droit) pour copier le bouton lorsqu'il est utilisé sur des barres de commandes
définies par l'utilisateur ou d'autres barres de commandes. Néanmoins, sur la
palette de boutons prédéfinie, les deux touches Alt n'effectuent que la copie du
bouton.
Faites glisser le bouton vers :
3.
-
Un autre emplacement sur la même barre de contrôle.
-
Ou sur une autre barre de contrôle.
-
Ou sur la zone d'édition/hors de la fenêtre de Web Designer pour créer une
nouvelle barre de contrôle.
Vous ne pouvez pas déplacer de bouton sur ou hors de la barre d'infos.
Masquer des boutons et des outils
Déplacez les boutons ou les outils dont vous ne voulez pas vers une autre barre de
contrôle puis masquez-la (description un peu plus haut).
Si vous avez besoin du bouton ou de l'outil plus tard, utilisez la boîte de dialogue
BARRES DE CONTROLE pour afficher la barre de contrô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éfèrent à l'objet sélectionné. En général,
l'action décrite s'applique aussi si plusieurs objets sont sélectionnés. Nous utilisons
l'expression « objet sélectionné » aussi bien pour un que pour plusieurs objets
sélectionnés.
La plupart du temps, vous avez la possibilité de sélectionner une option soit dans un
menu, soit dans une barre de contrôle soit grâce à un raccourci clavier. S'il existe un
bouton dans la barre de contrôle et/ou un raccourci clavier; ceux-ci sont indiqués
après le nom du menu. Par exemple, ceci signifie qu'il y a un bouton sur la barre de
contrôle STANDARD qui a le même effet que la sélection de Nouveau et que vous
pouvez utiliser le raccourci Ctrl + N.
Nouveau (barre de contrôle standard ou Ctrl + N)
Menu fichier
Nouveau (barre de contrôle standard ou Ctrl+N)
Crée un nouveau document
Nouveautés de la galerie de modèles
Cette option permet d'ouvrir la galerie de modèles si celle-ci ne l'est pas déjà : vous
pourrez y choisir un modè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èle souhaité pour l'utiliser dans un nouveau document.
Vous pouvez également ouvrir la galerie de modèles en cliquant sur l'icone
dans la barre d'outils de la galerie.
Ouvrir (barre de contrôle standard ou Ctrl+O)
Ouvre une nouvelle fenêtre d'édition et y charge un fichier. Ce fichier peut être :
• un fichier *.web de Web Designer permettant de visualiser ou d'éditer un
document de Web Designer existant,
• ou un fichier dans un des autres formats d'importation (voir liste de formats dans
Importation & Exportation (voir page 335)). Le fichier s'ouvrira dans un nouveau
document.
363
364
Fichiers récents
Liste des derniers fichiers chargés ou sauvegardés. Permet de charger rapidement ces
fichiers.
Vous pouvez modifier le nombre de fichiers répertoriés dans cette liste. (Référez-vous
au chapitre Personnaliser Web Designer (voir page 351) pour de plus amples
informations.
Fermer (Ctrl+W)
Ferme la fenêtre d'édition actuelle. Web Designer reste chargée. Vous êtes averti si le
fichier comporte des changements non sauvegardés.
Enregistrer (barre de contrôle standard ou Ctrl+S)
Enregistre le document sélectionné.
Enregistrer sous
Cette option vous permet de sauvegarder le document sélectionné sous un nom
différent ou dans un répertoire ou lecteur différent.
Enregistrer tout
Enregistre tous les documents chargés
Enregistrer le modèle
Enregistre le document sélectionné comme document modèle. (Voir chapitre
Personnaliser Web Designer (voir page 351)).
Importer (Ctrl+Alt+I)
Charge un fichier dans le document sélectionné. Le fichier peut être dans n'importe
quel format d'importations (voir Importation et Exportation (voir page 335) pour plus
d'informations).
Il existe une différence entre les fonctions OUVRIR et IMPORTER : les deux chargent
plusieurs formats diffé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électionnez EXPORTER .
Vous permet d'exporter le document dans l'un des formats d'exportation supporté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électionnez EXPORTER > EXPORTER EN JPEG ).
Vous permet d'exporter les objets sélectionné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électionnez EXPORTER > EXPORTER EN PNG .)
Vous permet d'exporter les objets sélectionnés, une page ou l'ensemble d'un
document au format PNG.
Aperçu de la page (F12)
Exportation et aperçu de la page actuelle du document de site web actuel.
Vous pouvez aussi consulter l'aperçu en cliquant sur le bouton de
prévisualisation de la page de la barre d'outils Internet.
Cliquez sur un type de navigateur en haut de la fenêtre d'aperçu pour visualiser votre
page dans votre navigateur préféré.
Affiche un aperçu de votre page dans Google Chrome
Affiche un aperçu de votre page dans Mozilla Firefox
Affiche un aperçu de votre page dans Internet Explorer
Affiche un aperçu de votre page dans Opera
Affiche un aperçu de votre page dans Safari
Prévisualiser le site Web
Cette fonction exporte et permet de visualiser le document de site Web en cours
d'édition. Le document est exporté au même emplacement que lors de la dernière
exportation (les fichiers s'y trouvant seront écrasés sans demande de confirmation)
ou dans un répertoire temporaire si le site n'a pas encore été exporté. Ensuite, une
fenêtre de navigateur affichera la première page du site Web.
365
366
C'est le moyen le plus rapide pour prévisualiser le site Web sur lequel vous êtes
en train de travailler. Vous pouvez consulter l'aperçu é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éaliser la même chose que le bouton de la barre
d'outils Web. Le site Web en cours d'édition sera exporté et publié dans votre
espace Web.
Si vous n'avez pas encore saisi les informations FTP pour votre espace Web, l'onglet
PUBLICATION de la boîte de dialogue des PROPRIETES WEB va s'afficher. Ensuite, si vous
n'avez pas encore exporté le site localement, la boîte de dialogue d'exportation va
apparaître et vous permettre d'y procéder. Le site Web sera alors publié vers votre
espace Web. Vous verrez une barre de progression lors de la publication.
Consultez le chapitre « Démarrage » pour en savoir plus sur la procédure de
publication.
Informations du document
Cette option montre une boîte d'informations à propos du document sélectionné, y
compris quelles polices sont utilisées dans le document en cours.
Options de page
Faites aussi un clic droit et sélectionnez OPTIONS DE PAGE .
Vous permet de modifier la mise en page, la taille de la page, etc.
Quitter
Ferme toutes les fenêtres et Web Designer. Vous êtes averti si des fichiers
comportent des changements non sauvegardés.
www.magix.com
Menus et raccourcis clavier
Menu Éditer
Annuler (barre de contrôle standard ou Ctrl+Z)
Annuler l'opération précédente. Les termes de cette option renvoient à la dernière
opération effectuée. Par exemple, ANNULER COUPER . (Se reporter au chapitre Annuler
& Rétablir (voir page 114).)
Rétablir (barre de contrôle standard ou Ctrl+Y)
Annuler la dernière commande ANNULER . Les termes de cette option renvoient à la
dernière opération ANNULER effectuée. (Se reporter au chapitre Annuler & Rétablir.)
Couper (barre de contrôle Éditer ou Ctrl+X)
Coupez l'objet sélectionné vers le presse-papier. Les termes de cette option renvoient
au type d'objet sélectionné. (Se reporter au chapitre Utilisation de l'objet (voir page
120).)
Copier (barre de contrôle Éditer ou Ctrl+C)
Copiez l'objet sélectionné vers le presse-papier. Les termes de cette option renvoient
au type d'objet sélectionné. L'objet reste en place dans le document. (Se reporter au
chapitre Utilisation de l'objet (voir page 120).)
Coller (barre de contrôle Éditer ou Ctrl+V)
Ou faites un clic droit et sélectionnez COLLER .
Coller le contenu du presse-papiers dans le document sélectionné. 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 être insérés par le biais de plusieurs formats différents. Si
c'est la cas, la boîte de dialogue COLLAGE SPECIAL apparaît pour vous permettre de
choisir un format.
Copier le texte non formaté
Colle le texte du presse-papiers dans votre document sans informations de format.
Coller au même endroit
Identique à COLLER à la différence que l'objet sera collé à la position exacte qu'il avait
lorsque vous l'avez copié. C'est très utile pour déplacer des objets d'un calque ou
d'une page à l'autre sans modifier leur position sur le calque ou la page.
Coller le format/les attributs
Pré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é.
367
368
Coller sur le calque actuel
Il s'agit de la même fonction que COLLER AU MEME ENDROIT , mis à part que votre objet
sera collé sur le calque actuel.
Cela est utile si vous voulez afficher ou masquer uniquement l'objet collé lorsque les
calques au-dessus ou en dessous sont affichés.
Coller au même endroit sur le calque actuel
Il s'agit de la même fonction que COLLER SUR LE CALQUE ACTUEL , mis à part que votre
objet sera collé sur le calque actuel à la position exacte qu'il occupait quand vous
l'avez copié.
Supprimer (barre de contrôle Éditer & standard ou Supprimer)
Supprimer l'objet sélectionné. Les termes de cette option renvoient au type d'objet
sélectionné. (Se reporter au chapitre Utilisation de l'objet (voir page 115).)
Tout sélectionner (Ctrl+A)
Sélectionner tous les objets des calques éditables. (Les calques éditables et verrouillés
sont décrits dans le chapitre Calques (voir page 323).)
Annuler la sélection/Réinitialiser les attributs actuels (Echap)
Désélectionner tous les objets. Si aucun objet n'est sélectionné, les valeurs par défaut
des attributs actuels (voir page 64) sont rétablies. Vous pouvez atteindre ce résultat
facilement en cliquant deux fois sur Echap.
Dupliquer (barre de contrôle Éditer ou Ctrl+Alt+D)
Ou faites un clic droit puis sélectionnez DUPLIQUER .
Copier l'objet sélectionné en plaçant la copie légèrement en décalage par rapport à
l'original. La copie devient alors l'objet sélectionné. La distance du décalage peut être
personnalisée (voir chapitre Personnaliser Web Designer (voir page 355)).
Cloner (Ctrl+K)
Tout comme DUPLIQUER copie l'objet sélectionné mais place la copie directement audessus de l'original. La copie devient alors l'objet sélectionné.
Pages
Ou faites un clic droit et sélectionnez PAGES .
Le sous-menu Pages vous permet de supprimer ou d'ajouter des pages à votre
document multipage, de copier la page en cours ou de la dé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éplacer sur le calque au-dessus (barre de contrôle Arranger ou Ctrl+Maj+U)
Ou faites un clic droit et sélectionnez ARRANGER > DEPLACER SUR LE CALQUE AUDESSUS .
Déplacer l'objet sélectionné d'un calque vers l'avant. L'objet sélectionné devient
l'objet d'arrière-plan sur le nouveau calque.
Mettre au premier plan (barre de contrôle Arranger ou Ctrl+F)
Ou faites un clic droit et sélectionnez ARRANGER > METTRE AU PREMIER PLAN .
Déplacer l'objet sélectionné devant tous les autres objets du même calque. Voir
Manipulation des objets (voir page 115) pour plus d'informations.
Avancer (barre de contrôle Arranger ou Ctrl+Maj+F)
Ou faites un clic droit et sélectionnez ARRANGER > AVANCER.
Déplacer l'objet sélectionné d'un niveau vers l'avant (voir Manipulation des objets
(voir page 115)).
Reculer (barre de contrôle Arranger ou Ctrl+Maj+B)
Ou faites un clic droit et sélectionnez ARRANGER > RECULER .
Déplacer l'objet sélectionné d'un niveau vers l'arrière (fait référence à la Manipulation
d'objets).
Mettre à l'arrière-plan (barre de contrôle Arranger ou Ctrl+B)
Ou faites un clic droit et sélectionnez ARRANGER > EN ARRIERE-PLAN .
Déplacer l'objet sélectionné derrière tous les autres objets du même calque (fait
référence à la Manipulation d'objets (voir page 115)).
Déplacer sur le calque en dessous (barre de contrôle Arranger ou
Ctrl+Maj+D)
Ou faites un clic droit et sélectionnez ARRANGER > DEPLACER SUR LE CALQUE EN
DESSOUS .
Déplace l'objet sélectionné d'un calque vers l'arrière. L'objet sélectionné devient
l'objet de premier plan sur le nouveau calque.
Grouper (barre de contrôle Arranger ou Ctrl+G)
Ou faites un clic droit et sélectionnez GROUPER .
369
370
Grouper les objets sélectionnés afin qu'ils apparaissent comme un objet unique (fait
référence à la Manipulation d'objets (voir page 115)).
Dégrouper (barre de contrôle Arranger ou Ctrl+U)
Ou faites un clic droit et sélectionnez DEGROUPER .
Dissoudre le ou les groupes en objets distincts. Grisé à moins que l'objet sélectionné
ne constitue un groupe. Ou, si pour plusieurs objets sélectionnés, il existe au moins un
groupe.
Appliquer un groupe souple (Ctrl+Alt+G)
Ou faites un clic droit et sélectionnez APPLIQUER UN GROUPE SOUPLE.
Les objets sélectionnés forment un groupe souple. Au contraire des groupes normaux,
les groupes souples peuvent inclure des objets situés sur différents calques. Pour en
savoir plus, référez-vous à la rubrique Manipulation des objets (voir page 138).
Dissoudre le groupe souple (CTRL+ALT+U)
Ou faites un clic droit et sélectionnez SUPPRIMER LE GROUPE SOUPLE .
En dissolvant le groupe souple sélectionné, il sera de nouveau possible de sélectionner
chacun des objets séparément.
Alignement (Ctrl+Maj+L)
Ou faites un clic droit et sélectionnez ALIGNER .
Permet d'aligner plusieurs objets. Est sans effet lorsqu'un seul objet est sélectionné
(consultez Manipulation des objets (voir page 140) pour en savoir plus).
Ajuster le texte à la courbe/Supprimer le texte de la courbe
Ou faites un clic droit et sé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électionnez RENVOYER LE TEXTE EN DESSOUS , ANCRER AU
TEXTE ou RENVOYER ET ANCRER .
ait en sorte que l'objet renvoie le texte placé en dessous et ancre un objet à l'intérieur
d'une colonne de texte. Voir Objets de renvoi de texte (voir page 197) et Graphiques
ancrés (voir page 199) pour plus de détails.
www.magix.com
Menus et raccourcis clavier
Créer une barre de navigation
Cette commande permet de créer une barre de navigation à partir d'un seul bouton.
Pour obtenir de plus amples informations, consultez le chapitre BARRES DE
NAVIGATION (voir page 296).
Répéter l'opération sur toutes les pages (Maj+Ctrl+Alt+R)
Ou faites un clic droit puis sélectionnez REPETER SUR TOUTES LES PAGES .
L'objet sélectionné sera copié au même endroit dans toutes les pages. La commande
crée automatiquement un nom Repeating:AutoRepeat approprié et l'applique à toutes
les copies ; à partir de là, il sera mis à jour à chaque fois que vous sélectionnerez MISE
A JOUR DES OBJETS RECURRENTS .
Arrêter la mise à jour (Maj+Ctrl+Alt+O)
Ou faites un clic droit et sélectionnez ARRETER LA MISE A JOUR.
L'opération ARRANGER > ARRETER LA MISE A JOUR permet de désactiver la fonction de
répétition d'une instance d'un objet ré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ôle des galeries ou « F10 »)
Affiche ou masque la GALERIE DES PAGES ET DES CALQUES .
Galerie des bitmaps (barre de contrôle des galeries ou « F11 »)
Affiche ou masque la GALERIE DES BITMAPS (voir Utilisation du format bitmap).
Galerie des lignes (barre de contrôle des galeries ou « F12 »)
Affiche ou masque la GALERIE DES LIGNES (voir Dessiner des lignes).
Galerie des modèles (barre de contrôle des galeries ou « + F10 »)
Affiche ou masque la GALERIE DES MODELES (voir Importer et exporter (voir page
335)).
Galerie des remplissages (barre de contrôle des galeries ou « + F11 »)
Affiche ou masque la GALERIE DES REMPLISSAGES (voir Utilisation du format bitmap
(voir page 262)).
Éditeur de couleurs (Ctrl+E)
Ou faites un clic droit et sélectionnez COULEUR DE REMPLISSAGE .
371
372
Ouvre l'ÉDITEUR DE COULEURS (voir Utilisation des couleurs).
Noms
Ou faites un clic droit et sélectionnez NOMS .
Ouvre la boîte de dialogue Appliquer/Supprimer les noms (voir page 145).
Propriétés Web (Ctrl+Maj+W)
Ou faites un clic droit et sélectionnez PROPRIETES WEB .
Ouvre la boîte de dialogue des PROPRIETES WEB qui permet d'ajouter à votre page
Web des fonctionnalités web telles que des liens, des calques pop-up, des points
d'ancrage etc. Cette boîte de dialogue permet également de contrôler la façon dont
les images doivent être exportées pour la page web et de définir d'autres propriétés
web. Consultez le chapitre « Pour bien démarrer (voir page 26) » pour en savoir plus.
Optimiser une photo
Ou faites un clic droit et sélectionnez OPTIMISER LA PHOTO .
Optimiser la ré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étails.
Optimiser tous les fichiers JPEG
Cette fonction permet d'optimiser toutes les photos au format JPEG dans le modèle.
Voir Optimiser des photos (voir page 279).
Vérification orthographique dè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électionnez OPTION DE PAGE.
Ouvre la boîte de dialogue des OPTIONS (décrite dans Personnaliser Web Designer
(voir page 351)).
Menu de partage
Le menu de partage comprend des options variées pour partager l'image sélectionnée
avec d'autres services MAGIX ou autres. Par exemple vous pouvez sé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éo deluxe MX par exemple.
www.magix.com
Menus et raccourcis clavier
Publiez en ligne - Chargez des objets sur Facebook
Envoyez la sélection sur Facebook Une boîte de dialogue apparaît vous permettant de
spécifier le nom du fichier, de chercher les mots clé pour votre image et de choisir si
cette image devrait être privée ou publique. Cliquez sur le bouton CHARGEMENT et une
fenêtre de connexion apparaît. Si vous avez déjà un compte Facebook, entrez vos
identifiants et cliquez sur le bouton connexion sinon sur le bouton inscription pour
vous connecter à Facebook. Si vous avez l'intention de charger beaucoup d'images,
cochez la case qui vous permet de rester connecté(e), ainsi vous n'avez pas à vous
connecter pour chaque chargement. Cliquez sur le bouton de connexion et votre
image sera exportée et chargée, ensuite une fenêtre de navigateur s'ouvrira pour que
vous puissiez accéder à votre compte Facebook.
Publiez en ligne - Chargez des objets sur Flickr
Envoyez la sélection sur Flickr. Le processus est similaire au chargement sur
Facebook, sauf que vous devez bien sûr vous connecter avec vos identifiants Flickr.
Publiez en ligne - Album MAGIX en ligne
ENVOYER LES OBJETS SELECTIONNES
Envoyez la sélection à MAGIX pour l'inclure dans un nouvel album ou un album déjà
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 à 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édias dans une fenêtre afin de gérer les photos de votre
album.
GERER LES DONNEES DE CONNEXION
Si vous avez choisi d'avoir vos données de connexion MAGIX stockées sur votre
ordinateur, cette option vous permet de changer les dé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ême opération est disponible
depuis le menu Fichier et la barre d'outils Web.
Publier en ligne - Espace Web gratuit & plus
Cette option ouvre un navigateur Web sur une page des services disponibles et
gratuits d'hébergement MAGIX et d'autres informations relatives.
Envoyer des images vers d'autres applications MAGIX. installées
Si vous avez d'autres applications MAGIX installées, le menu de partage comporte les
options pour envoyer les images sélectionnées vers ces applications. Par exemple si
373
374
vous avez Vidéo deluxe MX installé sur votre ordinateur, une entrée « Ajouter des
objets à la vidéo » sera présente dans le menu, vous permettant d'envoyer la
sélection vers cette application pour l'inclure dans un film.
Menu Fenêtre
Annuler la sélection/Réinitialiser les attributs actuels (Echap)
Désélectionner tous les objets. Si aucun objet n'est sélectionné, les valeurs par défaut
des attributs actuels (voir page 64) sont rétablies. Vous pouvez atteindre ce résultat
facilement en cliquant deux fois sur Echap.
Aperçu de plusieurs pages
Ou faites un clic droit et sélectionnez APERÇU DE PLUSIEURS PAGES .
Par défaut, Web Designer affiche uniquement la page actuelle du document
actuellement ouvert. Sélectionnez Aperçu de plusieurs pages pour voir toutes les
pages de votre document.
Nouvelle fenêtre
Ouvre une nouvelle fenêtre dans le document actuel.
Arranger les fenêtres
Affiche toutes les fenêtres de Web Designer en mosaïque.
Afficher les barres de défilement
Affiche les barres de défilement sur le côté et en bas de la fenêtre de Web Designer.
Afficher les règles (Ctrl+L)
Ou faites un clic droit et sélectionnez AFFICHER LA GRILLE/LES GUIDES > AFFICHER LES
REGLES .
Affiche des règles en haut et sur le côté de la fenêtre de Web Designer.
Barres de contrôle
Affiche la boîte de dialogue des BARRES DE CONTROLE . (Décrite dans le chapitre
Personnaliser Web Designer (voir page 359).)
Qualité (barre de contrôle standard)
Sélectionne la façon dont les objets s'affichent, du rendu fil de fer à l'anti-aliasing.
(Voir chapitre Utilisation du document.)
Afficher les onglets des documents
Affiche les onglets des documents qui fournissent un accès rapide à chaque
document ouvert en haut de la fenêtre de Web Designer.
www.magix.com
Menus et raccourcis clavier
Cliquez sur l'onglet d'un document pour le sélectionner. Un nom de document suivi
d'un « * » indique que le document contient des modifications non enregistrées.
Plein écran (8 sur le pavé numérique)
Passe des modes plein écran à écran normal.
Afficher la grille (#)
Ou faites un clic droit et sélectionnez AFFICHER LA GRILLE/LES GUIDES > AFFICHER LA
GRILLE .
Affiche la grille à l'écran (voir Utilisation des documents (voir page 102)).
Afficher les guides (1 sur le pavé numérique)
Ou faites un clic droit et sélectionnez AFFICHER LA GRILLE/LES GUIDES > AFFICHER LES
GUIDES .
Affiche ou masque le calque des guides qui contient toutes les lignes et tous les
objets de guidage.
Magnétisme de la grille (. sur le pavé numérique)
Ou faites un clic droit et sélectionnez MAGNETISME > MAGNETISME DE LA GRILLE .
Avec cette option, l'objet s'accroche à tout point de la grille dont il est approché (voir
Utilisation des documents (voir page 130)).
Magnétisme des guides (2 sur le pavé numérique)
Ou faites un clic droit et sélectionnez MAGNETISME > MAGNETISME DES GUIDES .
Avec cette option, l'objet s'accroche à tout guide dont il est approché (voir
Manipulation des objets (voir page 134))..
Magnétisme des objets (* sur le pavé numérique)
Ou faites un clic droit et sélectionnez MAGNETISME > MAGNETISME DES OBJETS .
Avec cette option, le fait de glisser une poignée près d'un autre objet accroche la
poignée à l'objet ; voir Manipulation des objets (voir page 130) pour plus
d'informations. Vous pouvez aussi régler la distance du magnétisme ; voir
Personnaliser Web Designer) (voir page 351) pour plus de détails.
Documents chargés
Liste des documents actuels chargés. Cliquez sur le nom d'un document pour le
sélectionner. (Ctrl+F6 permet de passer d'un document ouvert à l'autre.) Un nom de
document suivi d'un * indique qu'il contient des modifications non sauvegardé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émarrage de l'Aide du programme. Vous pourrez ici naviguer dans l'Aide
pas à pas et passer à des sections spécifiques grâce à l'arborescence située à droite.
Aide
Cette commande est quasiment disponible à tout moment du programme et en ouvre
l'Aide au thème correspondant. Utilisez cette commande pour obtenir de l'aide pour
toute fonction de MAGIX Web Designer MX.
Raccourci :
F1
Vidéos
Vous envoie sur une page web contenant des tutoriels vidé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écieuses en ligne.
Astuce du jour
Voir l'astuce du jour. Une case à cocher se trouve également en dessous de l'Astuce
du jour vous permettant de choisir si vous souhaitez voir l'astuce à chaque démarrage
de Web Designer ou non.
Mise à jour du programme
Cette option vérifie si des mises à jour du programme sont disponibles en ligne.
Tout d'abord, vous verrez un écran vous informant si une nouvelle version importante
de Web Designer est disponible au téléchargement. Ensuite, si vous avez enregistré le
programme auprès de Xara, une procédure de mise à jour automatique va démarrer
et vérifiera si des mises à jour gratuites du programme sont disponibles. Si une mise à
jour est disponible, elle sera automatiquement téléchargée et MAGIX Web Designer
MX sera fermé afin de procéder à l'installation de l'actualisation. Le programme
redémarrera ensuite automatiquement.
Servez-vous de l'option « ENREGISTRER » dans le menu AIDE pour enregistrer le
programme auprès de Xara.
www.magix.com
Menus et raccourcis clavier
Pop-ups d'information
Vous permet d'afficher des « infobulles » qui apparaissent lorsque le curseur de la
souris est placé au-dessus des barres d'outils, des boutons, de la palette de couleurs
et d'autres éléments de la fenêtre de Web Designer.
À propos de MAGIX Web Designer MX
Sélectionnez « AIDE » > « À PROPOS DE XARA 3D MAKER 7 ». Cela affiche les
informations générales relatives au programme. Ces informations pourront
éventuellement vous être demandées si vous contactez notre équipe d'assistance.
Enregistrer
Utilisez cette option pour enregistrer votre achat en ligne auprès de Xara : vous
bénéficierez de mises à jour gratuites pour votre programme, de réductions sur les
mises à niveau, d'offres spéciales et d'autres avantages.
Raccourcis clavier
Les outils
OUTIL DE SÉLECTION
OUTIL DE CHANGEMENT DE FORMES
OUTIL DE SÉLECTION RECTANGULAIRE
OUTIL ELLIPSE
OUTIL TEXTE
OUTIL DE REMPLISSAGE
OUTIL DE TRANSPARENCE
OUTIL OMBRES
OUTIL PHOTO
OUTIL DE DÉ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 BITMAPS
 + F10
 + F11
F10
F11
Zoom en cours
Zoom précédent
Zoom sur la sélection
Zoom sur le dessin
Zoom sur la page
Zoom avant (agrandir)
Zoom arrière (réduire)
Ctrl+R
Ctrl+Maj+Z
Ctrl+Maj+J
Ctrl+Maj+P
Ctrl+ + sur le pavé numérique
Ctrl+ - sur le pavé numérique
GALERIE DES DESIGNS
GALERIE DES REMPLISSAGES
GALERIE DES PAGES ET DES CALQUES
377
378
Zoom à 100%
Zoom à 200%
Zoom à 300%
Zoom à 400%
Zoom à 50%
1
2
3
4
5
Vous pouvez également faire un zoom avant et faire glisser le document à l'aide de la
molette de la souris (Ctrl+molette de la souris zoom avant/arrière).
Manipuler des documents
Dans l'Outil texte, les raccourcis marqués d'une étoile (*) ont une action diffé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équence de rafraîchissement d'un
document
Afficher la grille
Afficher les guides
Magnétisme de la grille
Magnétisme des guides
Magnétisme des objets
Sélectionner le plein écran
Afficher les règles
Annuler
Ré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é numérique
. sur le pavé numérique
2 sur le pavé numérique
* sur le pavé numérique
8 sur le pavé numérique
Ctrl + Maj + R ou Ctrl + L*
Ctrl + Z ou < ou ,
Ctrl + Y ou > ou .
Manipuler des objets
Dans l'Outil texte, les raccourcis marqués d'une étoile (*) ont une action différente voir ci-dessous (voir page 379)
Tout sélectionner
Sélectionner l'objet suivant
Supprimer la sélection
Annuler la sélection
Mettre l'objet au premier plan
Mettre l'objet en arrière-plan
Déplacer l'objet vers l'avant
Déplacer l'objet vers l'arrière
Dé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éplacer l'objet sur le calque en dessous
Grouper des objets
Dégrouper des objets
Cloner un objet
Dupliquer l'objet avec un décalage
Copier l'objet dans le presse-papiers
Couper la sélection vers le pressepapiers
Coller l'objet du presse-papiers
Coller l'objet à la position originale
Coller des attributs
Créer une copie de bitmap
Additionner des formes
Soustraire des formes
Croiser des formes
Trancher des formes
Ouvrir la boî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éplacer les objets sélectionnés : touches fléchées avec l'OUTIL DE SELECTION (voir
Pousser les objets (voir page 120))
Déplacer les poignées sélectionnées : touches fléchées dans les autres outils que
l'outil de sélection.
Outil Texte
Touches de curseur
Ctrl+B
Déplacer le curseur de texte vers le haut, le
bas, la gauche ou la droite d'un caractčre ŕ
chaque fois.
Déplacer le curseur de texte au début de la
ligne.
Déplacer le curseur de texte ŕ la fin de la
ligne.
Déplacer le curseur de texte d'un mot vers
la droite/gauche.
Déplacer le curseur de texte au début de la
premičre ligne dans un objet texte.
Déplacer le curseur de texte ŕ la fin de la
derničre ligne dans un objet texte.
Sé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électionné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électionner tous les caractčres de la ligne
oů se trouve le curseur de texte.
Insé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érer un trait d'union (apparaît
uniquement lors d'un retour ŕ la ligne en fin
de ligne).
Insérer un tiret afin d'éviter qu'il soit pris
pour un trait d'union en fin de ligne.
Augmenter/Diminuer la taille de police du
texte sélectionné (uniquement si toute la
sélection a la męme taille).
Augmenter/Diminuer le kerning/tracking.
Entrée
Dé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ébut d'une ligne de texte, joignez cette
ligne ŕ la ligne en dessus.
Sélectionnez tout le texte entre la position
du curseur et le début de la ligne.
Sélectionnez tout le texte entre la position
du curseur et la fin de la ligne.
Ctrl+W
Ctrl+-
Ctrl+Maj+Ctrl+Maj+<
Ctrl+Maj+>
Retour arričre
Maj+touches de curseur
Maj+Fin
Caractères spéciaux (dans l'outil de texte)
Ctrl + Espace
Espace insécable (les mots comportant un
espace insécable ne vont pas à la ligne à la
fin d'une ligne)
Ctrl + Pavé
–
Tiret demi-cadratin (Un tiret demi-cadratin
numérique –
est plus long que le moins et est un « tiret »
plus correct)
Ctrl + Alt + Pavé
—
Tiret cadratin (Un tiret cadratin est un tiret
numérique –
long)
Ctrl + Alt + (point)
…
Points de suspension(Un point de
suspension comporte trois points)
Ctrl + Alt + C
©
Copyright
Ctrl + Alt + R
®
Déposée
www.magix.com
Menus et raccourcis clavier
Ctrl + Alt + T
Ctrl + Alt + B
™
•
Autre
Éditeur de couleurs
Boî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écessaires à une bonne utilisation du
programme ainsi que de nombreuses informations supplémentaires. La page d'accueil
de l'Aide est accessible via le menu AIDE > CONTENU . Pour cela, cliquez simplement
sur la touche « F1 » de votre clavier : l'Aide s'ouvre automatiquement, avec une aide
contextuelle correxpondant au thème recherché. Utilisez la fonction de recherche
pour trouvez des mots précis. Vous pouvez en outre affiner votre recherche en
utilisant des opérateurs logiques (par exemple ou, et,proche)
Manuel PDF
Le manuel électronique (PDF) est une documentation complète. Pour accéder au
manuel électronique : Démarrer > Programmes > MAGIX > Nom du programme >
Documentation.
Remarque : pour visualiser le fichier PDF, vous devez disposer du programme gratuit
Adobe Acrobat Reader. Si ce programme n'est pas déjà présent sur votre ordinateur,
vous pouvez le télé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éer des sites Web est un vrai jeu d'enfants
avec les logiciels de création de sites Internet de
MAGIX.
• Publiez vos sites Web en ligne gratuitement avec l'hébergement Web gratuit de
MAGIX.
• Enregistrez les noms de domaines de votre choix à prix intéressant pour votre
site Web.
Dé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éos explicatives faites
par des experts concernant votre produit MAGIX ? Sur magix.info
http://www.magix.info/de, vous trouverez les réponses à vos questions et les
solutions à vos problèmes ainsi que des formations et des ateliers professionnels près
de chez vous concernant les logiciels et le multimédia.
Vous pouvez accéder à 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éos explicatives faites
par des experts concernant votre produit MAGIX ? Sur magix.info, vous trouverez les
réponses à vos questions et les solutions à vos problèmes ainsi que des formations et
des ateliers professionnels près de chez vous concernant les logiciels et le multimédia.
Magazine MAGIX
Le magazine MAGIX – toujours bien informé :
• Tendances numériques
• Pages incontournables sur le Web
• Infos intéressantes sur les produits MAGIX
Le magazine MAGIX vous attend sur http://magazine.magix.com/fr.
383
384
Indice
A
À la fin de la ligne :................................................................................................................. 156
À propos de MAGIX Web Designer 2013.......................................................................377
À propos de Xtreme ................................................................................................................ 25
Abonnement à un site de gadgets......................................................................................315
Accrochage.............................................................................................................................. 130
Activer/Désactiver les barres de navigation du site.....................................................299
Actualiser les Styles de texte ............................................................................................. 205
Afficher et masquer les barres de contrôle .................................................................... 360
Afficher la grille (#)...............................................................................................................375
Afficher les barres de défilement.......................................................................................374
Afficher les guides (1 sur le pavé numérique) ................................................................375
Afficher les longueurs de texte compatibles Windows ...............................................355
Afficher les onglets des documents..................................................................................374
Afficher les règles (Ctrl+L)..................................................................................................374
Afficher une galerie ............................................................................................................... 106
Afficher une photo réduite en taille entière ....................................................................278
Afficher vos propres icônes dans les onglets des navigateurs
favicons ................................................................................................................................352
Afficher/masquer les règles................................................................................................ 103
Agrandir la photo à 100 %...................................................................................................289
Aide............................................................................................................................................376
Aide de MAGIX Web Designer 2013 ...............................................................................376
Aide du programme...............................................................................................................382
Ajouter à une galerie .............................................................................................................. 112
Ajouter de nouveaux boutons............................................................................................... 62
Ajouter de nouvelles pages à votre site Web................................................................... 36
Ajouter des fichiers vidé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èches.........................................................................152
Ajouter des segments de ligne supplémentaires............................................................153
Ajouter du code à l'en-tête de la page (head)................................................................255
Ajouter et éditer des boutons ............................................................................................. 301
Ajouter une nouvelle poignée ............................................................................................. 156
Ajustement des courbes ...................................................................................................... 162
Ajuster la largeur des boutons à leur texte .....................................................................298
Ajuster la marge gauche et droite d'un texte à une courbe........................................ 189
Ajuster la région extrait ........................................................................................................293
Ajuster le texte à la courbe/Supprimer le texte de la courbe ....................................370
Alignement .............................................................................................................................. 140
Alignement (Ctrl+Maj+L)....................................................................................................370
Alignement magnétique d'objet (magnétisme des objets) .........................................132
Aligner....................................................................................................................................... 142
Allonger la ligne...................................................................................................................... 156
www.magix.com
Indice
Angle limité ............................................................................................................................. 355
Angles précis ............................................................................................................................161
Annuler (barre de contrôle standard ou Ctrl+Z)........................................................... 367
Annuler et Rétablir ..................................................................................................................114
Annuler extrait........................................................................................................................ 293
Annuler la sélection/Réinitialiser les attributs actuels (Echap)...................... 368, 374
Aperçu de la fenêtre de dialogue d'exportation des formats JPEG, PNG et GIF ... 343
Aperçu de la page (F12)....................................................................................................... 365
Aperçu de plusieurs pages .................................................................................................. 374
Aperçu navigateur .................................................................................................................348
Appliquer des couleurs de remplissage & de contour par glisser&déposer ............171
Appliquer des ombres copiées à d'autres objets .......................................................... 234
Appliquer des styles de texte .............................................................................................208
Appliquer les attributs à tout le texte................................................................................ 213
Appliquer un groupe souple (Ctrl+Alt+G)......................................................................370
Appliquer un halo ................................................................................................................... 231
Appliquer une ombre ............................................................................................................. 231
Appliquer une ombre à plusieurs objets.......................................................................... 233
Appliquer une ombre horizontale....................................................................................... 231
Appliquer une ombre verticale............................................................................................ 231
Appliquer une transparence à plusieurs objets ............................................................. 229
Appliquer une transparence en dégradé ......................................................................... 228
Appliquer une transparence uniforme ............................................................................. 228
Arranger les fenêtres ............................................................................................................ 374
Arrêter la mise à jour (Maj+Ctrl+Alt+O) ......................................................................... 371
Arrière-plans avancés............................................................................................................. 44
Assistance technique................................................................................................................ 11
Astuce du jour ........................................................................................................................ 376
Attribution automatique de liens vers des pages..........................................................299
Attributs actuels (styles)....................................................................................................... 64
Attributs de l'édition photo ................................................................................................. 273
Au centre d'une ligne :...........................................................................................................156
Au début d'une ligne :............................................................................................................ 157
Autre ..........................................................................................................................................381
Autres formats de vidéos .....................................................................................................318
Autres points importants.....................................................................................................300
Avancé
éditer le modèle de conception d'un bouton de la barre de navigation ..............308
Avancer (barre de contrôle Arranger ou Ctrl+Maj+F) ................................................369
Avancer les objets ............................................................................................................31, 120
B
Barre de navigation du site..................................................................................................299
Barre d'é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ôle................................................................................................. 86, 359, 374
385
386
Barres de contrôle accrochées et flottantes.....................................................................361
Barres de navigation ..............................................................................................................296
Barres de navigation avec premier et dernier boutons différents ............................. 310
Barres escamotables ............................................................................................................... 28
Boîte de dialogue des Propriétés web...............................................................................235
Boîte de dialogue Propriété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 éditable........................................................................354
Calque arrière-plan de page .................................................................................................. 42
Calque pop-up ........................................................................................................................239
Calques ........................................................................................................................... 328, 342
Calques pop-ups ...................................................................................................................... 76
Calques spéciaux....................................................................................................................332
Calques sur les sites web.....................................................................................................329
Calques, survol de souris & fenêtres pop-up.................................................................... 72
Caractères spé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êtres...................................................................................................... 89
Clipart Flash............................................................................................................................... 37
Cloner.........................................................................................................................................123
Cloner (Ctrl+K).......................................................................................................................368
Coller (barre de contrôle Éditer ou Ctrl+V) ....................................................................367
Coloration de photos............................................................................................................... 39
Colorer des cliparts importés................................................................................................ 39
Colorer des formes .................................................................................................................. 39
Colorer des photos.................................................................................................................275
Colorer un bitmap ..................................................................................................................223
Commandes ........................................................................................................................... 344
Commandes de rotation à 90°...........................................................................................288
Comment créer des alinéas en retrait ...............................................................................197
Comparer et rétablir l'original............................................................................................. 291
Compatibilité de texte navigateur ......................................................................................215
Compte de mots..................................................................................................................... 188
Conception de sites Web basés sur les objets................................................................. 30
Configurer l'arriè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és......................................................................354
Contenus des fichiers d'aide ................................................................................................. 97
Conversion d'objets ou dessins en bitmaps....................................................................282
Convertir du texte en graphique .......................................................................................... 59
Coordonnées X-Y..................................................................................................................... 88
www.magix.com
Indice
Copier (barre de contrôle É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é (RTF) ...............................................................................214
Copies zéro mémoire............................................................................................................ 265
Copyright ...................................................................................................................................... 2
Correcteur orthographique ....................................................................................................55
Couleur d'arrière-plan de la page ........................................................................................ 40
Couleur précédente et couleur actuelle............................................................................174
Couleurs de la palette............................................................................................................170
Couleurs de liens de sites Internet.................................................................................... 243
Couleurs du site Internet ........................................................................................................38
Couleurs liées ..........................................................................................................................179
Couleurs locales et couleurs thématiques ....................................................................... 175
Couleurs normales..................................................................................................................178
Couleurs normales, teintes, nuances et Couleurs liées ................................................178
Couper (barre de contrôle Éditer ou Ctrl+X).................................................................. 367
Couper des objets................................................................................................................... 122
Couper, copier et coller .........................................................................................................120
Création de cercles et ellipses.............................................................................................168
Création de courbes lisses.....................................................................................................161
Création de rectangles et carrés.........................................................................................166
Création d'un carré.................................................................................................................166
Création d'un remplissage couleur dégradé ....................................................................216
Créer de nouveaux objets textes ..........................................................................................53
Créer des boutons, bannières et autres graphismes Web.............................................77
Créer des groupes souples ...................................................................................................139
Créer des nouveaux styles ..................................................................................................206
Créer des nouvelles barres de contrôle.............................................................................361
Créer et éditer des rectangles aux coins arrondis..........................................................167
Créer un nouveau document ................................................................................................ 84
Créer un objet de renvoi........................................................................................................198
Créer un site Internet...............................................................................................................33
Créer une barre de navigation ............................................................................................. 371
Créer une ligne de repère .....................................................................................................136
Créer vos propres barres de navigation...........................................................................306
Créer votre propre bouton de survol de souris ................................................................ 74
D
Dans ............................................................................................................................................141
Décaler la partie supérieure de la page.............................................................................. 43
Dégrouper (barre de contrôle Arranger ou Ctrl+U) .....................................................370
Dégrouper des objets............................................................................................................. 137
Dégrouper, éditer et regrouper ..........................................................................................308
Demander avant attribution des attributs....................................................................... 354
Démarrage..................................................................................................................................26
Déplacement des objets ........................................................................................................119
Déplacement d'objets sélectionnés sous ou dans ..........................................................117
387
388
Déplacement d'un segment de ligne.................................................................................. 161
Déplacer des boutons et des outils ...................................................................................362
Déplacer des objets ancrés ................................................................................................ 202
Déplacer des objets d'un calque à l'autre .......................................................................... 76
Déplacer des pages à l'intérieur d'un document.............................................................. 95
Déplacer et fixer une galerie ............................................................................................... 107
Déplacer et transformer une barre de navigation de site ............................................299
Déplacer la poignée de début ou de fin du remplissage .............................................. 219
Déplacer le document à l'intérieur de la fenêtre.............................................................. 92
Déplacer les objets entre les calques................................................................................334
Déplacer les objets vers l'avant et l'arrière...................................................................... 124
Déplacer les points d'ancrage - Outil d'édition des formes........................................ 158
Déplacer sur le calque au-dessus (barre de contrôle Arranger ou Ctrl+Maj+U) .369
Déplacer sur le calque en dessous (barre de contrôle Arranger ou Ctrl+Maj+D)369
Déposer une copie .................................................................................................................. 119
Désactiver la fonction de régénération de l'objet fictif .................................................321
Désélection d'objet ................................................................................................................. 117
Dessiner et é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ées..................................................................................................356
Dissoudre le groupe souple (CTRL+ALT+U)..................................................................370
Distance de duplication........................................................................................................355
Document sélectionné et barre de titre ............................................................................. 86
Documents chargés...............................................................................................................375
Documents photo ..................................................................................................................283
Documents sans titre............................................................................................................ 100
Dossiers d'aide.......................................................................................................................... 97
Dupliquer...................................................................................................................................123
Dupliquer (barre de contrôle Éditer ou Ctrl+Alt+D) ....................................................368
Dupliquer et cloner .................................................................................................................122
E
Échanger les côtés de la ligne ............................................................................................. 189
Éditer à l'intérieur .................................................................................................................. 308
Éditer la couleur d'un objet...................................................................................................172
Editer le contour de photos .................................................................................................273
Éditer les couleurs d'un thème ............................................................................................176
Éditeur de couleurs (Ctrl+E) ................................................................................................371
Édition de fichiers photo...................................................................................................... 284
Édition de texte....................................................................................................................... 190
É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ôle standard ou Ctrl+S)......................................................364
Enregistrer ces détails en même temps que le document actuel ............................. 258
Enregistrer dans le profil ...................................................................................................... 258
Enregistrer et exporter des photos..................................................................................... 271
Enregistrer le modè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éer un site Internet ................................................................57
En-têtes / pieds de page.......................................................................................................148
Envoyer des images vers d'autres applications MAGIX. installées.......................... 373
Espacement boutons ............................................................................................................298
Espacement des grilles et réglettes .................................................................................. 356
Espacement des lignes ...........................................................................................................211
Espacement des paragraphes...............................................................................................211
Étendre la sélection .................................................................................................................116
Étirer et é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éta élargi (EMF) ..........................................................340
Exporter comme bitmap .......................................................................................................341
Exporter comme fichiers mé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 à l'aide de la souris......................................................................................... 125
Faire pivoter selon un angle précis (à 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é ..........................................................................................................269
Fichiers MP3 ............................................................................................................................318
Fichiers PDF..............................................................................................................................319
389
390
Fichiers récents...................................................................................................................... 364
Fichiers vidéo MP4 et FLV....................................................................................................317
Flou / Netteté.......................................................................................................................... 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èles......................................................................... 314
Galerie des pages et des calques ................................................................................96, 323
Galerie des remplissages .....................................................................................................226
Galeries .............................................................................................................................105, 371
Génération automatique d'un objet fictif..........................................................................315
GIF animés ................................................................................................................................319
Graduations de couleurs en plusieurs étapes.................................................................225
Graphiques ancrés ................................................................................................................ 200
Graphiques intégrés ..............................................................................................................203
Gras et italique....................................................................................................................... 208
Grille .......................................................................................................................................... 102
Grouper (barre de contrôle Arranger ou Ctrl+G) ..........................................................369
Grouper et dé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é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érer des pages dans un document..................................................................................93
Insertion .................................................................................................................................... 315
Intégration de films, Flash et autres gadgets.....................................................................36
Intégration des polices ..........................................................................................................214
Introduction.......................................................................................... 17, 180, 262, 286, 363
J
Justification ou alignement du texte.................................................................................208
Justifier .....................................................................................................................................298
L
La barre d'état........................................................................................................................... 88
La commande Annuler ...........................................................................................................114
La commande Ré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émentielle.......................................................................................................... 355
Le calque actif......................................................................................................................... 328
Le document sera un site Web. ......................................................................................... 355
L'éditeur de couleurs.............................................................................................................. 173
Légendes d'image ..................................................................................................................249
Les avantages de l'outil photo ............................................................................................286
Les avantages expliqués en détail .....................................................................................286
Les calques MouseOff et MouseOver.................................................................................73
Les galeries .............................................................................................................................. 377
Les indicateurs.......................................................................................................................... 88
Les nouveautés de MAGIX Web Designer 2013. (v8) ................................................... 18
Les outils .................................................................................................................................. 377
Lien ancré.................................................................................................................................... 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 à numéros .....................................................................................................................210
Listes à points .........................................................................................................................209
Listes à puces et à numéros...................................................................................................53
L'outil de remplissage ............................................................................................................216
L'outil de sélection.............................................................................................................31, 115
391
392
L'outil d'édition des formes ..................................................................................................153
L'outil lignes droites et flèches ............................................................................................152
L'outil Ombres.........................................................................................................................230
L'outil photo.............................................................................................................................286
Luminosité/Contraste/Température de la couleur/Saturation/Teinte ................. 290
M
Magazine MAGIX ..................................................................................................................383
magix.info.................................................................................................................................383
Magnétisme de la grille ..........................................................................................................131
Magnétisme de la grille (. sur le pavé numérique)........................................................375
Magnétisme des guides (2 sur le pavé numérique) .....................................................375
Magnétisme des objets (* sur le pavé numérique).......................................................375
Magné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élection......................................................................................................... 118
Masquer des boutons et des outils ...................................................................................362
Masquer les calques..............................................................................................................332
Mélange de transparence individuelle et de groupe.....................................................229
Mélanger les courbes et lignes droites..............................................................................155
Mê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 Éditer .............................................................................................................................367
Menu Fenêtre..........................................................................................................................374
Menu fichier ............................................................................................................................363
Menu Services..........................................................................................................................371
Menus clic droit......................................................................................................................... 71
Menus et raccourcis clavier ................................................................................................363
Mettre à jour la barre de navigation sur toutes les pages .......................................... 304
Mettre à l'arrière-plan (barre de contrôle Arranger ou Ctrl+B).................................369
Mettre au premier plan (barre de contrôle Arranger ou Ctrl+F)...............................369
Minimiser les fenêtres multiples..........................................................................................90
Mise à jour du programme ..................................................................................................376
Mode écran normal/plein écran .......................................................................................... 89
Mode plein écran ...................................................................................................................359
Mode solo ................................................................................................................................332
Modèles et barres de navigation de site ......................................................................... 300
Modification de la largeur de la ligne (épaisseur) .................................................165, 166
Modification de l'échelle des objets.................................................................................. 126
Modifier des gadgets web existants ..................................................................................315
Modifier la largeur de la colonne. ...................................................................................... 186
Modifier la netteté des pointes de l'ombre .....................................................................232
www.magix.com
Indice
Modifier la police des boutons de la barre de navigation ...........................................305
Modifier la sélection d'objet .................................................................................................116
Modifier la taille de la page ....................................................................................................92
Modifier la taille de page des modèles............................................................................... 56
Modifier la transparence de l'ombre................................................................................. 232
Modifier la valeur du zoom ................................................................................................... 90
Modifier la valeur du zoom à l'aide de la souris .............................................................. 90
Modifier l'angle de la colonne .............................................................................................186
Modifier le document modèle vide .................................................................................... 351
Modifier le point d'origine des règles ............................................................................... 104
Modifier le remplissage ou la couleur de l'ombre ......................................................... 233
Modifier le texte d'un bouton ................................................................................................62
Modifier le zoom à l'aide de la barre de contrôle/barre d'infos. .................................. 91
Modifier l'échelle à l'aide de la barre d'infos ...................................................................128
Modifier l'échelle à l'aide de la souris................................................................................ 127
Modifier les contenus d'un objet ré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ées................................................................184
Naviguer entre les pages ....................................................................................................... 95
Nommer le fichier d'aide.........................................................................................................97
Nommer les objets .................................................................................................................145
Noms......................................................................................................................................... 372
Noms appliqués ......................................................................................................................145
Nouveau (barre de contrôle standard ou Ctrl+N) ........................................................ 363
Nouveautés de la galerie de modèles............................................................................... 363
Nouvelle fenêtre..................................................................................................................... 374
Nuances.....................................................................................................................................178
Nuances liées............................................................................................................................ 45
O
Objets ancrés............................................................................................................................ 54
Objets ancré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épétés .........................................................................................................................146
Obtenir de l'aide........................................................................................................................25
Ombres.....................................................................................................................................230
Ombres douces, texte en couleur, texte transparent..................................................... 54
Onglet des grilles et réglettes............................................................................................. 356
Onglet géné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érations de couleur avancées.........................................................................................175
Opé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èche ..................................................................................................... 66
Outil ombres.............................................................................................................................. 70
Outil photo.................................................................................................................................49
Outil Rectangle ......................................................................................................................... 67
Outil Texte .......................................................................................................................181, 379
Outils de dessin ........................................................................................................................ 63
Ouvrir (barre de contrôle standard ou Ctrl+O)..............................................................363
Ouvrir le lien dans ................................................................................................................. 240
Ouvrir un document existant ................................................................................................84
Ouvrir une deuxième fenêtre ................................................................................................ 89
P
Pages ............................................................................................................................... 327, 368
Pages multiples dans le document ...................................................................................... 93
Panneaux de texte.................................................................................................................... 55
Paramétrer une transparence bitmap...............................................................................268
Personnaliser les tabulations .............................................................................................. 195
Personnaliser les types de tabulations ............................................................................. 196
Personnaliser Web Designer................................................................................................351
Photo en taille entière ...........................................................................................................278
Photo pop-up...........................................................................................................................239
www.magix.com
Indice
Photos ......................................................................................................................................... 47
Photos miniatures avec fenêtres pop-up........................................................................... 49
Photos pop-ups .........................................................................................................................77
Pieds de page et objets qui s'étirent avec la page..........................................................149
Placer des objets sur le calque de lignes .......................................................................... 135
Plein écran (8 sur le pavé numérique) ............................................................................. 375
Plus d'informations................................................................................................................ 322
Poignées de limites de la sélection .....................................................................................118
Polices incrustées .....................................................................................................................55
Polices Web safe..............................................................................................................53, 183
Popup photo............................................................................................................................246
Pop-ups d'information.......................................................................................................... 377
Pour ajouter des objets supplémentaires à un groupe.................................................. 137
Pour créer un groupe ............................................................................................................. 137
Pourquoi un outil ligne droite ? ........................................................................................... 152
Précédent & Suivant..............................................................................................................288
Préface ........................................................................................................................................... 3
Présentations web ................................................................................................................. 243
Prévisualisation de la taille des polices en temps réel ..................................................183
Prévisualisation de votre site Internet.................................................................................33
Prévisualisation des polices en temps réel.......................................................................183
Prévisualiser le site Web...................................................................................................... 365
Program Layout .........................................................................................................................26
Propriétés bitmap ..................................................................................................................268
Propriétés de style .................................................................................................................207
Propriétés des calques........................................................................................................... 331
Propriétés Web (Ctrl+Maj+W) ......................................................................................... 372
Publication ............................................................................................................................... 259
Publier à nouveau les pages modifiées seulement .......................................................260
Publier en ligne - Espace Web gratuit & 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é (barre de contrôle standard) ............................................................................... 374
Qualité d'affichage ................................................................................................................ 104
Qualité d'affichage des photos...........................................................................................270
Que signifie Annuler et Rétablir ? .......................................................................................114
Quelles sont les particularités de Web Designer ?...........................................................17
Qu'est-ce que MAGIX Web Designer 2013 ?....................................................................17
Quitter ......................................................................................................................................366
R
Raccourcis clavier .................................................................................................................. 377
Radius magnétique d'alignement ...................................................................................... 358
395
396
Récapitulatif.............................................................................................................................342
Récapitulatif des raccourcis sur le pavé numé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ôle Arranger ou Ctrl+Maj+B) ..................................................369
Récupération de sauvegardes .............................................................................................. 101
Récupérer des documents après une fermeture anormale du programme............. 101
Redimensionner des zones de texte.................................................................................. 187
Redimensionner la barre de contrôle .................................................................................361
Redimensionner les gadgets ...............................................................................................320
Redimensionner, faire tourner et positionner une photo dans son cadre ...............276
Redresser l'horizon ................................................................................................................277
Règle des trois tiers ...............................................................................................................293
Règles ........................................................................................................................ 87, 103, 193
Réglette du menu contextuel ............................................................................................. 290
Remarques géné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 à l'aide d'un bitmap...................................................................268
Remplissages............................................................................................................................ 119
Remplissages bitmap .............................................................................................................221
Remplissages circulaires ..................................................................................................... 220
Remplissages elliptiques .......................................................................................................221
Remplissages fractals............................................................................................................224
Remplissages linéaires.......................................................................................................... 219
Remplissages uniformes ...................................................................................................... 219
Rendre les groupes transparents. ......................................................................................354
Renvoyer du texte autour des objets .................................................................................. 54
Renvoyer et Ancrer................................................................................................................370
Répartir ..................................................................................................................................... 143
Répéter des objets ...................................................................................................................60
Répéter l'opération sur toutes les pages (Maj+Ctrl+Alt+R) .......................................371
Résolution des photos
tout est automatique ! ........................................................................................................ 50
Restaurer les barres de contrôle/galeries par défaut .....................................................113
Restrictions des modèles de bouton ................................................................................ 306
Rétablir (barre de contrôle standard ou Ctrl+Y)............................................................367
Retirer des objets du document ..........................................................................................122
Retirer des objets d'un groupe.............................................................................................138
Retraits..................................................................................................................................... 209
Révisions................................................................................................................................... 100
Rognage dans les documents photo ................................................................................ 294
www.magix.com
Indice
Rotation d'objets .....................................................................................................................124
S
Saisir des caractères spéciaux..............................................................................................191
Sauvegarde (dans le menu fichier) ..................................................................................... 96
Sauvegarde des documents ouverts................................................................................... 99
Sauvegarde du document...................................................................................................... 96
Sauvegarder des documents ouverts à la fermeture du programme.........................101
Sauvegardes automatiques............................................................................................ 57, 99
Sauvegardes durant l'arrêt du système..............................................................................101
Schémas de couleurs de palette .........................................................................................176
Segmentation d'une forme ...................................................................................................164
Sélection.....................................................................................................................................116
Sélection de la fenêtre affichée ............................................................................................ 89
Sélection de la langue ............................................................................................................192
Sélection de tous les objets...................................................................................................117
Sélection d'objets........................................................................................................... 115, 354
Sélection et calques ................................................................................................................117
Sélectionner à l'intérieur ........................................................................................................116
Sélectionner des objets ...........................................................................................................111
Sélectionner des objets à l'aide de l'outil ombres ......................................................... 234
Sélectionner la totalité de l'objet texte..............................................................................190
Sélectionner plusieurs poignées ......................................................................................... 157
Sélectionner sous.....................................................................................................................116
Sélectionner un objet individuel au sein d'un groupe....................................................138
Séparateurs de menu............................................................................................................302
Si vous avez encore des questions.................................................................................... 382
Souligner ..................................................................................................................................208
Stopper la répétition d'objets ..............................................................................................148
Style de paragraphe et style de caractère .......................................................................204
Styles basés sur d'autres styles .........................................................................................205
Styles de menu .......................................................................................................................303
Styles de texte ........................................................................................................................203
Supprimer (barre de contrôle Éditer & standard ou Supprimer)...............................368
Supprimer des barres de contrôle ..................................................................................... 362
Supprimer des groupes souples..........................................................................................139
Supprimer des images dans la galerie..............................................................................268
Supprimer des objets ............................................................................................................. 122
Supprimer des objets répété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ère ............................................................................................136
Supprimer une ombre ........................................................................................................... 233
Synchronisation de texte ......................................................................................................139
Synchronisation de texte à 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és récemment.......................................................353
Taille de la page ........................................................................................................................ 56
Taille de la police...................................................................................................................... 53
Taille originale de la photo...................................................................................................265
Teintes ...................................................................................................................................... 178
Télécharger un document contenant les détails FTP....................................................259
Terminer la ligne..................................................................................................................... 156
Terminologie............................................................................................................................. 181
Texte...................................................................................................................................52, 342
Texte à l'intérieur de groupes pour sites Web ................................................................212
Texte en colonne .................................................................................................................... 185
Texte le long d'une courbe...........................................................................................189, 195
Texte pivoté ............................................................................................................................... 53
Texte simple ............................................................................................................................ 184
Texte synchronisé ....................................................................................................................60
The MAGIX Web Designer 2013 window......................................................................... 85
Tout afficher et tout déverrouiller......................................................................................333
Tout sé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 étapes ............................................................................................... 24
Utilisation de modèles de barres de navigation .............................................................296
Utilisation de texte factice ( ................................................................................................. 191
Utilisation de Windows pour faire des captures d'écran.............................................275
Utilisation des couleurs ........................................................................................................ 169
Utilisation des objets.............................................................................................................. 115
Utilisation des Outils Photo.................................................................................................287
Utilisation des poigné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èles de conception, des Cliparts et des gadgets ............................... 35
Utiliser des photos comme remplissage..........................................................................265
Utiliser la pipette pour pré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érificateur d'orthographe ...................................................................................................192
Vérification orthographique dès la saisie du texte........................................................ 372
Verrouiller les calques .......................................................................................................... 333
Verrouiller ratio ...................................................................................................................... 293
Vidéos....................................................................................................................................... 376
Visualiser les polices utilisé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éfiler/déplacer votre page.........................................................................27
399
">