Grundlæggende Webdesign
This presentation is the property of its rightful owner.
Sponsored Links
1 / 26

Grundlæggende Webdesign – en introduktion PowerPoint PPT Presentation


  • 115 Views
  • Uploaded on
  • Presentation posted in: General

Grundlæggende Webdesign – en introduktion. Bjarne Sandstrøm IT-højskolen 28.8.2001. Plan for i dag. A Skriftlig rundspørge for at kende jeres baggrund: Hvad er jeres bachelorfag? Hvad er jeres erfaring med webdesign? Hvad er jeres kendskab til web-værktøjer? Præsentation af underviserne

Download Presentation

Grundlæggende Webdesign – en introduktion

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Grundl ggende webdesign en introduktion

Grundlæggende Webdesign

– en introduktion

Bjarne Sandstrøm

IT-højskolen

28.8.2001


Plan for i dag

Plan for i dag

A

  • Skriftlig rundspørge for at kende jeres baggrund:

    • Hvad er jeres bachelorfag?

    • Hvad er jeres erfaring med webdesign?

    • Hvad er jeres kendskab til web-værktøjer?

  • Præsentation af underviserne

  • Præsentation af kurset

    B

  • Introduktion til IT-mediet


Undervisere

Undervisere

  • Nikolaj de Fine Licht

  • Anders Skovgaard-Petersen

  • Bjarne Sandstrøm

  • Gæsteforelæsere

    • Henrik Hulgaard, lektor i internet-teknologi

    • Lars Ballieu Christensen


Forel ser

Forelæser

  • Bjarne Sandstrøm

    • mag. art. i litteraturhistorie fra KU, 1965

    • ekstern lektor i ‘IT og kulturformidling’ på Institut for Litteraturvidenskab, KU

    • ekstern lektor på IT-højskolen

    • privat designfirma

  • har skrevet og skriver om litterære emner i diverse tidsskrifter og samleværker


Kursus m l

Kursus mål

  • Kursets målsætning er at sætte deltagerne i stand til selvstændigt at udvikle og implementere webløsnin-ger på kommunikationsopgaver og at arbejde strate-gisk og kreativt med kommunikation på baggrund af en praktisk beherskelse af Web-produktionsværktøjer.


Fagligt indhold

Fagligt indhold

  • Kursus sigter mod at give en teoretisk og praktisk forståelse af web-siten som medie, såvel dens kommunikative aspekt som de tekniske krav, den skal opfylde, samt at kunne beherske Web-værktøjer som fx. Dreamweaver og grafiske værktøjer som fx. Photoshop.

  • Brugervenlighed, grafisk konsekvens, stilbeherskel-se og elementære digitale designprincipper vil være centrale begreber i undervisningen.


Kursus forl b i fire faser

Kursus forløb i fire faser

  • Introduktion til de centrale begreber

  • Tekst-orienteret web-site

    • opgave i grupper, bestået/ikke-bestået

  • Brugbar web-site

    • opgave løses i grupper, 13-skalaen

  • Grafisk orienteret web-site

    • individuel opgave, 13-skalaen

  • Karakter: gennemsnit af opgave 2 og 3

  • Beståelseskriterium: bestået i opgave 1 + bestået på gennemsnittet


Undervisning

Undervisning

  • Forelæsninger

    • tirsdage kl. 9.00 - 11.00

    • i lokale 1.60

  • Øvelser – starter 4. september

    • tirsdag kl. 11.30 - 15.30

    • i lokale 3.13

    • i lokale 3.17


Litteratur

Litteratur

  • Grundbøger

    • Lynch og Horton: Web Style Guide - Basic Design Principles for Creating Web Sites. Yale Univ. Press, 1999.

      http://club.med.yale.edu/caim/manual/

    • David Siegel: Killer-Websites. Kunsten at designe websites. Dansk udgave, udsendt af Telia, 1999

  • Supplerende materiale

    • udleveres i kopi (mod betaling)


Kursus karakter

Kursus karakter

Medieteori

Interaktions

design

Konstruktion


Forl b

Forløb

Forelæsninger

Øvelser


Internettet

Internettet

Vor tids utopi

– og dystopi


Kultursociologiens tre naturer

Kultursociologiens tre naturer

1. Den ‘naturlige’ natur

  • landskabet: jorden og havet, bjerget og sumpen, sletten og skoven osv.

2. Menneskets formning af det fysiske rum

  • vejen, havnen, broen, tunnelen, lufthavnen

3. Det ikke-fysiske kommunikationsrum

  • telefon, radio, TV- og computerskærm


En ny bevidsthed

En ny bevidsthed

Nye begreber om nærhed og fjernhed

Nye fællesskaber

Frigørelse af en fast etableret identitet

Opløsning af skellet mellem offentligt og privat

2D-skærmens afløsning af den totale 3D-simulation betyder en ophævelse af skellet realitetsprincippet og lystprincippet


Hvad er en computer

