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

Størrelse: px
Starte visningen fra side:

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

Transkript

1 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 en slags skabelon til at opbygge mere omfattende sider ud fra. Hvis du ikke er fortrolig med at oprette et eksternt CSS, bør du læse afsnittet om CSS først og prøve at lave et eksternt CSS ud fra navigationssedlen om CSS. Layout 50 px 450 px 50 px h1 h2 400 px 200 px 200 px Mål og CSS Størrelse: 450 x 400 px (master), baggrundsfarve lys gul header: 450 x 50 px left: (kassen til venstre) bredde 200 px right: (kassen til højre) bredde 200 px topmargin: 50 px Overskrift (h1): Verdana 40 px, blå farve som slipset Mellemrubrik (h2) : Verdana 24 px, bold, blå farve som slipset Brødtekst: Verdana 11 px, blå farve som slipset Indholdet er centreret horisontalt i browservinduet 1

2 Forberedelse Opret en mappe kaldet nolde. Hent mappen nolde_grafik i kursusmaterialet, og placér den i mappen nolde. Byg siden Åbn Dreamweaver og opret et nyt site kaldet nolde. Opret index.html, åbn filen og giv den titlen. Vælg Insert > Layout Objects > div tag Vælg ID og kald den for master Vælg New CSS Rule Da det er den første style, der bliver defineret, skal programmet først vide, om der er tale om et internt eller eksternt CSS. Vælg New Style Sheet File for at oprette et eksternt CSS. 2

3 Dialogboksen hvor du skal navngive og arkivere det eksterne CSS. Kald filen for basic, og placér den i roden af sitet. Filen kan hedde hvad som helst, blot ikke indeholde specialtegn som æøå o.l. Når CSS filen er arkiveret åbnes CSS editoren: Definér master Positioning Som den eneste div, skal masteren have position relativ. Box Højre og venstre margin sættes til auto for at centrere siden horisontalt. 3

4 Background Klik OK og se masteren på siden Vælg en lys gul farve til baggrunden ved at klikke på en lille farvefirkant. basic.css optræder nu i CSS paletten med den første style defineret Definér * Da de forskellige browsere fortolker CSS forskelligt, er det en god idé at nulstille margin og padding på alle elementer, dette gøres ved at definere en universel selector (en stjerne). På denne måde fjerner du al luft der er lagt på default i programmet og dette kan være medvirkende til at siderne fremstår mere ens i forskellige browsere. Vælg New CSS rule nederst i CSS paletten 4

5 Vælg ID og kald den for * Box I CSS paletten kan de 2 styles ses. Hvis man klikker på dem, kan man forneden i paletten se deres egenskaber. Man kan redigere alle styles her i stedet for at åbne editoren Egenskaberne for *. 5

6 Definér header Headeren bruges i dette eksempel til overskriften. Det kunne lige så godt have været til en menu, det er blot en kasse (et lag), der kan fyldes indhold i. Det kan være lidt vanskeligt at få placeret cursoren det rigtige sted, når head skal indsættes. Det sikreste er at åbne kodevisningen og placere cursoren mellem <div id=master> og </div>. Vælg Insert Layout Objects > div tag Vælg ID og kald den for header Vælg New CSS Rule Positioning Div en ligger inde i masteren, og det er øverste venstre hjørne der er udgangspunktet. Menuen placeres 10 px nede for at skabe lidt luft mellem tekst og baggrund. <body> <div id="master"> <div id="header">content for id "header" Goes Here</ div> Her ses headeren inde i masteren. Div en er gennemsigtig, jeg har her valgt at give den en lidt mørkere gul farve, blot for at du tydeligere kan se, hvor den ligger.... og sådan skal det se ud i kodevinduet 6

7 Definér left Vælg Insert Layout Objects > div tag Vælg ID og kald den for left Vælg New CSS Rule Højden defineres ikke. Billedet spænder automatisk kassen ud. Definér right Vælg Insert Layout Objects > div tag Vælg ID og kald den for right Vælg New CSS Rule Bemærk at det nu er afstanden fra højre, der defineres. 7

8 Definér body Her defineres brødteksten. Vælg New CSS Rule i CSS paletten Vælg Tag og kald den for body Font, størrelse og farve Type 8

