Lav dine egne hjemmesider/websider

Størrelse: px
Starte visningen fra side:

Download "Lav dine egne hjemmesider/websider"

Transkript

1 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 tillader fx, at du indsætter billeder i dine dokumenter og lænker til andre steder på internet. Du kan blande forskellige skriftstørrelser og selv vælge, hvor stort dit dokument skal være, om det skal indeholde lænker til andre af dine egne dokumenter osv. For at lave en html-fil kræves der bare et simpelt tekstbehandlingsprogram, fx notepad. Men udviklingen går i retning af at man bruger et html-program der minder om almindelige tekstbehandlingsprogrammer som Word og WordPerfect. Et program hvor man ser det færdige resultat imens man arbejder med det. Når så den færdige side skal på nettet bliver det lidt mere teknisk. Indenfor erhverv eller det offentlige har man som regel en tekniker man kan give filerne videre til. Og så ellers bare vente på at det kommer ud. Har man en egen opkobling må man selv sende filerne via ftp. Og så er resultatet ude med det samme. At sende filer via ftp kræver at man har et ftp-program fx WS_FTP som frit kan bruges af private. Det første du gør er at lave en primitiv skitse, der viser, hvordan din side skal være opbygget. Skitsen skal vise, hvordan brugeren skal kunne bevæge sig på din side. Det vil sige: hvor mange dokumenter kan man skifte imellem, og hvilke henvisninger leder videre ud i nettet. Det er vigtigt, at du ikke laver din side for uoverskuelig, så brugeren, der har linket sig på mister overblikket. Tre-fire links ud i nettet er nornalt nok. Links ud i nettet skal være tydeligt markeret som sådanne, og du bør tydeligt skelne i dokumentet mellem eksterne links og interne, det vil sige henvisninger til en anden del af dokumentet eller et andet dokument skrevet af dig. De fleste brugere sætter pris på, at de har et overblik over siderne. Internetkursus Amager Erhvervsskole Web: THOMAS RING, u /5

2 Koderne Alle koder står som et ord i klammer (< >), og ender med en skråstreg (</>). Normalt skal alle koder, der aktiveres, også deaktiveres igen via. koden og en skråstreg. Det fortæller fx programmet, at bogstaver ikke længere skal vises med stort. Et html-dokument startes med koden <HTML.>, og sluttes tilsvarende med </HTM L>. Teksthovedet startes med <HEAD>, og titel l inie begynder med <TITLE>. Titelliniens start og Slutning skal ligge inden for HEAD området. Et par linier længere nede begyndes tekstkroppen med koden <BODY>. Hl-H6 bestemmer tekststørrelser i dokumenter. Hvis du udelader disse koder, vil browseren selv finde ud af en tekststørrelse, men alle ord vil have samme Størrelse. En Overskrift fremhæves fx med <H I > og </H I >. H 1 er den størst mulige skrift. Du har flere muligheder for at manipulere din tekst. <BR> Sluttes linien og starter på en frisk linie. separerer tekst-afsnit, og <HR> placerer en streg i dokumentet, fra venstre til højre side. Ingen af disse koder behøver slut-koden /. <B> starter fed skrift, og skal afsluttes med </B>. Det samme skal <I>, som aktiverer skråskrift (italics). Det vigtigste i et Web-dokument er selvfølgelig henvisninger, der sender læseren videre til et andet dokument på nettet. På fagsprog kaldes dette et 'link'. Et link startes med <A, kommandoen HREF (Hypertext Reference) og URL adressen. Derefter skriver du teksten, der skal aktivere springet. Fx <A HREF= 'http://inet.uni-c.dk/~kursus"> Kursusafdelingen </ A>. Her er der lagt op til, at du klikker på Kursusafdelingen og bliver transporteret videre til kursusafdelingens hjemmeside. Husk altid at kontrollere alle lænker, hvis der er stavefejl i virker de jo ikke. En stavefejl kan også være at skrive med store bogstaver. Din første WWW-side Nu skal vi se på, hvordan man forvandler en almindelig tekst til et htmldokument. Konkret drejer det sig om at indsætte koderne de steder, hvor det er påkrævet, og i øvrigt gøre sig nogle overvejelser over hvordan siden skal fremstå for net-brugeren. Du har ikke den fuld indflydelse på, hvordan det endelige resultat ser ud hos læseren, bl.a. kan han/hun sætte skærmen i forskellige opløsninger og ændre fonte i Netscape. Men du kan alligevel gøre en del ting, der gør siden flottere og nemmere at læse. På næste side er der en tekst, der skal publiceres på nettet. Internetkursus Amager Erhvervsskole Web: THOMAS RING, u /5

