e-tinglysningsprojektet
|
|
- Pernille Jensen
- 8 år siden
- Visninger:
Transkript
1 E-BUSINESS SOLUTIONS FROM CSC e-tinglysningsprojektet Løsningsspecifikation: Design Guide Dokumentoplysninger Titel: Projekt: e-tl Løsningsspecifikation, Design Guide e-tl (Elektronisk Tinglysning) Placering: C:\prj\etl-doc\Documentation\TOC\01 Løsningsspecifikation Design Guide v1.0.doc Ikrafttrædelse: 24. april 2007 Forfatter: Mikkel Noe-Nygaard Bidragydere til dokumentet: Godkendt af: Domstolsstyrelsen Fordeling: Udskrevet: e-tl projektet
2 E-BUSINESS SOLUTIONS FROM CSC e-tinglysningsprojektet Løsningsspecifikation: Design Guide Ændringslog Version Dato Ændrede sider eller afsnit Kommentarer Første udgave. Endeligt godkendt af Domstolsstyrelsen. Fremsendes til Domstolsstyrelsen
3 E-BUSINESS SOLUTIONS FROM CSC e-tinglysningsprojektet Løsningsspecifikation: Design Guide 1 Design Guide Grafisk design af elektronisk Tinglysning
4 Indholdsfortegnelse 1 Design Guide Indledning Formål Designelementer Farvepalette Typografi Fonte Linksfarver Grafiske elementer Billeder Ikoner Gennemgående elementer Hjælp Footer Brug af alt og title tag Navigationsprincipper Sdeopbygning Grundlæggende navigationsprincipper Topbar Orientering i struktur Venstremenu Brugervenlighedsprincipper Overskueligt og forudsigeligt sidedesign Nedtonet og troværdigt design Brugerdialog Sideelementer Links Indholdsbokse / tekstfelter Retningslinier for bokse Bullets Ledetekster Radiobuttons og checkbokse Inputfelter Felter med fejl Obligatoriske felter System feedback Guides Guide til korte forløb Guide til længere forløb Faneblade Knapper Tabeller Style for tabeller Paging Lister Grupperet liste Indekseret liste! Andre elementer Forside på ekstern portal Områder...23 Løsningsspecifikation: Design Guide, v.1.0 Side 2 af 30
5 7.2 Horisontale linier Søgedialoger Simple Avancerede Søgeresultater Visning og sortering af resultater Kontekst (fx ejendomsoplysninger) Sideeksempler Løsningsspecifikation: Design Guide, v.1.0 Side 3 af 30
6 2 Indledning 2.1 Formål Design Guiden for e-tl indeholder et overordnet design og beskrivelse af de grafiske elementer og virkemidler som anvendes ved udviklingen af den eksterne og den interne portal. Brugergrænseflademæssigt vil den interne portal adskille sig i forhold til den eksterne; Funktionaliteten er ikke den samme. Rent grafisk vil de to portaler have samme look n feel farver, fonttype og -størrelser, måden at opbygge søgedialoger, tabeldesign, navigationsprincipper vil ikke adskille sig. Eksemplerne i denne guide tager udgangspunkt i eksempler fra den eksterne portal, men som nævnt ovenfor, vil disse blive genbrugt på den interne. Design guiden sætter således de overordnede retningslinier for udseendet af portalerne og vil derfor skulle være i overensstemmelse med Domstolsstyrelsens generelle design retningslinier. Guiden vil indeholde: Grafiske elementer, som f.eks. logoer, ikoner, knapper etc. Grafiske virkemidler, som f.eks. linjer, sektionsadskillelser, informationsbokse etc. Farveskema, der beskriver farver for forskellige elementer samt farvernes generelle anvendelse på portalsiderne. Tekst elementer, som f.eks. fonte, fontstørrelse, overskrifter, links, etc. Generel beskrivelse af brugervenlighedsprincipper, som f.eks. genveje og lignende, inklusiv tilgængelighed for handicappede. Generel beskrivelse af navigation mellem forskellige sider på portalen. Eksempler på anvendelsen af det grafiske design og de grafiske virkemidler på et antal eksemplificerede skærmbilleder. Guiden vil ikke indeholde: Design af specifikke skærmbilleder med konkrete felter. Formålet med denne design guide er dels at dokumentere det pågående design-arbejde for E- Tinglysning dels at danne grundlag for et videre udviklingsarbejde efter dette projekts afslutning Dette dokument er levende forstået på denne måde, at efterhånden som projektet skrider frem, vil vi være tvunget til at opfinde nyt design eller modificere det eksisterende, så nye funktionaliteter kan imødekommes på en æstetisk tilfredsstillende måde. Indholdet på de viste skærmbilleder er ikke endeligt i de fleste tilfælde er der tale om latinsk mumletekst eller tilfældige data, der blot skal give et indtryk af, hvordan siderne kommer til at se ud. Det kræver derfor at man abstraherer fra indholdet, men indtil videre udelukkende forholder sig til designet. Løsningsspecifikation: Design Guide, v.1.0 Side 4 af 30
7 3 Designelementer 3.1 Farvepalette Mørkerød Rød Sand Beige Mørkegrå #880C17 # A84D55 # F1EEE5 # D1CCBB # 625E56 R136 G12 B23 R168 G77 B85 R241 G238 B229 R209 G204 B187 R98 G94 B86 Den primære farve i Elektronisk tinglysning er mørkerød. Denne farve bruges til gennemgående designelementer, overskrifter og linkfarver. Rød bruges som baggrund på visse ikoner samt sorterede tabeloverskrifter. Farven sand bruges til baggrunde i hjælpe-, feedback og fejlbokse, knapper, horisontale breakers Boksenes rammer er beige. Mørkegrå bruges som tekstfarve til brødtekst og overskrift niveau 3. Derudover bruges en række sekundære, vertikale breakers, farver til andre elementer såsom inputfelter, vertikale breakers m.m. Disse farver er beskrevet ved det enkelte element. 3.2 Typografi Fonte Overskrift niveau 1 (H1): Georgia 18 px, bold, #880C17 (mørk rød), afstand efter 13 px, Overskrift niveau 2 (H2): Georgia 15 px, bold, #880C17 (mørk rød) Overskrift niveau 3 (H3): Verdana, 12 px, bold, #625E56 (mørk grå) Body: Verdana, 11 px, normal vægt, #625E56 (mørk grå), linie afstand: 18 px Linksfarver Se afsnit 6.1 Løsningsspecifikation: Design Guide, v.1.0 Side 5 af 30
8 3.3 Grafiske elementer Billeder Der anvendes ikke billeder i Elektronisk tinglysning og der foreligger derfor ingen retningslinier omkring farveholdning, motivvalg, størrelse og opløsning herfor. Fremvisning af indsendte indskannede dokumenter kan forekomme af gode grunde, kan der ikke defineres retningslinier hefor Ikoner Ikoner bruges til at angive objekter og hændelser på siden, som brugeren skal være specielt opmærksom på. Ikonerne designes således at de grafisk afspejler vigtigheden. Nedenfor er eksempler på ikoner, der anvendes i Elektronisk Tinglysning. Ikonerne er i de fleste tilfælde 10 * 10 pixels. Ikon Anvendelse Bullet & menupunkt Fejl Hjælp OK Luk vindue Vis oversigt Obligatorisk felt 3.4 Gennemgående elementer Hjælp Alle sider har en generel sidehjælp, der kan findes ved at trykke på hjælp linket i stabsmenuen (den menu, der ligger øverst til højre på alle sider). Derudover kan der være en felt specifik hjælpe tekst knyttet til de inputfelter, dropdowns, radiobuttons og checkbokse, der ikke er indlysende eller kan være flertydige i kraft af deres ledetekst. Løsningsspecifikation: Design Guide, v.1.0 Side 6 af 30
9 Figur 1 - Feltspecifikke hjælpeikoner og tekstboks Footer Nederst på alle sider findes en footer, med kontaktoplysninger. Kontaktoplysningerne reflektere naturligvis Tinglysningsrettens. Figur 2 - Footer Brug af alt og title tag Af hensyn til skærmlæsere har alle links forklarende alternative tekster (alt-tags). Tryk her er ikke en sigende alternativ tekst - Yderligere information om ejerskifteregler er. Løsningsspecifikation: Design Guide, v.1.0 Side 7 af 30
10 4 Navigationsprincipper 4.1 Sdeopbygning Siden er bygget op efter et standard galge princip med topbar, venstremenu og indholdsområde. Topbar: Fuld skærmbredde x 103 pixels (højde) Venstremenu: 196 pixels (bredde) x Resterende skærmhøjde Indholdsområde: Resterende skærmhøjde x resterende skærmbredde Figur 3 - Sideopbygning Indholdsområdet bygges op af elementer, der vertikalt følger hinanden adskilt af linieskift. Indholdsområdet anvender een kolonne. Brødtekst har en fast bredde 750 pixels: Vises tinglysning på en skærm, med en højre opløsning end 768 x 1024 fastholdes tekstbredden længere linier ville hæmme læsevenligheden. 4.2 Grundlæggende navigationsprincipper Elektronisk tinglysning anvender ikke frames. Hovedprincippet i Elektronisk tinglysnings navigation består af en topmenu, der styrer indholdet af en venstremenu. Fra venstremenuen igangsættes en række sideforløb med et vilkårligt antal trin, der indeholder deres egen seperate navigation trinene imellem. Løsningsspecifikation: Design Guide, v.1.0 Side 8 af 30
11 1 3 2 Figur 4 - Navigationsprincip 4.3 Topbar Topbaren indeholder logo, topmenu samt stabsfunktioner (hjælp, kontakt osv). Topmenuen indeholder et log ind link, der ændres til et log ud link, når brugeren er logget ind. Topbaren går igen på samtlige sider. Figur 5 - Topbar Generel margin: Til gradient: 4 px (venstre, top, højre). Margin til tekst: 9 px. Logo: Størrelse: 99 px * 75 px, Placering: 14 px højre, 14 px ned. Stabsfunktioner: Højrestillet, Geogia 11 px, # (mørk grå), Margin-top: 14 px, Margin-right: 9 px. o Mellemrum: 15 px + breaker (1 px * 12 px, # (mørk grå)) + 15 px. Områder: Georgia, 17 px, normal vægt, #880C17 (mørk rød). o Valgt område: Georgia, 17 px, normal vægt, #625E56 (grå). o Mellemrum: 17 px + breaker (horisontal linie: 1 px * 21 px, # CFCBC2 (lys grå) + 17 px. o Placering: 204 px venstre, 9 px over rød horisontal linie. (underkant tekst flugter med underkant logo) Rød horisontal linie: Margin 4 px (venstre + højre), højde: 6 px, #880C17 (mørk rød) o Placering: 9 px under logo. Løsningsspecifikation: Design Guide, v.1.0 Side 9 af 30
12 Gradient: Ligger som baggrund under stabsfunktioner og logo i hele sidens bredde. o o Margin: Venstre/top/højre: 4 px Størrelse: sidebredde * 44 px, o Farve: top: # F1EEE5 ( lys beige) - bund: #FFFFFF (hvid) 4.4 Orientering i struktur Det område brugeren har valgt fra topmenuen skrives umiddelbart over venstremenuen. Valgte elementer i venstremenuen skrives med fed skrift. Sidens overskrift svarer til det valgte element fra venstremenuen. 4.5 Venstremenu Figur 6 - Venstremenu 13 px vertikal afstand mellem rød horisonal linie og områdeoverskrift (her Personbogen). Områdeoverskrift: Georgia, 17 px, #880C17 (mørk rød), bold, 9 px indrykning ift rød horisontal linie (13 px ift selve siden). 9 px vertikal afstand mellem områdeoverskrift og første breaker i venstremenu. Breaker: 1 px * 180 px, #D8D8D6 (lys grå) 13 px vertikal afstand mellem breaker og første venstremenu element. Venstremenu element: Verdana, 11 px, #880C17 (mørk rød), normal, understreget (border-bottom: 1 px solid #E1C2C5 (lys rød)) o Hover: Understreget (border-bottom: 1 px solid #880C17 (mørk rød)) Løsningsspecifikation: Design Guide, v.1.0 Side 10 af 30
13 o Valgt: Bold o Bullet: 10 px * 10 px, bullet.gif, 5 px horisontal afstand til tekst. Linieafstanden er 18 px. Hvis et element fylder flere linier er dettes linieafstand 12 px. Øverste menu gruppe bruges til områdespecifikke elementer 26 px adskiller næste grupper, der indeholder generelle og mere gennemgående elementer. De øverste to elementgrupp er er statiske og ændrer ikke indhold. 13 px vertikal afstand til breaker. Ligeledes 13 px vertikal afstand herefter. Nederste menugruppe bruges til sidespecifikke elementer (dvs relevante links, actions el. Lign, der vedrører den side, brugeren ser). Disse elementer kan være forskellige fra side til side. o Bullet: 10 px * 10 px, grå bullet.gif, 5 px horisontal afstand til tekst. Afslutningsvis: 13 px vertikal afstand til breaker. Figur 7 - Kontekst placering i ventremenu Når der vises en kontekts, står denne mellem øverste og nederste menugruppe (13 px vertikal afstand før og efter): Løsningsspecifikation: Design Guide, v.1.0 Side 11 af 30
14 5 Brugervenlighedsprincipper Brugervenlighed defineres som: Nemt at lære: Hvor let er det for brugere at udføre en opgave første gang de stifter anvender et design. Effektivt: Hvor hurtigt kan brugere som kender designet udføre en opgave. Genkendeligt: Hvor hurtigt kan en bruger genlære brugen af designet, efter ikke at have anvendt det i en periode. Undgår brugerfejl: Hvor mange fejl begår brugere, hvor alvorlige er de, og hvor nemt kan en bruger komme videre efter en fejl. Tilfredshed: Hvor behageligt er det at anvende designet. Brugeres problemer med at anvende en portal kan deles op i forskellige kategorier. Statistisk set står informationsarkitekturen og indholdet for størstedelen af brugeres problemer med at anvende et site. Derudover har brugere problemer med: Søgning Side design Fancy grafisk design I designet er der derfor lagt vægt på: simpel søgning overskueligt og forudsigeligt sidedesign nedtonet og troværdigt design seriøsitet 5.1 Overskueligt og forudsigeligt sidedesign I designet er der lagt vægt på følgende simple regler, som også skal gælde for fremtidige sider til den interne og eksterne portal: Visuelle effekter anvendes til at angive prioritering af sideelementerne Overskrifter skal være større end underoverskrifter, underoverskrifter større end brødtekst. Standarder og de-facto standarder for web-design anvendes i videst mulig udstrækning Søg er et søgefelt efterfulgt af en knap hvor der står Søg. Løsningsspecifikation: Design Guide, v.1.0 Side 12 af 30
15 Sider er klart opdelt i forskellige områder til forskellig funktionalitet/indhold Navigation til venstre, funktioner til højre. Navigationselementer findes samme sted på samtlige sider Topmenu, venstremenu, stabsmenu øverst til højre. Sider identificeres klart med en overskrift Overskriften skal være lig med menupunktet eller linket, som har bragt brugeren til siden. Under overskriften er en vejledning generel for siden Denne side generelle vejledning er umiddelbart under sidens og har samme stil, størrelse og skrifttype som brødteksten for resten af siden. Følgende standard elementer findes på alle sider: o Website logo o Sidens navn (titel) o En kort generel vejledning til selve siden o Top-menu med adgang til hovedområderne på websitet o Venstremenu med adgang til indholdet på det aktuelle område o Stabsmenu med adgang til hjælp, søgning, log ind/ud, kontakt m.m. o Søgemulighed Det er tydeligt, hvad der er klikbart Alle links har understregning, når brugeren holder musen over linket, hvilket brugerne forbinder med klikbarhed. På siderne med portalfunktionalitet er princippet Less is more desuden anvendt, dvs. jo mindre der er på siderne jo mere anvendelige bliver de. Et vigtigt brugervenlighedskriterium er overskuelighed, som forsvinder, hvis siderne fyldes med for mange elementer. Dette betyder, at alle funktionaliteter og informationer skal have en berettigelse på de aktuelle sider. Det betyder til gengæld ikke, at grupper af information, der kan være indbyrdes relevante, skal deles ud på flere sider for at mindske indholdet på den enkelte side: Hvis informationerne er relevante har de også en berettigelse på siden. Princippet håndhæves ikke i en sådan grad at antallet af museklik stiger uhensigtsmæssigt det optimale er en fornuftig balance mellem minimalitet og navigation. Denne balance er ikke nødvendigvis den samme for den eksterne som for den interne portal. Når en ny side skal opbygges skal designeren overveje hvert element, som sættes på siden, om det: er nødvendigt giver mening Løsningsspecifikation: Design Guide, v.1.0 Side 13 af 30
16 står sammen med andre lignende elementer står hensigtsmæssigt i forhold til øvrige elementer på siden Hvad der er en hensigtsmæssig placering for et element på en side, vil afhænge af den specifikke situation. Elementerne beskrevet i denne guideline skal altid placeres, som beskrevet i guiden. 5.2 Nedtonet og troværdigt design Brugere reagerer negativt på fancy design i form af pop-ups, automatiske lyde, blinkende elementer, bevægeligt indhold mm. Pop-ups er derfor så vidt muligt undgået i designet. Standard grafisk udtryk for alt-tekster er anvendt, så brugerne er klar over, at der er tale om en vejledning til et givet element på siden. 5.3 Brugerdialog Brugergrænsefladen og indholdet på siderne er på dansk. Løsningsspecifikation: Design Guide, v.1.0 Side 14 af 30
17 6 Sideelementer 6.1 Links Verdana, 11 px, normal vægt, #880C17 (mørk rød) Links: Ingen tekstdekoration Visited: Ingen tekstdekoration Hover: Understreget (border-bottom: 1 px solid #880C17 (mørk rød)) Active: Fed Links i lister og venstremenu tilføjes en bullet (se Ikoner og 6.3 Bullets) Links i brødtekst markeres kun med farve. 6.2 Indholdsbokse / tekstfelter Figur 8 - Tekstboks Ramme: 1 px solid #DCD8D5 Baggrund: #F1EEE5 Padding: 9 px Retningslinier for bokse Bokse bruges til at fremhæve information, der skønnes særlig vigtigt for brugeren. Der må derfor ikke bruges mere end een boks på en side. Undtagelser herfra er forsiden, hvor hver enkelt tingbog præsenteres i en tekstboks. 6.3 Bullets Bullet lister bruges til at opremse et antal enkeltstående elementer. Brugen af bullet lister bør minimeres til ee n gang pr side, da effekten af listen ellers svækkes (denne side er et glimrende eksempel på svækket brug af bullets). Som bullets bruges et ikon med to større-end tegn: Løsningsspecifikation: Design Guide, v.1.0 Side 15 af 30
18 (10px * 10px - #880C17) Der s kal være 5 px mellem bullet og tekst. Grå bullets bruges kun til nederste gruppe navigationselementer i venstremenuen: 6.4 Ledetekster (10px * 10px - # ) Ledetekster placeres til venstre for inputfelter. Figur 9 - Inputfelter Som udgangspunkt må der kun placeres eet inputfelt pr linie. I tilfælde hvor flere felter hænger tydeligt sammen fx: dag, måned og år eller gadenavn, husnr og etage kan inputfelterne ligge på samme linie, såfremt det i afstanden mellem felt og ledetekst tydeliggøres for brugeren, hvilke der hører sammen (i ovenstående eksempel er afstanden mellem adressefeltet og ledeksten husnr større end afstanden mellem ledeteksten husnr og husnrfelt). Afstanden mellem ledetekst og inputfelt defineres af længden af den længste ledetekst, samt bredden af eventuelle ikoner (se evt Felter med fejl og Obligatoriske felter). 6.5 Radiobuttons og checkbokse Radiobuttons og checkbokse styles ikke udover standard html. Ledetekster for radiobuttons og checkbokse placeres umiddelbart til højre for disse elementer. Der må kun placeres een radiobutton eller checkboks pr linie. Figur 10 - Radiobuttons Ovenfor er vist et eksempel med radiobuttons. Samme placering anvendes for checkbokse, 6.6 Inputfelter Inputfelter antager tre forskellige bredder I systemet. Dette medfører en grafisk ro og overskuelighed. Feltbredden er henholdsvis 75, 210 og 410 pixels. Hvid baggrund Løsningsspecifikation: Design Guide, v.1.0 Side 16 af 30
19 Venstrejusteres Solid ramme 1 px, #1C5180 Ingen højdedefinition Felter med fejl Felter, der efter en validering viser sig at indeholde fejl eller mangler at blive udfyldt markeres med et ikon, der viser et udråbstegn: (10px * 10px - #880C17) Beskrivelse af fejl (med henvisning til feltets navn) og eventuel hjælp til udbedring skrives i en tekstboks med rød ramme og samme ikon (i stor størrelse) ovenfor hele formularen på denne måde vil brugeren hurtigt kunne overskue hvilke fejl hun har lavet og kan se, hvor i formularen fejlen opstod. Figur 11 - Felter med fejl Figur 12 - Fejl-ikon i stor størrelse Obligatoriske felter Obligatoriske felter markeres med en stjerne inden feltet. (10px * 10px - #880C17) Figur 13 - Obligatoriske felter Hvis brugeren mangler at udfylde en række obligatoriske felter, returnerer systemet en fejl og fortæller brugeren hvilke felter, han mangler at udfylde disse markeres med et udråbstegn (se ovenfor). Løsningsspecifikation: Design Guide, v.1.0 Side 17 af 30
20 Hvis brugeren HAR udfyldt et obligatorisk felt, og godkender formularen vil dette felts obligatoriske stjerne ikke vises anden gang i tilfælde af feedback fra systemet (hvis brugeren for eksempel har glemt at udfylde et ANDET obligatorisk felt) System feedback Figur 14 - System feedback Figur 15 - Feedback-ikon i stor størrelse Løsningsspecifikation: Design Guide, v.1.0 Side 18 af 30
21 6.7 Guides Guidens formål er at hjælpe brugeren gennem en kompliceret proces. Guiden er opdelt med en eller flere logisk grupperede funktioner på hvert trin og i en logisk rækkefølge. Brugeren kan frit navigere mellem guidens trin. Guiden kan til en hver til afbrydes. Guides vil primært blive anvendt i den eksterne portal, men vil også kunne forekomme i den interne Guide til korte forløb Figur 16 - 'kort' guide Strategi - Guides, hvor alle trin kan vises på een linie, anvender ovenstående design for Kort guide. Guideoverskrift Anvender typografien for Overskrift 2. Trinoverskrift Fremhæves i guideboxen (normal, bold) og på selve siden (Overskrift 3) Trinangivelse Højrestilles (overskrift 2) Alerts Ikoner ud for hvert enkelt trin angiver om trinnet er korrekt udfyldt, eller om der er fejl i de indtastede data Guide til længere forløb Figur 17 - 'lang' guide med skjult oversigt Løsningsspecifikation: Design Guide, v.1.0 Side 19 af 30
22 Figur 18 - 'lang' guide med vist oversigt Strategi - Guides, hvor IKKE alle trin kan vises på een linie, anvender ovenstående design for Lang guide. Guideoverskrift Anvender typografien for Overskrift 2. Trinoverskrift Fremhæves i guideboxen (normal, bold) og på selve siden (Overskrift 3) Trinangivelse Højrestilles (overskrift 2) Alerts Ikoner ud for hvert enkelt trin angiver om trinnet er korrekt udfyldt, eller om der er fejl i de indtastede data. Guideboxen kan vises ved at trykke på linket: Vis oversigt. Guideboxen skjules ved at trykke på linket: Skjul oversigt. Guideboxen er som standard skjult. 6.8 Faneblade Figur 19 - Faneblade Alerts Ikoner ud for hvert enkelt faneblad kan angive om der er noget information brugeren skal være særligt opmærksom på. 6.9 Knapper Figur 20 - Knapper Knapper placeres umiddelbart under den formular de vedrører. Knapperne venstrestilles. Løsningsspecifikation: Design Guide, v.1.0 Side 20 af 30
23 Der er 14 pixels mellem knapper Baggrund: #F1EEE5 Ramme: 1px, solid, #1C Tabeller Figur 21 - Tabel Style for tabeller Tabeloverskrifter: Verdana, 11px, Hvid, Fed Tabeloverskriftbaggrund: Mørkerød (aktiv sortering: Rød) Ulige linier baggrund: Hvid Lige linier: Sand, # F2F1ED Ramme: 1 px solid beige # DCD8D5 Padding: 3 px 6.11 Paging I de tilfælde, hvor et søgeresultate vil fylde mere end 2 skærmhøjder (cirka 40 hits) opdeles resultatet på flere sider. Løsningsspecifikation: Design Guide, v.1.0 Side 21 af 30
24 Paging-teksten følger retningslinier for links. På første og sidste side er henholdsvis Forrige og Næste linket inaktivt og farvet gråt: #A9A79B 6.12 Lister Lister findes i flere forskellige variationer. Grupperede, indekserede og sorterede Grupperet liste I en grupperet liste vises gruppens overskrift i fed (overskrift niveau 3). Hvert element i listen er et link til indholdet (og følger denne style). Hvert element markeres med en bullet. Figur 22 - Grupperet liste Indekseret liste! I en indekseret liste vises der et nummer ud for hvert element. Hvert element i listen er et link til indholdet. Figur 23 - Indekseret liste Løsningsspecifikation: Design Guide, v.1.0 Side 22 af 30
25 7 Andre elementer 7.1 Forside på ekstern portal Figur 24 Forside Forsiden på den eksterne portal består af fire områder, der repræsenterer de fire tingbøger. Hvert område har et ny anmeldelses og et forespørg -link. Disse link fører i princippet til samme side, men området, hvori man søger er forudbestemt. Forsiden følger ikke retningslinierne for sideopbygning. Den skal primært præsentere løsningen og fungere som indgang til underområder på den eksterne portal. Dette stiller krav til en fleksibilitet i sideopbygningen, der ikke kan imødekommes af standard layoutet Områder Det menupunkt brugeren har valgt i hovedmenuen vises umiddelbart over venstremenuen. I hovedmenuen ændrer det aktive punkt farve (#868175) Figur 25 - Områdevisning Løsningsspecifikation: Design Guide, v.1.0 Side 23 af 30
26 7.2 Horisontale linier En horisontal linie kan bruges før og efter en formular til at samle informationen på siden. En horisontal linie må ikke bruges til at adskille forskellige segmenter af en formular hertil skal blot bruges et linieskift og overskrift niveau 3 (H3). Figur 26 - Horisontal linie breaker 7.3 Søgedialoger Simple Figur 27 - Simpel søgedialog Avancerede Nogle søgedialoger kan have et antal ofte brugte inputfelter der retter sig mod alle brugere og et antal inputfelter, der i deres anvendelse mere retter sig mod avancerede brugere. For at gøre brugergrænsefladen brugervenlig for både almindelige brugere (fx. borgere, der måske gør brug af portalen een gang årligt) og avancerede brugere (fx advokatsekretærer med høj besøgsfrekvens), kan dialoger bygges op således, at de avancerede funktioner skjules og dermed ikke forvirrer almindelige brugere. Opdelingen af simple og avancerede dialoger er ikke et krav til brugergrænsefladen, men en mulighed der kan anvendes, hvor det skønnes hensigtsmæssigt at simplificere visse dialoger, uden at fratage avancerede brugere funktionalitet. Hvis en søgedialog har en simpel og en avanceret udgave kan der skiftes mellem de to udgaver ved hjælp af et link i bunden af dialogen. Figur 28 - Avanceret søgedialog skjult Løsningsspecifikation: Design Guide, v.1.0 Side 24 af 30
27 Figur 29 - Avanceret søgedialog vist 7.4 Søgeresultater Visning og sortering af resultater Visse tabeller indeholder data, der kan sorteres. Dette angives overfor brugeren ved en svag lys rød pil. Brugeren gøres ligeledes opmærksom på muligheden for at sortere tabellerne i beskrivelsen af siden. Klikker brugeren på en kolonneoverskrift, skifter baggrundsfarven til en lysere rød (#A84D55) og pilen bliver hvid, for at markere at det er denne kolonne, tabellen er sorteret efter. Klikker brugeren igen på overskriften sorteres tabellen i modsat retning. Figur 30 - Kolonne sortering Er tabellen sorteret fra starten, markeres dette på samme måde. Se også 6.11 Paging. Løsningsspecifikation: Design Guide, v.1.0 Side 25 af 30
28 7.5 Kontekst (fx ejendomsoplysninger) Under venstremenuen angives den aktuelle kontekst. Der kan være flere objekter i kontekstfeltet (fx kan eet pantebrev dække flere biler) i dette tilfælde har hvert objekt en bullet. Figur 31 Kontekst Løsningsspecifikation: Design Guide, v.1.0 Side 26 af 30
29 8 Sideeksempler I nedenstående eksempler er anvendt mumletekst så siderne ser realistiske ud i forhold til, indholdets størrelse og placering af tabeller, knapper, navigation og lignende. Selve indholdet - latinsk mumletekst såvel som mere eller mindre realistiske ord og udtryk er udelukkende medtaget for at illustrere sidens grafiske og funktionelle udtryk. Figur 32 - Sideeksempel m. guide og formular Løsningsspecifikation: Design Guide, v.1.0 Side 27 af 30
30 Figur 33 - Sideeksempel m. faneblade og tabel Løsningsspecifikation: Design Guide, v.1.0 Side 28 af 30
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 mereDesignmanual 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 mereActiveBuilder 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 mereLav 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 mereGalleri 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 mereActive 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 meree-tinglysningsprojektet
E-BUSINESS SOLUTIONS FROM CSC e-tinglysningsprojektet Løsningsspecifikation: Ekstern Portal Dokumentoplysninger Titel: Projekt: e-tl Løsningsspecifikation, Ekstern portal e-tl (Elektronisk Tinglysning)
Læs mereManual 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 mereDesignmanual BUTLER FM
Designmanual BUTLER FM 2015 Grontmij A/S, Facilities Management Forfatter: Rikke Carlsen, RIC Indhold Grid... 3 Afstande... 5 Fonte og typografier... 6 Farver... 7 Tabeller... 8 Andre elementer... 10 Ikoner...
Læs mereDet nye husdyrgodkendelse.dk Sagsbehandlermodulet Fra ansøgning til godkendelse V. 1.0 28/4 2011
2. Sådan kommer du fra ansøgning til godkendelse Før du kan komme i gang med at arbejde på en miljøgodkendelse, skal du have åbnet den tilhørende ansøgning. Det gør du enten ved at indtaste skemanummer
Læs mereRelease notes Januar 2014
Release notes Januar 2014 Det er vigtigt, I sletter midlertidige filer i jeres browser efter et nyt release af borger.dk, for at browseren ikke stadig anvender ældre komponenter herfra. For OPIS redaktører
Læs mereRedaktø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 mere7DVWHYHMOHGQLQJ#²#,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 mereAdministration 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 mereBrugervejledning til FOKUSpartnere
Indholdsfortegnelse LOGIN 3 GENERELT 3 BRUGERVEJLEDNING 4 VIRKSOMHEDSPROFIL 4 1) Virksomhedsnavn 6 2) Beskrivelse af virksomheden 6 3) Generel information 6 4) Yderligere information 6 5) Kontaktpersoner
Læs mereI 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 mereBRUGER KURSUS RAMBØLL HJEMMESIDE
Til Forsyningsvirksomheder i Danmark Dokumenttype Brugervejledning Rambøll Hjemmeside Full Responsive Dato Oktober 2017 BRUGER KURSUS RAMBØLL HJEMMESIDE BRUGER KURSUS RAMBØLL HJEMMESIDE Revision 01 Dato
Læs mereBrugermanual. - 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 mereManual 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 mereIndholdsfortegnelse 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 mereTilgæ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 mereMANUAL - Joomla! Version 1
MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 2 Log ind... 2 Ret i en artikel, der allerede er oprettet... 3 Opret ny artikel... 6 a) Skriv direkte i tekstfelt... 7 b) Indsæt tekst
Læs mereIndhold. 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 mereSå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 mereIndhold. 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 mereKom 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 mereMANUAL 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 mereGrafisk 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 mereMANUAL - 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 merevejman.dk Brugerdokumentation - kortmodul 14. marts 2012 Version 1.9
Brugerdokumentation - kortmodul 14. marts 2012 Version 1.9 Indholdsfortegnelse 1 Indledning... 3 1.1 Anbefalinger... 4 1.2 Datahjælp... 4 1.3 Brugerindstillinger... 5 2 Generel funktionalitet... 6 2.1
Læs mereIntroduktion til Indholdsredigering
Sitecore Foundry 4.0 Introduktion til Indholdsredigering 18. oktober 2013 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse
Læs mereIndholdsfortegnelse. 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[ Brevkasse (FAQ) ] Hvad kan modulet? detaljevisning i kapitlet Grundlæggende redigering, før du begynder at oprette
[ Brevkasse / FAQ ] 1 [ Brevkasse (FAQ) ] Brevkasse er et funktionsmodul til oprettelse, styring og præsentation af en brevkasse/faq (Frequently Asked Questions) på dit website. NB: Det er meget væsentligt,
Læs mereVejledning. 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 mereDenne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot
Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden
Læs mereManual 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 mereBrugermanual til munkebjergbykirke.dk
Brugermanual til munkebjergbykirke.dk Indhold Log ind... 2 Introduktion til redigeringssystemet... 3 Tilføj - tilføje nye artikler og emner... 4 Tilføj artikler... 5 Kalenderfunktionen... 7 Tilføj galleri...
Læs mereMiniguide for redaktører. Miniguide for redaktører. Leveret af DFF-EDB.dk
Miniguide for redaktører Miniguide for redaktører Leveret af DFF-EDB.dk 1 INDHOLD Hjemmesider i Umbraco... 2 1. Kom i gang med Umbraco... 2 1.1 Login... 2 1.2. Når du arbejder på siden, inden den er udgivet...
Læs merePowerPoint Præsentation
Tavlhøjcenteret PowerPoint Præsentation Brugen af de simple funktioner i PowerPoint 2007 Præsentation i forbindelse med slægtsforskning Opret en præsentation med dias tekster Oprettelse af animationer
Læs mereIndre 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 mereMANUAL. 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 mereMini-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 merePortfolioudvikling. 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 mereVigtige 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 mereGrundlæggende vejledning Navision
Grundlæggende vejledning Navision 1 Indholdsfortegnelse Indledning... 3 Brugergrænsefladen... 3 Forsiden... 3 Søgning i brugergrænsefladen... 6 Handlingsbåndet... 6 Faktabokse... 7 Oversigtspaneler...
Læs mereÆndringer i SLS efter teknologiomlægning Maj 2012
Ændringer i SLS efter teknologiomlægning Maj 2012 Baggrund Moderniseringsstyrelsen har gennemført en teknologiomlægning i SLS, for at sikre at vi også fremover kan vedligeholde systemet, og dermed udbetale
Læs mereVersion 1.2: 23/8-2015. Vejledning. Rapportskabelon til Word 2010/2013
Version 1.2: 23/8-2015 Vejledning Rapportskabelon til Word 2010/2013 Indholdsfortegnelse Indledning... 3 Installation af rapportskabelon... 3 Opret et nyt dokument til din rapport... 4 MIM Menu...... 5
Læs mereVEJLEDNING Udfyldelse af spørgeskemaet
VEJLEDNING Udfyldelse af spørgeskemaet Indholdsfortegnelse Introduktion... 3 Tekniske krav... 3 Adgang og forbindelse... 4 Navigation i spørgeskemaet... 7 Spørgeskemaets afsnit... 7 Navigationslinjen...
Læs mereTastemanual til Webbyggeren
Tastemanual til Webbyggeren Denne tastemanual er opbygget således, at eleverne skal lave deres hjemmeside i en allerede konstrueret hjemmesideskabelon, som de kan arbejde videre i, lægge tekst ind i, ændre
Læs mereSider, 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 mereDiagrammer visualiser dine tal
Diagrammer visualiser dine tal Indledning På de efterfølgende sider vil du blive præsenteret for nye måder at arbejde med Diagrammer på i Excel. Vejledningen herunder er vist i Excel 2007 versionen, og
Læs mereBilag 3A.7 Brugergrænseflader
Version 0.8 19-12-2014 Indhold 1 VEJLEDNING TIL TILBUDSGIVER... 4 2 INDLEDNING... 5 3 USER EXPERIENCE GUIDELINES (UX-GUIDELINES)... 6 3.1 GENERELLE UX-GUIDELINES... 6 3.1.1 MODTAGERORIENTERET SPROG...
Læs mereHjemmesidens layout. Sitecore Foundry maj Version 1.2
Sitecore Foundry 3.0 Hjemmesidens layout 31. maj 2012 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...
Læs mereIsenTekst 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 mereWebmail Gmail Generelt Side 1
Webmail Gmail Generelt Side 1 Webmail Gmail Generelt Side 2 Indholdsfortegnelse Oprette en Gmail...... Side 4 Indbakken Oversigt...... Side 9 Skriv en mail...... Side 11 Formateringsværktøjer...... Side
Læs mereStørre skriftlige opgaver i Microsoft Word 2007 Indhold
Større skriftlige opgaver i Microsoft Word 2007 Indhold Større skriftlige opgaver i Microsoft Word 2007... 1 Inddeling i afsnit... 2 Sideskift... 2 Sidetal og Sektionsskift... 3 Indholdsfortegnelse...
Læs merePortfolie 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 mereHeldigvis har systemet indbygget en hjælp, som man kan benytte, hvis denne vejledning ikke berører det opståede problem.
Indhold Introduktion...2 Hjælp...2 Office knappen...2 Menulinjen...3 Fast værktøjslinje Hurtig adgang...3 Menupunkter...4 Startside...4 Indsæt...5 Sidelayout...5 Referencer...6 Forsendelser...6 Gennemse...6
Læs mereSecureAware Opfølgning Manual
SecureAware Opfølgning Manual Manualen beskriver brugen af SecureAware version 3 Dokument opdateret: juni 2009 Om dette dokument Dette dokument er en vejledning i brug af opfølgnings-modulet i SecureAware.
Læs mereGUIDE 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 mereTypografi og layout i Word 2010
Ret&Rigtigt F12 Niels Erik Wille Typografi og layout i Word 2010 Papirformat og papirets orientering (højformat / bredformat) Vælges i menuen Sidelayout: Man kan vælge Retning (højformat / bredformat)
Læs mereQuick guide Dynamicweb 9. Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb
Quick guide Dynamicweb 9 Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb Indholdsfortegnelse Sådan logger du på... 3 Opbygning... 4 Beskrivelse af
Læs mereOK Fonden. Umbraco CMS Quickguide
OK Fonden Umbraco CMS Quickguide 1 Indhold 1 Indhold... 2 2 Indledning... 3 2.1 Kompatible browsere... 3 2.2 Log ind i Umbraco... 3 2.3 Naviger i administrationsområdet... 4 2.4 Brug af træ menu... 5 3
Læs mereBogfunktionen eller Slægtsbogen i FTM
Bogfunktionen eller Slægtsbogen i FTM En blandt mange af Family Tree Maker s styrker er evnen til at præsentere data på mange forskellige måder, og i dette skrift vil bogfunktionen blive gennemgået. Funktionen
Læs mereVejledning i redigering af apotekets hjemmeside
i redigering af apotekets hjemmeside It-afdelingen Januar 2007 INDHOLDSFORTEGNELSE FEJL! BOGMÆRKE ER IKKE DEFINERET. 1 INTRODUKTION 3 2 ADMINISTRATION 4 3 OPBYGNING 4 SIDER 5 FIL ARKIV 6 ARTIKLER 7 ØVRIGE
Læs mereTilgængelighedsmanual til CMS et for Københavns 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 til CMS et for Københavns Kommunes hjemmeside Version 1.2
Læs mereHjemmesiden 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 mereSå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 mereBRUGERMANUAL FLEXSCREEN
BRUGERMANUAL FLEXSCREEN INDHOLDSFORTEGNELSE Indledning...3 Login...3 Ændre password for en infoskærm...4 Ret tekst på siden...5 Indsæt et billede på siden...6 Opdel skærmen i kasser/bokse...8 Tilføj slide...10
Læs mereMichella+Serritzlew+Jacobsen+
Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5
Læs mereWord-5: Tabeller og hængende indrykning
Word-5: Tabeller og hængende indrykning Tabel-funktionen i Word laver en slags skemaer. Word er jo et amerikansk program og på deres sprog hedder skema: table. Det er nok sådan udtrykket er opstået, da
Læs mereNår du på Pro2tal Bager s hjemmeside: www.bagernettet.dk klikker på ikonet
Når du på Pro2tal Bager s hjemmeside: www.bagernettet.dk klikker på ikonet kommer følgende login billede til Bagersystemet: Indtast dit brugernavn og adgangskode og tryk Enter eller klik på knappen Logon.
Læs mereKT 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 merePOWERPOINT PRÆSENTATIONER
1 POWERPOINT PRÆSENTATIONER PowerPoint er specielt designet med henblik på at skulle præsentere data på skærm eller lærred. F.eks. i en undervisnings- eller foredragssituation. Præsentationerne kan enten
Læs mereTegneserien - Kom godt i gang. Mikro Værkstedet A/S
Tegneserien - Kom godt i gang Mikro Værkstedet A/S Tegneserien - Kom godt i gang Mikro Værkstedet A/S Revision 1.14, 15. maj 2007 Indholdsfortegnelse 1. Forord... 1 2. Kom godt i gang... 3 2.1. Opstart
Læs mereVejledning 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 mereOktober Dokumentpakker
Oktober 2017 Dokumentpakker Dokumentpakkerne er et værktøj til at udskrive dynamiske breve, som har en standardtekst i brevet, og hvor der automatisk sættes blandt andet patientens navn, adresse og aftaletid
Læs mereBrugervejledning 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 mereSchultz lovportaler. Kvikguide
Version: 1.4 Forfatter: MRN Dato: 01.09.2014 Indhold 1 FORSIDE ET OVERBLIK... 3 2 SØGEFUNKTION... 4 2.1 GENERELLE SØGEPRINCIPPER... 4 2.1.1 SØGEFELT... 4 2.1.2 SØG VIDERE... 4 2.1.3 BEDSTE MATCH... 4 2.1.4
Læs mereManual til LOF s hjemmeside November 2018
Manual til LOF s hjemmeside November 2018 Indholdsfortegnelse 1. Login i Umbraco... 4 1.1 Glemt adgangskode... 4 2. Ordbog... 5 2.1 Ordbog Hjemmeside... 5 2.2 Ordbog Umbraco... 6 3. Forhåndsvisning...
Læs mereTypografi og ombrydning
Typografi og ombrydning Maria Gjedsted MG25 2. skoleperiode Denne opgave har jeg vaglt at fremhæve, da jeg lærte at bleve fortrolig med at arbejde i tabeller. Det var også en udfordrende opgave i og med
Læs mereBRUGERVEJLEDNING TIL SYSTEMET LBF STAMDATA
BRUGERVEJLEDNING TIL SYSTEMET LBF STAMDATA FOR ALMENE BOLIGER Indledning... 1 Overblik... 1 Brug af søgefunktionaliteten... 3 A - Gruppering af data... 3 B - Søgning... 4 C - Begrænsning på organisationstyper...
Læs mereSådan bruger du Schultz lovportaler
Sådan bruger du Schultz lovportaler Indhold 1 OM SCHULTZ LOVPORTALER... 2 2 KOM GODT I GANG... 3 2.1 LOGIN OG NYHEDSABONNEMENT... 3 2.2 FIND RUNDT I PORTALERNE... 5 3 SØGNINGER... 7 3.1 SØGEFELTET... 8
Læs mereVejledning til ny brugergrænseflade i Navision 7.0
Vejledning til ny brugergrænseflade i Navision 7.0 1 Indholdsfortegnelse Indledning... 3 Brugergrænsefladen... 4 Forsiden... 4 Søgning i brugergrænsefladen... 6 Handlingsbåndet... 6 Faktabokse... 7 Oversigtspaneler...
Læs mereVejledning i Powerpoint
Indholdsfortegnelse Startdias Startdias... 1 Indsætte nyt dias... 1 Tekst... 1 Links til web... 2 Indsæt et billede... 2 Lyd... 3 Baggrund... 3 Animation... 3 Handlingsknapper... 4 Redigering... 6 Overgange...
Læs mereManual 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 mere1 Robbins, Jennifer N.: Learning Web Design, s. 41
I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende
Læs mereHer ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.
Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen
Læs mereTitel Overskrift. Hold den kort og præcis! Som Førtidspension & Skånejob. Andet relevant information skal stå i resumefeltet.
Oprettelse af Indholdsside fra a-z For at oprette en side skal du vælge en indholdstype, som i de fleste tilfælde er en Indholdsside. Herefter skal du udfylde felterne; på en indholdsside skal du koncentrere
Læs mereDrejebog 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 mereGrafisk Design Guideline
Grafisk Design Guideline SKAT Portal Forfatter (Author): Kim Bille Version: 05.00 Oprettet (Created): 12-06-2006 Seneste ændret (Last Modified): 08-09-2008 15:33
Læs mereLOGON Billede: Ved logon, er det vigtigt at der er vinget af i feltet Default miljø og rolle.
ASPECT4 Client En af de største og mest markante ændringer i den nye klient ASPECT4 version 3 er en kraftigt forbedret grafisk klient med en helt nydesignet arbejdsplads mod ASPECT4 funktionerne. LOGON
Læs mereSpiseliv 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 mereTekstbehandling. Word 2007 Trin 1. Bodil Alexandersen
Tekstbehandling Word 2007 Trin 1 Bodil Alexandersen Oktober 2011 Indhold: Grundlæggende regler... side 3 Indstil skærmbilledet... side 4 Midtstilling, Højrestilling og Understregning Fed og Kursiv skrift...
Læs mere1.0 Velkommen til manualen for Editor 1. 1.1.1 Editorens typiske udseende 1. 1.1.2 HTML-kode 1. 1.1.3 Generelle funktioner og deres ikoner 2
1.0 Velkommen til manualen for Editor 1 1.1 Editoren 1 1.1.1 Editorens typiske udseende 1 1.1.2 HTML-kode 1 1.1.3 Generelle funktioner og deres ikoner 2 1.2 Værktøjslinjer 2 1.3 Ikoner 2 1.3.1 Liste over
Læs mereVejledning til opbygning af hjemmesider
Side 1 af 9 Vejledning til opbygning af hjemmesider Hvis du er inde på din klubs hjemmeside, fx på forsiden, kan du nu gå i gang med at redigere. For at få redigeringsværktøjet frem, skal du klikke på
Læs mereSitecore - basisvejledning Version 2. September 2010
Sitecore - basisvejledning Version. September 00 Sådan opretter du en ny artikelside... Sådan omdøber du et artikelnavn så du får vist æ,ø og å... Sådan udgiver (publiserer) du nyt eller redigeret indhold...4
Læs mereVejledning i brug af Interbook. Lokalebooking-program for foreninger, kommunale skoler og Tønder Hallerne.
Vejledning i brug af Interbook Lokalebooking-program for foreninger, kommunale skoler og Tønder Hallerne. 1 Indledning Tønder Kommunes lokalebookingsystem og foreningsportal (Interbook) er et program,
Læs mereVejledning 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