Styleguide - AIK

Bilder
Behovet att med bilder (fotografier och grafik) illustrera föreningens olika händelser blir allt större och bör
naturligtvis prägla även kommunikationen på Internet. Således ska webbplatsen sträva mot en hög grad av
bildtänkande vilket skapas genom användning av bilder av hög kvalitet, såväl konstnärlig som teknisk.
Bilderna bör ha en modern prägel och bör samtidigt vara anpassade till Internet som medium.
Samtliga bilder ska hålla en upplösning på 72 dpi, varken mer eller mindre. För att hjälpa webbläsare med
renderingen är det viktigt att bildens höjd och bredd anges i pixlar i koden. Dessutom ska bilder alltid anges
med taggen BORDER=”0”, vilket är extraviktigt när det gäller bilder som länkas eftersom de annars får en ful
och störande ram. Vidare bör åtminstone viktiga bilder förses med en så kallad Alt-tag; information om vad
bilden föreställer för synskadade.
Bilder kan erhållas från webbgruppen samt en samarbetande bildbyrå eller fotograferas av dig själv, exempelvis
vid intervjuer. Ta dig i så fall tid att arbeta fram ett bra slutresultat innan bilden publiceras så att bildens
kvalitet motsvaras av det övriga bildmaterialet på webbplasten.
AIK har också en egen bildbank som innehåller bilder på anläggningar och spelare inom föreningen. Kontakta
någon av de webbansvariga för tillgång till dessa bilder.
Bilder på startsidorna läggs in med en maximal bredd på 225 pixlar. På referatsidorna kan den maximal bredden
ökas till 370 pixlar.
Frilagda små bilder kan med fördel läggas i brödtexten och texten kan då flöda kring dessa.
Teckensnitt
För texter i grafik, som rubriker etc används Trade Gothic Bold, (se figur 1). Är rubriken vit kan en svart skugga
läggas under för att öka kontrasten mellan bild och text. Skuggan bör inte vara större än två pixlar.
På vissa knappar och i navigeringen används LipoD i storleken 10 p (Se figur 2). Observera att detta typsnitt
ska användas utan kantutjämning, så kallad anti-aliasing.
LipoD finns att hämta på internet på följande adress: >> http://www.fountain.nu/catalogue/lipod.asp
På webbplatsen appliceras HTML-typsnitt automatiskt genom användande av StyleSheets (CSS).
För att mallen ska appliceras korrekt ska alla stycken markeras med paragraftaggar. , mellanrubriker
markeras med och stora rubriker markeras med
. Bildtexter och vissa mindre texter markeras med
Rätt teckensnitt kommer sedan att automatiskt appliceras efter mallen.
För vissa specifika sidor tillämpas speciella regler, exempelvis för Gnagis-sidorna eftersom barn behöver större
text för att kunna läsa.
10