Grafik Web-udvikling med FrontPage 2003 RHS - Informationsteknologi.

Præsentationer af emnet: "Grafik Web-udvikling med FrontPage 2003 RHS - Informationsteknologi."— Præsentationens transcript:

1 Grafik Web-udvikling med FrontPage 2003 RHS - Informationsteknologi

2 Grafik • Grafik er – naturligvis – et vigtigt element på langt de fleste websites • Grafik bruges til – Navigation (knapper, med videre) – Baggrunde – Illustration generelt • Grafik kommer i form af billedfiler RHS - Informationsteknologi

3 Grafik • Simpel grafik fungerer stort set som i f.eks. Word – vælg et billede, og det indsættes på linie med tekst • Formatering i.f.t. placering foretages også i stil med Word, indenfor celler og rammer • Overordnet placering styres med layout- tabeller og/eller rammer på siden som sådan RHS - Informationsteknologi

4 Grafik • FrontPage forstår de mest almin- delige billedformater (.bmp,.jpg,.gif,.png), og kan lave konver- tering mellem formater • Der kan foretages en vis billed- redigering direkte i FrontPage, ved hjælp af værktøjslinien for billeder RHS - Informationsteknologi

5 Grafik Vis værktøjslinie for billeder RHS - Informationsteknologi

6 Grafik Værktøjslinie for bille- der, arbejder på det markerede billede RHS - Informationsteknologi

7 Grafik • I FrontPage kan man man foretage basal billedbehandling – Ændre lysstyrke (højere, lavere) – Konvertere til gråtoner – Udviskning (meget lav lysstyrke) – Sætte kant på billede – Beskæring og rotation – Indsætte tekst RHS - Informationsteknologi

8 Grafik • Mere avanceret billedbehandling bør foretages i et rigtigt billed- behandlingsprogram, før billedet indsættes på en side – Photoshop – Paint – Picasa – … RHS - Informationsteknologi

9 Grafik • En nyttig og cool effekt kan opnås ved at tilføje en ”opførsel” til et billede • Med opførsel menes en handling som udføres, når brugeren gør noget bestemt, der involverer billedet – Musen føres henover billedet – Der klikkes på billedet – … RHS - Informationsteknologi

10 Grafik Med billedet markeret, vælg Formater, Opførsel RHS - Informationsteknologi

11 Grafik Vi kan f.eks. indsætte opførslen ”Ombyt billede” RHS - Informationsteknologi

12 Grafik Nu ombyttes billedet ”wolf_viskud.jpg”… …til ”wolf.jpg” Der ”byttes tilbage”, når musen flyttes væk RHS - Informationsteknologi

13 Grafik Dette har dannet to opførsler for billedet… Onmouseout (når musen flyttes ud af billedet), gør… Onmouseover (når musen flyttes hen over billedet), gør… RHS - Informationsteknologi

14 Grafik • Ved at definere opførsler kan vi få en knap- lignende opførsel med vilkårlige billeder • Tager noget længere tid end at bruge knapper, bør ikke bruges overdrevent… • Man kan også definere opførsel for f.eks. tekst (skifte skrifttype, farve, med videre) RHS - Informationsteknologi