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

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Starte visningen fra side:

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

Transkript

1 Tabulex Hjemmeside Styling af sidemenuer Side 1 af 8

2 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. kan du som her style på øverste niveau. Herefter arver det ud på hele dit site, dvs. siden og alle undersider. Her starter al styling af sidemenuer. Side 2 af 8

3 Styling er opdelt i 4 hovedsektioner: 1. Opsætning: Dette er den ydre ramme omkring sidemenuen. Her kan du vælge at lave baggrundsfarve til hele sidemenuen eller rammekanter til hele sidemenuen. Her kan man også sætte en generel fontstørrelse for hele menuen. 2. Niveau1: Dette er menuerne på øverste niveau i sidemenuen. 3. Niveau2: Dette er de første undermenuerne på sidemenuen. 4. Niveau3: Dette er det nederste niveau, der kan styles eller under-undermenuer til sidemenuen. Princippet i arv virker også her: Hvis man sætter en værdi på et højere niveau, så arver det nedefter, medmindre værdien for det samme er sat længere nede. Eksempel: Lad os sige at du sætter fontstørrelsen på "tekst" i "Opsætning" - så arver det til alle dine undermenuer. Hvis du sætter en værdi på 2. niveau, så arver det kun til 3. niveau. Men 1. niveau vil have den generelle værdi. Lad os prøve nogle typiske eksempler: A. Fede menuer niveau2: Problem alle mine undermenuer bliver "bold" (fed), når jeg vælger et hovedmenupunkt. Løsning: Sidemenu --> niveau2 --> "Tekst normal"--> Skrift --> Sæt "Skrift: tykkelse" Sættes til "normal". Husk at gemme! Side 3 af 8

4 B. Indryk på mine undermenuer niveau2 og 3 Problem: Jeg vil gerne have mindre indrykning på menuerne. Løsning: Gå i Opsætning --> Linjer (og ikoner) --> Sæt Afstand > Afstand: venstre = "10" "px". Sæt den til 0 "px", hvis du slet ikke vil have indrykning. Værdien arver i hele menuen. Dvs. det gælder også under-undermenuer. Her sættes den generelle indrykning. C. Sidemenuen må godt være bredere Problem: Jeg vil gerne gøre plads til mere tekst i alle menulinjer og må derfor gøre sidemenuen bredere. Løsning: Sidemenu --> Opsætning --> Ydre ramme --> Størrelse --> Bredde Sæt værdien til eksempelvis 200 pixels, så har du gjort menuen 20 pixels breddere. D. Sidemenuen må godt ligge helt ude i hjørnet Problem: Jeg vil gerne have sidemenuen helt ude i hjørnet, da den skal have sin egen farve. Løsning: Sidemenu --> Ydre ramme --> Margin --> Margin-top - venstre og bund sættes til -20 "px" Sæt herefter eventuelt værdien afstand (padding) til 10 "px" i stedet. Ellers ligger menupunkterne helt ude på kanten. Side 4 af 8

5 E. Menuen skal have en lodret streg til højre Løsning: Sidemenu--> Opsætning --> Ydre Ramme --> Ramme Sæt: ramme stil højre --> Solid ramme bredde højre --> 1 "px" ramme farve højre --> Kan du evt. sætte til en lys/mørk grå (frem for sort) F. Jeg vil gerne have mit eget ikon foran menupunkterne Først skal du lave designe dit eget ikon. Ikonet skal passe med linjehøjden. Dvs. tag dit logo eller lignende og åbn det med et billedeprogram. Resize det f.eks. til 16 pixels i højden (gør billedet meget lille). Gå i sidemenu: Opsætning --> linjer og ikoner -> Baggrund Sæt: Baggrund billede: "mitlogo.jpg" Baggrund gentagelse: no-repeat Baggrund placering: top-left Sæt eventuelt: Opsætning --> linjer og ikoner -> Afstand --> Afstand: bund: "få pixels" Afstand --> Afstand: top: "få pixels" Det sidste gøres for at centrere ikonet lodret. Tip! Man kan fjerne ikonet på lavere niveau1 ved at uploade et "tomt billede" under linjer og ikoner. F.eks. 1 pixel grå. Nedenfor har vi vedhæftet disse idéer og andre ideer, som dokumentation. Side 5 af 8

