Comment créer une page Web dans Fireworks

Comment créer une page Web dans Fireworks


Adobe Fireworks est un outil utile et tout à fait capable de développement, les graphiques et le site web de prototypage. Vous pouvez construire votre page Web, construire des graphiques, faire des bannières et créer des hyperliens tout dans Fireworks. La plupart des types de fichiers qui sont produits dans d'autres packages d'applications graphiques peuvent être importées et exportées converties en utilisant ce paquet. Si vous souhaitez ouvrir ou produire un fichier Photoshop (.PSD), GIF, JPEG, TIFF, EPS ou BMP, ce serait le seul à le faire. Feux d'artifice seront également produire des fichiers Portable Network Graphics (PNG) par défaut et vous donne également la possibilité de redimensionner un fichier pour la sortie spécifique que vous avez besoin.

Instructions

1 Lancez Adobe Fireworks et créer un nouveau fichier ( "Ctrl + N"). Choisissez la taille de la page que vous souhaitez démarrer. 800 pixels de large par 600 pixels de haut est une norme de base, mais vous pouvez le modifier ultérieurement. Choisissez une couleur de blanc de fond; encore une fois, vous pouvez le modifier ultérieurement. Cliquez sur "OK".

2 Choisissez un graphique à utiliser comme un en-tête de votre site, soit par l'importer à partir d'un fichier que vous avez créé ou simplement en créer un en cliquant sur l'outil Rectangle dans le menu Outils ( "Shift + U") et la création de votre graphique là. Vous pouvez utiliser l'outil Texte ( "Shift + T") dans le menu outils pour ajouter la rubrique contenu. Utilisez le même outil Texte pour ajouter du contenu et de verbiage sur votre site en sélectionnant l'outil Texte, plaçant votre curseur dans la position sur la page où vous voulez que le texte et commencez à taper. Comme alternative, vous pouvez coller directement dans la même position tout texte que vous avez précédemment copié.

3 Créer des liens hypertexte en sélectionnant l'outil "Rectangle Hotspot" sur le panneau Web du menu Outils et l'utiliser pour mettre en valeur votre texte destiné URL. Un carré rectangulaire vert apparaît sur le texte. Tapez l'adresse lien URL dans le champ de saisie de texte "Link" et remplir un nom de texte alternatif pour ce lien. La sélection cible déroulante devrait être "_blank".

4 Cliquez sur "Fichier> Exporter" dans le menu fichier ou appuyez sur "Ctrl + Maj + R." La boîte de dialogue "Exporter" apparaît.

5 Choisissez où vous voulez que votre site réside en naviguant dans le répertoire cible dans le "Enregistrer dans" boîte de bas déroulante. En option, vous pouvez choisir de conserver ce fichier dans le même répertoire que vos sites Web.

6 Tapez le nom de votre fichier dans le champ de saisie de texte "Nom de fichier" ou vous pouvez laisser le "nom de fichier" champ par défaut le nom Fireworks a choisi.

7 Choisissez "CSS et Images (.htm)" de la boîte de liste déroulante "Type". Le choix de cette option permet de créer une page web HTML et la fiche d'accompagnement de style en cascade (CSS) pour cette page particulière. Vous pouvez également choisir de créer simplement le code HTML et les images associées en sélectionnant "HTML et Images" dans le champ de saisie déroulante Exporter. La sélection de cette option ouvre plusieurs champs d'entrée: dans le champ HTML sélectionnez "Fichier HTML Export," en tranches, sélectionnez "Aucun" et sélectionnez "Page courante" dans le menu Pages. Assurez-vous que vous choisissez une de ces options. Tout autre type ne va pas créer le site et ses images associées.

8 Cliquez sur le "Put Images dans Subfolder" vérifier box.This placera toutes vos images graphiques dans un sous-dossier distinct dans votre répertoire cible.

9 Cliquez sur "Enregistrer". Les fichiers HTML et les images associées ont été créées.

dix Testez la nouvelle page Web en naviguant dans le répertoire que vous avez créé et en cliquant sur le fichier HTML.