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 i TYPO3... 5 Et par vigtige funktioner... 5 2. SIDER... 7 Overblik... 7 Opret en ny side... 7 Tilpas en ny side... 9 Synlighed... 9 Flyt eller slet en side... 10 3. INDHOLD... 12 Sider består af elementer... 12 Arbejde med elementer... 13 Referencer... 14 Opret elementer... 15 Eksempel på element... 16 Overskrift på elementer... 17 Editoren... 17 Links... 19 Mere om links... 20 Billeder - forarbejde... 21 Upload og indsæt billeder... 21 Billeder i editoren... 23 Bannere stemningsbilleder i top... 25 Filer og mapper... 26 Nyheder... 27 Forum... 29 Fotoalbum og film... 30 4. ØVELSER... 31

1. LÆR SYSTEMET AT KENDE Kort introduktion Afdelingshjemmsiderne er bygget op i TYPO3, som er et Content Management System (CMS). Dvs. et system, som gør det nemt for redaktører at oprette, redigere og administrere indhold på hjemmesider. Når du skal redigere din hjemmeside med TYPO3 arbejder du direkte på nettet via din browser. Log ind med dit Brugernavn og Password på adressen: www.bk-aarhus.dk/typo3 1

Backend og frontend Når du er logget ind kommer du til backend dvs. selve redaktørdelen i TYPO3, hvor du kan redigere og tilføje indhold mv. Den del af hjemmesiden, der er synlig for andre brugere, kalder vi frontend. Hvis du ikke kan huske din hjemmesides adresse (frontend) kan du finde den via www.bk-aarhus.dk Opbygning Backend er bygget op i tre kolonner: 1. Menuen til venstre 2. Sidetræet i midten 3. Indholdet til højre 1. MENU 2. SIDETRÆ 3. INDHOLD Her står vi på Side i menuen Referater i sidetræet og kan derfor se indholdet på siden Referater. Menuen Menuerne Side, Vis og Liste er forskellige visningsmåder. Dvs. de viser sidernes indhold på forskellige måder og giver forskellige muligheder for at arbejde med indholdet. Som redaktør vil du arbejde mest i Side og/eller Vis det er lidt en smagssag. Side viser tydeligere sidens opbygning i selvstændige elementer sidens byggeklodser. Samtidig får du mulighed for at oprette, slette eller 2

kopiere sidens elementer. Vi kommer mere ind på elementer nedenfor Vis viser siden sådan som den ser ud frontend i sin helhed med grafik, menu, links osv. Dog vil du se små blyanter på siden. Det er genveje til at redigere et enkelt element på siden. Liste er en mere avanceret visning, der også viser modul-elementer på siden. Vi anbefaler, at du ikke bruger Liste, når du arbejder med din hjemmeside. Med en enkelt undtagelse: Du skal stå på Liste, når du vil oprette en nyhed i nyhedsmodulet mappen Opret nyheder her. Det gennemgår vi senere Filliste minder om Windows stifinder. Her opretter du mapper og undermapper til filer, som skal bruges på hjemmesiden: Billeder, pdf-filer mv. Når du står på Filliste erstattes sidetræet af en mappestruktur. Du må ikke omdøbe eller slette de to mapper i Filliste: Forside bannere og Underside bannere. Hjælp - se bort fra de sidste punkter i menuen under Hjælp. Du kan evt. skjule punkterne ved at klikke på pilen til venstre for Hjælp. Sidetræet I Sidetræet har du oversigten over alle de sider på hjemmesiden, som redaktøren har adgang til. Klik på + for at folde undersider ud. Her kan du fx oprette, flytte og kopiere hele sider. Siden Kopier mig for ny underside kan du bruge til at lave nye sider med via kopi-funktionen. Nederst har du to mapper. Du skal kun bruge Opret nyheder her og det kræver som nævnt, at du skifter til Liste-visning i menuen. 3

