26.07.2013 Views

Start med HTML - PDF - KnowWare

Start med HTML - PDF - KnowWare

Start med HTML - PDF - KnowWare

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

29<br />

Du kan finde yderligere eksempler på brug<br />

af emnerne beskrevet i dette kapitel, via <strong>HTML</strong><br />

Support - <strong>HTML</strong> eksempler - Grafik og billeder.<br />

Delopgave 3<br />

Vi fortsætter <strong>med</strong> at udbygge vores sideløbende<br />

hjemmeside. Vi skal nu have peppet vores Hovedside<br />

lidt op <strong>med</strong> farver og grafik.<br />

Brug hvad du har lært i dette og tidligere kapitler<br />

og gør følgende:<br />

1. Åbn index.htm i mappen c:\webudgiv i Wordpad.<br />

2. Find baggrundsbilledet bk12.gif via <strong>HTML</strong><br />

Support - Eksempel filer - gem billedet i mappen<br />

c:\webudgiv\images.<br />

3. Indsæt billedet som baggrundsbillede på Hovedsiden<br />

(attributten BACKGROUND i <br />

elementet).<br />

4. Find billederne chilileft.gif og chiliright.gif via<br />

<strong>HTML</strong> Support - Eksempel filer - gem dem i<br />

mappen c:\webudgiv\images (husk at bemærke<br />

billedernes dimensioner).<br />

5. Indsæt chilileft.gif umiddelbart før teksten i<br />

dokumentets 1. afsnit (). Indsæt derefter<br />

chiliright.gif umiddelbart efter teksten i samme<br />

afsnit. Sæt HSPACE til “10” i begge billedhenvisninger.<br />

Husk! Også at sætte WIDTH og<br />

HEIGHT.<br />

6. Find billedet sun_11.gif via <strong>HTML</strong> Support -<br />

Eksempel filer - gem billedet i mappen<br />

c:\webudgiv\images.<br />

7. Indsæt to tvungne linieskift () umiddelbart<br />

efter teksten i dokumentets 2. afsnit<br />

().<br />

8. Indsæt sun_11.gif umiddelbart under de just<br />

tilføjede linieskift (). Husk! Også at<br />

sætte WIDTH og HEIGHT i billedhenvisningen.<br />

9. Gem index.htm og check i browseren.<br />

Grafik og billeder<br />

<strong>Start</strong> <strong>med</strong> <strong>HTML</strong> 19-07-08 12:58<br />

Vi har tilføjet baggrundsgrafik og billeder på<br />

vores Hovedside.<br />

Du kan se løsningen til denne opgave via<br />

<strong>HTML</strong> support - Opgaver - Delopgave 3.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!