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

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Læs mere

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

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

Læs mere

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

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

Læs mere

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

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

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

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

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

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

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

Serigrafisk tryk af bogomslag i flere farver

Serigrafisk tryk af bogomslag i flere farver i flere farver Opgaven består i at lave et omslag til en bog med softcover i A5 størrelse. Omslaget trykkes i serigrafi i flere farver. Bogen produceres herefter i Bogbind. Der arbejdes i serigrafi i grupper

Læs mere

Fase Forklaring Navigation. Åbn Flash, vælg symbolet ud for Actions Script 3.0. Markér frame 15, højreklik og vælg F6

Fase Forklaring Navigation. Åbn Flash, vælg symbolet ud for Actions Script 3.0. Markér frame 15, højreklik og vælg F6 Classic Tween Åbn en ny Flash Film Åbn Flash, vælg symbolet ud for Actions Script 3.0 Navgiv laget Navngiv laget kugle Tegn en udfyldt cirkel Vælg Oval Tool, vælg rød farve, træk en cirkel inde på Stage

Læs mere

Xerox. Øvelse med tekst og billeder Nattergalen

Xerox. Øvelse med tekst og billeder Nattergalen Xerox Øvelse med tekst og billeder Nattergalen 1. opsætning af dokument i InDesign: - Klik File > New. I dialogboksen udfyldes indstillingerne som vist herunder. Det er vigtigt, at tage stilling til størrelser

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

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

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

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

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

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

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

Læs mere

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

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

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

Prepress Serigrafi Grafisk Tekniker Grundforløb. Opgave: Klistermærker i flere farver

Prepress Serigrafi Grafisk Tekniker Grundforløb. Opgave: Klistermærker i flere farver Grafisk Tekniker Grundforløb Opgave: Klistermærker i flere farver I denne opgave skal der skabes et antal klistermærker i flere farver. Temaet er frit. Husk at der i serigrafi skal laves ramme for hver

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

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

Velkommen til MODx kursus

Velkommen til MODx kursus Velkommen til MODx kursus Dette er en gennemgang af den mest basale funktionalitet i vores nye hjemmeside redigerings værktøj. MODx er et meget simpelt CMS (Content Management System), der gør det muligt

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

Brugervejledning. Miljøministeriet A4. Opdateret den 25. oktober 2011

Brugervejledning. Miljøministeriet A4. Opdateret den 25. oktober 2011 Brugervejledning Miljøministeriet A4 Opdateret den 25. oktober 2011 Indholdsfortegnelse Introduktion... 3 Opret et nyt dokument... 3 Før du starter... 4 Om at arbejde med typografier:... 5 Menu: A4 - Publikation...

Læs mere

Vejledning til vedligehold af

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

Læs mere

GRAFISK WORKFLOW. 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

Typografi & Ombrydning Den udvalgte opgave består i, at opdatere det nuværende of forældede layout på C.F. Møllers personalehåndbog.

Typografi & Ombrydning Den udvalgte opgave består i, at opdatere det nuværende of forældede layout på C.F. Møllers personalehåndbog. Typografi & Ombrydning Den udvalgte opgave består i, at opdatere det nuværende of forældede layout på C.F. Møllers personalehåndbog. Baggrund Komposition Den nuværende personalehåndbog var lavet efter

Læs mere

Tidsplan...3 Afgrænsning 1.1...4 Research...5 Idégenerering...6. Logo 1.1...8 Logo 1.2...9. Logo 1.4... 12. Farver... 11

Tidsplan...3 Afgrænsning 1.1...4 Research...5 Idégenerering...6. Logo 1.1...8 Logo 1.2...9. Logo 1.4... 12. Farver... 11 Tidsplan.... Afgrænsning.....4 Research...5 Idégenerering....6 Navn / identitet...7 Logo.....8 Logo....9 Logo.... 0 Farver.... Logo.4... Merchandise..... Brochure.... 4 Brochure..... 5 Brochure..... 6

Læs mere

Orddeling. Automatisk orddeling. Manuel orddeling. Word 2010 18 thoremil.dk. Vælg fanebladet [Sidelayout] Vælg [Orddeling] Markér Automatisk orddeling

Orddeling. Automatisk orddeling. Manuel orddeling. Word 2010 18 thoremil.dk. Vælg fanebladet [Sidelayout] Vælg [Orddeling] Markér Automatisk orddeling Orddeling Automatisk orddeling Vælg [Orddeling] Markér Automatisk orddeling Manuel orddeling Vælg [Orddeling] Klik [Manuelt] For hvert ord, som vises, kan der gøres følgende: Accepter det foreslåede orddelingssted

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

Vejledning for LOF s afdelingshjemmeside

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

Læs mere

BørneIntra hjemmesidekursus

BørneIntra hjemmesidekursus BørneIntra hjemmesidekursus hjemmesidekursus Januar 2012 Indhold 1 Introduktion... 5 1.1 Kursets formål... 5 1.2 Hjemmesiden opbygges i PersonaleIntra... 5 2 Hjemmesidens indhold... 6 2.1 Hjemmesidens

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

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17 1. udgave 2012 Udgivet af Softworld Kurser A/S Kopiering samt gengivelse af indholdet er ikke tilladt, medmindre der er givet skriftlig tilladelse herom. Copyright Softworld Kurser A/S Forfatter: Martin

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

Typografi. MÅLGRUPPEN Målgruppen er unge som er interessenede i at se godt ud, og følge med i mode. Luxus magasinet udkommer hver måned.

Typografi. MÅLGRUPPEN Målgruppen er unge som er interessenede i at se godt ud, og følge med i mode. Luxus magasinet udkommer hver måned. TYPOGRAFI OPGAVEBESKRIVELSE Det er et fiktivt modemagasin, Luxus er et modemagasin, hvor man kan finde en populær hverdagsstil. Og få inspiration til hvordan man kan kommer i form. MÅLGRUPPEN Målgruppen

Læs mere

Nvu hjemmesider hurtigt og let

Nvu hjemmesider hurtigt og let Nvu hjemmesider hurtigt og let Brugervenlig og grafisk præsentation af textdokumenter var en af de store udfordringer indenfor softwareudvikling i slutningen af 1980erne. Tim Berners-Lee fra CERN udvikler

Læs mere

Vejledning til Sang- og liturgiark

Vejledning til Sang- og liturgiark Vejledning til Sang- og liturgiark Når du er logget ind, finder du skabelonerne til sang- og liturgiark ved at klikke skabeloner øverst i vinduet og derefter Sang- og liturgiark. Under teksten Sang- og

Læs mere

Vejledning Aarhus Universitets wordskabeloner

Vejledning Aarhus Universitets wordskabeloner Vejledning Aarhus Universitets wordskabeloner Opdateret den 13. maj 2014 Indhold Introduktion... 3 Sådan opretter du et nyt dokument via menuen 'AU'... 4 Dialogboksen Dokumentoplysninger... 6 Side1: Dokumentoplysninger...

Læs mere