VisitDenmark. Designmanual

Størrelse: px
Starte visningen fra side:

Download "VisitDenmark. Designmanual"

Transkript

1 VisitDenmark Designmanual 1

2 Indhold Guidens formål og indhold 3... DESIGN 4... Farver 5... Skrifter 6... Skrifter i fritekstfeltet 7... Kommunikér med billeder 8... Brandløftet i billeder 9... Billedstørrelser SEKTIONER, SIDETYPER OG ELEMENTER Sektioner og undersektioner Sidetyper Elementer intro Custom block Custom block varianter Custom block i nodequeues Redaktionelle teasere og links Sektionstitler, Simple links og menuer Gallerier Iframe Feeds og sociale medier Formularer Vejret, kalender og kontakt Kort TURISME SEKTIONEN Forside Talebobler Discover Denmark Things to do Accomodation Destinations Planning, browse indhold Planning, kørtsøgning Theme page Article & theme article Encyclopedia Top Gallery oversigt Gallery Oversigter Kampagne Kampagne Kampagne Kampagne Tilbudsplatform - overblik Tilbudsplatform - tilbud GuideDanmark produkter GuideDanmark produkter My guide MØDETURISME Forside What we offer og why Denmark Planning Request a proposal What s on INTERNATIONAL PRESSE Forside Nyhed eller pressemeddelelse Nyheds-center DANSK TURISME Forside Markedsføring Om VisitDenmark Presse Tal og analyser Medarbejder oversigt Brochure BANNER Banner Dét er målet med denne guide: at give svar på hvordan man som redaktør kan arbejde med indhold og indholdselementer i den nye visitdenmark.com portal indenfor rammerne af det nye design. Det nye design og CMS rummer en række nye muligheder, funktioner og indholdselementer og giver meget fleksible rammer for redaktionelt at opbygge sider og visninger af indhold. Derfor er det vigtigt, for at fastholde et designmæssigt ensartet og konsistent udtryk, at redaktørerne opbygger sider og anvender indholdselementer efter guidens retningslinjer og rammer. Målet er at give brugere på tværs af portalen - på markeder og i lokale løsninger (ASP) - en konsistent og ensartet brugeroplevelse. Dette skal understøtte en samlet branding af Danmark og Visitdenmarks målsætninger og KPI er. Denne guide/manual rummer elementer af : - Designguide: som opridser de vigtigste designprincipper som farver, fonte (side 3, 4 og 5), overordnet designmæssig opbygning af forskellige typer sider (gennnemgås i denne guide i relation til de enkelte sider), samt forskellige muligheder for at indstille størrelse, design og placering af de mange designede indholdselementer (gennnemgås i denne guide i relation til de enkelte sider). - Content strategi: som opridser og prioriterer hvordan forskellige typer indholdselementer placeres på de forskellige sider. De overordnede typer sider opridses (side 17), portalens sektioner og subsektioner forklares (side 16), alle indholdselementer og deres variationsmuligheder gennemgås (side 8-19) og der angiver retningslinjer for tekstlængder og billedbrug (gennnemgås i denne guide i relation til de enkelte sider). Det væsentligste ved guiden er således koblingen melllem indhold og design og hvordan man som redaktør kan arbejde med at få dette til at hænge sammen på en konsistent måde på sitet. Guiden hænger dermed sammen med den udarbejdede content strategi og har mange snitflader med det skriftlige undervisningsmateriale i CMS Drupal. Content strategien kan med fordel konsulteres for uddybende information om budskaber, skrivestil, temaer og sammenhængen med visitdenmarks brandplatform og KPI er. Dette er ikke inkluderet i denne guide. Undervisningsmaterialet i CMS et kan med fordel konsulteres for konkrete anvisninger i hvordan de enkelte sider rent teknisk bygges op af forskellige typer indhold i CMS et og hvordan de mange indholdselementer konkret konfigureres og indstilles i systemet. Dette er heller ikke inkluderet i denne manual. 2

3 Design Farver Skrifter Skrifter og formattering i fritekstfeltet Kommunikér med billeder Brandløftet i billeder Levende billeder Billedstørrelser 3

4 Farver Primære farver Farvepaletten til visitdenmark.com stammer fra VisitDenmarks generelle visuelle identitet. Det er en levende og varieret palette, der kan appellere til mange og danne grundlag for mange udtryk. Hovedvægten på hjemmesiden er er på de primære farver, der er rød og varm grå samt hvid. Desuden er der på web tilført de tertiære farver, der indtil videre kun optræder på hjemmesiden og bliver RGB 157/25/32 Hex #9D1920 RGB 203/27/36 Hex #CB1B24 RGB 71/72/71 Hex # RGB 109/110/109 Hex #6D6E6D RGB 191/192/191 Hex #BFC0BF brugt som baggrundsfarver for hele siden og for topmenuen. Princippet for anvendelsen af farverne på overskrifter på visitdenmark.com er: På forsider, sektionssider, temaforsider og oversigter (views) anvendes flere farver fra den Sekundære farver sekundære farvepalet, for at skabe variation, dynamik og inspiration. På artikelsider, nyheder og a-z indhold (noder) anvendes færre farver og fortrinsvis de primære, for at skabe ro til fordybelse og læsning. Det er implementeringen af designet i cms et, som styrer farvevalget og ikke redaktørerne. RGB 214/75/37 Hex #D64B25 RGB 229/141/44 Hex #E58D2C RGB 254/227/116 Hex #FEE374 RGB 61/11/29 Hex #3D0B1D RGB 108/35/104 Hex #6C2368 RGB 203/18/106 Hex #CB126A RGB 53/87/103 Hex # RGB 0/165/213 Hex #00A5D5 RGB 165/194/192 Hex #A5C2C0 RGB 64/96/73 Hex # RGB 114/176/57 Hex #72B039 RGB 183/203/67 Hex #B7CB43 RGB 55/48/44 Hex #37302C RGB 125/116/99 Hex #7D7463 RGB 210/203/181 Hex #D2CBB5 Tertiære farver RGB 16/41/51 Hex # RGB 239/238/234 Hex #EFEEEA RGB 16/24/28 Hex #0C181D 4

5 Skrifter Overskrifter SOHO Std Bold abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ Skrifterne der anvendes på visitdenmark.com stammer fra VisitDenmarks overordnede visuelle identitet. De fleste steder hvor skrifter og størrelser optræder på sitet er de ikke redaktionelt definerede men indsættes automatisk med de rigtige størrelser og faver via websitets stylesheets. Da SOHO ikke er en standard webfont inkluderes skrift filerne i styles på websitet. For hver fil øger man den mængde brugeren skal downloade. Det gælder om at finde en passende mængde download, og samtidig have en god identitet. Indholdskrifter SOHO Gothic Std Regular abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ Alle overskrifter er sorte og bold, bortset fra overskrifter på custom block elementer (se side 14-15), hvor farverne varierer efter et defineret mønster for at skabe dynamik på siderne. Principperne for farvevalg på disse overskrifter er forklaret under farver (side 4). SOHO Gothic Std Bold abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ

