Utilisation de Fireworks pour créer des boutons de navigation

3. Graphics Décrivant et images de contour progressif

Utilisez cet outil pour sélectionner la partie de l'image que vous
veulent plumes.

Réglez le degré de feathering, de 1 à 100. Essayez de ne pas
à la surexploitation feathering.

Maintenant, allez dans « Sélectionnez dans la barre de menu et choisissez
« Select inverse », et maintenant appuyez sur le bouton de suppression.

Vous aurez maintenant une plume et recadrée image.

En utilisant soit le bitmap ou vectoriel outil de forme, vous pouvez
créer une image parfaite du cercle en sélectionnant l'ovale
façonner l'outil, puis en maintenant la touche de changement de vitesse vers le bas
lorsque vous dessinez votre cercle.

Lors de l'élaboration des formes graphiques, notez que vous pouvez
sélectionnez la couleur du corps et la bordure de la forme.

En dessinant une boîte de vecteur autour d'une image sans
couleur sélectionnée pour le corps, vous aurez maintenant
une bordure autour de l'image.

Afin d'obtenir cette astuce pour travailler, vous devez d'abord
créer une nouvelle couche pour cette image. Assurez-vous
ont choisi cette nouvelle couche, et maintenant utiliser
l'outil de forme de vecteur à tracer une frontière.

Lorsque vous rencontrez des problèmes travailler avec des images
Feu d'artifice en, il est généralement un problème de couche. Vous devez
assurez-vous que vous avez sélectionné la couche à droite
apporter les modifications à.

5. Buttonmakers et téléchargement Softfware

5. Vous pouvez utiliser Fireworks pour créer complexe
des boutons de renversement

Dans Fireworks, allez dans « Edition » et sélectionnez « Insérer un nouveau bouton »

Cela appellera un menu vous donnant la possibilité de contrôler chaque état du bouton que vous faites

La meilleure façon de le faire est de créer un bouton de base
et sélectionnez « copier graphique » utiliser ce même
bouton pour chaque état du bouton de survol

Maintenant, sélectionnez l'état du bouton que vous voulez
modifier, par exemple, « vers le bas », et vous pouvez changer la
couleur de fond ou la couleur du texte pour faire varier la
état du bouton lors du survol.

Lorsque vous enregistrez ce bouton dans Fireworks, vous allez
« exporter » et assurez-vous que vous sélectionnez l'exportation
fichier html et tranches de fichiers et cochez « sélectionné
tranches seulement »

Lorsque vous insérez ce bouton dans une page Web, vous
veulent aller à Dreamwever et sélectionnez « Insérer »
et choisissez « Objets d'image » puis sélectionnez
« Feux d'artifice Html »

Rappelez-vous, lorsque vous copiez cette image bouton
sur le web, vous allez copier plusieurs
différents petits fichiers GIF - une pour chaque tranche de
le rolloever - et un fichier html qui contient
le code pour travailler le roulement.

Voici quelques-uns des petits fichiers d'images qui ont été
créé à ce sujet lorsque j'ai créé rolloverbutton
page web. tester.gif, tester.htm. tester_f2.gif,
tester_f3.gif, tester_f4.gif.

5. Rappelez-vous, vous pouvez toujours utiliser
les boutons Flash et outils de texte Flash en
Dreamweaver pour créer des boutons de base.

Dans Dreamweaver, cliquez sur « Insérer »
puis choisissez « Media » puis sélectionnez
soit les boutons Flash ou Flash Text.

6. Règles de base pour créer des boutons de navigation

Gardez les boutons relativement faible. Plus grand est pas mieux

Essayez de centre ou d'un texte de mise en page sur les boutons dans
une approche cohérente, facile à lire ainsi.

Assurez-vous que si le bouton a une
bord anti-alias qu'il utilise une couleur qui
mélanges dans l'arrière-plan. Réglez le Matte
couleur à la samecolor que celle de la page Web
Couleur de fond.

Rappelez-vous que les petits caractères anti-aliasing
peut rendre plus difficile à lire.

Afin de faciliter la lecture petit
taper sur vos boutons, vous pouvez doubler ou
même tripler la couche de texte pour
le texte plus à lire.