Indholdet Alle sider på nær forsiden er overordnet bygget op i fire områder. Det ser man tydeligst når man står i Side-visning: RØR IKKE VED FELT 2 Som redaktør skal/kan du kun arbejde i område 3 og 4 de blå felter. Herunder lidt kort info om de fire felter: 1. Banner: Du kan tilføje og slette bannere eller topbilleder. Det gør du centralt i Fillisten Forside bannere eller Underside bannere. Du skal altså ikke arbejde direkte i felt 1. 2. Kontakt: Denne del af hjemmesiden står BKÅ 100% for. Vi kan fx udsende en nyhed til alle afdelingshjemmesider her i felt 2. Derfor: Rør ikke ved felt 2 3. Content: Redaktørens primære arbejdsområde. Hvor felt 1, 2 og 4 går igen på alle sider så er område 3 til specifikt indhold på en konkret side. 4. Nyttige links: Boksen med Nyttige links går som udgangspunkt igen på alle sider. Der er også mulighed for at tilføje elementer i område 4. Du skal stå i Vis for at redigere Nyttige links. Forsiden, Forum og Beboermappe Sidetræet backend svarer ikke 100% til menuen frontend. De tre sider Forside, Forum og Beboermappe er ikke synlige i sidetræet. Det har hver sin forklaring, men fælles for dem er, at du som redaktør ikke skal arbejde direkte med dem. Forsiden henter automatisk sit indhold fra andre steder. Nyhederne opretter du i mappen Opret nyheder her nederst i sidetræet. De nyeste forum-indlæg kommer automatisk på, når brugere opretter indlæg. Nyttige links redigerer du på andre sider i Vis. Og bannerbilleder skifter du i Filliste. Det hele uddybes nedenfor. 4

Forum er et modul, der kører automatisk og fx selv viser de nyeste indlæg på forsiden på samme måde som nyhedsmodulet. Beboermappen vedligeholder BKÅ, og den er derfor ikke synlig for dig som redaktør. Kontakt BKÅ, hvis du har behov for at rette eller tilføje noget på de 3 sider. Sådan finder du rundt i TYPO3 Meget navigation og redigering i TYPO3 foregår via ikoner, som du med tiden lærer at kende og genkende når du bevæger dig rundt i systemet. Visse steder kan man også klikke og trække elementer ( drag and drop ). Du skal også vænne dig til at der er forskel på hvor du klikker. Hvis du klikker på teksten Referater i Sidetræet får du vist sidens indhold i kolonne 3. Hvis du klikker på ikonet lige ved siden af Referater får du en lokalmenu frem med valgmuligheder. Du kan også højreklikke på teksten i TYPO3 for lokalmenuer som du kender fra Windows. Klik på ikon og højreklik er som regel samme funktion i TY- PO3. Her i manualen skriver vi konsekvent højreklik, når vi kalder lokalmenuer frem. Flere steder er der et spørgsmålstegn ved siden af en funktion. Hold musen over og få lokalhjælp. På den lille pil efter hjælpeteksten kommer du til mere hjælp i TYPO3. Vi kan dog ikke garantere at hjælpen er 100% opdateret Et par vigtige funktioner Gem Der er fire gemme-funktioner som går igen i TYPO3 typisk øverst i indholdskolonnen. 1. Gemmer siden og forbliver i redigerings-tilstand 2. Gemmer og viser siden, så du kan se ændringer 3. Gemmer og lukker, så du kan gå videre til en ny opgave 4. Gemmer, lukker og opretter et nyt element magen til Den fjerde mulighed er ikke altid aktiv. Fx ikke når du er inde og redigere en sides egenskaber. 5

Når vi i det følgende skriver Gem vælger du selv, hvordan du vil gemme Tøm cache Du vil på et tidspunkt opleve, at du ikke kan se de ændringer frontend, som du lige har lavet de er ikke synlige ude på hjemmesiden. Det gælder især, når du arbejder med nyheder, da de ligger i et modul. Fortvivl ikke. Prøv at tømme cachen det er ofte her problemet gemmer sig. Klik på lynet øverst i højre hjørne og vælg Tøm alle caches: HUSK Kurset og manualen her er kun en introduktion. Du får mest ud af TYPO3 hvis du bruger tid på at lege med de mange funktioner. Opret fx en skjult side eller to og prøv dig frem! Du kan finde mere hjælp og vejledninger om TYPO3 på nettet. Fx er denne side rigtig god, da den demonstrerer mange facetter i systemet med videoer: www.goldenplanet.com/products/typo3.html 6

