Sådan redigerer du en hjemmeside front-end

Transkript

1 Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside front-end Indhold Introduktion... 2 Log på hjemmesiden og redigér front-end... 3 Rediger en side... 7 Opret ny side Opret underside Slet en side Lav et link Link til anden side på hjemmeside eller til anden hjemmeside Fjern link Link til fil, fx pdf Ændr navnet på fil Slet fil Vis billede eller billedgalleri Vis billede øverst på en side Lav et billedgalleri nederst på en side Version 1 / Opdateret juni

2 Introduktion Du kan redigere en fsb-afdelingshjemmeside på to forskellige måder: via det man kalder front-end-redigering, hvor du logger på hjemmesiden med dit interessentnummer og en adgangskode. Du er i fsb s administrationssystem registreret som webredaktør. Du har derfor mulighed for at oprette nye sider, skrive nye tekster, rette i eksisterende tekster osv. Du kan via front-end-redigeringen lave den mest basale redigering af en hjemmeside på en måde, der på mange måder minder om Word. via Umbraco, som er det content-management-system eller CMS, hvorfra du kan bygge din hjemmeside op og styre alt indholdet. I Umbraco kan du desuden skrive nye tekster, rette i eksisterende tekster osv. I denne brugermanual kan du læse om, hvordan du redigerer en hjemmeside front-end. I brugermanualen Sådan redigerer du en hjemmeside i Umbraco kan du læse om, hvordan du redigerer en hjemmeside i Umbraco Vi anbefaler, at du i det daglige redigerer din boligafdelings hjemmeside via front-end-redigeringen. Du skal dog være opmærksom, at du i Umbraco har nogle muligheder, som du ikke har via front-end-redigeringen. Du kan fx i Umbraco: Ændre rækkefølgen på sider i venstremenuen Linke til filer fra et tekststykke Afpublicere en side (så siden ikke længere bliver vist på hjemmesiden, men stadig er gemt) 2

3 Log på hjemmesiden og redigér front-end På forsiden er en login-boks i højre kolonne. Tryk på Login for beboere Indtast dit interessentnummer og din adgangskode Tryk på Log ind 3

4 Kan du ikke huske din adgangskode, kan du få den tilsendt ved at trykke på: Få din adgangskode. 4

5 Når du er logget ind, kan du redigere hjemmesiden. Ikonet med en grøn blyant oven på en firkant betyder, at du kan redigere den enkelte side. 5

6 6

7 Rediger en side Vælg den side du vil redigere ved at trykke på siden i venstremenuen Tryk på det grønne ikon med en blyant Du kan nu redigere teksten på siden. 7

8 Du kan når du klikker på de forskellige ikoner: 8

9 1. Gøre redigeringsfeltet større 2. Fortryde hvad du har tastet eller klikket på 3. Genoprette (hvis du har klikket på Fortryd-knappen) 4. Vælge tekstfarve 5. Vælge baggrundfarve 6. Lave punktopstilling 7. Lave numerisk opstilling 8. Lave link. Læs om hvordan du laver et link senere i denne brugermanual under Lav et link 9. Fjerne et link. Læs om hvordan du fjerner et link senere i denne brugermanual under Lav et link. 10. Vælge format på din tekst 11. Vælg størrelse på din tekst Når du markerer et tekststykke og herefter klikker på de forskellige ikoner, vil den markerede tekst ændre sig efter dit valg. 9

10 Opret ny side Du opretter en ny side: Tryk på Opret side nederst i menuen til venstre Vælg Indholdsside ved at klikke på pilen til højre og klik på Indholdsside Skriv navn ud for Menunavn. Det er navnet på siden i venstremenuen. Skriv overskrift på siden. Skriv tekst Tryk på Gem 10

11 Siden bliver nu vist på hjemmesiden. Du kan se siden i venstremenuen. 11

12 12

13 Opret underside Du opretter en underside: Tryk på den side i venstremenuen, som den nye side skal ligge under Tryk på Opret underside Vælg Indholdsside ved at klikke på pilen til højre og klik på Indholdsside 13

14 Skriv navn ud for Menunavn. Det er navnet på siden i venstremenuen. Skriv overskrift på siden. Skriv tekst Tryk på Gem 14

15 Siden bliver nu vist på hjemmesiden. Du kan se siden i venstremenuen. 15

16 16

17 Slet en side Du sletter en side: Tryk på den side i venstremenuen, som du vil slette Tryk på det grønne ikon med en blyant Tryk på Slet 17

