Manual til hjemmeside i Typo3

Transkript

1 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 af side trin for trin Alle sider har en unik nummerering side id Alle sider i Typo3 har et sidenummer en side id du kan se siden id ved at lade musen hvile på siden i sidetræet til venstre på skærmbilledet. Se sidens id ved at lade musen hvile på siden i sidetræet Hvis du kender side id på en bestemt side, som du f.eks. vil ind og rette eller se, udfyld dette felt med sidens id og tryk på enter

2 Opret en ny side Peg på den side, hvor du vil oprette en side under og venstreklik med musen. I menuen, som nu viser sig, klikker du på Ny. Vær også opmærksom på alle de andre funktioner denne menu giver dig mulighed for at vælge. Prøv dig frem! Klik nu på Side (inden i) 2

3 På indkørsel forbudt symbolet kan du se, at den nye side er pr. automatik skjult d.v.s. du kan side og arbejde med siden uden at de kan ses live på hjemmesiden. Der er fem faneblade, når man opretter en ny side. Det første du lander i er fanebladet Generelt. Sæt hak i de to bokse Vis sekundære muligheder (paletter) og Vis feltbeskrivelser. 3

4 Fanebladet Generelt Her skal du udfylde følgende (de felter, som ikke er beskrevet skal du ikke udfylde): Type Standard er en almindelig side Extern URL gør siden til et link til en anden hjemmeside Genvej er en side, som blot skal være genvej til en anden side. Bruges, hvis man skal have den samme side flere steder på hjemmesiden. Sidetitel og Titel i menuen Feltet Sidetitel udfyldes med den titel siden skal have (ses som hvid tekst på rød baggrund øverst på siden i frontend). Hak Skjul i menu af, hvis du f.eks. skal have mange undersider, som vil fylde for meget op i venstre menuen eller på en mellemforside. Du skal være opmærksom på, at der så skal være et andet navigationsværktøj, så brugeren stadig kan finde siden på en anden måde end ved at bruge menuerne se f.eks. under Sideelementer på side xx. Hvis din side skal have en anden titel i menuen f.eks. en kortere titel end selve sidens titel, skal du udfylde feltet Titel i menuen. 4

5 Fanebladet Skabelon Her vælger du, hvilken skabelon, siden skal laves i. Til hjemmesiden er der indtil videre 2 muligheder: 2 kolonner og Mellem Forside. De øvrige muligheder skal du se bort fra. Systemet vælger automatisk en 2 kolonners side, så hvis du er ved at oprette sådan en, kan du springe fanebladet over. Fanebladet Metadata Det er meget vigtigt at udfylde felterne i dette faneblad, da det gør at søgemaskiner og den interne søgefunktion på hjemmesiden kan finde siden. Sammendrag: Skriv her et kort resumé af indholdet på siden. Udfyld forfatter og , hvis det er en anden end dig, som er ansvarlig for sidens indhold. Hvis dette ikke er udfyldt står der automatisk dit navn og din mail adresse som kontaktperson for siden. Nøgleordene skal være stikord til sidens indhold. Tænk også i alternative ord, f.eks. renovation, affald, skrald m.m. Skriv flere ord og adskil ordene med kommaer. I Beskrivelse skal der stå en kort beskrivelse af siden kopier f.eks. din tekst fra Resumé feltet. 5

6 Fanebladet Adgang Her kan du vælge at skjule siden eller at vise den v.h.a. hakket i den lille boks. Du kan også vælge at siden kun skal vises i en bestemt periode ved at sætte en startdato og et stopdato på. Du får en kalender frem ved at klikke på kalender ikonet. Du skal nu klikke på gem og vis ikonet for at se din nye side. Der er flere andre ikoner på siden. Du kan se ikonets funktion ved at lade musen hvile på det. Prøv dig frem. Du er nu færdig med at oprette en side. Siden kan ses i sidetræet til venstre på skærmbilledet. Når du klikker på sidens navn, bliver den markeret med en grøn farve, og du kan se en ny visning af siden til højre i skærmbilledet. Nu skal du til at fylde indhold på siden. I Typo3 hedder det at oprette elementer. Elementer på en 2 kolonne side en tekstside På en 2 kolonne side vi kalder den en tekstside, det er nemmere at udtale er der, logisk nok, 2 kolonner, en Main column hovedkolonnen og en Right column højre kolonnen. I hovedkolonnen fylder vi sidens primære indhold på: Tekst, tabeller, billeder, links m.m. Højre kolonne kan bruges til at fremhæve andet indhold, f.eks. kontaktoplysninger, links eller lign. Del din tekst op i så mange elementer som muligt det gør det nemmere at redigere i indholdet. 6