6 Skrifter i fritekstfeltet Vil du tage hensyn til miljøet, også når du holder ferie, er der mange muligheder, når turen går til Danmark. Du kan rejse grønt både i og udenfor byerne. Du kan vælge overnatningssteder, der er miljømælrkede, og når sulten melder sig, kan du gå på økologiske restauranter og handle økologisk. Grønne oplevelser er der også mange af. Du kan fx besøge økologiske landbrug, vindmølleparker, selvstændige øko-samfund, forbrændingsanlæg eller se eksempler på niljøopretning, grønne bymiljøer mv. Og for dig, der vil på aktiv ferie uden at belaste miljøet, byder Danmark på udfordinger og oplevelser for både cykel- og vandreturister, sejlerfolk, lystfiskere og naturelskere i al almindelighed. Paragraph, Soho, Gothic 15px På en række sider og indholdselementer er der et fritekstfelt som styres af redaktøren. Her findes en række muligheder for at formattere tekst. De vigtigste er: Paragraph: Soho Gothic 15px Heading 2: Soho bold 26px Heading 3: Soho bold, 18px - (underoverskrifter) Heading 4: Soho bold, 13px Heading 5: Soho bold, 23px Heading 6: Soho bold, 14px Adress: Soho Gothic, 15px Det er gennemgået i forbindelse med de enkelte sider, hvor man bruger hvilke styles. Underrubrik (Heading 2) Underrubrik (Heading 5) Underrrubrik (Heading 3) Underrubrik (Heading 6) Heading 2, Soho bold, 26px Heading 5, Soho bold, 23 px Headling 3. Soho bold, 18px Heading 6, Soho bold 14px Desuden er der mulighed for at formattere tekst som: - Unummeret liste Bruges til ikke prioriterede oplistninger. - Nummereret liste Bruges til prioriterede lister. - Italic Bruges til at accentuere/fremhæve ord i teksten. F.eks. organisationer, personer eller lokationer. - Understreget Bruges til at understrege ord i teksten, f.eks. tillægord, stemninger eller vigtige budskaber. - Gennemstreget Det anbefales ikke at bruge denne mulighed. Underrubrik (Heading 4) Islands Brygge København S Heading 4, Soho bold, 13px Adress, Soho Gothic, 15px - Links Bruges til at linke i teksten. Links til andre steder i VisitDenmark.com, inkl. andre markeder og ASP løsninger skal laves som links der åbner i samme vindue, links til eksterne sites laves så de åbner i ny fane/vindue. Links placeres enten i lister eller i slutningen af afsnit. 6

7 Kommunikér med billeder! Det nye visitdenmark.com er et meget visuelt univers, som skal indbyde de besøgende til at dykke ned i indholdet ved at kommunikere med billeder; både fotos, grafik og levende billeder. Ideen er, at der er et stærkt fokus på visuel kommunikation på de første sider den besøgende møder: forsider, sektionssider, oversigter og temasider, mens den visuelle del er mere nedtonet på indholdssider, artikler, produktsider og søgeværktøj. De følgende sider gennemgår hvordan man arbejder med billeder på sitet som redaktør: - hvordan udvælges og kommunikeres i overensstemmelse med Visitdenmarks brandløfte - hvordan omsættes brandløftet til visuel kommunikation på websitet - gode råd til at arbejde med levende billeder - anvisninger om billed kvalitet - kort om billedstørrelser og dimensioner - beskæring 7

8 Brandløftet i billeder Eksempel på billede som kommunikerer lokation (Vestkysten), historie (to børn der leger sammen) og stemning (afslappet dansk sommer vær med og vær til ). Brandløftet kort: Udgangspunktet er, at alle billeder skal støtte op om VisitDenmarks brandessens og de unikke kerneværdier: kreativitet, mangfoldighed og i øjenhøjde og udleve brandløftet Vær med og vær til. Tre tips på websitet: 1. Fokuser på den besøgendes motiver for at rejse På forsider, sektionssider og temasider kan man se billederne som en krog du som redaktør kan sætte i den besøgende: En aktivitet de gerne vil lave, en attraktion som skal besøges eller en begivenhed eller stemning som trækker. Målet er at motivere til at søge ned i websitets indhold. 2. Vælg billeder der skaber identifikation Eksempel på billede som kommunikerer lokation (byen), historie (et par går aftentur) og stemning (vær med i byen og hæng en kærlig lås på broen). Find billeder som skaber levende kontekst, som de besøgende kan identificere sig med. Det klassiske turistfoto er den besøgende selv i situationer, foran attraktioner, i aktiviteter osv. På websitet skal denne tilgang imiteres med professionelle og kommunikerende billeder. Nøgleordene er: autentisk, sanselig, original, levende og i øjenhøjde. 3. Fortæl historier Vælg billeder, som kommunikerer på flere niveauer: historier, der skaber identifikation, men også fortællinger om Danmark som land i stemninger og lokationer. Især på sider hvor der er fokus på indhold og kombination med skriftlig formidling, er det vigtigt at fokusere på sammenhængen mellem indholdet i teksten og billedets fortælling. Uddybende om billedvalget: Sæt billeder på nethinden, som understøtter emotionelle værdier som kreativitet, spontanitet og engagement. Billedet skal være eftertragtet, men opnåeligt, bogstaveligt og i overført betydning i øjenhøjde. Erstat postkortbilleder af bygninger og steder med stemningsfulde, mættede og varme fotos med liv og event-aktivitet, men også gerne med reference til unikke bygninger, gademiljøer og andre unikke karakteristika. Inddrag gerne street-shots og stemningsmættede billeder både af detaljer og de store, åbne vidder. Summende storbyer og rå natur i al sin mangfoldighed. Tænk i billeder som afspejler intimitet, ro, sammenhold, naturstemning, fordybelse (vær til) og i billeder med action, familiefællesskab, kreativitet og leg (vær med). Se iøvrigt den uddbybende tekst om Tone og stil i billeder og tekst. 8

9 Billedstørrelser 1024 Visitdenmark.com bruger billedformatet 16:9 i (næsten) alle visninger på sitet. Det betyder at dimensionerne på billederne altid er de samme (16:9), men størrelsen kan variere. 576 Billeder generelt på sitet Det betyder at alle billeder skal lægges op i 1024 x 576 pixels. Systemet skalerer automatisk billederne ned i størrelse, så de kan bruges overalt på sitet. På denne måde behøver vi kun at lægge et billede op én gang. Undtagelser er Top 10-sider samt kampagnesider, der skal lægges op i minimum 1280 x 720 pixels for at fylde skærmen ud. Logoer Logoer skal indsættes i en dertil udarbejdet PSD-fil, hvorefter logoet skaleres korrekt. PSD-filen får ved kontakt til Online Marketing. Kontaktpersoner Vi anbefaler man beskærer kontaktpersoner til 60 x 90 pixels. Kontaktpersonen vises altid i 60 pixels bredde og højden kan derfor variere Videoer Videofiler skal tilstræbes at være i 16:9 format. Billedekvalitet Ved beskæring og upload af billeder til portalen skal man altid sørge for at billedet er i god kvalitet. Når du beskærer billedet skal du bevare historien i billedet samt respekter fotografens komposition. 9

