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

Størrelse: px
Starte visningen fra side:

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

Transkript

1 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 det og snakke med det. Websites er skrevet ved hjælp HTML, som står for: Hyper Text Markup Language. Du vil finde ud af mere om det, efterhånden, som du opbygger dit website. Det er ligesom, at lære et nyt sprog og svarer lidt til, at rejse til udlandet. Her er det en kæmpe fordel,hvis man kan tale med de lokale, på deres eget sprog. Så, lad os rejse til HTML-land og får lært noget HTMLsprog. 1

2 STEP 1: Hvad er web-sider? 1. Åben et almindelig tekst-program, der skriver ren tekst, som Notepad eller Wordpad.. Lav et nyt dokument. 3. Skriv et eller andet! Det kunne f.eks. være: Hallo! Mit navn er Gem filen i en mappe på din pc og kald filen hallo.txt.

3 STEP 1: Hvad er web-sider? 4. Luk tekstprogrammet og find nu filen igen, i din mappe. Åben den ved at dobbeltklikke på den. Den åbner op i dit tekst-program. 5. Gem filen igen, men denne gang som hallo.html 6. Prøv at åbne filen ved igen, at dobbeltklikke på den. 3

4 STEP 1: Hvad er web-sider? 7. Hvilket program blev denne gang brugt til, at åbne filen? En web browser er et specielt program, der ved hvordan man oversætter tekst-filer, som indeholder HTMLkoder. Vi har endnu ikke tilføjet noget HTML, vi har kun skrevet noget tekst, men browseren er ligeglad! Så længe du skriver.html, vil browseren gøre sit bedste for at vise filens indhold så godt som den forstår det. 8. Dette er meget nyttigt. Selv når en hjemmeside indeholder fejl, vil browseren forsøge at finde ud af, at vise det til dig alligevel. 9. Hvordan kan vi se disse filer? Når du skriver i adressefeltet i din browser, bliver din anmodning sendt videre til en computer, der altid er tændt og konfigureret til, at tillade dig at se de sider, der lever inde i den. Denne computer kaldes en server. Når den modtager en anmodning fra din computer, leder den efter alle de nødvendige filer (hallo.html filen), som den sender dig med alle de elementer, siden skal vise, som f.eks. teks, billeder og videoer. Når du dobbeltklikker på hallo.html filen i din mappe fungerer din pc, som en server, der sender html-filen videre til browseren på din pc. 4

5 STEP : Hvad er HTML? 1. HTML er et markup sprog - det betyder, at det bliver brugt til at beskrive, hvad tingene er. Selvom browseren vil forsøge at vise tingene så godt som den kan, hjælper det den, at vide hvad disse ting er, om det er en overskrift, et citat, en liste osv.. Til at fortælle browseren dette, bruger vi tags. 3. Tags indrammer det indhold vi putter på websiden. De ser f.eks. således ud: <p>dette er noget tekst</p> <p> er en forkortelse for paragraph. Der er en åbnings tag, som ser således ud: <p> og en tilhørende luknings tag med en skråstreg: </p> Browseren ved, at alt imellem de to tags er et afsnit med tekst. 4. Prøv at lave et tekstfelt vha. tekst-programmet: 5

6 STEP : Hvad er HTML? 5. Læg mærke til, at selv om teksten i den sidste paragraph står på 3 linjer, vises den i browseren, som om de tre linjer står i forlængelse af hinanden. Det er fordi vi ikke har fortalt browseren, at den skal lave linjeskift. Man kan få browseren til at skifte linje ved, at skrive <br/> som betyder break (stop eller stands) for enden af det ord, hvor der skal være linjeskift. Prøv - og se hvad der sker. 6. Tags kan have attributter, som er stumper af nyttige oplysninger om elementet. Lad os se på et link tag: <a href= www. youtube.com >Se nogle videoer på Youtube</a> <a> står for anchor (anker). 7. Det har også et åbnings tag: <a> og et luknings tag: </a> men vi tilføjede også en attribut til åbningstagget: <a href= > href er attributten, og er værdien. href står for: hypertext reference. En tekst, der linker til andre tekster blev tidligere kaldt: hypertext, fordi den kunne indeholde billeder, lyde, og kunne linke til andre tekster. Det gjorde det til noget andet end bare ren tekst. href fortæller browseren hvor linket skal føre dig hen, og teksten imellem tagsene er den synlige linktekst i browseren. 6

