Opgaver i Typo3 Opgave 1: Log ind og skift password m.m.... 2 Opgave 2: Opret flere filmapper og upload diverse filer... 3 Opgave 3: Opret en ny side som denne her... 4 Opgave 4: Opret fotogallerier med oversigtsside... 6 Opgave 5: Indsæt en PDF-fremviser og knyt et pdf-dokument til den... 6 Opgave 6: Indsæt elementer på klubbens mødekalender (topsiden).... 6 Opgave7: Opret en automatisk nyhedsside... 6 1
Opgave 1: Log ind og skift password m.m. Skriv internetadresse: www.rotarynyt.dk/typo3 i din browsers adresselinie Skriv brugernavn og password I modulet Indstillinger tilføjer du dit navn og e-mail samt ændrer password/kodeord Husk at gemme opsætning 2
Opgave 2: Opret flere filmapper og upload diverse filer Typo3 håndterer filer (dokumenter, billeder, grafikker etc.) nogenlunde på samme måde, som du kender det i File Manager i Windows. Klik på Filliste og dernæst på > ud for din egen klub. Så ser dui 3 standardmapper, som jeg har oprettet for dig. Opret et par mapper mere på samme niveau som de allerede oprettede. Kald dem f.eks. galleri og projekter. (Klik på ikonet ud for klubnavn) Dernæst skal du up-loade nogle filer til mappen galleri, så der er noget at arbejde med i de kommende opgaver. (Klik på ikonet ud for mappen galleri og vælg Upload filer fra kontekstmenuen. Find 8-10 fotos, der er rimelig ens f.eks. fra en af mapperne Cico vi skal bruge dem i en senere opgave om fotogallerier. Upload også nogle fotos til mappen fotos til brug for de næste opgaver.) NB: Filnavne må ikke indeholde specialtegn, blanke, æ, ø, å og må helst ikke overstige 30 karakterer. Punktum foran filtypen (doc, jpg osv.) er naturligvis tilladt. Billedfiler skal være i en opløsning på 72 dpi. TIP: Hvis ikke du kan se miniaturefotos så klik på Vis miniaturer neden under billedlisten. Hvis du vil slette en fil, så klik på ikonet til venstre for billedet og vælg Slet 3
Opgave 3: Opret en ny side som denne her 4
1. Opret en ny side (Template: Klubside uden højre kolonne) 2. Indsæt et indholdselement Tekst med billede. Fyld tekst og billed i elementet. Juster billedplacering (350 pix) og størrelse. Vælg også Forstør ved klik/enlarge on click. 3. Indsæt en divider (adskillelseslinie) (Vælg elementet Divider) 4. Indsæt et nyhedselement Kun billeder. Indsæt 6 fotos og en overskrift. Konfigurer elementet til visning i 3 kolonner og juster billedstørrelsen (220 pix). Vælg også Forstør ved klik/enlarge on click. 5. Indsæt et layout element 2 kolonner lige store. 6. Opret 2 faktabokse og indsæt tekst og billed (billed kun i Faktaboks 2) a. Indsæt layout elementet Boks med runde tophjørner i begge kolonner b. Indeni indsættes Grafik elementet Faktaboks med runde hjørner c. Inderst indsættes tekstelement og der kopieres tekst ind i dette d. Samme procedure for højre kolonne. Her vælges blot tekstelement med billed inderst Backend skal gerne ende med at se sådan ud: TIP: For overblikkets skyld er det en god ide at navngive de forskellige elementer, så man kan se hvad de bruges til og så vælge at skjule teksten. Kun det inderste element det element, der indeholder tekst og/eller billede - skal vise overskriften. 5
Opgave 4: Opret fotogallerier med oversigtsside Det her er en selvstudieopgave. Følg trinene beskrevet i vejledningen Fotogallerier Opgave 5: Indsæt en PDF-fremviser og knyt et pdf-dokument til den Også en selvstudieopgave. Følg trinene i vejledningen Indsæt PDF-fremviser Opgave 6: Indsæt elementer på klubbens mødekalender (topsiden). Også en selvstudieopgave. Følg trinene beskrevet i vejledningen Klubbens mødekalender Opgave7: Opret en automatisk nyhedsside Du skal nu oprette en Nyhedsside, der ser sådan ud: 6
Siden indeholder en oversigt over alle nyheder i venstre kolonne. Oversigten viser kun en dato og titlen på nyheden. I hovedfeltet vises de 3 seneste nyheder med billed og lidt af teksten. Ved klik på Læs mere vises hele historien. Bemærk også at der er flere sider med nyheder. Det er såkaldte Nyhedsplugins, der styrer hvor og hvordan indholdet skal vises, så begynd med at oprette en tom side uden højre kolonne og dernæst indsæt de nødvendige plugins, de steder, hvor nyhederne skal vises. I backend skal siden se sådan ud. Det er samme nyhedsplugin, der indsættes begge steder. Det konfigureres blot forskelligt. I venstre kolonne indsættes først en boks med runde hjørner og inden i den indsættes et Nyhedselement. Det konfigureres således: Det er alt hvad der behøves for at vise listen i venstre kolonne med oversigten over nyheder. Plugin et tager nu alle nyheder med kategorien Kursusnyheder og viser en samlet oversigt. 7
Plugin et i hovedfeltet kræver lidt mere konfigurering se her under: Vi vælger en anden visningsform og sorterer nyhederne i datoorden i faldende sekvens. 8
I fanebladet Skabelon vælges følgende værdier: Max. bredde på fotos og hvor mange nyhder, der skal vises på siden. Det er alt, der er nødvendigt. På den første side du oprettede skal du også indsætte en lille boks i venstre kolonne, der udelukkende viser seneste nyhed. I frontend ser den ud som vist her til venstre. I backend ser det sådan ud: Indsæt først et grafisk element Faktaboks med runde hjørner. Det har ingen reel betydning, men rammer nyheden pænere ind. 9
Inden i Faktaboks elementet indsættes et Nyhedsplugin, som konfigureres således: I fanebladet skabelon vælges følgende værdier: Template file reference skal være: fileadmin/templates/extensions/tt_news/forside-news.html Max. bredde sættes til 100, antal nyheder til 1 og antal vise karekterer sættes til 120. Det skal skrives på den måde det er vist her. Det var alt. 10
Vi har nu lavet mekanikken til at styre nyhedsflowet, så nu skal vi have oprettet nogle nyheder på siden Kursusnyheder. Når du skal oprette en nyhed, klikker du på ikonet Nyt element. Så åbner den velkendte editor og du indtaster tekst, indsætter billede osv. Det nye er, at der nu er et faneblad, der hedder Categories & Relations. Her skal du klikke på din klubs nyhedskategori. OBS: Første gang du skal oprette en nyhed, er listen tom og der er ikke noget Nyt element ikon at klikke på. Klik derfor på ikonet Nyt element i topmenuen. Så får du mulighed for at vælge et nyt element, der hedder Nyheder og dernæst kan du indtaste din første nyhed. Da vi jo satte de tre nyhedsplugins op til at vise alle nyheder med kategorien Kursusnyheder, vil de nyheder vi taster ind her i Listemodulet og giver kategorien Kursusnyheder automatisk blive vist i de tre plugins. Der er mange andre muligheder for styring af nyheder. Klik lidt rundt i fanebladene for en enkelt nyhed. I fanebladet Special kan du ændre tidspunkt. Du kan sætte nyheden til automatisk at forsvinde på et givet tidspunkt. Du kan sætte Forfatternavn og e-mail ind og endelig søgeord for søgerobotter. I faneblades Access kan du indsætte en start og stop dato, hvis du vil have vist nyheden i en given periode. Event info anvendes ikke ved Nyheder, men vil du have en side med Arrangementer (oprettes på samme måde som Nyheder), dog er der den forskel, at hvis du i fanebladet Event info klikker af for Is event og indsætter start dato og tidspunkt, så vil Arrangementer blive vist i den rækkefølge de foregår. De skal jo helst vises i den rækkefølge de afvikles og ikke efter hvornår, de er oprettet. 11