10 Sektioner, sidetyper og elementer Sektioner og undersektioner Sidetyper Elementer intro Custom block Custom block - variationer Custom block i node queues Redaktionelle teasere og links Sektionstitler, simple links og menuer Gallerier Iframes Feeds og sociale medier Formularer Vejret, kalender og kontakt Kort 10

11 Sektioner og undersektioner Turisme Mødeturisme Visitdenmark.com indeholder 4 hovedsektioner: Turismesektionen Turismesektionen henvender sig bredt til turister, som vil besøge Danmark og skal præsentere mulighederne som turist i Danmark på en række markeder, samt understøtte målsætningerne om at øge salg af turismeprodukter i Danmark, herunder overnatninger. Turismesektionen har følgende undersektioner/ hovedmenupunkter: Discover Denmark, Things to do, Planning your trip, Accomodation, Destinations. Mødeturisme Mødeturisme henvender sig til professionelle turister og som skal sælge VisitDenmarks tilbud til denne gruppe. Mødeturisme har følgende undersektioner/hovedmenupunkter: What we offer, Why Denmark, Your event, It s on! International presse International presse findes integreret på de internationale markedsversioner af visitdenmark.com og henvender sig til pressen. Der er følgende undersektioner/hovedmenupunkter: News and press releases, Photos and video, Events International presse Dansk turisme Om VisitDenmark Om VisitDenmark, er Visitdenmarks corporate site med informationer og formidling af organisationens arbejde og opbygning, samt det danske pressesite. Der er følgende undersektioner/hovedmenupunkter: Om VisitDenmark, Markedsføring, Tal & Analyser, Presse. For hver sektion er forside, sektionssider, samt redaktionelle sider gennemgået. Det betyder at f.eks. formularsider som RFP for business/meetings ikke er gennemgået her, da der ikke er redaktionelt opdateringsarbejde forbundet med den. For turismedelen er dog også gennemgået ikkeredaktionelle sider, for at vise designprincipperne på disse. 11

12 Sidetyper Forside/sektionsside eksempel Temaside eksempel Der er en lang række sidetyper, visninger og indholdstyper på VisitDenmarks site. Dette er en opstilling af disse i hovedkategorier set fra en design og indholdsvinkel. * Forsider og sektionssider De fleste forsider og sektionssider rummer meget fleksible muligheder for at sammensætte indhold der passer til marked og region. Indholdet er helt primært billeder, overskrifter, links og enkelte feeds og formålet er, på en inspirerende måde, at skabe opmærksomhed om sitets indhold, så brugeren får lyst til at klikke videre. Der er, med få undtagelser, ikke redaktionel tekst/brødtekst på disse sider. En del sektionssider er ikke redigerbare, men har karakter af at være værktøj/søgeværktøj til brugerne (se længere nede). Temasider Temasider er en af de vigtigste byggesten på turismesitet og samler indhold i temaer, som skal sætte en krog i den besøgende præferencer og rejseønsker. Temasiderme består, ligesom sektionssider og forsider, primært af visuelt orienteret indhold i form af billeder, titler, links, feeds og funktionelle blokke som f.eks. kort, som skal inspirere brugeren til at dykke ned i indholdet, men rummer muligheden for korte redaktionelle tekster/teasere, som binder indholdet sammen verbalt. Indholdsside eksempel Specialside eksempel Indholdssider (primært artikler) Indholdssiderne er artikler, nyheder m.m. og på disse sider er der en langt større vægt på teksten og en mindre omfattende anvendelse af andre indholdsellementer. Ikke redigerbare sider /specialsider En række sider er ikke umiddelbart redigerbare eller har kun få redigerbare elementer, men genereres automatisk af CMS systemet. Det gælder f.eks. planning your trip (med undtagelse af encyklopædien), My guide, en række oversigter som f.eks. it s on på mødeturisme sektionen, medarbejderoversigt i dansk turisme, oversigt over gallerier m.m. *Det er således ikke en gennemgang af alle indholds og sidetyper på sitet fra en teknisk vinkel eller en forklaring af hvordan man bygger sider og templates op i drupal med paneler, panes, nodes, widgets, nodequeues, blocks,views etc. Dette findes i undervisningen og undervisningsmaterialet. 12

13 Elementer - intro Primære indholdselementer En række elementer er til rådighed og kan indsættes af redaktører på en række sider. Custom Block: Redaktionelle teasere med/uden billeder og links Sektionstitler,simple links og menuer Gallerier Lister Designet er lavet så fleksibelt, at man som redaktør kan bruge en række forskellige elementer sammen og samtidig holde fast ved stilen og udtrykket på sitet. Der er derfor ikke nogen regler for hvor mange billedbårne eller grafiske elementer, som kan sættes sammen eller hvordan. Dog opfordres til at man som redaktør tilstræber en balance mellem tekstbårede elementer og billedbårne elementer og at især forsider og sektionsforsider er båret af billeder og grafiske elementer fremfor teksttunge. Sekundære indholdselementer Feeds Feeds sociale medier Links lister Kort Flash indhold Iframet indhold Begivenhedskalender Bannere Tilbud Vejret Funktionelt indhold Formularer (nyhedsbrev og kontakt) Booking boks Segmenteringsværktøj I stedet er det indholdets funktion og væsentlighed, for formidlingen af Danmark som destination, som bør afgøre hvor på siderne og i hvilke sammenhænge man som redaktør placerer indhold. Elementerne opdeles i denne liste i følgende grupper: - Primært indhold - Sekundært indhold - Funktionelt indhold Primært indhold er det vigtigste redaktionelle indhold, herunder titler, teasere, topbilleder/video, tekster, vigtige lister og links. Dette skal som hovedregel placeres øverst eller i hovedområdet til venstre på alle sider. Sekundært indhold er andet indhold som f.eks. feeds, herunder fra sociale medier, begivenhedskalender, flash, flickr fotos, vejret, iframet indhold, kort, lister, bannere og tilbud. Dette indhold prioriteres efter det redaktionelle indhold og indsættes også i højre spalte/side af siderne. Funktionelt indhold er f.eks. bookingbokse, formularer, segmenteringsværktøj. Dette placeres som hovedregel i højre side. Elementer på artikelsider Der vil dog være variationer og forskellige prioriteringer på forskellige sektionssider på turismedelen og i de forskellige dele af sitet (presse, møde og dansk turisme). Dette søges indkredset under de enkelt sider. Custom Block (billede, titel, mouseover tekst, teaser, link) Iframet indhold Kort Iframe (flickr) Feeds Nyhedsliste (nodequeu) Facebook feed Twitter feed I denne guide gennemgås primært de elementer som kan indsættes i templates, temasider,artikelsider og sektionssider; de redigerbare elementer. De elementer som indsættes automatisk af systemet på sider (f.eks. på top 10 eller Guide DK sider) gennemgås ikke her, men omtales på de sider hvor de findes. På panel sider kan alle elementer indsættes. På noder (artikelsider og nyheder) kan kun nogle elementer indsættes. 13

