Manuel de prise en mains Web Creator Pro 6

Transcription

1 Manuel de prise en mains Web Creator Pro 6 Table des matières Les nouveautés de Web Creator Pro Une nouvelle interface... 3 La barre d accès rapide... 4 Le Ruban de commandes... 4 La Liste des éléments L onglet éléments L onglet Blocs La Barre des propriétés L onglet Elément L onglet Options L onglet Actions L onglet RollOver L onglet Position L onglet Propriétés De nouveaux modèles de projets Les nouveaux éléments conteneurs : les Boîtes et les Panneaux Différence entre Panneaux et Boîtes Ajout d éléments dans un conteneur Reprise d une page d une version précédente de Web Creator Propriétés des Boîtes et des Panneaux Les nouveaux outils d alignement et de positionnement La Grille Les lignes-guides de positionnement Les commandes du menu Format Nouveaux paramètres Flottant et Retour Principe du paramètre Flottant Restriction de positionnement... 24

2 Exploiter au mieux le paramètre Flottant Ajout d un élément Flottant Déplacer des éléments flottants Les applications du paramètre Flottant Le paramètre «Retour» Création et utilisation des blocs Présentation des blocs Création d un bloc Réutilisation d un bloc Précautions d utilisation des blocs Taille des blocs idéale Transparence et luminosité Les onglets L accordéon L élément Réseaux sociaux Les fenêtres Pop-up Les éléments Carte Google Traduction Google Google Analytics Les éléments Iframe Paypal Les éléments améliorés Ouverture des projets Les groupes Les images Les boutons Les sons Les vidéos Les éléments Texte Référencement et balises de titres... 41

3 Manuel de prise en main Web Creator Pro 6 Une nouvelle interface Introduction Web Creator Pro 6 est bien plus qu une mise à jour des versions 4 ou 5, c est une nouvelle version à part entière. Elle a été mise au point d une part sur la base des remarques des utilisateurs des versions précédentes et d autre part en suivant les évolutions de l environnement Internet, de ses caractéristiques techniques et des habitudes des internautes. Web Creator Pro 6 inclut ainsi de nombreuses nouveautés, mais aussi de réelles améliorations de fonctions existant déjà dans les versions précédentes et qui nécessitaient une simplification ou une amélioration de leur usage. Au résultat, l utilisation de Web Creator Pro 6 est beaucoup plus simple par rapport à ses prédécesseurs, la création de vos sites est accélérée, leur apparence est comme toujours irréprochable, tandis que les possibilités et l évolutivité de vos sites sont grandement améliorées. Autant de bonnes raisons de choisir Web Creator Pro 6 ou de lui rester fidèle. Les nouveautés de Web Creator Pro 6 Nous allons maintenant vous présenter rapidement le détail des nouveautés, puis celui des fonctions améliorées. Une nouvelle interface La nouvelle interface de Web Creator Pro 6, dans la droite lignée des programmes les plus récents, comme Microsoft Office, inclut maintenant, tout en haut, une Barre d accès rapide aux commandes les plus utilisées. En dessous s affiche un Ruban de commandes en lieu et place de la barre des menus, avec l affichage amélioré de toutes les commandes regroupées en sections thématiques. Sur la gauche de l interface, la Barre des éléments est constamment disponible, et à droite, la Liste des éléments optimisée vient compléter cette nouvelle interface, avec en dessous la Barre des propriétés. Page 3 sur 39

