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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

En simpel hjemmeside med HTML. Kom i gang med FrontPage

En simpel hjemmeside med HTML. Kom i gang med FrontPage I dette modul skal du lære at oprette og arbejde med hjemmesider med programmet Frontpage 2003. Men først skal du lære lidt om HTML-kodning. Selv om du ikke behøver at kende til HTML for at skabe hjemmesider

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

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

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

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

NP Ecommerce. Produktguide for NaviConnect. Ecommerce

NP Ecommerce. Produktguide for NaviConnect. Ecommerce NP Ecommerce Produktguide for NaviConnect Ecommerce Indhold Varekort - Magento:... 2 Grundlæggende vareinformation:... 2 Priser og specielt fremtræden:... 4 Metainformation:... 5 Attributsæt, billeder,

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

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

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

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

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

Apps. Kompenserende apps til mennesker med handicap www.digst.dk/~/media/files/mødet%20med%20borgeren/tilgængelighed...

Apps. Kompenserende apps til mennesker med handicap www.digst.dk/~/media/files/mødet%20med%20borgeren/tilgængelighed... Forslag til Apps til elever på mellemtrinnet, der har brug for kompenserende hjælpemidler. Nogle af informationerne er hentet fra Digitaliseringsstyrelsens materiale. Kompenserende apps til mennesker med

Læs mere

Nogle metoder ved arbejdet med Brothers Keeper.

Nogle metoder ved arbejdet med Brothers Keeper. Villy Andersen Frederiksberg den 8. september 2014. Nogle metoder ved arbejdet med Brothers Keeper. For at få samling på nogle af de tidligere udsendte beskrivelser og vejledninger om Brothers Keeper (BK)

Læs mere

Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:...

Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:... Indholdsfortegnelse Databaser og PHP... 3 Opgave... 4 Opgave... 5 Opgave... 6 Sidste opgave er en lille gæstebog... 7 Kilder og nyttige links:... 9 Nogle HTML tags... 9 Databaser og PHP Når vi snakker

Læs mere

PC - installation af Maple 18 med GYM-pakken

PC - installation af Maple 18 med GYM-pakken PC - installation af Maple 18 med GYM-pakken Download først de relevante installere til både Maple 18 og til Gym-pakken, og placer dem et sted på din PC, hvor du kan finde dem igen. Hvis du højre-klikker

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

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

Vejledning til udskrivning af etiketter/labels og konvolutter i Blåt Medlem

Vejledning til udskrivning af etiketter/labels og konvolutter i Blåt Medlem Vejledning til udskrivning af etiketter/labels og konvolutter i Blåt Medlem Blåt Medlem giver mulighed for at udskrive etiketter/labels og kuverter til medlemmerne af den enhed man er medlemsansvarlig

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

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

Installation af webtrees på et webhotel ved one.com