2. SIDER Din hjemmeside er født med en række sider og undersider. Måske passer de netop til din afdeling og i så fald kan du fokusere mere på kapitlet Arbejd med indhold indtil du får brug for at arbejde med nye sider. Her får du en introduktion til, hvordan du opretter nye sider og omdøber, flytter eller sletter eksisterende sider. Overblik I Sidetræet har du en oversigt over alle sider på din hjemmeside som nævnt med undtagelse af Forside, Forum og Beboermappe. Hvis du ikke kan se sidetræet, står du måske på Filliste. Klik på enten Side eller Vis i menuen for at få sidetræet frem. Klik på + for at folde sider og undersider ud i træet. Som udgangspunkt er der direkte sammenhæng mellem siderne i TYPO3 (backend) og menuen ude på hjemmesiden (frontend). Når du opretter en ny side vil den som standard blive vist som et nyt menupunkt og dermed ny side frontend. Man kan dog arbejde med sider, der ikke vises i menuen mere herom nedenfor. Prøv fx at højre-klikke på en side i sidetræet. Vælg Vis øverst i lokalmenuen. Det åbner et nyt vindue, hvor du kan se din hjemmeside. På den måde kan du løbende se, hvordan de ændringer du laver backend ser ud på selve hjemmesiden. Opret en ny side Man kan oprette nye sider på flere måder. Den nemmeste måde er at kopiere en side, der ligner meget den du vil oprette. Eller du kan kopiere sideskabelonen Kopier mig for ny underside, som ligger øverst i sidetræet som en skjult side. Denne side er klar med Bannere, Kontakter og Nyttige links og du skal derfor blot lave indhold i Content-feltet: 7

Når du vil kopiere en side kan du enten klippe eller trække. Kopiere med kopi-funktion Højre-klik på Kopier mig for ny underside Klik på Kopier i lokalmenuen Siden er nu i TYPO3s udklipsholder Højre-klik på den side, du vil sætte den nye side ind i (som underside) eller efter (samme niveau) Bemærk at lokalmenuen nu har to nye funktioner: Vælg en af de to for at indsætte ny side (kopien). Du kan altid flytte siden bagefter Klik OK for at bekræfte Kopiere med trække-funktion Klik og hold klikket nede på siden du vil kopiere Træk siden hen hvor den skal være og slip! Du får nu flg. lokalmenu: Klik på en af de 4 muligheder og siden flyttes/kopieres på plads. Når du laver en ny side i sidetræt, så laver du også et nyt menupunkt frontend medmindre du vælger Skjul i menu på sidens egenskaber. Se nedenfor. 8

Tilpas en ny side Du kan nu se en ny side i sidetræet dvs. en kopi af den eksisterende side. Brugerne kan ikke se den frontend - den er skjult, som indkørsel forbudt ikonet fortæller. På den måde kan du arbejde i ro og fred uden at bekymre dig om, hvad dine brugere oplever på hjemmesiden imens. Du kan dog selv se siden ved fx at stå på Vis i menuen. Du skal nu tilpasse kopien så det netop bliver en ny selvstændig side. Højreklik på siden og vælg Redigér side egenskaber i lokalmenuen. Det åbner en række muligheder i højre kolonne. Vælg fanen Generelt øverst. Du skal foreløbig kun redigere ét sted: Omdøb siden i feltet Sidetitel det bliver også navnet på menuen frontend Gem og du er klar til at arbejde med indhold på den nye side Synlighed Den nye side er stadig skjult, men som du kan se kan du gøre siden synlig ved at fjerne fluebenet i Skjul side den grønne cirkel. Det vil dog ofte være hensigtsmæssigt at vente til du er færdig med at arbejde med indholdet. Du kan også gøre det (hurtigere) direkte i sidetræet: Højreklik på siden og vælge Synliggør i lokalmenuen pæren med lys. Omvendt kan du nemt skjule en side ved at højreklikke på en side og vælge Skjul i lokalmenuen indkørsel forbudt skiltet. 9

Hvis siden ikke skal fremgå i menuen/navigationen frontend skal du klikke af i Skjul i menu den blå cirkel. Det kan fx være relevant, hvis du vil linke til en frithængende side, der ikke har en logisk plads i sidens overordnede menustruktur. Du kan også nemt redigere en sides egenskaber, når du står på siden i Side-visning nemlig med blyanten øverst i indholdskolonnen: Som regel skal du kun justere på sidens egenskaber på fanen Generelt og felterne: Skjul side Skjul i menu Sidetitel Flyt eller slet en side Som udgangspunkt er der sjældent behov for at slette en side. Du kan i stedet enten skjule den som beskrevet ovenfor eller genbruge den ved at omdøbe Sidetitel og tilpasse indholdet. Hvis du vil slette en side, skal du højreklikke på siden og vælge Slet (papirkurv) i lokalmenuen. Når du vil flytte en side kan du enten klippe eller trække : Flytte med klippe-funktion Højre-klik på siden du vil flytte Klik på Klip i lokalmenuen Siden er nu i TYPO3s udklipsholder Højre-klik på den side, du vil sætte den nye side ind i (underside) eller efter (samme niveau) Bemærk at lokalmenuen nu har to nye funktioner: Vælg en af de to for at indsætte siden. Du kan altid flytte siden bagefter Klik OK for at bekræfte 10

