16
STUDIEWEB Kaare og Jonathan

Studieweb

Embed Size (px)

DESCRIPTION

Studieweb. Kaare og Jonathan. G rovskitsering. 2. 1. 3. 4. 5. Analyse ved hjælp af gestaltlovene. Overskrift og menu: Lukkethed, lighed og de er forbundet i en boks. Underoverskrift: Lighed og nærhed til tekst. Tekst: Lighed og nærhed til underoverskriften. 1. 2. - PowerPoint PPT Presentation

Citation preview

Page 1: Studieweb

STUDIEWEBKaare og Jonathan

Page 2: Studieweb

GROVSKITSERING

1 2

3 4 5

Page 3: Studieweb

ANALYSE VED HJÆLP AF GESTALTLOVENE

1

2

Overskrift og menu: Lukkethed, lighed og de er forbundet i en boks.Underoverskrift: Lighed og nærhed til tekst.Tekst: Lighed og nærhed til underoverskriften.

Overskrift: lukkethed.Menubar: lukkethed, men nærhed mellem de forskellige dele af menubaren.Underoverskrift og tekst: nærhed og lighed.

(en af de valgte)

Page 4: Studieweb

ANALYSE VED HJÆLP AF GESTALTLOVENE

3

4

Overskrift: Lukket.Underoverskrifter og tekst: Lighed og nærhed.Billeder: Lukkethed.

Billeder: Forbundethed og lighedOverskrift: Lukkethed.Menubar: Nærhed. Til de andre dele. Underoverskrift og tekst: Lighed og nærhed.

(en af de valgte)

Page 5: Studieweb

ANALYSE VED HJÆLP AF GESTALTLOVENE

5 Overskrift: lukkethed.Menubar: Nærhed Underoverskrifter og tekst: lighed og nærhed.

Page 6: Studieweb

DE TO VALGTE BLIVER TIL

Billeder: Lukkethed og nærhed.Overskrift: Lukkethed forbundethed til menubar. Menubar: lukkethed, lighed og forbundethed til overskrift.Underoverskrift og tekst: nærhed og lighed med hinanden.

Page 7: Studieweb

NYT DESIGN

Vi har valgt at lave et ny måde at gå gennem vores forskellige sites på. Før havde man ikke mulighed for selv at vælge hvad man ville læse om først, nu har vi lavet en velkomst side hvor der er mulighed for at vælge i vores menu bar.

Grunden til at vi har valgt at vi nu vil gøre det på denne måde, er fordi vi vil give gæsten bredere mulighed for at selv vælge.

Page 8: Studieweb

INTERAKTIONSDESIGN

Sådan som vi først havde tænkt os vores site skulle være, var en start side med et link til en opgave side, dette er det der kaldes linær struktur.

På den måde vi har opbygget sitet så der nu er fri mulighed for at vælge hvad man vil læse og i hvilken rækkefølge, dette kaldes labyrint skruktur.

Page 9: Studieweb

HVILKET PROGRAM HAR VI BRUGT TIL HTML?

Vi har benyttet os af programmet Aptana, som er et program til at redigering af html filer.

I de følgende dias vil vi gennemgå hvordan man opbygger en site helt fra bunden.

Page 10: Studieweb

SÅDAN LAVER DU EN NY FIL.

For at lave en ny HTML fil, trykker man først på ”file”, ”new” og vælger ”untitled HTML File”.

Page 11: Studieweb

SÅDAN ÆNDRES FILENS NAVN I ET FANEBLAD.

Page 12: Studieweb

SÅDAN ÆNDRES SITES BAGGRUNDFARVE.

Page 13: Studieweb

SÅDAN LAVER VI EN OVERSKRIFT.

Page 14: Studieweb

SÅDAN LAVER VI MENUBAR

Page 15: Studieweb

INDSÆTTELSE AF TEKST.

Page 16: Studieweb

SÅDAN LAVER VI EN RULLENDE BILLEDER.