Installation af webtrees på et webhotel ved one.com Installation af webtrees på et webhotel ved one.com Når du har fået bekræftelse på dit webhotel er blevet oprettet er du klar til at installere webtrees. En god idé er at installere et FTP program (er

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

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

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

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

NVR Client system. Bruger Manual. SuperVision Alarmteknik ApS Cedervej 2, 8462 Harlev J +45 70 23 93 10 www.supervision-alarm.dk

NVR Client system. Bruger Manual. SuperVision Alarmteknik ApS Cedervej 2, 8462 Harlev J +45 70 23 93 10 www.supervision-alarm.dk NVR Client system Bruger Manual SuperVision Alarmteknik ApS Cedervej 2, 8462 Harlev J +45 70 23 93 10 www.supervision-alarm.dk 1 Indholdsfortegnelse. Side 3: Side 4-5: Side 6: Side 8: Side 10: Side 11:

Læs mere

Smagsprøve. Hjemmeside-bogen

Smagsprøve. Hjemmeside-bogen Smagsprøve Hjemmeside-bogen Jesper Ek ISBN: 87-7843-457-2 Link: Http://idgforlag.dk/vp.asp?i=87-7843-457-2 Indholdsfortegnelse, forord og første ca. 20 sider Copyright IDG Forlag IDG Forlag Carl Jacobsens

Læs mere

Guide til Virtuel Forflytning login.

Guide til Virtuel Forflytning login. Guide til Virtuel Forflytning login. Når du er oprettet som bruger, kan du logge ind i systemet. Der er tre slags brugere af systemet: admin, vejleder og slutbruger. Admins har adgang til at oprette nye

Læs mere

Den digitale Underviser. Videoredigering. Windows Live Movie Maker

Den digitale Underviser. Videoredigering. Windows Live Movie Maker Den digitale Underviser Videoredigering Windows Live Movie Maker Indhold Indhold... 1 Windows Movie Maker... 2 Om at oprette et projekt... 3 Optage og downloade video... 4 A. Optage din egen video:...

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

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

Advanced Sitecore Google Maps

Advanced Sitecore Google Maps Advanced Sitecore Google Maps WCAG Edition Version 2.2 Brugervejledning 1 / 49 1 Indholdsfortegnelse 1 Indholdsfortegnelse... 2 2 Forord... 4 2.1 Hvad er nyt?... 5 3 Oprettelse af kort... 6 3.1 Kort centrum

Læs mere

Lav en Wiki med PBworks Side 1

Lav en Wiki med PBworks Side 1 Lav en Wiki med PBworks Side 1 Lav en Wiki med PBworks En Wiki er en materialesamling, der er samlet af brugerne selv eller af udvalgte brugere. Navnet kommer fra Wikipedia, der jo er et leksikon skrevet

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

Installation af webtrees på et webhotel ved webhosting.dk

Installation af webtrees på et webhotel ved webhosting.dk Installation af webtrees på et webhotel ved webhosting.dk Når du har fået bekræftelse på dit webhotel er blevet oprettet er du klar til at installere webtrees. En god idé er at installere et FTP program

Læs mere

Google Søgninger side 1 af13

Google Søgninger side 1 af13 Google Søgninger side 1 af13 Indholdsfortegnelse Internetforkortelser og adresser m.m.... Side 2 Søgning i Google... Side 4 Nyhed erstatning for det sorte bånd... Side 7 Avanceret søgning... Side 10 Flere

Læs mere

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4)

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4) Sitecore vejledning Hvad er det? Sitecore er det program, den officielle del af Spejdernet laves i. Sitecore er et Content Management System, dvs. indholds-håndteringssystem til hjemmesider. Hvordan starter

Læs mere

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

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

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

Embedding i SkoleIntra

Embedding i SkoleIntra Embedding i SkoleIntra Anvend ressourcer fra nettet på den fede måde! Version: August 2012 Indholdsfortegnelse Embed?...4 Hvorfor embedding?...4 Undervisning...5 Sådan hentes en embed-kode...6 Den officielle

Læs mere

SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION

SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION SÅDAN BRUGER DU TEKST- BEHANDLING INTRODUKTION I vejledningen bruger vi det gratis program Writer fra OpenOffice som eksempel til at vise, hvordan man bruger nogle helt grundlæggende funktioner i tekstbehandling.

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

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

UNI C. Video/billeder og lyd: Tastevejledning. Photo Story 3

UNI C. Video/billeder og lyd: Tastevejledning. Photo Story 3 Video/billeder og lyd: Tastevejledning Photo Story 3 Lav dine egne fortællinger med billeder og lyde...2 Download...2 Opret ny fortælling...2 Indsæt billeder...2 Rediger billederne...3 Ændring af rækkefølgen...4

Læs mere

Guide til, hvordan du tilføjer en GIPPLER- fane til din Facebook side

Guide til, hvordan du tilføjer en GIPPLER- fane til din Facebook side Guide til, hvordan du tilføjer en GIPPLER- fane til din Facebook side Bemærk! Vi bruger i denne guide både Facebook og en applikation på Facebook for, at lave din GIPPLER- fane. Vi kan af naturlige årsager

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

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

Quick Guide for Mobil Reception (Omhandler mobil reception også kaldet isymphony)

Quick Guide for Mobil Reception (Omhandler mobil reception også kaldet isymphony) Quick Guide for Mobil Reception (Omhandler mobil reception også kaldet isymphony) Generelt Mobil Reception er et værktøj som bruges til at overvåge medarbejdere, kø er og meget andet samt styre dit omstillingsanlæg

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

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

bedreweb.dk - Bolette Obbekær 2012 SÅDAN LÆGGER DU WORDPRESS PÅ DIT WEBHOTEL

bedreweb.dk - Bolette Obbekær 2012 SÅDAN LÆGGER DU WORDPRESS PÅ DIT WEBHOTEL SÅDAN LÆGGER DU WORDPRESS PÅ DIT WEBHOTEL TRIN 1: WORDPRESS MAPPEN WordPress er et gratis program, der bruges til at lave hjemmesider og blogs. Du skal downloade WordPress og bagefter lægge det på dit

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