4 Manuel de prise en main Web Creator Pro 6 Une nouvelle interface La barre d accès rapide Vous remarquez tout en haut à gauche la barre d accès rapide. Elle dispense plusieurs icônes correspondant à des commandes très usitées : Enregistrer, Annuler, Liste des pages du projet, Navigateurs Web. La Liste des pages du projet en cours permet de passer d une page à l autre par un simple clic. Le test rapide du projet est possible dans un des navigateurs Web installés sur votre PC. Web Creator Pro 6 prend en charge Internet Explorer, Mozilla Firefox, Google Chrome, Opera et Safari. Si vous utilisez un autre navigateur non référencé, vous avez la possibilité de l ajouter manuellement à la liste, via le menu Web, section Navigateurs, commande Ajouter. Le Ruban de commandes La principale nouveauté réside dans la présence, en haut de l interface, du Ruban de commandes, en lieu et place de la traditionnelle barre de menus. Ainsi, dans chaque onglet du ruban, les commandes sont désormais accessibles sur toute la largeur du ruban, regroupées dans des Sections sous-titrées, sous forme de couple pictogramme/texte. Cette organisation en ruban déroute parfois au début, mais après quelques minutes de prise en main, elle facilite et accélère grandement l accès aux différentes commandes. Tout à droite du Ruban, vous pouvez voir 4 icônes. La première à gauche, permet de fermer le Ruban pour dégager de l espace. La flèche vers le haut se transforme alors en flèche vers le bas et sert à rouvrir le Ruban. Les trois autres icônes se réfèrent au projet en cours. Elles permettent d iconifier la fenêtre et de la placer en bas à gauche de l interface. La deuxième passe la fenêtre du projet en mode fenêtré, tandis que la troisième ferme le projet, non sans vous avoir éventuellement demandé de le sauvegarder. Le menu Fichier Page 4 sur 39

5 Manuel de prise en main Web Creator Pro 6 Une nouvelle interface Vous trouverez ici les commandes d entrées/sortie relatives aux fichiers physiques des projets : Ouverture d un projet, Nouveau projet, Fermeture, Enregistrement, Enregistrement sous, Impression et Sortie du programme. La commande Ouvrir présente un nouvel aspect avec deux onglets distincts : Le premier, Récents, affiche la liste des derniers projets édités. A noter que cette liste n est mise à jour qu après la fermeture de Web Creator Pro 6. Le second onglet, Parcourir, affiche l arborescence de votre ordinateur. Le dossier par défaut est celui des projets de Web Creator Pro 6, soit «Utilisateur/Nom d utilisateur/web Creator/». Le menu Accueil C est le menu par défaut dans lequel vous travaillerez le plus souvent. Page 5 sur 39

6 Manuel de prise en main Web Creator Pro 6 Une nouvelle interface Il affiche des commandes relatives à l édition, Annuler, Couper, Copier, Coller, Sélectionner et Supprimer. La plupart des autres commandes concernent les polices, la mise en forme du texte, l alignement, la création de listes à puces ou numérotées et l indentation du texte. Une dernière commande vous permet de supprimer toute mise en forme appliquée à un texte. Vous trouverez enfin une section dédiée à la gestion des liens : création, édition, recherche d un lien et suppression. Le menu Projet Cet onglet se réfère au projet en cours. La première section, Alignement dans le navigateur, vous permet de déterminer la future position de votre site dans la fenêtre du navigateur internet, soit à gauche, au centre ou à droite. La section Page d accueil sert à définir la page de départ de votre projet. Le menu Page Cet onglet se rapporte à la page en cours. La première section, Pages, permet de changer de page, soit en en créant une nouvelle, soit en appelant la liste des pages du projet pour en choisir une autre. La troisième icône, Gestionnaire, ouvre aussi une liste des pages du projet, mais permet de plus d afficher ou non un aperçu des pages et d effectuer diverses opérations : créer une page, renommer, dupliquer, supprimer, et changer de page. La section Actuelle : l icône Propriétés vous permet directement d activer les propriétés de la page courante dans la Barre des propriétés. Ceci est très pratique lorsque votre page est remplie de nombreux éléments et qu il serait alors trop compliqué de cliquer sur le fond de la page ou sur la ligne correspondant à la page dans la Liste des éléments. Page 6 sur 39

7 Manuel de prise en main Web Creator Pro 6 Une nouvelle interface Rafraîchir redessine la page et ses éléments à partir de la mémoire vive, tandis que Recharger reprend les éléments physiques sur votre disque pour redessiner la page. Pour cette raison, Web Creator vous demandera éventuellement de sauvegarder la page avant de la recharger. Ces commandes sont très utiles en cas de dégradation de l apparence de la page après de nombreuses modifications ou avec un ordinateur un peu lent. Auto-détection téléphones vous permet de gérer simplement la visite de votre site avec des appareils autre qu un ordinateur. En pratique, vous définissez par avance des pages spécifiques à utiliser lorsque la navigation avec un mobile ou une tablette a été détectée. La définition d un Mot de passe permet de protéger l accès à la page courante lors du test du projet dans un navigateur ou de son exploitation. La section Couleurs : vous pouvez ici changer la palette de couleurs, c est-à-dire l association de différentes couleurs dédiées aux différents éléments de la page en cours, simplement en sélectionnant un modèle de couleurs dans la liste. Le bouton Palette vous permet de modifier la couleur d un élément du modèle utilisé pour la page. Le menu Insertion Cet onglet regroupe tous les éléments disponibles dans Web Creator. Page 7 sur 39

