Designmanual for websider

Størrelse: px
Starte visningen fra side:

Download "Designmanual for websider"

Transkript

1 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 af retningslinjerne i dette dokument. Designmanual for Aalborg Universitets websider 1

2 Indhold Hvem omfatter designmanualen... 3 Designets muligheder og anvendelse... 3 Forsiden på en hjemmeside... 4 Element 1: Logo, søgning og sprogskifte... 5 Element 2: Topbillede(r)... 5 Placering af eget logo... 6 Element 3: Navigationsmenu (global menu)... 7 Designspecifikationer for menuen... 8 Niveau 3 navigationsmenu (horisontal menu)... 9 Designspecifikationer for horisontal menu Element 4 (attentionbokse) Designspecifikationer attentionbokse Element 5 (midterfelt) Designspecifikationer for midterfelt Element 6 (footer) Designspecifikationer for footer Undersider Designspecifikationer for undersider Browserkompatibilitet Bilag 1:

3 Hvem omfatter designmanualen Designmanualen omfatter hjemmesider drevet og vedligeholdt af Aalborg Universitets administration, campus København, campus Esbjerg, fakultetshjemmesider, instituthjemmesider, hjemmesider under studienævn herunder også de enkelte studiers hjemmesider. Designet skal være implementeret på disse hjemmesider inden 1. januar Websider baseret på knap så layoutmæssige fleksible platforme (f.eks. E læringssystemer), men som godt kan fremstå som hjemmesider for brugeren er undtaget disse retningslinjer. De skal dog som minimum have Aalborg Universitets logo øverst til venstre på siden samt adresse og kontaktinformation nederst på siden. Tvivlsspørgsmål eller forslag til forbedringer af designmanualen kan afklares med: Bo Hvass Pedersen, AAU portalen, Figur 1: Eksempel på placering af logo og adresse/kontaktinformation Designets muligheder og anvendelse Designet er udarbejdet, så det er muligt for den enkelte organisation at sætte sit præg på egen hjemmeside, hvad angår billeder, farver, animation, videoer eller lignende. Konceptet giver mulighed for at forsider (og undersider) kan variere alt efter, hvilke ressourcer og kompetencer redaktørerne har til rådighed. Det vil være muligt at opnå æstetisk fornuftige resultater uafhængigt af dette. 3

4 Det forventes, at man tilstræber et look and feel, der læner sig op af de hjemmesider, der findes her: Forsiden på en hjemmeside Forsiden på en hjemmeside er her defineret som den første webside, man som bruger lander på, når man besøger en hjemmeside. Det kunne f.eks. være Universitetets hjemmeside Bibliotekets hjemmeside Projekthjemmesiden DEMDI Figur 2: Eksempel bibliotekets kommende hjemmeside En forside kan bestå af de elementer, der er vist på figur 2. Elementerne 1 til 6 beskrives og specificeres herefter. Se eventuelt også designoversigt bilag 1 (side 15). 4

5 Element 1: Logo, søgning og sprogskifte Dette element består af Aalborg Universitets logo, en søgeboks og et flag. Elementet er 780 pixels bred, og det angiver sidens bredde. Elementet skal være centreret i browserens vindue (se figur2). Logoet er AAU s officielle, og det kan hentes på webdesign.aau.dk. Der må ikke ændres størrelse eller lignende på logoet. Ved klik på universitetets logo går man til universitetets forside aau.dk. Ved klik på et af flagene skifter hjemmesiden til det ønskede sprog. Placering af designelementer og funktionalitet: Hjørnet af logoets første bogstav skal flugte vertikalt med billedet nedenunder (element 2) Bunden af logoet skal flugte med søgeboksens nederste kant Billede (element 2), pilens spids og flagets højre side skal flugte vertikalt med hinanden Afstanden til toppen af billedet og søgeboksens nederste kant i element 2 er 14 pixels Flagene til skift af henholdsvis dansk og engelsk sprog kan hentes på webdesign.aau.dk Flagene placeres 14 pixels over søgeboksens øverste kant Der vises et engelsk flag på danske sider og dansk flag på engelske sider Se røde streger for linjerne i designet. Figur 3: Linjer i element 1 og 2 I søgeboksen skal der stå Søg eller Search alt efter om man befinder sig på den danske eller engelske udgave af hjemmesiden. Søgninger skal gå til universitetets officielle søgemaskine (search.aau.dk). Søg og Search skrives med følgende specifikationer: FONT FAMILY: VERDANA, ARIAL, SANS SERIF FONTSTØRRELSE: 10PX FARVE I HEX: EVENTUELT MED GRADIENT I SØGEBOKSEN (SE EKSEMPLER PÅ WEBDESIGN.AAU.DK) Element 2: Topbillede(r) Topbillederne på hjemmesiderne er 780x120 pixels, og man kan selv vælge, om man vil benytte sort/hvid eller farvebilleder. En meningsfuld titel sættes på billedet og placeres oven på et farvet rektangel, som kan gøres transparent mod det underliggende billede. Farven, der vælges til det farvede rektangel, skal 5

