Manual. Tabulex Hjemmeside. Manual. Side 1 af 39

Størrelse: px
Starte visningen fra side:

Download "Manual. Tabulex Hjemmeside. Manual. Side 1 af 39"

Transkript

1 Tabulex Hjemmeside Manual Side 1 af 39

2 Indholdsfortegnelse 0. Begreber Sådan logger du ind Opret sider og kolonner Opsætning Opret side og rediger egenskaber Bundtekst og stylingstemaer (generelt) Kopiering og flytning af elementer Fleksible kolonner Almindelige elementer Tekstelement Tekst med billede Billedelement Billedgalleri Galleria Plugins - nyheder, banner, multimedie og chat Nyheder Banner Multimedie plugin Chat plugin Filliste og Masseupload Filliste Masseupload Styling Størrelse Baggrundsbillede Flydende overgange (baseret på Paint Shop Pro X) Tekstfonte og farver Sidemenuen Ramme 1 og Gratis værktøjer til design af hjemmesider Side 2 af 39

3 0. Begreber Her er et billede af backenden. Det er her hjemmesiden redigeres. Der er også nogle der kalder backenden "Typo3". Typo3 er et open source Content Management System (CMS) skrevet i PHP. Valgmuligheder for udseende. Som udgangspunkt benyttes [Side] Opret ny side/ genindlæs sidetræet Vis siden Almindelige funktioner Hvem er logget på og afslut redigering. Søg Sidetræ: Fremkommer, når man vælger [Side], [Vis] eller [Liste]. Opret nyt element Hjemmesiden består af en række sider. Øverste niveau er her [Asgers Ungdomsskole]. Det er den side brugeren først ser. 2. niveau er de sider, der ligger i topmenuen. 3. niveau er de sider, der kommer til at ligge i "Venstre menu" også kaldt "Sidemenu". 4. niveau vil åbne indrykket under "Venstre menu". Element på siden. Her et almindeligt tekstelement. Figur 1: Backend - her oprettes nye sider, elementer mm. Side 3 af 39

4 Sektion: Logo eller topbillede. Sektion: Topmenu Sektion: Søgefelt Multimedieelement (flash) Bannerelement med skiftende billeder Nyhedselement Tekstelement med overskrift og alm. liste Sektion: Indhold baggrundsbillede Almindeligt billedelement med pop-up (forstør) Billedgalleri Sektion: sidefod/ footer Body: baggrundsbillede med repeat Figur 2: Frontend - det brugerne ser. Her Du kan ændre designet helt vha. Styling. Man kan f.eks. fjerne topbillede, logo, topmenu mm. Du kan desuden selv bestemme størrelserne (højde) på disse, så eksempelvis toplogoet bliver højere eller lavere. Side 4 af 39

5 1. Sådan logger du ind Hvis din hjemmeside er oprettet af Tabulex, skal du i din browser skrive: Den præcise adresse har du modtaget med et licensbrev. Nu fremkommer der et billede, hvor du skal angive dit Username og password. Når felterne er udfyldt, trykker du på [Log In], hvorefter systemet vil åbne et nyt vindue med dine administrationsværktøjer. Figur 3. Login-billede På de følgende sider finder du oplysninger om de forskellige funktioner i systemet, og hvordan du bruger disse. Side 5 af 39

6 2. Opret sider og kolonner 2.1 Opsætning Når du er logget ind første gang ser du dette billede. Det er det sted man kalder "backend". Det første du nok vil ændre er udseendet af din side. Tryk på [Opsætning] + [Indstillinger] i venstre spalte eller i den sorte topmenu. Tryk på [Opsætning] + [Indstillinger] I [Sprog og Personlige informationer], skrives adresse. Sæt flueben hvis du ønsker en mail, når der er nogen der logger ind med din kode. Lav din kode om til noget du kan huske. Men husk, ikke at gøre den for let. En svær kode indeholder 8 tegn med tal, store og små bogstaver, f.eks. "JamesBond007", "Fire4Ben" eller "jegerfra1966". Koden bør skiftes jævnligt, hvis der er mange der bruger den samme kode. OBS: Skulle du glemme dit kodeord, er det kun Tabulex, der kan lave et nyt. Side 6 af 39

7 Klik på [Åbning]: Her er der en række funktioner, der har betydning for udseendet på din skærm. Funktionen Brug sammenpresset tilstand i backenden bør normalt ikke have flueben idet du ikke permanent kan se dit sidetræ som kun fremkommer når man skifter side. Vælg "Vælg Navigationsmetode". Du bør sætte den til "Left side menu", det er mest praktisk på en moderne skærm. Gem opsætning. Og trykke [F5] for at opdatere. Det er muligt, at den står på dette allerede. Så skal du bare klikke Cache Cache er i forbindelse med hjemmesider en midlertidig hukommelse, der gemmer tidligere besøgte sider og får dem til at køre hurtigere. Tryk [F5] på hjemmesiden eller i Typo3, så opdaterer du din side, men bevarer cachen. Tryk [Ctrl] + [F5] for at opdatere og slette computerens cache hvilket er en grundigere måde at opdatere en hjemmeside på. Når du har lavet nogle ændringer i CMS, kan det nogle gange være nødvendigt at rydde cache på din hjemmeside. Start med den bløde Ryd sidecachen, som kun rydder cache på den side, du arbejder på lige nu. Du finder funktionen i højre hjørne i din backend. Bemærk, at [Afslut] betyder, at du logger af Typo3. Luppen i den sorte menu er ikke "vis side". Men en søgefunktion på Typo3. Side 7 af 39

8 2.2 Opret side og rediger egenskaber Når du skal oprette en ny side, skal du stille dig på det niveau, der er udgangspunkt. Tryk Opret ny side Her står vi på menupunktet "Typisk sideindhold", som er niveau 2 i topmenuen. Tryk på ikonet "Opret ny side" Ny side sættes ind under niveauet "Typisk sideindhold" på niveau med menupunktet "Designs". Der dukker et "sidetræ" op. Tryk på en af de grå pile for det sted, hvor du vil indsætte den ny side. Bemærk, at "Typisk sideindhold" er fremhævet. Det var jo udgangspunktet. Ved næste billede skal du som udgangspunkt vælge "En kolonne". Kolonnen skal senere laves som "fleksibel kolonne". Se afsnit 2.5. Skriv din Sidetitel. Vælg evt. om du vil have siden skjult til at starte med, indtil du er færdig med at sætte den op. Husk at trykke "gem" (diskette) eller evt. gem og luk (diskette med kryds). Den nye side dukker op i sidetræet. Bemærk de små firkantede kasser med plus eller minus. Hvis du ikke kan se den nye side, skal du åbne for at se de underliggende sider. Med de små plus/minus'er kan du åbne og lukke træstrukturen. Tip! Du kan også oprette sider direkte fra menuen/ træet. Du trykker på en af dine sider (på det gule papir-ikon). Og vælger "ny". Herefter vælger du enten "side inden i" eller "side efter". Side 8 af 39

