drupalinfo.kk.dk · web viewat vi så vidt muligt skal undgå forkortelser, idet der kan være op...

Sendes til [email protected]

INDHOLD1. INFORMATION OM HJEMMESIDEN.......................................................................................................2

1.1 Hjemmesidens navn (obligatorisk).........................................................................................................2

1.2 Bestiller (obligatorisk).............................................................................................................................2

1.3 Hjemmesidens administrator (obligatorisk)...........................................................................................2

1.4 Hjemmesidens URL (obligatorisk)...........................................................................................................2

2. FARVER OG LAYOUT..............................................................................................................................3

2.1 Farver (obligatorisk)................................................................................................................................3

2.2 Yderligere anvendelse af primærfarve...................................................................................................5

2.3 Menuens baggrundsfarve (obligatorisk).................................................................................................6

2.4 Footerens baggrundsfarve (obligatorisk)................................................................................................7

2.5 Bundbjælkens farve................................................................................................................................7

2.6 Layout.....................................................................................................................................................8

2.7 Adskillelseslinje på sektionsside.............................................................................................................8

3. BILLEDER OG LOGO.............................................................................................................................11

3.1 Header-billede......................................................................................................................................11

3.2 Bannerbillede på forsiden.....................................................................................................................12

3.3 Baggrundsbillede..................................................................................................................................13

3.4 Footer-billede.......................................................................................................................................14

3.5 Logo i Header........................................................................................................................................14

3.6 Mobillogo.............................................................................................................................................15

4. SIDER OG ELEMENTER.........................................................................................................................16

4.1 Sider i Hovedmenuen...........................................................................................................................16

DIVERSE..................................................................................................................................................17

5.1 Adresse og links i footer.......................................................................................................................17

7.1 Feedback-formular...............................................................................................................................18

8.1 Indhold i iframe....................................................................................................................................18

9.1 Integration til sociale medier................................................................................................................18

10.1 Emneord.............................................................................................................................................19

11.1 Andet..................................................................................................................................................19

12.1 Google My Business og Google Search Console.................................................................................19

1


1. INFORMATION OM HJEMMESIDEN

1.1 Hjemmesidens navn (obligatorisk)

Skriv hjemmesidens navn:

1.2 Bestiller (obligatorisk)

Navn:

Telefonnummer:

e-mailadresse:

ENHED:

KØR-ORG.NR.:

1.3 Hjemmesidens administrator (obligatorisk)

Navn:

E-mailadresse:

Telefonnummer:

1.4 Hjemmesidens URL (obligatorisk)

Her skal du angive den webadresse (URL), som du ønsker, hjemmesiden skal kunne findes på. Her skal du være opmærksom på fire ting:

1. at URL’en skal være sigende og præcis. Den må altså ikke være af generel betydning for ikke-generelle hjemmesider. Du kan altså ikke få adressen www.budget.kk.dk, hvis din hjemmeside handler om en bestemt institutions budget. www.budget.kk.dk er forbeholdt kommunens fælles (generelle) budget.

2. at vi så vidt muligt skal undgå forkortelser, idet der kan være op til flere steder i kommunen, som kalder sig for CFP, BDK, RCD osv. Hvis en forkortelse er nødvendig SKAL den være på mindst tre tegn.

3. at din webadresse ikke må indeholde æ, ø og å. æ skal ændres til ae. ø skal ændres til oe. å skal ændres til aa.

4. Bindestreger må kun bruges i URL’er, hvis det forbedrer læsbarheden, som fx p-automat og stress-syndrom. Derudover anbefales det at anvende bindestreger, når:- Url'en er over 19 bogstaver- Url’en er sammensat af mere end to ord.

http://www.XXX.kk.dk (Erstat XXX med det ønskede navn)

2

http://www.XXX.kk.dk/XXX

http://www.budget.kk.dk/

http://www.budget.kk.dk/


Er det den samme URL, som den gamle hjemmeside (Sæt X):

Vær opmærksom på, at hvis I allerede har et domæne eller køber et, så skal I selv sørge for at viderestille jeres domæne til hjemmesidens URL.

2. FARVER OG LAYOUT

2.1 Farver (obligatorisk)