6 anvendes i hjemmesidens navigationsmenuer, links og overskrifter (h1). Farvevalget er frit, men bør afstemmes med det underliggende billede. Placeringen af teksten samt rektanglets højde og placering er fast. Se figur 4 for mål: Figur 4: Placering af tekst og rektangel i headerbillede Fonten (skrifttypen), der skal anvendes på topbillederne, er: FONT: DAX MEDIUM FONTSTØRRELSE: 18PX TRACKING: 100 FARVE: VALGFRI DOG HELST HVID ELLER SORT Placering af eget logo Ønsker man at placere et logo fra egen organisation i topbilledet, skal det placeres i billedets højre side i et rektangel på 192 x 120 pixels. Grunden til dette er, at dette rektangel skal have samme bredde som navigationsmenuen. Ønsker man et mere enkelt topbillede, kan man også vælge at placere eget logo i element 4 (se element 4 for nærmere beskrivelse). Figur 5: Institut for Produktion med eget logo til højre Figur 6: WOFIE eventhjemmeside med eget logo til højre Ønskes dynamik eller har man blot har brug for flere topbilleder for at signalere, hvad man arbejder med, kan man vælge at bruge flere billeder, der skifter efter tilfældighedsprincippet. 6

7 Eksempler på topbilleder kan ses på webdesign.aau.dk, og en skabelon i photoshop filformat kan også hentes her. Hjælp til udarbejdelse af topbilleder kan fås hos AAU portalen eller Informationskontoret. Element 3: Navigationsmenu (global menu) Navigation i designet består af en menu placeret i hjemmesidens højre side. Denne menu følger med rundt på alle sider på hjemmesiden. Menuen består af et sæt overordnede links til websider. Hvis man klikker på et af disse links, lander man på pågældende side og en eventuel undermenu åbnes, som man kan klikke videre på. Alle menupunkter skal skrives med kapitæler. Se følgende beskrivelse af funktionaliteten af menuen: Figur 7: Eksempel på menu i forskellige tilstande (bibliotekets hjemmeside) 1. Forsiden med samlet menu med en markering af, at man befinder sig på forsiden. 2. Man har klikket på menupunktet Om biblioteket, og man lander på siden, der omhandler Om biblioteket. Det markeres i menuen med et farvet rektangel, og derved angives, hvor man befinder sig i hjemmesidens struktur. Da der er flere underpunkter åbnes en undermenu, som man kan klikke videre på. 3. Ved at klikke på et af underpunkterne i menuen, går man til den pågældende webside, og underpunktets tekst i menuen farves, så man ved, at man nu befinder sig et niveau længere nede i hjemmesidens struktur (i dette tilfælde Åbningtider). 7