3 Ravnborg Brugt Biks Velkommen til Ravsborg Brugt Biks - Ravnsborggade 11, 2200 Kbh. K Her kan du finde spændende gamle ting - nogle endda antikke - til lave priser. Ugens tilbud: Klaver, kr. 700,- Spisebord, kr. 300,- Suppeterrin, kr. 50,- Kontakt butikken på Siden skal se nogenlunde sådan ud. Overskriften skal selvfølgelig fremhæves med den størst mulige skrift. Billedet ravn.jpg skal sættes til højre på siden. Prøv at lave nedenstående kode i Notepad og gem filen under navnet ravn.htm IMG SRC placerer billedet. Align=Right placerer det til højre <H1> giver den største overskrift giver et nyt afsnit <BR> giver ny linie - vognretur <UL>Laver en liste med punkopstilling. Nyt punkt for hver <LI> <HTML> <HEAD> <TITLE> Ravnsborg Brugt Biks</TITLE> </HEAD> <BODY> <IMG SRC="ravn.jpg" ALIGN=RIGHT> <H1>Ravnsborg Brugt Biks </H1> Velkommen til Ravsborg Brugt Biks - Ravnsborggade 11, 2200 Kbh. K. <BR> Her kan du finde spændende gamle ting - nogle endda antikke - til lave priser. Ugens tilbud: <UL> <LI>Klaver, kr. 700,- <LI>Spisebord, kr. 300,- <LI>Suppeterrin, kr. 50,- </UL> Kontakt butikken på </BODY> </HTML>

4 Billedet ravn.jpg lægger du i samme mappe som ravn.htm. Prøv så at åbne din Html-fil ravn.htm i Netscape eller Internet Explorer. Det skulle gerne se ud som herunder. Hypertext Markup Language er slet ikke så svært, når blot du kender de mest basale koder. Dokumenterne ser forskellige ud alt efter hvem der læser dem. Nogen har få farver på skærmen og lille skærmopløsning, andre har stor skærmopløsning og mange farver. Det er derfor vigtigt at se dokumentet under så mange forhold som muligt før det sendes ud på nettet. Når dokumentet først er på internet kan ca 50 millioner brugere se dokumentet. Grafik i WWW Web sider bliver først rigtigt attraktive, når du inkluderer grafik varierende fra små illustrationer til store billeder. Generelt gælder, at det er bedst, hvis du er forsigtig med at indsætte alt for hukommelseskrævende billeder i html-dokumenter. Brugere med ældre modems vil ofte se bort fra sådanne sider, simpelthen fordi de hverken har tid eller lyst til at vente de minutter det tager, inden siden er hentet hjem. Smidig navigering på WWW er først mulig med et bps modem. Ovenstående skal dog ikke opfattes som en undskyldning for slet ikke at inkludere grafik i ens homepage, særligt da det kan gøre en ellers kedelig side betydelig mere attraktiv. Linien <IMG SRC="filnavn"> indsætter grafik i et dokument. Under filavn indsættes navnet på den grafikfil, der skal indsættes i siden, fx ravn.jpg. Du skal altså ikke selv indsætte grafikken i dokumentet, men blot henvise til den vha. en kodelinie. Kommandoen ALIGN tillader dig at bestemme, hvordan grafikken skal placeres. Gyldige parametre er LEFT/RIGHT/ TOP/BOTTOM. Internetkursus Amager Erhvervsskole Web: THOMAS RING, u /5