14 Custom block Section-box Custom block er et centralt element på sitet. Det er dette element som på en indbydende måde bidrager til et hurtigt overblik over indhold i temaer og sektionssider og relateret indhold på artikelsider. Custom block bruges i forskellige størrelser på sitet, men rummer altid muligheden for følgende felter: Titel, teaser (ikke i de små), links, billede eller video, mouseovertekst (tip). Hvilke felter der udfyldes afhænger af siderne og indholdsbehovet. På denne side vises den mest simple form: Billeder og titel. Men afhængigt af hvilken størrelse man vælger vil forskellige felter vises. Section-box Section-box right Forskellige størrelser og designs passer til forskellige sider/content types. Det er fremhævet på siderne hvilke custom blocks som med fordel kan bruges på dem. Størrelser, placering og andre designmæssige varianter af custom blocks vælges som css styles til elementet. På panelsider hedder elementet: Widget: Custom block Section-box og Section-box right 14

15 Custom block -varianter Section-box På disse særlige varianter til download og link til kortsøgning er der indsat billeder i fritekstfeltet. Section-box-279 no-space-left New custom block Section-box

16 Custom block - i node queues Settings: layout vælge mellem en række forskellige sammensætninger Man kan indsætte en hel gruppe af custom blocks ved at bruge: Widget: Node Queue pane Layoutet vælges under settings. Fordelen er, at man kan indsætte flere custom blocks på en gang fra en nodequeue. Farverne dannes automatisk, såfremt der ikke indsættes et billede i custom block. 16

17 Redaktionelle teasere og links Left block intro text (250x470 wb) På sektionssider og temasider indsættes tekst og teaserlementer. Det indsættes enten som: Widget: Custom block eller Øverst på temaer og sektionssider Node title Node body Nogle lister (hvis ikke de er simple links, se senere) kan også indsættes som redigerbar custom block. Størrelserne varierer på siderne og vælges som styles. Section-box menu-nostyle Section-box Section-box menuno-style Tema/sektionsintroduktion Ikke nogen style 17

18 Sektionstitler, Simple links og menuer Section-box Section-title De røde sektionstitler med og uden links samt linkslister hedder: Widget: Simple links Layoutoptions under settings: Title links list red Section-box-279 no-space-left Links farver indstilles under settings: Links-list red, Links-list black etc. De røde pile indsættes automatisk. Brug sektionstitler til at adskille forskellige dele på en side. De bruges f.eks. på forsider og sektionssider til at adskille grupper af custom blocks, som rummer forskellige typer indhold. På denne side er vist to særlige styles til links, men simple links kan principielt indsættes i alle sectionbox størrelser, f.eks. Section-box-279 eller Sectionbox (ofte brugt i bunden af sektionssider og temasider) Menuer til temaer hedder: Menu: Footer right menu En liste optræder sammen med kort: Widget: TopTen list (se under kort side 19) Section-box white-space-right Menu Med tilladelse fra: TLL/VisitAalborg 18

19 Gallerier Big image teaser Section-box-865 no-space-bottom Følgende elementer kan indsættes: View: Teasers nodequeue: Block (big image teaser) View: Gallery reference view (gallerier på temasider og sektionssider) Gallery Nodequeue pane (oversigt med links til gallerier i bunden af forsider og sektionssider). Størrelsen indstilles som style til elementet Ikke nogen Section-box-fullwidth 19

20 Iframe Section-box-279 Booking boksen indsættes som: Widget: iframe pane Nyhedsbrevmodulet indsættes som : Widget: iframe pane Vælg Newsletter i under punktet Provider Section-box

21 Feeds og sociale medier Section-box-279 flickr Section-box flickr Section-box Feeds indsættes som View panes: View: Feed items: Feed items pane 21

22 Formularer Section-box-279 Der kan sættes webformularer op efter behov. Følgende formularer er klar og kan indsættes: Webform: Corporate nyhedsbrev Webform: Subscribe Section-box Corporateform 22

23 Vejret, kalender og kontakt Section-box-279 Følgende elementer: Widget: Weather picture Widget: Contact block Tellus-latest-product Section-box-279 Section-box

24 Kort Section-box Section-box Section-box right Section-box Section-box right Section-box Følgende elementer: Miscellaneous: Map Miscellaneous: Location map Widget: Top Ten list Display options under settings: Med eller uden liste Locztion map Størrelse:279 24

25 Turisme sektion Forside Talebobler Discover Denmark Things to do Accomodation Destinations Planning, browse Planning, kørtsøgning Tema Artikel og temaartikel Encyclopedia Top 10 Galleri oversigt Gallerier Oversigter Kampagne Tilbud Guide Danmark produkt My guide 25

26 Forside (panel) Markedsspecifikke indgange (links). Widget:Simple links Section-box-279 no-space-left Forsiden på visitdenmark.com søger at give inspiration til brugeren der besøger sitet. Forsiden kan tilpasses lokale markeder, så indholdet matcher de kommunikationsbehov der er. Forsiden er en panel side. Øverste felt indeholder 4 hovedhistorier der rotererer. Den besøgende kan selv bestemme hvilken af de fire der vises ved at aktivere med mus eller touch. Link til kort Widget: Custom block Section-box-279 no-space-left Galleri: Topelement til hovedhistorier Views: Teasers nodequeue: Block Section-box-865 no-space-bottom Kort indgangen bliver videreudviklet, men er indtil videre et link til kortsøgning på sitet. Alle foto er defineret i formatet 16:9. De skal således kun oploades en gang og vil så kunne skaleres til hele sitet. De farvede overskriftet vælges automatisk ud fra en fordefineret farvepalet. Ideen med farverne er ikke at signalere en bestem kategori eller tematik. Det er ønsket om at give et varieret og farverigt udtyk, kombineret med de rene kasser, og ensartede fotoformater. Tourist Online booking pane Widget: Iframe pane Section-box-279 Der er desuden på forsiden feeds fra social medier, for at give et billede af den aktivitet VisitDenmark varetager på disse medier. Det store indholdsfelt Det sker i Danmark indeholder links til artikler, temaer og oversigter over redaktionelt stof om Danmark. Det sker i DK. Inspiration Widget: Custom block Styles: Section-box Section-box Section-box right Section-box Section-box right Den højre spalte, som her på forsiden rummer bookingboks, sociale medier og nyhedsbrev sign-up, er tiltænkt mere funktionelt og dynamisk indhold. Det kunne også være et kort eller et banner, et tilbud eller andre af sitets komponenter. Dette princip gælder for alle sitets forsider, sektionssider og artikelsider. For temasiderne gælder andre principper og de er beskrevet under temasiden. Facebook feed pane Content type: feed Section-box-279 Twitter feed pane Content type: feed Section-box-279 LInks lister Widget: Custom block Styles: Section-box menu-nostyle Section-box menu-nostyle Nyhedsbrev sign up Ikke korrekt nyhedsbrevmodul. Webform: Subscribe Section-box-279 Det korrekte nyhedsbrevmodul ses på side 20. Link til et biledgallerier Gallery nodequeue pane Section-box-full-width 26

