Afbeeldingen plakken in Dreamweaver - dummies

U kunt afbeeldingen van het Klembord van uw besturingssysteem in Dreamweaver-documenten plakken. Dit werkt met afbeeldingen die naar het Klembord zijn gekopieerd vanuit enkele, maar niet alle, browsers (waarbij Safari één is) en voor sommige, maar niet alle, niet-webvriendelijke bestandsindelingen. Elke afbeelding die u naar het klembord van uw besturingssysteem kunt kopiëren, kan in Dreamweaver in een open HTML-pagina worden geplakt.

Het kopiëren van afbeeldingen van browsers is een beetje anders, afhankelijk van de browser, maar de basistechniek is klikken met de rechtermuisknop of Control-klik en kies een optie zoals Afbeelding kopiëren in het contextmenu dat verschijnt. Of u kunt illustraties kopiëren en plakken vanuit programma's als Illustrator, Photoshop of Word.

Met een afbeelding naar het klembord gekopieerd, volgt u deze stappen om de afbeelding in Dreamweaver te plakken en vervolgens op te slaan als een afbeelding in uw site:

1. Klik in het documentvenster op het punt waar de afbeelding moet worden ingevoegd.

   Hoe de afbeelding wordt weergegeven, wordt gedefinieerd met CSS, dus maak je daar in dit stadium niet druk om.

2. Kies Bewerken → Plakken.

   Wat nu gebeurt, varieert aanzienlijk, afhankelijk van uw versie van Dreamweaver, hoewel de basisconcepten hetzelfde zijn:

   1. U kiest een afbeeldingsbestandsindeling en een paar andere afbeeldingskenmerken.

   2. U wijst een bestandsnaam toe.

   In pre-CS6-versies van Dreamweaver wordt een ietwat complex dialoogvenster Afbeeldingsvoorbeeld geopend. In CS6 wordt de afbeelding weergegeven in het documentvenster en wordt een sterk vereenvoudigd dialoogvenster Afbeelding optimaliseren weergegeven.

   

   De standaardinstellingen van de beeldformaat in het dialoogvenster Afbeeldingsvoorbeeld kunnen worden gewijzigd door de afbeeldingsbestandsindeling en optimalisatie-instellingen (filters zoals transparantie, contrast en helderheid) te kiezen uit de vooraf ingestelde pop-up.

3. Maak uw keuzes in het dialoogvenster Beeldoptimalisatie (aangenomen dat u zich in CS6 bevindt) en klik vervolgens op OK.

4. Voer in het dialoogvenster Webafbeelding opslaan dat wordt geopend de naam van de afbeelding in.

   Vermijd het gebruik van spaties en speciale tekens en vervang niet de bestandsnaamextensie (.png,.jpg of. Gif).

5. Sla het bestand op in de hoofdmap van uw site door op de knop Site Root te klikken.

   Opslaan naar de hoofdmap van de site is altijd een veilige gok. Als u vertrouwd bent met het beheer van structuren voor bestandsmappen, kunt u foto's opslaan in submappen in de map van uw site.

6. Klik op Opslaan.

   De afbeelding wordt opgeslagen en het dialoogvenster Afbeeldingbeschrijving (Alt-tekst) wordt weergegeven. In dit dialoogvenster definieert u toegankelijkheidsattributen.

   U kunt alt-tekst invoeren (tekst die hardop wordt voorgelezen om het beeld voor slechtziende bezoekers door leessoftware te beschrijven of die wordt weergegeven in browse-omgevingen waarbij beeldweergave is uitgeschakeld) in het vak Alternatieve tekst in het dialoogvenster.

7. Klik op OK om de afbeelding in te voegen.

   De afbeelding is zichtbaar op de pagina in de ontwerpweergave.