La première donne accès aux fonctions de gestion des fichiers et des éléments multimédias.
La seconde donne accès aux fonctions d’insertion des éléments multimédias.
Onglets pour l’édition et la visualisation
La fenêtre principale de Web Creator donne accès à 3 onglets :
•• É err : Pour créer vos pages web, y insérer des éléments multimédias
(images, texte, boutons, vidéos, etc.), modifier leurs propriétés.
•• É diitte e H TM taines connaissances en programmation. Il n’est pas nécessaire de vous en servir pour travailler normalement avec le logiciel. Parmi les usages possibles, on peut mentionner la possibilité d’effectuer des validations plus précises dans les champs d’entrée de texte des formulaires, ou ajouter des fonctionnalités complémentaires en JavaScript.
évviissu alliissa da nss IIn page en cours telle qu’elle apparaîtra dans les navigateurs des visiteurs du site. Notons que les liens ne sont pas actifs dans ce mode. Vous pouvez visualiser votre site en conditions réelles via la commande
Affichage/Visualiser avec Microsoft Internet Explorer ou les autres navigateurs installés sur votre machine.
Onglets Éléments, Couleurs et Pages du projet
Cette zone, située sur la droite de l’écran, donne directement accès aux pages du projet, à leurs propriétés ainsi qu’aux propriétés de chaque élément multimédia contenu dans les pages. En y recourant, vous gagnerez en simplicité et en rapidité, puisque tous les éléments sont à portée de main.
We b C r e a t o r 5
•
M a n u e l d e p r i s e e n m a i n
11
L’icône affiche les éléments par ordre alphabétique.
L’icône permet de dérouler chacune des propriétés d’un élément.
L’onglet Éléments
12
Dans l’onglet Éléments, la liste des éléments n’apparaît qu’en mode
Edition. La séquence des éléments représente l’ordre de superposition des
éléments sur la page lors du chargement. Vous pouvez changer l’ordre en cliquant sur un élément puis sur les flèches à droite, ce qui aura pour effet de le déplacer dans la liste. Cliquer une fois sur un élément a pour effet de le sélectionner. Double cliquer ouvrira la boîte de propriétés de l’élément.
Vous pouvez aussi modifier l’ordre de superposition des éléments sur une page par un simple glisser/déposer. Par exemple, pour une image de fond d’écran, celle-ci doit se trouver tout en bas de la liste des éléments d’une page. Sinon, elle les masquera. Cliquez, en maintenant le bouton gauche de la souris, sur le nom de l’élément, puis déplacez-le.
We b C r e a t o r 5
•
M a n u e l d e p r i s e e n m a i n
Pour chaque élément d’une page, ses propriétés apparaissent de la façon suivante :
• par ordre alphabétique, en cliquant sur l’icône ;
• par groupe de propriétés en cliquant sur l’icône ;
• l’icône permet de rendre invisible un élément en mode édition. Cette fonction est très pratique lorsque vous travaillez par exemple avec des images qui servent de bouton transparent.
• l’icône permet de verrouiller les propriétés d’un élément. Très utile pour éviter par la suite toute fausse manipulation !
L’onglet Couleurs du modèle
L’onglet Couleurs du modèle, de la Barre de sélection, permet de modifier rapidement les couleurs de la charte graphique de votre site. Ces couleurs sont communes à toutes les pages d’un projet. Elles peuvent ainsi être personnalisées et s’adapter aux couleurs de votre société.
Vous pouvez ne changer les couleurs que pour une page en particulier.
Vous pouvez également personnaliser vos modèles en choisissant des couleurs particulières.
We b C r e a t o r 5
•
M a n u e l d e p r i s e e n m a i n
13
Modifier les couleurs de toutes les pages d’un site
Cette fonction marche si vous travaillez avec un des modèles fournis avec
Web Creator. Pour accéder à l’ensemble des modèles, faites Fichier/
Nouveau/Nouveau projet. La fenêtre Nouveau projet s’affiche. Choisissez un modèle dans cette fenêtre. Cliquez sur OK.
Pour modifier les couleurs de toutes les pages du projet, dans la Barre de sélection, cliquez sur l’onglet Couleurs du modèle. Dans la fenêtre Style, déroulez la liste et choisissez une autre charte graphique. La modification est instantanée.
14
Personnaliser la charte graphique de votre site
Pour adapter exactement la charte graphique de votre entreprise aux couleurs de votre société, vous allez créer votre propre palette de couleurs.
Dans la Barre de sélection, cliquez sur l’onglet Couleurs du modèle. Dans la zone Fichier, cliquez sur le bouton Sélection d’une palette . La fenêtre
éponyme s’affiche. Cliquez sur le bouton Nouvelle pour créer une nouvelle palette de couleurs. Attribuez-lui un nom. Dans la fenêtre Sélection d’une palette, sélectionnez-la puis cliquez sur le bouton OK.
De retour dans la Barre de sélection, dans l’onglet Couleurs du modèle, vous pouvez modifier les couleurs primaires, secondaires, etc. de votre palette personnelle. Pour chaque couleur à modifier, cliquez sur son nom pour la sélectionner, par exemple Couleur primaire. Dès lors, le bouton s’affiche. Cliquez dessus. La fenêtre Couleur s’affiche. Sélectionnez une couleur soit :
• parmi les couleurs de base,
• en sélectionnant une couleur particulière dans la mire,
We b C r e a t o r 5
•
M a n u e l d e p r i s e e n m a i n
• en extrayant une couleur. En faisant sortir le curseur de la souris de la fenêtre Couleur, celui-ci se transforme en pipette. Cliquez n’importe où dans l’écran, sur la couleur de votre choix. Celle-ci s’affiche dans la zone
Couleur Unie. Vous pouvez enregistrer cette couleur en cliquant sur le bouton Ajouter aux couleurs personnalisées. Vous pourrez ainsi la réutiliser dès que vous ouvrirez à nouveau la fenêtre Couleurs.
Style : on peut remplacer la palette d’un modèle par une de celles de la
liste. L’application des nouvelles couleurs peut prendre quelques secondes.
On peut également modifier chaque couleur individuelle en cliquant à droite. On verra apparaître un sélecteur de couleur classique doublé d’une pipette qui permet « d’extraire » une couleur n’importe où à l’écran. Cette fonction est très pratique pour harmoniser le site avec la charte de couleur de sa société ou le sujet traité.
De plus, vous pouvez modifier la transparence de chaque couleur. Cliquez sur l’icône + devant le nom de chaque couleur, puis modifiez la valeur de la transparence.
L’onglet Pages du projet
We b C r e a t o r 5
•
M a n u e l d e p r i s e e n m a i n
15
En mode Éditer, cet onglet, de la Barre de sélection, montre toutes les pages situées dans le dossier du projet. Vous pouvez accéder directement
à chaque page en cliquant sur la vignette correspondante.
En cliquant sur la vignette d’une page avec le bouton droit de la souris, un menu contextuel s’affiche. Il permet de :
• dupliquer,
• renommer,
• supprimer la page.
Attention
La suppression d’une page est une opération délicate. En effet, les liens provenant d’autres pages qui y menaient tomberont dans le vide, générant des messages d’erreur lors de la préparation pour le web. Assurez-vous donc d’effacer tous les liens pointant vers la page que vous voulez supprimer.
L’onglet Bibliothèque
Cet onglet vous donne un accès immédiat à différents objets multimédias que vous pouvez insérer dans votre projet.
16
Dès que vous cliquez sur un dossier, son contenu apparaît en aperçu, ou un symbole pour les sons. Un double-clic sur un objet l’insère dans la page courante. Une fois l’objet inséré, vous pouvez, comme pour tout élément, accéder à ses propriétés en double-cliquant dessus.
Les bannières dimensionnées (600x250 par ex.) permettent de remplacer les bannières dans les nouveaux modèles pour ainsi les personnaliser. Les
We b C r e a t o r 5
•
M a n u e l d e p r i s e e n m a i n
