Roskilde UniversitetscenterKommunikationSimons webstedworkshop

Introduktion til workshoppen, til WWW og til grafik

Dagens program

  • Introduktion til workshop, praktiske oplysninger
  • Projektopgaven
  • Introduktion til Internet & WWW
  • Hvad er (godt) web-design?
  • Lynkursus i computergrafik
  • Ugens øvelse (torsdag): Forsøg at opstille en typologi for museum-sites og find gode/typiske eksempler til en diskussion (Dietz' artikler kan være et godt udgangspunkt - men der bør også være danske eksempler)

Litteratur

Internet historie
Gregory R. Gromov: History of Internet and WWW ...
A. Leiner, Barry M. et al: Brief History of the Internet
Computergrafik
Graphics for the Web from the Yale Style Guide
Web graphics 101
I al almindelighed, fx
Fleming, Jennifer: Web Navigation: Designing the User Experience.O'Reilly & Associates, 1998.
Simon B. Heilesen: Noget om Hypermedier - på udsalg i boghandelen
Patrick J. Lynch & Sarah Horton: Web Style Guide. Yale Univ. Press 1999
Se også: Litteraturlisten til designklyngen.
Men som hovedregel
Køb mindst muligt, der er så meget at hente på WWW. Du får ikke en samlet litteraturliste, men der er forslag til læsning i forbindelse med hver enkelt kursusdag.

Øvelser med grafik

  1. Her har du et rigtigt familiefoto. Kopiér det ned på harddisken. Arbejd med en kopi!
    1. Retouchér billedet, så vi slipper for datoen nederst til venstre.
    2. Gør farverne bedre.
    3. Skær det pænt til. Gem en JPEG-version.
    4. Lav en kopi og reducér den til 256 farver, idet du afprøver de forskellige valgmuligheder ifm. processen. - Hvordan ser det ud ift. originalen?
    5. Gem den mindst mislykkede version i 256 farver i GIF-format. Sammenlign filstørrelsen med JPEG-billedet.
    6. Reducér begge billeder, så de fylder 350 pixels i højden. Gem filerne, og sammenlign størrelsen med originalerne. Åbn hhv. den originale JPEG-fil og den lille udgave af den i din browser.
    7. Prøv nogle "effekter" på billedet - det ku' fx. gøres romantisk ....
  2. Brug layers til at lægge en brun tone på det gamle fotografi af Maren det kan fx se ud som dette.
  3. Lav et par navigationsknapper (fx forrige/næste, op/ned). Giv dem 3-D-effekt.
  4. Øv baggrundstransparens. Lav fx en cirkel på ensfarvet baggrund. Gør baggrunden transparent, gem som GIF-fil, og afprøv resultatet i browseren.
  5. Øv dig i at lave skærm dumps (screen shots).
  6. I løbet af workshoppen: Lær at bruge scanner og digitalt kamera. Jeg vil gerne have et portræt af hver enkelt deltager til vores holdliste (se øvelser for i morgen)   

af  Simon Heilesen