8 Manuel de prise en main Web Creator Pro 6 Une nouvelle interface La section Base donne accès aux mêmes éléments que la Barre d outils située à gauche de l interface et classés dans des catégories semblables. Plus pratique, la section Bibliothèque vous permet de directement choisir des fichiers multimédia fournis par Web Creator et classés en différents catégories : Images, Vidéos, Sons et animations Flash. Page 8 sur 39

9 Manuel de prise en main Web Creator Pro 6 Une nouvelle interface Le menu Sélection Comme son nom l indique, les commandes de cet onglet s appliquent aux éléments sélectionnés dans la page. Les commandes des sections Actions et Ordre-Z sont assez explicites et ont déjà été vues en ce qui concerne les liens. La section Groupe sert à transférer la sélection d éléments dans un groupe existant dans la page ou à l en retirer, ou de créer à la volée un nouveau groupe afin d y intégrer les éléments considérés. La section Parent, quant à elle, permet de transférer le ou les éléments sélectionnés dans un des conteneurs existant dans la page, ou de créer directement un nouvel élément conteneur (une Boîte ou un Panneau) afin de les y intégrer. Le menu Format Ce menu vous donne accès à toutes sortes de possibilités d aligner un ou plusieurs éléments, et ce par rapport au Parent / Conteneur (Boîte, Panneaux ou Page) ou les uns par rapport aux autres. Page 9 sur 39

10 Manuel de prise en main Web Creator Pro 6 Une nouvelle interface Vous trouverez un peu plus loin des explications plus complètes et des exemples dans le paragraphe intitulé Les nouveaux outils d alignement et de positionnement. Le menu Web Ce menu regroupe les commandes ayant trait à la finalisation de votre projet et à sa mise en ligne sur Internet. La première section, Navigateur, affiche la liste des navigateurs installés sur votre machine et que vous pouvez donc utiliser pour prévisualiser votre site. La zone d outils située à droite vous donne la possibilité d ajouter, modifier ou supprimer la référence à un navigateur qui serait installé sur votre ordinateur, mais qui ne serait pas reconnu par Web Creator Pro 6. Dans la section Page, Ajout de Code personnalisé ouvre une fenêtre d édition qui permet d associer des lignes de codes HTML ou Javascript à des éléments de la page courante. La deuxième icône, Poids de la page, calcule la somme de tous les éléments, code, images, sons, etc constituant la page et estime le temps de téléchargement à un débit moyen de 256 kilobits par seconde. Dans la section Référencement, vous définissez les mots-clefs et le format des balises de H1 à H6 servant de base pour le référencement par les moteurs de recherche. Les balises H1 à H6 peuvent être intégrées dans la page grâce à la commande Titre (H1 H6) de la barre d outils, section Mise en page. De même, en cliquant sur Google Analytics, vous ouvrez une fenêtre qui vous permet de saisir des mots-clefs associés au projet entier, ou à la page courante, et qui seront spécifiquement lus par l outil de recherche de mots-clefs de Google. Enfin Sitemap reprend les informations «officielles»définie pour les fichiers Sitemap à destination des moteurs de recherche. Vous y voyez le plan de votre site avec ses différents composants affichés en arborescence hiérarchique. Vous pouvez alors définir pour chacun d eux les fréquences de mise à jour prévues et la répartition des niveaux de priorité. La date de dernière mise à jour est affichée automatiquement par Web Creator Pro 6. La section Sortie Web concerne la dernière étape de publication de votre site. Optimiser passe en revue le site entier et dresse la liste des éventuels composants inutilisés. Régénérer reconstruit ensuite entièrement votre site et tous les liens. Enfin Envoyer vers l hébergeur vous permet de mettre votre site en ligne. Le programme vous dispense tout d abord quelques informations relatives à l hébergement de sites directement chez LMSOFT, l éditeur de Page 10 sur 39