6 Dokumentation ########################################## O P S Æ T N I N G ########################################## Opsætning: Ydre ramme (.leftmenucontainer) **** Helt til venstre/top **** Margen > Margen:top = "-20" "px" Margen > Margen:venstre = "-20" "px" Margen > Margen:bund = "-20" "px" Afstand > Afstand:top = "20" "px" Afstand > Afstand:venstre = "20" "px" Afstand > Afstand:bund = "20" "px" Afstand > Afstand:højre = "20" "px" **** Mere plads i bredden **** Størrelse > Størrelse:bredde = "180" "px" **** Baggrundsbillede **** Baggrund > Baggrund:billede = "min_sidemenu_baggrund.jpg" Baggrund > Baggrund:gentagelse = "repeat-x" **** Baggrundsfarve **** Baggrundsfarve > Baggrundsfarve = "#FF0000" **** Lodret linie til højre **** Ramme > Ramme:bredde:højre = "1" "px" Ramme > Ramme:stil:højre = "solid" Ramme > Ramme:farve:højre = "red" Side 6 af 8

7 Opsætning: Linier (og ikoner) (.leftmenucontainer ul li) **** ikoner **** Baggrund > Baggrund:billede = "mit_sidemenu_ikon.jpg" Baggrund > Baggrund:gentagelse = "no-repeat" Baggrund > Baggrund:placering = "top left" Afstand > Afstand:top = "6" "px" Afstand > Afstand:bund = "3" "px" **** baggrundsbillede **** Baggrund > Baggrund:billede = "mit_sidemenu_gradient.jpg" Baggrund > Baggrund:gentagelse = "repeat-x" **** Linie under menupunkterne **** Ramme > Ramme:bredde:bund = "1" "px" Ramme > Ramme:stil:bund = "solid" Ramme > Ramme:farve:bund = "red" **** Punktopsætning **** (Avanceret) Liste > Liste:type = "disc" **** Ingen indrykning på undermenuer **** Afstand > Afstand:venstre = "10" "px" **** Mere indrykning på undermenuer **** Afstand > Afstand:venstre = "20" "px" Opsætning: Tekster normal (.leftmenucontainer ul li.no a) Skrift > Skrift:tykkelse = "normal" Skrift > Skrift:farve = "00FF00" Tekst > Tekst:understregning = "none" Opsætning: Tekster aktiv (.leftmenucontainer ul li.cur a) Skrift > Skrift:tykkelse = "bold" Skrift > Skrift:farve = "0000FF" Tekst > Tekst:understregning = "underline" Side 7 af 8

8 ########################################## N I V E A U 1, 2 og 3 ########################################## Niveau 1: Linie (og ikon) (.leftmenucontainer ul.level_1 li) **** Fjern linie under menuteksten (niveau 2 og 3) **** Ramme > Ramme:bredde:bund = "0" "px" **** Fjern ikon **** Margen > Margen:venstre = "0" "px" Baggrund > Baggrund:billede = "" Baggrund > Baggrund:gentagelse = "no-repeat" **** Fjern indryk **** Afstand > Afstand:top = "0" "px" Ramme > Ramme:bredde:bund = "0" "px" **** Baggrundsfarve **** Baggrundsfarve > Baggrundsfarve = "#F0F0F0" Niveau 1: Tekst normal (.leftmenucontainer ul.level_1 li.no a) Skrift > Skrift:tykkelse = "normal" Skrift > Skrift:farve = "00FF00" Tekst > Tekst:understregning = "none" Niveau 1: Tekst aktiv (.leftmenucontainer ul.level_1 li.cur a) Skrift > Skrift:tykkelse = "bold" Skrift > Skrift:farve = "0000FF" Tekst > Tekst:understregning = "underline" Niveau 1: Tekst mus over (.leftmenucontainer ul.level_1 li a:hover) Skrift > Skrift:tykkelse = "bolder" Skrift > Skrift:farve = "FF0000" Tekst > Tekst:understregning = "overline" Side 8 af 8

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

