TYPO3 bruger kursus. Sdr. Felding byportal Typovizion (www.typovizion.com)

Størrelse: px
Starte visningen fra side:

Download "TYPO3 bruger kursus. Sdr. Felding byportal. 2009 Typovizion (www.typovizion.com)"

Transkript

1 TYPO3 bruger kursus Sdr. Felding byportal 2009 Typovizion (www.typovizion.com)

2 TYPO3 bruger kursus Sdr. Felding byportal 2009 Lars Jørgen Hansen, Typovizion

3 Indhold 1 Til kursisten Dagsplan Introduktion Hvem er kursusnoterne beregnet for? Hvad er et CMS? Hvem har udviklet TYPO3? TYPO3 det grundlæggende TYPO3 Frontend TYPO3 Backend Log ind Sidetræet Titler og ikoner Venstre menu / værktøjer Skjul Sidetræ Øvelse: Log ind Siden og sidens elementer TYPO3 et elementbaseret CMS Forskellige måder at lave TYPO3 skabeloner på Ret et eksisterende indholdselement HTML Area editor HTML Area: Basic, Typical og Show Off Tekstformatering Øvelse: Grundlæggende tekstformatering Øvelse: Fjern formatering Alternativ Overskrift, Ramme og Før og Efter Øvelse: Afprøv mulighederne med Ramme og Layout Links Historien bag links Typer af link...25

4 7.3 Opret links i TYPO Opret eksterne links link, fjern link og link til fil Øvelse: Opret link Øvelse: Link til pdf-dokument Øvelse: Bogmærke link Indsæt billeder Billedbegrænsninger på en hjemmeside Opret nyt element med billede Indholdselement: Tekst m/billede Øvelse: Indsæt billeder Billede under tekst Klik forstør billede Øvelse: Billeder i kolonner Øvelse: Gør billede til et link Øvelse: Billedtekst Filer og Filliste Øvelse: Opret mappe og hent filer Listevisning Liste modulet Øvelse. Orienter dig i Liste visning Brugerindstillinger Øvelse: Personlig opsætning Fillinks Opret et element af typen Fillinks Øvelse: Opret et indholdselement af typen Filliste Øvelse: Filliste med læs fra sti Mailformular Eksempel på mailformular Øvelse: Opret mailformular Øvelse: Takkeside Øvelse: Begrundelse for fravær Tabeller Tabelværktøj i teksteditor... 55

5 14.2Indsæt tabel som HTML kode Tabel indholdselement Øvelse: Opret tabel som Tabel indholdselement Øvelse: Opret tabel igennem editor Øvelse: Opret tabel som HTML indholdselement TYPO3 brugerkursus for Sdr. Felding byportal

6

