Comment construire un portefeuille avec dreamweaver

Créer une image Vignettes

1. Ouvrez votre outil d'édition graphique et puis ouvrez l'une des images pour votre portefeuille.

   

2. Cliquez sur l'image et redimensionner à une vignette d'environ 150 à 200 pixels de large. Dans Fireworks, le logiciel utilisé pour l'exemple montré ici, la commande Taille de l'image se trouve sous le menu Modifier - gt; Toile.

3. Export de la vignette comme un nouveau fichier JPG avec un nom qui indique qu'il est la vignette. Dans Fireworks, pour exporter le menu Fichier utilisation - gt; Aperçu de l'image et sélectionnez JPG comme format de fichier.

   

4. Répétez les étapes ci-dessus pour créer des vignettes de toutes les images de votre portefeuille.

Créer une page Web pour Vignettes

1. Ouvrez Dreamweaver et clic "Créer Nouveau" dans le menu principal pour commencer un nouveau document HTML.

   
   
   
   
   

   

2. Tapez du texte pour décrire ce genre de portefeuille est ce, puis appuyez sur la touche de retour.

3. Cliquez sur le bouton Insérer une image dans la barre d'outils supérieure pour ajouter une vignette à la page.

   

4. Cliquez sur l'image pour le sélectionner et de choisir l'alignement Moyen de l'inspecteur de propriétés de sorte que le texte que vous tapez à côté de la vignette sera aligner avec le milieu de l'image.

   

5. Tapez du texte à côté de la vignette pour décrire ce qu'il est.

6. Tapez quelques retours chariot et insérez une autre vignette et un texte descriptif. Répétez l'opération pour toutes vos vignettes.

   
   
   
   
   

   

7. Cliquez sur le menu Fichier et sélectionnez Enregistrer pour enregistrer votre progrès réalisés jusqu'ici.

Créer Portefeuille pages de détails

1. Cliquez sur le menu Fichier, puis sur Nouveau pour démarrer un nouveau document HTML. Ce sera la page qui apparaît lorsque quelqu'un clique sur votre première vignette.

2. Tapez du texte en haut de la page pour indiquer ce qu'est le design cette page est détaillant.

3. Cliquez sur le bouton Insérer une image dans la barre d'outils et ajouter une image plus grande ou pleine taille vous voulez montrer aux clients.

4. Cliquez sur le menu Fichier et sélectionnez Enregistrer pour enregistrer ce nouveau fichier.

5. Répétez ces étapes et créer des pages de détail pour tous les éléments de votre portefeuille.

Lien Vignettes à Détails Pages

1. Double-cliquez sur la page avec les vignettes dans votre liste de fichiers du site local sur le côté droit de l'écran pour l'ouvrir si elle est pas encore ouvert sur l'écran.

2. Cliquez une fois sur une vignette pour la sélectionner.

3. Insérer un lien à partir de cette vignette pour la page de détails qui lui est associée en cliquant sur l'icône de dossier à droite de la "Lien" boîte dans l'inspecteur de propriétés et de choisir le fichier à partir de la boîte de dialogue, ou en utilisant le "Pointer vers un fichier" réticule icône à côté de la boîte de lien et en faisant glisser le pointeur vers le fichier dans votre liste de fichiers du site local sur la droite.

   

4. Répétez les étapes ci-dessus pour ajouter des liens vers toutes vos vignettes.

5. Cliquez sur le menu Fichier et sélectionnez Enregistrer pour enregistrer vos modifications.

6. Téléchargez les fichiers de portefeuille à votre serveur web en utilisant le bleu "en haut" flèche dans la liste des fichiers du site local sur la droite, puis tester les pages de votre navigateur Web.

• Si votre portefeuille comprend les vignettes des sites Web que vous avez créés et ces sites sont en direct, vous pouvez ajouter un lien vers les sites Web pour les montrer au lieu de créer une page de détails sur la conception distincte.

• Pour empêcher les gens de télécharger vos images en taille de votre portefeuille, vous pouvez ajouter un filigrane à eux avec votre outil d'édition graphique. Une ligne de texte avec une faible opacité dans la partie principale de l'image va fonctionner.