9 Tryk på den nyoprettede side. Tryk på "Rediger siden egenskaber". Det er blyanten øverst oppe i indholdsfeltet. Under Type kan du vælge at oprette "Standard side, "Genvej" eller en SysFolder. En genvej kan være til en anden webadresse, men vil typisk være et link direkte til et andet sted på dit site. Lad os sige, at du gerne vil have et menupunkt i topmenuen, der leder direkte ned til en af dine underliggende sider, så vælger du genvej. SysFolder eller Systemmappe er et sted, hvor man kan lægge objekter eller elementer, som ikke umiddelbart vises på hjemmesiden. Det er ikke det samme som "Skjul i menu". Et eksempel er din "Objekt-mappe, se afsnit 4. Plugins. Normalt vælges "Standard". Bemærk faneblade. Information på lukkede sider. Husk at lukke for søgning. En side, der ikke skal være i menuen, men alligevel skal vises via andre links, kan oprettes som "Skjul i menu". Husk at sætte dette flueben, så alle muligheder vises. Under [Adgang] kan du sætte start- og slutdato på en side. F.eks. en side du vil have vist ved en bestemt højtid, sommerferie eller lign. Under [Metadata], Nøgleord, indtastes søgeord som skal benyttes i Googles søgemaskine f.eks. Knallertkørekort og lign. Ungdomsskolens navn er automatisk med i søgeord i Google. Under [Udvidet] vælger du om du vil have "Venstre menu" sat på eller om du evt. vil have et bestemt "Stylingtema" på din side. Bemærk at alle (evt.) underliggende sider arver denne indstilling. Side 9 af 39

10 Vælg evt. Stylingstema. Hvis du ikke sætter et tema, arver du udseende fra ovenstående side. Husk at trykke "Gem" (diskette) 2.3 Bundtekst og stylingstemaer (generelt) Stil dig på øverste niveau (siden har en grå scroll og hedder din hjemmesides navn). Her er vist Asgers Ungdomsskole. Vælg Rediger sideegenskaber - den gule blyant Vælg [Udvidet] Her er det muligt at sætte din bundtekst (sidefodstekst), samt evt. i bundteksten. adressen vil blive link-aktiv, således at den vil kalde et evt. mailprogram på hjemmesidebrugerens computer. Hvis du ikke ønsker dette kan du bare skrive E- mailadressen ind som alm. bundtekst. Stylingstema angivet på dette niveau vil gå i arv til alle undersider, med mindre du sætter en værdi længere ned i træet. Det er princippet om arv. Se afsnit 6. Styling. Husk at trykke "Gem" (diskette) Side 10 af 39

11 2.4 Kopiering og flytning af elementer Klik på Side i venstre spalte. Klik herefter på din skole øverst i træet i den midterste spalte. Nu ser din side ca. således ud: Rediger elementet Kopier elementet Klip elementet Slet elementet Hvis man trykker på kopier eller klip, sker følgende: Indsæt elementet her Opret nyt element her Man klikker bare på ikonet Indsæt element og elementet flyttes. Ikonet Nyt element ligger nu noget mere brugervenligt på den plads, hvor man rent fysisk gerne vil oprette sit element. Side 11 af 39

12 2.5 Fleksible kolonner Den fleksible kolonne giver mulighed for at designe din hjemmeside lige efter egne ønsker, idet du samtidig har mulighed for at fravælge venstremenuen/topmenuen/toplogoet, er der faktisk ingen grænser for, hvordan du sætter din side op. Klik på "Opret nyt element", der hvor du mener, det skal oprettes. Stil dig øverst, hvis du vil lave en fleksibel to-kolonne her. Følgende billede fremkommer: Side 12 af 39

13 Den fleksible to-kolonne kan sagtens bruges til at lave tre eller fire kolonner. Her et eksempel med 3 kolonner: 34 pct. 66 pct. 50 pct. 50 pct. Lav en to-kolonne med fordelingen 34 % samt 66 %. Herefter laves en ny to-kolonne inde i de 66 pct. Den deles eksempelvis 50/50. De to sidste kolonner vil herefter indeholde ca. 33 pct. af den fulde bredde. Husk at være konsistent med din logik. Ellers vil dine kolonner ikke stå præcis over/under hinanden. Man kan ikke vælge decimaler. Og der er også spatiering mellem kolonnerne at tage hensyn til: Du bør ikke give 2-kolonnen nogen Overskrift, medmindre at dette ønskes. Før/efter-felterne er lodrette afstande, som du angiver i pixels. Kolonnen kan tildeles en ramme. I kan designe jeres egne rammer senere. De vigtige felter, du skal tage stilling til, er procentvis fordeling og afstand mellem de to kolonner. Resultatet er et to-kolonne-element, hvor du nu kan indsætte elementer i hver af kolonnerne. Så snart du har oprettet dit fleksible element. Kan du begynde at klippe og flytte dine elementer til rette plads. Tip! Vælg at kopiere hele det fleksible element, hvis du gerne vil kopiere hele indholdet fra en side til en anden. Advarsel: Slet ikke kolonne elementet, hvis du vil bevare elementer inde i denne. Flyt først disse ud af boksen. Side 13 af 39

14 Eksempel på to-kolonne: 3. Almindelige elementer 3.1 Tekstelement Tryk på tilføj nyt element og vælg "Almindelig tekstelement" Tekstelementet har nu tre faneblade. Det første du ser, er fanen [Generelt]. Her har jeg valgt 10 pixels afstand før og efter mit element. Er du i tvivl, er det et godt udgangspunkt, at vælge 0 før og 10 efter for at sikre afstand mellem elementerne og et konsistent design. Her er valgt ramme 1, Overskriftstype: Header 1 og dato er sat på. Side 14 af 39