9 Definér h1 og h2 Rubrik og underubrik defineres som headings. Vælg New CSS Rule i CSS paletten Vælg Tag og kald den for h1 Vælg New CSS Rule i CSS paletten Vælg Tag og kald den for h2 Så skulle alle styles være definerede, og nu kan de så tilknyttes siden. Til højre herfor ses en oversigt over alle styles til siden 9

10 Erstat teksten Content for... med den rigtige overskrift: Markér teksten og vælg Heading 1 i Properties. Kopier teksten fra txt. dokumentet, indsæt den i div right. Markér øverste linje og vælg Heading 2 i Properties. Træk billedet ind i div left. Det færdige resultat set i designvisning. Ved at flytte på left og right, er det muligt at få fælles overkant på de 2 spalter, det vil pynte på resultatet. Når du rykker med et lag inde på siden, bliver målene automatisk opdateret i CSS filen. 10

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site.

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site. 1 Opstart af et site Opret hovedmappen Opret grafikmappen Opret dit site Mappen skal indeholde alle elementer til dit site. Opret en mappe indeni den første og kald den grafik. Heri lægges alle dine grafikfiler.

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

Opstart et site side Billeder side Hotspot side Links side Rollover side Tabeller side Swap Image side 30-33

Opstart et site side Billeder side Hotspot side Links side Rollover side Tabeller side Swap Image side 30-33 Indhold Opstart et site side 2-11 Billeder side 12-14 Hotspot side 15-17 Links side 18-21 Rollover side 22-24 Tabeller side 25-29 Swap Image side 30-33 Hvad er CSS side 34-36 Eksternt CSS side 37-41 Ret

Læs mere

Opstart et site side Billeder side Hotspot side Rollover side Tabeller side Swap Image side 30-33

Opstart et site side Billeder side Hotspot side Rollover side Tabeller side Swap Image side 30-33 Indhold Opstart et site side 2-11 Billeder side 12-14 Hotspot side 15-17 Links side 18-21 Rollover side 22-24 Tabeller side 25-29 Swap Image side 30-33 Hvad er CSS side 34-36 Eksternt CSS side 37-41 Ret

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... 1 Læs mere om... Opstart Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS5, og programmet er på engelsk. Dreamweaver

Læs mere

Opstart et site side 2-11. Billeder side 12-13. Hotspot side 14-15. Links side 16-19. Rollover side 20-22. PopUp vinduer side 23-26.

Opstart et site side 2-11. Billeder side 12-13. Hotspot side 14-15. Links side 16-19. Rollover side 20-22. PopUp vinduer side 23-26. 1 Indhold Opstart et site side 2-11 Billeder side 12-13 Hotspot side 14-15 Links side 16-19 Rollover side 20-22 PopUp vinduer side 23-26 CSS side 27-28 Div-baseret layout side 29-39 Tabeller side 40-44

Læs mere

Scrollbar. Læs mere om... Videre med Dreamweaver

Scrollbar. Læs mere om... Videre med Dreamweaver 1 Læs mere om... Scrollbar Hvad er en intern scrollbar? Når man arbejder med teksttunge sider, kan det være en fordel at bruge en intern scrollbar i en tabelcelle eller på et lag. Funktionen kræver brug

Læs mere

Scrollbars side 2-5. Ankerpunkter side 6-7. Text Swap side 8-10. Links i flere farver side 11-14. z-index og baggrundsbilleder side 15-18

Scrollbars side 2-5. Ankerpunkter side 6-7. Text Swap side 8-10. Links i flere farver side 11-14. z-index og baggrundsbilleder side 15-18 Indhold Scrollbars side 2-5 Ankerpunkter side 6-7 Text Swap side 8-10 Links i flere farver side 11-14 z-index og baggrundsbilleder side 15-18 Sprymenuer side 19-24 Sider med dynamisk høje side 25-27 CSS3

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

I gang med Adobe Muse CC

I gang med Adobe Muse CC I gang med MUSE Muse er et program fra Adobe til fremstilling af websites, for de som ikke ønsker at arbejde med koder. De fremstillede websites baserer sig naturligvis på HTML, CSS, Javascript mm., du

Læs mere

Nu skal vi især se på <font> og <center> 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

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

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS4, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

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

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

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS5, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

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

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop Om opgaven: For et halvt år siden overtog nogle bekendte værtshuset Midtskiws i Skive. De havde derfor brug for en ny hjemmeside, som kunne fungere som et online informationssted og visitkort for deres

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

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS6, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Formatering af tekst, JCE Editor, Joomla