27 Talebobler Taleboblerne bruges på forsider og sektionssider. VisitDenmarks grafiske formelement er taleboblen. Taleboblen er et symbol på dialog, anbefalinger og overlevering af tips og gode råd. På websitet er taleboblerne små fakta, personlige anbefalinger, et hurtigt godt råd og har en længde på max 140 tegn (ligesom et tweet på twitter). Talebobler indsættes på panelsiderne på custom block indhold. Der indsættes talebobler på alle custom block elementer på forsider og sektionssider og disse vises for brugeren ved mouseover. Ikke korrekt nyhedsbrevmodul. Det korrekte nyhedsbrevmodul ses på side

28 Discover Denmark (panel) Denne side er rettet mod lande, hvor kendskabet til Danmark er lav. Siden fokuserer på at fortælle en række historier, vise billeder og introducere læseren til forskellige vinkler omkring Danmark. Siden (og det tilhørende menupunkt) kan fravælges på markeder hvor kendskabet til Danmark er højt - eller bruges til at sætte fokus på fakta og historier om Danmark med en vinkel som passer til markedet. Elementer på siden: Primært indhold: Introduktionstekst, billedgallerier og 1-2 blokke af custom blocks, som linker til artikler, temaer, top 10 lister m.m. Kan indsættes som node queue panes for at lette redigeringen. Nederst link til billedgallerier. Der kan desuden indsættes elementer af sekundært indhold ind i højre spalte, f.eks top ten list, et kort m.m., men udgangpunktet er en stram introduktion til Danmark og derfor bør der indsættes begrænsede mængder sekundært indhold og funktionelle elementer. Titler blokken Nøgleord i samme kategori. Fører til søgeside 28

29 Things to do (panel) Denne side har udganspunkt i aktualitet. Den viser et snit af hvad der sker i landet eller på anden måde er relevant netop nu. Opdelingen er: øverst aktuelle emner, styret af redaktionen og dato mærkning. Focus som viser et snit af temaer, der kan være relevante for tiden, markedet. Og endelig en vinkel der hedder populær: altså udvalgt af brugere eller VisitDenmark. Elementer på siden: Primært indhold: Billedgallerier og custom blocks, som linker til artikler, temaer, top 10 lister m.m. Kan indsættes som custom blocks eller nodequeue panes. Hvor størrelserne på den øverste blok (herunder galleriet) er faste er de to blokke under FOCUS og POPULAR mere fleksible. Her kan indsættes custom block i de angivne størrelser. Der kan varieres mellem farvede blocks og blocks med fotos, men det anbefales ikke at sætte link og tekstbårede elementer ind i stedet. Blok 1: Aktiviteter Der lægges desuden op til at der indsættes lister med sekundært indhold nederst på siden, f.eks. begivenhedskalender, node queue/nyhedsliste, feed eller lignende. Nederst link til billedgallerier. Populære. Styles: Section-box Section-box Temaer. Styles: Section-box Section-box Da der er tale om en stram introduktion til aktiviter og aktuelle begivenheder i Danmark lægges der herudover ikke op til sekundært eller funktionelt indhold på siden. Lister: custom blocks og simple links, evt. feeds Styles: Section-box

Grafiske Guidelines. Guidelines, anbefalinger og inspiration til VisitDenmarks visuelle udtryk i markedsføring af Danmark. www.branddenmark.

Grafiske Guidelines. Guidelines, anbefalinger og inspiration til VisitDenmarks visuelle udtryk i markedsføring af Danmark. www.branddenmark. Grafiske Guidelines Guidelines, anbefalinger og inspiration til VisitDenmarks visuelle udtryk i markedsføring af Danmark. www.branddenmark.com Marts 2015 Formål Denne brand- og designguide fastlægger VisitDenmarks

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. september, 2012 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 8 2. Sider... 10 2.a Opret side...

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. oktober, 2013 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13

Læs mere

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst

Læs mere

MANUAL TIL FS PÅ NETTET

MANUAL TIL FS PÅ NETTET MANUAL TIL FS PÅ NETTET Sådan opretter du nyheder og artikler (side 4) Sådan laver du links (side 14) Om tjek ind/ud og publicer (side 20) Sådan uploader du billeder og dokumenter (side 25) Sådan redigerer

Læs mere

Sitecore manual Institutionshjemmesider 2013. Kom godt i gang med at bygge din nye hjemmeside

Sitecore manual Institutionshjemmesider 2013. Kom godt i gang med at bygge din nye hjemmeside Sitecore manual Institutionshjemmesider 2013 Kom godt i gang med at bygge din nye hjemmeside 1 Log- ind så kommer du ind i Sitecore Gå til: institutionsnavn.gentoftesites.dk/sitecore ( f.eks.jaegersborgfc.gentoftesites.dk/sitecore)

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

Læs mere

Google Tag Manager tracking

Google Tag Manager tracking Google Tag Manager tracking IDA Universe København, januar 2015 INDHOLD 1. INTRODUKTION... 3 2. TEST AF IMPLEMENTERING... 3 2.1. WASP Web Analytics Solution Profiler... 3 2.2. Firebug... 3 2.3. Tamper

Læs mere

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 TYPO3 manual DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 Det første afsnit, Introduktion til systemet, giver et hurtigt overblik over mulighederne.

Læs mere

Hjælpeguide til Digitalisér.dk

Hjælpeguide til Digitalisér.dk Hjælpeguide til Digitalisér.dk Hvad er Digitalisér.dk Digitalisér.dk er et socialt netværk og værktøj som du kan anvende på flere forskellige måder. Har du viden som du ønsker at dele og debattere med

Læs mere

Vejledning for LOF s afdelingshjemmeside

Vejledning for LOF s afdelingshjemmeside Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en

Læs mere

Manual for Synkron hjemmesider

Manual for Synkron hjemmesider Manual for Synkron hjemmesider Denne manual tilhører: Brugernavn: (username) Adgangskode: (password) 1 Start med sitetræet: Sitetræet er centralt. Det er her, dit website er. Det er her, du bygger dine

Læs mere

Siteloom manual for Comwells webredaktører

Siteloom manual for Comwells webredaktører Siteloom manual for Comwells webredaktører Generelt Hvad er SL: SiteLoom er redigeringsprogrammet bag comwell.com websitet, som gør det muligt for folk uden programmeringskundskaber, at redigere og tilføje

Læs mere

Umbraco. Brugerdokumentation

Umbraco. Brugerdokumentation 2 Umbraco Brugerdokumentation Indholdsfortegnelse Generel dokumentation... 3 Hvordan logger jeg ind i CMS et?... 3 Sidertyper... 3 Content... 3 Forside... 3 Sektionsforside... 3 Artikel... 3 Servicemappe...

Læs mere

Spiseliv redesign 2013 Endelig kravspecifikation

Spiseliv redesign 2013 Endelig kravspecifikation Spiseliv redesign 2013 Endelig kravspecifikation Layout Designet skal opgraderes, så det udnytter skærme på 1366 px bredde. Mobil-layout Layoutet skal desuden forberedes på automatisk tilpasning til mobile

Læs mere

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden.

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. VENSTRE kolonne indeholder flere elementer (se illustration

Læs mere

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4)

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4) Sitecore vejledning Hvad er det? Sitecore er det program, den officielle del af Spejdernet laves i. Sitecore er et Content Management System, dvs. indholds-håndteringssystem til hjemmesider. Hvordan starter

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

