Byg et website med Dreamweaver

Størrelse: px
Starte visningen fra side:

Download "Byg et website med Dreamweaver"

Transkript

1 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: Øvelsen består af 9 trin: 1. Definér et nyt website 2. Opret ny HTML-side 3. Style layout med CSS 4. Tilføj header-billede 5. Opret CSS-Menu 6. Tilføj indhold til din side 7. Opret template 8. Validér site 9. Upload site 1

2 Trin 1 Definér et nyt website 1. Åbn Dreamweaver CS3 2. Definer en ny side [Site > New Site]. Klik herefter på fanebladet Advanced. Hvis du benytter ITU s maskiner, så læs 2a. Hvis du benytter egen computer, så læs 2b a. ITU s computere Under Local Info angiver du hvad din side skal hedde, og hvor dine filer skal gemmes på computeren. Site name Navnet på dit website. Kald den evt. Hotel Holiday. Local Root folder Klik på det gule mappe-ikon, og opret herefter mappen hotel_holiday under din public_html-mappe. Klik dig ind på den nye mappe, og vælg Select Default Image folder Hvor alle billeder placeres. Klik på det gule mappe-ikon, og opret en mappe kaldet images inde i mappen hotel-holiday. Klik på den nyoprettede mappe, og klik Select. Når du er færdig klikker du på OK. 2

3 b. Egen computer Under Local Info angiver du hvad din side skal hedde, og hvor dine filer skal gemmes på computeren. Site name Navnet på dit website. Kald den evt. Hotel Holiday. Local Root folder Her angiver du websites lokale placering. Klik på det gule mappe-ikon, og opret en mappe kaldet hotel-holiday. Klik på den nyoprettede mappe, og klik Select. Default Image folder Hvor alle billeder placeres. Klik på det gule mappe-ikon, og opret en mappe kaldet images inde i mappen hotel-holiday. Klik på den nyoprettede mappe, og klik Select. Dreamweaver giver også mulighed for at uploade dine filer til din public_html mappe på ITU s server. Klik på Remote Info. Under rullemenuen Access vælger du FTP. Du skal nu udfylde felterne med følgende værdier: FTP Host: ftp.itu.dk Host Directory: public_html/hotel_holidays/ (NB: FTP-funktionen i DW kan ikke oprette mapper. Du skal derfor selv oprette mappen hotel_holidays under din public_html-mappe først. Du kan evt. gøre det ved hjælp af en SSH-klient.) Login: Dit ITU-brugernavn Password: Dit ITU-password Tryk evt. på knappen Test for at se om du kan få forbindelse til serveren. Klik herefter på OK. 3

4 Trin 2 Opret ny HTML-side 1. Klik på [File > New] 2. En dialogboks åbnes. Vælg HTML under Page Type og <none> under Layout. DocType Skal være XHTML 1.0 Strict. Klik herefter på Create. NB: Hvis du ikke benytter Dreamweaver CS3, men derimod en ældre version, så skal du sørge for at copy-paste dette ind øverst i din html-fil ligefør dit <head>-tag.: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 3. Gem siden som index.html [File > Save as ] 4. Klik på Split-view, så du både kan se html-koden øverst og designet nederst. Under Title skriver du Hotel Holiday. Læg mærke til at DW har auto-genereret noget html-kode for dig, og du behøves derfor ikke indtaste eks. title, head- og body-tags. 5. Vi skal nu tilføje en header, en menu, content-område og en footer på siden, og bagefter style dem ved hjælp af CSS. Indtast følgende mellem dine to body-tags, og gem din side: <div id="container"> <div id="header"></div> <div id="menu"></div> <div id="content"></div> <div id="footer"></div> </div> 4

5 Trin 3 Style layout med CSS Nu skal layoutet styles, så opbygningen kommer til at se ud som nedenstående billede: 1. Først skal body-elementet styles. Under panelet CSS (højre side) skal du klikke på ikonet New CSS Rule. Hvis panelet er skjult, så tryk [shift-f11] 2. I dialogboksen vælges Tag. Da vi skal definere body, skal du finde denne i rullemenuen. Vælg Define in New Style Sheet File, som sørger for at oprette et nyt eksternt stylesheet. Klik OK 5

