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

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

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

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

Erfaring med web-værktøjer Dreamweaver Photoshop Illustrator GoLive FrontPage HTML Flash Har undervist i Xxx Behersker Har anvendt Ved hvad er Ved ikke hvad er

Erfaring med web-værktøjer CSS JavaScript ASP PHP CGI Java Har undervist i Xxx Behersker Har anvendt Ved hvad er Ved ikke hvad er

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

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

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

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.

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.

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

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

Alternativer? En informationskanal? Et selskabeligt medie? TV og computeren / internettet konvergerer mod hinanden. Stig Hjarvads artikel: “Fremtidens selskabelige medier” kan læses på

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, s, 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, s. 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.

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"

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

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

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

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

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

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

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”

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

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

Mies van der Rohe Seagram Building,

Michael Graves: Public Service Building in Portland, Oregon,

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?

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

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

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