Flytte med trække-funktion: Klik og hold klikket nede på siden du vil flytte Træk siden hen hvor den skal være og slip! Du får nu flg. lokalmenu: Klik på en af de 4 muligheder og siden flyttes/kopieres på plads. Der er flere måder at flytte rundt med sider på. Men vi anbefaler, at du bruger disse to. 11

3. INDHOLD Som hele hjemmesiden er bygget op med et antal sider, ja så er den enkelte side bygget op af et antal elementer. Og som med siderne kan du styre det enkelte elements egenskaber om det fx skal være skjult eller synligt for brugerne. Et element er som udgangspunkt en tom og usynlig boks, som man indsætter på et bestemt sted på siden. Afhængig af det indhold du vil have på siden, vælger du en bestemt type element. Du kommer primært til at arbejde med tekst og billeder de mere avancerede elementer behandler vi derfor ikke her. Nogle af fordelene ved elementer er: Du kan nemt organisere indhold og bygge siden overskueligt op Du kan nemt redigere bestemte elementer, dvs. arbejde med afgrænsede dele på siden Det er nemt at slette, flytte og evt. genbruge indhold på tværs af hjemmesiden Du kan styre præcist hvor nyt indhold skal placeres og hvordan det skal se ud Stå i Side i menuen, når du arbejder med elementer. Sider består af elementer Lad os kigge nærmere på siden Referater som eksempel. Vi står i Side-visning, klikker på Referater i Sidetræet og kan herved se alle sidens elementer: 12

Som nævnt skal du kun arbejde med de to nederste felter på siden ikke med nr. 1 Banner og 2. Kontakt. Men her gennemgår vi kort de 5 elementer: 1. er et plugin-element altså en særlig systemudvidelse, der gør noget specielt: Den kigger ned i en bestemt fil-mappe og viser i vilkårlig rækkefølge billederne i denne mappe. Mere herom senere. 2. er et special-kodet element. Som standard har det 3 kontakt-links som du kan se på hjemmesidens frontend. Men BKÅ kan også centralt skifte hele elementet ud og bruge pladsen til fx en nyhed til beboere på tværs af organisationer. 3. er et simpelt element til en overskrift. 4. er et typisk indholds-element til tekst og billeder. Det er samtidig et meget fleksibelt element, hvor du inde i selve elementet kan arbejde frit med indhold. Mere herom ndf. 5. er også et tekst element. Bemærk at der i modsætning til 3 og 4 ikke er en blyant på elementet. 5 er nemlig et reference-element det vender vi tilbage til. Da blyanten mangler kan du ikke umiddelbart arbejde med indholdet i elementet. Men du kan godt arbejde med selve elementet fx slette, flytte, kopiere boksen Skift til Vis, hvis du vil redigere indholdet i element 5 Nyttige links. De forskellige elementer har forskellige ikoner, og den fede tekst under fortæller dig, hvilken type elementet er, fx Tekst og Overskrift. Arbejde med elementer Inden vi zoomer helt ind og kigger indeni et element og hermed på konkret indholdsredigering, skal vi kort se på, hvordan du kan flytte rundt på sidens byggeklodser: Elementerne. Vi står igen på Side i menuen. Øverst til højre i hvert element har man 5 ikoner og dermed muligheder for at arbejde med det enkelte element: 1. Rediger åbner op ind i elementet og du får adgang til at indsætte og redigere indhold. Blyanten er ikke på alle elementer, men på alle dem du skal bruge med en enkelt undtagelse: Nyttige links elementet. Gå i Vis for at få redigeringsadgang til Nyttige links. 2. Kopier elementet og indsæt en kopi på fx en anden side. 3. Opret reference er en speciel funktion som kan være meget nyttigt, når man vil vise samme indhold flere steder på hjemmesiden. Se mere nedenfor. 4. Klip tager elementet ud og du kan sætte det ind et andet sted. 5. Fjern sletter elementet fra siden. 13

