Hoe maak je een lichtbak in Dreamweaver

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.

Tips & waarschuwingen
  • 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.

Gerelateerde Artikelen

Hoe maak ik een PDF vanuit Dreamweaver

Hoe maak ik een PDF vanuit Dreamweaver

Een andere toevoeging aan de alfabet-soep is met alle van de acroniemen die gaan in het creëren van een Adobe Dreamweaver-site, met inbegrip van HTML, CSS en JPG, PDF. Het bestand Adobe portable document format is een manier voor u Dreamweaver-pagina
Hoe maak je een catalogus in Dreamweaver

Hoe maak je een catalogus in Dreamweaver

Dreamweaver is een webapplicatie ontwikkeling, oorspronkelijk ontwikkeld door Macromedia en in 2005 overgenomen door Adobe. Dreamweaver is een WYSIWYG (wat je ziet is wat je krijgt) programma voor het ontwerpen van webpagina's die op vrijwel dezelfde
Hoe maak je een Blog in Dreamweaver Tutorial

Hoe maak je een Blog in Dreamweaver Tutorial

Adobe Dreamweaver is een populair type van Web gebouw software. U kunt websites zonder weten Hypertext Mark-up Language (html) of andere soorten codering maken. U kunt bouwen een blog met het veel over de manier waarop u een andere site zou bouwen. E
Hoe maak je een sitemap met Dreamweaver

Hoe maak je een sitemap met Dreamweaver

U kunt een visuele sitekaart maken en bekijken, afdrukken of toe te voegen aan een webpagina met Dreamweaver 3.0. Gebruik de sitemap controleren van de structuur van uw site en ervoor te zorgen dat deze overeenkomt met uw bedoelingen of om uw sitegeb
Hoe maak je een lichtbak fotografie

Hoe maak je een lichtbak fotografie

Lichte dozen zijn over het algemeen gebruikt om te fotograferen van kleine voorwerpen met een eenvoudige naadloze witte achtergrond. Met behulp van een lichtbak kunt u markeren van het object met geen afleidende achtergrond en een subtiele gefilterde
Hoe maak je een lichtbak teken

Hoe maak je een lichtbak teken

Lichte vakken maken een mooie toevoeging aan uw huis als een decoratieve vertoning. Kunstenaars kunnen ze ook gebruiken voor tracering ontwerpen en afbeeldingen. U kunt zelfs display foto's met back-lit verlichting. Er is echter een nieuwe manier om
Hoe maak je een Hotspot in Dreamweaver CS4

Hoe maak je een Hotspot in Dreamweaver CS4

Hotspots, gebieden binnen een afbeelding op een webpagina van Dreamweaver CS4, dat een nieuwe webpagina open wanneer erop wordt geklikt, zijn nuttig voor een verscheidenheid van toepassingen. Een toepassing is zoom-in en zoom-out kaarten. Wanneer een
Hoe maak je een Website in Dreamweaver

Hoe maak je een Website in Dreamweaver

Websites die zijn gemaakt in Dreamweaver kunnen worden aangepast voor persoonlijk of zakelijk gebruik. Dreamweaver biedt een gecombineerde HTML-bewerkingen en WYSIWYG bewerken base die begrijpelijk is voor zelfs de un-ervaren webeditor te gebruiken.
Hoe maak je een nieuwsbrief in Dreamweaver

Hoe maak je een nieuwsbrief in Dreamweaver

Nieuwsbrieven zijn een belangrijk marketinginstrument. E-nieuwsbrieven gebruikt voor het verzenden van e-mailcampagnes, online abonnementen en nieuws. Door het verzenden van een nieuwsbrief via e-mail kunt u een aanzienlijke hoeveelheid verzendkosten
Hoe maak je een bezoekersteller in Dreamweaver

Hoe maak je een bezoekersteller in Dreamweaver

Omdat Dreamwaver het zo makkelijk om te werken met HTML-code en scripts, maakt zelfs als je een beginnende webdesigner, een bezoekersteller aan uw webpagina toe te voegen is niet moeilijk om te doen. Er zijn een paar manieren om een bezoekersteller.
Hoe maak je een Banner in Dreamweaver

Hoe maak je een Banner in Dreamweaver

Een banner kunt u adverteren uw product, service en merk, of het kan alleen worden gebruikt om de aandacht vestigen op een belangrijke boodschap op het Internet. Als u een bedrijf met een website eigen of gewoon behoefte aan een in het oog springende
Hoe maak je een Sitemap in Dreamweaver

Hoe maak je een Sitemap in Dreamweaver

Een sitemap is een bestand waarin al uw Web-pagina adressen samen met andere informatie, zoals hoe vaak uw site wordt bijgewerkt. Dit gedetailleerde document wordt geplaatst op uw Web host directory zodat zoekmachines, zoals Yahoo en Google, gemakkel
Hoe maak je een kalender in Dreamweaver

Hoe maak je een kalender in Dreamweaver

Creëren van uw zeer eigen kalender te uploaden op het web kan worden intimiderende, vooral als u nog nooit gedaan vóór. Maar HTML biedt een handige manier om lay-out en organiseren van gegevens door het gebruik van tabellen, die de levering van de st
Hoe maak je een Blog met Dreamweaver

Hoe maak je een Blog met Dreamweaver

Dreamweaver is een eenvoudig en krachtig hulpmiddel voor het maken van websites en webpagina's. Dreamweaver kan ook door gebruikt te maken van een blog als u wenst. Aanvankelijk, is Dreamweaver niet ingesteld om blogs zo eenvoudig als met behulp van