5 Lav Hvad dine er en egne lænke hjemmesider/websider på Worl Wide En af grundene til at World Wide Web har fået den store udbredelse er lænker. En lænke er et stykke tekst med streg under som man klikker på for at komme et andet sted. Vi kender dem allesammen fra hjælpefilerne hvor man klikker på det emne der er interessant. World Wide Web virker som en stor hjælpefil. En tekst med lænker (som i hjælpefilen eller på hjemmesiden) hedder med et fint ord hypertekst. Hypertekst er med et andet fint ord interaktivt. Det betyder at den der læser hyperteksten selv bestemmer hvad han/hun vil se. Når du laver en hjemmeside med lænker, dvs. at brugeren har muligheder at vælge i mellem, er det faktisk programmering. En simpel form for programmering måske, men det er altså programmering. En lænke kan også være et billede. Så klikker man på billedet for at komme videre. Hvis billedet forestiller en trykknap kan du måske selv forestille dig hvad man kan bruge det til. Koden: Koden til en WWW-lænke ser nogenlunde sådan ud: <A HREF="http://www.brugsen.dk/tilbud.htm">Tilbud i Brugsen</A> I første halvdel har du adressen hvor lænken fører dig hen, i anden halvdel det klikker på i hjemmesiden: Tilbud i Brugsen. En lænke til Jubii bliver således: <A HREF="http://www.jubii.dk">Jubii</A> Og man ser kun Jubii. Lænker i Netscape Gold: Marker det stykke tekst der skal være en lænke og klik på denne med højre museknap. Vælg Create Link Using Selected. Så kan du skrive adressen på lænken og Netscape laver så selv koden for dig. Ulemper: Ulempen ved lænker/hypertekst kan være at man 'farer vild' i en uoverskuelig hjælpefil eller på en uoverskuelig Website. Som designer af hjemmesider/websites skal man undgå at brugeren kan fare vild. Dette kan bl.a. gøres ved at der på alle sider er en lænke tilbage til oversigten. På Kursusafdelingens hjemmeside er der lænker til oversigten både i toppen og i bunden af alle sider. Se på den. Internetkursus Amager Erhvervsskole Web: THOMAS RING, u /5

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

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

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

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

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

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

Bilag 1: Ordliste. Bilag 1: Ordliste 141

Bilag 1: Ordliste. Bilag 1: Ordliste 141 Bilag 1: Ordliste 141 Bilag 1: Ordliste Da det behandlede område indeholder mange nye termer, som ikke nødvendigvis alle kender, og da disse termer opfattes forskelligt, har vi udarbejdet denne ordliste,

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

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

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

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

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

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

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 for Synkron hjemmesider

Manual for Synkron hjemmesider Manual for Synkron hjemmesider Denne manual tilhører: Brugernavn: (username) Adgangskode: (password) 1 Start med sitetræet: Sitetræet er centralt. Det er her, dit website er. Det er her, du bygger dine

Læs mere

Søgning på Internettet

Søgning på Internettet Side 1 af 6 Indhold: Søgning på Internettet Tips til søgning på Internettet... 1 Præcis adresse:... 1 Indeks- søgning... 2 Søgerobotterne/søgemaskiner:... 3 Lidt om hvordan man søger på nettet... 4 Links...

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

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

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

Log ind i administrationspanelet

Log ind i administrationspanelet Kongsgaarden Vester Broby CMS baseret på WordPress Log ind i administrationspanelet... 1 Begreber og visualisering (skabelonen Standard)... 2 Begreber og visualisering (skabelonen Full width)... 2 Sidebars...

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

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

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

