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

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

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

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

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

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 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 til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

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

Læs mere

Manual 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Vers. 01 Oktober 2010 REDAKTØRMANUAL TYPO3

Vers. 01 Oktober 2010 REDAKTØRMANUAL TYPO3 Vers. 01 Oktober 2010 REDAKTØRMANUAL TYPO3 INDHOLD 1. LÆR SYSTEMET AT KENDE... 1 Kort introduktion... 1 Menuen... 2 Sidetræet... 3 Indholdet... 4 Forsiden, Forum og Beboermappe... 4 Sådan finder du rundt

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

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

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

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

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

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

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

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

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

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

BRUGERMANUAL FOR KLUBKOORDINATORER. Version 2.0

BRUGERMANUAL FOR KLUBKOORDINATORER. Version 2.0 BRUGERMANUAL FOR KLUBKOORDINATORER Version 2.0 Login Du skal vælge den klub som du tilhøre og dernæst indtaste din kode i feltet: Password. Regionsgolf-Danmark Administration Når du er logget ind i system

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

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

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

Tilpas: Hurtig adgang

Tilpas: Hurtig adgang Tilpas: Hurtig adgang Genveje, Se skærmtips Se tips Hold alt tasten nede. Og brug bogstaver Word Fanen Filer PDF dokument Brug skabelon Visninger Husk Luk ved fuldskærmsvisning Brug zoom skyder Marker,

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

AgeForce MINI vejledning

AgeForce MINI vejledning AgeForce MINI vejledning Velkommen til AgeForce et enkelt og sikkert netværk for dig over 50 I denne korte guide fortæller vi dig hvordan du: - Opretter en gratis profil på www.ageforce.dk. - Redigerer

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

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

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

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

3S brugermanual VERSION 2

3S brugermanual VERSION 2 3S brugermanual VERSION 2 Version 2.2 - Udgivet 20/7 2012 3S brugermanual Kom igang med 3S Med denne manual kan du hurtigt komme i gang med at bruge dine nye eller opdaterede hjemmeside. Det er en trin-for-trin

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

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

vejledning sådan ARBejdeR du i ebg s RAppoRTvæRKTøj

vejledning sådan ARBejdeR du i ebg s RAppoRTvæRKTøj vejledning sådan arbejder du i ebg s rapportværktøj Vejledning for 2013/2014 Sådan arbejder du i EBG's rapportværktøj www.business-games.dk Indholdsfortegnelse: Forord... 2 Login... 2 Rapportværktøjet...

Læs mere

Daglig brug af Jit-klient

Daglig brug af Jit-klient Daglig brug af Jit-klient Indholdsfortegnelse Opret person...3 Alternativ oprettelse...3 Søgning af personer...4 Send besked...5 Vælg besked...6 Opret mappe...6 Opret skabelon...6 Slet mapper og skabeloner...6

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

5. OPSÆTNING DOKUMENTSKABELONER 5.1 TRIN

5. OPSÆTNING DOKUMENTSKABELONER 5.1 TRIN 5. OPSÆTNING DOKUMENTSKABELONER Under fanen Dok. skabeloner kan du arbejde med de skabeloner som du har i systemet, eller du kan oprette nye. I denne vejledning kigger vi på hvordan du kan tilrette selve

Læs mere

Brugervejledning. Hjemmesider med Cmsimple.

Brugervejledning. Hjemmesider med Cmsimple. 1af23 Brugervejledning. Hjemmesider med Cmsimple. 1. Forord. Denne brugervejledning er fremstillet for at hjælpe personer ved Lokalhistorisk Arkiver i ny Sønderborg kommune, som kun har ringe kendskab

Læs mere

18/11 2010 Version 2.0 Side 1 af 36

18/11 2010 Version 2.0 Side 1 af 36 Login til DJAS Gå ind på adressen http://www.djas.dk I feltet Brugernavn skrives den e-mail adresse som brugeren er registeret med i systemet. I feltet Password skrives brugerens adgangskode. Ved at sætte

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

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

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

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

[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

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

Fronter for elever - Første undervisning

Fronter for elever - Første undervisning Fronter for elever - Første undervisning Fronter for elever - Første undervisning 1 Kom godt i gang 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 1.11 0) Nulstille unilogin i UMS - (Elev) 4 1) Logge på Fronter

Læs mere

09/03 2009 Version 1.4 Side 1 af 37

09/03 2009 Version 1.4 Side 1 af 37 Login til DJAS Gå ind på adressen http://www.djas.dk I feltet Brugernavn skrives den e-mail adresse som brugeren er registeret med i systemet. I feltet Password skrives brugerens adgangskode. Ved at sætte

Læs mere

Google websites. https://sites.google.com. Pædagogiske og didaktiske mål

Google websites. https://sites.google.com. Pædagogiske og didaktiske mål Google websites https://sites.google.com Pædagogiske og didaktiske mål Et værktøj til at samle og dele klassens materialer og noter på ét sted med mulighed for et lækkert layout. Der kan lægges dokumenter

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

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

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside Hardeknud gruppe Brugermanual Tilegnet redaktører af gruppeweb hjemmeside Indhold Indledning... 4 Om denne brugermanual... 4 Formålet med Gruppeweb... 4 Hjemmesidens opbygning... 4 Redaktører... 5 Log

Læs mere

Nogle metoder ved arbejdet med Brothers Keeper.

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

Læs mere

NP Ecommerce. Produktguide for NaviConnect. Ecommerce

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

Læs mere

Qbrick s krav til video filtyper

Qbrick s krav til video filtyper Indhold Qbrick s krav til video filtyper... 1 Krav til ordningen/området... 1 Qbrick s krav til video leverandør... 1 Video og billede størrelser i WCM:... 1 Upload en video... 2 Trin 1: Mediefiler...

Læs mere

Den digitale Underviser. DOF deltagernet

Den digitale Underviser. DOF deltagernet Den digitale Underviser DOF deltagernet Sabine Kramer juli 2014 Indhold Kursusindhold... 2 Log ind på Deltagernet, se og rediger dine aktuelle kurser... 3 Skift fra uge- til emneformat... 5 Redigér første

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

Vejledning i brug af Kommunen på kort

Vejledning i brug af Kommunen på kort Vejledning i brug af Kommunen på kort Indhold Adgang til Kommunen på kort... 2 Kortvindue og infolinje... 2 Målforhold... 2 Zoom... 3 Signaturforklaring... 3 Værktøjslinjen den øverste sorte del... 3 Navn...

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

CMS - BRUGERMANUAL CMS

CMS - BRUGERMANUAL CMS CMS - BRUGERMANUAL LOG PÅ ADMINISTRATION Sådan kommer du i gang! For at logge ind i dit nye CMS-administrationsmodul skal du efter dit domæne skrive: admin. Eks.: www.dit_domæne.dk/admin Første gang du

Læs mere

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

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

Læs mere

Hvordan du opretter, bruger og tildeler kategorier til arrangementer og nyheder

Hvordan du opretter, bruger og tildeler kategorier til arrangementer og nyheder Hvordan du opretter, bruger og tildeler kategorier til arrangementer og nyheder Opret kategorier 1. For at kunne bruge kategorier på nyheder og arrangementer skal man først oprette en række kategorier,

Læs mere