6 3. Du bliver nu bedt om at navngive dit stylesheet. Gem det evt. som style.css i roden af dit website. 4. I en ny dialogboks skal vi nu definere css-reglen for body i vores nyoprettede stylesheet. Der er en lang række kategorier at vælge i mellem. a. Klik på kategorien Type og ændr Font til Georgia, Times New Roman, Times, serif b. Klik på kategorien Background, og ændr Background color til #C7B18B. Klik Apply 6

7 c. Klik på kategorien Block og ændr Text-align til center d. Klik på kategorien Box, og sæt Padding til 20, og Margin til 0, og klik OK e. DW har nu generet CSS-koden i dit stylesheet. Den lille asterisk ved filnavnet betyder at dokumentet endnu ikke er gemt. Tryk på [ctrl-s] for at gemme. Du kan nu se dine ændringer ved at klikke på index.html. 7

8 f. Nu har du lært hvordan man laver nye CSS-regler, men du kan også indtaste koden manuelt, på samme måde som i notepad. Nu skal vi have stylet de andre elementer i vores dokument. Dobbeltklik på style.css i panelet Files: g. Tilføj nu følgende kode efter din body-selektor: #container { text-align: left; margin: 0px auto; width: 750px; border: 8px solid; border-color: #FFFFFF; #header { margin: 0px auto; height: 145px; border-bottom: 5px solid; border-color: #FFFFFF; #content { padding: 15px; color: #660000; background-color: #F8F3EA; #footer { text-align: center; background-color: #8A0E0B; color:#ffffff; font-size: 9px; p { font-size: 12px; Gem herefter dit stylesheet. 8

9 Trin 4 Tilføj header-billede Siden ser stadig ret kedelig ud, så nu vil vi tilføje et billede til vores header. 1. Find header.jpg på nedenstående link, og gem den i mappen images, som du oprettede i trin Åbn index.html. Under panelet Files (F8 hvis det ikke er synligt) skal du klikke på fanebladet Assets, og herefter klikke på ikonet Images. Her kan du se header.jpg, som du har lagt i mappen Images. Hvis det ikke er synligt, så klik på det lille refresh-symbol nede i hjørnet. 3. Hold musen inde når du trykker på header.jpg, og træk billedet over i din header, og slip billedet. Tilføj en passende alt-tekst når DW beder om det. I kodevinduet, kan du se at DW automatisk har generet mere HTML-kode for dig. 4. Gem siden, og preview siden i din foretrukne browser. Klik på det lille jordklode-ikon, eller tryk F12 9

10 Trin 5 - Opret CSS- Menu Hvad er et website uden en menu? Nu skal vi oprette en CSS-menu, som gerne skulle komme til at ligne nedenstående: 1. Først skal vi tilføje lidt kode til index.html. Tilføj følgende kode efter elementet <div id= menu >: <div id="menu"> <ul> <li><a href="#">velkommen</a></li> <li><a href="#">beliggenhed</a></li> <li><a href="#">værelser</a></li> <li><a href="#">priser</a></li> <li><a href="#">reservation</a></li> </ul> </div> TIP: Hvis du synes koden ser lidt rodet ud, så kan du formatere den, så den ser pæn og nydelig ud. Klik på Code-view, og klik på ikonet Format Source Code: 2. Resultatet er en kedelig liste med links, men nu skal vi style den. Klik på style.css, og tilføj følgende kode: #menu { #menu ul { font-size: 11px; text-align: center; padding-bottom: 5px; padding-top: 5px; padding-left: 0; margin-top: 0; margin-bottom: 0; margin-left: 0; background-color: #8A0E0B; color: white; width: 100%; font-family: Arial,Helvetica,sans-serif; line-height: 18px; #menu ul li 10