Formatering af tekst, JCE Editor, Joomla Formatering af tekst, JCE Editor, Joomla skrevet af Inge Vittrup Paragraph anvender du ved almindelige sætninger. Heading 1 er hovedoverskrift med største skrift. Heading 2 er overskrift til en artikel

Læs mere

Scrollbars side 2-5. Ankerpunkter side 6-7. Text Swap side Links i flere farver side z-index og baggrundsbilleder side 15-18

Scrollbars side 2-5. Ankerpunkter side 6-7. Text Swap side Links i flere farver side z-index og baggrundsbilleder side 15-18 Indhold Scrollbars side 2-5 Ankerpunkter side 6-7 Text Swap side 8-10 Links i flere farver side 11-14 z-index og baggrundsbilleder side 15-18 Sprymenuer side 19-24 Sider med dynamisk høje side 25-27 CSS3

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

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

Designmanual BUTLER FM

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

Vejledning Tabeller (data tabeller)

Vejledning Tabeller (data tabeller) . Vejledning Tabeller (data tabeller) Datatabeller vs. Layouttabeller Beskrivelse af en tilgængelig datatabel Opret en tilgængelig (simpel) tabel indsæt eller fjern en række eller kolonne Indsæt spænd

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

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

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

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

Læs mere

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

Manual til Dynamicweb Februar 2010

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

Læs mere

MANUAL. Siteloom CMS

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

Læs mere

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

Velkommen til denne korte vejledning i hvordan du kan oprette dine egne sider på foreningens hjemmeside.

Velkommen til denne korte vejledning i hvordan du kan oprette dine egne sider på foreningens hjemmeside. Side 1 Velkommen til denne korte vejledning i hvordan du kan oprette dine egne sider på foreningens hjemmeside. Login til mine websider Du starter med at logge ind som medlem. Herefter klikker du på den

Læs mere

Typografi og ombrydning

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

Google-sites CSrnAdzB1esfLAmU0O3tOKa3y

Google-sites   CSrnAdzB1esfLAmU0O3tOKa3y Google-sites Side 1 Google-sites https://www.youtube.com/watch?v=p6bmcaiwvrs&list=plqznj7 CSrnAdzB1esfLAmU0O3tOKa3y Google-sites er Googles bud på et hjemmesideprogram. Lige som Googledocs er styrken at

Læs mere

8.0 Distriktshjemmesider

8.0 Distriktshjemmesider 8.0 Distriktshjemmesider Indhold Login... 2 Forside... 3 Distriktsside opbygning...4 Rediger på en side... 5 Upload filer til mediebibliotek... 8 Kontroller links på filer... 12 Indsæt billeder... 13 Slet

Læs mere

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

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

Læs mere

Opret en formular i Dreamweaver

Opret en formular i Dreamweaver Opret en formular i Dreamweaver. Åben det html-dokument hvor du vil have din formular skal være på. 2. Klik i det felt (DIV eller tabel) hvor du vil have din formular skal være. Du kan se du er i feltet

Læs mere

BRUGER KURSUS RAMBØLL HJEMMESIDE

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

Billeder på hjemmeside

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

Læs mere

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

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

Læs mere

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

Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW.

Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Denne guide er oprindeligt udgivet på Eksperten.dk CSS - en gennemgang Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Der er lidt CSS historie

Læs mere

MANUAL. Siteloom CMS

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

Læs mere

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

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

Velkommen til manualen for Styleclasses Introduktion til Styleclasses Rediger styleclass

Velkommen til manualen for Styleclasses Introduktion til Styleclasses Rediger styleclass 14.2.0 Velkommen til manualen for Styleclasses 1 14.2.1 Introduktion til Styleclasses 1 14.2.2 Ny styleclass 1 14.2.3 Rediger styleclass 2 14.2.3.1 Custom 3 14.2.3.2 Setup 3 14.2.3.3 Slet 4 14.2.4 Problemer

Læs mere

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN 2015 Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN I denne tutorial kommer du til at I denne tutorial vil du lære hvad Bootstrap er, hvordan det fungerer og hvordan

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

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

Mini-guide til Retox Databasen er tilgængelig fra klik på linket