Referencer Når du opretter en reference (se ovenfor), så laver du en kopi af elementet. Men i modsætning til en almindelig kopi er referencen og originalen altid forbundet. Dvs.: Hvis du retter i originalen, ja så retter du samtidig i referencen. Nyttige links i højre kolonne er en sådan reference: Ret ét sted ret på alle sider! For at redigere en reference skal du stå i Vis menuen og klikke på redigeringsblyanten: Referencen kan genkendes på tre egenskaber, når du står i Side visning: Titlen står i kursiv på en grå baggrund Referencen har ingen redigerings-blyant i Side visning Referencen har et nyt ikon: Opret lokal kopi lige til venstre for papirkurven Med Opret lokal kopi funktion ophæver man relationen til originalen og laver en uafhængig kopi. Det er dog ikke alle referencer, som du kan frigøre på denne måde, da nogle af dem fx kontaktpersoner ligger et centralt sted i BKÅ, hvor redaktører ikke har rettigheder til. Men du kan altid gøre det med de referencer, du selv laver. 14

Opret elementer Når du står på en side i Side-visning vil du se dette ikon mange steder: Opret nyt element. Du finder det både over og under eksisterende elementer klik på ikonet der, hvor det nye element skal placeres. TYPO3 rummer mange muligheder for at arbejde med elementer. Men afdelings-hjemmesiderne er som udgangspunkt begrænset til flg. 8 typer, som du kan vælge imellem, når du klikker på Opret nyt element: Du kan evt. lave en skjult side fx via Kopier mig for ny underside og teste de forskellige elementer. Vi anbefaler, at du bruger nr. 3 fra oven som standard: Tekst med billede til højre også selv om du ikke har et billede klar. Du skal ikke indsætte et billede. Men har du valgt dette element, kan du nemt gøre det senere. 15

Eksempel på element Her kigger vi nærmere på elementet: Tekst med billede til højre, som vi er i gang med at oprette helt fra bunden. Øverst har du fire faner: Generelt: Her kan du fx skjule elementet og give det en overskrift præcis som når du arbejder med en sides egenskaber! Under Type kan du se hvilket element du arbejder med Tekst m/ billede - og du kan faktisk også ændre på selve element-typen her i dropdownboksen. Tekst: Her får du den centrale editor frem som du kommer til at arbejde meget med. Så den vender vi naturligvis tilbage til. Medie: Da elementet er tekst med billede har du her denne fane, hvor du kan indsætte billeder på forskellige måder. Adgang: Her kan du styre, om elementet automatisk skal vises og skjules ud fra tidspunkter som du bestemmer. Hvis du gemmer elementet uden at fylde indhold i, kan du se elementet på siden i backend, mens der ikke vil være noget frontend. 16

Overskrift på elementer I fanen Generelt kan du som nævnt lave en overskrift på dit nye element. Her skal du være opmærksom på, at det ikke altid er lige kønt, når du har flere elementer under hinanden. Som standard er layoutet for overskriften på et element typen Normal : Normal-layoutet laver en farvet bjælke med runde hjørner i top henover elementet. Det egner sig godt til det øverste element på en side, men knap så godt på elementer under hinanden. Det løser du ved enten at undlade en overskrift her på fanen Generelt lav evt. en inde i editoren, hvis du har behov. Eller skift overskrift-layout under Type. Prøv fx Layout 3 eller måske 5. Editoren Fanen Tekst på et element åbner altid en editor, som går igen flere steder i TYPO3. Tekst er en snæver betegnelse for du kan lave rigtig meget i denne editor: Indsætte billeder direkte, lave tabeller, indsætte film mv. Dvs. du kan mere eller mindre bygge hele Content-feltet op i ét tekst-felt. Vi anbefaler dog, at du skiller tingene ad og bruger flere elementer afhængig af hvilket og hvor meget indhold du skal have på siden. Editoren minder om fx word, hvor du kan formatere tekst lave fed, kursiv, understreget, indrykning mv. 17

Når du kopierer tekst fra word, andre hjemmesider, pdf eller hvor du nu henter tekst ind ja, så sæt det FØRST ind i det lille Windows program Notesblok (Notepad på engelske styresystemer), som ligger i mappen Alle programmer Tilbehør. Kopier herefter teksten ud fra Notesblok igen. På den måde renser du teksten for mærkelige formater og skjulte koder. Og du får en ensartet tekst størrelse, farve og type når du sætter teksten ind på din hjemmeside. HUSK: Brug Notesblok (Notepad), når du kopierer tekst ind i TYPO3! Find det her i Windows: Generelt anbefaler vi, at du holder igen med kreative udfoldelser på dit tekst layout. Dvs. undlader at ændre på de nederste funktioner i editor-hovedet, hvor der standard står: Styles, Paragraph, Font family og Font size. Det kan nemt blive meget rodet og dermed ikke så brugervenligt. Vi gennemgår ikke alle funktionerne i editoren, men slår ned på de to vigtigste: Links og Billeder. Video om editoren: http://typo3.org/fileadmin/dl/videos/video s_en/rte/rte_basics.htm 18