Her kan du vælge, hvilke basisfarver du ønsker på din side.Farverne skal skives som farvekode, f.eks. #6c2652.Der findes gratis tjenester på internettet der kan give dig farvekoder ud fra andre hjemmesider eller billeder. Du kan søge mere information om HTML farvekoder eller eksempelvis bruge colorschemer.

NB Det er et tilgængelighedskrav, at tekst, linktekster og menu-tekster har et kontrastforhold på mindst 4,5:1 i forhold til den baggrund de hhv. står på. Det betyder, at kontrastforholdet mellem følgende SKAL være 4,5:1:

Primær farve og Menubaggrund (Se 2.3) Mouse over-farve og Hvid Primærfarve og Hvid Tekstfarve og Hvid

Du kan test kontrasten med Das Plankton

1. Primær farve: #(bruges til menuen, links, baggrundsfarve på knapper m.m.)

2. Baggrundsfarve: # (Den baggrund, som hjemmesiden ligger på. Bemærk at baggrunden til tekst og bokse med relateret indhold altid er hvid.)

3. Tekstfarve: # (Bemærk at baggrunden til tekst og bokse med relateret indhold altid er hvid.)

4. Mouse over-farve: # (Den farve links får eller en knap får, når man holder musen over. Den kan være den samme som primær farven eller en nuance heraf)

(Se eksempel på farvevalg (screenshot nr. 1) og hvilke elementer på siden det påvirker (screenshot nr. 2)nedenfor)

3

http://www.dasplankton.de/ContrastA/

http://www.colorschemer.com/online.html


Eksempel på farvevalg (OBS: har valgt stærke farver, der kan illustrere effekten, men ikke nødvendigvis møder tilgængelighedskrav eller vores anbefalinger).

Eksempel på forside, med valgte farver der ses ovenfor. Pilen viser mouse-over effekten.

4


2.2 Yderligere anvendelse af primærfarve

Skal primærfarven også bruges til Skyggeeffekter? (sæt X):

(Skyggeeffekter bruges rundt om de bokse, hvori der er relateret indhold mm. Hvis skyggeeffekterne ikke er primærfarven bliver det en lys grå. Se eksempel nedenfor)

Hvilken farve skal bruges til Menu-tekst? (Se eksempel nedenfor) (sæt X)Primærfarven:Sitets tekstfarve:Hvid:Sort:

2.3 Menuens baggrundsfarve (obligatorisk)

Sæt X ud for den baggrundsfarve hovedmenuen skal have. Husk at menuens baggrundsfarve skal have et kontrastforhold til den valgte tekstfarve på 4,5:1. Du kan teste kontrasten med Das Plankton:

Hvid:Sort:

5

http://www.dasplankton.de/ContrastA/


2.4 Footerens baggrundsfarve (obligatorisk)

Footeren er hjemmesidens sidefod, hvor der kan ligge permanente links.

Sæt X ud for den baggrundsfarve footeren skal have:

Grå:Hvid:Sort:

2.5 Bundbjælkens farve

Bundbjælken er en smal tværbjælke under footeren, som så at sige afslutter hjemmesiden. (Se eksempel nedenfor)

Sæt X ud for den farve bundbjælken skal have:

Grå:Hvid:Sort:

6


2.6 Layout

Skal forside-decks vises i fuld bredde (Se eksempel nedenfor) (sæt X):

Hvis der skal være et baggrundsbillede (se 3.3), skal det så vises i skærmens fulde bredde (sæt X):

Skal linjen under menuen være i primærfarven (Se eksempel nedenfor). (Sæt X):(Som standard er denne baggrundsfarven (se 2.1))

2.7 Adskillelseslinje på sektionssideEn ’Adskillelseslinje’ er et design element, som kan indsættes på sektionssider. Mere information kan findes her: http://drupalinfo.kk.dk/files/Inds%C3%A6t%20Adskillelseslinje%20blok.pdf

Skal det være muligt at benytte en adskillelses linje på sektionssider? (sæt X):Højde på adskillelseslinjen (sæt X):

1 Pixel i højden 6 Pixels i højden

Farven på adskillelseslinjen (sæt X)

7


Primærfarven Sort

Eksempler på Adskillelseslinjer:

1 Pixel i højden og primærfarve

1 Pixel i højden og sort

8


