Studieweb Kaare og Jonathan

Grovskitsering 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 Overskrift: lukkethed. Menubar: lukkethed, men nærhed mellem de forskellige dele af menubaren. Underoverskrift og tekst: nærhed og lighed. (en af de valgte)

Analyse ved hjælp af gestaltlovene 3 Overskrift: Lukket. Underoverskrifter og tekst: Lighed og nærhed. Billeder: Lukkethed. 4 Billeder: Forbundethed og lighed Overskrift: Lukkethed. Menubar: Nærhed. Til de andre dele. Underoverskrift og tekst: Lighed og nærhed. (en af de valgte)

Analyse ved hjælp af gestaltlovene 5 Overskrift: lukkethed. Menubar: Nærhed Underoverskrifter og tekst: lighed og nærhed.

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.

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.

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.

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.

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”.

Sådan ændres filens navn i et faneblad.

Sådan ændres sites baggrundfarve.

Sådan laver vi en overskrift.

Sådan laver vi menubar

Indsættelse af tekst.

Sådan laver vi en rullende billeder.