Links Links er en vigtig funktion. Du kan bl.a. gøre din tekst kort ved blot at pege på mere info enten på egen hjemmeside eller på en anden hjemmeside på nettet. Du kan også linke til filer og dermed fx lave en fin kronologisk oversigt med dagsordener og referater. Links er smarte, men kræver også lidt struktur og ordenssans. Fx hvis du linker til en side som du ændrer eller måske helt fjerner Du kan først lave et link, når du har markeret noget som skal linke i tekstfeltet. Du kan både få tekst og billeder til at linke. Når du eksempelvis har markeret noget tekst bliver editorens linkfunktioner aktive de 3 kæde-ikoner: Vi anbefaler at du kun bruger den første kæde som er indrammet ovenfor. Den sidste kan dog være brugbar til at fjerne et eksisterende link men du kan også bare slette teksten eller overskrive med et andet/nyt link. Når du klikker på det første link-ikon får du en popup - Insert/edit link - med en række muligheder. Du skal dog kun arbejde med fanen General: 19

Hvis du vil linke til en ekstern hjemmeside indsætter du blot webadressen i feltet Link URL. Nemt og enkelt. En god tommelfingerregel er at få links til eksterne hjemmesider til at åbne i et nyt vindue så brugeren ikke pludselig farer vild. Det gør du ved at vælge Open in new window (blank) ud for Target. Klik til sidst på Insert nederst til venstre i popup-vinduet. Hvis du ikke har http:// foran dit link som eksemplet ovenfor så spørger TYPO3 dig om du vil indsætte det. Her siger du OK. Tilbage i editoren er din link-tekst nu blå og understreget som tegn på at linket er aktivt frontend. Vel at mærke efter du har gemt. Mere om links Når du vil lave interne links enten til sider på din hjemmeside eller til filer skal du klikke på det lille Browse-ikon til højre for feltet Link URL i første popup. Det åbner endnu en popup en såkaldt Page/Filebrowser : Det giver dig 4 forskellige link-muligheder: Side viser dig Sidetræet for din hjemmeside. Klik på den side som du vil linke til. Popup2 lukker og tilbage i Popup1 klikker du på Insert nederst til venstre. Fil viser dig Fillisten mapperne med dine filer. Klik først på en mappe og herefter (til højre) på den fil som du vil linke til. Popup2 lukker og tilbage i Popup1 klikker du på Insert nederst til venstre. Extern URL giver dig mulighed for at indsætte en ekstern webadresse. Præcis som beskrevet i forrige afsnit. Husk at sætte Target til Open in new window i Popup1. Email her kan du indtaste en mail-adresse. Klik på Insert i Popup1. 20

Billeder - forarbejde Digitale kameraer tager billeder i så høj kvalitet, at de ikke umiddelbart bør lægges på en hjemmeside. Du skal derfor gøre dem mindre i størrelse og opløsning. Du skal muligvis også ændre filformatet. Brug formaterne: jpg eller png Du bør altid forberede dine billeder inden du uploader dem i TYPO3. Hvis du ikke allerede har et billedbehandlingsprogram, kan du finde et på nettet - helt gratis. Fx Gimp, Picasa, FotoFlexer, Pixer.us mfl. Med de programmer kan du minimere dine billeder. Men du kan også gå ind og beskære dem altså skære noget overflødigt væk, fx ved et portrætbillede af en kontaktperson. Du kan også vælge at bruge et lille og nemt program: VSO Image Resizer som du finder på http://www.vso-software.fr/ Der er fine vejledninger i brugen i form af beskrivelse, skærmbilleder og video på siden. Det smarte ved VSO Image Reziser er, at du lynhurtigt kan sætte billeder ned i størrelse. Man højre-klikker bare på et eller flere billeder og indtaster den bredde man ønsker vupti: Dine billeder er minimeret. Ofte behøver du kun at tilpasse på bredden, hvis du forinden låser størrelsesforholdet. Bemærk dog, at programmet ikke beskærer det sætter bare billederne ned i størrelse som de er. Her har du en oversigt over billedstørrelser bredde x højde i pixels: Banner forside 684 x 163 - præcist Banner underside 684 x 113 - præcist Kontaktperson 102 x 92 - præcist (god ide at beskære billedet) Nyhed 240 x??? - (skaleres automatisk ned i 240 px bredde) Indhold højrestillet 200 x 200 - (ca. en anbefaling) Indhold hele bredden 600 x??? - (dvs. max 600 px i bredden) Upload og indsæt billeder Når du har sat dit billede ned i størrelse skal du i første omgang uploade det i Filliste. Du kan godt indsætte det direkte i teksteditoren fra din pc. Men vi opfordrer kraftigt til at du placerer dine filer i Filliste i en logisk mappestruktur. Læs evt. mere i kapitlet Filer og mapper nedenfor. Dvs. hvis du allerede ER gået i gang med at skrive indhold på en side, skal du derfor gemme, gå i Filliste og hente dit billede ind her fra din pc. Som nævnt anbefaler vi, at du som standard vælger elementet Tekst med billede til højre, når du opretter nyt på en side: 21

