Styleguide - AIK

platsen i stora drag. Här återfinns framför allt de ”tabbar” som ger åtkomst till AIK:s olika sektioners startsidor
samt indikerar vilken sektion man befinner sig under. Slutligen finns här också en meny för språkval.
Cookiebar - sidans fot innehåller copyright- och kontaktinformation till den aktuella sektionen och laddas om
för varje ny sektion man navigerar till. Här finns också en epostlänk till webmaster. Den gula sidfoten ligger
alltid synlig längst ner på sidan. Dessutom innehåller sidfoten diverse script som behövs för webbplatsens
funktion.
Leftnav - navigeringen som ligger i ”leftnav” är alltså placerad i en egen frame. Den byggs upp för varje sektion
och kan därför innehålla olika menyval och länkar beroende på vilken sektions navigering som laddats.
Överst ligger en bild och en rubrik som indikerar vilken sektionsnavigering som laddats. Vissa menyval har
en pil i högerkant som visar att det finns en undernavigation som fälls ut om man klickar på menyvalet. När
musen förs över de olika menyvalen ändrar dessa färg för att ge besökaren feedback på att han eller hon faktiskt
är över ”rätt” länk. Dessutom är det snyggt...
Main - Det stora området däremellan utgör också en egen frame. I den laddas alla sidor som användaren väljer
ur navigeringen. Detta är webbplatsens huvudfönster.
Navigation
Användargränssnittet och navigationen är utvecklade efter principen att det ska vara lätt att röra sig mellan
olika delar av informationen på webbplatsen. Navigationen har samlats till ett område, till skillnad mot två
eller flera som man ibland kan se på andra webbplatser. Att samla navigationen till ett område underlättar
navigeringen för besökaren eftersom det då bara finns ett ställe att leta på. Navigationen byggs upp specifikt
för varje sektion. Exempelvis finns informationen om matchrapporter för AIK:s fotbollsherrar endast att hitta
under fotbollssektionen medan historiklänken under bandysektionen givetvis går till bandyns historiksidor.
Användaren ska lätt förstå var i strukturen hon eller han befinner sig genom att varje steg ner i strukturen
redovisas överst på varje sida. Detta är nödvändigt eftersom webbplatsen innehåller en oerhörd mängd information.
Navigationen är uppbyggd med en teknik som heter JavaScript. Varje meny består av en bild. Behöver texten
eller navigationen i menyn ändras måste alltså bilden och koden ändras. Teckensnitt och storlek finns beskrivet
längre fram i dokumentet men ändringar i navigationen bör göras av någon som är bekant med detta.
Tabeller i olika mallar
Layouten på sidorna har skapats med tabeller. Dessa tabeller skall kodas efter följande specifikationer (se
illustrationerna på sidan 7-8):
Tabellmall-1 (Allmänna sidor)
Table: 760 (110, 10, 475, 30, 135)
Tabellmall-2 (Sektionernas startsidor)
Table: 760 (110, 10, 475, 30, 135)
Tabellmall-3 (Matchreferat)
Table: 760 (110, 10, 475, 30, 135)
Vid vissa speciella tillfällen kan det tänkas att dessa tre tabellvarianter är otillräckliga. Då finns alltid möjligheten
att frångå dessa mallar, men först efter att ha konsulterat någon av de ansvariga för formen på webbplatsen
och med den yttre breddgränsen på maximalt 760 pixlar.
Layoutregler
Layouten är mycket enkel och därmed mycket flexibel och lätt att använda. Huvudregeln för sektionernas
startsidor är att bilder placeras överst i varje spalt, att brödtext placeras i spalterna och att annonser, puffar
och eventuell annan information placeras i högerspalten, längst till höger. Texten kan flöda runt frilagda bilder
som placeras i brödtexten, men bilderna ska vara helt frilagda om de placeras inne i brödtextblocket.
6