Ces polices ont été conçues pour bien paraître
comme plus petit texte même si elles sont
crénelage:

La meilleure façon de faire des boutons à l'aide
Feux d'artifice est d'utiliser les boutons de « Styles »
qui se trouve sous la rubrique « actifs ».

Vous pouvez changer la couleur, la texture et
rotondité rectangle du bouton dans la
boîte de propriétés.

Fireworks crée des fichiers « .png ». Ne met pas
fichiers « .png » sur le web.

Utilisez « Assistant Export » ou « Aperçu avant exportation » à
sauvegarder vos fichiers « .png » soit « jpg » ou « gif »
fichiers pour le web.

Rappelez-vous, essayez de compresser la taille de fichier
vos fichiers d'image afin qu'ils ne prennent pas
trop de temps à télécharger sur le web.

Faire preuve de culture et une image feathering.

Démontrer la création de boutons et d'ajouter du texte.

9. Vous pouvez utiliser Fireworks pour insérer de nouveaux boutons que les
programme a déjà fait. (Ceux-ci sont appelés boutons en conserve »)

Allez à Modifier et choisissez « Insérer » et sélectionnez le bouton Nouveau « .

Allez à Modifier et choisissez « Bibliothèques » et sélectionnez
"Animations", "Bullets", "boutons", ou "Thèmes"

Dans Dreamweaver, vous pouvez faire glisser les images dans un fichier de
Bibliothèque afin que vous puissiez les utiliser sur d'autres parties
de la page Web.

Pour voir la bibliothèque d'un fichier dans Dreaweaver, allez à
« Windows » et sélectionnez « Bibliothèque ». Assure-toi
votre table des menus est ouvert.

Utilisation de la bibliothèque dans Dreamweaver peut être et facile
et moyen utile de garder une trace des boutons et
éléments d'image que vous utilisez sur une page Web.

Vous pouvez utiliser la largeur fixe ou tables de longueur variable
pour créer les limites extérieures ou votre page Web.

Soyez prudent en utilisant des tables de largeur variable, parce que
le contenu de votre page Web sera différent dans
différents navigateurs avec différentes résolutions d'écran.

Une fois que vous avez créé votre table initiale, vous pouvez
maintenant utiliser des calques dans Dreamweaver pour la mise en page du
grille pour votre page Web.

Créer et utiliser un modèle de page Web.

Assurez-vous de travailler vos liens et images.

Vérifiez que le contraste entre votre texte et votre
fond page web.

Utilisez des tables et des couches invisibles à la mise en page d'une grille
pour équilibrer le placement des images et du texte sur
ta page.

Tenir un journal de ce que sont les noms de votre image
fichiers, ce que vous utilisez les polices, les couleurs que vous utilisez,
la taille de vos images en hauteur et en largeur,
et les noms de fichiers de page Web.

Essayez de limiter vos pages à pas plus d'un et-
hauteur des écrans a-demi.

Vérifiez votre orthographe et essayer de réduire le nombre
des mots que vous utilisez dans chaque ligne de texte à l'absolu
strict minimum.

Est-ce que votre page a un point focal clair, ou est-elle
ont plusieurs points?

Votre page Web a une information claire
hiérarchie, à partir des éléments les plus importants étant donné
le plus l'accent et le moins important
éléments donnés moindre importance?

Est-ce que votre page Web semble encombré? Est-ce que tous les
chose semble être équilibré et à sa place sur
la page?

15. Création des barres de navigation à base de texte pour les liens texte

Voir cclewis.com: photographie numérique

Dans Dreamweaver, cliquez sur « Insérer »
sélectionnez « Caractères spéciaux ». Remarquer
les caractères spéciaux que vous pouvez insérer
dans votre page

16. Utilisation de Dreamweaver pour créer des cartes d'image

Voir l'exemple de hyperimage sur cclewis.com

Lorsque vous utilisez imagemaps, assurez-vous
utiliser du texte « Alt » pour faire savoir où le lecteur
le lien vous mène.

Articles Liés

Précédent ◈ Suivant