8 Designspecifikationer for menuen Rammen om menuen BREDDE AF MENUEN: 192PX RAMME OM MENUEN: 1PX, HEX FARVEVÆRDI: E6E6E6 BEMÆRK: PADDING SÆTTES FRA VENSTRE KANT AF MENUENS RAMME Links 1. niveau: FONTSIZE: 10PX FONTCOLOR: 4D4D4D PADDING: 15PX Links 1. niveau valgt (active) FONT SIZE: 10PX FONT COLOR: FFFFFF PADDING: 15PX BACKGROUND COLOR: DEN SAMME FARVE, SOM MAN HAR VALGT AT BRUGE I TOPBILLEDET OG <H1> Links 1. niveau hover/mouse over FONT SIZE: 10PX FONT COLOR: FFFFFF PADDING: 15PX BACKGROUND COLOR: DEN SAMME SOM MAN HAR VALGT AT BRUGE I TOPBILLEDET OG <H1> Links 2. niveau: FONT SIZE: 10PX FONT COLOR: PADDING: LEFT 22PX, TOP 3PX, BOTTOM 3PX Links 2. niveau valgt (active) FONT SIZE: 10PX FONT COLOR: DEN SAMME SOM MAN HAR VALGT AT BRUGE I TOPBILLEDET OG <H1> PADDING: 22PX Links 2. niveau hover/mouse over FONT SIZE: 10PX FONT COLOR: DEN SAMME SOM MAN HAR VALGT AT BRUGE I TOPBILLEDET OG <H1> PADDING: 22PX Bemærkning: Ved meget omfangsrige hjemmesider kan det være nødvendigt at bruge flere sæt menuer, men som udgangspunkt bør det undgås (f.eks. i Studieguiden vil det være nødvendigt). 8

9 Niveau 3 navigationsmenu (horisontal menu) Det kan være nødvendigt at have endnu et navigationsniveau på en hjemmeside, og man kan derfor indsætte en horisontal menu, når man befinder sig på et underpunkt af den globale menu (element 3). Herunder ses opbygningen af en informationsstruktur, hvor man fra hjemmesiden har klikket på følgende: Forside >> Forskning >> Forskeruddannelse >> På siden Forskeruddannelse (PhD) er det så muligt at klikke videre på: Studerende, Kommende forsvar, Afhandlinger, Forskerskolen og Programmer. Antallet af punkter bør IKKE overstige en linje, da det vil gå ud over overskueligheden på siden: Figur 8: Eksempel fra Institut for Produktion 9

10 Designspecifikationer for horisontal menu ALIGN: HØJRE FONTSIZE: 10PX LINE HEIGHT: 12PX FONTCOLOR: 6E6E6E PADDING LEFT: 6PX PADDING RIGHT: 6PX HOVER: UNDERLINE STYLE: DE ENKELTE PUNKTER ADSKILLES AF EN LODRET STREG BEMÆRKNING: AFSTAND FRA <H1> TIL TOPBILLEDET, SKAL VÆRE 42PX, NÅR DER ANVENDES HORISONTAL MENU Element 4 (attentionbokse) Den nederste sektion af siden kan bruges til at skabe opmærksomhed omkring bestemte elementer, som man ønsker at fremhæve yderligere. Farven afstemmes med farven i rektanglet i topbilledet (se beskrivelse af element 2) og farven i navigationsmenuen. I dette eksempel er attentionboksene anvendt til nyheder og nogle af de ressourcer biblioteket gerne vil gøre specielt opmærksom på. Længst til højre er indsat et logo fra netmusik.dk, som skal køre i nogle uger som en mere grafisk kampagne. Som nævnt under element 2 om topbilleder, kan man også vælge at lægge eget logo i attentionboksen længst til højre, hvis man ikke ønsker at inkludere logoet i topbilledet. Figur 9: Eksempel på attentionsbokse på bibliotekets forside 10

11 Figur 10: Eksempel på samarbejdspartners logo placeret i boksen længst til højre Disse attentionbokse skal ikke nødvendigvis være på alle hjemmesider. Eksempler på dette kan findes på webdesign.aau.dk. Designspecifikationer attentionbokse Størrelse og afstande De i eksemplet farvede bokse er: BREDDE: 290PX HØJDE: 140PX AFSTAND MELLEM BOKSE, BUNDE, GLOBAL NAVIGATIONSMENU, MIDTERFELT: 4 PX Boks længst til højre (figur 10 DEMDI logo): BREDDE: 192PX HØJDE: 140PX AFSTAND MELLEM BOKSE, BUNDE, GLOBAL NAVIGATIONSMENU, MIDTERFELT: 4 PX Fonte og overskrifter i boksene OVERSKRIFT: 18PX FONTSIZE: 9PX LINE HEIGHT: 20PX FARVE: VALGFRI MEN HELST HVID, SORT ELLER MØRKEGRÅ MARGIN LEFT: 12PX Element 5 (midterfelt) I midterfeltet er stedet kan der indsættes tekst og billeder (se figur 11) eller man kan være mere kreativ og dele siden op i flere felter, som kan anvendes til tekst, links, billeder, multimedieklip eller video (figur 12). Herefter er vist en side, hvor man bliver budt velkommen af tekst, og et eksempel hvor der er indsat et søgeformularfelt og skiftende multimedieklip. 11

