Som du ved fra installationen er TYPO3 delt i to områder - backend'en og frontend'en. Mens frontend'en er for alle derude på www - den er det websted, TYPO3 producerer - får kun du og dine informationsleverandører adgang til backend'en - administrationen af webstedet. Brugernavn og adgangskode kræves for adgang hertil.

Backend-moduler

I backend'en er der en lang række moduler i menuen til venstre. Når du vil redigere og oprette sider skal du vælge Side-modulet:

Hvert modul viser sit eget indhold. Da du er administrator har du adgang til alle moduler; men der er andre “almindelige” brugere, der kun har adgang til de moduler, som du har valgt for dem!

Prøv at klikke på de forskellige moduler i menuen og bemærk hvordan indholdsrammen ændrer sig.

Overskriften "Web" i menuen kaldes et hoved-modul og modulerne under det er sub-moduler. Alle moduler under "Web" hoved-modulet har en todelt visning i indholdsrammen - sidetræet (venstre #1) og modulindholdet vedrørende en side fra sidetræet (højre #2).

Sidetræet kan foldes ud ved at klikke på plus/minus-ikonerne (#3). Det virker fuldstændig som mapper på din egen computer. Du kan faktisk betragte sidetræet som en mappestruktur, hvori websiderne er organiseret i et hierarki med hovedsider, undersider, under-undersider osv.

Titler og ikoner

Den næste vigtige ting at vide om sidetræet er at du kan klikke på både sideikonet og sidetitlen – og at det gør en forskel!

Hvis du klikker på sidetitlen viser det aktive modul noget indhold i den højre ramme:

I dette tilfælde er det Side-modulet der er aktivt, og du får så vist sidens indhold i den højre ramme. Herfra kan du redigere osv. Det vil vi snart vende tilbage til.

Hvis du i stedet for at klikke på titlen klikker på sidens ikon, dukker en lille kontekst-afhængig menu op. Denne refereres der indimellem til som en “klik-menu”:

Bemærk: Hvis du bruger en ældre browser kommer menuen ikke frem i nærheden af ikonet; i stedet bliver den vist i backend'ens topramme. Desuden: hav tålmodighed – der kan gå nogle få sekunder før menuen viser sig!

I kontekst-menuen kan du vælge muligheder som relaterer sig til denne side! For de flestes vedkommende er det indlysende hvad de gør - prøv at lege lidt med dem, hvis du har lyst. I dette eksempel har jeg valgt "Vis" som åbner et andet browser-vindue med denne specifikke side vist i frontend'en:

Bemærk at siden blev vist i det nye vindue ved at kalde scriptet ".../quickstart/index.php?id=13" (#1). I TYPO3 gemmes hver side i databasen (i en tabel ved navn "pages") og hver af disse side-poster har et unikt nummer (uid). Her var parameteren "id" sat til værdien "13" - og tilsyneladende må det have været uid-nummeret for siden ved navn "This week" i sidetræet!

Endvidere kan du se, at sideindholdet (#2) er det samme som du så (hvis du bemærkede det) i den venstre ramme i Side- modulet, da du klikkede på titlen. Det vender vi tilbage til.

Læg mærke til sidens overskrift (#3) - her bliver den viste sides titel vist ("This week") og den overordnede side i sidetræet - "Results" - bliver ligeledes vist. Dette afspejler sidetræets logik - altså at "This week"-siden er en underside (child) i fht. "Results"-siden (parent).

Den sidste detalje er menuen i den venstre ramme. Den afspejler tydeligt hierarkiet fra sidetræet:

Teknisk implementering af parents og children

Dette er for dem der gerne vil forstå hvordan træstrukturen er implementeret i databasen:

Teknisk set etableres forholdet mellem en side og dens undersider i feltet "pid" (parent id/page id) i "pages"-tabellen i databasen - "pid" feltet for "This week"-siden vil indeholde "uid"-værdien for siden "Results".

Ved at holde musen over sideikonet for "Results"-siden et øjeblik vil denne titel-tekst blive vist:

Det fortæller os at siden "Results" har uid-nummeret 4. Vi ved at "This week"-siden havde uid'en 13 (og siderne "Last week" og "Report results" har uid'erne 12 og 11).

Hvis vi nu skifter til modulet "phpMyAdmin" og gennemser "pages"-tabellen (som indeholder alle sideoverskrift-posterne) skulle vi ret let kunne se denne relation:

Som vi ville forvente har de tre undersider til "Results" værdien 4 i "pid"-feltet.

Nu har du lært at

Måske har du lagt mærke til at nogle af siderne i sidetræet ikke blev vist i menuen på webstedet? Det er disse sider:

Ikke i menuen

"Log in" siden (#1) blev ikke vist, fordi sidetypen var sat til "Ikke i menuen". Dette er nyttigt hvis du gerne vil lave en side som ikke skal optræde som et punkt i menuen. Du kan stadig gå ind på siden ved at lave et link til den manuelt - eller ved at taste dens id-nummer direkte ind i URL'en!

Man sætter "Ikke i menuen"-tilstanden for en side ved at redigere sidehovedet:

Sider med adgangsbegrænsning

Siden "Team pages" (#2) er ikke synlig fordi adgangen til den er blevet begrænset . Det betyder at den kun bliver vist når en frontend-bruger er logget ind. Dette bliver beskrevet senere i denne gennemgang; den korte version er at du redigerer sidehovedet og vælger den brugergruppe der skal have adgang:

sysFolders - hvad er det?

Slutteligt bliver de to såkaldte "sysFolders" ikke vist (#3). Du opretter en sysFolder ligesom du lavede "Ikke i menuen"-siden - ved simpelthen at vælge "sysFolder" som sidetypen (se tidligere).

Men hvad er det? Jo, standardsider i TYPO3 har til hensigt at indeholde websideindhold. De optræder i menuen og kan have en titel. 95% af alle sider bliver anvendt på den måde. Siderne kan dog også fungere som enkle pladsholdere for databaseelementer som ikke skal være indhold på en synlig webside. Det er det sysFolders er her til! Anvend dem nøjagtig som du anvender mapper i din computers filsystem til at opbevare og organisere forskellige filer! På samme måde er sysFolders "mapper" som pænt og nydeligt organiserer databaseelementerne i TYPO3!

I dette tilfælde indeholder sysFolder'en "Users" de websteds-brugere som kan logge ind på webstedet (mere om det senere). Du kan se indholdet af sysFolder'en ved at bruge "Liste"-modulet (som er "Stifinder" inde i TYPO3...):

Genveje

Udover de sidetyper der ikke blev vist i menuen er der også to mystiske sider med et "genvejsikon":

En genvej er en smart lille funktion hvis du har en side (tom, uden indhold) som simpelthen skal hoppe direkte til en anden side! Dette er særdeles belejligt hvis du fx stadig vil have et link til siden i menuen!

I vores tilfælde hopper "Home"-siden til forsiden og "Results"-siden til "This week". Prøv det selv!

Du laver genveje ved ændre sidetypen. For "Home"-siden ser det sådan her ud:

Du bruger Element Browser'en til at vælge den side du vil henvise til. Element Browser'en bruges til at lave relationer mellem records og filer i TYPO3's forskellige redigerings-formularer. Du kan læse mere detaljeret om Element Browser'en her.

Hvad siden "Results" angår er genvejen en lille smule mere sofistikeret - den hopper simpelthen til den første underside den finder! I vores tilfælde er det siden "This week":

"Genvejstype" er en såkaldt sekundær mulighed  til "Genvej til side"-feltet - det betyder at feltet kun bliver vist (i paletten / top rammen) når du klikker på "Flere valg..." ikonet (se billedet ovenover).

Hjælpen er lige ved hånden!

Nå, hvad mon alle de andre spændende sidetyper kan? Jo, det kan du finde ud af lige med det samme hvis du blot klikker på det lille "?"-ikon ved siden af feltet:

Så dukker et vindue som det her op:

Det kaldes Kontekstafhængig hjælp og kan findes for næsten alle elementer i TYPO3 når du har brug for information om deres funktion! Brug det! Det er let og det er lige ved hånden når du arbejder i systemet!

Nu har vi set lidt på sidetræet, set hvor sidetræet afspejles i webstedets menuhierarki, hvordan sider kan vises osv.

Det næste spørgsmål bliver - hvordan er indholdet på en side organiseret? Lad os kigge på siden "This week" en gang til:

Denne sides indhold er sat sammen af tre sideindholdselementer - som her er nummereret 1-3. Fordi indholdselementerne kan være forskellige typer kan du lave sider med meget fleksible strukturer! I dette tilfælde består siden af et indholdselement af typen "Tekst", og så to elementer af typen "Tabel".

Note: TYPO3 - et elementbaseret CMS

Denne måde at sammensætte sider på er et meget grundlæggende koncept i de fleste websteder lavet af og med TYPO3. Fremgangsmåden med at sammensætte sider af indholdselementer kendes også fra andre CMS'er i dag. Det gør TYPO3 til et "elementbaseret" CMS. Det giver en høj grad af fleksibilitet men bibeholder et konsistent sidedesign - og det er jo et af formålene med et CMS! Den alternative fremgangsmåde er en mere fastlåst tilgang, hvor en side har et fast antal indholdsområder - fx et til overskrift, et til brødtekst og et til billeder. Det kan TYPO3 også (det kan alt det du kunne tænke dig!) men sandsynligvis er det ikke det du ønsker dig. Hvis du har nogle spørgsmål til professionelle implementationsteknikker for skabelondesign, indholdselementer osv., så kan du kigge i dokumenterne "Modern Template Building", Part 1 og Part2+3. Husk dog, at disse dokumenter er på et langt højere niveau end dette og at det er klogt at tage et skridt ad gangen hvis du lige er startet med TYPO3.

Rækkefølge på indholdselementer

Nå, tilbage til indholdselementerne på websiden; prøv at se på dem i backend'en:

Sammenlign frontend-visningen med backend-visningen. Kan du se hvordan elementerne fra backend'en tydeligvis er de samme som dem i frontend'en?

Prøv at omarrangere et backend-element ved at flytte det opad:

Dette vil give denne rækkefølge oppefra:

... og på webstedet ser det sådan her ud:

"Parent side" for indholdselementer

Dette er for dem der gerne vil forstå den tekniske side af det med indholdselementer og sider:

Husk hvordan "side-poster" havde et felt, "pid", som pegede på deres "parent side"? Jo, sideindholdselementer (poster) - og enhver anden databasepost som er konfigureret i TYPO3-backend'en - har også det. Hvis vi igen ser på phpMyAdmin-modulet ser vi at sideindholdselementerne (tabellen: "tt_content") med uid'erne 18-20 alle peger på side-uid'en "13" - som er uid'en for siden "This week":

Så logisk er det!