Hvad er en computer?

Niels Ole Finnemanns definition:

  • Computeren står både ved siden af andre maskiner, medier og sprog, og den kan simulere/indeholde dem alle i sig.

  • Computeren er en symbolmanipulator.

  • Der er ingen invariant grænse mellem maskinen og det materiale, den behandler.

  • Der er ingen invariant grænse mellem program og data.


Internettets udvikling

Internettets udvikling

Tre faser

  • Det militære netværk, ARPANET

    • computer-interaktion og det distribuerede net

  • Extra-human hukommelse og global tekst

    • Vannevar Bush’s MEMEX

    • Douglas Engelbart

    • Ted Nelson’s Xanadu

  • HTML og World Wide Web

    • Tim Berners-Lee i Cern


Arpa advanced research project agency

ARPA-Advanced Research Project Agency

  • Den kolde krig og de militære forskningsprojekter

    • de kostbare og adskilte computere skal kunne arbejde sammen

    • ARPA ansætter J.C.R. Licklider i 1962

  • Det hidtil eksisterende kommunikationsnet er militært sårbart

  • Telefoniens begreb om kommunikation via en central afløses af et distribueret net

    • Paul Baran, 1962


Net typer

Net-typer

Central

Distribueret net


Vannevar bush og memex 1945

Vannevar Bush og MEMEX (1945)

  • Historisk er vi kommet til et punkt, hvor det er blevet et problem at fastholde og overskue den viden, der i tidens løb er opakkumuleret.

  • Menneskehedens (og det enkelte menneskes) hukommelse må derfor udbygges med et eksternt medie (MEMEX), hvori al viden kan opbevares.

  • Denne vidensbank skal ikke organiseres logisk-hierarkisk og kategorialt, som fx et bibliotek, men være sammenvævet associativt, som den menneske-lige hjerne arbejder (– ‘As We May Think’).


Douglas engelbart

Douglas Engelbart

  • Samarbejdet mellem menneske og maskine skal bringe menneskeheden videre.

  • Engelbart udvikler NLS (oN Line System), der fokuserer på, at mange menneskers i grupper kan arbejde på fælles dokumenter på computer-skærme.

  • Han arrangerer telekonferencer.

  • Han opdeler skærmen i vindues-fliser.

  • Han erstatter tastaturet med et ‘chord key set’ og en mus (demonstreret 1968).


Ted nelson og xanadu 1965

Ted Nelson og XANADU (1965)

  • Ted Nelson lancerede i 1965 begrebet ‘Hypertext’.

  • Hypertext er ifølge TN "en filstruktur, der kan hånd-tere det komplekse, det skiftende og det midlertidige".

  • Hypertext er en tekststruktur, der giver mulighed for at væve alle tekster i verden sammen til én stor global super-tekst, som man interaktivt kan surfe igennem.

  • Nelson opkalder denne vision efter et romantisk digt ‘Xanadu’, der beskriver "a stately pleasure-dome", hvor man kan drikke "the milk af Paradise".


Tim berners lee og html

Tim Berners-Lee og HTML

  • HTML blev udviklet af Tim Berners-Lee i spidsen for en gruppe forskere ved CERN (Geneve) i 1990.

  • HTML er tænkt som et kommunikations-medie for videnskabsfolk, for hvem det gælder om at sende logisk struktureret ‘indhold’ og ikke ‘form’.

  • HTML er en ‘fattig’ kode, der hurtigt kan transmitteres.

  • Til gengæld overlader HTML modtagerens browser at fortolke meddelelsen.

  • Den første browser (Mosaic) kommer i 1993.


Server vs klient

Server vs klient

Web-

server

Browser

  • Den transmitterede HTML-kode bliver vist på betingelser, der sættes af brugerens browser-type, versionsnummer og opsætning.

  • Brugeren bestemmer fx individuelt, med hvilke skrift-typer og i hvilken størrelse en web-side skal vises, og om grafiske elementer overhovedet skal vises.

HTML


Internettet som et pull medie

Internettet som et pull-medie

  • Internettet er et pull-medie i den forstand, at det aktiveres på brugerens initiativ.

  • Internettet er et pull-medie i den forstand, at dets ‘læsning’ struktureres af brugerens valg af interaktive links.

  • Internettet er et pull-medie i den forstand, at brugeren /brugerens browser i vid udstrækning sætter betingel-serne for, hvordan web-sider vises.


Grundl ggende webdesign en introduktion

Næste gang

  • Vi får besøg af

    Henrik Hulgaard, lektor ved IT-højskolen,

    der forelæser om

    Netværk og protokoller


Og n ste gang igen

Og næste gang igen

  • Læs David Siegelskiller- websites, kap. 1-2:

    • 1. Form kontra funktion

    • 2. Tredjegenerationswebsites

  • Besøg siten for Lynch & Horton’s Web Style Guide

    • http://www.club.med.yale.edu/caim/manual


  • Login