7 STEP : Hvad er HTML? 8. Spørg en af hjælperne om du må downloade og bruge editværktøjer som: Notepad-plus til pc eller Bluefish til mac og et udviklingsværktøj Firebug https://getfirebug.com/, som bruges til at kigge på koder i både en Firefoxbrowser og en Chrome-browser. (en udvikler, er en der skaber ting med koder). 9. Dobbeltklik på page.html filen fra mappen: filer til opg1, der hører til opgaven. Åben den i en browser. Hvis du bruger udvikler værktøjer, så prøv at bevæg dig rundt på siden. Højreklik på alt du synes ser interessant ud, og klik på Inspect element (vis detaljer om elementet). Et panel vil åbne op, som viser dig sidens koder samtidig med at siden vises. 7

8 STEP : Hvad er HTML? 10. Bevæg musen hen over forskellige stykker af kode. De tilsvarende ting på siden vil blive fremhævet, så du kan se, hvilke ting, der gør hvad. Prøv at inspicere alle dele af siden. Kan du regne ud hvad de forskellige tag-navne står for? 11. Vi kender allerede: <p> and <a>. <ol> - ordered list (ordnet liste) <ul> - unordered list (uornet liste) <li> - list item (listeelement) <h1>, <h>, <h3>, <h4>, <h5>, <h6> - headings (overskrifter) <hr> - horizontal rule (vandret streg) <div> - en boks til grupering af elementer <img> - et særligt element, som i modsætning til andre ikke har et afsluttende tag. Vi bruger det til at indsætte billeder med. 8

9 STEP : Hvad er HTML? 1. Der er også tags, som vi altid bruger i HTML-dokumenter, og de er: <html> - fortæller browseren hvor vi sætter koden <head> - inde i <head> skriver vi information, der kan være nyttig for browseren, men som ikke kan ses som tekst på siden. I dette eksempel har vi sat en <title> ind, som vises i toppen af browser vinduet. <body> - Her placerer vi de elementer vi gerne vil have vist på siden. 13. Åben filen page.html i et edit-værktøj: Notepad++, Bluefish eller et andet 14. Læg mærke til hvordan tags kan indlejre inden hinanden. Vi har <a> tag, som er inde i et <p> tag, som igen er inde i et <div>, som er placeret inde i <body>. Hver gang dette sker, siger vi at tag et der bliver pakket ind er the child (barnet) og det tag der er indpakningen er the parent (forældre) elementet. Det er lidt ligesom et familietræ! 9

10 STEP : Hvad er HTML? 15. For browseren er tags af samme type ens, men du kan gøre dem individuelle eller forskellige ved at markere dem med classes (klasser) eller ids (udtales aye-dees). For eksempel kan nogle af dine afsnit være introduktioner, så du kunne give dem en klasse, som hedder introduktion. Prøv om du kan få øje på nogle klasser inde på page.html. 16. Ids bruges til at markere unikke elementer på din side. Se om du kan få øje på div tag med et id kitten på siden. 17. Hvad sker der hvis du flytter rundt på tingene? Lad os gå tilbage til kode-editoren. Find et <ol> tag i koderne og marker alt, som er inde i den: <ol> <li>killinger</li> <li>rummet</li> <li>sove længe</li> <li>spille spil</li </ol> 10