Designmanual for websider

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

Læs mere

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

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

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

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

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

Microsoft Word 2003 - fremgangsmåde til Blomsterhuset Side 1 af 11

Microsoft Word 2003 - fremgangsmåde til Blomsterhuset Side 1 af 11 Microsoft Word 2003 - fremgangsmåde til Blomsterhuset Side 1 af 11 Åbn Word 2003 Skriv: Blomsterhuset A/S - tryk enter en gang Skriv: Blomster for alle - tryk enter 5 gange Skriv: I anledning af at - tryk

Læs mere

Vejledning til Photofiltre nr. 105 Side 1

Vejledning til Photofiltre nr. 105 Side 1 Side 1 Denne vejledning er et smalt grafikbillede man kan bruge i toppen af en mail lavet i PhotoFiltre 7 hvor man nu kan arbejde i lag. Med PhotoFiltre 7 er det nu endnu nemmere at sammensætte grafik

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

Her kan du slette enkelte figurer i et diagram ved at klikke på figuren der skal slettes og herefter på Slet.

Her kan du slette enkelte figurer i et diagram ved at klikke på figuren der skal slettes og herefter på Slet. 9. FLOWDIAGRAMMER Der er i D4InfoNet indbygget et program til opbygning af flowdiagrammer. Diagrammerne kan placeres på forsiden af de enkelte håndbøger, og kan tilføjes kapitler eller de enkelte dokumenter.

Læs mere

Photofiltre nr. 85 Lave grafikbillede hvor vi bruger plugins side 1

Photofiltre nr. 85 Lave grafikbillede hvor vi bruger plugins side 1 Lave grafikbillede hvor vi bruger plugins side 1 Vi skal nu sammensætte et grafikbillede hvor vi bruger 2 plugins som kan hentes på min hjemmeside www.pensionistedb.dk under Photofiltre. Denne hedder Image

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

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

CSS fortsat: Boksmodel, floating & positionering

CSS fortsat: Boksmodel, floating & positionering Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 4, individuel øvelse CSS fortsat: Boksmodel, floating & positionering 1. Lidt om hvad du har lært Du har i øvelse

Læs mere

Vejledning til Photofiltre nr. 118 Side 1

Vejledning til Photofiltre nr. 118 Side 1 Side 1 I stedet for blot at sende en mail med kun hvid baggrund, kan man pynte mail'en lidt op - f.eks. ved at indsætte en personlig billedcollage med tekst i toppen af mail'en inden man begynder at skrive.

Læs mere

Vejledning til Photofiltre nr. 119 Side 1

Vejledning til Photofiltre nr. 119 Side 1 Side 1 Hvis man kan li' at sidde og sammensætte grafik kan man bl. Lave sit eget lille logo med eget foto og tekst. Det kan bruges på f.eks. brevpapir når man skriver i Word. Find billedet frem du vil

Læs mere

Manual. Tabulex Hjemmeside. Manual. Side 1 af 39

Manual. Tabulex Hjemmeside. Manual. Side 1 af 39 Tabulex Hjemmeside Manual Side 1 af 39 Indholdsfortegnelse 0. Begreber... 3 1. Sådan logger du ind... 5 2. Opret sider og kolonner... 6 2.1 Opsætning... 6 2.2 Opret side og rediger egenskaber... 8 2.3

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

Vejledning til Photofiltre nr.128 Side 1

Vejledning til Photofiltre nr.128 Side 1 Side 1 Denne vejledning er blot et lille eksempel på hvordan man også kan bruge Photofiltre 7 som en slags grafikprogram. Det er med udgangspunkt i f.eks. min hjemmeside hvor vi vil bruge den blå farve

Læs mere

Administrator manual

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

Læs mere

