Comment faire une page Web dans FireWorks

Comment faire une page Web dans FireWorks


Il y a de nombreux avantages à utiliser Fireworks pour la conception et le développement de la page Web. Les graphismes sont superbes et le placement de la mise en page peuvent facilement tomber en place faisant de cet outil, un programme de prototypage presque parfait. Il y a beaucoup de fichiers et types de graphiques que vous pouvez importer et exporter en utilisant Fireworks, y compris PSD pour Photoshop, JPG, GIF TIFF, BMP et EPS. Portable Network Graphics ou types de fichiers PNG sont le type par défaut natif de Fireworks et peuvent être utilisés dans de nombreuses autres applications. Il y a aussi une installation pour produire des graphiques animés pour les annonces et des bannières qui peuvent être placés n'importe où sur une page Web.

Instructions

1 Ouvrez une nouvelle page dans Adobe Fireworks en cliquant sur "Ctrl + N." La fenêtre "Nouveau document" apparaît. Entrez les dimensions de votre nouvelle page Web. Une taille de 800 pixels de large par 768 pixels de haut est une taille habituelle, mais vous pouvez le modifier ultérieurement.

2 Sélectionnez l'outil "Rectangle" dans le menu "Outils" et tapez une taille de 1004 de large par 100 de haut dans les champs de saisie de texte "Propriétés". Ce sera la couleur de fond pour l'en-tête de page. Utilisez l'outil "Pointeur" pour sélectionner la couleur dans la fenêtre "Fill des Propriétés". Pour un effet ajouté et plus dramatique, choisissez l'option "Linear" de la sélection déroulante. Choisissez une valeur de 25 dans l'option "Rectangle Arrondi" dans la fenêtre "Propriétés".

3 Sélectionnez l'outil "Texte" et définir la taille à 72 pour un grand titre. Choisir la couleur contrastante blanc ou de telle sorte que le texte se démarquer contre l'en-tête d'arrière-plan. Utilisez l'outil "Pointeur" pour sélectionner le texte et choisissez "Ombre portée" de la "Effets de la Propriétés" fenêtre. Le texte a maintenant une ombre dramatique et peut être positionné partout dans l'en-tête que vous souhaitez. Voir Conseils.

4 Créer un contenu de texte pour votre site en sélectionnant l'outil "Texte" et l'utiliser pour faire glisser une place rectangulaire dans la zone où vous souhaitez afficher votre contenu. Une zone de 350 pixels par 550 pixels devrait être suffisant, bien que vous pouvez utiliser ce que les dimensions que vous aimez. Utilisez ce rectangle pour entrer votre texte soit en tapant ou en le collant à partir d'une source comme un programme de traitement de texte. La taille du texte devrait être de 10 à 12 pixels. Répétez cette opération pour autant de texte que vous souhaitez, laissant la place au fond pour tous les liens et les coordonnées que vous pouvez insérer.

5 Insérez vos images graphiques soit en les faisant glisser en place d'une autre source ou de les importer en utilisant Fichier, Importer (Ctrl + R). Les images peuvent être redimensionnées pour tenir dans une colonne ou dans l'espace en le sélectionnant avec l'outil "Pointeur", en maintenant la touche Maj enfoncée et en faisant glisser tout coin dans une direction quelconque. En maintenant la touche Maj veillera à ce que l'image conserve sa proportion au cours de re-dimensionnement.

6 Créer des liens dans votre page Web. Vous pouvez créer des liens à l'aide de deux images et du texte en cliquant sur l'outil "Rectangle Hotspot" dans le menu "Outils" et en faisant glisser la souris sur le texte ou l'image que vous maintenez le bouton gauche de la souris. Cela fournira un ciel couvert verte sur votre sélection indiquant ceci est maintenant un lien. Le champ de saisie "Link" apparaîtra dans le menu "Propriétés". Tapez le nom de l'URL où vous souhaitez le lien pour aller. Tapez le nom du lien comme «Description Alternate» dans le champ de saisie de texte "Alt". Laissez le champ de saisie de texte "Target" en blanc car il sera par défaut à l'ouverture de la liaison comme une nouvelle page.

7 Testez votre page Web en sélectionnant votre navigateur préféré dans le "Aperçu dans le navigateur" l'option de l'onglet "Fichier" dans le menu principal.

8 Enregistrer la nouvelle page Web dans votre répertoire choisi en cliquant sur "Fichier" puis "Exporter" dans le menu principal. La boîte de dialogue Exporter apparaît. Sélectionnez votre répertoire et donner à votre nouvelle page un nom. Sélectionnez "HTML et Images" dans le "Enregistrer" comme type dans l'entrée de menu déroulant et choisissez "Exporter le fichier HTML" dans l'entrée de menu déroulant "HTML". Laisser «tranches» comme «Aucun». Si vous voulez que vos images graphiques contenues dans un sous-dossier distinct, cliquez sur l'entrée de case à cocher dans l'option "Mettre des images dans des sous-dossiers" et cliquez sur "Enregistrer".

Conseils et avertissements

  • Utilisez l'outil "de course" dans le menu "Propriétés" pour décrire votre texte pour un effet encore plus dramatique. Il devrait être une couleur foncée si le texte est léger ou vice-versa.