12 Figur 11: Hjemmesiden tempus tourism.aau.dk Figur 12: Bibliotekets kommende hjemmeside med søgefelt til bibliotekets database og en række multimedieklip, der fortæller om biblioteket 12

13 Designspecifikationer for midterfelt BREDDE: 584PX MELLEMRUM TIL NAVIGATIONSMENU: 4PX HØJDEN SÆTTES ENTEN AF INDHOLDET ELLER STØRRELSEN AF NAVIGATIONSMENUEN Element 6 (footer) Her sættes kontaktinformation for pågældende hjemmeside i følgende rækkefølge: Organisationens navn Adressen for organisationen Telefonnummer for kontakt til organisationen Designspecifikationer for footer FONT FAMILY: VERDANA, ARIAL, SANS SERIF ALIGN: LEFT FONTSIZE: 9PX FONTCOLOR: HEX TOPMARGIN: 5PX Undersider Undersiderne på hjemmesiderne er i princippet blot en forsideskabelon, hvor midterfeltet er skiftet ud med almindelige artikler. Designspecifikationer for undersider FONT FAMILY: VERDANA, ARIAL, SANS SERIF H1 COLOR: SÆTTES EFTER FARVEN I NAVIGATIONSMENUEN OG REKTANGLET I TOPBILLEDET FONT SIZE: 18PX FONT WEIGHT: NORMAL AFSTAND TIL TOPBILLEDE: 26PX (UDEN HORISONTAL MENU) H2 COLOR: HEX FONT SIZE: 12PX FONT WEIGHT: BOLD Brødtekst COLOR: HEX 6E6E6E FONT SIZE: 11PX FONT WEIGHT: NORMAL AFSTAND TIL VENSTRE KANT: 10PX 13

14 Links COLOR: SAMME SOM H1 HOVER: UNDERLINE Browserkompatibilitet Websiderne skal kunne vises meget tæt på disse specifikationer i de nyeste udgaver af Internet Explorer, Firefox, Safari, Chrome og Opera. 14

15 Bilag 1: Designoversigt for AAU s hjemmesider 15

GRAFISK WORKFLOW Hjemmesidedesign

GRAFISK WORKFLOW Hjemmesidedesign GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline

Læs mere

KT OR LOW PRODUKTION // WORKFLOW

KT OR LOW PRODUKTION // WORKFLOW PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside

Læs mere

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW

Laura Svendsen Kernekompetencer GRAFISK WORKFLOW Laura Svendsen Kernekompetencer GRAFISK WORKFLOW website til drømmemadpakken Hvad? Opgaven er anden del af en opgave i to dele, et trykt produkt og et digitalt produkt. Vi fik udleveret tekst og billeder

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

Vejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8

Vejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8 Tabulex Hjemmeside Styling af sidemenuer Side 1 af 8 Styling af sidemenuer Sidemenuerne kan styles efter alle ønsker. Du skal vælge modulet: "Styling" på det niveau, hvor det skal have virkning. F.eks.

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow Grafisk Workflow REDESIGN AF GRAFISK FORUMS HJEMMESIDE Før Efter REDEGØRELSE OPGAVEN Da jeg ikke har noget med web at gøre på min elevplads, opfandt jeg en fiktiv opgave - nemlig at redesigne Grafisk Forums

Læs mere

Portfolio - Grafisk Workflow

Portfolio - Grafisk Workflow Portfolio - Grafisk Workflow Opgaven gik ud på at designe et website for en tatovør. Der skulle indgå forskellige elementer på hver enkel side, samt overholdes nogle fastsatte krav. Vi skulle arbejde ud

Læs mere

Designmanual for logo, film og webdesign

