Mode d'emploi MACROMEDIA STUDIO 8-DCOUVERTE DE STUDIO 8

[. . . ] Découverte de Studio 8 Marques commerciales 1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev et WebHelp sont soit des marques commerciales, soit des marques déposées de Macromedia, Inc. qui peuvent être déposées aux Etats-Unis ou sous toute juridiction. Les autres noms de produits, logos, graphiques, mises en page, titres, mots ou phrases mentionnés dans cette publication peuvent être des marques, des marques de service ou des noms de marque appartenant à Macromedia, Inc. ou à d'autres entités et peuvent être déposés dans certains pays, états ou provinces. [. . . ] L'Inspecteur des propriétés se trouve au bas de la fenêtre Document. S'il n'est pas visible, cliquez sur Fenêtre > Propriétés. 5. Cliquez n'importe où en dehors du graphique de bannière sélectionné pour le désélectionner. Enregistrez votre travail. 6. Importation et placement d'images 171 Importez l'image d'espace réservé du diaporama Ensuite, importez une image d'espace réservé représentant la taille et la position d'un diaporama photo de type Flash qui figurera sur la page Web finale. Les images d'espace réservé sont précieuses pour représenter l'aspect d'un élément de composition sans devoir gérer la grande taille de fichier ni devoir créer l'élément complexe sous sa forme finale. 1. Cliquez sur Fichier > Importer, puis accédez au dossier suivant de votre disque dur : local_sites/cafe_townsend/fireworks_assets/ Double-cliquez sur slideshow-placeholder. jpg. Positionnez le pointeur d'insertion environ 6 pixels sous le graphique de bannière importé précédemment, puis cliquez pour insérer l'espace réservé du diaporama. Tandis que l'image de l'espace réservé est sélectionnée, utilisez les touches fléchées du clavier pour ajuster sa position sur le document. L'image d'espace réservé est correctement alignée si les valeurs de ses coordonnées X et Y dans l'Inspecteur des propriétés sont égales respectivement à 0 et à 98. 2. 3. 4. 5. Cliquez n'importe où en dehors de l'image sélectionnée pour la désélectionner. Enregistrez votre travail. 6. Création d'une image composite de la zone de contenu Vous êtes désormais prêt à créer une maquette de la zone de contenu de la page Web. Vous allez tracer des objets vectoriels Fireworks afin de représenter graphiquement les zones de la page Web. 172 Didacticiel : Création de maquettes de page Avant de commencer, examinez l'esquisse sur la serviette de table afin de vous rafraîchir la mémoire concernant le projet. Création et modification d'un rectangle arrondi Le premier objet à créer est un rectangle arrondi représentant les barres supérieure et inférieure de la zone de contenu. Vous décidez de créer un grand rectangle arrondi définissant l'étendue totale de la zone de contenu. 1. Dans la section Vecteur du panneau Outils, sélectionnez l'outil Rectangle arrondi. Création d'une image composite de la zone de contenu 173 L'outil Rectangle arrondi est un outil de forme. Cliquez sur l'icône d'extension sur l'icône de forme pour la sélectionner. 2. Dans la fenêtre Document, positionnez le pointeur en forme de croix sur le document, puis faites-le glisser vers le bas et vers la droite afin de créer la forme. Vous pouvez tracer le rectangle arrondi n'importe où sur le document. A ce stade, ne vous préoccupez pas de la taille et de la position de la forme ; vous pourrez la redimensionner et la positionner plus tard au cours de la procédure. 174 Didacticiel : Création de maquettes de page 3. Lorsque vous relâchez le bouton de la souris, un rectangle arrondi s'affiche, sélectionné, dans la zone que vous avez définie. Vous pouvez voir qu'un objet est sélectionné grâce à des points bleus qui s'affichent dans les coins. La plupart des objets possèdent également une surbrillance bleue autour de leurs bords extérieurs, mais les rectangles sont des exceptions. Une forme de rectangle arrondi comporte également des points de contrôle qui s'affichent sous la forme de losanges jaunes. Ces points de contrôle vous permettent de modifier la taille et l'arrondi des angles du rectangle. 4. Tandis que le rectangle arrondi est sélectionné, dans l'Inspecteur des propriétés, activez la case Couleur de remplissage à côté de l'icône du pot de peinture. La fenêtre contextuelle Couleur de remplissage s'affiche. 5. Entrez 6B1101 dans la zone de texte située dans le haut de la fenêtre, puis appuyez sur Entrée. Activez la case Couleur de trait à côté de l'icône du crayon, puis cliquez sur le bouton Transparent dans le haut de la fenêtre contextuelle Couleur de trait (il n'est pas sélectionné par défaut). 6. Désormais, le rectangle arrondi présente un remplissage rouge foncé et aucun trait. Vous devez ensuite redimensionner et positionner le rectangle arrondi. Vous décidez de le faire précisément à l'aide de l'Inspecteur des propriétés. Création d'une image composite de la zone de contenu 175 1. Tandis que le rectangle arrondi est sélectionné, dans l'Inspecteur des propriétés, entrez 700 dans la case de largeur (L), 340 dans la case de hauteur (H), 0 pour la position X, 255 pour la position Y, puis appuyez sur Entrée pour appliquer la dernière valeur. 176 Didacticiel : Création de maquettes de page R E MA R Q UE La position Y n'est qu'une approximation. [. . . ] Entrez Image du plat spécial végétarien du samedi. 17. Dans la boîte de dialogue de modification des paramètres du rôle Chef, cliquez sur OK pour sauvegarder vos modifications pour le rôle Chef. La boîte de dialogue se ferme et vous renvoie à la boîte de dialogue Administrer le site Web. Laissez cette boîte de dialogue ouverte. Ensuite, vous allez créer une clé de connection permettant aux utilisateurs dont le rôle est Chef de se connecter au site Web et de lui apporter des modifications. Créer une clé de connexion et l'envoyer à des utilisateurs Contribute vous permet d'intégrer des informations de connexion au site Web dans une clé de connexion que vous pouvez envoyer à d'autres utilisateurs. [. . . ]