11 Manuel de prise en main Web Creator Pro 6 La Liste des éléments Web Creator Pro 6. Ensuite apparaît une boîte de dialogue dans laquelle vous spécifiez toutes les informations nécessaires pour la mise en ligne effective de votre site. Le menu Outils Ce menu vous donne accès à différents modules complémentaires de Web Creator Pro 6. La première section concerne des outils propres à LMSOFT. La seconde concerne des outils de correction orthographique, lexicale et grammaticale, édités par la société Druide Informatique. Vous serez généralement redirigé vers leur site internet pour consulter l ensemble de leurs solutions de validation linguistique. La section Grille, déjà évoquée, dispense tous les paramètres de réglage de la grille aidant au positionnement des éléments dans la page. Enfin la section Barre d outils permet d afficher ou de cacher la Barre des éléments située à gauche de l interface lorsque vous aurez placé la plupart de vos composants de page. L accès aux bibliothèques et aux éléments est alors toujours possible via le menu Insertion. Le menu Aide Ce menu consacré à l aide n a pas changé depuis les dernières versions et le titre des sections qui le composent sont assez évocateurs. La Liste des éléments A droite de l interface de Web Creator Pro 6, vous retrouvez la Liste des éléments (avec en dessous la Barre des propriétés). Page 11 sur 39

12 Manuel de prise en main Web Creator Pro 6 La Liste des éléments Cette liste est maintenant détachable. Effectuez pour cela un double-clic sur la barre supérieure de la liste et vous pourrez alors la déplacer ou vous voulez. Pour la remettre à sa place d origine, effectuez un nouveau double-clic sur la barre supérieure. La Liste des éléments comporte maintenant 2 onglets : Eléments et Blocs. L onglet éléments Dans Eléments, vous trouvez par défaut la liste des différents éléments composant la page en cours, avec l arborescence illustrant leur place respective suivant leur ordre de création ou leur appartenance aux différents Parents/Conteneurs, une notion que nous expliquerons dans le chapitre Les nouveaux éléments conteneurs : les Boîtes et les Panneaux. Grâce aux icônes précédant leur nom, vous pouvez afficher ou cacher des éléments ou empêcher leur modification. Les petits signes + et permettent de développer ou de fermer le contenu d un Conteneur. Rechercher un élément La zone Filtre vous permet de rechercher facilement un élément par son nom ou une partie de son nom. Un clic sur la flèche située à droite met en surbrillance rouge la première occurrence correspondant à votre recherche et sélectionne en même temps l élément dans la liste et sur la page. Changer l ordre des éléments Juste à droite se trouve l inscription Z-Order suivi de deux flèches verticales. Cette zone concerne l ordre des éléments dans la page. Par défaut, les éléments sont classés par ordre de création, puis, lorsque vous les placez dans des parents, c est l ordre de ces derniers qui prime. Les deux flèches Z- Order vous permettent donc de modifier l ordre des éléments ou des parents conteneurs dans la page. Affichage des éléments ou des groupes En haut de la liste, vous voyez un entête déroulant intitulé Vue hiérarchique de la page. Si vous cliquez dessus, vous pouvez choisir de Voir la liste des groupes d éléments et leur contenu. Page 12 sur 39

13 Manuel de prise en main Web Creator Pro 6 La Liste des éléments Rechercher un groupe Comme pour les éléments, la zone Filtre vous permet de rechercher facilement un groupe ou un élément par son nom ou une partie de son nom. Un clic sur la flèche située à droite met en surbrillance rouge la première occurrence correspondant à votre recherche et sélectionne en même temps l élément dans la liste et sur la page. L onglet Blocs Si vous cliquez maintenant sur l onglet Blocs, une nouvelle zone apparaît, avec deux nouveaux onglets : Bibliothèque et Personnalisé. Dans l onglet Bibliothèque, vous trouverez un ensemble de blocs d éléments fournis avec Web Creator Pro 6. Dans la liste déroulante, vous choisissez une bibliothèque, puis les blocs contenus s afficheront. L onglet Personnalisés vous permet de stocker vos propres blocs quand vous les aurez créés. Les blocs étant une des nouveautés importante de Web Creator Pro 6, pour plus de précisions, reportez-vous au chapitre Création et utilisation des blocs. Page 13 sur 39

