Grundlæggende Webdesign – de studerendes baggrund – en web sites væsen Bjarne Sandstrøm IT-højskolen 11.9.2001.

Præsentationer af emnet: "Grundlæggende Webdesign – de studerendes baggrund – en web sites væsen Bjarne Sandstrøm IT-højskolen 11.9.2001."— Præsentationens transcript:

1 Grundlæggende Webdesign – de studerendes baggrund – en web sites væsen Bjarne Sandstrøm IT-højskolen 11.9.2001

2 Plan for i dag A Resultat af sammentælling af de studerendes baggrund med hensyn til: –studie –erfaring med web-design –erfaring med / kendskab til web-værktøjer B Uddeling af første opgave En websites væsen

3 Bachelor-fag Humaniora17 Arkitektur & design5 Samfundsvidenskab4 Naturvidenskab1 Folkeskolelærer2 Bibliotekar1 Journalist2 Merkantil uddannelse3 Teknikumingeniør1

4 Erfaring med web-design Har designet websites professionelt i mere end 2 år0 Har designet websites professionelt i mindre end 2 år0 Lavet hjemmesider til andre (venner, familie)2 Lavet hjemmesider til sig selv11 Har anvendt browsere- Har ikke anvendt browsere0

5 Erfaring med web-værktøjer Dreamweaver--6236 Photoshop-313181 Illustrator-261512 GoLive--1727 FrontPage--9197 HTML-11024- Flash--3284 Har undervist i Xxx Behersker Har anvendt Ved hvad er Ved ikke hvad er

6 Erfaring med web-værktøjer CSS--1331 JavaScript-112112 ASP--1826 PHP-1-232 CGI---332 Java-22256 Har undervist i Xxx Behersker Har anvendt Ved hvad er Ved ikke hvad er

7 Grundlæggende Webdesign – en web sites væsen Bjarne Sandstrøm IT-højskolen 11.9.2001

8 Hvad er en web-site? Et reklameskilt? En brochure? En database? En on-line kontakt? En nyhedskilde? Et pædagogisk medie? Et bredt medie? ?

9 Metaforer for webbet som medie “Frontpage”- en avis “GoLive”- et tv “Dreamweaver”- en drøm - et fantasme - et simulakrum

10 Mayrowitz Medium Theory Orale samfund lukkede, traditions bestemte; tilstedeværelse; spontan færdighed; social deltagelse. Skriftkultur åbne, foranderlige; ikke-lokale fællesskaber; indlæring; tilbagetrækning; ideer. Elektronisk kultur oralitetens tilbagevenden; uafhængig af tid og rum; spontan oplevelse; medleven; følelser.

11 Mayrowitz Medium Theory (fortsat) Orale samfund alle opholder sig samme sted; minimal social adskillelse; Skriftkultur lokalitet er ingen betingelse; skel mellem analfabeter og læsekyndige; Elektronisk kultur oralitetens tilbagevenden; grænsen mellem forskellige grupper ophæves; Et medie er som et rum, hvor kommunikation foregår. Nye medier er nye rum, som inkluderer og ekskluderer mennesker på forskellig vis – og skaber nye roller.

12 To typer elektroniske medier TV den store underholdningskanal det store push-medie medie domineret af store kapitalinteresse medie for fælles underholdning offentligt medie oralt billedmedie Computeren / internettet kanalen for individuel informationssøgning det store pull-medie medie for herredømmefri kommunikation medie for individuel beskæftigelse privat / intimt medie stumt tekstmedie

13 Webbets domæner.gov- offentlige institutioner.org- organisationer.edu- uddannelses institutioner.mil- militære organisationer.net- kommunikationsleverandører.com- kommercielle virksomheder

14 Alternativer? En informationskanal? Et selskabeligt medie? TV og computeren / internettet konvergerer mod hinanden. Stig Hjarvads artikel: “Fremtidens selskabelige medier” kan læses på www.uvm.dk/gymnasie/udvikling/haefte11/haefte11.html

15 Edward T. Hall om skærmens størrelse Intim afstand Skærm under 10” Arbejde og fritid; Små praktiske opgaver; tidsfordriv; interpersonel kommunikation. For 1-2 pers. Notater, emails, telefoni, chat, spil, udregning. Personlig afstand Skærm:10-19” Arbejde og fritid; Alene / sammen. Store opgave og små oplevelser; For 1-3 personer. Internet, tekst- behandling, radio, tv, video, spil, emails. Social afstand Skærm: 20-29” Fritid; fælles underholdning og information; store oplevelser. For 2-6 personer. Spillefilm, leje- video, weekend underholdning, koncert, fodboldkamp. Offentlig afstand Skærm over 35” Fritid; Fælles underholdning uden for hjem og hverdag. For mange mennesker, der ikke alle kender hinanden. Spillefilm.

16 Psykologiske indstillingstyper ‘At søge’ > at have et spørgsmål > at søge information > at anvende søgemaskine > at gå målrettet > at læse > at fordybe sig > at bruge nettet som database > < ‘At surfe’ < at være nysgerrig < at søge oplevelse < at følge diverse links < at flanere < at iagttage < at orientere sig < at bruge nettet som "computerspil"

17 IT's to fremtrædelsesformer tekstbaseret kode > sprogets linje > < grafisk skærm < billedets flade Brugerens to orienteringsformer begreber > < ikoner

18 De to bøgers fokus Lynch & Horton Den informative site At tilfredsstille brugerens behov Sitens struktur Tekst Transparens og hurtig adgang til den ønskede oplysning David Siegel Den fascinerende site At forføre, lokke og overtale brugeren Sidens layout Grafik En totaloplevelse

19 Lynch & Horton Den totale proces Udviklingsprocessen Interface design Site Design Page Design Typografi Web-skrivning Webgrafik Multimedier Æstetiske highlights Billedbehandling Sidelayout Typografi Galleri Kreative designløsninger David Siegel

20 Browserindstillinger i IE 5.0 Funktioner/Internetindstillinger/ Skrifttyper …/Avanceret [Vis/Tekststørrelse/]

21 David Siegels oplæg 1. kapitel Form kontra funktion – en udfordring? et epokalt skel?

22 Modernismens princip “Form Følger Funktion” Form Follows Function Louis Sullivan, “Skyskraberens fader”

23 Modernismens princip Den rationelle helhedsplan går forud for detaljen. Enkelhed fremfor mangfoldighed Det funktionelle går forud for det dekorative. Mellem funktion og dekoration går grænsen mellem åbenhed og tildækning, dvs. mellem sandhed og løgn. “Dekoration og forbrydelse”

24 Konfrontationen Modernisme –Mies van der Rohe “Less is more” Postmodernisme –Robert Venturi “Less is a bore” Postmodernismens kimpunkt “Learning from Las Vegas” Robert Venturis bog fra 1972

25 Konfrontationen Modernisme –funktion –rationalitet –alvor Postmodernisme –form –leg –ironi

26 Mies van der Rohe Seagram Building, 1954-58

27 Michael Graves: Public Service Building in Portland, Oregon, 1980-82

28 En homepages funktion Hvad skal den fortælle brugeren? Hvordan skal den appellere til brugeren? Information eller splash? Hvordan får en site sin egen identitet? Hvordan skiller den sig som enhed og helhed ud fra det øvrige web?

29 Siegels indgangstunnel Indgang Menu- side 123 I n d h o l d s s i d e r

30 Siegels udgangstunnel Menu- side I n d h o l d s s i d e r Udgang321 Har en website en udgang?

31 Næste gang Emne At skrive til internettet –læs Lynch & Horton kap. 6 / Editorial Style JakobNielsen: kap. 3