Designmanual for logo, film og webdesign Monkie Studio 19. december Designmanual for logo, film og webdesign Version 1.1 af designmanual. Denne manual gælder for Monkie Studios to logoer og webdesign. Derudover dækker den også filmen "Wake Up"

Læs mere

Nolde Museet. I gang med Dreamweaver. Opgave. Opgavebeskrivelse. Layout. Mål og CSS

Nolde Museet. I gang med Dreamweaver. Opgave. Opgavebeskrivelse. Layout. Mål og CSS Opgavebeskrivelse Lav en webside om i Sønderjylland. Opgaven fører dig igennem de basale ting, hvad angår opbygningen af en side med CSS. Der er ikke tale om et komplet site, men du kan bruge opgaven som

Læs mere

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside Hardeknud gruppe Brugermanual Tilegnet redaktører af gruppeweb hjemmeside Indhold Indledning... 4 Om denne brugermanual... 4 Formålet med Gruppeweb... 4 Hjemmesidens opbygning... 4 Redaktører... 5 Log

Læs mere

Kom godt i gang. Sitecore Foundry maj Version 1.1

Kom godt i gang. Sitecore Foundry maj Version 1.1 Sitecore Foundry 4 Kom godt i gang 26. maj 2014 - Version 1.1 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...

Læs mere

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Systemkrav For at kunne bruge Composite kræves: Windows 95 eller nyere (bemærk - kun Windows kan bruges) Browseren Internet Explorer 6.0 eller

Læs mere

Grafisk produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

Læs mere

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: STILHISTORIE Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: http://www.mediegrafiker-ats.dk/12gf32med8b/stil/maria/ Opgaven I forbindelse med et tema omhandlende

Læs mere

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik. GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har

Læs mere

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indledning:... 2 Metode 1 en samling af sider, med kun en engelsk version:... 3 Metode 2 Eksisterende sider med både en dansk og en engelsk

Læs mere

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

Læs mere

Active Builder - Brugermanual

Active Builder - Brugermanual Active Builder - Brugermanual Version: Release 2.0 Sprog: Dansk Copyright 2014 - Talk Active ApS INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE... 2 1. HURTIGT OVERBLIK... 4 1.1 Vælg URL:... 4 1.2 Vælg en skabelon:...

Læs mere

Design manual for Bifrost

Design manual for Bifrost Design manual for Bifrost Farver - Skalaer - Anvendelse - Web anvendelse Bomærke - Skabelse Logotype - Snit - Benyttelse Brødtekstfont - Snit - Benyttelse Region bomærke - Farver - Valg - Form Andre benyttelser

Læs mere

Vigtige funktioner i Word 2003

Vigtige funktioner i Word 2003 Vigtige funktioner i Word 2003 Indhold Husk... 2 Skrifttype... 2 Skriftstørrelse... 3 Overskrifter... 4 Andre vigtige funktioner... 5 Margen... 6 Linjeafstand... 7 Ordoptælling... 8 Sidetal... 10 Sidehoved

Læs mere

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.

Læs mere

Indholdsfortegnelse. Designmanual Borsen.dk 1. Farver 01. Fonte 02. Ikoner og knapper 03. Menuen 04. Bannere 05. Generelle mål 06. Grafikelementer 07

Indholdsfortegnelse. Designmanual Borsen.dk 1. Farver 01. Fonte 02. Ikoner og knapper 03. Menuen 04. Bannere 05. Generelle mål 06. Grafikelementer 07 Indholdsfortegnelse Designmanual Borsen.dk 1 Introduktion..................................................... 02 Farver 01 Fonte 02 Ikoner og knapper 03 Menuen 04 Bannere 05 Generelle mål 06 Grafikelementer

Læs mere

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse Blogs Om blogs http://www.it-borger.dk/den-nye-it-verden/internet/blogs Om at oprette blogs http://www.it-borger.dk/laer-om-it/internet/nar-du-vil-pa-nettet/blogs/sadan-laver-du-en-blog Råd når du laver

Læs mere

Indre Missions. Vejledning til TYPO3

Indre Missions. Vejledning til TYPO3 Indre Missions Vejledning til TYPO3 Manual til Typo3 på IM's server 1. Udgave, januar 2010 Daniel Damm, IT afdelingen, Indre Missions Hus Indholdsfortegnelse Indledning...5 Præsentation af begrebet CMS...6