15 I typo3 kommer det til at se således ud. Bemærk at du kan se rammerne fysisk. Det er en god hjælp til at få struktureret sin side. På faneblad [Tekst] kommer en sædvanlige editor frem: Man skal bemærke at man ikke kan indsætte billeder i den almindelige teksteditor men vælge elementet: Tekst med billede. Der er to nye funktioner, der kan være nyttige. Den ene er kodevisning < >, som er nyttig, hvis man vil se html-koden. Her kan man ofte se, hvis der er noget galt. F.eks. at du har oprettet et link i et andet link eller lignende fejl med ikke virkende kode. En anden nyttig funktion er barberkosten. Det er ikke en formatpensel ligesom i Word. Men et rageblad, der kan fjerne utilsigtet kode. Tip! Billeder bør ikke fylde mere end 100 K Hvis du f.eks. har overført tekst direkte fra Word til tekstelementet, kan du rense gamle koder fra Word væk. Tip! Word-kode og html taler dårligt sammen. Rens derfor din kode fra Word og start forfra med din formatering. Vil du lægge et Word-dokument op inkl. billeder og anden avanceret kode, så læg den hellere op i din filliste og lav et link hertil, så den kan downloades eller åbnes fra din hjemmeside. Se næste afsnit. Husk at ikke alle har Word. Det bedste er derfor at konvertere filen til pdf (Acrobat Reader) og lægge den op i stedet. Side 15 af 39

16 3.2 Tekst med billede Vælg ikonet Opret nyt element. Vælg indholdselementet, tekst med billede til højre, Vælg [Billeder]. Billederne kan du uploade til og derefter fra fillisten ved at trykke på den lille gule mappe med en lup, se afsnit 5. Du kan også bruge gennemse knappen til at lægge et billede op med. Vælg position til billede set i relation til teksten. Vælg størrelse på billedet, så det ikke bliver bredere end din kolonne. Tip! Når du arbejder med hjemmesider, er det en god idé at have en pixellineal. Download f.eks. Pixelruler fra Mioplanet. Hvis billedet er et internt link til din egen side (et andet sted) eller et eksternt link, så kan du også vælge at sætte det på ved at trykke på jordkloden. Sæt kryds i klik og forstør, hvis du ønsker at billede skal kunne åbnes i sin fulde størrelse i et nyt vindue. med en kort billedtekst. Skal Googles søgemaskine finde dit billede, er det godt Side 16 af 39

17 3.3 Billedelement Indholdselementet Kun billeder, benyttes når man skal have flere billeder på sin side. Inden billedelementet oprettes, uploades billederne til filliste: Tryk på Filer samt Filliste i venstre menu Vælg placeringen af dine billeder i en eksisterende mappe eller opret ny mappe ved at trykke på ikonet Ny. Tryk på ikonet Upload filer når placering er defineret. Vælg antal filer, indsæt filer ved at trykke Gennemse Når antal filer er valgt, tryk Send filer Stil dig på øverste niveau, tryk Opret nyt element, vælg Kun billeder, Vælg fanebladet [Billeder] Tryk på mappen find filer. Tryk på den mappe du vil have vist.. Indsæt billederne ved at trykke på plusset. Vælg antallet af kolonner etc. som beskrevet tidligere. Hvis du selv skriver en bredde og højde ind kan du risikere at billederne bliver forvrænget alt efter om de er "landskab" eller "portræt". Tip! Hvis du nøjes med højde 150 pixels, får billederne (måske) forskellige bredder, mens højden og billedernes format holdes. Det ser pænt ud i en præsentation af mange billeder i forskelligt format. Side 17 af 39

18 3.4 Billedgalleri Indholdselementet Billedgalleri, benyttes når man skal have en mappe med billeder på sin side. Du kan selv vælge antal kolonner og antal billeder, der skal vises i hver række. Pixelshøjden skal desuden defineres og så genberegner programmet størrelsen så formatet holdes. Tip! Genberegning eller resizing af billeder kan tage lidt tid. Tag en kop kaffe, hvis du har rigtigt mange billeder, der skal genereres. Du skal selv beregne, hvor mange billeder der kan ligge i din kolonne bredde. Dvs. at 4 kolonner med 100 pixels i højde. Kan fylde en hel del mere end 400 pixels, da billeder normalt er bredere end de er høje (landskab). Der er også 10 pixels luft mellem billederne. Først når du klikker på mappen i højre spalte, har du valgt. Resultatet er et galleri, der viser alle dine billeder, som thumbnails. Når man klikker på et tilfældigt billede kommer de op i den definerede størrelse. Brugeren kan nu klikke næste eller forrige billede. Her 3 kolonner og bredden 180 pixels: Side 18 af 39

19 3.5 Galleria Galleria fungerer på samme måde som "Billedgalleri". Her har du dog den ekstra mulighed at du selv kan definere både bredde og højde. Galleria vil også vise et permanent forstørret billede over dine thumbnails. Du kan ikke selv vælge antallet af kolonner. Programmet beregner selv, hvor mange der er plads til ud fra de antal pixels, du skriver i bredde. I nedenstående eksempel mener typo3, at der er plads til 6 kolonner med thumbnails af 85 pixels. Topbilledet er 500 pixels. Side 19 af 39

20 4. Plugins - nyheder, banner, multimedie og chat 4.1 Nyheder Når man første gang opretter en nyhed på sin hjemmeside, udgør oprettelsen 4 dele: 1. Oprettelse af nyhedsoverskrift og teaser 2. Oprettelse af nyhedsindhold 3. Oprettelse af plugin dvs. stedet hvori nyheden indsættes 4. Sammenkæd indhold og plugin Opret nyhedsoverskrift m. teaser-tekst Nyheder oprettes under objekter. Vælg Liste i venstre spalte. Herefter mappen "Objekter". Du har nok ikke nogen nyheder liggende i første omgang. Opret ved tryk på "Opret nyt element" øverste oppe i den grå linje: Klik heroppe første gang du skal lave et nyhedselement. Tip! Senere kan du nøjes med at klikke "Nyt element" under dine Nyheder. Så behøves der ikke at vælges type. Side 20 af 39

21 Herefter vises denne boks: Skriv din nyheds titel og dato. Hvis du ikke angiver, som her, start og stop, så vil nyheden blive vist altid. Det er altid en god idé at sætte dato/tidspunkt på en nyhed, idet det er rart for jeres brugere at vide, hvornår det er skrevet. Samtidigt er det muligt i nyhedsplugin at sortere efter dette felt. Ønsker du en teaser-tekst under din titel, skrives denne i Manchet Tryk Gem & luk (diskette med kryds) Opret nyhedsindhold Lav en ny mappe kaldet Nyheder i sidetræet, se afsnit 2.2. Vælg opret nyt element, vælg element. F.eks. almindeligt tekstelement eller tekst med billede. Udfyld med overskrift, dato, tekst, start og stopdato osv. Tryk Gem & luk (diskette med kryds) Side 21 af 39