Sætte et nyhedsbrev eller julebrev op i Draw Hvor du også bruger Photofiltre 7 side 1

Sætte et nyhedsbrev eller julebrev op i Draw Hvor du også bruger Photofiltre 7 side 1 side 1 Denne vejledning skal vise hvordan man kan lave et julebrev - det kan også være et nyhedsbrev. Fremgangsmåden er den samme Opsætningen foregår i LibreOffice Draw Men hvor man også bruger Photofiltre

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

Vejledning til Photofiltre nr. 108 Side 1. Lave visitkort i dankort størelse med eget foto

Vejledning til Photofiltre nr. 108 Side 1. Lave visitkort i dankort størelse med eget foto Side 1 I denne vejledning vises hvordan man kan lave visitkort, på samme måde som der blev lavet bordkort. Vi vil her som baggrund bruge et af vores egne foto. Opsætningen foregår i LibreOffice Draw og

Læs mere

Tastemanual til Webbyggeren

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

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

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

Opsætning af enkle bordkort Side 1

Opsætning af enkle bordkort Side 1 Side 1 Til disse bordkort bruges LibreOffice Draw til opsætning, og PhotoFiltre til at udfylde selve bordkortet. Med disse 2 programmer kan man lave nogle flotte bordkort. Start med at åbne den tomme side

Læs mere

Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet.

Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet. Side 1 Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet. Dette er nogle gange et ønske fra den enkelte kunde, som blot ønsker

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

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

Open Office Tekst

Open Office Tekst Side 1 af 17 Open Office 3.4.1 Tekst Vejledning ver. 1.07 Anvendes og udvikles løbende ved en på Præsthøjgården Side 2 af 17 Indholdsfortegnelse 1 Kom godt i gang... 4 1.1. Indledning... 4 1.2. Lidt om

Læs mere

EasyPage brugermanual version 3.0

EasyPage brugermanual version 3.0 EasyPage brugermanual version 3.0 Indholdsfortegnelse: 1.0 Introduktion...2 1.1 Om brugermanualen...2 1.2 Systemkrav...2 1.3 Log ind - sådan kommer du i gang...2 2.0 EasyPage grundmodul...4 2.1 Byg og

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

På min hjemmeside under Libre Draw finder du nederst en skabelon Skabelon med 2 spalter. Det er den vi skal bruge i dette eksempel.

På min hjemmeside under Libre Draw finder du nederst en skabelon Skabelon med 2 spalter. Det er den vi skal bruge i dette eksempel. Side 1 Mange kender programmet Microsoft Publisher hvor man sætte forskellige ting op i, blade, skrivelser, sange m.m. Libre Office Draw der er en del af den gratis LibreOffice pakke kan noget i samme

Læs mere

Galleri modul. Side 1 af 18

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

Læs mere

Vejledning til Photofiltre nr. 122 Side 1

Vejledning til Photofiltre nr. 122 Side 1 Side 1 Denne opgave/vejledning skal komme til at se sådan ud. Baggrundsbilledet skal være i en størrelse der er 658 x 271 pixel. Bladet er et foto for sig som skal maskes af og baggrunden gøres gennemsigtig.

Læs mere

Nu skal vi især se på og
samt centrering af hele siden på skærmen.

Nu skal vi især se på <font> og <center> samt centrering af hele siden på skærmen. Validering 4 Nu skal vi især se på og samt centrering af hele siden på skærmen. Det er i HTML ikke forbudt at bruge koden , men lad nu være alligevel, du får blot en masse valideringsproblemer.

Læs mere

Word-5: Tabeller og hængende indrykning

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

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

MANUAL - Joomla! Version 1

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

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til

Læs mere

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet

Læs mere

GRAFISK WORKFLOW GRAFISK WORKFLOW

GRAFISK WORKFLOW GRAFISK WORKFLOW Opgaven At lave en ny hjemmeside til tekniske skolers sportslege. Den gamle var rodet og uoveskuelig. Det vigtigste var at rydde op, samt holde en rød tråd til logo og indbydelsen. Afsender Lærerne på

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

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

