Een lichtbak biedt webontwikkelaars flexibiliteit in het invoegen van afbeeldingen op een webpagina. De afbeeldingen in een lichtbak gebruikt in wezen weergegeven boven een webpagina, niet binnen het. Een lichtbak is effectief omdat het toestaat een persoon met behulp van uw web-pagina de mogelijkheid op een kleine afbeelding te klikken en vervolgens hebben dat beeld in een donkergekleurde vak op de top van de geopende pagina groter gemaakt. Dit houdt de webgebruiker op uw pagina, maar u kunt meer foto's op een pagina plaatsen zonder gebruik te maken van zo veel ruimte. In Dreamweaver kunt u een lichtbak door het invoegen van de juiste codering op de juiste plaats op de pagina.
Wat die u nodig hebt
- Adobe Dreamweaver
- Computer
Open Dreamweaver. Selecteer "Ctrl + N" dan "Lege HTML-Document" om een nieuwe lege pagina te openen. Klik op het tabblad van de "Code" om naar de juiste plaats om te werken met de lichtbak-code.
Knip en plak de volgende code in de sectie "Head" van het Dreamweaver-document:
Na het plaatsen van deze code, moet u de koppelingen voor de miniaturen op de pagina plaatsen. Dit zijn de foto's die de lichtbak vergroot. Gebruik deze code voor elke afbeelding:
Deze code moet net onder de voorgaande code worden geplaatst.
Klik op de "Preview" knop aan de bovenkant van het venster Dreamweaver om te zien hoe deze pagina werkt in een webbrowser. Bent u blij met hoe het eruit ziet, gaat u verder met de volgende stap. Als u niet tevreden bent, wijzigingen aanbrengen en opnieuw controleren.
Gebruik "Ctrl + A," "Ctrl + C" en "Ctrl + V" om te selecteren, kopiëren en plak de volledige code die is gemaakt in Dreamweaver. Deze code kan worden geplakt in het vak HTML bewerken in de back-end van welke webserver kunt u de webpagina publiceert. Zodra dit is voltooid, worden de beelden zal worden gepubliceerd en kunnen worden geopend in uw lichtbak.
- Zorg ervoor dat alle afzonderlijke beelden naar de server uploaden.
- Afbeeldingen moeten groot genoeg--in het algemeen ten minste 500k--van fatsoenlijke kwaliteit wanneer geopend door de lichtbak-code.