22 Oprettelse af plugin Nu skal der oprettes et nyhedsplugin til forsiden eller den side hvor man vil have vist sine nyheder. Vælg Side-visning i venstre spalte. Vælg niveau (øverste niveau = din skoles navn) og vælg Opret nyt element. Opret en fleksibel kolonne eller almindeligt tekstelement, se afsnit 2.5 samt 3.2 Stil dig i den oprettede kolonne eller tekstelement. Vælg "Opret nyt element", Vælg Nyhed Herefter vises denne boks under fanebladet [Indhold] Vælg LIST for alle nyheder, der ikke er udløbne. eller vælg LATEST for den seneste nyhed. Sortering gælder kun LIST eller LATEST. Oprette evt. forskellige kategorier. Så kan man have forskellige nyhedsplugin rundt på sin hjemmeside. Husk at vælge mappen, hvor dine nyheder skal komme fra. Den sættes normalt til objekter. Side 22 af 39

23 I fanebladet [Generelt] sættes indstillinger for ramme/ streger og luft omkring tekst. Benyt samme indstillinger som evt. nabo kolonnen, hvis dit plugin er indsat i en kolonne Sammenkæd indhold og plugin Under fanebladet [Indhold], [Generelle indstillinger], [Andre indstillinger] vælges den nyoprettede side Nyheder eller en anden side på dit "Site", hvor du får vist dine nyheder. Når nyheden er blevet læst, kan brugerne returnere til den fulde liste. Derfor skal du indsætte både en Side ID med nyhedsindholdet og siden der skal returneres til efter læsning Klik på mappen og vælg den side ud, hvor du får vist den enkelte nyhed. Vælg felttypen SINGLE (i stedet for LIST eller LATEST). Side 23 af 39

24 4.2 Opret banner For at lave et banner skal man først uploade sine billeder under "Objekter". 1. Tryk først på "Liste" -visning 2. Tryk herefter på "Objekter", der ligger nederst i dit sidetræ 3. Hvis du ikke har nogle banner-billeder i forvejen, skal du klikke på "Tilføj element" øverst oppe og vælge "Banner". 4. Nu er du inde oprettelse af et bannerobjekt. Tilføj dit billede ved at trykke "gennemse" eller ved at åbne din filliste på den lille gule mappe ved siden af det røde kryds. Klik heroppe første gang du skal lave et bannerelement. Vælg Objekter. Denne menu dukker frem: Slå skjul fra Vælg en god sigende titel, så du kan finde elementet igen senere. Sæt evt. et link på dit bannerbillede. Tryk på denne mappe, hvis du vil i din filliste. Vælg samme animationstype på alle billeder, der skal i samme banner! Vælg banner. Her henter du billedet direkte fra din pc. Side 24 af 39

25 5. Husk at trykke "gem og luk". 6. Du skal oprette mindst to billeder for at få dit banner plug-in til at virke. Der er 3 animationstyper: Fade: Billederne fader langsomt ind over hinanden. Zoom: Der bliver langsomt zoomet ind på billedet Scroll: Billederne ruller ind over hinanden Bemærk! Du skal vælge samme animationstype til dine billeder og til dit banner plug-in. Oprettelse af banner plug-in Nu er du klar til at oprette dit banner på en almindelig side f.eks. din forside, eller hvor det skal ligge: 7. Skift til sidevisning. Stil dig på en almindelig side i dit sidetræ. 8. Tryk på det lille ikon opret nyt element, der hvor dit banner skal placeres. Vælg en side, hvor banneret skal ligge. Opret dit banner plug-in der, hvor banneret skal ligge. Tryk på ikonet - "Opret nyt element". 9. Vælg banner element i slutningen af listen af elementer: Vælg banner element. Side 25 af 39

26 Vælg fanen indhold. Vælg den rette animationstype svarende til dine billeder! Det er en god idé at højde og bredde har samme forhold som dine rigtige billeder. I dette tilfælde er forholdet 16:10 portræt. Billederne kan fjernes igen ved at markere et ad gangen og trykke på det røde kryds. Klik på billederne til højre. De valgte billeder bliver vist i venstre side. Vælg mindst to billeder. 4.3 Multimedie plugin Multimedieelementet virker på samme måde som ved et banner. Du starter med at tilføje et element i objekter. Men bemærk at et plugin skal have tid til at konvertere din fil. Det kan tage noget tid. Da der skal være ledig kapacitet på serveren. Elementet konverterer din fil til flash. Side 26 af 39

27 Teaser billedet er et billede, der vises indtil at man trykker på play. Når filen er konverteret korrekt, indsætter du multimedie plugin på den side hvor det skal vises. Vælg bredde og højde i pixels og evt. automatisk afspilning. 4.4 Chat plugin Du skal ikke oprette noget i objekter. Plugin indsættes på den side, hvor det skal bruges. Alle inputs fra dine brugere vil ryge ned i objekter (chat). Her kan du også slette uønskede indlæg. Side 27 af 39

28 5. Filliste og Masseupload Under filer findes to funktioner. Filliste og Masse upload. 5.1 Filliste Det er en god idé at vælge sine billeder fra fillisten frem for at bruge [Gennemse]- knappen. Der er to årsager til dette: Filerne er tilgængelige for alle og der er styr på filerne, hvis de skal flyttes sidenhen. Fillisten fungerer på samme måde, som "Sidetræet". Man kan oprette mapper i mapper og uploade filer i sine mapper. Tryk på en gul mappe (eller øverste niveau med navnet på din ungdomsskole). Vælg "Ny". Skriv navnet og tryk opret. Åbn på det lille plus, hvis du ikke kan se din nye mappe. Tryk på din nye mappe (ikonet). Vælg "Upload filer". Vælg mellem 1 og 10 filer. Tryk på [Gennemse] knapperne. Tryk på [Send filer]. Side 28 af 39