Martin Møller Web1b Tirsdag den 19 juni 2012

Martin Møller Web1b Tirsdag den 19 juni 2012 Martin Møller Web1b Tirsdag den 19 juni 2012 Projektbeskrivelse 3 Tema valg 3 Budskab 3 Afsender 4 Målgruppe 4 Kommunikations mål 4 Skitser 6 Layout index 7 Layout Kulturliv 8 Layout Gratis glæder 9 Layout

Læs mere

TYPO3 TRIN FOR TRIN 3

TYPO3 TRIN FOR TRIN 3 TYPO3 TRIN FOR TRIN 3 De indledende øvelser er fuldstændig de samme som i TYPO3 TRIN FOR TRIN 1 side 1-2. Du åbner altså din browser, skriver ale.dk/typo3 i Adressefeltet, og klikker på ordet Side i menuen

Læs mere

Vejledning til opbygning af hjemmesider

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

INDLEDNING 2. Design og layout 3

INDLEDNING 2. Design og layout 3 INDLEDNING 2 Design og layout 3 Skyd genvej... 3 Omdøb skabelonsamling 4 Omdøb brevskabelon 5 Layout 6 Indsæt/Redigér logo 6 Indsæt/Redigér tekst 8 Redigér kolonner 11 Ved vejs ende... 14 Tips & Tricks...

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

BRUGERGUIDE Nfoo Concept Digital Skiltning

BRUGERGUIDE Nfoo Concept Digital Skiltning BRUGERGUIDE Nfoo Concept Digital Skiltning Herunder finder du en introduktion til de forskellige funktioner i administrationsmodulet til dit Nfoo Concept Digital Skiltning INDHOLD LOGIN OG INDSTIL SPROG...

Læs mere

Projekt i Programmering C Menu til hjemmeside.

Projekt i Programmering C Menu til hjemmeside. Projekt i Programmering C Menu til hjemmeside. 10-12-2004 Holstebro HTX Bent Arnoldsen Synopsis. Projektet her er en menu til hjemmesider, som er lavet så den er let at tilrette, når man tilføjer eller

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

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

Oktober Dokumentpakker

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

OPGAVE: WELOVEORGANIC.COM WEBSHOP

OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker

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

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

Tegne- og billedbehandlingsprogrammer tilbyder mange forskellige værktøjer og funktioner. Denne mini-manual giver en hjælpende hånd.

Tegne- og billedbehandlingsprogrammer tilbyder mange forskellige værktøjer og funktioner. Denne mini-manual giver en hjælpende hånd. DIGITAL BILLEDKUNST MINI-MANUAL Tegne- og billedbehandlingsprogrammer tilbyder mange forskellige værktøjer og funktioner. Denne mini-manual giver en hjælpende hånd. Tegne- og malerværktøjer Blyant/Pencil

Læs mere

Kom godt i gang med. Gadstrup Fodbolds Hjemmeside. Udarbejdet af:

Kom godt i gang med. Gadstrup Fodbolds Hjemmeside. Udarbejdet af: Kom godt i gang med Gadstrup Fodbolds Hjemmeside Udarbejdet af: Forretningsstøtte Søren Tofte Version 1.0 24.2.2011 Indhold Sådan kommer du i gang?... 3 Log ind... 4 Mine oplysninger... 5 Klub CMS... 6

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

Byg et website med Dreamweaver

Byg et website med Dreamweaver Byg et website med Dreamweaver I denne øvelse skal vi opbygge et website for Hotel Holiday i Dreamweaver. Det færdige site kan ses her: http://www.itu.dk/people/khhp/hotel_holidays/velkommen.html Øvelsen

Læs mere

Vejledning til Photofiltre nr. 117 Side 1

Vejledning til Photofiltre nr. 117 Side 1 Side 1 I denne vejledning skal vi bruge 7 billeder som skal sættes ned i størrelse. Bagefter sættes de sammen 3 i den ene rækker og 4 i den anden. Til sidst sættes de 2 rækker sammen så det er som en collage.