Tidsregistrering. Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4. Informationsteknologi B. Roskilde Tekniske Gymnasium 25-11-2014

Tidsregistrering. Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4. Informationsteknologi B. Roskilde Tekniske Gymnasium 25-11-2014 2014 Tidsregistrering Jacob E., Jacob H., Mathias, Mads H., Jonatan og Dan 3.4 Informationsteknologi B Roskilde Tekniske Gymnasium 25-11-2014 Indholdsfortegnelse 1 Indledning... 3 2 User stories... 3 3

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

PDF-filer Vejledning til tilgængelige PDF-filer

PDF-filer Vejledning til tilgængelige PDF-filer PDF-filer Vejledning til tilgængelige PDF-filer OBS I dette dokument får du en vejledning til, hvordan du kan rette nogle af de mest gængse tilgængelighedsproblemer. For at rette dem kræver det, at du

Læs mere

I gang med. til brug i Mediekonkurrence 2013

I gang med. til brug i Mediekonkurrence 2013 I gang med til brug i Mediekonkurrence 2013 3. udgave Januar 2013 Indhold Om WordPress 3 Hvad er WordPress? 3 Hvad er widgets? 3 Hvad er forskellen på indlæg og sider? 4 Hvad er forskellen på kategorier

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 har nu en genvej på dit skrivebord hen til den mappe hvor dine filer med bøgerne kommer til at ligge, den virkelige sti = c:\bøger.

Du har nu en genvej på dit skrivebord hen til den mappe hvor dine filer med bøgerne kommer til at ligge, den virkelige sti = c:\bøger. Download af bøger i MP3 format Side 1 af 6 Forudsætninger for at kunne benytte denne mulighed er: En computer med rimelig diskplads (hvert bog fylder små 200 MB). En god Internetforbindelse, for ikke at

Læs mere

Overfør filer til Office 365 - online

Overfør filer til Office 365 - online Introduktion til Office 365 online portal Office 365 er det nye system som vi overgår til efter sommerferien (skole året 2014-2015). Alle får pr. automatik tildelt en konto når de starter på Hjørring Gymnasium

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

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

Programmering i Javascript

Programmering i Javascript Programmering i Javascript 1. Introduktion HTML er et fortrinligt værktøj til at strukturere og præsentere information, men hvis web siderne skal være interaktive, så der kan reageres på brugerens handlinger,

Læs mere

Compass GPS installation

Compass GPS installation Compass GPS installation Billederne i dette dokument er alle taget fra en computer med Windows XP, og kan derfor se en smule anderledes ud, hvis Compass GPS installeres på en computer med Windows 7 eller

Læs mere

Flytte Thunderbird-adresser til din nye Outlook Exchange.

Flytte Thunderbird-adresser til din nye Outlook Exchange. Flytte Thunderbird-adresser til din nye Outlook Exchange. Denne guide forklarer Hvordan du eksporterer dine adresser fra Thunderbird mail som LDIF fil Hvordan kontakterne konverteres til en Outlook CSV

Læs mere

Opgavestyring, op og download af mange filer

Opgavestyring, op og download af mange filer 1 Opgavestyring, op og download af mange filer Det er muligt at downloade alle besvarelser i en arbejdsgang til din PC, hvorefter der kan rettes og kommenteres på besvarelserne, til sidst kan alle de kommenterede

Læs mere

Introduktion. Installation. En kort oversigt

Introduktion. Installation. En kort oversigt Indhold Indhold...1 Introduktion...2 Installation...2 En kort oversigt...2 Biblioteksoversigt...3 Liste over mapper...3 Miniatureportrætter...4 Flytte et billede...4 Slette et billede...4 Det nederste

Læs mere

Filer og Mapper. Filer. Mapper

Filer og Mapper. Filer. Mapper Indhold Filer og Mapper... 3 Filer... 3 Mapper... 3 Stifinder... 4 Eksempler på stifinder... 5 Markering af drev, filer og mapper... 5 Vælg vilkårlige mapper/filer... 7 Selandias drev... 8 Opret ny mappe...

Læs mere

poedit og oversættelse af sprogfiler

poedit og oversættelse af sprogfiler poedit og oversættelse af sprogfiler af Georg S. Adamsen WordPress.Blogos.dk 2009 http://kortlink.dk/wordpressblogosdk/6g38 1 af 11 14-04-2009 14:55 Jeg får af og til spørgsmål om, hvordan man bruger poedit,

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