Du kan også indsætte et billede i fx Almindeligt tekst element via editoren. Men du har bedre muligheder for at styre placeringen af tekst og billede med et af de tre elementer, der er forberedt til billeder. Du kan altid undlade at indsætte et billede. Og du kan altid gå ind og skifte billedets placering selv om du har valgt et element med en bestemt placering se nedenfor. Her gennemgår vi hvordan du indsætter billeder med elementet Tekst med billede til højre: 1. Stil dig på fanen Medie 2. Klik på mappe-ikonet. IKKE på Gennemse 3. Det åbner din Filliste. Find den mappe, som du har uploadet dit billede i. 4. Mappens filer vises til højre og du vælger et billede ved at klikke på det. Herved ryger det ind i elementet og du kan gemme. 22

Tip 1: Som du måske kan se er der en lille genvej i trin 3. Nederst i Popup-vinduet kan man nemlig her direkte uploade filer til Filliste til den mappe man står på: Send filer. Dvs. du behøver faktisk ikke gå i Filliste først hvis du da har mappestrukturen på plads. Husk stadig at forberede billedet i rette størrelse. Tip 2: I trin 4 kan du indsætte flere billeder på en gang: Sæt flueben i de små bokse til venstre for billedfilerne og klik herefter på Importér selektion. Så trækker du de valgte filer over i elementet. Fil-navnene på de billeder, du indsætter, vises i feltet Billeder: Marker en fil og brug de små pile til højre for at ændre rækkefølgen på billederne. Med det lille kryds under pilene sletter du et markeret billede fra siden. Som du kan se er der mange muligheder, når du står på fanen Medie. Du kan fx Ændre billedets placering i forhold til tekst og evt. sætte ramme om Ændre billedets størrelse vi anbefaler dog stadig, at du gør det inden du uploader Sætte link på billedet Lave en billedtekst Lave billeder om til sort-hvid: Effekten Gråtone gælder dog kun jpg-filer. Osv. prøv dig lidt frem men vis hensyn til brugerne Bemærk: Når du her i Medie ændrer på nogle af disse egenskaber, ja så påvirker det alle billeder som du har sat ind i feltet Billeder via mappe-ikonet. Hvis du har behov for at sætte flere billeder ind med friere muligheder for fx at arbejde med varierede størrelser, kan du sætte billeder ind via editoren under fanen Tekst. Billeder i editoren Hvis du skal indsætte billeder direkte i editoren, skal du bruge det første af de to billede-ikoner øverst i editoren: 23

Herfra minder processen meget om link-funktionen. Du får her en kort beskrivelse, da vi som sagt anbefaler, at du bruger Medie fanen som standard til billeder: 1. Klik på billede-ikonet i editoren 2. Klik på browse-ikonet i Popup1 3. Du får din Filliste frem i Popup2. Vælg mappe 4. Klik på det billede du vil indsætte 5. Popup2 lukker og tilbage i Popup1 får du et preview af billedet. Tilføj evt. en beskrivelse i feltet Image description, Klik til slut på Insert nederst til venstre og billedet er sat ind i editoren. Som du måske bemærker, har du også her en række muligheder. Fx: I Popup2 kan du på fanen Send billede uploade direkte til den mappe i Filliste du valgte i trin 3. I Popup1 kan du på fanen General tilføje nogle informationer om billedet. TYPO3 anbefaler dig at tilføje Image description, hvis du lader feltet stå tomt. I Popup1 kan du på fanen Appearance styre på billedets placering, størrelse mv. Du bør også her give Horizontal space og Vertical space mindst 10, så der er luft omkring billedet. 24