6 Pixels i højden og primærfarve

6 Pixels i højden og sort

9


3. BILLEDER OG LOGO

3.1 Header-billede

3.1.1Skal der være header-billede på hjemmesiden (sæt X):

Hvis ja så husk, at du skal medsende et header-billede på 1062 x 135 pixels. Se hvordan du beskærer billeder med pixlr. Der må IKKE være tekst i Headerbilledet.

Hvis du ikke ønsker et header-billede vil headeren få bagrundsfarven (se 2.1)

Header-billedet placerer sig, som en fast grafisk identitet over hovedmenuen i toppen af din hjemmeside, som i nedenstående eksempel.

Bemærk:1. at header-billedet farve har betydning for hvilken farve logo, du skal have i headeren (se 3.5).2. at header-billedets hovedfarve bør matche hjemmesidens primærfarve og/eller baggrundsfarve 3. at hvis du vælger at bruge header-billede, kan du ikke også bruge baggrundsbillede (se 3.3)

TIP: Da det ikke er muligt at header-billedet kan fylde hele siden bredde, kan man vælge at sætte header billedet ind som baggrundsbillede (bredde 1200 px) og så vælge at decks skal vises i fuld bredde.

3.1.2Skal header-billedet fylde hele sidens bredde (sæt X):

Hvis ja så husk, at du skal medsende et header-billede på 1400 x 205 pixels. Se hvordan du beskærer billeder med pixlr. Der må IKKE være tekst i Headerbilledet.

10

http://www.kk.dk/da/om-kommunen/kontakt/om-hjemmesiden/sitecoreundervisning/guides-og-manualer/billedbehandling





3.2 Bannerbillede på forsiden

Hvis du ønsker, at der skal ligge et banner på din forside, skal du huske at medsende bannerbilledet sammen med skemaet. Billedet skal være 1920 x 520 pixels. Der må IKKE være tekst på selve billedet. Der kan lægges en tekst-boks på banneret.

Se hvordan du beskærer billeder med pixlr.

11



3.3 Baggrundsbillede

Skal der være baggrundsbillede på hjemmesiden (Sæt X):

Hvis ja, husk at medsende et baggrundsbillede. Billedet skal være 1200 pixels bredt, mens højden er valgfri. Se hvordan du beskærer billeder med pixlr. Der må IKKE være tekst i Baggrundsbilledet.

Baggrundsbilledet placerer sig som en fast identitet bagved hjemmesidens indhold, som i nedenstående eksempel.

Bemærk:1. at baggrundsbilledets farve har betydning for hvilken farve logo, du skal have i headeren (se 3.5).2. at baggrundsbilledets hovedfarve bør matche hjemmesidens primærfarve (se 2.1).3. at hvis du vælger at bruge baggrundsbillede, kan du ikke også bruge header-billede (se 3.1).4. at det er en god idé, at baggrundsbilledets nederste kant toner over i hjemmesidens

baggrundsfarve (se 2.1).5. at baggrundsbilledet gør, at din hjemmeside loader langsommere, og at et rodet baggrundsbillede

kan ”forstyrre” mere end det pynter.

12



3.4 Footer-billede

Skal der være en Skyline af København i footeren? (se nedenfor) Vælg sort, grå eller hvid:

Skal der være billede i footeren, som ikke er Københavns skyline (Sæt X):Hvis det ikke skal være Skyline skal du huske at medsende et footerbillede. Billedet skal være 1062 x 125 pixels.


Der må IKKE være tekst i footerbilledet.

3.5 Logo i Header

Ethvert multisite kræver et logo øverst på siden. Skal dette logo være:

Sort Københavns Kommunes standard-logo i headeren (sæt X):

Blåt Københavns Kommunes logo i headeren (sæt X): Hvis du ønsker eget logo, skal dette medsendes. (Sæt X):Logoet skal være minimum 60x79 pixels og maximum 232x79 pixels.Bemærk, at logoet bør være i filformatet .png, hvor baggrundsfarven er transparent. Logoet skal altså være fritlagt. Ved anvendelse af eget logo, kommer KK-logo’et nederst i højre hjørne af footer’en.

13




Standard-logo:

3.6 Mobillogo

