1 / 16

Studieweb

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.

brittany-lynch
Download Presentation

Studieweb

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Studieweb Kaare og Jonathan

  2. Grovskitsering 2 1 3 4 5

  3. 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)

  4. 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)

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

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

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

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

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

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

  11. Sådan ændres filens navn i et faneblad.

  12. Sådan ændres sites baggrundfarve.

  13. Sådan laver vi en overskrift.

  14. Sådan laver vi menubar

  15. Indsættelse af tekst.

  16. Sådan laver vi en rullende billeder.

More Related