11 STEP : Hvad er HTML? 18. Kopier det nu et andet sted hen i koderne. Gem siden og refresh (opdater) siden i browseren. Hvordan påvirker rækkefølgen af din kode rækkefølgen, som tingene vises i browseren? Ting du kan prøve 1. Lav din egen paragraph med tekst: <p> Noget tekst, som du synes kune være interessant. Hvor meget du skriver er, op til dig. </p>. Lav et link, som peger hen til en anden del af siden (hint: det har noget, at gøre med id - kig efter et link, der tager dig hen til kitten). 3. Tilføj dine egne overskrifter, der hvor du tror, de kan være nyttige. Hvad sker der, hvis du ændrer overskriftens numre, for eksempel fra <h> til <h4>? 11

12 STEP : Hvad er HTML? 4. Hvad skal du gøre, hvis du gerne vil linke til en anden side? (hint: se linje 9 i koderne) 5. Hvis du bruger et udvikler værktøj, og du har panelet fremme, der viser koderne, prøv at dobbeltklik på et tag, der ser interessant ud. Prøv om du kan ændre det. Her får du et live preview (direkte visning) uden, at du behøver bevæge dig mellembrowseren og kodeeditoren. Sejt ikke? 6. Refresh siden. Hvad skete der? Når du redigerer kode på denne måde, bliver det ikke gemt. Så, det du kan gøre er, at se et preview (forhåndsvisning) af hvad der vil ske hvis du ændrede koderne, uden at du kommer til at rode rundt i koderne. Det giver dig mulighed for, at eksperimentere en masse og hele tiden kunne gå tilbage til de oprindelige koder. 1

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

Lav dine egne hjemmesider/websider

Lav dine egne hjemmesider/websider Sider, der skal publiceres på World Wide Web, laves i et særligt format, html, som fortæller browseren, hvordan den skal vise tekst og billeder. Html (Hypertext markup language) er meget fleksibelt og

Læs mere

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12 Grundlæggende HTML Hjemmesider, kommunikation og kode Hvad er HTML? Hyper Text Markup Language Beskrivelsen siger at det er et tekst sprog bestående af markører Bruges til at vise hjemmesider i en browser,

Læs mere

Øvelse 1, individuel øvelse billeder, links og undersider

Øvelse 1, individuel øvelse billeder, links og undersider Øvelse 1, individuel øvelse billeder, links og undersider 1. Målsætning I dag skal du lære om principperne bag HTML5 -om hvordan form og indhold er adskilt, og hvordan koden binder dem sammen. Det er et

Læs mere

IKT og Videnrepræsentationer

IKT og Videnrepræsentationer IKT og Videnrepræsentationer CSTBI-2 2010 5. kursusgang Introduktion til html Kjeld Svidt ks@civil.aau.dk Personlige hjemmesider De enkelte gruppemedlemmer kan lave egne hjemmesider i mappen public_html

