Afbeelding Plaatsing in Adobe CS5 Dreamweaver-pagina's - dummies

U kunt menu-items gebruiken, kopiëren en plakken, en zelfs afbeeldingen slepen en neerzetten op uw Adobe Creative Suite 5 (Adobe CS5) Dreamweaver-pagina. Dientengevolge is het plaatsen van afbeeldingen op een webpagina in Dreamweaver eenvoudiger dan ooit, vooral vanwege de integratie met andere Adobe-producten.

Afbeelding invoegen

Als u beelden van tevoren aan het voorbereiden bent, sla de geoptimaliseerde afbeeldingen op of verplaats ze naar uw sitemap.

1. Klik op de pagina om de cursor te plaatsen waar u de afbeelding wilt plaatsen.

2. Ga naar de categorie Algemeen in de vervolgkeuzelijst boven in het deelvenster Invoegen en klik op de knop Afbeelding invoegen of kies Invoegen → Afbeelding.

   Als Afbeelding niet de standaardinstelling is voor de knop Afbeelding invoegen, klikt u op de pijl rechts van de knop en houdt u deze ingedrukt en kiest u Afbeelding in de vervolgkeuzelijst.

   Het dialoogvenster Bron afbeelding selecteren wordt weergegeven.

3. Navigeer naar de plek waar uw afbeelding zich bevindt en klik op OK (Windows) of Kies (Mac) om de geselecteerde afbeelding te plaatsen.

   Als uw afbeeldingen zich in uw sitemap bevinden, kunt u op de knop Site Root in het dialoogvenster Afbeeldingsbron selecteren klikken om er snel naartoe te navigeren. Als een afbeelding zich niet in uw sitemap bevindt, wordt u in een waarschuwingsvenster gevraagd of u het bestand daar nu naartoe wilt kopiëren.

4. Klik op Ja als u wordt gevraagd de afbeelding naar de hoofdmap van uw site te kopiëren. Wanneer het dialoogvenster Bestand kopiëren als wordt geopend, controleert u of de naam correct is en klikt u op Opslaan.

   In het dialoogvenster Toegankelijkheidskenmerken beeldtag vraagt ​​u om alt-tekst in te voeren.

5. Typ een woord of drie die het best uw afbeelding beschrijven (zoals Our Family Photo) in het tekstveld Alt en klik op OK.

   De afbeelding is ingevoegd.

Afbeelding slepen en neerzetten

Naast het invoegen van afbeeldingen vanuit het deelvenster Invoegen of de menu's van toepassingen, kunt u afbeeldingen rechtstreeks vanuit het paneel Bestanden naar de pagina slepen en plaatsen. Als u een afbeelding sleept, volgt de cursor deze terwijl u deze door het document beweegt; laat de muisknop los wanneer de cursor de juiste plek markeert waar je de afbeelding wilt neerzetten.

Als u profiteert van de Adobe Bridge-workflow, kunt u de werking van Bridge laten verlopen en afbeeldingen naar wens slepen vanaf het Bridge-venster naar uw Dreamweaver-pagina. U kunt Bridge openen door Bestand → Bladeren in Bridge te kiezen.

Als de afbeelding een native Photoshop (PSD) - of Fireworks (PNG) -bestand is, verschijnt het dialoogvenster Afbeeldingsvoorbeeld, zodat u de afbeelding kunt optimaliseren voordat u deze plaatst.

U kunt ook een geoptimaliseerde afbeelding van uw bureaublad of andere mappen naar een Dreamweaver-pagina slepen.Als een afbeelding zich niet in uw sitemap bevindt, hebt u de mogelijkheid om die afbeelding naar uw sitemap te kopiëren wanneer deze is geplaatst.