Comment faire un Light Box dans Dreamweaver

Une boîte à lumière offre aux développeurs web de souplesse dans l'insertion d'images sur une page web. Les images utilisées dans une boîte à lumière apparaissent essentiellement au-dessus d'une page Web, pas à l'intérieur. Une boîte à lumière est efficace parce qu'elle permet à une personne utilisant votre page Web de la possibilité de cliquer sur une petite image et ensuite avoir cette image agrandie dans une boîte ombrée, en haut de la page ouverte. Cela permet à l'utilisateur de Web sur votre page, mais vous permet de placer plus d'images sur une page sans utiliser autant d'espace. Vous pouvez faire une boîte à lumière dans Dreamweaver en insérant le codage correct au bon endroit sur la page.

Choses que vous devez

  • Adobe Dreamweaver
  • Ordinateur

Instructions

  1. 1

    Ouvrir Dreamweaver. Sélectionner "Ctrl + N" puis "Document HTML Blank" pour ouvrir une nouvelle page vierge. Cliquez sur le "Code" onglet pour arriver à la bonne place pour travailler avec le code de la boîte de lumière.

  2. 2

    Coupez et collez le code suivant dans la "Tête" section du document Dreamweaver:




  3. 3

    Après l'insertion de ce code, vous devez placer les liens pour les images miniatures sur la page. Ce sont les photos que la boîte à lumière agrandit. Utilisez ce code pour chaque image:

    nom de l'image va ici




    Ce code doit être placé juste sous le code précédent.

  4. 4

    Cliquez sur le "Avant-première" bouton en haut de la fenêtre Dreamweaver pour voir comment fonctionne cette page dans un navigateur Web. Si vous êtes satisfait de quoi il ressemble, passez à l'étape suivante. Si vous n'êtes pas satisfait, apporter des modifications et vérifier de nouveau.

  5. 5

    Utilisation "Ctrl + A," "Ctrl + C" et "Ctrl + V" pour sélectionner, copier et coller le code complet qui a été créé dans Dreamweaver. Ce code peut être collé dans la boîte de saisie HTML dans l'extrémité arrière du serveur web selon que vous utilisez pour publier votre page Web. Une fois ceci terminé, les images seront publiés et peuvent être ouverts dans votre boîte à lumière.

Conseils & Avertissements

  • Assurez-vous de télécharger toutes les images individuelles sur le serveur.
  • Les images doivent être assez grand - généralement au moins 500k - être de bonne qualité lors de l'ouverture par le code de la boîte de lumière.
» » » » Comment faire un Light Box dans Dreamweaver