Password-beskyttelse af visse filer

Password-beskyttelse af visse filer W EB DESIGN 101 K ODEORDSBESKYTTELSE A F VISSE FI LER Password-beskyttelse af visse filer P å et websted kan det være interessant kun at give en del af brugerskaren adgang til visse filer. Der er en mængde

Læs mere

HTML 48,- Ulf S. Retsloff. www.knowware.dk. Skrevet så alle kan være med... Rigtige hjemmesider for begyndere. 2. udgave

HTML 48,- Ulf S. Retsloff. www.knowware.dk. Skrevet så alle kan være med... Rigtige hjemmesider for begyndere. 2. udgave 48,- Skrevet så alle kan være med... 2. udgave Start med HTML Rigtige hjemmesider for begyndere Dette er hvad rigtige hjemmesider laves af!

Læs mere

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt...

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 3 Information... 3 Programmering... 3 Design... 4 Brochure... 4 Hjemmeside...

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

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

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

HTML 48,- Ulf S. Retsloff. www.knowware.dk 2. Skrevet så alle kan være med 2. Rigtige hjemmesider for begyndere

HTML 48,- Ulf S. Retsloff. www.knowware.dk 2. Skrevet så alle kan være med 2. Rigtige hjemmesider for begyndere 0 48,- Skrevet så alle kan være med 2 Start med HTML Rigtige hjemmesider for begyndere Dette er hvad rigtige hjemmesider laves af!

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

Brugermanual PoP3 og Outlook Office 2003 Webmail www.321mail.dk. Udarbejdet af IT-afdelingen 2005

Brugermanual PoP3 og Outlook Office 2003 Webmail www.321mail.dk. Udarbejdet af IT-afdelingen 2005 Brugermanual PoP3 og Outlook Office 2003 Webmail www.321mail.dk Udarbejdet af IT-afdelingen 2005 Indholdsfortegnelse 1. INDLEDNING... 4 2. OUTLOOK 2003... 4 3. BRUGERVEJLEDNING I BRUGEN AF WEB MAIL...

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

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

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

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

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

Læs mere

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

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

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

BørneIntra hjemmesidekursus

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

Læs mere

Brugermanual. PoP3 og Outlook Express Webmail www.321mail.dk. Udarbejdet af IT-afdelingen 2005

Brugermanual. PoP3 og Outlook Express Webmail www.321mail.dk. Udarbejdet af IT-afdelingen 2005 Brugermanual PoP3 og Outlook Express Webmail www.321mail.dk Udarbejdet af IT-afdelingen 2005 Indholdsfortegnelse 1. ÆNDRING AF OUTLOOK EXPRESS KONTO... 4 2. OPRETTELSE AF OUTLOOK EXPRESS KONTO... 6 2.1

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

Aktuelle dokumenter Aktuelle dokumenter på forsiden forsøges opdateret så de senest gældende dokumenter vises.

Aktuelle dokumenter Aktuelle dokumenter på forsiden forsøges opdateret så de senest gældende dokumenter vises. Aktuelle dokumenter Aktuelle dokumenter på forsiden forsøges opdateret så de senest gældende dokumenter vises. Generalforsamlingsreferater Generalforsamlingsreferaterne er kopieret fra foreningens protokoller.

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

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

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

Excel-1: kom godt i gang!!

Excel-1: kom godt i gang!! Excel-1: kom godt i gang!! Microsoft Excel er et såkaldt regneark, som selvfølgelig bliver brugt mest til noget med tal men man kan også arbejde med tekst i programmet. Excel minder på mange områder om

Læs mere

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.

Læs mere

Vejledning til Bolette Obbekær 2011

Vejledning til  Bolette Obbekær 2011 Vejledning til www.sgfnet.dk Bolette Obbekær 2011 Velkommen! Jeg har lavet denne vejledning som en hjælp til dig, der gerne vil bidrage på www.sgfnet.dk. Du kan bruge vejledningen som en hjælpende hånd,

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