Mini-guide til Retox Databasen er tilgængelig fra   klik på linket Mini-guide til Retox Databasen er tilgængelig fra www.retox.dk, klik på linket Som udgangspunkt kan alle se arbejdspladsbrugsanvisningerne, hvis man er på regionens netværk. Hvis der skal tilføjes eller

Læs mere

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

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

Læs mere

TYPOGRAFI OG OMBRYDNING. Bog af Ib Møller På Vej.

TYPOGRAFI OG OMBRYDNING. Bog af Ib Møller På Vej. TYPOGRAFI OG OMBRYDNING Bog af Ib Møller På Vej. Produkt Redegørlese Hvad går opgaven ud på Jeg skulle i denne opgave ombryde en bog for Arkitekten og planlæggeren Ib Møller, som havde lavet denne bog

Læs mere

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

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

Læs mere

Vejledning i udsendelse af s

Vejledning i udsendelse af  s Side 1 af 5 Vejledning i udsendelse af e-mails Åben en internet browser: Vælg din klubs webadresse og log på siden. Eller log på via ngfp.dk: Nu kommer der en Administrator menu frem som kan have flere

Læs mere

Table of Contents. konverter fil til PDF... 3 Konverter Wordfil til PDF... 4 Konvertere Pages fil til PDF (mac)... 8.

Table of Contents. konverter fil til PDF... 3 Konverter Wordfil til PDF... 4 Konvertere Pages fil til PDF (mac)... 8. Table of Contents konverter fil til PDF... 3 Konverter Wordfil til PDF... 4 Konvertere Pages fil til PDF (mac)... 8 Page 2 konverter fil til PDF Page 3 Konverter Wordfil til PDF PDF formatet gør at billeder,

Læs mere

MANUAL. Siteloom CMS

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

Læs mere

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

BRUGERVEJLEDNING. Diabetesforeningens lokale hjemmesider

BRUGERVEJLEDNING. Diabetesforeningens lokale hjemmesider BRUGERVEJLEDNING Diabetesforeningens lokale hjemmesider Om Diabetesforeningens lokale hjemmesider Alle Diabetesforeningens lokalforeninger, børnefamilie- og ungergrupper har en officiel hjemmeside. Det

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

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

Læs mere

Dokumentation TYPOGRAFI & OMBRYDNING

Dokumentation TYPOGRAFI & OMBRYDNING Dokumentation TYPOGRAFI & OMBRYDNING INDHOLD Opgavebeskrivelse:... 3 Specifikationer:... 3 BRUGTE ELEMENTER... 3 Inspiration/moodboard:...4 Oprettelse af dokument... 5 Margin & Spalter... 5 Masterpages

Læs mere

Introduktion til redigeringsfaciliteterne

Introduktion til redigeringsfaciliteterne Sitecore Foundry 3.0 Introduktion til redigeringsfaciliteterne 25. april 2012 - 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 mere

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

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

Læs mere

En liste, hvor der kun kan angives et svar. En dropdown menu, hvori kun et svar kan vælges

En liste, hvor der kun kan angives et svar. En dropdown menu, hvori kun et svar kan vælges Huskeseddel til uv-evaluering 1. Sådan oprettes en undersøgelse Klik på ikonet Surveys og dernæst det grønne plus Ny undersøgelse. Navngiv din undersøgelse og vælg under Basic options, om der skal være

Læs mere

CMS - BRUGERMANUAL CMS

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

Læs mere

Hvordan du opretter, bruger og tildeler kategorier til arrangementer og nyheder

Hvordan du opretter, bruger og tildeler kategorier til arrangementer og nyheder Hvordan du opretter, bruger og tildeler kategorier til arrangementer og nyheder Opret kategorier 1. For at kunne bruge kategorier på nyheder og arrangementer skal man først oprette en række kategorier,

Læs mere

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

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

Læs mere

Mini-guide til Retox Databasen er tilgængelig fra klik på linket

Mini-guide til Retox Databasen er tilgængelig fra  klik på linket Mini-guide til Retox Databasen er tilgængelig fra www.retox.dk, klik på linket Som udgangspunkt kan alle se arbejdspladsbrugsanvisningerne, hvis man er på regionens netværk. Hvis der skal tilføjes eller

Læs mere

Modul 2 - Computerens drev og tekstbehandling. Computerens netværksdrev og mappen dokumenter

