1 / 14

Grafik

Grafik. Web-udvikling med FrontPage 2003 RHS - Informationsteknologi. 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. Grafik.

adolph
Download Presentation

Grafik

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation 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

More Related