Lav hjemmesider i StarOffice 6.0

Lav hjemmesider i StarOffice 6.0 Appendiks til hæftet StarOffice 6.0 af Palle Bruselius Udgivet på Forlaget Libris 1 Copyright 2003 by Palle Bruselius Forside og dtp: Palle Bruselius Dette materiale må ikke gøres til genstand for kommerciel

Læs mere

Online billede filtrering

Online billede filtrering Online billede filtrering Eksamensprojekt 2014 Andreas Lorentzen, klasse 3.4 Roskilde Tekniske Gymnasium Programmering C 09-05-2014 I dette projekt vil jeg demonstrerer en af de mange ting moderne browsere

Læs mere

ActiveBuilder Brugermanual

ActiveBuilder Brugermanual ActiveBuilder Brugermanual Forfatter: TalkActive I/S Dato: Juni 2004 Version: R. 1.01 Sprog: Dansk Copyright 2004 - Talk Active - all rights reserved. Indhold: 1. INDLEDNING...2 2. QUICK-START...3 3. OPBYGNINGEN

Læs mere

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

Vejledning til opdatering på hjemmesiden www.ifskjoldsaeby.dk

Vejledning til opdatering på hjemmesiden www.ifskjoldsaeby.dk Vejledning til opdatering på hjemmesiden www.ifskjoldsaeby.dk Du logger på fra forsiden. Når du har indtastet brugernavn og password, vil der i højre side fremkomme en menu med punkterne: Redigér denne

Læs mere

Åbn Paint, som er et lille tegne- og billedbehandlingsprogram der findes under Programmer i mappen Tilbehør. Åbn også Word.

Åbn Paint, som er et lille tegne- og billedbehandlingsprogram der findes under Programmer i mappen Tilbehør. Åbn også Word. 75 Paint & Print Screen (Skærmbillede med beskæring) Åbn Paint, som er et lille tegne- og billedbehandlingsprogram der findes under Programmer i mappen Tilbehør. Åbn også Word. 1. Minimer straks begge

Læs mere

TYPO3 TRIN FOR TRIN 3

TYPO3 TRIN FOR TRIN 3 TYPO3 TRIN FOR TRIN 3 De indledende øvelser er fuldstændig de samme som i TYPO3 TRIN FOR TRIN 1 side 1-2. Du åbner altså din browser, skriver ale.dk/typo3 i Adressefeltet, og klikker på ordet Side i menuen

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

Redigering af Nyheder

Redigering af Nyheder Redigering af Nyheder Her er først klikket på Liste i venstre kolonne, derefter på Nyheder i næste kolonne: (Husk at man klikker på ordet og ikke på ikonet!) For at tilføje, redigere og slette nyheder

Læs mere

Aktuelle dokumenter på forsiden forsøges opdateret så de senest gældende dokumenter vises.

Aktuelle dokumenter på forsiden forsøges opdateret så de senest gældende dokumenter vises. Skovlunde, 22. marts 2014 kl. 18:26 Foreningens referater, breve, billeder og dokumenter vil næsten altid blive vist korrekt, uanset hvilken browser der benyttes, men i hjemmesidens menuer kan der optræde

Læs mere

Opmog opm- om HTML og XML

Opmog opm- om HTML og XML OpenStax-CNX module: m19604 1 Opmog opm- om HTML og XML Steen Leo Hansen This work is produced by OpenStax-CNX and licensed under the Creative Commons Attribution License 3.0 Abstract Introduktion til

Læs mere

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau Roskilde Tekniske Gymnasium Eksamensprojekt Programmering C niveau Andreas Sode 09-05-2014 Indhold Eksamensprojekt Programmering C niveau... 2 Forord... 2 Indledning... 2 Problemformulering... 2 Krav 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

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

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

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

Microsoft OneNote 2010 DK

