Pour une bonne utilisation des calques de votre page web
Contents
1. MouseOff b e backgr b Pas teboard b MouseOver Mouse pars Ligne Ligne pa Ligne Ligne Ligne Ligne Ligne Ligne F1 Photo b Page batkgr b Pasteboard b FTE Localiser Page 07 ES Vue du contenu du calque Mouse Off actif susap sep auaes E MouseCver i Z z pinent Es Es A sap AUS SL E Ligne Ligne Ligne n Ligne C Ligne ET Photo age backgr asteboard b SaGessdl sa P a Page 08 Le contenu du calque est lui aussi important il d termine la position de chaque objet par rapport aux autres Ainsi sur la photo ci contre l objet le plus bas de la liste indique qu il t le premier tre pos sur le calque et est recouvert sur le calque par les objets suivants Bien entendu l objet du haut de la liste a t le dernier ajout au calque Il arrive qu il faille changer la position d un objet par rapport un autre qui le recouvre On peut alors se servir du bouton de positions des objets sur le calque CSS ES Fun RU CNT dlk 4 En survolant chaque sous boutons leur utilit s affiche L maam prie SE On peut aussi se servir de la souris en d pla ant Fobjet dans la galerie des calques tout en maintenant le clic gauche enfonc et en le rel chant sur la position recherch e A noter que vous pouvez aussi par cette derni re fa on de proc der changer la position des pages d2. Over amp OM du site Pasteboard background Fage backqrounrd Page 04 D finition des calques et utilisation Commen ons par le calque inf rieur C est le fond de votre site sa dimension est celle que vous avez choisie pour la taille de votre site C est ce calque qui recevra la couleur ou le design ou autres objets textes logos etc que vous voulez voir pr sents sur toutes les pages de votre site En fait en agissant sur ce calque vous agissez sur toutes les pages en m me temps Ce qui ne sera pas le cas pour les calques suivants 2 Le calque Mouse Off C est le calque de base de votre page c est sur celui ci que seront d pos s tous les objets que l internaute d couvrira en affichant la page avec bien s r en dessous la page Background elle aussi visible On d posera aussi sur le calque Mouse Off tous les objets r actifs comme les boutons ou les barres de navigation Mouse Off signifie sans intervention de la souris 3 cague Mouse Over Cest le calque qui n affiche que l apparence visuelle des objets r actifs comme celle des barres de navigations ou boutons de liens plac s sur le calque Off lorsque le curseur de votre souris les survole d ou le nom du calque en Anglais Mouse Over souris dessus Lorsque vous importez un bouton ou une barre de navigation sur le calque Off les effets r actifs se placent autornatiquement sur le calque Over m me si le calque est cadenass Page Background ique Mous
3. Page OT Pour une bonne utilisation des calques de votre page web avec Magix Web Designer Avant propos Avec Magix Designer la connaissance des calques qui constituent la page de votre site est primordiale afin de maitriser son contenu Pourquoi ce tutoriel alors qu il existe un pdf tr s complet sur le sujet La cr ation de ce tutoriel m a t inspir e par un nombre croissant d utilisateurs de Designer qui ont fait appel sur le forum le plus souvent suite une erreur de calques J en ai conclus qu ils travaillaient avec la galerie des pages et des calques ferm e qu ils ne consultaient pas ou tr s peu le manuel d utilisation qu ils taient perdus dans les 546 pages que d autres ne savent pas qu il existe Nous sommes tous pareils quand nous ouvrons pour la premi re fois un logiciel c est un r sultat imm diat que nous voulons tout en faisant fi des explications ou de l utilit des boutons propos s dans le tableau de bord On teste On verra bien et parfois on arrive sortir quelque chose qui nous convient Qui mais de quelle facon y sommes nous arriv s on a m me du mal le lendemain se rappeler comment nous y sommes parvenus Par ce tutoriel simplifi pour une mise en pratique rapide j essaie d expliquer clairement Futilisation des calques mais vous pouvez aussi consulter votre manuel POF partir de la page 420 Designer 10 Premi re le on La page de votre site c est tout d abord un calque p
4. age background de la dimension de votre site Ilest recouvert d un calque appel Mouse Off et d un second appel Mouse Over Ces 2 calques ont la m me dimension que la page background Ces 3 calques sont transparents et sont superpos s sur Le Pasteboard Background table de montage En conclusion la page d un site web est une addition de calques transparents Chaque calque une fonction bien d finie c est ce que nous allons tudier Coupe d une page normale d un site web avec Designer Calque Mouse Over Calque Mouse Off Page background EEE EE ot Pasteboard background Avant d tudier chaque calque qui constitue la page de votre site faisons connaissance avec le Pasteboard background ou carton de fond en Fran ais En fait il s agit tout simplement de la table de montage de votre logiciel Si vous regardez bien la coupe de la page dans le pr c dent dessin le pasterboard est repr sent plus grand que les calques c est pour vous expliquer que le pasterboard remplira toute la surface du navigateur internet et ce quelle que sait la r solution du m dia Si on n agit pas dessus le Pasterboard restera blanc Avec Designer on peut colorer habiller le pasterboara avec des fonds que vous trouverez dans la galerie des remplissages ou encore dans l galerie des designs mais rien ne vous emp che d y mettre votre propre fond ou une de vos photos Explications partir de la page 311 de votre manuel Pdf Calques
5. e Off Calque Mouse Over toujours ferm re LOGOTYPE Lerses ipsum ele Close Mouse D toujours ferme Superposition des 3 calques Seconde le on La Galerie des pages et des calgues Elle se trouve sur la droite de votre logiciel Je vous conseille vivement de travailler en sa pr sence permanente afin de ma triser totalement le contenu de vos pages Chaque page est repr sent e par sa vignette que l on peut d velopper en cliquant sur le petit triangle bleu sur sa gauche de m me que l on peut d rouler chaque calque pour en v rifier son contenu Une autre fl che point e elle vers le haut indique sur quel calque vous travaillez pour rendre actif un autre calque de la page cliquez sur son nom pour l activer il ne peut y avoir qu un seul calque actif la fois L oeil est utile afin de d terminer le contenu de chaque calque on peut l ouvrir ou le fermer en cliquant dessus Le cadenas prot ge les l ments de chaque calque afin de ne pas les d placer par inadvertance quand ceux ci sont visibles on peut l ouvrir ou le fermer en cliquant dessus savoir que l oeil et le cadenas n ont aucune incidence lors des aper us sur l cran ils sont seulement utiles au travail du webmaster 4 j xo Galerie des pajer et des calques mn ET E d Proprietes Supprimer ER CNEE TE Nouveau calque _ Bupliquer ES NANTES Page ferm e Page ouverte Calque actif MouseOver
6. e votre site les liens n en seront pas affect s Designer les corrigera automatiquement Dans ce tutoriel que j ai voulu basique je ne parle pas des calques additionnels utilis s pour les effets pop up et survol de souris afin de ne pas en compliquer sa compr hension Un tutoriel est disponible sur ce sujetpour ceux qui seraient int ress s Nous voici au terme de ce tutoriel simplifi Votre logiciel poss de un PDF d aide tr s complet pour le trouver il vous suffit de cliquer sur l onglet Aide et sur Manuel au format PDF et en ce qui concerne la galerie des pages et des calques c est partir de la page 420 Designer 10 et page 400 Designer 9 Fran ois Bellanger le 02 Avril 2015
Download Pdf Manuals
Related Search