7 1 Til kursisten 1 1 Til kursisten Hvis du på egen hånd vil læse (mere) om TYPO3, er der blandt andre følgende bøger: W. Altmann, R. Fritz og D. Hinderink: Typo3 EnterpriseContent Management, PACKT 2005 [En bog der dækker TYPO3 generelt] Daniel Koch: Mastering TypoScript, PACKT 2006 [En bog der udelukkende omhandler TypoScript] Kasper Skaarhøj: Kom i gang, (gratis, hentes på [En rigtigt god og gratis vejledning, men alle skærmbilleder er far gamle TYPO3 versioner] TYPO3 nyhedsgrupper [Søg på TYPO3 nyhedsgrupper i fx Google] TYPO3 siden [På kan du følge med i nye versioner af TYPO3 etc.] 2009 Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

8 2 TYPO3 bruger kursus for Sdr. Felding byportal 2 Dagsplan Kursusmaterialet er beregnet til et dagskursus bestående af ca. 7-8 timers undervisning :00 Grundlæggende redigering med TYPO3 12:00 12:30 Pause 12:30 14:30 De mere avancerede TYPO3 funktioner 14:30 16:00 Workshop 16:00 16:30 Afrunding Typovizion 2009

9 3 Introduktion 3 3 Introduktion 3.1 Hvem er kursusnoterne beregnet for? Dette kursusmateriale er beregnet for TYPO3 begynderen eller dig, der kun har lidt erfaring med redigering af indholdet på en hjemmeside igennem TYPO3. Men materialet er også velegnet, hvis du ikke kender TYPO3, men gerne vil snuse lidt til systemet for at finde ud af, om det er noget for dig. Du kommer godt omkring TYPO3 og den måde, man som redaktør arbejder med systemet på. Materialet har til hensigt at give dig den grundlæggende viden om, hvordan du som redaktør redigerer sideindholdet i form af tekst, billeder, grafik, pdffiler osv. igennem TYPO3. Professionel udvikling af skabeloner og administration af TYPO3 dækkes ikke i dette dokument! 3.2 Hvad er et CMS? TYPO3 er et CMS, men hvad er et CMS egentligt? Allerførst så står CMS for Content Management System, altså et system til styring og administration af indhold på et websted. I et moderne CMS som TYPO3 kan de fleste muligheder tilpasset kundens behov. I et CMS sker al administration og redigering i en almindelig webbrowser. Det vil sige, at blot du har en internetforbindelse, kan du arbejde med hjemmesiden - hvor og når som helst. Indhold og formatering er adskildt Grundideen i et CMS er, at indhold og formatering/design er adskilte. Indholdet på websiderne (tekst, billeder, grafik osv.) gemmes i en database. Når indholdet fra databasen vises på hjemmesiden sættes det først ind i et fordefinerede design i form af en eller flere skabeloner. Det er altså skabelonerne der bestemmer, hvordan designet på hjemmesiden er. Skriftformateringen i form af mulige skrifttyper, skriftsstørrelser og farver samt de muligheder, du har for at ændre på dine tekstformateringer ligger i et StyleSheet samt i de muligheder administrator har givet dig lov at bruge Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

10 4 TYPO3 bruger kursus for Sdr. Felding byportal Normalt har en redaktørbruger ikke adgang til hverken at se eller ændre i hverken TYPO3 skabelon eller Stylesheet! Det samme indhold kan bruges igen og igen som byggeklodser på websider, intranet, til udskrift, nyhedsbreve og mobiltelefon. Flere redaktører Der kan enten være én eller mere normalt flere, der skriver indhold til en hjemmeside. Som regel er det en god ide at lade dem, der sidder med stoffet og fingeren på pulsen, også redigere de samme informationer på hjemmesiden. Der er en tendens til, at jo flere led informationerne skal igennem desto trægere går opdateringen. Redigering on-line Man kan vælge at lade redaktørerne udgive det stof de redigerer direkte og online uden at skulle igennem en webmaster eller en chef. Workflow Men TYPO3 har også mulighed for at arbejde i en såkaldt workflow arbejdsgang, hvor redaktørernes arbejde først tjekkes af en overordnet chef webmaster, før stoffet kommer on-line. Selve TYPO3 hører hjemme i maskinrummet Selve TYPO3 CMS er et almindeligt server computerprogram og hører oftest hjemme i en IT-afdeling. En anden mulighed er, at man køber sig ind på et webhotel, der tilbyder TYPO3. Som regel er det den billigste løsning. 3.3 Hvem har udviklet TYPO3? TYPO3 er oprindeligt udviklet af en dansker ved navn Kasper Skaarhøj. Siden er der kommet en hel gruppe af udviklere til fra både danmark, men især også fra Tyskland. På Kaspers Corner, kan du bl.a læse denne korte præsentation: I'm Kasper. I live in Copenhagen, Denmark. Between 1998 and 2007 I have spend much of my time programming TYPO3. In April 2007 I finally passed over the core development leadership to the next generation of TYPO3 gurus. So now, I'm just the Old King. Typovizion 2009

11 4 TYPO3 det grundlæggende 5 4 TYPO3 det grundlæggende Som du måske allerede har bemærket, så er TYPO3 delt i to områder. Et åbent område hvor alle har adgang og så et lukket område, der kræver et log ind. Det er kun i det lukkede område, du kan ændre i indholdet. De to områder af TYPO3 kaldes henholdsvis for TYPO3 Backend og Frontend. Navnet i sig selv siger dig nok en del om, hvad de to områder er beregnet til. 4.1 TYPO3 Frontend TYPO3 Frontend er selve hjemmesiden, som vi alle kan se i en webbrowser, hvis vi indtaster den korrekte URL (fx. i en browser. Figur 1: En hjemmeside som den ser ud i Frontend En webbrowser eller browser er det navn man bruger om det program, du ser hjemmesiderne i. Det kan hedde Microsofts Internet Explorer, Mozilla Firefox eller Apples Safari plus mange flere. I en browser kan du kun se og ikke ændre eller skrive på websiden Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

12 6 TYPO3 bruger kursus for Sdr. Felding byportal Figur 2: Backend ser meget anderledes ud end Frontend 4.2 TYPO3 Backend TYPO3 Backend er et lukket område, hvor kun de personer der må administrere og redigerer indholdet (siderne) på webstedet, har adgang. For at få adgang til Backend og dermed kunne ændre på sidernes indhold, skal du være logget ind med et brugernavn og et kodeord. Du skal med an- dre ord være registreret og kendt af systemet. Du finder altid TYPO3 Backend ved at tilføje et /typo3 (en skråstreg og teksten typo3 med små bogstaver) til websiden adresse som fx denne web- adresse: Før du får lov at komme indenfor i TYPO3, skal du indtaste et gyldigt Brugernavn og Kodeord (på engelsk Username og Password). Uden et gyldigt Brugernavn og Kodeord får du ikke adgang. Det er normal administrator for webstedet, der opretter brugere og også definerer, hvad de enkelte brugere og redaktører må se og arbejde med på webstedet. Typovizion 2009

13 4 TYPO3 det grundlæggende Log ind For at logge ind i TYPO3 Backend skal du som nævnt nt indtaste hjemmesiadresse efterfulgt af /typo3 (adressen til webstedet du skal bruge på kurset får du af kursusinstruktør). dens Nu kan du indtaste dit Brugernavn og Kodeord (det får du evt. af instruktør på kurset). TIP: : Du skal sikre dig, at cookies er slået til i din webbrowser! Hvis du har slået cookies fra kan du ikke logge ind! Hvis du indtastet et korrekt brugernavn og adgangskode vil et skærmbillede lignende dette vise sig på din skærm: Figur 3: Det skærmbillede der vises lige efter log ind Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

14 8 TYPO3 bruger kursus for Sdr. Felding byportal I TYPO3 Backend er der en lang række moduler (værktøjer) i menuen til venstre. De kaldes ofte for Klikmenuen. Når du fx vil redigere og oprette sider skal du vælge Side-modulet (det første værktøj i Klikmenuen). Hvert modul viser sit eget indhold. Hvis du er administrator har du adgang til alle moduler. Andre almindelige brugere og redaktører har kun adgang til de moduler, som administrator har valgt de må se! Som administrator er der mange knapper at vælge mellem, og det hele kan virke lidt uoverskueligt. I virkeligheden er det kun ganske få af mulighederne i Klikmenuen, du bruger det meste af tiden. Derfor oprettes en brugereller redaktørkonto som regel med kun de mest nødvendige knapper. Figur 4: Henholdsvis en Administrator og Redaktørs venstre Klikmenu. Typovizion 2009

15 4 TYPO3 det grundlæggende 9 Her vises henholdsvis venstre menu for en redaktør og en administrator. Det er administratormenuen (den lange) til venstre. Hvis du holder musen hen over et af værktøjerne vises en lille besked, ed, der fortæller hvad værktøjet bruog modulerne under ges til. Overskriften Web i menuen kaldes et hoved-modul det kaldes sub-moduler. 4.4 Sidetræet Alle moduler under Web hoved-modulet har en todelt visning i indholdse en side fra rammen Sidetræet til venstre (1) og modulindholdet vedrørende Sidetræet til højre (2). Sidetræet kan foldes ud ved at klikke på plus- og minus ikonerne (3). Det virker fuldstændig som mapper på din egen computer. Du kan faktisk be- tragte sidetræet som en mappestruktur, hvori websiderne er organiseret i et hierarki med hovedsider, undersider, under-undersider osv. Figur 5: Sidetræet. 4.5 Titler og ikoner Den næste vigtige ting du skal vide om Sidetræet er, at du kan klikke på både side-ikonet og sidetitlen i Sidetræet og at det gør en forskel! 2009 Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

16 10 TYPO3 bruger kursus for Sdr. Felding byportal Hvis du klikker på sidetitlen (teksten) vises den aktive sides indhold i den store højre ramme. Nu kan du ændre i selve teksten med mere. Figur 6: Selve siden indhold vises i højre ramme. I dette tilfælde er det Side-modulet, der er aktivt, og du får så vist sidens indhold i den højre ramme. Herfra kan du redigere osv. Det vil vi snart vende tilbage til. Hvis du i stedet for at klikke på titlen klikker på sidens ikon,, dukker en lille kontekst-afhængig menu op. Bemærk: Hvis du bruger en ældre browser kommer menuen ikke frem i nærheden af ikonet. I stedet blitopramme. ver den vist i Desuden: Hav tålmodighed der kan gå nogle sekunder før menuen viser sig! I rulle-ud-menuen kan du vælge muligheder som relaterer sig til den side du har valgt! For de flestes menupunkters vedkomdu sikkert selv regne ud, hvad punkterne dækker mende kan over. Figur 7: Klik-menu udfoldet. Typovizion 2009

17 4 TYPO3 det grundlæggende Venstre menu / værktøjer I dette eksempel kan du se de værktøjer, der normalt vil være synlige for en TYPO3 redaktør. Men som sagt er det administrator, der konkret bestem- mer, hvad en bruger må se og ikke se. Værktøjer i Web-menu og Filer 1. Side (Sideindhold), som du bruger, når du vil redigere sideindholdet. Sideværktøjet bruger du næsten hele tiden. 2. Vis, viser siden som den ser ud i Frontend. 3. Liste, der viser alle de indholdselementer som siden indeholder. Bruges mest hvis man vil bytte rundt på elementer eller lignende. 4. Filliste. Det er her billeder og grafik, der er indsat på siden gemmes. En slags filarkiv. 4.7 Skjul Sidetræ Hvis du har en lille skærm, kan det være svært at få plads til det hele. Du kan med et museklik henholdsvis skjule og vise Sidetræet. Figur 8: Du kan skjule Sidetræet, så du får mere plads Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

18 12 TYPO3 bruger kursus for Sdr. Felding byportal Et museklik på den lille sorte pil i den lodrette streg henholdsvis skjuler og viser Sidetræet,, så du får mere plads og en mere overskuelig skærmside. 4.8 Øvelse: Log ind Nu er det langt om længe din tur til selv at arbejde med TYPO3. Du skal nu på egen hånd prøve følgende i TYPO3 Backend. 1. Gå til den web-adresse i din internetbrowser der giver dig mulighed for at logge ind i TYPO3 Backend. 2. Log ind med dit Brugernavn og Kodeord. 3. Nu kommer et spørgsmål: a. Siderne i Sidetræet afspejler menustrukturen i Frontend, men er alle sider, du kan se i Backend,, nu også vist i Frontend? b. Hvis der er forskel (altså hvis ikke alle sider i Backend vises i Frontend), hvad tror du så det skyldes? c. Noter dig hvilke sider og ikoner i Sidetræet, der ikke vi- ses i Frontend? Typovizion 2009

19 5 Siden og sidens elementer 13 5 Siden og sidens elementer Sidetræet afspejles i webstedets menu hierarki, men hvordan er indholdet på den enkelte side organiseret? 5.1 TYPO3 et elementbaseret CMS TYPO3 er et elementbaseret CMS ligesom de fleste CMS systemer i øv- rigt. Det vil sige, at den enkelte side er opbygget af en række små indholds- elementer. Det giver en høj grad af fleksibilitet. Den alternative fremgangsenkelte side har et fast antal indholdsområder fx et til overskrift, et til brødtekst og måde til et elementbaseret CMS er en mere fastlåst tilgang, hvor den et til billeder. Det kan TYPO3 også, men sandsynligvis er det ikke det du ønsker dig. En side i TYPO3 er sat sammen af flere sideindholdselementer, der kan være forskellige typer. Det giver en meget fleksibel side struktur! Figur 9: Indholdselementer på en side i TYPO3. Herover er vist en enkelt side i TYPO3, der består af flere indholdselemenindholdselementer af typen: ter af forskellige typer (her er det henholdsvis Tekst m/billede og nyheder,, der er anvendt, men der er mange andre mulig- heder) Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

20 14 TYPO3 bruger kursus for Sdr. Felding byportal 5.2 Forskellige måder at lave TYPO3 skabeloner på Hvis siden og sideelementerne ser anderledes ud i din TYPO3 Backend, så skyldes det at TYPO3 er meget konfigurerbar og fleksibel. Det er let at ind- sætte andre ikoner og i det hele taget ændre udseendet i Backend. Men det kan også skyldes, at der er flere måder at lave TYPO3 skabeloner på. Skærmbilledet på foregående side stammer fra en Typo3 Backend, hvor ska- belon er udviklet på den traditionelle måde. Her er indholdet opdelt på en eller flere af lodrette spalter, der er til rådighed (Venstre, Normal, Højre og Border). I hver spalte kan der være fra en til mange indholdselementer. Dog er de spalter, der ikke kan bruges i designet, som regel skjult, så du kun ser de spalter, du rent faktisk kan bruge. Den anden måde at udvikle skabeloner på kaldes TemplaVoila. Med TV er indholdet ikke fastlåst i en fast spalteopbygning. Det giver nogle nye og lidt friere muligheder for design. Metoden er især rigtig god, hvis den måde indholdselementerne vises på i Backend ligner opbygningen i Frontend. Figur 10: Hjemmeside opbygget med TemplaVoila. Her er et skærmbillede fra en TYPO3 Backend, hvor TemplaVoila metoden er brugt, men det er stadig den traditionelle spalteopbygning, der er anvendt. Her kunne den traditionelle metode lige så godt være brugt. Typovizion 2009

21 6 /Ret et eksisterende indholdselement 15 6 Ret et eksisterende indholdselement Du redigerer et eksisterende indholdselement ved med musen at klikke på blyanten. Du kan faktisk også klikke i selve teksten eller på knappen Redi- ger i tekst. Alle 3 muligheder gør det samme. Det er også den samme fremgangsmåog den traditionelle måde at udvikle ska- de, du bruger i både TemplaVoila beloner på. Figur 11: Redigeringsblyanten. Figur 12: Billedet her er fra en TemplaVoila installation. Herefter kommer du en boks frem med nogle faneblade. Antallet af faneblade afhænger af, hvilket indholdselement, du har valgt. Herunder er valgt et indholdselement af typen Tekst.. Under det første faandet neblad ( Generelt ), kan du bl.a. ændre overskriften, og under det faneblad ( Tekst ), ), finder du tekstbehandleren, hvor du kan indtaste brød- teksten. Figur 13: Indholdselement af typen tekst Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

22 16 TYPO3 bruger kursus for Sdr. Felding byportal Under fanebladet Generelt kan du få vist flere eller færre valgmuligheder. Figur 14: Vis sekundære muligheder. Det styrer du med valgboksen Vis sekundære muligheder, som du finder helt i bunden af boksen. Ofte er det en god ide at skjule de mange ekstra muligheder. Det giver et bedre overblik. 6.1 HTML Area editor Den editor der i dag er indbygget i TYPO3 hedder HTML Area. Har du en ældre TYPO3 version, vil din editor hedde noget andet. Fælles for alle ver- sioner er, at brugerfladen ligner den, vi kender fra en almindelig tekstbebrugte nogle Microsoft funktioner, der kun fandtes i Internet Explorer browseren. Hvis du ville redigere TYPO3 sider igennem Netscape eller Mozilla Firefox browserne, var du nødt til at indtaste formateringer som ren HTML kode. handler. Et stort problem for de ældre editorer var, at de På den led er HTML Area et stort fremskridt. Her er du ikke bundet til Inter- net Explorer, men kan f.eks. bruge den udbredte Mozilla Firefox browser. Typovizion 2009

23 6 /Ret et eksisterende indholdselement HTML Area: Basic, Typical og Show Off HTML Area er meget konfigurer bar. Ved installationen kan man vælge mellem tre konfigurationer, men der er mange andre tilpasningsmuligheder: Basis, hvor der kun er 2 mulighed for at formatere teksten. Figur 15: HTML Area - Basis konfiguration Konfigurationen Typical med mange formateringsmuligheder. Figur 16: HTML Area - Typisk konfiguration. Konfigurationen Demo.. Hvor det hele er slået til. Figur 17: HTML Area - demo configuration Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

24 18 TYPO3 bruger kursus for Sdr. Felding byportal Figur 18: Extension manager med de 3 konfigurationer. Her er vist de tre standard konfigurationsmuligheder i TYPO3 Extension Manager.. Du skal have administratorrettigheder for at ændre konfiguratio- nen! Men i virkeligheden ønsker de fleste nok en konfiguration, der er et sted midt imellem de tre standard muligheder. Faktisk kan HTML Area sættes op, så hver bruger får sine egne indstillinger. Herunder er vist en stump af en konfiguration i User TSConfig for HTML Area,, der skjuler nogle af de mange knapper. Det skal du nok igen lige have administrator til at gøre. RTE.default.blindImageOptions = magic RTE.default.hideButtons = blockstylelabel, blockstyle, textstylelabel, textstyle, fontstyle, fontsize, formatblock, blockquote, insertparagraphbefore, insertparagraphafter, textcolor, bgcolor, textindicator, showhelp, underline Og sådan ser en let tilpasset udgave af skrivefladen med kun de relevante valgmuligheder tilbage, når ovenstående Typoscript konfiguration er indsat på rette sted. Figur 19: En tilpasset skriveflade i HTML Area Desuden kan rækkefølgen og den måde som ikonerne vises på i teksteditor tilpasses. Typovizion 2009

25 6 /Ret et eksisterende indholdselement Tekstformatering I TYPO3 er skrifttyper, farver og størrelser normalt gemt og defineret i et såkaldt Stylesheet.. Det ser ikke pænt ud, hvis siderne har forskellige skrift- typer og alt for mange forskellige størrelser og farver. Derfor er det en meget bedre ide at ændre skriftformater i Stylesheet i stedet for igennem editor. Bed administrator eller webmaster ændre det for dig, det er normalt ikke noget en almindelig bruger- eller redaktør har lov til. Figur 20: En label fortæller, hvad værktøjet gør. Hold musen hen over et af ikonerne, og du får en lille label på skærmen, der fortæller, ler, hvad værktøjet bruges til. Desværre er hjælpeteksten ikke altid oversat til dansk. Værktøjerne til tekstformatering er de gængse fra en moderne tekstbehand- ekstra ler, og du bruger dem, som du plejer. Et praktisk tip: Fjern formatering fra Word værktøjet kræver måske en lille forklaring. Figur 21: Fjern formatering ikonet. Selv om det er let at indtaste teksten direkte i HTML Area,, så vil mange vælge først skrive teksten i f.eks. et Word dokument. Du har så sikkert også erfaret, at hvis du klippe/klistrer tekst fra et Word dokument, får du noget ekstra med, plus du ikke efterfølformatere teksten. gende kan Det skyldes, at der ved en kopi og efterfølgende indsæt af tekst kommer nogle ekstra Word koder med. Dem kan du fjerne med Fjern formatering værktøjet. Figur 22: Fjern formatering valgmuligheder Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

26 20 TYPO3 bruger kursus for Sdr. Felding byportal Et andet praktisk tip: Et nyt afsnit dannes ved et tryk på Enter tasten, men den nye linje/det nyt afsnit danner meget luft til teksten ovenover. Figur 23: Et nyt afsnit skaber meget luft. Hvis du ved et linjeskift trykker Shift + Enter,, får du et såkaldt blødt linje- skift, der danner meget mindre luft til teksten ovenfor. Figur 24: Her er vist blødt linjeskift. Typovizion 2009

27 6 /Ret et eksisterende indholdselement Øvelse: Grundlæggende tekstformatering Så er det din tur. Indtast teksten du ser herunder (husk også 2009) og formater den, så den står præcist som vist her under. Figur 25: Her er brugt både hårdt og blødt linjeskift. 6.5 Øvelse: Fjern formatering Her er en lille ekstra øvelse, som du kan løse, hvis du har tid. Indsæt indholdet fra et Word dokument i et TYPO3 tekst indholdselement (alternativt) et stykke af en HTML side (f.eks. en tabel). Bemærk hvor me- get ekstra kode, der kommer med. Du kan se den ekstra kode og evt. fejl ved at vise siden i browser. Prøv efterfølgende at rydde op med Fjern formatering værktøjet Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

28 22 TYPO3 bruger kursus for Sdr. Felding byportal Figur 26: Muligheder under faneblad Generelt. 6.6 Alternativ Overskrift, Ramme og Før og Efter For en stund vender vi tilbage til de ekstra muligheder, der gemmer sig un- der fanebladet Generelt. På skærmbilledet ovenfor er alle muligheder vist eller slået til. På din egen TYPO3 installation, kan nogle af mulighederne være valgt fra. Husk også at valgboksen Vis sekundære skal være slået til. Før og Efter behøver næppe den store forklaring. De to funktioner skaber luft henholdsvis før eller efter indholdselementet. Afstanden skal angives i pixel og indtastes som et tal mellem 1 og 50. Ramme bruges til at sætte en ramme og eventuelt en farvet baggrund omkring et indholdselement. Her skal der igen være gjort noget først under installationen for at denne mulighed er til stede. Udseendet af rammer og farver er normalt tilpasset farverne på hjemmesiden. Der er indbygget to mulige ramme layout, som du kan vælge imellem. Beg- ge ramme-design formateres i et Stylesheet, og de kan udformes (næsten) præcist som du ønsker det. Her er definitionen af rammen på næste side..csc-frame-frame1 frame1 {border: 1px solid #FFFFFF; padding: px; background-color: #EEEEEE;} Typovizion 2009

29 6 /Ret et eksisterende indholdselement 23 Her er en webside vist med Ramme 1 valgt på et enkelt indholdselement. På denne webside er Ramme 1 designet til at have en mellem grå baggrund og en tynd hvid ramme (den er næppe synlig her). For at give pænt luft omkring indholdet er margin i både top, bund og i højre venstre side sat til 10pixel. Rammer er gode til at fremhæve et tekstafsnit, der er vigtigt. Figur 27: Overskrift Layout 1-5 Som standard er alle overskrifter forsynet med et bestemt udseende, der er defineret i et Stylesheet.. Det er normalt designer, der bestemmer overskrifter og i det hele taget tekstens udseende. Det kan godt blive lidt stramt og måske også lidt kedeligt. Derfor giver TYPO3 nogle layout varianter, så redaktøren har mulighed for at variere overskrifternes udseende en lille smule. Det er igen noget, der skal være gjort og slået til ved installationen. Lidt forskellige udseender af overskrifter giver ligesom med rammer spænding og dynamik på hjemmesiden. Men der går en hårfin grænse mellem dynamik og anarki, så for mange tekst- og overskrift variationer er sjældent godt. Du kan under type vælge mellem de titelvarianter (Layout 1 5),, der er til rådighed. Hvordan overskriften skal se ud med Layout 1 til 5 er helt indivi- duelt, og er defineret ved installation og opsætning af TYPO3. Det kan f.eks. være en god ide at defineret et overskrifts layout til henholds- vis toppen af siden og til afsnitsoverskrift Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

30 24 TYPO3 bruger kursus for Sdr. Felding byportal 6.7 Øvelse: Afprøv mulighederne med Ramme og Layout Det er nu din opgave at oprette et indholdselement af typen Text, og afprøve overskriftmulighederne med Layout 1-5 samt finde ud af, hvordan henholdsvis Ramme 1 og 2 ser ud. Typovizion 2009

31 7 Links 25 7 Links Det er så at sige links eller som det mere korrekt hedder hyperlinks, der forbinder hele det vidtstrakte internet. 7.1 Historien bag links Teorien bag hyperlinks er ældre end man umiddelbart skulle tro. Du skal faktisk ca. 70 år tilbage i tiden for at finde oprindelsen til hyperlinks. I midten af 1940 skrev en amerikansk biologiprofessor med navnet Vannevar Bush en artikel med titlen As We May Think, The Atlantic Monthly. Her introducerer Vannevar Bush for første gang ideen om associative vidensspring. Et associativt vidensspring er teorien bag det, vi i dag kender som links, altså ideen om at indhente supplerende relevant information til hovedteksten ligesom det det system af links, vi bruger i dag. Da Vannavar Bush skrev artiklen var computerne stort set ikke eksisterende (kun i form at kodebrydere), så ideen kunne den gang ikke omsættes i praksis. Først i slutningen af 80'erne begynder Vannavar Bush teori at finde praktisk anvendelse. Fysikeren Tim Berners-Lee fra CERN udviklingen i slutningen af 1980érne af et system, der var baseret på hyperlinks. Systemet var (kun) tænkt som en måde hurtigt at dele videnskabelige informationer mellem de ansatte ved CERN i Schweiz på. Berners-Lees system blev en stor succes, der indenfor et årti blev udvidet til at omfatte hele verden. Resten af historien kender du. 7.2 Typer af link Der er forskellige typer af link, der bruges i forskellige sammenhænge. Interne link Link der peger på en webside på samme websted som linket selv. Eksterne link Link til fremmede websteder. Et eksternt link åbnes normalt i et nyt browservindue for at markere, at der er ekstern information, der hentes. Desuden er der disse linktyper, der måske ikke kan kaldes særegne linktyper: link og link til filer Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

32 26 TYPO3 bruger kursus for Sdr. Felding byportal 7.3 Opret links i TYPO3 Editoren i TYPO3 er så smart, at hvis du indtaster en adresse, der åbenlyst er et link, ja, så laver TYPO3 teksten til et link. Hvis du i editor indtaster f.eks.: eller efterfulgt af Enter, så vil teksten blive gjort til et link. Det er let, men som regel ønsker vi selv at bestemme linkteksten. Vi lægger ud med at oprette et simpelt link til en anden side i det samme websted. Tilsyneladende er det ikke muligt at lave links (ikonet er gråt)? Men når du markerer teksten, der skal være et link, bliver link ikonet aktivt. Klikker du med musen på link ikonet kommer denne boks frem. Typovizion 2009

33 7 Links 27 Bemærk, det er kun den første halvdel af boksen, du ser ovenfor. 1. De 4 faneblade viser de mulige linktyper. Side (1) er et internt link. 2. Mål, her bestemmer du om linket skal åbne siden i samme eller et nyt vindue. Et internt link skal selvfølgelig åbne i samme browser- vindue! a. Top: : Linket åbner i samme browservindue b. Nyt vindue. Linket åbner i et nyt vindue. 3. Titel. Når musen føres hen over et link (uden at der klikkes), vises en lille tekst på skærmen i Frontend. Enten skal teksten slettes, eller der skal indtastes en mere relevant tekst end teksten Opens internal. Vælg den interne side, der skal linkes til Længere nede i boksen Indsæt/ret link vælger du den side, der skal linkes til. Da det er et internt link, får du hele sidetræet vist. Klik på ti- telteksten teksten på den side, der skal linkes til Typovizion, Favrskov Erhvervscenter, Bogøvej 15, 8382 Hinnerup

34 28 TYPO3 bruger kursus for Sdr. Felding byportal 7.4 Opret eksterne links Eksterne link (link til fremmede websteder) oprettes næsten som interne links. Vælg fanebladet Ekstern URL. 1. URL Indtast den fulde webadresse til den eksterne erne siden, der skal linkes til (fuld webadresse er f.eks. htttp://www.jp.dk) 2. Mål Et eksternt link skal åbne i et Nyt vindue? 3. Titel Fjern enten teksten eller indtast en mere relevant tekst link, fjern link og link til fil Fanebladet Fjern link,, giver dig mulighed for at slette et link, og du opretter link så meget lig eksterne links (Ekstern URL), at jeg overlader det til dig selv at afprøve det. Hvis du vil give besøgende på hjemmesiden mulighed for at downloade en fil, så er der flere muligheder. Du kan linke direkte til filen gennem et link, eller du kan anvende indholdselementet Fillinks,, som beskrives senere. Hvis du linker til et f.eks. et pdf-dokument, dokument, sker der følgende, når en besø- gende klikker på dit link: Typovizion 2009

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

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

Læs mere

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL

Redaktørmanual TYPO3. LinkFactory TYPO3 MANUAL LinkFactory TYPO3 MANUAL Kapitel 1 - TYPO3 CMS - Opbygning... 3 Log ind... 3 Backend... 4 Frontend... 5 Hvor skal jeg klikke?... 5 Gem, gem og vis, gem og luk... 6 Kapitel 2 - Håndtering af sider & menuer...

Læs mere

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur.

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. Adgang til Back-end Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. typo3 Skriv herefter brugernavn og adgangskode i de respektive felter og klik på Login Den følgende

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

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

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.

Læs mere

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

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

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. oktober, 2013 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13

Læs mere

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

Manual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune

Manual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune Manual Version 2 til oprettelse af hjemmesider for landsbyer i Rebild kommune Oversigt: Login Hjemmeside...... side 3 Login Administrationsmodul... side 5 Kategorier.. side 6 Opret/rediger første side...

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. september, 2012 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 8 2. Sider... 10 2.a Opret side...

Læs mere

Manual 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

Typo3 vejledning BMI af 1 Typo3 vejledning for redaktører og skribenter i BMI

Typo3 vejledning BMI af 1 Typo3 vejledning for redaktører og skribenter i BMI af 1 side 1 Typo3 vejledning for redaktører og skribenter i BMI GENERELT...3 LOGIN...3 STARTSIDEN...4 SIDE...5 SIDE ELEMENTER...6 SIDE LAYOUT...7 STJÆL MED ARME OG BEN HEL SIDE...8 STJÆL MED ARME OG BEN

Læs mere

Brugerguide til FlexCMS

Brugerguide til FlexCMS Brugerguide til FlexCMS Kom i gang med at bruge din hjemmeside 1 VELKOMMEN TIL FLEXCMS... 3 1. LOGIN... 5 2. HJEMMESIDENS TERMINOLOGI... 6 3. LAYOUT... 7 4. OPRET OG TILPAS FORSIDEN... 8 4.1 OPRETTE SIDEEGENSKABER...

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

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

Quickguide til kredscms. Login

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

Læs mere

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

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

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

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

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

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

Galleri modul. Side 1 af 18

Galleri modul. Side 1 af 18 Galleri modul Side 1 af 18 Indholdsfortegnelse Indholdsfortegnelse... 2 Installation... 3 Oprette menupunkt... 5 Kategoriseret menupunkt (Avanceret)... 6 Opsætning... 9 Generel opsætning... 10 Opsætning

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i 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 og lægge nyt på din hjemmeside. Guiden er skrevet

Læs mere

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version Wordpress 2.7 Manual for redaktør/blogger Webwoman.dk Denne version er fra Må frit kopieres og distribueres i original version 2 Indhold Gennemgående udtryk, du bør kende... 4 Log ind på din hjemmeside/blog...

Læs mere

Manual til Y s Men International Region Danmarks hjemmeside system til klubberne

Manual til Y s Men International Region Danmarks hjemmeside system til klubberne Manual til Y s Men International Region Danmarks hjemmeside system til klubberne Opdateret: 31. januar 2011 Danmarks Kirkelige Mediecenter og Y s Region Danmark Materialet må ikke videregives i nogen form

Læs mere

VUC IT Niveau G. Drev Mapper Filer

VUC IT Niveau G. Drev Mapper Filer VUC IT Niveau G Drev Mapper Filer Harddiske og andre lagringsmedier ( drev ) Det mest enkle er at tænke på disk-drev som et arkivskab. Drev navngives med et bogstav. Normalt navngives med C:, D:, E: osv.

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

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

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

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

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

Læs mere

1. Opret din nye Google konto

1. Opret din nye Google konto Indhold 1. Opret din nye Google konto... 2 2. Test din nye konto... 5 3. Kom i gang med Gmail indstil sprog til dansk... 6 4. Gmail indhold på skærmen... 8 5. Skriv og send en mail... 9 Til:... 9 Cc:...

Læs mere

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

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

Læs mere

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 lavet

Læs mere

Patient Database - Manual

Patient Database - Manual Patient Database - Manual Side 1 af 36 Adgang til systemet... 4 Glemt brugernavn og kode... 4 Opret projekt (kun System Administrator)... 6 Klik på NYT PROJEKT -knappen øverst til venstre.... 6 Udfyld

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 lavet

Læs mere

MANUAL TIL FS PÅ NETTET

MANUAL TIL FS PÅ NETTET MANUAL TIL FS PÅ NETTET Sådan opretter du nyheder og artikler (side 4) Sådan laver du links (side 14) Om tjek ind/ud og publicer (side 20) Sådan uploader du billeder og dokumenter (side 25) Sådan redigerer

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

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk Mini-guide for opdatering af hjemmesiden for SOIF www.soif.dk Senest opdateret: 03-07-2009 Indholdsfortegnelse 2 Indholdsfortegnelse 2 Lidt generelt om KlubCMS 3 Brugere/Brugergrupper 3 Sideopbygning:

Læs mere

RIGSPOLITIET. Vejledning i konvertering. fra. Word -dokument. til. PDF-fil. på politi.dk. Rigspolitiets websektion

RIGSPOLITIET. Vejledning i konvertering. fra. Word -dokument. til. PDF-fil. på politi.dk. Rigspolitiets websektion RIGSPOLITIET Vejledning i konvertering fra Word -dokument til PDF-fil på politi.dk Rigspolitiets websektion Indledning Da vi skal leve op til kravene om tilgængelighed på Internettet, skal alle tekster

Læs mere

Zite3 med moduler. Brugervejledning

Zite3 med moduler. Brugervejledning Zite3 4.0 VestNet A/S Zite3 med moduler Brugervejledning V ERSION 4.0 S EPTEMB ER 2003 03 Information om kredshjemmeside Kredssiderne er nu lagt på Nettet. Du kan finde din via hjemmesidens side med lokalkredse

Læs mere

Webredaktørens værktøjskasse

Webredaktørens værktøjskasse Webredaktørens værktøjskasse Indledning Hjemmesider er i dag en nødvendig kommunikationskanal for alle virksomheder, organisationer og myndigheder. Netkommunikation kræver tid og viden. En vellykket hjemmeside

Læs mere

Picto Selector. Lav dine egne flotte symbolark på den nemme måde. Version: Oktober 2012

Picto Selector. Lav dine egne flotte symbolark på den nemme måde. Version: Oktober 2012 Picto Selector Lav dine egne flotte symbolark på den nemme måde Version: Oktober 2012 Indholdsfortegnelse Hvad er Picto Selector?...4 USB?...4 Hent programmet...4 Installer programmet på din computer...5

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

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS Vejledning for opdatering af hjemmesiden opbygget med KlubCMS Indholdsfortegnelse Indhold Indholdsfortegnelse... 2 Indledning... 3 Lidt generelt om KlubCMS... 3 Sideopbygning:... 4 Brugere/Brugergrupper...

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

Billeder på hjemmeside

Billeder på hjemmeside Billeder på hjemmeside Indholdsfortegnelse Emne 1. Billedredigering (Microsoft Picture Manager) Side 3 a. Komprimer billeder b. Beskæring af billeder 3 9 2. Billeder og tekst ved hjælp af en skabelon (Template

Læs mere

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

Læs mere

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

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

Læs mere

Kom i gang vejledning til modelflyveklubber.dk

Kom i gang vejledning til modelflyveklubber.dk Kom i gang vejledning til modelflyveklubber.dk Version 1.2 30. september 2012 http://www.modelflyveklubber.dk/data/vejledning-klubweb.pdf Kom i gang vejledning til modelflyveklubber.dk, version 1.2 1/15

Læs mere

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

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

Den digitale Underviser. Clouds. Dropbox

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

Læs mere

Inner Wheel. Vejledning. i brug af. nyt CMS system. for Inner Wheel Klubber

Inner Wheel. Vejledning. i brug af. nyt CMS system. for Inner Wheel Klubber Inner Wheel Vejledning i brug af nyt CMS system for Inner Wheel Klubber CMS vejledning-5, juni 2013/bha 1 Indholdsfortegnelse 1. Indledning... 4 2. Valg af browser... 5 3. Start... 6 3.1 Den åbne side...

Læs mere

Drejebog til tractorpulling.dk

Drejebog til tractorpulling.dk Drejebog til tractorpulling.dk Generelt På hjemmesiden benyttes følgende som standard: - Skrifttype: Verdana - Skriftstørrelse: 12px / 9pt. 4. oktober 2011 Moskjær Marketing Falkevej 4 DK-6920 Videbæk

Læs mere

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

Læs mere

Microsoft. fra Word 2003

Microsoft. fra Word 2003 I denne vejledning Microsoft Word 2010 ser meget anderledes ud end Word 2003, og vi har derfor oprettet denne vejledning, så du hurtigere kan komme i gang med at bruge programmet. Læs videre for at få

Læs mere

Kom godt igang med OpenMeetings

Kom godt igang med OpenMeetings Kom godt igang med OpenMeetings Kom godt igang med OpenMeetings Side 2 Indholdsfortegnelse 1. Log på / Registrer dig... 3 1.1 Find Forsvarets Elektroniske Skole på internettet... 3 1.2 Login skærmen...

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

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

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

Dokumenter. Sider. efact CMS manual v. 1.0

Dokumenter. Sider. efact CMS manual v. 1.0 Dokumenter Dokumenter er stedet, hvor du opretter og vedligeholder dit indhold på hjemmesiden. Der kan uploades filer og billeder til brug på hjemmesiden, samt oprettes sider hvis indhold du redigerer

Læs mere

BRUGERVEJLEDNING TYPO3 CMS Nyhedsbrev modul

BRUGERVEJLEDNING TYPO3 CMS Nyhedsbrev modul BRUGERVEJLEDNING TYPO3 CMS Nyhedsbrev modul TYPO3 CMS Ext:direct_mail Side 1 Indhold Tilmeldings / Afmeldings processen... 2 Manuel tilføjelse af e-mail adresser... 3 Oprettelse af nyhedsbreve... 4 Udsendelse

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

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

Sådan opretter du kursusforløb. Vejledning til virksomheder og skoler

Sådan opretter du kursusforløb. Vejledning til virksomheder og skoler Sådan opretter du kursusforløb Vejledning til virksomheder og skoler 2 Som bruger på amukurs.dk kan du skræddersy efteruddannelse til medarbejdere og kursister Med mere end 3.000 kurser, kan det være svært

Læs mere

Skifte til Excel 2010

Skifte til Excel 2010 I denne vejledning Microsoft Excel 2010 ser meget anderledes ud end Excel 2003, og vi har derfor oprettet denne vejledning, så du hurtigere kan komme i gang med at bruge programmet. Læs videre for at få

Læs mere

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite

Læs mere

Arrangementer i Listevisning

Arrangementer i Listevisning Kort introduktion til Typo3-plugin ARRANGEMENTER. De indledende øvelser er fuldstændig de samme som i TYPO3 TRIN FOR TRIN 1 side 1-2. Du åbner altså din browser (Internet Explorer er den almindeligste),

Læs mere

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...

Læs mere

T a r g e t G r u p p e n Microsoft SharePoint

T a r g e t G r u p p e n  Microsoft SharePoint T a r g e t G r u p p e n Microsoft SharePoint I n d h o l d s f o r t e g n e l s e Microsoft SharePoint...1 Versioner...1 SharePoints opbygning... 3 Site...3 Indholdselementer...4 Sider...4 Biblioteker...4

Læs mere

Manual til Sitecore Institutions- og projekthjemmesider Silkeborg Kommune, 16. september 2013

Manual til Sitecore Institutions- og projekthjemmesider Silkeborg Kommune, 16. september 2013 Manual til Sitecore 1 VELKOMMEN Silkeborg Kommune bruger systemet Sitecore til at opbygge hjemmesider i. Institutions- og projekthjemmesider er bygget op over en fast skabelon med et fast design. Der er

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

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

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse

En blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse Blogs Om blogs http://www.it-borger.dk/den-nye-it-verden/internet/blogs Om at oprette blogs http://www.it-borger.dk/laer-om-it/internet/nar-du-vil-pa-nettet/blogs/sadan-laver-du-en-blog Råd når du laver

Læs mere

Mikkel Skovs hjemmeside Ledervedlejning

Mikkel Skovs hjemmeside Ledervedlejning Mikkel Skovs hjemmeside Ledervedlejning Version 1.1 10/08/2008 Indhold Indledning...1 Åbningsside...2 Login...5 Leder Info...5 Oprettelse af indhold...5 Oprettelse af artikel...5 Gem artikel...11 Hvem

Læs mere

Umbraco installationsvejledning

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

Læs mere

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

Kom godt i gang med. Gadstrup Fodbolds Hjemmeside. Udarbejdet af:

Kom godt i gang med. Gadstrup Fodbolds Hjemmeside. Udarbejdet af: Kom godt i gang med Gadstrup Fodbolds Hjemmeside Udarbejdet af: Forretningsstøtte Søren Tofte Version 1.0 24.2.2011 Indhold Sådan kommer du i gang?... 3 Log ind... 4 Mine oplysninger... 5 Klub CMS... 6

Læs mere

"Befri din mailboks - og find nyhederne før din chef" Guide i at bruge RSS

Befri din mailboks - og find nyhederne før din chef Guide i at bruge RSS "Befri din mailboks - og find nyhederne før din chef" Guide i at bruge RSS v/ Kim Elmose, januar 2007 1 Få bedre overblik over nyhederne med RSS Forkortelsen RSS eller ikonet dukker op på stadig flere

Læs mere

Guide til DanaWeb opdateringsmodul (CM-system)

Guide til DanaWeb opdateringsmodul (CM-system) Guide til DanaWeb opdateringsmodul (CM-system) Indholdsfortegnelse Rart at vide Generelt om CMS modulet Sådan benytter du CM-systemet til at rette på din hjemmeside Ændring af sider / opret af sider Indsætning

Læs mere

Guide til DanaWeb opdateringsmodul (CM-system)

Guide til DanaWeb opdateringsmodul (CM-system) Guide til DanaWeb opdateringsmodul (CM-system) Indholdsfortegnelse Rart at vide Generelt om CMS modulet Sådan benytter du CM-systemet til at rette på din hjemmeside Ændring af sider / opret af sider Indsætning

Læs mere

Seniorklubben TDC Jylland Cloud Computing Kursus 2011_5: Rev. 02.11.2011

Seniorklubben TDC Jylland Cloud Computing Kursus 2011_5: Rev. 02.11.2011 1. Om 2. Valg af Google som gratis udbyder ved 3. Valg af browser 4. Oprette en mail-adresse (G-mail) og en konto ved Google 5. Hierarkisk opbygning af mappe- og filsystem i Google 6. Oprette mapper i

Læs mere

Dokumentation for administration af it-systemer i PD30

Dokumentation for administration af it-systemer i PD30 Dokumentation for administration af it-systemer i PD30 1. Sikkerhed 2. Mail 3. Cloud Drive 4. Elektronisk reservation 5. Hjemmeside 1. Sikkerhed Sikkerheden for it-systemerne i PD30 hænger tæt sammen med

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

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

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

Dynamicweb Quickguide

Dynamicweb Quickguide Brugervejledning Dynamicweb Quickguide Version: 1.1 2012.03.15 Dansk JURIDISK MEDDELELSE Copyright 2012 Dynamicweb Software A/S. Alle rettigheder forbeholdes. Dette dokument eller dele heraf må på ingen

Læs mere

Quick Guide Ditmer edagsorden Oktober 2013

Quick Guide Ditmer edagsorden Oktober 2013 Quick Guide Ditmer edagsorden Oktober 2013 Quick Guide Indhold For dig der skal i gang med at bruge ditmer edagsorden på ipad eller web 1. Sådan får du adgang til ditmer edagsorden... 2 2. Find udvalg

Læs mere

Luvit mini-manual. Kom i gang med Luvit

Luvit mini-manual. Kom i gang med Luvit Luvit mini-manual Januar 2009, Jane Andersen Kom i gang med Luvit Hvad er Luvit? Luvit er et web-baseret it-system, som indeholder et kursus undervisningsmaterialer, øvelser og elektroniske konferencer,

Læs mere

TESTPORTAL: BRUGERVEJLEDNING LOG IND ADGANGSKODE

TESTPORTAL: BRUGERVEJLEDNING LOG IND ADGANGSKODE TESTPORTAL: BRUGERVEJLEDNING LOG IND Testportalen befinder sig på internetadressen http://www.testportal.hogrefe.dk/default.aspx. På denne adresse mødes man af ovenstående skærmbillede. Indtast her dit

Læs mere

Skyfillers Hosted SharePoint. Kundemanual

Skyfillers Hosted SharePoint. Kundemanual Skyfillers Hosted SharePoint Kundemanual Kundemanual Indhold Generelt... 2 Online adgang SharePoint side... 2 Skift brugeradgangskode... 2 Adgang & opsætning... 3 Windows... 3 Tilføj SharePoint som intranet

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

Content Management System TYPO3

Content Management System TYPO3 Content Management System TYPO3 -specielt tilpasset til Rotary DK Grundlæggende vejledning og opgavesamling til brug ved CICO INFO & WORKSHOP/Varde 14. jan. 2012 Backend visning Vi er nu inde i backend

Læs mere

Efteruddannelseskataloget

Efteruddannelseskataloget Efteruddannelseskataloget Vejledning til indtastning Version 8.6 UNI C oktober 2013 Efteruddannelseskataloget UNI C Version 8.6 Af Henrik Borck Larsen og Anne-Marie Pedersen Indhold 1 Indledning... 1 1.1

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

Webzoo Joomla Beginners Guide

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

Læs mere

IT-Brugerkursus. Modul 1 - Introduktion til skolens netværk og FC. Modul 1 - Introduktion til FC og Lectio. Printvenligt format. Indholdsfortegnelse

IT-Brugerkursus. Modul 1 - Introduktion til skolens netværk og FC. Modul 1 - Introduktion til FC og Lectio. Printvenligt format. Indholdsfortegnelse Modul 1 - Introduktion til FC og Lectio IT-Brugerkursus Modul 1 - Introduktion til skolens netværk og FC Printvenligt format Indholdsfortegnelse Formål og opbygning Opgave Vejledning til intranettet Åbne

Læs mere