Nettsteder og multimedia
description
Transcript of Nettsteder og multimedia
![Page 1: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/1.jpg)
Nettsteder og multimedia
Erfaringer så langt!
![Page 2: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/2.jpg)
Planlegge nettsteder som inneholder multimediekomponenter
• Elevene produserer multimediekomponenter– Photoshop– Audacity – Anfy– Flash
![Page 3: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/3.jpg)
Grunnopplæring
• Frontpage • Html
– Klassisk
• PhotoShop• Flash
![Page 4: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/4.jpg)
Lag ei nettsiden som likner mest mulig på den som er vist her.
Lag logoen i Photoshop, størrelse 150 *450
HTML
Filstruktur
Filformat
Nettressurs
![Page 5: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/5.jpg)
Oppgave 1
Åpne fila Månedskalender_oppgavefil.psd Gjør endringer i oppgavefila slik at resultatet blir som nedenfor.
![Page 6: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/6.jpg)
Brukergrensesnitt
• Teori koblet opp mot praksis
• Flere hjemmesider – økt krav til bevisste valg når det gjelder brukergrense-snitt
![Page 7: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/7.jpg)
Økt krav til brukergrensesnitt
PhotoShopAnimert gif
![Page 8: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/8.jpg)
Økt krav til brukergrensesnitt
PhotoshopAnimert gifAudacity
![Page 9: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/9.jpg)
Bruk det du har lært og lag dette….
![Page 10: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/10.jpg)
FotokongenPhotoshopAnimert gifHTML – metainfoAudacityANFYFlash
![Page 11: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/11.jpg)
Fotokongen• Planlegge prosjektet. Bruk Gant-
prosjektverktøy
• Prototypen som skal brennes ut og leveres på en CD
• funksjonalitet som i andre tilsvarende løsninger,
• inneholde en eller flere egenproduserte animasjoner
• Programmet Anfy skal benyttes til å og lage bildeslideshow.
• All tekst på nettsidene skal være lest inn i lydfiler
• Relevant metainformasjon skal legge inn til søkerobotene
• Brukerveiledning til ulike kameraer skal lages som tekstdokumenter PDF- format som kundene kan laste ned
![Page 12: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/12.jpg)
• Om brukergrensesnitt• Tydelig rettet mot målgruppen (GAS)• Hensiktsmessig og tydelige navigasjonssystem• Bevisst og gjennomført bruk av farger og skrifttyper, ikoner
• Valg av programvare for å utvikle nettstedet
• Velg et program for å utvikle nettstedet ut fra kompetanse hos utviklerne, kunden
• Organiser nettstedet med en ryddig filstruktur og hensiktsmessig navngiving
• Om ulike nettlesere• sjekk at funksjonaliteten på nettsidene virker i følgende
nettlesere , Opera ,I.E 7.0, I.E 6.0, Mozilla Firefox
![Page 13: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/13.jpg)
• Dokumentasjon (et Word-dokument m/forside, innholdsfortegnelse…):
• Resultat av GAS-analyse
• Grov beskrivelse av funksjonalitet
• Oversikt over nettstedets filstruktur
• Opplysninger om hvilke plug-ins som benyttes og hvordan de nedlastes
• Skjermdump av prosjektplanen fra Gant
• Kort brukerveiledning som Fotokongen AS kan bruke når de senere skal vedlikeholde nettstedet
![Page 14: Nettsteder og multimedia](https://reader036.fdocuments.net/reader036/viewer/2022081503/56815147550346895dbf69de/html5/thumbnails/14.jpg)