Læs mere

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information web som medie Internet vs WWW Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information Internet protokoller (forskellige måder at udveksle information

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

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

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

HTML - FOR BEGYNDERE. Hans Hedegaard. (Frit hentet fra html.dk ) Redigeret af

HTML - FOR BEGYNDERE. Hans Hedegaard. (Frit hentet fra html.dk ) Redigeret af HTML - FOR BEGYNDERE (Frit hentet fra html.dk ) Redigeret af Hans Hedegaard HTML-GUIDE for begyndere Lektion 1: Det praktiske I denne første lektion får du en kort præsentation af de værktøjer, du skal

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

Gem dine dokumenter i BON s Content Management System (CMS)

Gem dine dokumenter i BON s Content Management System (CMS) 24. august 2007 Gem dine dokumenter i BON s Content Management System (CMS) INDHOLDSFORTEGNELSE 1. Indledning... 2 2. Se indholdet i dit Content Management System... 3 3. Tilgå dokumenterne i My Content

Læs mere

Introduktion til HTML5: Tekst, punktlister, billeder, links og undersider

Introduktion til HTML5: Tekst, punktlister, billeder, links og undersider Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 1, individuel øvelse Introduktion til HTML5: Tekst, punktlister, billeder, links og undersider 1. Målsætning

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

xgalleri Mulige filtyper Installation web-version

xgalleri Mulige filtyper Installation web-version xgalleri xgalleri opstod ud fra ønsket om at lægge en større samling billeder på nettet. Der findes mange programmer, som kan bruges til at lægge datafiler på nettet; men de fungerer typisk på den måde,

Læs mere

FC-intranet: FC-intranet er et fælles mail- og konferencesystem, hvor lærere og elever kan kommunikere.

FC-intranet: FC-intranet er et fælles mail- og konferencesystem, hvor lærere og elever kan kommunikere. IT-intro 9. august 2011 14:56 IT-introduktion på Risskov Gymnasium FC-intranet: FC-intranet er et fælles mail- og konferencesystem, hvor lærere og elever kan kommunikere. Før end man kan logge sig ind

Læs mere

Sitecore manual Institutionshjemmesider 2013. Kom godt i gang med at bygge din nye hjemmeside

Sitecore manual Institutionshjemmesider 2013. Kom godt i gang med at bygge din nye hjemmeside Sitecore manual Institutionshjemmesider 2013 Kom godt i gang med at bygge din nye hjemmeside 1 Log- ind så kommer du ind i Sitecore Gå til: institutionsnavn.gentoftesites.dk/sitecore ( f.eks.jaegersborgfc.gentoftesites.dk/sitecore)

Læs mere

Indhold. Jennie Mathiasen. Google Drev

Indhold. Jennie Mathiasen. Google Drev Indhold Opret Googlekonto... 2 Åbning af Google Drev... 5 Værktøjet Ny... 8 Værktøjet Mappe... 8 Værktøjet Upload fil... 10 Værktøjet Google Docs... 13 Værktøjet Google Sheets... 16 Værktøjet Google Slides...

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

Datalogi HTML Aarhus Katedralskole

Datalogi HTML Aarhus Katedralskole HTML HTML er en forkortelse for HyperText Markup Language og er således et markeringssprog og ikke et programmeringssprog! HTML bruges til at opmærke indholdet på en hjemmeside, og skal ses som en måde

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

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

Aptana editor til MAC og Windows

Aptana editor til MAC og Windows 1 Aptana editor til MAC og Windows http://aptana.com/products/studio3/download For at downloade Mac versionen skal du klikke på : Customize Your Download og der efter klikke på MAC OS X. Indtast navn og

Læs mere

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Niels Sundstrup Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Webteknologi - Carl- Henrik Nielsen - Syddansk Universitet, Kolding - Udlevering: 12. januar 2012 Aflevering: 19. januar

Læs mere

Login side 3. Upload af billeder side 8. Upload billeder via Drag&Drop side 14. Udfyld og indsæt valgfri side i playlisten side 17

Login side 3. Upload af billeder side 8. Upload billeder via Drag&Drop side 14. Udfyld og indsæt valgfri side i playlisten side 17 Indholdsfortegnelse: Login side 3 Opdater din crawl side 5 Upload af billeder side 8 Upload billeder via Drag&Drop side 14 Udfyld og indsæt valgfri side i playlisten side 17 Vælg en valgfri side i playlisten

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

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

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

Linkets anatomi. Koden ser i udgangspunktet sådan ud: Linktekst Det betyder koden: < Her starter et nyt stykke kode

Linkets anatomi. Koden ser i udgangspunktet sådan ud: <a href= URL >Linktekst</a> Det betyder koden: < Her starter et nyt stykke kode Linkets anatomi Links er i internettets DNA. Det er en af byggestenene i hele den store, store web- krop. Det er nyttigt at kunne spotte, forstå og håndtere et link, når du ser det i HTML- koden. Koden

Læs mere

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper:

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper: DXP vejledning Generelt: DXP er et værktøj til at fremstille præsentationsmaterialer (foldere, brochurer, løbesedler mv.) DXP egner sig kun til mindre brochurer og lign., da den største skabelon kan rumme

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

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

Kom godt i gang med I-bogen

Kom godt i gang med I-bogen Kom godt i gang med I-bogen At åbne bogen Det allerførste, du skal gøre, for at kunne arbejde med i-bogen, er at aktivere den. Det gøres ved at oprette en konto på systime.dk og derefter aktivere bogen

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

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

Læs mere

Danhost Webshop. Bliv fundet på Google

Danhost Webshop. Bliv fundet på Google Danhost Webshop Bliv fundet på Google SEO - Søgemaskineoptimering Når du arbejder med SEO, er det med henblik på, at din hjemmeside eller webshop skal dukke op i søgeresultaterne på f.eks. Google når en

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

Manual Serif Web & Tableau Public

Manual Serif Web & Tableau Public Manual Serif Web & Tableau Public Indhold 2 Start 3 Festivalprogram 4-19 Kursuskatalog 20-22 Dramaskolehold 23-28 Visitkort konsulenter 29-30 Visitkort scener 31-35 Amatørkulturens tal 36-42 VIGTIGT! For

Læs mere

Tillykke Med Fødselsdagen

Tillykke Med Fødselsdagen HTML & CSS 1 Tillykke Med Fødselsdagen 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

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

Windows Vista 1. Side 1 af 10

Windows Vista 1. Side 1 af 10 Windows vista...2 Lukke for PC,en...3 Velkomstcenter...3 Finde/starte et program...4 Alle programmer...5 Menuen Start...5 Stifinder...6 Windows Sidepanel og gadgets...7 Dokumenter...7 Tilbehør...8 Windows

Læs mere

Her kan man oprette et nyt slideshow ved at trykke på kassen med "Opret nyt slideshow". Dette fører en til "Rediger slideshow".

Her kan man oprette et nyt slideshow ved at trykke på kassen med Opret nyt slideshow. Dette fører en til Rediger slideshow. Hjælp til Praksisskærm Redigering i Praksisskærm Redigeringsdelen består af 2 sider. Den ene side - "Oversigt over slideshows" indeholder oversigten over ens slideshows. Den anden - "Rediger slideshow"

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

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

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

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

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

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

QUICKGUIDE TIL XMEDIA

QUICKGUIDE TIL XMEDIA QUICKGUIDE TIL XMEDIA 1 UPLOAD DINE EGNE BILLEDER TIL "MINE MAPPER" 2 ARBEJD MED EN SKABELON 3 OPRETTELSE AF PDF 4 ÅBN OG ARBEJD VIDERE MED EN SKABELON 1 OPLOAD DINE EGNE BILLEDER TIL MINE MAPPER Opret

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

Sitecore - basisvejledning Oktober 2012

Sitecore - basisvejledning Oktober 2012 Sitecore - basisvejledning Oktober 0 Indholdsfortegnelse Sådan opretter du en ny artikelside... 3 Sådan omdøber du et artikelnavn så du får vist æ, ø og å... 4 Undgå at din artikel bliver publiceret i

Læs mere

I Windows fil struktur er der følgende ting Drev, Mapper, Filer og Genveje.

I Windows fil struktur er der følgende ting Drev, Mapper, Filer og Genveje. Windows Fil Struktur I Windows fil struktur er der følgende ting Drev, Mapper, Filer og Genveje. Hvad er et drev Et drev, er en afgrænsning af fil strukturen. Når du går ind på et drev vil du stå i roden

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

Kapitel 17 Oprette websider:

Kapitel 17 Oprette websider: Kom i gang med... Kapitel 17 Oprette websider: Gemme dokumenter som HTML-Filer OpenOffice.org Rettigheder Dette dokument er beskyttet af Copyright 2005 til bidragsyderne som er oplistet i afsnittet Forfattere.

Læs mere

En guidet tur gennem Clilstore

En guidet tur gennem Clilstore En guidet tur gennem Clilstore Elementære skridt Dette er en trin for trin demonstration af hvordan man kan lave en online webside (Unit) med video samt tekst hvor alle ordene er kædet til en lang række

Læs mere

Større skriftlige opgaver i Microsoft Word 2007 Indhold

Større skriftlige opgaver i Microsoft Word 2007 Indhold Større skriftlige opgaver i Microsoft Word 2007 Indhold Større skriftlige opgaver i Microsoft Word 2007... 1 Inddeling i afsnit... 2 Sideskift... 2 Sidetal og Sektionsskift... 3 Indholdsfortegnelse...

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

Billedvideo med Photo Story

Billedvideo med Photo Story Billedvideo med Photo Story Programmer: Microsoft Photo Story 3 Microsoft Windows XP Microsoft Internet Explorer Anvendelse: Edb informatik - Almen Voksenuddannelse September 2006 Billedvideo med Photo

Læs mere

Sitecore - basisvejledning Version 2. September 2010

Sitecore - basisvejledning Version 2. September 2010 Sitecore - basisvejledning Version. September 00 Sådan opretter du en ny artikelside... Sådan omdøber du et artikelnavn så du får vist æ,ø og å... Sådan udgiver (publiserer) du nyt eller redigeret indhold...4

Læs mere

Vejledning til. LearnSpace

Vejledning til. LearnSpace Vejledning til LearnSpace Version 13. 08. 2015 Indholdsfortegnelse Om LearnSpace... 2 Oprette et nyt kursus i egen afdeling... 3 Aktivere selvtilmelding til et kursus... 5 Tilmelde undervisere der må redigere

Læs mere

1. Indledning... 1. 2. Installation... 2. 2.1 Mac OS X... 2. 2.2 Windows... 10. 3. Arkivering... 11. 3.1 Mac OS X... 11. 3.2 Windows...

1. Indledning... 1. 2. Installation... 2. 2.1 Mac OS X... 2. 2.2 Windows... 10. 3. Arkivering... 11. 3.1 Mac OS X... 11. 3.2 Windows... Manual til HTTrack 1. Indledning... 1 2. Installation... 2 2.1 Mac OS X... 2 2.2 Windows... 10 3. Arkivering... 11 3.1 Mac OS X... 11 3.2 Windows... 17 4. Visning af arkiveret materiale... 18 4.1 Mac OS

Læs mere

Manual til HTTrack. 1. Indledning. 2. Installation

Manual til HTTrack. 1. Indledning. 2. Installation Manual til HTTrack 1. Indledning... 1 2. Installation... 1 2.1 Mac OS X... 2 2.2 Windows... 9 3. Arkivering... 10 3.1 Mac OS X... 10 3.2 Windows... 14 4. Visning af arkiveret materiale... 15 4.1 Mac OS

Læs mere

Dokumentering af umbraco artikeleksport:

Dokumentering af umbraco artikeleksport: Dokumentering af umbraco artikeleksport: Lav en artikel side 2-3. Installationsguide side 3-5. Opsættelse af databasen og web.config side 5-8. Umbraco: templates side 8. Umbraco: borger.dk tab side 8.

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

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

Læs mere

CSS fortsat: Boksmodel, floating & positionering

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

Læs mere

Hold kontakten med dit netværk!

Hold kontakten med dit netværk! Hold kontakten med dit netværk! - Outlook er dit netværksprogram Outlook er mere end blot et mailprogram Du kan bruge Outlook til meget mere end blot at sende og modtage mails med. Eksempelvis, så er Outlook

Læs mere

Smart. 1. Login på din Parrot Asteroid Market konto på din PC Søg efter Parrot Asteroid Market i din browser

Smart. 1. Login på din Parrot Asteroid Market konto på din PC Søg efter Parrot Asteroid Market i din browser Når du tidligere har købt TomTom applikationen til en specifik enhed (unikt serienummer), så vil du gratis kunne opdatere til nyere version når denne bliver tilgængelig på Parrot Asteroid Market. Bemærk:

Læs mere

Redaktørmanual TYPO3 Version 6.2

Redaktørmanual TYPO3 Version 6.2 Redaktørmanual TYPO3 Version 6.2 www.t3cms.dk TYPO3 Manual Version 6.2 Side 1 af 20 T3CMS Tlf: 70 25 00 22 Indholdsfortegnelse Generel info om TYPO3 3 Rediger din side 4-6 Indsættelse af links 7 Indsæt

Læs mere

Først skal du oprette dig i systemet, d. v. s. du skal have en såkaldt Googlekonto bestående af en mailadresse og et kodeord.

Først skal du oprette dig i systemet, d. v. s. du skal have en såkaldt Googlekonto bestående af en mailadresse og et kodeord. Gmail Indhold Indhold...1 Introduktion...2 Opret dig i systemet...2 At skrive mails...5 Sende en mail til flere personer...8 Vedhæfte en fil...9 Kladde...10 Signatur...11 Modtagne mails...12 Stjernemarkering...14

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

Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side...

Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side... Banner Side 1 af 8 Indhold Indhold... 2 Installation af bannermodulet... 3 Opsætning af bannermodul... 5 Opsætning af bannere... 7 Indsætning af bannermodul på side... 8 Side 2 af 8 Installation af bannermodulet

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

Skabelonfilen er udarbejdet i Word til Windows (Office 2010) og er også afprøvet i Word til Mac.

Skabelonfilen er udarbejdet i Word til Windows (Office 2010) og er også afprøvet i Word til Mac. Nordiske Studier i Leksikografi 13 (København 2015) Brug af stilark Vi vil gerne have at alle forfattere benytter den Word-fil som redaktionen har udarbejdet og sendt ud, både forfattere og redaktører

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

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

Browserindstillinger til EfterUddannelse.dk

Browserindstillinger til EfterUddannelse.dk Browserindstillinger til EfterUddannelse.dk 3. udgave, februar 2012 Denne vejledning er en hjælp til at løse almindelige og kendte browserproblemer, der kan forekomme i Internet Explorer 7 og 8, når du

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

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

LOGIN CONTENT STATION

LOGIN CONTENT STATION WOOWING QUIKGUI 1 LOGIN ONTNT STTION 1. Start ontent Station (enten som separat program eller direkte i din browser på publish.datagraf.dk ). Her kommer du til Login. 2. (Valgfrit) Klik Options og vælg

Læs mere

Undervisning Windows 8(.1)

Undervisning Windows 8(.1) Undervisning Windows 8(.1) Kursusmateriale Jeg vil her forsøge at opridse de basale begreber og funktioner vi har gennemgået på kurset. Da der har været mange spørgsmål løbende, som ikke er besvaret her,

Læs mere

Sådan installeres og teste WordPress på en lokal server

Sådan installeres og teste WordPress på en lokal server Sådan installeres og teste WordPress på en lokal server Det gratis WordPress blog værktøj er vokset gennem årene til et fuldgyldigt CMS-system content management system). WordPress har forenklet processen

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