Læs mere

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder: Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.

Læs mere

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

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

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015 1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur

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

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

Læs mere

ActiveBuilder Brugermanual

ActiveBuilder Brugermanual ActiveBuilder Brugermanual Forfatter: TalkActive I/S Dato: Juni 2004 Version: R. 1.01 Sprog: Dansk Copyright 2004 - Talk Active - all rights reserved. Indhold: 1. INDLEDNING...2 2. QUICK-START...3 3. OPBYGNINGEN

Læs mere

ErhvervsAkademi Sjælland. Visuel identitet og designretningslinjer

ErhvervsAkademi Sjælland. Visuel identitet og designretningslinjer ErhvervsAkademi Sjælland Visuel identitet og designretningslinjer Indholdsfortegnelse Formål 2 Værdierne bag EASJ s visuelle identitet 2 - Fællesskab 2 - Mangfoldighed 2 - Udvikling 2 Elementer i logoet

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Lav en hjemme side der kan sælge fly billetter til en stor i Europa. EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal

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

Flash Logic Free CMS. Manual og brugervejledning

Flash Logic Free CMS. Manual og brugervejledning Flash Logic Free CMS Manual og brugervejledning Indhold: 1. Funktionalitet 2. Fil-oversigt 3. Baggrundsbillede 4. Banner-billede 5. Redigering af tekst 6. Brug af html-tags 7. Web site navn 8. Upload til

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

Lav din egen forside i webtrees

Lav din egen forside i webtrees Lav din egen forside i webtrees Du behøver ikke at kunne kode eller gøre noget advanceret for at designe din helt egen forside i webtrees. Alt du skal gøre er bare at gøre brug af den indbygget editor.

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

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

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat Projekt-studieweb Om kommunikationsteorierne Morten, Jacob, Kristian og Cihat Gestaltlovene Loven om nærhed Loven om lukkethed Loven om lighed Loven om forbundethed Loven om fortsættelse Loven om figur

Læs mere

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt. HTML & CSS 1 Efterlyst! All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduktion

Læs mere

I denne manual kan du finde en hurtig introduktion til hvordan du:

I denne manual kan du finde en hurtig introduktion til hvordan du: VORES NORDSJÆLLAND HURTIGT I GANG MANUAL 01: Bruger HVAD INDEHOLDER DENNE MANUAL? I denne manual kan du finde en hurtig introduktion til hvordan du: 1. Finder Vores Nordsjælland hjemmesiden 2. Opretter

Læs mere

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner. GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge

Læs mere

Den Sociale Retshjælp

Den Sociale Retshjælp Den Sociale Retshjælp Design Manual 1 Indhold På de følgende sider finder du det designprogram, som Den Sociale Retshjælp arbejder ud fra. Med det ved hånden er du i stand til at designe løsninger til

Læs mere

Jobnet.dk designmanual. Version

Jobnet.dk designmanual. Version Jobnet.dk designmanual Version 04.00 15.02.2013 Arbejdsmarkedsstyrelsen 2013 GENERELT Browser kompatibilitet Jobnet.dk udvikles med brug af CSS3, hvilket gør det væsentligt nemmere at vedligeholde alting.

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

Udarbejdet af Birte marie Linnebjerg den 31. juli 2016.

Udarbejdet af Birte marie Linnebjerg den 31. juli 2016. Oprette ma nedsbrev og sende det ud Udarbejdet af Birte marie Linnebjerg den 31. juli 2016. 1 I vores nye portal er det meget simpelt at oprette et månedsbrev, der udsendes via Mandrill, som sikrer, at

Læs mere

Designmanual. Bilag 04

Designmanual. Bilag 04 Designmanual Tekst logo: Gruppens logo er RER (står for Red Eyed Rabbit). Det er enkelt og stilrent, men samtidig lidt rustikt, hvilket kendetegner gruppen godt, med den mørkere lidt alternative stil.

Læs mere

Mit grafiske workflow inkluderer:

Mit grafiske workflow inkluderer: GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være

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

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

