Hoe Attributen te definiëren in Dreamweaver - dummies

De eigenschappen -inspector van Dreamweaver is contextgevoelig. Dit betekent dat wanneer u op een afbeelding klikt, HTML-kenmerken voor die afbeelding worden weergegeven en bewerkbaar zijn. Sommige van de bewerkbare afbeeldingskenmerken zijn meer 'technisch' dan ontwerpfactoren.

De afbeeldings-ID wordt bijvoorbeeld gebruikt wanneer afbeeldingen zijn verbonden met JavaScript-programma's of databases. Andere afbeeldingskenmerken in de eigenschappeninspecteur bestaan ​​uit een beperkte reeks eigenlijke beeldbewerkingstools. Die hulpmiddelen omvatten bijsnijden, contrast bewerken en afbeeldingen verscherpen. Bekijk de belangrijkste opties:

• Hulpprogramma's voor kaartgebieden: Met de hulpmiddelen van het toewijzingsgebied worden klikbare hotspots op de geselecteerde afbeelding gemaakt en worden afzonderlijke koppelingen voor verschillende hotspots gedefinieerd. Een hotspot is een gedeelte van een afbeelding dat als een koppeling fungeert. U kunt de hotspot-gereedschappen Rectangle, Circle en Polygon gebruiken om secties over een geselecteerde afbeelding te tekenen en vervolgens specifieke links naar die hotpots toe te wijzen in de eigenschappeninspector.

  Het vierde hulpmiddel in deze set, het hulpmiddel Pointer Hotspot, wordt gebruikt om bestaande hotspots te selecteren, verplaatsen of bewerken.

• V Spatie en H-spatie: Definieer horizontale en verticale afstand rond de geselecteerde afbeelding.

• Uitlijnen: Gebruik deze pop-up om te kiezen tussen de linker of rechter uitlijning. (Andere opties zijn technisch beschikbaar, maar het zijn overblijfselen uit een tijdperk waarin tekstgrote grafische symbolen rechtstreeks in tekstregels werden ingevoegd en vandaag niet worden gebruikt voor beelduitlijning.)

• Src: Dit veld identificeert de ingesloten gekoppelde afbeelding.

• Alt: Wijzig de tekst die wordt weergegeven of gelezen, wanneer een afbeelding niet zichtbaar is.

• Rand: Definieer randbreedte (standaard 0 pixel) of 1 pixel als de afbeelding als koppeling fungeert.

• Link: Definieer een koppeling die wordt geopend wanneer op de afbeelding wordt geklikt. Als een koppeling is gedefinieerd, kunt u de koppeling voor openen in een nieuw browservenster instellen door _blank in de pop-up Doel te kiezen.

• Klasse: Gebruik deze pop-up om CSS-klassestijlen toe te wijzen als deze zijn gedefinieerd in of gekoppeld aan de pagina.

• W (breedte) en H (hoogte): Verklein de afbeelding. Als u het pictogram Grootte van beperkingen uitschakelen opheft, wordt de koppeling tussen hoogte en breedte ontgrendeld, zodat u de afbeelding kunt uitrekken of squashen in plaats van de originele hoogte / breedte-beeldverhouding te behouden terwijl u de grootte wijzigt. U kunt het formaat van de afbeelding ook wijzigen door op de rechteronderhoekhendel van een geselecteerde afbeelding te klikken en deze te verslepen. Houd de Shift-toets ingedrukt terwijl u het formaat wijzigt om de hoogte-breedteverhouding te behouden.

• Resample: Met nieuwe hulpmiddelen in CS6 kunt u een gewijzigd (kleiner) beeld resamplen.Resampling elimineert onnodige gegevens en maakt het beeldbestand kleiner en dat betekent dat de afbeelding sneller kan worden gedownload. Schakel het selectievakje Vastgelegd afbeeldingsformaat in om de afbeelding opnieuw te samplen of klik op de knop Herstellen naar originele grootte ernaast in het eigenschappenvenster om het formaat wijzigen ongedaan te maken.