11 { display: inline; padding-left: 0; padding-right: 0; padding-bottom: 5px; padding-top: 5px; #menu ul li a { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; color: white; text-decoration: none; border-right: 1px solid #fff; #menu ul li a:hover { background-color: #D20000; color: white; #menu #active { border-left: 1px solid #fff; Gem dit stylesheet og preview index.html i en browser. Nu skulle du gerne have en mere spændende menu, som reagerer når du kører musen over menupunkterne. NB: Hvis du benytter en ældre version af Dreamweaver end CS3, så er det ikke sikkert at menuen vises korrekt i den indbyggede preview-browser. Den nye version formår at gengive din side næsten ligeså godt som Firefox, Explorer eller Opera. Preview hellere i en rigtig browser. Så skulle resultatet se fint ud. Hvis du er interesseret i at lære mere om ovenstående css-kode, så er der en kort beskrivelse af hvad de enkelte selektorer på sidste side af denne øvelse. 11

12 Trin 6 Tilføj indhold til din side Hvad er en side uden indhold? Nu skal der tilføjes en overskrift, tekst og billede. 1. Sørg for at index.html er åbent, og klik i content-området under din nyoprettede menu. Skriv en overskrift og lidt indholdstekst. 2. I Properties-panelet i bunden (Ctrl-F3 for at skjule/vise) har du en masse formateringsmuligheder til din overskrift og tekst. Marker din overskrift og vælg Heading 3 i rullemenuen Format. På samme måde laver du din indholdstekst til en paragraf. 3. Nu skal vi tilføje et billede under overskriften. Måske et billede af en Bellboy der byder velkommen til hotellet. Find billedet velkommen.jpg på nedenstående link, og gem det i din images-mappe: Ligesom i trin 4 skal du klikke på fanebladet Assets i files-panelet, og herefter klikke på ikonet Images. Hvis du ikke ser velkommen.jpg, så klik på refresh-ikonet billedet hen mellem din overskrift og din indholdstekst. nede i hjørnet. Træk 4. Selvom DW ikke er et program til billedredigering, så er der nogle grundlæggende funktioner til at beskære, komprimere, og redigere lysstyrke/kontrast. DW CS3 har også god integration med Photoshop, og det er faktisk nu muligt at copy-paste et billede fra Photoshop direkte ind i DW. Det var ikke muligt i tidligere versioner. Aktiver billedet du lige har placeret, ved at klikke på det. Properties-panelet giver dig nu mulighed for at redigere i billedet. Prøv at beskære billedet, så det ikke fylder så meget: 12

13 5. Nu skal der lidt indhold i footer. Tilføj hotel-adressen til elementet <div id= footer >. Eksempelvis: <div id="footer">hotel Holidays - Hotelvej 9, 1552 København V - tlf: </div> 6. Nu har vi oprettet en færdig side. Gem og preview siden i browseren [F12]. 13

14 Trin 7 Opret template Under dette trin lærer du hvordan du benytter Dreamweavers Template Management funktion. Vi skal nu lave en template/skabelon ud fra vores eksisterende side (index.html). Herefter er det muligt at oprette mange nye sider, som bygger på samme template/skabelon. Fordelene er: Alle sider forbliver konsistente Hvis du vil foretage ændringer der skal have effekt på alle sider, så behøves du kun at rette i din template. Herefter vil alle sider blive opdateret automatisk. 1. Nu skal vi gemme index.html som en template. Klik [File > Save as Template]. I tekstfeltet Save as: skrives skabelon. Klik på Save. DW spørger om du vil opdatere links. Klik Yes. I Files-panelet kan man se, at DW har oprettet mappen Templates, og gemt template som skabelon.dwt (dwt står for Dreamweaver Template). 2. Nu skal vi definerer hvilke områder af skabelonen vi vil gøre redigerbare når vi opretter nye html sider baseret på skabelonen. I dette tilfælde er det vores overskrift, billede og indholdstekst. Sørg for at skabelon.dwt er åben. Det kan være lidt svært at se om man redigerer i sin template, eller en almindelig html-fil. Er du i tvivl, så kast et blik på top-baren, hvor det er angivet med <<Template>> Markér overskriften, men sørg også for at få html-tags ene <h3></h3> med i markeringen. Klik herefter på [Insert > Template Objects > Editable region] eller tryk [Ctrl+Alt+V]. Giv et passende navn til regionen. 14

15 3. Gør nu også det på billedet og på indholdsteksten. Gem din skabelon 4. Nu er skabelonen oprettet, og vi kan nu lave nye html-sider, som baserer sig på denne denne. Klik på fanebladet Assets under panelet Files. Klik herefter på ikonet Templates. Din nyoprettede template skulle gerne kunne ses i panelet. Hvis ikke, så prøv at klikke på refresh-ikonet hjørnet. Højreklik på din template, og vælg New From Template: nede i 5. Du har nu oprettet et nyt dokument, som baserer sig på skabelonen. Gem det nye dokument og kald det velkommen.html. Der skal oprettes fire sider på samme måde, da vi har fire andre menupunkter. Gentag punkt fire, og gem de andre dokumenter som henholdsvis: beliggenhed.html, vaerelser.html, priser.html og reservation.html. 15

16 6. Nu skal menuen linke til de tilsvarende html-filer. Åbn skabelon.dwt (Ligger i Templates-mappen). Klik med markøren på teksten Velkommen: I Properties-panelet skal du klikke på sigtekorns-ikonet. Hold knappen nede, mens du trækker musen hen til velkommen.html. Du har nu oprettet første link: Gentag punkt 6 med de resterende fire menupunkter, så de linker til deres respektive sider. Gem din template. Dreamweaver spørger nu om du vil opdatere alle sider, som er baseret på skabelonen. Tryk Update. 7. Alle fem sider har stadig samme indhold, selvom de hedder noget forskelligt. Tilføj en passende overskrift og nyt indhold til siderne. Gem siderne, og preview dem i en browser. Test om menuen linker til alle de sider du har oprettet. TIP Hvis du ikke længere vil basere en side på en template, så kan du detache skabelonen [Modify > Templates > Detach From Template ] 16

17 Trin 8 Validér site Man kan validere alle sider på én gang. 1. Under Properties-panelet finder du Result-panelet [Tryk på F7]. 2. Klik på fanebladet Validation 3. Klik på den grønne Play-knap og vælg Validate Entire Current Local Site. Fordi vi allerede har angivet den korrekte doc-type, da vi oprettede det første dokument, så finder DW selv ud af at vi validerer efter XHTML 1.0 strict. Hvis dette ikke er tilfældet så klik på Settings. 4. Ret de fejl der eventuelt måtte være. 17

18 Trin 9 Upload site (NB: Dette trin er ikke nødvendigt, hvis du sidder på ITU s systemer og gemmer direkte til din public_htmlmappe på H-drevet eller til W-drevet) Hvis du sidder på egen computer eller derhjemme, så kan du uploade dine filer. Det forudsætter at du har udført punkt 1B korrekt. 1. Under Files-panelet skal du markere alle de filer du gerne vil uploade (Shift-klik for at vælge flere) 2. Klik herefter på den lyseblå pil (Put Files) 3. Dine filer uploades Sådan, Tillykke! Du har nu oprettet et site i Dreamweaver. Så skulle den ged være barberet. Har du fået blod på tanden til at lære lidt mere om Dreamweaver, så kan du evt. videotutorials ud på Adobes side: 18

19 Beskrivelse af selektorene i CSS-menuen #menu Her kan du ændre størrelsen på fonten #menu ul Sørger for at centrere menuen og giver rum mellem de enkelte menupunkter. Her kan du også ændre baggrundsfarven på menupunkterne. Bestemmer også farven på fonten. #menu ul li Sørger for at vise listen horisontalt. #menu ul li a Ingen tekstdekoration ved links #menu ul li a:hover Angiver baggrundsfarven på menupunktet når musen er over den. #menu #active { border-left: 1px solid #fff; Angiver at color skal ændre sig, når der sker en action (Eksempelvis at brugeren trykker på linket.) Der finds mange tutorials om hvordan man laver CSS-menuer. Du kan både lave drop-down-menuer, horisontale og vertikale menuer ved hjælp af CSS. Du kan finde mere inspiration på denne side: 19

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

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

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

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Redesign af website for bilforhandleren PerB. Opgave har jeg stillet mig selv med det formål at lave en simpel men indbydende udgave af PerB s website.

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

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

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

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

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

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

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

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

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer Nedarvning Du styler som bekendt dit indhold med mange forskellige selektorer. De mest almindelige er class, id, tag men du kan også gruppere selektorer f.eks h1, h2, h3, p, a, img {font-family: Verdana,

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

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse 1 lært at lave en HTML5-side med afsnit,

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

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

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

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

Læs mere

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

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

Qbrick s krav til video filtyper

Qbrick s krav til video filtyper Indhold Qbrick s krav til video filtyper... 1 Krav til ordningen/området... 1 Qbrick s krav til video leverandør... 1 Video og billede størrelser i WCM:... 1 Upload en video... 2 Trin 1: Mediefiler...

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

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW Opgaven I AArhus er en fiktiv hjemmeside. Formålet med hjemmesiden, er at Folk som befinder sig i Aarhus kan henvende sig til I AArhus og berette deres synspunkt på Aarhus. Siden henvender sig til unge,

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

Byg web sider. Introduktion:

Byg web sider. Introduktion: Introduktion: Du kender nu nogle enkle HTML tags, så nu er det på tide, at du kommer i gang med at lave din første side! Når du har nogle HTML-sider klar skal du have dem lagt op, så dine venner kan se

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

Guide til Umbraco CMS

Guide til Umbraco CMS web Guide til Umbraco CMS Indhold Indledning 3 Kompatible browsere 3 Log ind i Umbraco 4 Content-delen 5 Indholdstræet 5 Tilføjelse af en side/sektion 7 Sortering af indhold 12 Galleri 14 Mediebibliotek

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

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

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

Installation af WeroShop 2.8

Installation af WeroShop 2.8 2013 Installation af WeroShop 2.8 Tommy Westerdahl Christensen Wero Electronics 01-01-2013 Indholdsfortegnelse INDLEDNING... 2 INSTALLATION... 3 GENEREL OPSÆTNING... 8 MOMS OPSÆTNING... 10 BETALINGSFORMER...

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

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

Upload af billeder til hjemmesiden m.m.

Upload af billeder til hjemmesiden m.m. Upload af billeder til hjemmesiden m.m. Fremgangsmåde VVS-inst.dk Upload af billeder m.m., Side 1 Så går vi i gang Åben Firefox browseren Gå ind på denne adresse, for at komme til hjemmeside programmet.

Læs mere

Elevvejledning til SkoleKomNet - Min egen hjemmeside

Elevvejledning til SkoleKomNet - Min egen hjemmeside Indledning...1 Sådan får du adgang...2 Dit KlasseWeb skrivebord Overblik...2 Dit arbejdsområde...3 Din hjemmeside på nettet...3 Sådan laver du en hjemmeside i 4 trin...3 Trin 1 Dit personlige billede på

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

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

Hjemmeside om elbiler - www.elbiler.nu

Hjemmeside om elbiler - www.elbiler.nu OKTOBER 2013 HØJE-TAASTRUP KOMMUNE Hjemmeside om elbiler - www.elbiler.nu BRUGERVEJLEDNING TIL VEDLIGEHOLDELSE ADRESSE COWI A/S Parallelvej 2 2800 Kongens Lyngby TLF +45 56 40 00 00 FAX +45 56 40 99 99

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

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 TYPO3 manual DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 Det første afsnit, Introduktion til systemet, giver et hurtigt overblik over mulighederne.

Læs mere

Den digitale Underviser. Clouds. Dropbox

Den digitale Underviser. Clouds. Dropbox Den digitale Underviser Clouds Dropbox Indhold Indhold... 1 Dropbox... 1 Installer Dropbox... 2 Åbn Dropbox fra egen computer... 2 Åbn Dropbox fra en anden computer... 3 Lagre filer i Dropbox (offline

Læs mere

Flash Logic Free CMS. Manual og brugervejledning

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

Læs mere

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

OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre.

OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. WORKFLOW OPGAVEN Konditoren skulle have lavet et site til deres opskrifter. Konditoren.dk er en blog for bageglade amatørere i alle aldre. Det er en fiktiv opgave. MIT BIDRAG Jeg stod for al design og

Læs mere

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4 Indhold 1 Indledning... 3 1.1 Kompatible browsere... 3 2 Log ind i Umbraco... 3 3 Content-delen... 4 3.1 Indholdstræet... 4 3.2 Ændring af indhold... 5 3.3 Tilføjelse af en side/sektion... 6 3.4. At arbejde

Læs mere

Sådan redigerer du en hjemmeside i Umbraco

Sådan redigerer du en hjemmeside i Umbraco Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside i Umbraco Indhold Introduktion... 2 Log på Umbraco og redigér din hjemmeside... 3 Opret ny side... 7 Gem side uden at udgive/publicere

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

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? I dag skal du lære at lave hjemmesider, så du også kan bidrage til at opbygge

Læs mere

2. H vis du vil br uge egen computer til øvelser ne

2. H vis du vil br uge egen computer til øvelser ne W ebdesign og webkommunikation 2, I T U niversitetet, forår 2011. I ntroduktion til det praktiske 1. Målsætning Før vi går i gang med kurset, skal du have de helt lavpraktiske ting på plads, så du er helt

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

Manual til hjemmeside i Typo3

Manual til hjemmeside i Typo3 Manual til hjemmeside i Typo3 Gode tips og genvejstaster Ét linieskift Ctrl + A Ctrl + C Ctrl + X Ctrl + V shift + enter (tasten du normalt bruger til linieskift) Markér alt Kopier Klip Sæt ind Oprettelse

Læs mere

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside 1. Lidt om hvad du

Læs mere

Installation af WeroShop 2.4 S

Installation af WeroShop 2.4 S 2012 Installation af WeroShop 2.4 S Tommy Westerdahl Christensen Wero Electronics 23-02-2012 Indholdsfortegnelse INDLEDNING... 2 INSTALLATION... 3 GENEREL OPSÆTNING... 8 MOMS OPSÆTNING... 10 BETALINGSFORMER...

Læs mere

Video obligatorisk øvelse

Video obligatorisk øvelse Video obligatorisk øvelse Denne obligatoriske øvelse går ud på at bearbejde en video og lægge den ud på jeres hjemmeside. Arbejdet med videoen laves i Windows Movie Maker, der findes i start-menuen under

Læs mere

GRAFISK WORKFLOW Hjemmesidedesign

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

Læs mere

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

SIDEN PÅ WORDPRESS.COM

SIDEN PÅ WORDPRESS.COM WordPress WordPress er et fantastisk program til blog og til hjemmesider, hvor du gerne vil kunne rette via din browser. WordPress er meget udbredt og det er derfor nemt at finde fora, templates og hjælp

Læs mere

Mindmapping med FreeMind. En Introduktion til programmet FreeMind

Mindmapping med FreeMind. En Introduktion til programmet FreeMind En Introduktion til programmet FreeMind Jan Leffers 2006 Indholdsfortegnelse Indledning...2 Hvad er et mindmap...2 Mindmap guidelines...3 Download og installation...3 Kom hurtigt i gang...4 Det første

Læs mere

TYPO3 Nyhedsbrev. Version: 1.2 Tilpasset TYPO3: 4.2 Sidst opdateret: 20/10-2010 Copyright: IdeFA Gruppen

TYPO3 Nyhedsbrev. Version: 1.2 Tilpasset TYPO3: 4.2 Sidst opdateret: 20/10-2010 Copyright: IdeFA Gruppen TYPO3 Nyhedsbrev Version:. Tilpasset TYPO3: 4. Sidst opdateret: 0/0-00 Copyright: IdeFA Gruppen IdeFA Gruppen - Havnepladsen - 9900 Frederikshavn - Tlf. 46 907 930 - info@idefa.dk - www.idefa.dk Indholdsfortegnelse.

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

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse Indholdsfortegnelse Indledning... 2 Hjemmeside struktur... 3 Rettigheder... 4 Opret Nyhed... 6 Opret Kalender Event... 7 Opret Arrangement... 9 Fast side... 10 Forside... 11 Tekst... 11 Billeder... 11

Læs mere

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06.

Ordbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06. Ordbøgerne.dk Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06 Side 1 af 35 Indholdsfortegnelse Indledning:...3 Design...4 Visuelt design:...4

Læs mere

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

Læs mere

Det Naturvidenskabelige Fakultet. Introduktion til Blackboard (Øvelser) Naturvidenskabeligt Projekt 2006 Prøv at forske

Det Naturvidenskabelige Fakultet. Introduktion til Blackboard (Øvelser) Naturvidenskabeligt Projekt 2006 Prøv at forske Det Naturvidenskabelige Fakultet Introduktion til Blackboard (Øvelser) Naturvidenskabeligt Projekt 2006 Prøv at forske Indholdsfortegnelse Introduktion til Blackboard Content System...3 Øvelse 01 individuel:

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

Opsætning af Backup. Hvis programmet registreres korrekt vises nedenstående skærmbillede. Genstart herefter programmet.

Opsætning af Backup. Hvis programmet registreres korrekt vises nedenstående skærmbillede. Genstart herefter programmet. Opsætning af Backup Dette er en guide til opsætning af backup med Octopus File Synchronizer. Det første der skal ske er, at programmet skal registreres (programmet kan dog bruges i 30 dage, hvis det ikke

Læs mere

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette.

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Spørgsmålet er nu, hvordan laver man sådan en side? Du skal have et såkaldt webhotel, hvilket jeg

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

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og

Læs mere

Mark André Lyhne. Eksamen 2012. 12web1b

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

Læs mere

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden.

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Det vigtigste Hjemmeside i FrontPageExpress Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Lav en mappe til din hjemmeside. Find først din mappe på skolens netværk,

Læs mere

Daglig brug af Jit-klient

Daglig brug af Jit-klient Daglig brug af Jit-klient Indholdsfortegnelse Opret person...3 Alternativ oprettelse...3 Søgning af personer...4 Send besked...5 Vælg besked...6 Opret mappe...6 Opret skabelon...6 Slet mapper og skabeloner...6

Læs mere

BRUGERMANUAL FOR KLUBKOORDINATORER. Version 2.0

BRUGERMANUAL FOR KLUBKOORDINATORER. Version 2.0 BRUGERMANUAL FOR KLUBKOORDINATORER Version 2.0 Login Du skal vælge den klub som du tilhøre og dernæst indtaste din kode i feltet: Password. Regionsgolf-Danmark Administration Når du er logget ind i system

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

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

Manual CoffeeCup Visitkort konsulenter

Manual CoffeeCup Visitkort konsulenter Manual CoffeeCup Visitkort konsulenter Indhold 2 Start Lidt om sidens layout 3 Åbn den downloadede fil i CoffeeCup og gem den som dit eget projekt 3 Knapperne Ring og Mail Indsæt nyt link på Ring og mail

Læs mere

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

Vejledning KPK Online Prøverum

Vejledning KPK Online Prøverum Vejledning KPK Online Prøverum INDHOLD Introduktion side 2 Funktionsliste side 2 Få adgang til systemet side 3 Opload dine billeder side 4 Sådan bruges systemet side 5 Gem dine eksempler side 7 Side 1/7

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2

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

Webzoo Joomla Beginners Guide

Webzoo Joomla Beginners Guide Webzoo Joomla Beginners Guide Indholdsfortegnelse Joomla Vejledning 2 FTP-opsætning 2 Sektioner, Kategorier og Indhold 3 Sektioner 4 Kategorier 5 Artikler 6 Artikler - Indsæt billede 7 Artikler - Indsæt

Læs mere

NYHEDSBREVE MED MAILCHIMP

NYHEDSBREVE MED MAILCHIMP VÆRKTØJSKASSEN: NYHEDSBREVE MED MAILCHIMP VED JENS GRIEBEL DIGITAL KONSULENT, JENS@GRIEBEL.DK 1 Velkommen til MailChimp Denne guide vil hjælpe dig med at opsætte din første e-mail kampagne. Den vil også

Læs mere

Umbraco installationsvejledning

Umbraco installationsvejledning på et ScanNet ASP Webhotel Indledning Beskrivelse Denne vejledning vil indeholde installation af CMS systemet Umbraco på et ASP Webhotel. Det dansk grundlagt Content Management System (CMS) Umbraco er

Læs mere

Installation af Bilinfo på Windows

Installation af Bilinfo på Windows Installation af Bilinfo på Windows Eksempler i denne vejledning er taget fra Windows 7 og Internet Explorer 8 Download det nødvendige program. Gå ind på www.bilinfo.dk/download Klik på download ud for:

Læs mere

Siteloom manual for Comwells webredaktører

Siteloom manual for Comwells webredaktører Siteloom manual for Comwells webredaktører Generelt Hvad er SL: SiteLoom er redigeringsprogrammet bag comwell.com websitet, som gør det muligt for folk uden programmeringskundskaber, at redigere og tilføje

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

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

CS TYPO3 Manual. Udarbejdet af klaus@cs.aau.dk Side 1 af 30

CS TYPO3 Manual. Udarbejdet af klaus@cs.aau.dk Side 1 af 30 CS TYPO3 Manual TYPO3 CMS Opbygning...2 Log ind...2 Backend...3 Frontend...5 Hvor skal jeg klikke?...6 Gem, gem og vis, gem og luk og luk...7 Håndtering af sider og menuer...8 Sammenhæng mellem sider og

Læs mere

Tre sideopsætninger: 1 Forside. 2 Standard 3 Liste. 1 Forside. 2 Underside. 3 Liste

Tre sideopsætninger: 1 Forside. 2 Standard 3 Liste. 1 Forside. 2 Underside. 3 Liste 1 Forside Tre sideopsætninger: 1 Forside 2 Standard 3 Liste 2 Underside 3 Liste Ret indhold på en side I systemet kan du let rette tekst, link og billeder på hjemmesiden Først skal du logge ind i systemet

Læs mere

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette.

Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Spørgsmålet er nu, hvordan laver man sådan en side? Du skal have et såkaldt webhotel, hvilket jeg

Læs mere

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

Quickguide til kredscms. Login

Quickguide til kredscms. Login Quickguide til kredscms Dette er en quickguide, der vil præsentere dig for de mest basale funktioner i kredscms. Finder du ikke svar her, så prøv at spørge andre webmastere via debatforummet på leder.fdf.dk:

Læs mere

ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone

ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone Side 1 af 18 ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone Side 2 af 18 Indholdsfortegnelse ereolen.dk... 1 1. Første gang du vil anvende ereolen.dk... 3 1.1 Opret

Læs mere

Sådan uploader du undervisningsbeskrivelser og studieplaner

Sådan uploader du undervisningsbeskrivelser og studieplaner Sådan uploader du r og studieplaner Undervisningsbeskrivelserne og studieplanerne uploades via en hjemmeside, og derfor skal du blot bruge en almindelig webbrowser, når du som lærer vil uploade din /studieplan

Læs mere

#Anna Skak #Mediegrafiker

#Anna Skak #Mediegrafiker Grafisk Workflow OPGAVEN Fodboldklubben Egmont Rollators FC ville have en website, for at gøre klubben mere synlig for eventuelle nye medlemmer. Websitet skulle indeholde alle de praktiske oplysninger

Læs mere