GRAFISK WORKFLOW. Proces. Kodning. Fonts: P f t r o o i l o 1 H GRAFISK WORKFLOW»Vi skal bruge en hjemmeside, så vi kan få fat i patienterne til vores botilbud. Ellers risikerer vi at de vælger noget andet. Der skal laves logo, samt lærringsvideoer«proces

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

Januar Designguide. Designguide til Nibe Bryghus. Lavet af:

Januar Designguide. Designguide til Nibe Bryghus. Lavet af: Januar 2015 Designguide Designguide til Nibe Bryghus Lavet af: Forord Design guide Nibe Bryghus Design Guiden er rettet mod Nibe Bryghus, så de let og hurtigt kan se, hvilke designelementer, som er blevet

Læs mere

DESIGNMANUAL DIGITAL

DESIGNMANUAL DIGITAL DESIGNMANUAL DIGITAL Januar 2016 INDHOLD INDLEDNING 5 1. ELEMENTER 6 1.1 LOGOER 7 1.1.1 Primære logoer 7 1.1.2 Sekundære logoer 8 1.2 FARVER 9 Farver, Global 9 Farver, Kanal 4 9 Farver, 6 eren 9 Farver,

Læs mere

Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave

Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave Til Tutorlægen Velkommen til den elektroniske portefølje. Den er blevet til i dialog mellem Dansk selskab for almen medicin og

Læs mere

1. Værktøjspaletten i Photoshop Elements.

1. Værktøjspaletten i Photoshop Elements. Introduktion til redigering af billeder i Photoshop Elements Kort om brug af billeder til hjemmesiden. Som udgangspunkt må du ALDRIG bruge billeder, som du har fundet på Google. Eneste undtagelse er bogforsider.

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

Vejledning til vedligehold af

Vejledning til vedligehold af Vejledning til vedligehold af www.ajsport.dk Udarbejdet af Helle M. Klausen Indhold Sådan logger du på... 2 Sådan logger du af... 2 Hvad er ikke tilladt under vedligehold af www.ajsport.dk?... 2 Kan www.ajsport.dk

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

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

Mark André Lyhne. Eksamen 2012. 12web1b

Mark André Lyhne. Eksamen 2012. 12web1b Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

Læs mere

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides

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

WEB kursus I. Grundkursus i CMS

WEB kursus I. Grundkursus i CMS WEB kursus I Grundkursus i CMS 1 Link til manual på intranet: http://intranet.regionsyddanmark.dk/cmsmanual Nyttig information Support telefonnummer: 65 41 32 25 Support e-mail: websupport@regionsyddanmark.dk

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

Læs mere

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV COPENHAGEN Opgaven Kunden The Organic Bakery er en voksende bagerkæde i Storkøbenhavn med hovedsæde på Østerbro. Bageriet beskæftiger sig med økologisk bagværk, herunder brød og kager. Det, de er mest

Læs mere

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

GRAFISK WORKFLOW - RESPONSIV WEBSIDE GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med

Læs mere

Portfolio - sunestenild.dk

Portfolio - sunestenild.dk Portfolio - sunestenild.dk Grafisk produktion og workflow Anvendte programmer: Opgavebeskrivelse: Jeg vil gerne lave en hjemmeside som promoverer mig selv i forhold til kommende arbejdsgivere og eventuelle

Læs mere

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

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

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

GRAFISK DESIGN. webdesign af pl.dk

GRAFISK DESIGN. webdesign af pl.dk Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig

Læs mere

Sådan tager du grundkurset i hjv.dk

Sådan tager du grundkurset i hjv.dk Sådan tager du grundkurset i hjv.dk Hjemmeværnskompagni Jyske Ås 30. april 2015 1 Kom i gang med Forsvarets Elektroniske Skole (FELS) Alle medlemmer i HJV skal tage et grundkursus i at bruge hjv.dk. Dette

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

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

Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse

Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse Jesus Kr istus - Ev ig Konge e g n o K g i v E s u t s i r K Jesus Jesus Kristu s - Evi g Kon ge Opgaven Opgaven går ud på, at lave en hjemmeside, enten som en præsentation af noget, eller en kampagne

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk SKAT.dk side 1 af8 1) Gå ind på www.skat.dk I adresselinjen Tast borger og CTRL + ENTER (Internet Explorer) Eller tast www.skat.dk Du ser nu dette skærmbillede: 2) Klik på ordet Borger Her er en masse

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

