Sådan tilføjes billeder til dit websted i Dreamweaver - dummier

At tilføje et billede til din webside kan forekomme næsten magisk i starten, fordi processen er så simpel med Dreamweaver. Udfordringen med webgrafik tilføjer dem ikke til dine sider, men skaber flotte billeder, som hurtigt indlæses i din browserens browser.

Du har brug for et andet program, som f.eks. Photoshop, Photoshop Elements eller Fireworks, til at oprette, konvertere, redigere og optimere billeder. Optimering af billeder gør filstørrelsen mindre, så dine billeder downloades hurtigere. Dreamweaver indeholder nogle grundlæggende billedredigeringsværktøjer, men for det meste bruger du Dreamweaver til at indsætte og placere billeder på din side.

Dreamweaver gør det nemt at placere billeder på dine websider og giver flere måder at gøre:

• Klik på ikonet Billeder i panelet Fælles indsæt og vælg derefter et billede ved hjælp af dialogboksen Indsæt billede.

• I panelet Filer skal du klikke og trække et billednavn på den side, hvor du vil have billedet vist.

• Brug menuen Indsæt.

Hvis du ikke har et weboptimeret JPEG, GIF eller PNG-billede, kan du downloade gratis billeder, som allerede er optimeret.

Følg disse instruktioner for at placere et billede på en webside ved hjælp af menuen Indsæt:

1. Åbn en eksisterende side eller opret og gem en ny side.

2. Placer markøren, hvor du vil indsætte billedet på siden.

   Du kan indsætte billeder øverst til venstre i en ny blankfil, og du kan indsætte billeder i tags og elementer på en webside, men du kan ikke bare placere et billede midt på en side uden at bruge yderligere HTML tags eller CSS formatering for at placere den.

3. Vælg Indsæt → Billede → Billede.

   Dialogboksen Vælg billedkilde vises.

4. Gennemse for at finde det billede, du vil indsætte.

   Afhængigt af dit computersystem kan du forhåndsvise billeder, når du indsætter dem på forskellige måder. Her er tre almindelige muligheder:

   • På en pc med Windows XP, vælges Miniaturebilleder fra rullemenuen Vis menu til højre for feltet Look In for at få vist miniatureversioner af alle billederne i en hvilken som helst åben mappe. Du kan også se et enkelt eksempel på et hvilket som helst valgt billede længst til højre i dialogboksen.

   • På en pc med Windows Vista eller Windows 7 skal du vælge en ikonindstilling (Små ikoner, mellemstore ikoner, store ikoner eller ekstra store ikoner) i rullemenuen Vis menu til højre for Look In feltet for at vise miniatureversioner af alle billederne i en hvilken som helst åben mappe. Du kan også se et enkelt eksempel på et hvilket som helst valgt billede længst til højre i dialogboksen.

   • På en Mac, skal du vælge indstillingen Vis som kolonner øverst til venstre i dialogboksen. Du kan se et enkelt eksempel på et hvilket som helst valgt billede længst til højre i dialogboksen.

     

     Kredit: Billeder af Casey Stoll

5. For at indsætte billedet skal du dobbeltklikke på billednavnet eller klikke en gang og derefter klikke på OK.

   Hvis du indsætter et billede på en side, og billedet ikke er gemt i din lokale mappe, beder Dreamweaver dig om en advarselsdialogboks og tilbyder at kopiere billedet til din lokale mappe. Mange designere opretter en undermappe kaldet billeder inde i lokalitetsmappen, hvor de gemmer alle billederne på deres websted, men du kan organisere billeder i flere undermapper, hvis du foretrækker det.

6. Vælg billedet på din webside for at se og redigere billedegenskaber.

   Billedindstillinger vises automatisk i ejendomsinspektøren nederst på siden, når et billede er valgt.

   

   Kredit: Foto af Casey Stoll

Når du indsætter en billedfil på en side, tilføjer du ikke faktisk en kopi af billedet til siden; Du opretter en henvisning til billedet. Den underliggende kode ser meget ud som koden for et link fra en side til en anden.

Både billedreferencer og links indeholder navnet på filen og stien fra siden til den pågældende fil. I det væsentlige skaber du en instruktion til en webbrowser for at finde billedet, når det viser siden.

For at vise et billede på din webside skal du uploade både siden og billedet, når du udgiver dit websted. Hvis dine billedfiler og siderne, der henviser til disse filer, ikke er i samme relative placering på harddisken, som de er på din webserver, bryder du henvisningen til dine billeder, og der vises et grimt Broken Image-ikon på din side.

Den bedste måde at sikre, at dine billeder og filer forbliver, hvor de skal i forhold til hinanden, er at lade Dreamweaver holde styr på dem for dig. Derfor er det så vigtigt at gennemføre installationsprocessen og sørge for, at du aldrig flytter eller omdøber et billede, undtagen i panelet Filer.