Video: Indsæt billede (HTML) 2024
Du kan indsætte billeder fra dit operativsystems udklipsholder i Dreamweaver-dokumenter. Dette fungerer med billeder kopieret til Udklipsholderen fra nogle, men ikke alle, browsere (Safari er en) og til nogle, men ikke alle ikke-web-venlige filformater. Ethvert billede, du kan kopiere til dit operativsystems udklipsholder, kan indsættes i en åben HTML-side i Dreamweaver.
Kopiering af billeder fra browsere er lidt anderledes afhængigt af browseren, men den grundlæggende teknik er at højreklikke eller Control-klik og vælg en indstilling som Kopier billede fra den kontekstmenu, der vises. Eller du kan kopiere og indsætte illustrationer fra programmer som Illustrator, Photoshop eller Word.
Med et billede kopieret til udklipsholderen, skal du følge disse trin for at indsætte billedet i Dreamweaver og gemme det som en billedfil på dit websted:
-
Klik i dokumentvinduet på det punkt, hvor billedet skal indsættes.
Hvordan billedet vises vil blive defineret med CSS, så behør det ikke på dette stadium.
-
Vælg Rediger → Indsæt.
Hvad der sker nu varierer meget afhængigt af din version af Dreamweaver, selvom de grundlæggende begreber er de samme:
-
Du vælger et billedfilformat og et par andre billedattributter.
-
Du tildeler et filnavn.
I pre-CS6-versioner af Dreamweaver åbnes en noget kompleks billedfremvisning-dialogboks. I CS6 vises billedet i dokumentvinduet, og der vises en stærkt forenklet billedoptimerings dialogboks.
Standardindstillinger for billedformat i dialogboksen Billedfremvisning kan ændres ved at vælge billedfilformat og optimeringsindstillinger (filtre som gennemsigtighed, kontrast og lysstyrke) fra den forudindstillede popup.
-
-
Gør dine valg i dialogboksen Billedoptimering (forudsat at du er i CS6), og klik derefter på OK.
-
I dialogboksen Gem webbilled, der åbnes, skal du indtaste billednavnet.
Undgå at bruge mellemrum og specialtegn, og erstat ikke filnavnet (.png,.jpg eller.gif) som med alle webfilnavne.
-
Gem filen til din websteds rodmappe ved at klikke på Site Root-knappen.
Gem til webstedets rodmappe er altid et sikkert bet. Hvis du er fortrolig med at styre filmappestrukturer, kan du dog gemme billeder i undermapper i din websidemappe.
-
Klik på Gem.
Billedet er gemt, og dialogboksen Billedbeskrivelse (Alt tekst) vises. I denne dialogboks definerer du tilgængelighedsattributter.
Du kan indtaste alt tekst (tekst, der vil blive læst højt for at beskrive billedet for synshæmmede besøgende ved hjælp af læsersoftwaren, eller som vises i browsermiljøer, hvor billedvisning er deaktiveret) i alternativ tekstfeltet i dialogboksen.
-
Klik på OK for at indsætte billedet.
Billedet vil være synligt på siden i designvisning.