Læs mere

Nyhedsbrev april: spørgeskemaundersøgelse

Nyhedsbrev april: spørgeskemaundersøgelse #ChronoContact_Survey { margin-bottom: 10px; margin-left: 0px;.form_element { float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 8px; margin-left: 0; margin-top: 8px;

Læs mere

WordPress 4.2+ Manual

WordPress 4.2+ Manual WordPress.+ Manual Indholdsfortegnelse Introduktion Log ind i din hjemmesides administration Skifte kodeord eller email Administrationen / Kontrolpanelet Dette er dit kontrolpanel. Administrationen sidemenu

Læs mere

Designguide til Region Hovedstadens Web-TV

Designguide til Region Hovedstadens Web-TV Region Hovedstaden Designguide til Region Hovedstadens Web-TV September 2014 Introduktion Designguiden til Web-TV tager udgangspunkt i Region Hovedstadens designprogram. For at sikre et ensartet og gennemført

Læs mere

Brugervejledning til InfoLand.dk skabelonen

Brugervejledning til InfoLand.dk skabelonen Indhold Indledning... 4 Første gang... 4 Log ind som Administrator og ændre kodeord... 4 Opret Redaktør (dig selv)... 4 Log ind... 4 Log ind med dit eget brugernavn ( Redaktør )... 4 Log ind som Administrator...

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. Værktøjspaletten. Pensler. 4 www.mikrov.dk

Kom godt i gang. Værktøjspaletten. Pensler. 4 www.mikrov.dk Forord Fresko er et spændende, nyskabende program til faget Billedkunst men med de mange maleteknikker og effekter er det en kreativ udfordring for alle med lyst til at male. Du kan male akvarel, male

Læs mere

Vejledning i brug af GMAIL (Google)

Vejledning i brug af GMAIL (Google) Vejledning i brug af GMAIL (Google) Send meddelelser Har du ikke prøvet Gmail før? Her har du en trinvis vejledning i, hvordan du skriver og sender meddelelser: Klik på knappen Skriv i venstre side i Gmail.

Læs mere

Her er et udkast til hvad der skal laves funktionsbeskrivelse

Her er et udkast til hvad der skal laves funktionsbeskrivelse Her er et udkast til hvad der skal laves funktionsbeskrivelse Generelt til www.clipping.dk Markeret RØD er INTERN KOMMENTAR de er med i stedet for at slette dem Følgende sider/menuer/punkter, skal der

Læs mere

Grafisk workflow. website til duckhead music

Grafisk workflow. website til duckhead music Grafisk workflow website til duckhead music Portfolio h1 Side 18 website til duckhead music Selvom jeg er hos et webbureau, så sidder jeg udelukkende med design, og er derfor ikke kommet til at kode endnu.

Læs mere

Typografi & ombrydning 3. Hovedforløb

Typografi & ombrydning 3. Hovedforløb Typografi & ombrydning 3. Hovedforløb Sabine Puk Sørensen Typografi & ombrydning 3. Hovedforløb InDesign Opgavebeskrivelse Opsætning og ombrydning af bogen Pædagogisk psykologi, som primært henvender sig

Læs mere

Webmail Gmail Generelt Side 1

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

5 ARBEJDE MED EDITOREN

5 ARBEJDE MED EDITOREN 5 ARBEJDE MED EDITOREN Editor (eller Rich Tekst Editor) er et indbygget indholdsredigerings værktøj, hvor man uden nogen kendskab til HTML kodning kan skrive tekst, indsætte billeder, videoer og links.

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

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

NR. 92 PDF-formularer med OpenOffice DEN 4. MARTS 2015

NR. 92 PDF-formularer med OpenOffice DEN 4. MARTS 2015 NR. 92 PDF-formularer med OpenOffice DEN 4. MARTS 2015 PDF-formularer med OpenOffice til LUDUS Web Målet med dette Tips & Tricks er at beskrive, hvordan man laver PDF-formularer til brug i LUDUS Web. Læs