18 Siden er nu slettet fra hjemmesiden. 18

19 Lav et link Det er muligt enten at linke til en anden side på din hjemmeside eller til en anden hjemmeside. Du kan også lave et link til en fil, fx en pdf. Link til anden side på hjemmeside eller til anden hjemmeside Tryk på den side, du vil lave link til og kopier adressen/url en Gå til den side, hvor du vil lave link Skriv og marker den tekst, der skal være et link Klik på ikonet Indsæt/ret link 19

20 En dialogboks åbner Indsæt den kopierede adresse i feltet Url Skriv titel. Det er denne tekst, der vises, når man på hjemmesiden kører musen henover linket. Vælg target. Skal linket åbne i et nyt vindue, så klik på den grå pil ud for Target og vælg Nyt vindue 20

21 Tryk på Ok Teksten er nu et link Når du har gemt siden, kan du se linket. Fjern link Åbn den side du vil fjerne et link fra ved at trykke på det grønne ikon med en blyant Klik på linket Klik på ikonet Fjern link Gem Teksten er nu ikke længere et link. 21

22 Link til fil, fx pdf Du kan linke til en fil på en indholdsside ved at trykke på Vælg filer (se videre forklaring nedenfor). Filer, du henter her, lægger sig nederst på siden den nyeste nederst. Vil du linke til en pdf, hvor du selv bestemmer placeringen af linket, skal du lave linket i Umbraco. Det kan du læse om i brugermanualen Sådan redigerer du en hjemmeside i Umbraco Åbn den side, du vil lave link på, ved at trykke på det grønne ikon med en blyant Tryk på Vælg filer 22

23 En dialogboks åbner 23

24 Find den fil, du vil lave link til, på din pc Dobbeltklik på filen Tryk på Gem Filen bliver nu vist på siden. Filerne lægger sig i rækkefølge nederst på siden. Den fil, du senest har lavet link til, vises nederst. Ændr navnet på fil Du kan ændre navnet på den uploadede fil: Tryk på det grønne ikon med en blyant til venstre for filen Skriv ny titel Tryk på Gem 24

25 Slet fil Du sletter filen ved at trykke på det grønne ikon med en skraldespand til venstre for filen. 25

26 26

27 Vis billede eller billedgalleri På indholdssider kan du vise et billede øverst på en side og/eller lave et billedgalleri nederst på en side. Husk: Bruger du portrætfotos på din hjemmeside, skal du altid have personens tilladelse, før du publicerer billedet. Læs mere i brugermanualen Om brug af billeder Vis billede øverst på en side Åbn den side, du vil vise billede på, ved at trykke på det grønne ikon med en blyant Sæt flueben i Foto i top Tryk på Vælg billede 27

28 En dialogboks åbner 28

29 Find det billede, du vil vise, på din pc Dobbeltklik på billedet Skriv eventuelt en billedtekst 29

30 Tryk på Gem Billede og billedtekst bliver nu vist på siden. 30

31 Vil du fjerne et billede: Åbn den side, du vil fjerne billede fra, ved at trykke på det grønne ikon med en blyant Tryk på Fjern billede Tryk på Gem 31

32 Billedet er nu fjernet fra siden. Lav et billedgalleri nederst på en side Åbn den side, du vil vise et billedgalleri, ved at trykke på det grønne ikon med en blyant Sæt flueben i Billedgalleri i bund Tryk på Vælg billeder 32

33 En dialogboks åbner 33

34 Find de billeder, du vil vise, på din pc. Dobbeltklik på billedet eller hvis du vil hente flere billeder ad gangen kan du markere flere billeder (tryk på Ctrl mens du klikker på billederne) og tryk så på Åbn. Du kan maks hente ti billeder ad gangen 34

35 Når du har trykket på Gem, vises billederne i et galleri. Du kan nu: skrive tekst, der står over billedgalleriet tilføje eller fjerne billeder skrive billedtekster til det enkelte billede Klik på det grønne ikon med blyanten over billedgalleriet 35

36 Skriv tekst i feltet Beskrivelse Vælg flere billeder ved at trykke på Vælg billeder Fjern alle billeder i galleriet ved at trykke på Fjern billeder Slet et enkelt billede ved at sætte fluen under det relevante billede Skriv billedtekst under hvert billede Tryk på Gem 36

37 Billedgalleriet med dine ændringer vises nu på siden 37

38 38