Indsæt og opret et billede på én gang

Indsæt og opret et billede på én gang Indsæt og opret et billede på én gang Du kan nu oprette og indsætte billeder på forside og tekst-sider og felter i én arbejdsgang altså uden at først oprette dem i Mediearkivet. Billeder kan indsættes

Læs mere

Brugermanual til vandværkshjemmeside. Opsætning af sider og menu er

Brugermanual til vandværkshjemmeside. Opsætning af sider og menu er Brugermanual til vandværkshjemmeside Opsætning af sider og menu er 1 Forside 3 Liste Tre sideopsætninger: 1 Forside 2 Standard 3 Liste 2 Underside Sideopsætninger Siden er opdelt i: Kolonner & Afsnit Alt

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 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

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

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv. Grafisk Design Kunden Mindfullife er en forskningsinvolveret undervisnings- og uddannelsesvirksomhed indenfor mindfulness-baseret intervention. De tilbyder kurser, retreats og uddannelse centreret omkring

Læs mere

Redaktørmanual TYPO3 Version 6.2

Redaktørmanual TYPO3 Version 6.2 Redaktørmanual TYPO3 Version 6.2 www.t3cms.dk TYPO3 Manual Version 6.2 Side 1 af 20 T3CMS Tlf: 70 25 00 22 Indholdsfortegnelse Generel info om TYPO3 3 Rediger din side 4-6 Indsættelse af links 7 Indsæt

Læs mere

Indholdsfortegnelse: Forord Logo Farver Skrifttyper Billeder Opsætning. Forord:

Indholdsfortegnelse: Forord Logo Farver Skrifttyper Billeder Opsætning. Forord: Designmanual Indholdsfortegnelse: 3 Forord Logo Farver Skrifttyper Billeder Opsætning 3 4 6 8 10 11 Forord: Denne designmanual indholder retninglinjer i forbindelse med partiet Midterpartiet. Heri beskrives

Læs mere

Online annoncespecifikationer

Online annoncespecifikationer ClickTAG Streaming video Brugeraktiveret lyd Standardmål 728x90 15 sekunders animation Opdateret 24. juli 2008 Annoncering på BilBasen Fakta om BilBasen ApS Bilbasen.dk er Danmarks største bilsite med

Læs mere

Vejledning til brug af pileforeningen.dk for redaktører.

Vejledning til brug af pileforeningen.dk for redaktører. Vejledning til brug af pileforeningen.dk for redaktører. Log in: Gå ind på: http://pileforeningen.dk Tryk på Login for medlemmer Brugernavn: contentmanager. Password: 1234 Når du er logget ind kan du se

Læs mere

Designmanual til FOA.dk. Seneste redigeret: 21. juli 2006/pilo

Designmanual til FOA.dk. Seneste redigeret: 21. juli 2006/pilo Designmanual til FOA.dk Seneste redigeret: 21. juli 2006/pilo Farver Sider på sitet: Afdelinger, FOA Fælles og A kasse sider har samme blå farve, som bruges ved faktabokse, linkbokse mv. FOA Fælles, A

Læs mere

Skærmlayout på websiden

Skærmlayout på websiden Skærmlayout på websiden Af Kaj Søndergaard En bog i et flot layout er dejlig at få i hånden. Man får lyst til at bladre i bogen for at finde ud af om indholdet ser ud til at være værd at ofre tid på. Hvis

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

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

Få adgang til medieovervågningen

Få adgang til medieovervågningen Få adgang til medieovervågningen Som ansat har du mulighed for at modtage den daglige medieovervågning, som Forsvaret og Forsvarsministeriet abonnerer på. Medieovervågningen giver dig adgang til artikler

Læs mere

Opsætte f.eks. en rejsebeskrivelse med tekst og billede i Draw side 1

Opsætte f.eks. en rejsebeskrivelse med tekst og billede i Draw side 1 side 1 Hvis man vil lave en opsætning af rejsebeskrivelse og billeder, kan man også gøre det i DRAW. Denne vejledning vil vise hvordan man indsætter hjælpelinjer så man laver en pæn opstilling med billede

Læs mere