Microsoft OneNote 2010 DK T a r g e t G r u p p e n Microsoft OneNote 2010 DK I n d h o l d s f o r t e g n e l s e Hvad er OneNote?... 1 Microsoft OneNotes opbygning... 3 Opret en notesbog... 5 Skriv noter... 9 Mere plads... 12

Læs mere

www.wikispaces.com Din egen hjemmeside UNI C 2008 Pædagogisk IT-kørekort Basismodul 3

www.wikispaces.com Din egen hjemmeside UNI C 2008 Pædagogisk IT-kørekort Basismodul 3 Basismodul 3 www.wikispaces.com Din egen hjemmeside Wikispaces.com er et sted på internettet, hvor man har mulighed for at oprette sin egen hjemmeside sit eget sted. Den hjemmeside man får er ret enkel

Læs mere

Vejledning. hjemmeside-opbygning. - DFIF - Vejledning til CMS: Dansk Firma Idrætsforbund

Vejledning. hjemmeside-opbygning. - DFIF - Vejledning til CMS: Dansk Firma Idrætsforbund Vejledning hjemmeside-opbygning. - DFIF - Side 1 Indholdsfortegnelse INDHOLDSFORTEGNELSE... 2 HURTIGT I GANG... 4 REDIGERE HJEMMESIDEN... 5 LOGIN...5 TEKST PÅ EN SIDE...6 REDIGERINGSMULIGHEDER...6 TEKSTBEHANDLING

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

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

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

Microsoft Word 2003 - fremgangsmåde til Blomsterhuset Side 1 af 11

Microsoft Word 2003 - fremgangsmåde til Blomsterhuset Side 1 af 11 Microsoft Word 2003 - fremgangsmåde til Blomsterhuset Side 1 af 11 Åbn Word 2003 Skriv: Blomsterhuset A/S - tryk enter en gang Skriv: Blomster for alle - tryk enter 5 gange Skriv: I anledning af at - tryk

Læs mere

Nogle tips til Explorer 7

Nogle tips til Explorer 7 Side 1 af 12 Nogle tips til Explorer 7 Indhold Nogle tips til Explorer 7...1 Indhold...1 Benytter du den sidste udgave af programmet?...2 Ændre standardindstillinger...2 Bestem selv din startside...2 Ændre

Læs mere

SIGIL Sådan opretter du en e- bog Step by Step

SIGIL Sådan opretter du en e- bog Step by Step SIGIL Sådan opretter du en e- bog Step by Step Af Gitte Winter Graugaard Nov. 2013, Sigil version 0.7.2 1 Her følger en intro skridt for skridt til at oprette en e- bog i SIGIL og publicere den på SAXO

Læs mere

DTP MED WORD af listemageren