Hvis billedet ikke står som du ønsker, kan du komme tilbage til Popup1 og justere på fx space - afstand til tekst. Klik på billedet i editoren og herefter på billede-ikonet, som du brugte til at indsætte billedet med (Trin 1 ovenfor). Bannere stemningsbilleder i top Alle sider har et såkaldt banner øverst på siden. De fungerer som stemningsbilleder fx billeder af eller fra afdelingen. De kan også bruges i forbindelse med arrangementer, hvor man fx kan lave et grafisk banner med tekst: Husk at tilmelde dig til fastelavn osv. Banner-billederne fungerer på en anden måde end øvrige billeder på side. De ligger nemlig som sådan ikke på selve siden i backend. Det der ligger på siderne er et såkaldt plugin med flg. funktion: Det kigger ned i hhv. mapperne Forside bannere og Underside bannere i Filliste. Og så viser den på skift et af de billeder, der ligger i mappen i vilkårlig rækkefølge. Ikke mens man står på siden, men når du opdaterer siden eller går til en anden side. Samtidig laver det automatisk runde hjørner på billederne. Det gør det nemt for dig at arbejde med bannere. Du skal ikke ind på hver side, men kan administrere billederne i de to mapper i Filliste. Dvs. vil du tilføje et nyt billede så uploader du det bare i enten Forside bannere eller Underside bannere, ligesom du her kan slette et billede. Her er det dog ofte nødvendigt at du kan beskære billeder, så du får det ønskede motiv ind i bannerets lange og smalle format. Samtidig skal du justere billedernes størrelse til præcist: Banner forside 684 x 163 pixels Banner underside 684 x 113 pixels Hvis du i en kampagneperiode kun vil have ét billede (fx minde om et arrangement) uden at slette de eksisterende billeder - er du nødt til at klippe billederne ud af mappen og fx placere dem i en ny mappe, som du opretter i Filliste. Man kan desværre ikke skjule de billeder, som der i en periode ikke skal vises. Du må ikke flytte, omdøbe eller slette de to eksisterende mapper: Forside bannere og Underside bannere. 25

Filer og mapper Du bruger som beskrevet Filliste til at holde styr på dine billeder, men også andre typer filer forskellige dokumenter, som du formentlig får behov for at lægge på hjemmesiden. Brug altid pdf-formatet til dokumenter. Undgå fx at uploade word-dokumenter. Du kan nemt og gratis lave pdf er med fx Google docs og andet gratis software på nettet. Med Google docs behøver du heller ikke word på din pc. Her oprettet du nemt dokumenter, præsentationer og regneark som kan gemmes ned i pdf-format. Som med billeder opretter du din egen mappe-struktur. Fx kan du oprette en mappe til referater for afdelingsbestyrelsesmøder. 1. Gå i Filliste i menu-kolonnen 2. Stil dig på den mappe, hvor du vil lave en ny mappe i. 3. Klik på Nyt-ikonet (som du genkender på den lille grønne cirkel med hvidt +) Indholdskolonne skifter og du kan nu oprette en eller flere mapper: 26

Du uploader nemt filer: 1. Gå i Filliste i menu-kolonnen 2. Stil dig på den mappe, som du vil uploade en eller flere filer i 3. Klik på ikonet Upload filer Indholdskolonne skifter, og du kan nu uploade en eller flere filer op til 10 ad gangen. Klik på Gennemse for at finde filerne på din pc: Du kan flytte rundt på mapper på samme måde som du flytter sider ved at højreklikke på mappen og vælge klip. Herefter højreklikker du der hvor mappen skal sættes ind igen. På samme måde flytter du rundt på filer. Bemærk dog, at du skal klikke på fil-ikonet ved filer ikke på filens titel. Nyheder Når du vil lægge nyheder på hjemmesiden, skal du bruge det særlige nyhedsmodul: Opret nyheder her nederst i sidetræet. Nyhedsmodulet er også et plugin med nogle indbyggede funktioner, der gør det nemmere at være redaktør. Du skal fx kun oprette nyheden en gang, og systemet sørger så selv for at den vises på forskellige måder på forsiden, i nyhedsarkivet og på selve nyheden. Det betyder også, at du i princippet aldrig skal ændre på siden Nyheder og dens undersider. Denne side er sat op til at hente og vise de nyheder som du laver i mappen Opret nyheder her: 27

1. Skift til Liste i menuen 2. Klik på Opret nyheder her i sidetræet 3. Klik på det lille Nyt-ikon til venstre for Titel: Når du klikker på Nyt-ikonet skifter indholdskolonnen til noget du kender: 28