Video: Dreamweaver CS5 Tutorial Using Images in a Web Page Adobe Training Lesson 4.1 2024
klikken U kunt een afbeelding inclusief native Photoshop-bestanden (PSD) en Fireworks (PNG) toevoegen aan uw lege pagina in Adobe Creative Suite 5 (Adobe CS5) Dreamweaver. Het plaatsen van afbeeldingen heeft invloed op het paneel Dreamweaver-bestanden.
-
Kies Invoegen → Afbeelding.
Het dialoogvenster Bron afbeelding selecteren wordt weergegeven.
U kunt ook op het tabblad Algemeen van het paneel Invoegen klikken en op de knop Afbeelding invoegen klikken.
-
Navigeer naar de locatie van uw afbeelding en klik op Kies (Mac) of OK (Windows).
Als u een native Photoshop (PSD) of Fireworks (PNG) -bestand kiest, wordt het dialoogvenster Afbeeldingsvoorbeeld weergegeven, zodat u uw afbeelding rechtstreeks in Dreamweaver kunt optimaliseren.
Als u een afbeelding selecteert die klaar is voor het web, zoals GIF, JPG of PNG en de afbeelding zich buiten uw sitemap bevindt, ziet u een waarschuwing. Dreamweaver waarschuwt u dat de afbeelding zich buiten de hoofdmap bevindt, waardoor er problemen optreden wanneer u pagina's naar een webserver kopieert.
Klik op Ja om het bestand naar de hoofdmap van uw site te kopiëren. Wijs daar een nieuwe naam toe of klik op Opslaan om dezelfde naam te behouden en het afbeeldingsbestand te dupliceren in uw sitemap.
Het dialoogvenster Toegankelijkheidskenmerken voor afbeeldingstags wordt weergegeven.
Alle afbeeldingen moeten Alt (alternatief) tekst bevatten - tekst die verschijnt voordat de afbeelding is gedownload of als de kijker de optie om afbeeldingen te zien heeft uitgeschakeld.
-
Voeg een geschikte beschrijving van de afbeelding toe in het tekstvak Alternatieve tekst.
Als de afbeelding een logo is, moet de beschrijving de bedrijfsnaam als de Alt-tekst bevatten of, als het een foto of illustratie is, de afbeelding in een paar woorden beschrijven.
Vanuit een standpunt van toegankelijkheid helpt alt-tekst schermlezers (zoals die worden gebruikt door slechtzienden) bij het identificeren van beeldinhoud voor gebruikers. Bovendien is Alt-tekst een waardevol hulpmiddel om zoekmachines een manier te bieden om de beeldinhoud op uw site te indexeren.
-
Klik op OK.
De afbeelding wordt toegevoegd aan de pagina en aan het paneel Bestanden.
U kunt een afbeelding bewerken door erop te dubbelklikken in het paneel Bestanden. U kunt ook de eigenschappencontrole gebruiken om details over de afbeelding te bekijken, inclusief de afmetingen en bestandsgrootte. U kunt ook afbeeldingseigenschappen wijzigen, zoals rand, hyperlink en verticale en horizontale opvulling.
Gebruik de eigenschappencontrole om informatie over uw afbeelding te bekijken en de afbeeldingseigenschappen te wijzigen.Wanneer u een grotere site maakt met meerdere pagina's die aan elkaar zijn gekoppeld, wilt u misschien de weergave van het paneel Bestanden wijzigen. Als u op de vervolgkeuzelijst klikt (in de linkerbovenkant van het paneel Bestanden) waar uw site zich bevindt, kunt u mappen en andere sites vinden die u recentelijk hebt gebruikt.Als u op de vervolgkeuzelijst Weergave rechts klikt, kunt u het uiterlijk van het paneel Bestanden wijzigen.
Open bestanden vanuit het paneel Bestanden door erop te dubbelklikken.