14 Manuel de prise en main Web Creator Pro 6 La Barre des propriétés La Barre des propriétés Entièrement remaniée, la Barre des propriétés regroupe maintenant sous différents onglets toutes les propriétés relatives à l élément sélectionné. Grâce à l icône en forme d épingle située en haut à droite, vous pouvez détacher la Barre des propriétés, puis la replacer. Vous pouvez aussi la fermer avec le bouton en croix. Une simple barre intitulée Propriétés la remplacera en bas de l interface et en cliquant dessus vous pourrez à nouveau afficher la Barre des propriétés. L onglet Elément Vous y trouvez les caractéristiques physiques permettant de changer par exemple la couleur, la forme, la bordure de l élément. L onglet Options Ici vous pouvez renommer l élément sélectionné. Pour une image, vous pourrez déclarer dans un champ «ALT» (pour Alternet), un texte d information utilisé notamment par les moteurs de recherche, ou pour remplacer une image en cas de désactivation de l affichage des images dans le navigateur du visiteur. Enfin, vous pouvez aussi indiquer le comportement de l élément lors du chargement de la page, notamment les éventuels effets et délais d apparition. L onglet Actions Celui-ci gère l interactivité de l élément avec la souris de l internaute : clic, appui, relâchement mais aussi entrée et sortie du curseur sur l élément. Vous pouvez ici choisir dans la liste parmi plusieurs éléments de la page courante pour être récepteurs des actions. L onglet RollOver Il ne concerne que le survol de l élément sélectionné par le curseur de la souris. Par contre l effet pourra s appliquer à n importe quel autre élément de la page. Si vous sélectionnez un élément simple, comme un bouton par exemple. Celui-ci sera automatiquement invisible au chargement de la page, et affiché au survol de l élément déclencheur. Si vous sélectionnez un élément multimédia, comme un son, celui-ci sera joué au survol de l élément déclencheur. Comme son nom l indique, l onglet Lien vous permet de créer avec l élément sélectionné différents liens vers des objets internes ou externes au projet : page du projet, nouvelle page, fichier externe, Page 14 sur 39

15 Manuel de prise en main Web Creator Pro 6 De nouveaux modèles de projets page web externe, etc Vous pouvez aussi définir des paramètres de lien, comme le délai de mise en œuvre du lien ou des paramètres d affichage supplémentaires dans le cas d une fenêtre ou d un onglet. L onglet Position Celui-ci reprend toutes les informations de taille, position et marges de l élément dans la page, ainsi que le paramètre Flottant et Retour (voir plus loin le chapitre Technologie des éléments flottants). L onglet Propriétés Ce dernier onglet reprend l ensemble des propriétés des différents onglets, mais sous forme de liste et classés par catégories, différentes des onglets précédemment cités. De nouveaux modèles de projets Comme les versions précédentes, Web Creator Pro 6 vous propose des modèles de sites déjà prêts, incluant de nouveaux visuels et les nouveautés que nous allons évoquer dans la suite de ce chapitre, comme l utilisation des Conteneurs et des Blocs. Si vous êtes vraiment pressés, vous n avez quasiment plus qu à personnaliser ces modèles pour obtenir rapidement votre site fonctionnel. Les nouveaux éléments conteneurs : les Boîtes et les Panneaux Web Creator Pro 6 met à votre disposition deux nouveaux types d éléments qui, comme les pages, sont des Conteneurs : les Boîtes et les Panneaux. Les boîtes existaient déjà dans les versions précédentes de Web Creator, mais elles n étaient que des éléments de base à finalité uniquement esthétique. Elles peuvent désormais, lors de l ouverture d un projet de la version 4 ou 5, être converties en Conteneur depuis leur onglet Position de la Barre des propriétés, ou laissées telles quelles. Versions évoluées et beaucoup plus puissantes des groupes, les conteneurs sont spécifiquement destinés à contenir des éléments primaires et s utilisent réellement comme de vraies boîtes : tout élément glissé dedans en devient un sous-élément. Dès lors, lorsque vous déplacez le conteneur, vous déplacez tous les éléments inclus. Grâce à ces conteneurs, vous pouvez très facilement créer des modèles de pages en juxtaposant des conteneurs préformatés. Vous pouvez aussi créer des assemblages d éléments complexes gardant toujours leur homogénéité. Différence entre Panneaux et Boîtes La principale différence entre les Boîtes et les Panneaux est d ordre esthétique : Les Panneaux sont initialement rectangulaires et transparents et seules leur taille et leur couleur peuvent être modifiées. Les Boîtes ont beaucoup d autres caractéristiques que nous détaillerons un peu plus loin dans un paragraphe dédié. Ainsi lorsque vous aurez besoin d un conteneur d élément invisible, pour des raisons d organisation pure, de mise en page, vous utiliserez un Panneaux. Page 15 sur 39