Modul 2 - Computerens drev og tekstbehandling. Computerens netværksdrev og mappen dokumenter IT-Brugerkursus Modul 2 - Computerens drev og tekstbehandling Indholdsfortegnelse Computerens netværksdrev og mappen dokumenter Oprettelse af mapper Navngivning og omdøbning af mapper Sletning af mapper

Læs mere

Brugervejledning Joomla

Brugervejledning Joomla Brugervejledning Joomla Denne brugervejledning vil guide dig gennem de funktioner, som du skal bruge for at redigere indhold på dit website. Indholdsfortegnelse LOG- IN:... 2 OPRET ARTIKEL:... 3 INDSÆT

Læs mere

Sådan arbejder du med din forside

Sådan arbejder du med din forside Sådan arbejder du med din forside Din forside på hjemmeside består af forskellige slags indhold og med det formål at fremhæve indhold som du har på dine undersider. Hvor er min forside? Øverst i dit sidetræ

Læs mere

Vejledning til Blackboards portfolio værktøj

Vejledning til Blackboards portfolio værktøj Vejledning til Blackboards portfolio værktøj Brug denne vejledning, når du skal udarbejde din undervisningsportfolio i Blackboards portfolio værktøj. Ved at følge alle trinene nedenfor får du udarbejdet

Læs mere

Portfolio - sunestenild.dk

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

Læs mere

Introduktion til Indholdsredigering

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

Kingos tekstdokumenter

Kingos tekstdokumenter Kingos tekstdokumenter Via sagskortkomponenten Dokumenter kan der arbejdes med dokumenter på en sag. I Kingo oprettes tekstdokumenter i systemets indbyggede teksteditor, der åbnes ved at vælge Opret dokument.

Læs mere

Vi anbefaler, at du lader boksen med træffetider blive liggende på din afdelingsforside. Hvad der ellers skal være af indhold er op til jer.

Vi anbefaler, at du lader boksen med træffetider blive liggende på din afdelingsforside. Hvad der ellers skal være af indhold er op til jer. 1 Tips! På din forside har du mange muligheder for at tilføje forskellige komponenter, så du kan tilpasse siden til din afdeling eller organisations egne behov. Det er dog ikke alle komponenter, der kan

Læs mere

Vejledning i opbygning af Tillidszonen

Vejledning i opbygning af Tillidszonen Vejledning i opbygning af Tillidszonen Vejledning til FOAs lokale afdelinger i opbygningen af deres del af Tillidszonen FOA Fag og Arbejde Januar 2006 1 Indholdsfortegnelse Forbunds- og afdelingsdel...3

Læs mere

Du kan hente siden ved at trykke på det lille hus i øverste venstre hjørne af skærmen og derefter finde frem til siden via forsiden.

Du kan hente siden ved at trykke på det lille hus i øverste venstre hjørne af skærmen og derefter finde frem til siden via forsiden. Hvordan redigerer du en eksisterende side? Hent siden, mens du er logget på. Du kan hente siden ved at trykke på det lille hus i øverste venstre hjørne af skærmen og derefter finde frem til siden via forsiden.

Læs mere

Sådan bruger du Google Drev

Sådan bruger du Google Drev Sådan bruger du Google Drev Start med at gå ind på www.google.dk. Øverst til højre kan du logge ind hvis du ikke allerede er det. De fleste har en Google konto af en eller anden art, Gmail, Youtube, Google

Læs mere

Vejledning til vedligehold af

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

Læs mere

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

KT OR LOW PRODUKTION // WORKFLOW

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

Læs mere

Upload 8 Tekst 9 Media Manager 9 Arkiv 9 Indstillinger 9 Teaser 10 Generelt 10 Slet, rediger og se kataloger 10

Upload 8 Tekst 9 Media Manager 9 Arkiv 9 Indstillinger 9 Teaser 10 Generelt 10 Slet, rediger og se kataloger 10 E-pages Quick Guide Login til E-pages 3 Opret en skabelon 3 Indstillinger til skabelonen 3 Side 3 Tekst 4 Ikoner 4 Layout 5 HTML 6 Indstillinger 6 Ads 7 Slet, kopier eller rediger skabeloner 7 Opret et

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

Læs mere

Konstruktion af websites - 1. kursusgang Øvelse 1 opsætning af tekst

Konstruktion af websites - 1. kursusgang Øvelse 1 opsætning af tekst Konstruktion af websites - 1. kursusgang Øvelse 1 opsætning af tekst Lav ved hjælp af teksteditor og browser en webside, der indeholder elementer som den herunder - tilføj desuden din udgave af hjemmeside