Læs mere

PowerPoint 2003. Kursusmateriale til FHF s kursister

PowerPoint 2003. Kursusmateriale til FHF s kursister PowerPoint 2003 Kursusmateriale til FHF s kursister Indholdsfortegnelse: Opgave 1 Hvad er en Præsentation?... 2 Opgave 2 vælg emne + opret dias... 3 Opgave 3 Indsæt objekter / billeder... 4 Opgave 4 Brugerdefineret

Læs mere

Tips & Tricks nr. 92 PDF-formularer med OpenOffice til LUDUS Web

Tips & Tricks nr. 92 PDF-formularer med OpenOffice til LUDUS Web LUDUS Helpdesk T +45 3614 7070 sc-ludus@dxc.com CSC Scandihealth A/S - en del af DXC Technology P.O. Pedersens Vej 2 8200 Aarhus N T +45 3614 4000 www.dxc.technology www.dxc.technology/ludus Tips & Tricks

Læs mere

Fase Forklaring Navigation. Opret en div til feltet hvorpå scrollbaren ønskes placeret. Giv div'en mål og position absolut. Vælg Overflow: auto.

Fase Forklaring Navigation. Opret en div til feltet hvorpå scrollbaren ønskes placeret. Giv div'en mål og position absolut. Vælg Overflow: auto. 1 Scrollbar Åbn index.html Der skal være en side åben. Indsæt en div: scroll Opret en div til feltet hvorpå scrollbaren ønskes placeret. Definér div'en Giv div'en mål og position absolut. Vælg Overflow:

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

Sider, indlæg og projekter

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

Læs mere

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

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Regneark Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 6 Opgave... Side 13 Få adgang til filerne fra din computer... Side 19 Vejledende løsning... Side 20 GoogleDocs Regneark 2 Google

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Typografi & ombrydning Svendeprøve Kvalitetsvurdering Den færdige bog er overskuelig og læsevenlig, på trods af at den skulle sættes op på så få sider som

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

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

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

Læs mere

Grafisk Tekniker Digitalprint

Grafisk Tekniker Digitalprint Grafisk Tekniker Digitalprint Grafik med CMYK-farver, hvid dækfarve og lak i Illustrator til print på Flatbed Versa UV LEF-12 Der skal printes på et antal objekter, der enten ligger i et fixatur (udskåret

Læs mere

Filtyper, filformat og skabelon. Tabel. Tekstombrydning. Demo Fremstil, gem og brug en skabelon. Øvelser Fremstil, gem og brug en skabelon

Filtyper, filformat og skabelon. Tabel. Tekstombrydning. Demo Fremstil, gem og brug en skabelon. Øvelser Fremstil, gem og brug en skabelon Disposition for kursus i Word 2007 Filtyper, filformat og skabelon Demo Fremstil, gem og brug en skabelon Øvelser Fremstil, gem og brug en skabelon Tabel Demo Opret en tabel ud fra en tekst Øvelser Opret

Læs mere

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

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

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe

Læs mere

TYPOGRAFI SVENDEPRØVE / CHRISTINE MARIE SMITH

TYPOGRAFI SVENDEPRØVE / CHRISTINE MARIE SMITH SVENDEPRØVE / CHRISTINE MARIE SMITH GREASY MAGAZINE OPGAVE Layout og opsætning af magasinet Greasy, der har fokus på overdreven snasket mad med et goutmet twist. Der skal være fuld skrue på komplimentærfarver,

Læs mere

Adgang til WebGraf. 1. Start Microsoft Internet Explorer. 2. Skriv: http://kort.ge.dk

Adgang til WebGraf. 1. Start Microsoft Internet Explorer. 2. Skriv: http://kort.ge.dk Indholdsfortegnelse Indholdsfortegnelse.. side 2 Adgang til webgraf 3 Opslag adresse... 4 Styring af layout.. 5 Opslag af område via oversigtskort... 6 Zoom funktioner.. 7 Panorere på skærmen. 8 Information

Læs mere