Podcatching. sådan finder, henter og abonnerer du på podcast. Instruktionshæfte. (Rev. 30.10.11) Podcastingkonsulent Karin Høgh

Podcatching. sådan finder, henter og abonnerer du på podcast. Instruktionshæfte. (Rev. 30.10.11) Podcastingkonsulent Karin Høgh Podcatching sådan finder, henter og abonnerer du på podcast Instruktionshæfte (Rev. 30.10.11) Podcastingkonsulent Karin Høgh www.podconsult.dk karin@podconsult.dk Indhold Introduktion...3 Ordforklaring...4

Læs mere

Hvordan opretter jeg MultiUser med en access-database?

Hvordan opretter jeg MultiUser med en access-database? Hvordan opretter jeg MultiUser med en access-database? Hvis du vil starte MultiUser med en access-database, skal du som det første downloade en access-database og placere den på et fælles drev. Du kan

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,

Læs mere

INSTALLATIONS GUIDE. Online harddisk (Chili Cloud) TIL PC OG MAC FIBERBREDBÅND TV TELEFONI

INSTALLATIONS GUIDE. Online harddisk (Chili Cloud) TIL PC OG MAC FIBERBREDBÅND TV TELEFONI INSTALLATIONS GUIDE Online harddisk (Chili Cloud) TIL PC OG MAC FIBERBREDBÅND TV TELEFONI INDHOLD PC...4 Mac...18 PC Sådan installerer du Chili Cloud på PC Åbn den mail du har modtaget med Chili Cloud

