DIKA23 - Digitala kulturer - Laborationer

Det övergripande målet för laborationerna är att lära grundläggande tekniker för att förstå, skapa och prototypa webbsidor. Vi kommer att diskutera olika principer för webbformgivning, både bra och dåliga, samt hur teknikerna och formgivningen hänger ihop.

Uppgifterna läggs upp här vid varje laborationstillfälle. Under varje uppgift finns länkar till tutorials och andra resurser. Det förutsätts att ni själva kollar upp tutorials, googlar lösningar på problem, snackar med varandra och delar med er av bra tekniker ni stöter på.

Uppgift 1: Fansite

Uppgift 2: Mystery meat navigation

Uppgift 3: One responsive page

Lämna in via FTP

Ladda upp uppgifterna på er plats på servern, när de är klara. Använd Cyberduck för att ladda upp, klicka "Ny anslutning". Se separat papper för server, användarnamn och lösenord, fyll i, klicka "Anslut". Lägg er gruppuppgift där!

För individuella uppgifter: Öppna mappen med ert namn, sen uppgiftens mapp. Lägg uppgiften där, testa så att den fungerar. Klart!

Adressen till era hemsidor är http://grupp1.digitalakulturer.se/dittförnamn/uppgift1. Byt ut "grupp1", "dittförnamn" och "uppgift1" i adressen mot det du letar efter!

Centrering

Centrering kommer i två varianter i CSS: en för text och en för block (tex div). Läs vidare: http://www.w3.org/Style/Examples/007/center.en.html.

Hover-meny

Ett sätt att göra hover-menyer med bara HTML och CSS och väldigt få rader kod: https://stackoverflow.com/questions/5210033/show-div-on-hover-with-only-css

Schema

2015-05-06 Labintro + Uppgift 1
2015-05-11 Uppgift 2
2015-05-12 Lärarintro - samtal om webbdesign + Uppgift 3 + Uppsamling av Uppgift 1-3
2015-05-13 Redovisning av Uppgift 1-3 + skiss på hemsida
2015-05-18 Öppen verkstad för prototyp av hemsida