Udarbejdelse af grafisk mockup med efterfølgende styling. Tilbud. Oprettelse af site. Kr. 1.500,00. 1. deltager (kan fravælges) Kr. 3.

Udarbejdelse af grafisk mockup med efterfølgende styling. Tilbud. Oprettelse af site. Kr. 1.500,00. 1. deltager (kan fravælges) Kr. 3. PentaCon CMS Responsive sider WYSIWYG editor Skabelon til standard tekstside med overskrift og 1 billede Skabelon til standard tekstside med overskrift og 3 billeder Slideshow på forsiden Nyhedsruller

Læs mere

Tilgængelighedsmanual Århus kommunes hjemmeside

Tilgængelighedsmanual Århus kommunes hjemmeside Sensus ApS Torvet 3-5, 2.tv. DK-3400 Hillerød Telefon: +45 48 22 10 03 CVR nr.: DK11130976 www.sensus.dk sensus@sensus.dk Tilgængelighedsmanual Århus kommunes hjemmeside Version 1.4 Indhold 1 GRUNDLÆGGENDE...

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Grafisk design OPGAVEBESKRIVELSE

Grafisk design OPGAVEBESKRIVELSE OPGAVEBESKRIVELSE Min opgave var at lave og designe en pakke til s marketing og kommunikationsafdeling MarKom. Pakken består af: et hoved element portfolio hjemmeside communication.madebydelta.com to supplerende

Læs mere

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

Læs mere

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

NYHEDSBREVE MED MAILCHIMP

NYHEDSBREVE MED MAILCHIMP VÆRKTØJSKASSEN: NYHEDSBREVE MED MAILCHIMP VED JENS GRIEBEL DIGITAL KONSULENT, JENS@GRIEBEL.DK 1 Velkommen til MailChimp Denne guide vil hjælpe dig med at opsætte din første e-mail kampagne. Den vil også

Læs mere

Mikkel Skovs hjemmeside Ledervedlejning

Mikkel Skovs hjemmeside Ledervedlejning Mikkel Skovs hjemmeside Ledervedlejning Version 1.1 10/08/2008 Indhold Indledning...1 Åbningsside...2 Login...5 Leder Info...5 Oprettelse af indhold...5 Oprettelse af artikel...5 Gem artikel...11 Hvem

Læs mere

Friluftsrådets nye hjemmeside

Friluftsrådets nye hjemmeside Friluftsrådets nye hjemmeside Velkommen! Eftermiddagens program 16.00: Hvad kan og skal hjemmesiden? Ny hjemmeside - Nye muligheder Hvordan får vi mest ud af mulighederne? ---- 16.45: Pause ---- 17-18.30:

Læs mere

Drejebog til tractorpulling.dk

Drejebog til tractorpulling.dk Drejebog til tractorpulling.dk Generelt På hjemmesiden benyttes følgende som standard: - Skrifttype: Verdana - Skriftstørrelse: 12px / 9pt. 4. oktober 2011 Moskjær Marketing Falkevej 4 DK-6920 Videbæk

Læs mere

Billeder på hjemmeside

