Personlig presentation

Namn: Blanca Larkeson
Bor: Stockholm
Studier: DS80 + fristående kurser 1 år
Gillar: Mat, film, multimedia, resor mm

e-mail: blanca-l@dsv.su.se

Presentation av designidé

Design

Ramuppgiften för den här kursen går ut på att konstruera en stilsatt och väl fungerande struktur för presentation av samtliga kursuppgifter. Även om det är fritt fram för originella idéer och personlig stilsättning, så finns det några grundläggande aspekter att beakta när det gäller design. Design handlar inte bara om att skapa något som har tilltalande utseende, utan också är funktionellt och användarvänligt.
CSS (Cascading Style Sheet) står för stillsättning och JavaScript för funktionaliteten i mina webbsidor.
En del uppgifter innehåller tunga multimedia- eller 3D-filer, vilka trots mina försök att minimera filstorleken på, kan ändå ta lång tid att lada för besökare med modem-uppkoppling.

Färg

Färgvalet utgår från de färger som finns på välkomstsidan. Den violetta färgen representerar iris-blomman och kopplar ihop alla sidor. Jag har försökt skapa harmoni genom att använda pastellnyanser för ett begränsat antal färger. För att stödja plattformsoberoende har jag använt webbsäkra färger för kritiska delar.

Layout

Layouten fokuserar på det som är centralt för varje sida, nämligen själva presentationen av respektive uppgift. Därför upptar denna presentation mest plats. Marginaler runt hela dokumentet centrerar innehållet och skapar en naturlig avgränsning från själva webbläsarfönstret. Sidorna är utformade som stående A4, så att man endast behöver scrolla vertikalt. Strukturen för dessa sidor är skapad med hjälp av tabeller.

Navigation

Navigationsssystemet är utformat som ett menyträd, där uppgifterna finns sorterade veckovis. Navigationen är central för denna presentation, varför den ska vara enkel att använda.
Denna meny är utvecklad för IE, men fungerar även hyfsat i NN.

Skärmupplösning

Visning av välkomstsidan, på grund av den speciella utformningen, är anpassad för skärmupplösningar från 640x480 upp till 1280x1024. Resterande sidor saknar denna anpassning, men fungerar ändå bra. Utveckling av samtliga sidor har skett med en skärmupplösning på 800x600.

Sökmotorer

För att göra sidorna lättare att hitta och komma åt från internet, har jag använt meta-taggarna keywords och description. Dessa taggar underlättar sökningen för sökrobotar och gör att en användare får fler träffar vid en sökning.

Text

Vissa sidor, som denna, innehåller mycket text. Jag har strävat efter att göra sidorna så lättlästa som möjligt, genom att undvika bakgrundsbilder och färgkombinationer som gör det jobbigt att läsa. Textstorleken för brödtexten är 10pt och typsnittet Verdana, som är lättläst i denna storlek på skärmen. Typsnittet för rubriktexten är Comic Sans MS och storleken bestäms av rubrik-taggarna.

Webbläsare

Sidorna är utvecklade med IE version 6.0 som utgångspunkt. Min ambition var att sidorna skulle fungera i de flesta webbläsare, men detta kräver tillgång till dessa och tid att testa. Detta problem innefattar även äldre versioner av webbläsare, som jag saknar tillgång till. Hittills har jag endast hunnit testa NN 6.0. Sidorna är relativt lika i både NN och IE.