Læs mere

Kom i gang - Sådan gør du: 1) For at komme i gang skal du først oprette dig som bruger. Tryk på

Kom i gang - Sådan gør du: 1) For at komme i gang skal du først oprette dig som bruger. Tryk på Prezi er et visuelt præsentationsværktøj der giver dig mulighed for at lave spændende og dynamiske præsentationer. Det kan blandt andet fungere som et alternativ til dine powerpoint præsentationer. I Prezi

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

Brugerguide til digitalhåndbog

Brugerguide til digitalhåndbog Brugerguide til digitalhåndbog Screenshot af Kerteminde Forsynings digitale affaldshåndbog Side 1 af 9 Sådan bygger du skelettet op til din side Når du først logger ind, kommer der en menu op med to overordnede

Læs mere

Vejledning til oprettelse og korrektion af brevskabeloner i TAS 1

Vejledning til oprettelse og korrektion af brevskabeloner i TAS 1 VEJLEDNING Koncern It 6. april 2011 Pernille Sünksen Support Vejledning til oprettelse og korrektion af brevskabeloner i TAS Vejledning til oprettelse og korrektion af brevskabeloner i TAS 1 Brevskabelon

Læs mere

Vejledning i redigering af apotekets hjemmeside

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

5.0 Velkommen til manualen for kanalen HTML-grab Introduktion til kanalen HTML-grab kanalside Hvad er et spot?

5.0 Velkommen til manualen for kanalen HTML-grab Introduktion til kanalen HTML-grab kanalside Hvad er et spot? 5.0 Velkommen til manualen for kanalen HTML-grab 1 5.1 Introduktion til kanalen 1 5.2 HTML-grab kanalside 1 5.2.1 Hvad er et spot? 2 5.2.2 Opret et nyt spot 2 5.2.3 Aktivt og inaktivt spot 3 5.2.4 Rediger

Læs mere

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

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

Læs mere

UMS Velkomst Byder nye brugere velkommen til skolen

UMS Velkomst Byder nye brugere velkommen til skolen Forord UMS Velkomst modulet giver mulighed for at give de kommende studerende et godt førstehåndsindtryk ved skolestart - den indledende kontakt til de studerende er umådelig vigtig. Velkomst modulet består

Læs mere

Hvis du ikke kan huske adgangskoden, har andre problemer med at logge på eller ikke er oprettet, skal du kontakte:

Hvis du ikke kan huske adgangskoden, har andre problemer med at logge på eller ikke er oprettet, skal du kontakte: Mini-guide til Retox Databasen er tilgængelig fra www.retox.dk, klik på linket Som udgangspunkt er der se-adgang til arbejdspladsbrugsanvisningerne. Hvis der skal tilføjes eller fjernes produkter, og hvis

Læs mere

Ved Bredde skriver du Ved Højde skriver du 300. Baggrund vælger du Hvid

Ved Bredde skriver du Ved Højde skriver du 300. Baggrund vælger du Hvid Side 1 Det første der skal gøres er at vi laver en top i størrelsen uden noget på. Vælg NY ved at klikke på det hvide ikon Ved Bredde skriver du 1200 Ved Højde skriver du 300 Baggrund vælger du Hvid Vi

Læs mere

Filupload LEJERBO.DK FILARKIV UNDER MØDER OSV. Upload filer til et eksisterende filupload-komponent

Filupload LEJERBO.DK FILARKIV UNDER MØDER OSV. Upload filer til et eksisterende filupload-komponent 1 Filupload Tips! Vi har forberedt nogle sider til dig med et filupload-komponent. Blandt andet siden Møder. På den måde kan du nemt uploade filer, fx referater, vedtægter eller husorden til jeres hjemmeside.

Læs mere

DOKUMENTER - OPRET EGEN MAIL/BREVSKABELON. Mail/brev til dine kunder via C&B

DOKUMENTER - OPRET EGEN MAIL/BREVSKABELON. Mail/brev til dine kunder via C&B DOKUMENTER - OPRET EGEN MAIL/BREVSKABELON Mail/brev til dine kunder via C&B 24-04-2015 INDHOLD Indhold 1 Indledning 2 Opret din egen mail/brev skabelon 3 Send din mail til sælger 7 Oprettelse af bat filer

Læs mere