7 Hvis du i sjældne tilfælde er nødt til at lægge en længere tekst på en side, er det desuden muligt at lave en lille indholdsfortegnelse til siden i toppen, som så henviser til de enkelte elementer længere nede på siden. Opret et nyt element Klik på ikonet opret nyt element. Du kommer nu ind i denne menu, hvor du skal vælge indholdselement alt efter, hvilken slags sideindhold du vil oprette. Almindeligt tekstelement og tekst med billeder bliver gennemgået herunder. Du skal ikke bruge elementet tabel. Hvis du skal lave en oversigt i en tabel, skal du i stedet lave tabellen i et almindeligt tekstelement. 7

8 Tekster fra Word og lign. til hjemmesiden via Notepad / Notesblok Notepad / Notesblok er et filter eller et renseri, som renser din tekst for koder. Du skal have din tekst i gennem dette filter for at kunne bruge teksten på hjemmesiden. 1. Gå ind i den tekst, som du vil bruge til hjemmesiden. Kopier teksten markér og tryk Ctrl + C. 2. Gå i dit NAL-vindue. I mappen Windows finder du programmet Notepad. Åbn programmet. Første gang du åbner det, skal du gøre følgende: a. Vælg Formater og klik på Tekstombrydning. Når du har gjort dette, vil du fremover kunne se hele din tekst i vinduet. 3. I Notepad / Notesblok gør du nu følgende: Sæt den kopierede tekst ind: Ctrl + V. Marker alt: Ctrl + A og klip teksten: Ctrl + X. 4. Gå ind i Typo3 (back-end til hjemmesiden), og sæt din tekst ind: Ctrl + V på den side, hvor teksten skal stå. Fillisten Struktur I fillisten ligger alle dokumenter, fotos og illustrationer, der bliver linket til og brugt på hjemmesiden. Navngivning af mapper og filer Når vi opretter mapper og filer i fillisten skal de navngives på denne måde: Brug ikke æ,ø og å. Brug i stedet ae, oe og aa. Lav ikke mellemrum. Brug i stedet _ (shift+bindestreg) Undgå for lange navne. Links (henvisninger) til filer på din hjemmeside lav en pdf-fil og gem i Fillisten På en hjemmeside skal der stå korte og overskuelige tekster. En brochure, et referat, en månedsplan eller lign. er ofte for store tekster til mediet hjemmeside. Derfor skal du lave links (henvisninger) til teksterne i stedet for at lægge dem direkte på som tekst på hjemmesiden. For at kunne henvise til de lange tekster på hjemmesiden skal du først lave teksten om til en pdf-fil. 8

9 Sådan danner du en pdf-fil: 1. Åbn dit dokument i f.eks. Word. Vælg Filer og Udskriv. Navnet på din printer skal ændres til en PDF Writer. Vi har forskellige udgaver lige nu, men din printer skal hedde noget med PDF Writer. 2. Når du har valgt din PDF Writer, klikker du på OK. Du skal nu gemme dit nye dokument, som er blevet til en pdf-fil. En boks med overskriften Gem som kommer frem. Du skal give din nye pdf-fil et navn. Det skal være kort og uden æ, ø og å. Gem gerne dine pdf-filer i en særlig mappe, og slet dem efterhånden som du får lagt dem på hjemmesiden. Så har du nemlig ikke brug for dem længere, hvis du kun har dannet pdf-filen for at lægge den på hjemmesiden. 9