Læs mere

Hvordan laver jeg mit eget kort på ArcGIS Online?

Hvordan laver jeg mit eget kort på ArcGIS Online? Hvordan laver jeg mit eget kort på ArcGIS Online? Hvis du ønsker at lave dit eget kort på ArcGIS Online, er det naturligvis også muligt. 1. Start en web browser, tilgå http://www.arcgis.com og log ind.

Læs mere

Manual for installering og brug af IE-spyad af Anette B. Overgaard

Manual for installering og brug af IE-spyad af Anette B. Overgaard Manual for installering og brug af IE-spyad af Anette B. Overgaard Jeg kan varmt anbefale alle at installere dette lille geniale program. Det sikrer dig mod rigtig meget spyware, som ligger rundt omkring

Læs mere

Sådan opretter du en elektronisk aflevering

Sådan opretter du en elektronisk aflevering Sådan arbejder du med opgaver i Gradebook/karakterbog Denne vejledning indeholder en detaljeret beskrivelse af hvordan du bruger gradebook/karakterbogen når du vil arbejde med opgaver og give karakterer

Læs mere

DIVISIONSMATCHBEREGNING VERSION 1.07

DIVISIONSMATCHBEREGNING VERSION 1.07 DIVISIONSMATCHBEREGNING VERSION 1.07 ANDERS KLINTING FIF HILLERØD ORIENTERING 2. MAJ 2013 1 INDHOLD Divisionsmatchberegning... 3 Historik... 3 Løbsdata... 3 løbsdata fra OE2003... 3 Løbsdata andre programmer...