DTP MED WORD af listemageren DTP MED WORD af listemageren dtp med word: en billede-til-kant-publikation word er, som jeg har været inde på en del gange i andre sammenhænge, først og fremmest et tekstbehandlingsprogram (og et glimrende

Læs mere

Fremstilling af en hjemmeside

Fremstilling af en hjemmeside Fremstilling af en hjemmeside Du kan vise en hjemmeside på to måder. Enten ved at lade din computer virke som en server, eller ved at købe dig et såkaldt webhotel. Dette er en nem måde, og det er ikke

Læs mere

Vejledning til brug af pileforeningen.dk for redaktører.

Vejledning til brug af pileforeningen.dk for redaktører. Vejledning til brug af pileforeningen.dk for redaktører. Log in: Gå ind på: http://pileforeningen.dk Tryk på Login for medlemmer Brugernavn: contentmanager. Password: 1234 Når du er logget ind kan du se

Læs mere

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

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

Hvad er WebFlex... 1. Login på WebFlex... 2. Velkommen til WebFlex... 2. Mappestruktur... 3. Download af filer... 4-5. Upload af filer...

Hvad er WebFlex... 1. Login på WebFlex... 2. Velkommen til WebFlex... 2. Mappestruktur... 3. Download af filer... 4-5. Upload af filer... QUICK GUIDE Indhold Quick Guide WebFlex Hvad er WebFlex... 1 Login på WebFlex... 2 Velkommen til WebFlex... 2 Mappestruktur... 3 Download af filer... 4-5 Upload af filer... 6 Upload til WebFlex med Uploader-program...

Læs mere

Martin Geisler. Uge 49, 2001

Martin Geisler. Uge 49, 2001 Min dintprog-browser Martin Geisler Uge 49, 2001 Resumé Dette dokument beskriver tankerne bag min dintprog-browser, en browser skrevet i Java der skal kunne fortolke en mindre delmængde af HTML 4, kaldet

Læs mere

Flot, frækt og forførende!! - det fede fotoalbum på 2 minutter!! - en manual fra Skolekonsulenterne.dk

Flot, frækt og forførende!! - det fede fotoalbum på 2 minutter!! - en manual fra Skolekonsulenterne.dk Flot, frækt og forførende!! - det fede fotoalbum på 2 minutter!! - en manual fra Skolekonsulenterne.dk Versionsdato: Juni 2010 Indholdsfortegnelse Generelt om manualer fra Skolekonsulenterne.dk...3 Fotoalbum

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

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

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

Lav din egen hjemmeside/blog. Dag 1 22-10-2015. Agenda d. 25. oktober 2015. Pc ere på nettet. Præsentation. Hvad er WordPress? Hvad er WordPress?

Lav din egen hjemmeside/blog. Dag 1 22-10-2015. Agenda d. 25. oktober 2015. Pc ere på nettet. Præsentation. Hvad er WordPress? Hvad er WordPress? Agenda d. 25. oktober 2015 Lav din egen hjemmeside/blog Dag 1 Præsentation af underviser og deltagere Pc erepå nettet Hvad er WordPress? Og hvad er forskellen på en blog og en hjemmeside Hej verden Kvik

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

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 Regneark Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 6 Opgave... Side 13 Få adgang til filerne fra din computer... Side 19 Vejledende løsning... Side 20 GoogleDocs Regneark 2 Google

Læs mere

1. Større opgaver i word

1. Større opgaver i word Indholdsfortegnelse 1. Større opgaver i word...1 1.1. Typografier... 1 1.1.1. Normal... 1 1.1.2. Overskrifter... 5 1.2. Dispositionsvisning... 6 1.3. Indholdsfortegnelse... 6 1.4. Krydshenvisninger...

Læs mere

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

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

Læs mere

Vejledning til den skrevne patientinformation i Hospitalsenheden Vest

Vejledning til den skrevne patientinformation i Hospitalsenheden Vest Vejledning til den skrevne patientinformation i Hospitalsenheden Vest November 2015 /Kommunikation Inden du går i gang: Er det første gang, du skal bruge den fælles skabelon for den skrevne patientinformation

Læs mere

Websted? Webside? Hjemmeside?...3 Arbejdsmåden i FrontPage...4 Visningerne i FrontPage...5 Start af FrontPage...6 Opret et websted...

Websted? Webside? Hjemmeside?...3 Arbejdsmåden i FrontPage...4 Visningerne i FrontPage...5 Start af FrontPage...6 Opret et websted... Webværktøj: Tastevejledning FrontPage 2003 Denne tastevejledning sætter dig i stand til at lave enkle websteder bestående af enkeltdokumenter (websider), der er indbyrdes forbundet med link (af og til

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

Historisk Tidsskrift teknisk dokumentation Side 1

Historisk Tidsskrift teknisk dokumentation Side 1 Historisk Tidsskrift teknisk dokumentation Side 1 1. Indledning...2 1.1 Referencer...2 1.2 Versionshistorie...2 1.3 Definitioner...2 1.4 Dokumentationens opbygning...2 2. Generel beskrivelse...3 2.1 Oversigt...3

Læs mere