10 Gem din nye pdf-fil i hjemmesiden Filliste: I fillisten skal du lægge de dokumenter og fotos, som du skal bruge på din hjemmeside. 1. I Typo3 (back-end til hjemmesiden) skal du i venstre menu under Filer vælge Filliste. 2. Du får nu et nyt skærmbillede. Nu skal du have gemt din nye pdf-fil i Fillisten. 3. Du kan oprette flere mapper under din institution ved at venstre klikke på den grønne globus og vælge Ny. Skriv et navn til mappen og klik på Opret mapper. 4. Når du skal gemme pdf-filen, skal du venstre klikke på ikonet for mappen eller klikke på mappens navn. Nu skal du hente din pdf-fil. 5. Vælg Upload filer og klik på den grå boks Gennemse. Nu åbner du et vindue med overskriften: Vælg fil. Her finder du din pdf-fil og dobbeltklikker på den. 6. Du er nu tilbage i Typo3 og klikker på Send filer. Nu tager computeren en kopi af din pdf-fil og flytter den over i Fillisten i Typo3. Gem også fotos til hjemmesiden på nøjagtig samme måde i Fillisten. Når du gemmer fotos hedder din fil en jpg fil i stedet for en pdf-fil, men metoden er den samme. Sådan laver du links: 1. Gå ind i den tekst det element hvori du vil lave linket. Skriv en tekst, f.eks.: Se referater fra bestyrelsesmødet den 16. april. Marker hele din tekst tekster til links skal helst være hele sætninger. Så er de tydeligere at se på din hjemmeside. 2. Når teksten er markeret, skal du vælge dette ikon 3. Nu kan du fjerne links, lave links til andre sider på din hjemmeside, lave links til en fil, links til en anden hjemmeside eller link til en -adresse (det laver systemet automatisk for dig, når du skriver en mail-adresse i). 4. Skærmbilledet ser nu næsten sådan ud: 10

11 Læg mærker til de fem faneblade. Her vil du oftest bruge fanebladet Fil og Ekstern URL (som betyder en adresse på internettet altså en anden hjemmeside). Når du laver links til filer og andre hjemmesider, er det MEGET VIGTIGT, at du vælger at filen eller den anden hjemmeside åbner i et nyt vindue. Så vil brugeren af din hjemmeside altid finde tilbage til din hjemmeside, når hun/han lukker filen eller den anden hjemmeside. Du skal derfor altid markere Nyt vindue her, når du laver links til filer og andre hjemmesider (ikke til sider). Nu kan du vælge side, fil eller adresse på anden hjemmeside, og dit link er lavet. 11

12 Redigering af fotos i IrfranView 3.92 Du finder programmet i NAL-vinduet under Fælles programmer. Når du har åbnet programmet, hedder det IrfanView. Når du skal tilpasse dine fotos til de to fotos, som ligger vandret øverst på alle sider (vi kalder dem bannerfotos). 1. Åbn programmet fra Fælles programmer og åbn det foto: File - Open, som du skal redigere. Vælg et foto, der egner sig til et aflangt format, som bannerfoto på hjemmesiden. 2. Mål på bannerfotos til hjemmesiden er 282 x 128 pixels vælg Image og Resize/Resample Image og sæt bredden (Width) i Set new size til et mål, der er tæt på 282 f.eks. Width 350. Billedprogrammet sætter selv højden efter formatet på dit foto. 3. Sæt pilemarkøren i det nye billede på skærmen og beskær dit foto, så det opnår det helt præcise mål 282 x 128. Du kan følge størrelsen i den sidste parentes i den øverste vandrette blå bjælke på skærmbilledet. 4. Når dette er gjort, skal du have kopieret den beskårne del: Tryk Ctrl + C og vælg Image Create New (empty) image der kommer en boks frem, som du den første gang, du er inde skal udfylde med de rigtige mål: 282 og tryk OK. Hvis du arbejder med flere fotos bagefter er boksen udfyldt med de rigtige mål. 5. Nu skal det beskårne foto sættes ind: Tryk Ctrl + V. Du skal nu gemme det nye beskårne foto: Vælg File Save as og gem dit foto i en mappe som en JPG-fil. Giv dit foto et kort navn uden æ, ø og å og uden mellemrum i navnet. I stedet for mellemrum skal du bruge _ (shift + bindestreg). 12