4 ARBEJDE MED SEKTIONER Sektioner er en ny måde at vise indhold på. I bund og grund handler det om, at vi opdeler en side i en eller flere sektioner, som kan vise indhold på en række forskellige måder. Sektioner muliggør en nem oprettelse af designede sideelementer, hvor man ikke skal tænke på udseende, placering eller størrelse. Sektioner er især egnede til visning på forsiden, men de kan også bruges alle andre steder på hjemmesiden. Bemærk dog, at sektioner tager hele sidens bredde og derfor bliver venstre menuen ikke vist på disse sider. I VuptiWeb har vi følgende sektionstyper: - Boks Grid - Boks Tabs - Farvede Bokse - Nyheder - Rich Text - Slideshow 28
4.1 Sektionsmappen (Forside). Sektionsmappen er en slags container, hvor alle sektioner placeres. Man kan betragte sektionsmappen som en særlig sidetype, hvor indholdet defineres af nogle foruddefinerede sideelementer. Som standard har alle Vupti sider en (og kun én) sektionsmappe til forsiden. Denne er normalt navngivet som Forside Sektioner. Hvis denne mappe af en eller anden årsag ikke kan ses under Home i menuen, så kan den nemt oprettes ved at klikke på de tre punkter ved siden af Home, som åbner Opret menuen, og vælge Sektionsmappe. Når sektionsmappen er oprettet, har den stadigvæk ikke noget indhold. For at tilføje indhold, skal vi først oprette en eller flere Sektioner. Dette gøres ved at klikke på de tre punkter ved siden af sektionsmappen og vælge en af de ønskede sektioner. 29
4.2 Sektionsmappen (andre sider) Som nævnt, er sektionsmodellen ikke kun begrænset til forsiden. Man kan sagtens oprette en sektionsside alle andre steder på hjemmesiden. Som udgangspunkt har alle sider i VuptiWeb en venstre menu. Da sektioner fylder hele sidens bredde, kan venstremenuen ikke vises, og derfor skal vi i første omgang fortælle VuptiWeb, at vi ønsker at oprette en side uden venstre menu og med fuld bredde. Det gør vi ved at oprette en side af sidetypen Fuld bredde side. - Klik på de tre punkter ved siden den side, som vores kommende sektionsside skal placeres under. Vælg derefter Fuld bredde side. Det eneste vi skal gøre under oprettelsen er at navngive siden i toppen. Dette navn vil også være menupunktets titel på hjemmesiden og i administrationen. Selve sektionsmappen oprettes automatisk ligeså snart vi klikker på Gem og udgiv, og vi kan starte med at tilføje sektioner. 30
4.3 Boks Grid (simpel) Når du har valgt Boks Grid, har du mulighed for at tilføje en eller flere bokse i denne sektion. Da disse bokse har en fast bredde kan man på f.eks. Large max have 4 bokse i rækken. Fremgangsmåden er følgende: - Skriv sektionens navn (dette navn vil som standard blive vist i administrationen og på hjemmesiden). Det kan f.eks. være Aktuelt eller Nyheder. 1. Angiv om du ønsker ovenstående navn vist på hjemmesiden. 2. Angiv antal bokse i rækken (max 4 for Large skabelon). 3. Klik på Add row for at tilføje en boks. 4. Klik på pladsholder med + for at tilføje et billede fra mediearkivet. 5. Skriv titel, lidt tekst, og evt. link til en eksisterende eller ekstern side. 6. Gør det samme for alle bokse du ønsker at oprette. 7. Gem og udgiv i mellemtiden for at se resultatet på hjemmesiden. 31
32
4.4 Boks Grid (avanceret) Den simple Boks Grid muliggør hurtig tilføjelse og redigering af sektionens bokse. Men hvis du vil have en lidt mere avanceret fremgangsmåde kan du tilføje de enkelte bokse som separate sektionsdele. Fremgangsmåden: - Opret Boks Grid som du plejer (step 1 og 2 fra det forrige kapitel), men tilføj ikke de enkelte bokse. - Gem og udgiv. - Klik på de 3 prikker ved siden af sektionens navn og vælg Boks (avanceret). Dette vil åbne boksoprettelsesvindue med flere muligheder. Skriv i første omgang et navn i toppen. Dette navn vil kun kunne ses i administrationen og ikke på selve hjemmesiden. 33
Indhold tab - Skriv evt. overskrift som vi blive vist under billedet. - Tilføj et billede fra mediearkivet. - Angiv evt. URL til et eksternt billede (fra en anden hjemmeside). - Angiv om du ønsker at bruge dette alternative billede. - Skriv en beskrivelse. Vær dog opmærksom på det begrænsede tekstplads i boksen. - Du kan evt. skrive underviserens navn (eller navn på den ansvarlige). - Du kan evt. angive en dato (f.eks. holdstart dato eller dato for nyhed). - Angiv et link som både billedet og linktekst vil linke til. - Angiv link tekst som skal vises i bunden (f.eks. Se mere ). 34
Import tab Hvis du bruger DOFPro og gerne vil hente holdbeskrivelse, underviserens navn, dato og evt. billede uden at kopiere det hele manuelt, har du her mulighed for at importere data direkte fra DOFPro. I første omgang skal du navngive boksen og gemme og udgive. Efterfølgende klikker du på Import, skriver holdnummer og afkrydser Import nu. Gem og udgiv. Data fra DOFPro vil nu blive hentet i de relevante felter under Indhold tab og de kan redigeres eller fjernes. Bemærk at dette er kun én-vejs én-gangs kommunikation. Hvis du redigerer eller sletter tekst, billeder mm. i Vupti, så sker der intet i DOFPro. Hvis du redigerer holdet i DOFPro, så vil det ikke automatisk opdatere bokse i Vupti. Dvs. du skal evt. køre import på ny. 35
4.5 Boks Tabs (simpel) Tabs er en simpel måde at gruppere og vise bokse. Du kan max have 6 tabs og de kan bruges til at gruppere nyheder eller forskellige aktiviteter. Fremgangsmåden ved oprettelsen af tabs er stort set det samme som ved Boks Grid: 1. Navngiv Boks Tab sektionen. 2. På Link fanen kan du navngive og indsætte link til en eksisterende side. Dette link vil blive vist øverst til højre i Boks Tab sektionen. 3. Klik på Tab1, Tab2, Tab3 osv. og tilføj bokse på samme måde som i den forrige kapitel. Ved at afkrydse Aktiv bestemmer du om et tab skal være synligt på hjemmesiden eller ej. 4. Afslut med at gemme og udgive. 36
4.6 Boks Tabs (avanceret) Den avancerede brug af Boks Tabs er stort set det samme som ved Boks Grid (avanceret). - Opret Boks Tabs sektion som du plejer, men tilføj ikke nogle tabs endnu. - Gem og udgiv. - Klik på de 3 prikker ved siden af sektionens navn og vælg Boks Tab. Det eneste du efterfølgende skal gøre er at navngive tab-sektionen (f.eks. Tab 1) og gemme og udgive. Derefter klik på de 3 prikker ved siden af den nyoprettede tab og vælg Boks (avanceret). 37
4.7 Farvede Bokse Denne sektionstype er en stylet version af Boks Grid typen. Her kan vi dog kun kan have 3 farvede bokse i en bestemt rækkefølge: rød, gul og blå. Rækkefølgen og farverne kan pt. ikke ændres. - Opret og navngiv Farvede Bokse sektion. - Skriv evt. overskrift og tilføj billeder, boks-overskrifter og evt. links. - Gem og udgiv. 38
4.8 Nyheder Denne sektionstype er også en stylet version af Boks Grid typen. Her er billeder placeret i toppen af boksen med et lille hak i bunden. Når man bevæger musen over billedet, får den en særlig nedtoningseffekt. Man kan tilføje dato, overskrift, beskrivelse og link fra både de enkelte bokse og i toppen af sektionen. Man kan max have 3 bokse i rækken. - Opret og navngiv Nyheder sektion. - Skriv evt. titel på sektionen. - Tilføj nyhedsbokse med billede, overskrift, dato, tekst og link. - Tilføj link og linknavn til sektionen (på hjemmesiden vises øverst til højre). - Gem og udgiv. 4.9 Rich Text sektion Denne sektionstype minder meget om en alm. tekstside. Her bruger man kun den indbyggede tekst editor til at tilføje tekst, billeder, videoer eller links. Se mere i afsnittet om editoren. 39
4.10 Slideshow Denne sektionstype bruges til at vise smarte slideshows på forsiden. Administration af slideshow sker via den velkendte grid-boks struktur, hvor vi tilføjer billeder, tekst, links og linknavne. Vi kan have ligeså mange slides (billeder) vi har lyst til og de vil blive vist med ca. 5 sekunders mellemrum. Hvis der er flere slides, vil der automatisk blive vist pile til venstre og højre, så brugerne manuelt kan bladre mellem de enkelte slides. Tekst placeres oven på de enkelte slides, og i drop-down menuen ( text position ) vælger man, om teksten skal vises til venstre, højre, i centrum eller om tekstboksen bliver skjult. Det er en god ide at skifte tekstplaceringen på hver slide. Husk også at tilføje nye og fjerne gamle slides med jævne mellemrum. 40