Et mobillogo vil blive vist med primærfarven som baggrundsfarve. Det er derfor vigtigt at logoet kan ses på den baggrundsfarve. Det vil sige, at du ikke nødvendigvis kan bruge det samme logo som anvendes i den normale visning. Hvis dit logo er sort og din primærfarve er sort, så vil man fx ikke kunne se logoet på mobiltelefoner.

Mobillogoet skal være i filformatet png og baggrundsfarven skal være transparent. Logoets størrelse skal minimum være 60x79 pixels og maximum 232x79 pixels.

Hvis logoet ønskes, skal det uploades sammen med konfigureringsskemaet.

Ønskes mobillogo? (sæt x)Ja:Nej:

14



4. SIDER OG ELEMENTER

4.1 Sider i Hovedmenuen

Du kan selv oprette og lægge sider i hovedmenuen, men hvis du noterer siderne nedenfor, tilbyder vi at oprette dem sammen med hjemmesiden:

Angiv titel for de sider, som skal ligge i hovedmenuen. Max 5 og husk korte titler!:Notér også gerne indholdstype for hver side. F.eks. bruges ’Sektionssiden’ gerne til forsider, da det er en dynamisk indholdstype. Den kan samle forskelligt indhold fra hele hjemmesiden, samle lister, banner, billedgallerier og oversigtmenuer mm. ’Artiklen’ bruges til mere statisk indhold der ikke ændres ofte. F.eks . ”Om os” eller ”Vores værdier”, og her kan man tilføje sekundært indhold.

SIDETITEL SIDETYPE1. F.eks. Hjem/forside F.eks. Sektionsside eller Artikel2.3.4.5.

15


DIVERSE.

5.1 Adresse og links i footer

Angiv den adresse og de permanente links, som skal ligge i hjemmesidens footer:

Blok 1:

Evt. Blok 2:

Evt. Blok 3:

16


7.1 Feedback-formular

Ønsker du en fast feedback-formular på din hjemmeside (se eksempel nedenfor) (sæt X):Feedback-formularen er en kontaktformular, hvor hjemmesidens brugere kan kontakte jer vedrørende fejl på hjemmesiden, eller for at få mere information om indholdet på hjemmesiden.

Hvem skal være modtager på feedback-formularen? (skriv en e-mailadresse):

Hvis der skal være et autosvar på feedback-formularen, skal du skrive den her:

8.1 Indhold i iframe

Du kan selv oprette iframe på hjemmesiden, men hvis du noterer iframe scriptet nedenfor, opretter vi den ønskede iframe sammen med hjemmesiden:

Angiv iframe script for det indhold, du vil lægge i en iframe:

9.1 Integration til sociale medier

Skal der vises feeds fra fx facebook eller instagram? (sæt X):Vi vil kontakte dig for at få nærmere information herom.

17


10.1 Emneord

Du kan selv oprette emneord, men hvis du noterer emneordene nedenfor, opretter vi dem sammen med hjemmesiden:

Lokale emneord:

Kompetence:

Job-betegnelse:

Institutionstype:

11.1 Andet

Er der noget vi skal være særligt opmærksomme på under konfigurationen?

12.1 Google My Business og Google Search ConsoleGoogle Search Console

Når vi konfigurere din hjemmeside, bliver det ligeledes muligt for dig at tilgå siden i Google Search Console. Hvis du ønsker at have adgang til dette, skal du sørge for at du har oprettet en Google konto, som vi kan give dig adgang. Læs mere om Google Search Console.

Din Google konto:

Google My Business (Hvis du ikke tilhører KFF, skal du kontakte din koordinerende webredaktør)

Hvis du hører under Kultur og Fritidsforvaltningen kan du udfylde understående, hvis du ønsker at få oprettet en Google My Business profil. Bemærk, at dette kun er relevant hvis din hjemmeside har en fysisk institution tilknyttet. Læs mere om Google My Business.

Googlekonto:

Adresse:

Telefonnummer:

Institutionstype: (fx sportshal eller kulturhus)

Billeder: Vedhæft gerne billeder af din institution

18

https://support.google.com/business/answer/3038063?hl=da

https://support.google.com/webmasters/answer/4559176?hl=da

drupalinfo.kk.dk · web viewat vi så vidt muligt skal undgå forkortelser, idet der kan være op...

Documents