Billeder på hjemmeside Billeder på hjemmeside Indholdsfortegnelse Emne 1. Billedredigering (Microsoft Picture Manager) Side 3 a. Komprimer billeder b. Beskæring af billeder 3 9 2. Billeder og tekst ved hjælp af en skabelon (Template

Læs mere

Kontaktboks. Skive.dk april 14. med og uden profilbillede. Kontaktboks - displaymodul. Umbraco. Udarbejdet april 2014. www.skive.

Kontaktboks. Skive.dk april 14. med og uden profilbillede. Kontaktboks - displaymodul. Umbraco. Udarbejdet april 2014. www.skive. Kontaktboks med og uden profilbillede Skive.dk april 14 Kontaktboks - displaymodul Umbraco Udarbejdet april 2014 www.skive.dk Opret en simpel kontaktformular Du opretter en kontaktformular som et displaymodul,

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse Indholdsfortegnelse Indledning... 2 Hjemmeside struktur... 3 Rettigheder... 4 Opret Nyhed... 6 Opret Kalender Event... 7 Opret Arrangement... 9 Fast side... 10 Forside... 11 Tekst... 11 Billeder... 11

Læs mere

NP Ecommerce. Produktguide for NaviConnect. Ecommerce

NP Ecommerce. Produktguide for NaviConnect. Ecommerce NP Ecommerce Produktguide for NaviConnect Ecommerce Indhold Varekort - Magento:... 2 Grundlæggende vareinformation:... 2 Priser og specielt fremtræden:... 4 Metainformation:... 5 Attributsæt, billeder,

Læs mere

Vejledning til hjemmesiden

Vejledning til hjemmesiden Vejledning til hjemmesiden Menu I venstre side finder du menuen over hjemmesidens indhold. Når du aktiverer et menupunkt, vil det enten folde sig ud med undermenuer med nye valgmuligheder, eller du vil

Læs mere

Manual til hjemmeside i Typo3

Manual til hjemmeside i Typo3 Manual til hjemmeside i Typo3 Gode tips og genvejstaster Ét linieskift Ctrl + A Ctrl + C Ctrl + X Ctrl + V shift + enter (tasten du normalt bruger til linieskift) Markér alt Kopier Klip Sæt ind Oprettelse

Læs mere

Guide til Umbraco CMS

Guide til Umbraco CMS web Guide til Umbraco CMS Indhold Indledning 3 Kompatible browsere 3 Log ind i Umbraco 4 Content-delen 5 Indholdstræet 5 Tilføjelse af en side/sektion 7 Sortering af indhold 12 Galleri 14 Mediebibliotek

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

Manual til Dynamicweb Februar 2010

Manual til Dynamicweb Februar 2010 Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11

Læs mere

Få din egen hjemmeside

Få din egen hjemmeside I dette afsnit lærer du at bygge din egen hjemmeside tilføje tekst og billeder lave dit eget design lægge en baggrund på hjemmesiden I næste nummer får du hjælp til at bygge en større hjemmeside til en

Læs mere

Sider, indlæg og projekter

Sider, indlæg og projekter Sider, indlæg og projekter I Divi-temaet er der tre forskellige måder at lægge artikler op på sitet; Sider, indlæg og projekter. På Villybruun.dk bruges Sider til alle artikler. Man kan oprette eller redigere

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

Typo3 vejledning BMI af 1 Typo3 vejledning for redaktører og skribenter i BMI

Typo3 vejledning BMI af 1 Typo3 vejledning for redaktører og skribenter i BMI af 1 side 1 Typo3 vejledning for redaktører og skribenter i BMI GENERELT...3 LOGIN...3 STARTSIDEN...4 SIDE...5 SIDE ELEMENTER...6 SIDE LAYOUT...7 STJÆL MED ARME OG BEN HEL SIDE...8 STJÆL MED ARME OG BEN

Læs mere

Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco

Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ HUSK ingen www i adressen, skriv blot

Læs mere

Få din egen hjemmeside

Få din egen hjemmeside I dette afsnit lærer du at bygge din egen hjemmeside tilføje tekst og billeder lave dit eget design lægge en baggrund på hjemmesiden I næste nummer får du hjælp til at bygge en større hjemmeside til en

Læs mere

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL LinkFactory TYPO3 MANUAL Kapitel 1 - TYPO3 CMS - Opbygning... 3 Log ind... 3 Backend... 4 Frontend... 5 Hvor skal jeg klikke?... 5 Gem, gem og vis, gem og luk... 6 Kapitel 2 - Håndtering af sider & menuer...

Læs mere

Online designguide. det danske uddannelsesbrand STUDY IN DENMARK. Page 01. Velkommen til CIRIUS online designguide til det danske uddannelsesbrand

Online designguide. det danske uddannelsesbrand STUDY IN DENMARK. Page 01. Velkommen til CIRIUS online designguide til det danske uddannelsesbrand Online designguide det danske uddannelsesbrand Velkommen til CIRIUS online designguide til det danske uddannelsesbrand I designguiden finder du en række redskaber, som kan benyttes i markedsføringen af

Læs mere

Kom godt i gang med DanaShop

Kom godt i gang med DanaShop Kom godt i gang med DanaShop Tillykke med jeres nye webshop I din webshop fra DanaWeb findes der utroligt mange muligheder for at tilpasse den til lige netop jeres behov. DanaWeb har opsat alle shoppens

Læs mere

Manual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune

Manual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune Manual Version 2 til oprettelse af hjemmesider for landsbyer i Rebild kommune Oversigt: Login Hjemmeside...... side 3 Login Administrationsmodul... side 5 Kategorier.. side 6 Opret/rediger første side...

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er lavet

Læs mere

3 OPRETTELSE AF SIDER

3 OPRETTELSE AF SIDER 3 OPRETTELSE AF SIDER En af VuptiWebs styrker er muligheden for at oprette forskellige sidetyper og - ikke mindst - sider, som automatisk henter data fra vores administrationsprogram (DOFPro). I første

Læs mere

Manual til Sitecore Institutions- og projekthjemmesider Silkeborg Kommune, 16. september 2013

Manual til Sitecore Institutions- og projekthjemmesider Silkeborg Kommune, 16. september 2013 Manual til Sitecore 1 VELKOMMEN Silkeborg Kommune bruger systemet Sitecore til at opbygge hjemmesider i. Institutions- og projekthjemmesider er bygget op over en fast skabelon med et fast design. Der er

Læs mere

Billeder på bibliotek.kk.dk. Hent et billede og gem det på din PC:

Billeder på bibliotek.kk.dk. Hent et billede og gem det på din PC: Billeder på bibliotek.kk.dk Hent et billede og gem det på din PC: I dette eksempel henter vi et billede fra Google. Du kan også hente billeder i Flickr, Picasa etc. (NB! Husk at der er rettigheder knyttet

Læs mere

Galleri modul. Side 1 af 18

Galleri modul. Side 1 af 18 Galleri modul Side 1 af 18 Indholdsfortegnelse Indholdsfortegnelse... 2 Installation... 3 Oprette menupunkt... 5 Kategoriseret menupunkt (Avanceret)... 6 Opsætning... 9 Generel opsætning... 10 Opsætning

Læs mere

foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk

foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk GRAFISK DESIGn Webdesign Min chef ville gerne have lavet en webside til firmaets udlejningshus i Italien. Huset på 200 m² er et traditionelt toskansk landhus i tre etager og ligger i gåafstand fra middelalderlandsbyen

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet og lægge nyt på din hjemmeside. Guiden er skrevet

Læs mere

Design & brand guide. Anvisninger, anbefalinger og inspiration til hvordan VisitDenmarks design skal bruges. www.visitdenmark.com

Design & brand guide. Anvisninger, anbefalinger og inspiration til hvordan VisitDenmarks design skal bruges. www.visitdenmark.com Design & brand guide Anvisninger, anbefalinger og inspiration til hvordan VisitDenmarks design skal bruges. www.visitdenmark.com Bysted A/S, marts 2012 Indholdsfortegnelse 1 Forord 2 Branding af Danmark

Læs mere

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

Quickguide til kredscms. Login

Quickguide til kredscms. Login Quickguide til kredscms Dette er en quickguide, der vil præsentere dig for de mest basale funktioner i kredscms. Finder du ikke svar her, så prøv at spørge andre webmastere via debatforummet på leder.fdf.dk:

Læs mere

Administrator manual

Administrator manual Revision 1 Administrator manual INDHOLD LOG IND 1 OVERBLIK 1 ARBEJDSRUM 1 MEDARBEJDERE 2 OPRET NY MEDARBEJDER 2 TRIN 1 AF 4: NAVN OG OPLYSNINGER 2 TRIN 2 AF 4: LEGITIMATION 2 TRIN 3 AF 4: EFFEKTIVITETSNIVEAU

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Hold kontakten med dit netværk!

Hold kontakten med dit netværk! Hold kontakten med dit netværk! - Outlook er dit netværksprogram Outlook er mere end blot et mailprogram Du kan bruge Outlook til meget mere end blot at sende og modtage mails med. Eksempelvis, så er Outlook

Læs mere

Brugermanual. - For intern entreprenør

Brugermanual. - For intern entreprenør Brugermanual - For intern entreprenør Version 1.0 2014 Brugermanual - For Intern Entreprenør Velkommen som bruger på Smartbyg.com. Denne manual vil tage dig igennem de funktioner der er tilgængelig for

Læs mere

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

Designmanual / Forskningens Døgn

Designmanual / Forskningens Døgn 1/17 Designmanual / Forskningens Døgn Elementer 2 Logotype 2 Logotype på fotografi 3 Geometri 5 Forsk Geometri oversigt 6 Objekter 7 Forsk Objekt oversigt 8 Forhold mellem alle elementer 9 Farver 10 Font

Læs mere

SEO-strategi. Kunde logo

SEO-strategi. Kunde logo SEO-strategi Kunde logo Formålet SEO-strategien skal ved udførsel skabe mere trafik til KUNDE, samt styrke deres branding. SEO-strategien skal være med til at belyse nogle af de problematikker som KUNDEløser

Læs mere

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite

Læs mere

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

Læs mere

My booking. Generelt. Forsiden. Version 9.0

My booking. Generelt. Forsiden. Version 9.0 My booking Version 9.0 System til at lave online bookinger, med mulighed for opdeling i grupper, forskellige booking typer, ændre layout indstillinger, status styring, sprogvalg samt en del mere, detaljer

Læs mere

Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag

Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag 2 Case: Galleri Christoffer Egelund September 2012 Scan QR-koden for at hente app en Galleriet på mobilen udvider rammerne

Læs mere

Brugerguide til FlexCMS

Brugerguide til FlexCMS Brugerguide til FlexCMS Kom i gang med at bruge din hjemmeside 1 VELKOMMEN TIL FLEXCMS... 3 1. LOGIN... 5 2. HJEMMESIDENS TERMINOLOGI... 6 3. LAYOUT... 7 4. OPRET OG TILPAS FORSIDEN... 8 4.1 OPRETTE SIDEEGENSKABER...

Læs mere

Tjek dine miljøvalg på nettet - når det gælder en tryksag. www.miljonet.org

Tjek dine miljøvalg på nettet - når det gælder en tryksag. www.miljonet.org Tjek dine miljøvalg på nettet - når det gælder en tryksag Kære læser, Du sidder med en brochure, der beskriver et nyt websted,. Det er et websted med rigtig mange oplysninger om de miljøpåvirkninger, der

Læs mere

"Befri din mailboks - og find nyhederne før din chef" Guide i at bruge RSS

Befri din mailboks - og find nyhederne før din chef Guide i at bruge RSS "Befri din mailboks - og find nyhederne før din chef" Guide i at bruge RSS v/ Kim Elmose, januar 2007 1 Få bedre overblik over nyhederne med RSS Forkortelsen RSS eller ikonet dukker op på stadig flere

Læs mere

Kom i gang vejledning til modelflyveklubber.dk

Kom i gang vejledning til modelflyveklubber.dk Kom i gang vejledning til modelflyveklubber.dk Version 1.2 30. september 2012 http://www.modelflyveklubber.dk/data/vejledning-klubweb.pdf Kom i gang vejledning til modelflyveklubber.dk, version 1.2 1/15

Læs mere

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk Mini-guide for opdatering af hjemmesiden for SOIF www.soif.dk Senest opdateret: 03-07-2009 Indholdsfortegnelse 2 Indholdsfortegnelse 2 Lidt generelt om KlubCMS 3 Brugere/Brugergrupper 3 Sideopbygning:

Læs mere

BYGGEPLADS.DK MEDIAINFORMATION 2015

BYGGEPLADS.DK MEDIAINFORMATION 2015 BYGGEPLADS.DK / ONLINEMEDIER 2015 / 1 BYGGEPLADS.DK MEDIAINFORMATION 2015 ONLINE MEDIER / 02 Online annoncering / 03 Bannerformater og teknik / 04 BYGGEPLADS.DK / ONLINEMEDIER 2015 / 2 Online medier www.byggeplads.dk,

Læs mere

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

Typo3 Manual TDC Landsklub Kommunikations setup version 2010.03.21

Typo3 Manual TDC Landsklub Kommunikations setup version 2010.03.21 Typo3 Manual TDC Landsklub Kommunikations setup version 2010.03.21 Der findes yderligere hjælp på www.typo3support.com Copyright Vision Team ApS 1 www.visionteam.dk Content Page 1 Log ind på intranettet...

Læs mere

SÅDAN SIKRER DU KVALITETEN I DIT INDHOLD PÅ SUNDHED.DK. Vejledning til redaktører. Web-kommunikation, nov. 2013, version 1.0

SÅDAN SIKRER DU KVALITETEN I DIT INDHOLD PÅ SUNDHED.DK. Vejledning til redaktører. Web-kommunikation, nov. 2013, version 1.0 SÅDAN SIKRER DU KVALITETEN I DIT INDHOLD PÅ SUNDHED.DK Vejledning til redaktører Web-kommunikation, nov. 2013, version 1.0 INDHOLD Vejledning til redaktører 1 Web-kommunikation, nov. 2013, version 1.0

Læs mere

Afsnitstyper Susanne V. Andersen

Afsnitstyper Susanne V. Andersen Webbyggeren som videndelingsværktøj Afsnitstyper Susanne V. Andersen Webbyggeren som videndelingsværktøj 2005 Programdatateket 1. oplag, november 2005 ISBN 87-984429-5-3 Forfatter: Susanne V. Andersen

Læs mere

Introduktion til billeddatabasen

Introduktion til billeddatabasen Introduktion til billeddatabasen Colourbox.dk Colourbox.dk er den billeddatabase som Odense Kommune har købt licens til. Det er vigtigt at bemærke, at der ikke er ubegrænset download af billeder. I materialet

Læs mere

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 VEJLEDNING 1.0 Indhold VELKOMMEN 3 KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 SÅDAN OPRETTER DU EN QUIZ 10 Quiz info 11 Tilføj spørgsmål 12 Tilføj formel til

Læs mere

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

ZoomMagazine.dk Danmarks bedste online livsstilsmagasin

ZoomMagazine.dk Danmarks bedste online livsstilsmagasin ZoomMagazine.dk Danmarks bedste online livsstilsmagasin ZoomMagazine.dk indeholder læsestof om alt hvad der vedrører den enkelte i hverdagen. Mode, personlig pleje, karriere, underholdning, elektronik,

Læs mere

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

Den mobile kulturguide Formidling af kulturelle tilbud i kommunen

Den mobile kulturguide Formidling af kulturelle tilbud i kommunen Den mobile kulturguide Formidling af kulturelle tilbud i kommunen 2 Roskilde LIVE Case for Roskilde Kommune lanceret maj 2012 Scan QR-koden eller sms mob roskilde til 1969 En let og legende vej til kulturelle

Læs mere

Inspiration til brug for udarbejdelse af apotekers hjemmesider

Inspiration til brug for udarbejdelse af apotekers hjemmesider Inspiration til brug for udarbejdelse af apotekers hjemmesider 1 Inspiration til brug for udarbejdelse af apotekers hjemmesider DECEMBER 2005 Inspiration til brug for udarbejdelse af apotekers hjemmesider

Læs mere

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS Vejledning for opdatering af hjemmesiden opbygget med KlubCMS Indholdsfortegnelse Indhold Indholdsfortegnelse... 2 Indledning... 3 Lidt generelt om KlubCMS... 3 Sideopbygning:... 4 Brugere/Brugergrupper...

Læs mere

Hvordan finder jeg et navn til min hjemmeside?

Hvordan finder jeg et navn til min hjemmeside? Hvordan finder jeg et navn til min hjemmeside? Navnet til din hjemmeside også kaldet domænenavn, er det navn, dine kunder skal slå op på Internet for at finde din hjemmeside fx www.ditdomæne.dk Navnet

Læs mere

Lærervejledning til undervisningsforløbet. Det digitale spejl

Lærervejledning til undervisningsforløbet. Det digitale spejl Lærervejledning til undervisningsforløbet Det digitale spejl Introduktion Det digitale spejl er et undervisningsforløb om net- etikette og digital adfærd. De traditionelle informationskanaler som fx aviser

Læs mere

7DVWHYHMOHGQLQJ#²#,QWHUQHW#([SORUHU

7DVWHYHMOHGQLQJ#²#,QWHUQHW#([SORUHU 7DVWHYHMOHGQLQJ#²#,QWHUQHW#([SORUHU,QGKROGVIRUWHJQHOVH BROWSEREN - DE VIGTIGSTE FUNKTIONER OG BEGREBER.... 2 TILPAS BROWSEREN... 3 GÅ DIREKTE TIL EN KENDT ADRESSE... 5 LAV ET BOGMÆRKE... 6 ORGANISÉR DINE

Læs mere

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

Læs mere

CMS - BRUGERMANUAL CMS

CMS - BRUGERMANUAL CMS CMS - BRUGERMANUAL LOG PÅ ADMINISTRATION Sådan kommer du i gang! For at logge ind i dit nye CMS-administrationsmodul skal du efter dit domæne skrive: admin. Eks.: www.dit_domæne.dk/admin Første gang du

Læs mere