16 Manuel de prise en main Web Creator Pro 6Les nouveaux éléments conteneurs : les Boîtes et les Panneaux Si le conteneur a aussi une finalité esthétique, de par sa forme, sa couleur, sa bordure, alors vous choisirez plutôt une Boîte. Nous verrons un peu plus loin quelques possibilités de modification de ces propriétés. Comme nous allons le voir maintenant, la méthode d utilisation des deux types de conteneurs est la même. Mise en œuvre des éléments conteneurs Vous trouvez ces nouveaux éléments dans la Barre des éléments, section Mise en page, puis Panneau et Boîte. Un clic sur ces éléments les crée au centre de la page. Les Boîtes apparaissent en bleu et les Panneaux transparents, uniquement délimités par un trait pointillé (qui ne sera pas affichée sur le site dans le navigateur). Ajout d éléments dans un conteneur Intégration d un élément à un conteneur Comme vous allez le voir, pour des raisons pratiques, il n y a pas moyen de créer un élément directement inclus dans un conteneur existant. Créez donc tout d abord un Conteneur, par la Barre des éléments, section Mise en page, puis Panneau ou Boîte. Celui-ci se positionne au centre de la page. Créez maintenant un élément, une image par exemple, en cliquant sur la Barre des éléments, section Base, puis Image. Celle-ci apparaît aussi au centre de la page et donc au centre du panneau que vous avez créé précédemment. Si vous sélectionnez le Panneau, en cliquant sur sa bordure pointillée, puis le déplacez, vous observerez que l élément Image ne suit pas le panneau. En effet, par défaut, les éléments sont créés indépendants ; cela évite d intégrer automatiquement un élément à un conteneur qui se trouverait au centre de la page si ce n est pas souhaité. Maintenant que votre page un élément et son futur conteneur, procédez ainsi : Sélectionnez l élément, puis glissez-le à l intérieur du panneau. Dès que l élément sera entièrement compris dans les limites du panneau, vous observerez une surbrillance mauve sur la bordure de ce dernier. Cela indique que le panneau est activé comme conteneur de l image, qu il va en devenir le Parent. Vous pouvez alors relâcher l élément. Si vous déplacez maintenant le panneau, l élément bouge en même temps. Une autre solution consiste, après avoir sélectionné l élément, à cliquer avec le bouton de droite de la souris ou à ouvrir le menu Sélection. Choisissez alors la commande Ajouter au parent puis, dans la liste, le nom du conteneur de destination. Page 16 sur 39

17 Manuel de prise en main Web Creator Pro 6Les nouveaux éléments conteneurs : les Boîtes et les Panneaux L élément viendra alors instantanément se loger en haut à gauche du conteneur. Intégration de plusieurs éléments à un conteneur Pour intégrer plusieurs éléments, vous pouvez procéder de différentes manières. Une fois le conteneur créé, la première et la plus simple consiste à sélectionner les différents éléments et à cliquer ensuite sur le bouton de droite de la souris ou à ouvrir le menu Sélection. Choisissez alors la commande Ajouter au parent puis dans la liste, le nom du panneau ou de la boîte de destination. Les éléments viennent alors se positionner automatiquement en haut et à gauche de leur nouveau parent conteneur. La deuxième méthode consiste à glisser/déposer les éléments les uns après les autres dans le conteneur et à la place que vous souhaitez. Enfin, vous pouvez aussi sélectionner tous les éléments en même temps et les faire glisser dans le conteneur jusqu à ce que la bordure de ce dernier s affiche en surbrillance mauve. Lorsque vous relâchez le bouton de la souris, les éléments se positionnent correctement à la même place qu ils occupaient auparavant. Sélectionnez maintenant le conteneur, en cliquant dessus ou en le sélectionnant dans la Liste des éléments. Si vous le déplacez, vous constatez que les éléments qu il contient se déplacent en même temps. Si ce n est pas le cas, c est qu un ou plusieurs éléments ont été mal sélectionnés ou ne sont pas rentrés dans le cadre du conteneur. Annulez puis recommencez alors l opération de transfert. Page 17 sur 39