29 5.2 Masseupload Med masse upload kan du lynhurtigt uploade en hel mappestruktur med filer. Du kan også uploade enkelte filer du har peget ud med den almindelige windows-funktion. Princippet er "drag and drop". Vigtigt! Mapper og filer må ikke indeholde mærkelige tegn. Hold dig til almindelig bogstaver og undgå evt. mellemrum. Mellemrum i typo3 bliver omdøbt til _. Årsagen er, at der er meget restriktive regler på stier (internetadresser) i en browser. Når man åbner f.eks. et billede, åbnes der jo i virkeligheden en sti i din browser. Pas på med at uploade for meget af gangen. Tag en mappe ad gangen. Pas på store filer! Java skal være installeret for at kunne benytte denne funktion. 1. Stil dig på den mappe, hvor filer eller mapper skal indlæses 2. Gør browser vinduet mindre, så du kan se filer eller mapper på eksempelvis skrivebordet. 3. Marker filerne eller mapperne Træk filerne eller mappen direkte over på det store typo3 logo. Her er mappen ude på mit skrivebord ligetil at blive trukket over. Men pas på! Mappen kan godt indeholde flere mapper. Hele mappestrukturen med filer vil blive læst ind. side. Du skal først genindlæse træet fra serveren. 4. Træk (drag and drop) filerne over på typo3 logoet Når alle filerne er overført Får du en melding f.eks. Der blev uploadet 32 filer indeholdende 976 kb. Men du kan endnu ikke se mappen/filerne i venstre Side 29 af 39

30 6. Styling Figur: Styling - funktioner Side 30 af 39

31 Figur 2: Begreber Body Sektion: Logo (topbillede) Sektion: Søge (søgefeltsområdet) Sektion: Topmenu (den vandrette øverste menu) Sidemenu Sektion: Indhold Sektion: Sidefod/ footer Princippet i arv Når du styler en side vil alle underlæggende sider "arve" egenskaberne. Du bør derfor stå på øverste niveau, når du styler hele dit site. Det kaldes 1. niveau og hedder normalt din ungdomsskoles navn. Side 31 af 39

32 Du kan sidenhen stille dig på 2. niveau eller 3. niveau og style en side herfra og nedefter, f.eks. en afdeling, der skal have et andet design. 6.1 Størrelse Alle elementer kan justeres i størrelsen. Vælg "Størrelse". Sæt til nul pixels i højden, hvis elementet skal udgå. På den måde kan du slette eksempelvis topmenuen og din sidefod. 6.2 Baggrundsbillede Baggrundsbillede skal bruges til at lægge et billede op i baggrunden af dine felter. Først og fremmest er toplogoet interessant. Dit billede skal som standard være 1000 pixels bredt. Du kan selv vælge højde på dit logo. Den sætter du under størrelse (højde). Vælg: Sektion: Logo --> Baggrundsbillede --> [gennemse] Udenom din hjemmeside ligger bodyen. Du kan lægge et billede, en gif (animation) eller lignende op her. Vælg: Opsætning: Body --> Baggrundsbillede --> [gennemse] Vælg slet fil, hvis du fortryder. Husk du kan også lægge baggrundsbillede (vandmærke) Side 32 af 39

33 Hvis du vil have et baggrundsbillede ind i indholdselementet f.eks. vandmærke, så skal du vælge Sektion: Indhold --> Baggrundsbillede --> [gennemse] Billede bør være 1000 pixels bredt og minimum så højt, som du synes dine sider skal være. 6.3 Flydende overgange (baseret på Paint Shop Pro X) En vigtig funktion når man uploader et baggrundsbillede er repeat. I stedet for at uploade et billede på 1000 x 500 med flydende overgang. Så uploades en gif eller jpg på f.eks. 10 x Lav en flydende overgang. Du skal bruge to farvekoder for start og slut. Farven nedest skal munde ud i din baggrundsfarve, således at det bliver pænt uanset hvor høj din side er. Side 33 af 39