Læs mere

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

Nolde Museet. I gang med Dreamweaver. Opgave. Opgavebeskrivelse. Layout. Mål og CSS Opgavebeskrivelse Lav en webside om i Sønderjylland. Opgaven fører dig igennem de basale ting, hvad angår opbygningen af en side med CSS. Der er ikke tale om et komplet site, men du kan bruge opgaven som

Læs mere

Velkommen til Stifikseren!

Velkommen til Stifikseren! Powered by Velkommen til Stifikseren! Du har nu fået et meget effektivt værktøj til på én gang at lette dit arbejde og kvalificere dine elevers udbytte af deres og din indsats i forhold til deres skriftlige

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

Zotero er et smart værktøj til at få styr på dine referencer og litteraturlister. Zotero er gratis og på dansk.

Zotero er et smart værktøj til at få styr på dine referencer og litteraturlister. Zotero er gratis og på dansk. 1 Indhold: Hvorfor Zotero?... 3 Installation... 3 Firefox... 3 Installation af Zotero... 3 Registrer dig som bruger af Zotero... 4 Zotero oversigt over programmet... 4 Tilføj referencer manuelt... 5 Eksempel

Læs mere

Implementeringsvejledning

Implementeringsvejledning Certifikat Certifikat Med og uden gradient #3FBFEF #1A7CA1 Smalt certifikat Med og uden gradient Kan benyttes på steder med begrænset højde Mini certifikat Med og uden gradient Kan benyttes hvis certifikatet

Læs mere

Med et filarkiv kan du give dine besøgende på din hjemmeside adgang til at hente dokumenter i Word, PDF, PowerPoint og Excel.

Med et filarkiv kan du give dine besøgende på din hjemmeside adgang til at hente dokumenter i Word, PDF, PowerPoint og Excel. - Filarkiv - Filarkiv - når dine besøgende skal hente PDF-filer fra din hjemmeside Med et filarkiv kan du give dine besøgende på din hjemmeside adgang til at hente dokumenter i Word, PDF, PowerPoint og

Læs mere

Installations guide. Online harddisk (Chili Cloud) til PC og Mac

Installations guide. Online harddisk (Chili Cloud) til PC og Mac Installations guide Online harddisk (Chili Cloud) til PC og Mac 2 Indhold PC installations guide 04 Sådan administrerer du Chili Cloud 11 Gendan filer der er blevet slettet 16 Mac installations guide 18

Læs mere