18 Manuel de prise en main Web Creator Pro 6Les nouveaux éléments conteneurs : les Boîtes et les Panneaux Vous n avez alors plus qu à peaufiner la disposition en ajustant la taille et la position du conteneur. Cette méthode est très adaptée à la reprise de projets des versions antérieures. Reprise d une page d une version précédente de Web Creator De l exemple précédent, vous déduisez qu il va ainsi être assez simple de reprendre des éléments de pages créés avec les versions précédentes de Web Creator qui n intégraient pas le concept des conteneurs. Après avoir ouvert votre ancien projet, enregistrez-le tout d abord avec Web Creator Pro 6. Créez ensuite dans une des pages un conteneur de la taille adéquate, puis sélectionnez les différents éléments que vous voulez y placer et déposez-les tout simplement dans le cadre du conteneur. En étroite liaison avec l utilisation des conteneurs, Web Creator Pro 6 propose une autre nouveauté très utile pour la génération de plusieurs pages ou projets basées sur un même modèle : les Blocs. Ce sont aussi des évolutions de la notion de Groupes, dans lesquels vous pouvez copier le conteneur et ses éléments puis les mettre de côté pour les réutiliser ultérieurement en les transférant à une autre page sans avoir à refaire toute l opération de création du conteneur ou la disposition des éléments. Nous détaillons cela dans le chapitre Création et utilisation des blocs. Propriétés des Boîtes et des Panneaux Les utilisateurs des versions précédentes de Web Creator connaissent déjà les boîtes, mais elles n étaient alors que des éléments basiques à seule finalité esthétique. Elles peuvent désormais, lors de l ouverture d un projet issu des versions 4 ou 5, être laissées telles quelles ou converties en Conteneur depuis l onglet Position de la Barre des propriétés, case Permettre à ce box d être parent. Comme nous l avons dit aussi, la différence entre les Boîtes et les Panneaux est principalement esthétique. Leurs différentes propriétés sont modifiables dans l onglet Elément de la Barre des propriétés. Concernant les Panneaux, vous ne pourrez y modifier que la couleur, la transparence et la luminosité, en cliquant sur la petite palette située à droite du champ Couleur. Page 18 sur 39

19 Manuel de prise en main Web Creator Pro 6Les nouveaux éléments conteneurs : les Boîtes et les Panneaux Les Boîtes par contre, ont désormais de nombreuses propriétés : par défaut elles sont rectangulaires à coins arrondis, dotées d une bordure colorée, d une ombre portée et d une couleur de fond, tandis que les Panneaux sont initialement transparents et peuvent juste se voir attribuer une couleur de remplissage. Vous pouvez aussi doter une Boîte d un entête et d un pied, de couleur différente ou encore transparent, pour y apposer par exemple un texte ou laisser voir un autre élément en arrière-plan et créer ainsi des effets très variés. Page 19 sur 39

20 Manuel de prise en main Web Creator Pro 6Les nouveaux outils d alignement et de positionnement Ci-dessous, quelques exemples de modification des arrondis, de l entête et du pied, de la couleur, avec transparence et dégradés, ou encore différentes épaisseurs de bordure. Les nouveaux outils d alignement et de positionnement L alignement, le redimensionnement et le positionnement des éléments sont rendus très précis par 3 outils de Web Creator Pro 6 : 1) La grille magnétique paramétrable entièrement dans le menu Outils 2) Les lignes-guides de positionnement et de redimensionnement 3) Les nombreuses options du menu Format La Grille Tous ses réglages sont maintenant accessibles dans le menu Outils. Vous pouvez ici paramétrer entièrement l affichage de la grille par défaut dans Web Creator : Affichée ou non (Visible), magnétique ou non (Active), changer la couleur des points d alignement Page 20 sur 39