34 Opret et nyt billede. Vælg f. eks. 10x200 eller 10x500 eller hvor høj du synes din flydende overgang skal være. Dobbeltklik på udfyldningsfarve, vælg fanen "Gradient" og vælg "Edit". Der findes nogle prædefinerede, men hvis du trykke "New", så kan du lave dine egne. Klik på de små farvede kasser (de kan flyttes langs linjen). Indtast dine to farvekoder i hver ende. Er der 3 overgangsfarver skal du rykke den midterste ud i den ene ende. Her har jeg sat gul farve i den ene ende. Tryk på den lille firkant for at ændre farven. Tryk på det gule felt og vælg en farve. body.gif (256 farver) eller body.jpg Når du har redigeret din "gradient" og gemt. Bruger du "flood fill tool" (malerbøtte) til at lave overgangen. Tryk på "Save As" og gem som Her er en flydende overgang fra grøn til gul (#ffff40). Gul skal altså være den generelle baggrundsfarve på eksempelvis body. 2. Vælg Body --> Baggrundsfarve --> #ffff40 3. Vælg Body --> Baggrundsbillede --> [Gennemse] --> find (body.jpg) Vælg repeat-x (gentager dit baggrundsbillede langs x-aksen) Resultatet er nu en flydende overgang i toppen af skærmen fra grøn til gul på de første ca pixels. Resten vil være gult. 6.4 Tekstfonte og farver Tekstfontene skal vælges på alle sektioner (se begreber) og kan stilles forskelligt. Topmenu, sidemenu, indhold og footer/sidefod kan alle have forskellige fonte. Du kan stille farve, størrelse og type. Her er vist Sektion: Indhold. Se oppe under begreber. Side 34 af 39

35 Hvis du vælger farve kommer der nu en farveskala frem med alle farver og en skala fra hvid til fuld farvestyrke. Side 35 af 39

36 6.5. Sidemenuen Bemærk at man yderligere kan sætte en masse værdier på sin sidemenu, hvis du vil have et distinkt design. Værdierne ligger over i avanceret. En hel del ønsker at udskifte det store punktum foran punktlisterne i sidemenuen. Vælg Sidemenu, Ikoner, Baggrundsbillede. Placering - det ser bedst ud med bottom. Billedet skal være lavet med en størrelse på omkring pixels på hver led alt efter smag. Læg dit eget billede op her, så det passer med dit firma eller design. Vi har valgt en rød sommerfugl på Laraweb: Her har vi desuden givet en margin på 20 pixels på Sidemenu, Menupunkt, Margin På opsætning, Sidemenu, Baggrundsfarve er valgt en lys grå. Den kan selvfølgelig skiftes ud. Side 36 af 39

37 6.6 Ramme 1 og 2 Rammer kan sættes på de fleste elementer. Under Ramme 1 og 2 kan du selv designe dine rammer så de passer til dit design. Rammerne er defineret af et generelt design, der vil tage udgangspunkt i hvilket stylingstema, du har valgt (se 2.2 og 2.3). Det letteste er tage udgangspunkt i et tema, hvor rammehjørner og kanter ikke skal omdefineres. Det eneste man så skal gøre er at udskifte indholdsfarve Start med Ramme1, Indhold, Baggrundsfarve Sæt farven til den generelle farve. Lav en flydende overgang (se afsnit 6.3), der skal slutte med din baggrundsfarve. Vælg Ramme 1,Indhold, Baggrundsbillede Vælg repeat-x For de avancerede kan man også udskifte al grafikken. En ramme er defineret af: Side 37 af 39

38 Billeder af hjørner: top-venstre, top-højre bund-venstre bund-højre Vælg Ramme 1, top-venstre, Avancerede, Baggrundsbillede Udskift alle fire hjørner med dit eget design. Herefter skal de fire rammekanter mellem hjørnerne udskiftes. En linje består kun af baggrundsfarve og størrelse (tykkelse). Rammekanter: Bund-midt Top-midt (mangler) Indhold-venstre Indhold-højre Sæt baggrundsfarven, som du ønsker. På midt elementerne (top og bund) definerer du "Størrelse" --> "Højde" til f.eks. 1-2 pixel. På indhold (højre og venstre) definerer man "Størrelse" --> "Bredde" til f.eks. 1-2 pixels. 7.0 Gratis værktøjer til design af hjemmesider Det er ikke sikkert at du må installere programmerne uden godkendelse fra din IT-afdeling, men her er nogle links til nogle gode gratisprogrammer: Pixellineal Farvevælger Pdf-creator Screen-hunter XnView (som skriver hexidecimal (farvekode a la #ABC123)): (denne virker som en printer i dine programmer, men laver en pdf-fil): (laver billedfiler f.eks. jpg af et område på din skærm): (billedbehandlingsprogram) fås på dansk. God til massekonverteringer af filer. Der ligger lidt instruktion på tabulex.dk under support --> hjemmeside. Til massekonverteringer kan også benyttes Microsoft PictureManager, hvis du tilfældigvis skulle have det liggende på din computer. Side 38 af 39

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

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

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

vorbasse.dk Redaktørmanual Kentaur

vorbasse.dk Redaktørmanual Kentaur Redaktørmanual Kentaur Indholdsfortegnelse Kapitel 1 - TYPO3 Brugerfladen 3 Log ind 3 Backend 4 Frontend 5 Hvor skal jeg klikke? 5 Gem, gem og vis, gem og luk 6 Kapitel 2 - Sider & menuer 7 Sammenhæng

Læs mere

Redaktørmanual TYPO3

Redaktørmanual TYPO3 Redaktørmanual TYPO3 Version: 1.1 Tilpasset TYPO3: 4.2 Sidst opdateret: 15/10-2008 Copyright: IdeFA Gruppen Indholdsfortegnelse 1. Forord... 2 1.1. Quick info... 2 1.2 Om TYPO3 CMS... 2 2. TYPO3 CMS Opbygning...

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

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

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 i frontend-redigering af kredssider og brug af kalender

Manual i frontend-redigering af kredssider og brug af kalender Manual i frontend-redigering af kredssider og brug af kalender Frontend redigering af kredssider og brug af kalender Logge ind og lave simpel redigering... Side 2-3 Opret ny side... Side 4 Læg billede

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

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

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

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

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

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

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

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

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

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

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

Indre Missions. Vejledning til TYPO3

Indre Missions. Vejledning til TYPO3 Indre Missions Vejledning til TYPO3 Manual til Typo3 på IM's server 1. Udgave, januar 2010 Daniel Damm, IT afdelingen, Indre Missions Hus Indholdsfortegnelse Indledning...5 Præsentation af begrebet CMS...6

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

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

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

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

Generel information. Brugere. Hjemmesidens lay-out. HIF Hjemmeside How to do

Generel information. Brugere. Hjemmesidens lay-out. HIF Hjemmeside How to do Generel information Dette dokument er en brugsanvisning for hjemmesidens back-end brugere, med information om hvordan man logger ind og hvordan man arbejder med hjemmesiden/hjemmesidens funktioner samt

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

Vejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend

Vejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend Iserasuaat.gl Vejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend Indhold Om kategorier en central del af Iserasuaat... 2 Frontend redigering... 3 Fanen Generelt... 4 Linke til

Læs mere

Hermed vejledning i hvordan man lægger billeder ind til brug for hjemmesiden.

Hermed vejledning i hvordan man lægger billeder ind til brug for hjemmesiden. Hermed vejledning i hvordan man lægger billeder ind til brug for hjemmesiden. Manualen er delvist hentet fra en manual Ølstykke IF har lavet til brug for deres hjemmeside Upload af billede For at kunne

Læs mere

Manual for redaktører

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

Læs mere

Vejledning 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

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

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

WordPress manual..hjerteforeningen.dk/wp-admin. Brugernavn: Password:

WordPress manual..hjerteforeningen.dk/wp-admin. Brugernavn: Password: WordPress manual.hjerteforeningen.dk/wp-admin Brugernavn: Password: April, 2015 Generelt Du kan benytte WordPress fra alle platforme. Det vil sige, du kan redigere jeres hjemmeside fra din computer, din

Læs mere

WEB kursus I. Grundkursus i CMS

WEB kursus I. Grundkursus i CMS WEB kursus I Grundkursus i CMS 1 Link til manual på intranet: http://intranet.regionsyddanmark.dk/cmsmanual Nyttig information Support telefonnummer: 65 41 32 25 Support e-mail: websupport@regionsyddanmark.dk

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

Vejledning for LOF s afdelingshjemmeside

Vejledning for LOF s afdelingshjemmeside Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en

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

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

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

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

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

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

Sådan redigerer du en hjemmeside front-end

Sådan redigerer du en hjemmeside front-end Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside front-end Indhold Introduktion... 2 Log på hjemmesiden og redigér front-end... 3 Rediger en side... 7 Opret ny side... 10

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

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

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

Herning Centerby Guide til Umbraco

Herning Centerby Guide til Umbraco Herning Centerby Guide til Umbraco marts 2016 I GANG MED UMBRACO 4 LOGIN 4 LÆR UMBRACO AT KENDE 5 SÅDAN REDIGERER DU SIDER 6 VÆRKTØJSLINJEN 6 RET I TEKSTEN 7 RET ELLER INDSÆT LINK I TEKSTEN 8 RET ELLER

Læs mere

Brugervejledning til InfoLand.dk skabelonen

Brugervejledning til InfoLand.dk skabelonen Indhold Indledning... 4 Første gang... 4 Log ind som Administrator og ændre kodeord... 4 Opret Redaktør (dig selv)... 4 Log ind... 4 Log ind med dit eget brugernavn ( Redaktør )... 4 Log ind som Administrator...

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

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

Indholdsfortegnelse. Indholdsfortegnelse.. side 2. Adgang til webgraf 3. Opslag adresse... 4. Styring af layout.. 5. Zoom funktioner..

Indholdsfortegnelse. Indholdsfortegnelse.. side 2. Adgang til webgraf 3. Opslag adresse... 4. Styring af layout.. 5. Zoom funktioner.. Indholdsfortegnelse Indholdsfortegnelse.. side 2 Adgang til webgraf 3 Opslag adresse... 4 Styring af layout.. 5 Zoom funktioner.. 6 Panorere på skærmen. 7 Information om grafikken.... 8-10 Print et udsnit.....

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

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

Vejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8

Vejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8 Tabulex Hjemmeside Styling af sidemenuer Side 1 af 8 Styling af sidemenuer Sidemenuerne kan styles efter alle ønsker. Du skal vælge modulet: "Styling" på det niveau, hvor det skal have virkning. F.eks.

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

Mini brugermanual CMD 5.1

Mini brugermanual CMD 5.1 Mini brugermanual CMD 5.1 Kom i gang For at tilgå CMD skal du åbne en web browser og indtaste URL en på dit CMD website i adressefeltet, hvorefter dialogboksen til log in vises. 1. Indtast dit brugernavn

Læs mere

MountainSite Guide: Kom godt i gang

MountainSite Guide: Kom godt i gang MountainSite version 2.6 Indhold: Log in Præsentation Rediger hjemmeside Tekster Kontaktoplysninger Menulinien Billeder Pdf/Filupload Brugeradministration Indstillinger Log af Log in Når du skal bruge

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

Manual til Vandværksløsninger

Manual til Vandværksløsninger Intro Hjemmesidens opbygning 1 Manual til Vandværksløsninger 1. Intro Hjemmesidens opbygning Intro Hjemmesidens opbygning 2 Hjemmesidens opbygning, som brugeren ser den Intro Hjemmesidens opbygning 3 Siden

Læs mere

Kom godt i gang. Sitecore Foundry maj Version 1.1

Kom godt i gang. Sitecore Foundry maj Version 1.1 Sitecore Foundry 4 Kom godt i gang 26. maj 2014 - Version 1.1 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...

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

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

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

1.0 Velkommen til manualen for Editor 1. 1.1.1 Editorens typiske udseende 1. 1.1.2 HTML-kode 1. 1.1.3 Generelle funktioner og deres ikoner 2

1.0 Velkommen til manualen for Editor 1. 1.1.1 Editorens typiske udseende 1. 1.1.2 HTML-kode 1. 1.1.3 Generelle funktioner og deres ikoner 2 1.0 Velkommen til manualen for Editor 1 1.1 Editoren 1 1.1.1 Editorens typiske udseende 1 1.1.2 HTML-kode 1 1.1.3 Generelle funktioner og deres ikoner 2 1.2 Værktøjslinjer 2 1.3 Ikoner 2 1.3.1 Liste over

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

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

WordPress 4.2+ Manual

WordPress 4.2+ Manual WordPress.+ Manual Indholdsfortegnelse Introduktion Log ind i din hjemmesides administration Skifte kodeord eller email Administrationen / Kontrolpanelet Dette er dit kontrolpanel. Administrationen sidemenu

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

Vejledning til vedligehold af

Vejledning til vedligehold af Vejledning til vedligehold af www.ajsport.dk Udarbejdet af Helle M. Klausen Indhold Sådan logger du på... 2 Sådan logger du af... 2 Hvad er ikke tilladt under vedligehold af www.ajsport.dk?... 2 Kan www.ajsport.dk

Læs mere

IFA, marts 2010/MSo. OBS: Hele dette dokument viser screenshots fra backend i Typo3 i det gamle skin, mens du som redaktør arbejder i det nye skin.

IFA, marts 2010/MSo. OBS: Hele dette dokument viser screenshots fra backend i Typo3 i det gamle skin, mens du som redaktør arbejder i det nye skin. IFA, marts 2010/MSo OBS: Hele dette dokument viser screenshots fra backend i Typo3 i det gamle skin, mens du som redaktør arbejder i det nye skin. Introduktion til Typo3 Dette er en introduktion til de

Læs mere

Webmail Gmail Generelt Side 1

Webmail Gmail Generelt Side 1 Webmail Gmail Generelt Side 1 Webmail Gmail Generelt Side 2 Indholdsfortegnelse Oprette en Gmail...... Side 4 Indbakken Oversigt...... Side 9 Skriv en mail...... Side 11 Formateringsværktøjer...... Side

Læs mere

TYPO3 TRIN FOR TRIN 1

TYPO3 TRIN FOR TRIN 1 TYPO3 TRIN FOR TRIN 1 LOGIN Åbn din browser (Internet Explorer, Mozilla Firefox eller en helt tredie) og skriv: ale.dk/typo3 i ADRESSELINIEN og tast ENTER så får du dette skærmbillede: Skriv Brugernavn

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

Manual for redaktører

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

Læs mere

Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco

Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ HUSK ingen www i adressen, skriv blot

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

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

Google Apps. Lær at oprette, organisere, dele og slette dokumenter. Udarbejdet af PLC, version 2013!!!!!!! Side 1 af 9

Google Apps. Lær at oprette, organisere, dele og slette dokumenter. Udarbejdet af PLC, version 2013!!!!!!! Side 1 af 9 Lær at oprette, organisere, dele og slette dokumenter. Udarbejdet af PLC, version 2013!!!!!!! Side 1 af 9 Arbejde i faner Google Apps arbejder i faner, derfor er det vigtigt, du er bekendt med det. Mappen

Læs mere

Redigering af http://www.aaregionmidt.dk

Redigering af http://www.aaregionmidt.dk Redigering af http://www.aaregionmidt.dk Regionens nye hjemmeside ligger pt. på http://www.aaregionmidt.dk/cmsms Når den er klar fjernes flyttes den til http://www.aaregionmidt.dk Sådan ser forsiden ud

Læs mere

Adgang til WebGraf. 1. Start Microsoft Internet Explorer. 2. Skriv: http://kort.ge.dk

Adgang til WebGraf. 1. Start Microsoft Internet Explorer. 2. Skriv: http://kort.ge.dk Indholdsfortegnelse Indholdsfortegnelse.. side 2 Adgang til webgraf 3 Opslag adresse... 4 Styring af layout.. 5 Opslag af område via oversigtskort... 6 Zoom funktioner.. 7 Panorere på skærmen. 8 Information

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

Solrød Kommune Guide til Umbraco

Solrød Kommune Guide til Umbraco Solrød Kommune Guide til Umbraco februar 2015 I GANG MED UMBRACO 4 LOGIN 4 LÆR UMBRACO AT KENDE 5 SÅDAN REDIGERER DU SIDER 6 VÆRKTØJSLINJEN 6 RET I TEKSTEN 7 RET ELLER INDSÆT LINK I TEKSTEN 8 RET ELLER

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

Navigationsrude Tryk på Ctrl+F for at få vist navigationsruden. Du kan omorganisere et dokument ved at trække dokumentets overskrift i denne rude.

Navigationsrude Tryk på Ctrl+F for at få vist navigationsruden. Du kan omorganisere et dokument ved at trække dokumentets overskrift i denne rude. Startvejledning Microsoft Word 2013 ser anderledes ud end tidligere versioner, så vi har oprettet denne vejledning, så du hurtigere kan lære programmet at kende. Værktøjslinjen Hurtig adgang Kommandoer

Læs mere

Her kan du slette enkelte figurer i et diagram ved at klikke på figuren der skal slettes og herefter på Slet.

Her kan du slette enkelte figurer i et diagram ved at klikke på figuren der skal slettes og herefter på Slet. 9. FLOWDIAGRAMMER Der er i D4InfoNet indbygget et program til opbygning af flowdiagrammer. Diagrammerne kan placeres på forsiden af de enkelte håndbøger, og kan tilføjes kapitler eller de enkelte dokumenter.

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

Vejledning til NIS CMS

Vejledning til NIS CMS Vejledning til NIS CMS Med tillægsmodulet NIS CMS er det mulig at oprette og gemme dokumenter direkte i NIS (fx håndbøger, regningsliner, kvalitetsstyringsguider mv.) og binde disse tæt sammen med den

Læs mere

HJEMMESIDE GENNEM GANG OG UNDERVISNING

HJEMMESIDE GENNEM GANG OG UNDERVISNING HJEMMESIDE GENNEM GANG OG UNDERVISNING Ubberud idrætsforening 9/1 2017 Andreas Jørgensen Bestyrelsen fodbold Klub CMS Administrator https://www.dbu.dk LOG IND LOG IND TIL STYRESYSTEM http://live-1514-ubberud-if.umbraco-proxy.com/umbraco/#/content/content/edit/1264?doctype=newsitem&create=true

Læs mere

Manual Lara Webtilmelding. Version 2.0

Manual Lara Webtilmelding. Version 2.0 Manual Lara Webtilmelding Version 2.0 Indhold Indledning... 3 Oprettelse af licenser... 3 Webtilmelding... 3 Websync... 3 Elevprofiler... 5 Oprettelse af elevprofil... 5 Godkendelse af elevprofiler...

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

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site.

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site. 1 Opstart af et site Opret hovedmappen Opret grafikmappen Opret dit site Mappen skal indeholde alle elementer til dit site. Opret en mappe indeni den første og kald den grafik. Heri lægges alle dine grafikfiler.

Læs mere

[jobsøgende] sådan gør du... [søg job via jobnet.dk]

[jobsøgende] sådan gør du... [søg job via jobnet.dk] [jobsøgende] sådan gør du... [søg job via jobnet.dk] Søg jobbet via Jobnet Du kan se ledige job på Jobnet.dk, og når du har fundet en stilling, kan du søge den. Er der i søgeresultatlisten ved annoncens

Læs mere

OK Fonden. Umbraco CMS Quickguide

OK Fonden. Umbraco CMS Quickguide OK Fonden Umbraco CMS Quickguide 1 Indhold 1 Indhold... 2 2 Indledning... 3 2.1 Kompatible browsere... 3 2.2 Log ind i Umbraco... 3 2.3 Naviger i administrationsområdet... 4 2.4 Brug af træ menu... 5 3

Læs mere

G2m Fil: /Webdesign/CMS/Help/help_manual_01.doc 2008-09-09 Side 1 af 19

G2m Fil: /Webdesign/CMS/Help/help_manual_01.doc 2008-09-09 Side 1 af 19 G2m Fil: /Webdesign/CMS/Help/help_manual_01.doc 2008-09-09 Side 1 af 19 UNIFLEX CMS 1.0 Manual 9.9.2008 1. WEBDESIGN 1.2. UNIFLEX CMS 1.0 Hjælpen til UNIFLEX CMS 1.0 kan læses på hjemmesiden http://www.help.guide2multimedia.com

Læs mere

Vejledning til brug af FirstClass

Vejledning til brug af FirstClass Vejledning til brug af FirstClass - opdateret januar 2013 Indhold Installation af FirstClass foretages kun første gang... 2 Hent FirstClass-klienten... 2 Installer FirstClass-klienten... 3 Ændre kodeord...

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

Moltrup-sogn.dk - Vejledning i redigering af undersider, og oprettelse af nye sider.

Moltrup-sogn.dk - Vejledning i redigering af undersider, og oprettelse af nye sider. Indholdsfortegnelse Moltrup-sogn.dk - Vejledning i redigering af undersider, og oprettelse af nye sider.... 2 Brugernavn og kodeord.... 2 Selve tekstbehandleren... 3 Indsættelse af billeder... 4 Metadata...

Læs mere

Administrator manual

Administrator manual Revision 1 Administrator manual INDHOLD LOG IND 1 OVERBLIK 1 ARBEJDSRUM 1 MEDARBEJDERE 2 OPRET NY MEDARBEJDER 2 TRIN 1 AF 4: NAVN OG OPLYSNINGER 2 TRIN 2 AF 4: LEGITIMATION 2 TRIN 3 AF 4: EFFEKTIVITETSNIVEAU

Læs mere