Vejledning. hjemmeside-opbygning. - ny box model - Side 1

Transkript

1 Vejledning hjemmeside-opbygning. - ny box model - Side 1

2 Indholdsfortegnelse INDHOLDSFORTEGNELSE... 2 OM SYSTEMET... 4 HVAD SKRIVER MAN PÅ EN HJEMMESIDE?... 4 HURTIGT I GANG... 5 REDIGERE HJEMMESIDEN LOGIN:...6 TEKST PÅ EN SIDE...7 REDIGERINGSMULIGHEDER....7 SPALTER...8 TEKSTBOKS...8 TABEL...8 KALENDER...8 KLADDE REDIGERE KLADDE...11 INDLÆSE NUVÆRENDE WEB-SIDE...11 MENUSTRUKTUR ØVRIGE REDIGERINGSMULIGHEDER DESIGN FARVER, SKRIFTTYPE, M.M RAMMEFARVE...14 SKRIFTFARVE...14 ALTERNATIV LINKFARVE...15 STANDARD TEKSTBOKS...15 TOPGRAFIK...16 Side 2

3 SØGEOPTIMERING...16 BRUGERE...17 DOWNLOAD MAPPER...18 FINDE FILERNE...19 FOTOARKIVER...20 BILLEDSERIER...21 FORMULARER...22 REDIGERING AF FORMULAR...23 AVANCEREDE MULIGHEDER PÅ SIDERNE LINK TIL MAIL OG HJEMMESIDER...24 LINK TIL ANDRE STEDER PÅ EGEN HJEMMESIDE...25 LINK TIL BILLEDSERIE...26 LINK TIL FIL DER SKAL DOWNLOADES...26 MODULER MODULET NYHEDER...27 REDIGER NYHEDER...28 DEFINER NYHEDSINDHOLD OG PERIODE...28 NYHEDSKATEGORIER...28 NYHED I KATEGORI...30 MODULET NYHEDSBREVE...31 HVORDAN TILMELDER MAN SIG ET NYHEDSBREV?...31 NY MEDDELELSE...32 AFSENDTE NYHEDSBREVE...34 MODULET DOKUMENTER...34 MODULET BILLEDER...34 Side 3

4 Om systemet I dagens Danmark findes der et utal af programmer til at oprette og redigere hjemmesider med. Der findes ligeledes en lang stribe systemer til at vedligeholde information på hjemmesider, de såkaldte CMS ere. Mange af disse programmer og systemer er gode og brugervenlige for folk uden den store viden om eller erfaring i programmering. Men de er ofte dyre og hjemmesiderne kræver meget kraftige servere for at kunne håndtere mange besøgende der alle skal kigge i og se samme oplysninger. Vores system er anderledes, idet vi har udviklet systemet efter de nyeste normer og standarder, XHTML og XML. Dette sikrer fuld integration med andre programmer og gør brugen af hjemmesiden væsentlig hurtigere. Hvad skriver man på en hjemmeside? Ja, det bestemmer man selvfølgelig selv, men der skal her lyde et par gode råd. Det er altid godt at gøre sig klart hvad det er man vil fortælle på sin hjemmeside. Dernæst at afgrænse hvem det er man primært laver den til og ud fra dette valg af målgruppe vælge sin stil, dvs. hvordan man skriver, hvor meget man skriver, brug af illustrationer og billeder, valg af farver, etc. Skriver man normalt månedsbreve kan man sagtens udgive dem på hjemmesiden. Dog skal man være opmærksom på at udeblevne månedsbreve hurtigt registreres af besøgende og sender et signal om at man ved udeblivelse ikke opdaterer hjemmesiden eller at man ikke gider skrive noget denne måned. Det kan være en overvejelse værd, blot at have et link for aktuelle nyheder, hvor man så evt. samtidig kan tilbyde besøgende at downloade et nyhedsbrev eller Avisen Et andet råd: skriv ikke for meget på de enkelte sider, idet de færreste gider læse alenlange sider på skærmen. Opret hellere en god struktur og tilbyd at man kan downloade større tekstværker. Meget personlige betragtninger kan for nogle besøgende virke forkert og dermed sende signal om at denne hjemmeside ikke er for dem. Ikke at man ikke bør skrive personligt, men det skrevne ord virker ofte mere bogstaveligt end det talte, hvor toneleje, mimik og kropssprog gør ordene mere nuancerede. Effekter der selvfølgelig ikke kan komme med på hjemmesiden. Side 4

5 Hurtigt i gang. Så, nu sker det. Du har købt vores system, så du nu selv kan oprette og senere redigere jeres hjemmeside. Start din browser og skriv følgende i adresselinie: + tryk >ENTER< Eksempel på tom hjemmeside der bare venter på at få fyldt på. Eksempel på hjemmeside der har fået fyldt på. Hjemmesiden er faktisk klar, idet denne side vises for alle besøgende (udseendet kan variere hvis I har en anden model af vores system end denne såkaldte horisontale menustruktur) Der er kun lavet et menupunkt, så det er om at komme i gang, se næste side. Kort forklaring: Punkterne i toppen er hovedmenuer som man selv opretter i systemet. Systemet er født med op til 8 hovedmenuer og til hver hovedmenu er der op til 9 undermenuer. Desuden er der bl.a. opslagstavle og debatforum tilknyttet, som alle besøgende kan skrive på. Som redaktør kan I redigere i begge moduler og I kan aktivere/de-aktivere dem. Side 5

6 Redigere hjemmesiden. Login: Skift tekst i adresselinien: + tryk >ENTER<. Vores system er født med en overordnet administrator eller webmaster om man vil. Denne person kan oprette flere web-redaktører med adgang til at redigere bestemte dele af hjemmesiden. Her skriver du dit brugernavn og password og klikker Login. Her ser det hele næsten ud som for den besøgende. Du kan surfe rundt på siderne og se hvad der står som om du blot var almindelig besøgene. Øverst i den vandrette menu-linie ligger det eneste menupunkt Hovedmenu 1 der pt. er oprettet (læs senere om hvordan man opretter flere). De andre punkter er moduler der kan slås til/fra efter eget valg, men mere herom senere. Side 6

7 Tekst på en side Da der lige nu kun er oprettet én hovedmenu klikker du på den for at sætte indhold på.. Der står ikke noget før du skriver det. Det samme gælder for samtlige sider, inkl. dem du selv opretter fremover. Skriv en kort tekst på siden og brug knapperne øverst til at få det til at se pænt ud. Det ser ud som i Word, ja, det er som i Word. Når du er færdig med teksten klikker du blot på knappen Gem side nederst. Redigeringsmuligheder. De fleste knapper giver sig selv, da det er de samme som i Word, men nogle få nævnes lige. Skriv i spalter Opret en tekstboks lav en tabel indsæt et billede lav en kalender, - se nærmere på næste side. Side 7

8 Spalter Tekstboks Der er 4 valgmuligheder og smag og behag afgør hvilke bruger til hvad. Tekstbokse anvendes ofte på hjemmesider til at fremhæve overskrifter, hvor man sætter en passende baggrundsfarve og evt. ramme omkring teksten. Tabel Kalender Vælg måned og evt. årstal og klik Indsæt. Som i Words skemafunktioner: indstil antal rækker og kolonner, sæt streger i og omkring skemaet, m.m. Der er mulighed for fast information hvis man har møder eller andre aktiviteter på faste ugedage Side 8

9 Billeder. Når man vil indsætte et foto vælger man den mappe det ligger i, se senere. De 8 arkiver kan omdøbes, så man har mulighed for at arkivere og let finde sine billeder, eks. kunne arkiv 1 hedder personalefoto Denne funktion gennemgås uddybende senere. Indsætte billede på en side Skal man lige hurtigt sætte et billede ind fra computeren eller kameraet klikker man på Indsæt billede fra PC Placer markøren på sted hvor billedet skal placeres Klik på knappen Indsæt billede og denne boks kommer frem hvor du vælger det arkiv billedet er i Efter at have valgt arkiv vises de billeder der ligger i det. Klik på et billede og vælg hvordan det skal indsættes på siden inden der klikkes på knappen Indsæt se ill. med billede til højre for tekst Side 9

10 Skriftfarve, m.m. Fed og kursiv giver sig selv, men A et med en rød streg under, den anvendes til at skifte farve Skrifttype Skriftstørrelse Yderst til højre i værktøjslinien defineres skrifttype og størrelse som i Word Indsætte tekst fra Word Såfremt du ønsker at anvende tekst du har skrevet i Word kan du kopiere den og indsætte den direkte på hjemmesiden ved at anvende ovennævnte knap. Hermed justeres din tekst til almindelig brødtekst, som du så formaterer som du ønsker. Det vil altså sige at diverse kendte sæt ind måder med højre museknap eller CTRL+V ikke bør anvendes, da disse måder kan give problemer. Kladde I vores system er der en kladde-funktion, som sætter jer i stand til at redigere en eller flere sider inden I åbner dem med den viste knap. Indlæs kladde Placer dig på den side hvor en færdig kladde skal indlæses og anvend denne knap og gem den herefter på normal vis. Side 10

11 Redigere kladde Klik Kladder længst til højre i redigeringslinien. Man kan gå ind på alle sider og skrive/redigere med alle funktioner og gemme kladde. Efter endt redigering af en eller flere kladde-sider afsluttes redigering af kladder. Indlæse nuværende web-side Hvis man ønsker at arbejde videre på en eksisterende side indlæses den vis denne knap Herefter bearbejdes den som enhver anden side og gemmes inden kladde-funktionen afsluttes. Tilbage på de rigtige side indlæses kladden via den tilsvarende knap og gemmes normalt. Side 11

12 Menustruktur Oprette menuer Klik øverst på Menu. De menupunkter der er aktive (synlige) på hjemmesiden ses i strukturen. Skriv nogle nye og tilføj også nogle titler i et par af undermenuerne. To eksempler på menu-strukturer. Slut med at klikke Gem og din nye struktur er straks klar på hjemmesiden. Side 12

13 Øvrige redigeringsmuligheder. Design farver, skrifttype, m.m. Klik på Design redigeringsmenulinien. Via emne-knapperne kan man definere de former, størrelser og farver der skal være gennemgående på hele hjemmesiden. Baggrundsfarve To parametre kan defineres, baggrund (her en lys blå rundt om hjemmesiden) og skriftfarve i sidefoden, her en mørkere blå. Side 13

14 Rammefarve Her gælder det den tynde streg der omkranser hjemmesiden, her en rød farve. Farven kan vælges via paletten eller ved at angive farveværdier (RGB). i øvrigt de tre nederste indstillingsmuligheder til hvor rammen skal være. Andre farver Med Andre farver kan man virkelig komme på sit livs farveprøve, idet der er mange indstillinger. I venstre del kan man vælge mellem at definere farver der angår menubjælke og side. Til hver del kan man så definere baggrundsfarve og skriftfarve. Alle farver kan sættes via paletten eller via værdier i RGB Skriftfarve Den valgte skrifttype vises og via rullelisten kan man vælge en nye og klikke GEM. Den valgte type slår nu igennem på al tekst på hele hjemmesiden. Side 14

15 Alternativ linkfarve Alt efter ønske kan man definere den farve man ønsker link skal have på hjemmesiden og om der skal være understregning af links eller ikke. Smag og behag jeg høre til den type der ikke ønsker understregninger, men vælger en anden farve end standardteksten og sætter >> foran linkteksten Standard tekstboks Med Standard tekstboks gives mulighed for at indsætte en kasse til tekst, hvori der kan sættes en baggrundsfarve. Såfremt man bruger denne funktion ofte, evt. i forbindelse med overskrifter, kan det være en rigtig god idé at definere en fast baggrundsfarve, så man ikke skal bruge tid på at finde den rigtige hver gang. Side 15

16 Topgrafik I Topgrafik gives mulighed for at indsætte en anden grafik i toppen ved at bladre sin computer igennem via gennemse Grafikken skal være 950 pixels bred og mellem 75 og 155 høj. Når grafik er udpeget og overført vises næste vindue hvor man kan definere hvilken grafik der skal være i toppen. Søgeoptimering Her kan man selv styre hvad det er søgemaskiner skal finde jer på. Titel er det der står øverst til venstre i browseren. Nøgleord skrives med komma imellem ordene. Beskrivelse er hvad I selv synes der skal stå om jer og som man får præsenteret i bl.a. GOOGLE Side 16

17 Brugere Under Brugere kan man ændre sin kode ved login, men samtidig oprette andre brugere med forskellige adgange til redigering af siderne. Klik på Ret for at ændre administrators koder og igen på Ret nederst. Nye brugere En superbruger kan få adgang til at redigere alle sider til én eller flere hovedmenuer En bruger kan få lov til at redigere udvalgte sider spredt på hele hjemmesiden. Her er Karina ved at blive oprettet som superbruger med adgang til at redigere 2 hovedmenuer og nogle moduler med billeder. En bruger oprettes på samme hvor det blot er de enkelte sider (undermenuer) der gives tilladelse til at redigere. Side 17

18 Download mapper Klik på redigeringsmenuen Downloads og nedenstående boks kommer frem I disse 8 mapper kan man placere dokumenter, regnskaber, m.m., som man senere kan tilbyde besøgende på hjemmesiden at downloade. Alle 8 mapper kan omdøbes, hvorved det er muligt at sortere filer i kategorier og dermed gøre det lettere at finde dem senere. Klik på Rediger ud for en af mapperne og nedenstående vises. I eksemplet er valgt mappen Artikler De filtyper, der kan overføres, vises i informationsboksen. Max. 3 MB for overførsel. Der er to muligheder, dels til at overføre flere filer, dels til at rydde op blandt de allerede overførte. Klik på Åbn nyt vindue hvorfra der kan overføres filer Side 18

19 Finde filerne Via knapperne Gennemse udpeges de filer på computeren der skal kunne downloades. Det er muligt at uploade op til 5 filer pr. gang og herefter kan der uploades op til 5 mere og så fremdeles. Nederst i boksen ses hvor meget plads der er tilbage i download-mappen. Side 19

20 Fotoarkiver Klik på redigeringsmenuen Fotoarkiver og nedenstående kommer frem. Fotoarkiverne fungerer på samme måde som download-mapperne. Systemet er født med 8 arkiver, hvilket kan hjælpe med at holde styr på forskellige typer billeder. Vælg evt. at omdøbe arkiverne til, da det gør det meget lettere senere at finde og indsætte de ønskede billeder. Billeder lægges i arkiverne via Rediger. Som med download skal man klikke på Åbn nyt vindue hvorfra der kan overføres billeder Finde billederne Via knapperne Gennemse udpeges de billedfiler på computeren der skal kunne indsættes på siderne. Side 20

21 Billedserier Billedserier skal opfattes som en slags lysbilledshow, hvor man bladrer fra billede til billede. Proceduren med at omdøbe og indsætte billeder er den samme som i download-mapperne og fotoarkiverne. Ved redigering af arkiver til billeder og download er der to valgmuligheder og de to første er ens mht. billedserier. Men ifm. oprettelsen af en billedserie er det muligt at skrive en tekst der placeres under hvert enkelt billede, derfor linket Åbn nyt vindue hvorfra der kan redigeres følgetekst. Side 21

22 Formularer Formularer er en mulighed for at indsamle oplysninger via hjemmesiden, eksempelvis ved tilmelding til generalforsamling eller en kontaktformular hvor man ønsker bestemte informationer ved ansøgninger, o.l. Proceduren med at omdøbe er den samme som i fotoarkiv, m.m.. Klik på Rediger ud for en af formularerne. Der kan indsættes 6 forskellige typer felter, som gennemgås. Muligheder med en formular: Ved på hjemmesiden at have link til en formular er det muligt at lade besøgende aflevere de informationer I ønsker at modtage og det vel at mærke i den rækkefølge I ønsker. Det kan være en simpel tilmelding med navn og Ja/nej til at deltage Det kan også være en mere kompleks undersøgelse hvor man skal svare og uddybe sine svar. Hertil er det man anvender de funktioner der er ringe om herover. Tekstfelt: giver mulighed for at skrive én linie Kommentarfelt: udvider sig med flere linier alt efter hvor meget der skrives Afkrydsningsfelt: typisk til ja/nej Radioknapper: liste med valgmuligheder der alle synlige Valgliste: hvor valgmuligheder vises ved klik på pil Tekstafsnit: Anvendes til at informere, eksempelvis om de kommende felter Obligatoriske felter defineres med en stjerne *) Side 22

23 Redigering af formular I ovenstående enkle formular er der indsat 4 tekstfelter, et afkrydsningsfelt og atter et tekstfelt. I nedenstående mere komplekse formular er der anvendt flere felter. HUSK: Når en formular er oprettet skal der klikkes på linket Gem formular nederst Alle felter kan slettes, flyttes og rettes indtil første besøgende på hjemmesiden har afsendt svar. Herefter kan kun navne på felter rettes. Med Flyt kan man flytte et felt til bunden og dermed bliver feltet det sidste, men med lidt snilde kan man rokere meget om på allerede oprettede felter. Side 23

24 Avancerede muligheder på siderne Link til mail og hjemmesider Links oprettes ved at aktivere værktøjsknappen (Vis/skjul linkværktøjsknapper) længst til venstre. Angiv mail adresse Marker herefter det eller de ord der skal fungere som aktivt link til at starte den besøgendes e- mail program og tryk på den første knap i den nye værktøjslinie: E mail Udover din adresse kan du også definere hvad den besøgendes mail til dig indeholder i emnefeltet. Hvis der skal linkes til anden hjemmeside anvendes knappen Internet og flg. boks udfyldes. Der skal ikke skrives www foran adressen Hvis den ønskede hjemmeside skal åbnes i eget vindue skal det være markeret. Side 24

25 Link til andre steder på egen hjemmeside Det er muligt at lave link fra et sted på egen hjemmeside til et andet. Først skal der oprettes et sted man vil linke/henvise TIL og bagefter det sted man vil linke/henvise FRA. Der skal gemme ved hvert trin. Find og marker den ønskede tekst der skal linkes TIL og klik på SÆT ANKER. DU skal gemme en side med et ANKER før det fungerer! Opret link til et ANKER Find og marker den ønskede tekst der skal linkes FRA og klik på AFSNIT herefter dukker der en liste frem med alle de ankre der er sat på denne side og du klikker blot på det ønskede og gemmer siden. Hvis det er til et anker på en anden side, skal du klikke på Side Herefter vises en oversigt over samtlige sider og moduler på hjemmesiden og du klikker blot på den ønskede sides navn. Nu kommer der et spørgsmål om det er til et bestemt afsnit (anker) på siden og i så fald klikkes OK Annuller knappen linker til toppen af siden. Side 25

26 Link til formular Proceduren med at markere tekst der skal være link er altid den samme. Herefter klikkes på den ønskede link-funktion, i dette tilfælde Formular Vælg den formular du skal bruge. Nogle formularer er omdøbt og det er dermed meget overskueligt, frem for at skulle huske at formular nr. 1 er til GF 2009, nr. 2 til Ansøgning, etc. Link til billedserie Proceduren med at markere tekst der skal være link er altid den samme. Herefter klikkes på den ønskede link-funktion, i dette tilfælde Billedserie Vælg den serie du skal bruge. Her er nogle af serierne omdøbt, hvilket gør det meget let at udpege den rigtige. Link til fil der skal downloades Fungerer præcist på samme måde som med link til de øvrige punkter. Dog kræves det at der er lagt filer i downloadmappen ;-) Side 26

27 Moduler Der kan være forskellige moduler knyttet til hjemmesiden, udover hvad der er gennemgået tidligere. Klik på Modulstyring i menu-redigeringslinien Her ses de moduler der ofte er knyttet til en hjemmeside og de moduler hvor der er sat en markering er aktive på hjemmesiden, mens de andre er sat på standby. Titlerne på modulerne kan man selv bestemme ved at skrive det ønskede i felterne. Modulet Nyheder Gå til administrationssiderne af din hjemmeside og vælg Nyheder. Side 27

28 Rediger nyheder Klik på Opret nyhed Definer nyhedsindhold og periode 1. Vælg dato for hvorfra nyheden skal vises, og hvornår den skal fjernes igen 2. Skriv dit navn 3. Overskrift 4. Nyhedstekst, hvor kun de første to linier er synlige, men med link hvor man kan >> Læs mere 5. Vedhæft evt. billede 6. Klik på Opret Nyhedskategorier Ønsker man at dele nyheder op i kategorier, evt. i de afdelinger man har, kan sådanne oprettes ved at klikke på Rediger kategorier. 1. Systemet er født med én kategori med navnet Generelle nyheder 2. Klik på Opret ny kategori 3. Skriv navn på kategorien 4. Klik Opret Side 28

29 Side 29

30 Nyhed i kategori Gå tilbage til Rediger nyheder. Her kan man nederst vælge mellem at få vist sine nyheder efter kategori og aktuelle nyheder eller gamle/kommende nyheder. Opret nyhed som før, men nu er der mulighed for at definere hvilken kategori, den evt. skal høre til. Side 30

31 Modulet Nyhedsbreve Hvordan tilmelder man sig et nyhedsbrev? På hjemmesiden klikker man på Nyhedsbrev. Herefter skriver man sin og sætter flueben i de nyhedsbreve, man ønsker. Klik Tilmeld til sidst. Nu sender systemet automatisk en til den oplyste adresse. I denne mail er der en kort tekst om, at man har tilmeldt sig et nyhedsbrev, og et link der skal klikkes på for at bekræfte, at det er i orden. Herved sikres det, at kun den der ønsker et nyhedsbrev får det. Side 31

32 Oprettelse og udsendelse af meddelelse / nyhedsbrev Login ind på redigering af din hjemmeside. Vælg Nyhedsbrev i højre kolonne. Ny meddelelse 1. Klik på Ny meddelelse 2. Skriv titlen på nyhedsbrevet 3. Klik Opret Skriv indholdet i meddelelsen/nyhedsbrevet 1. Skriv dit brev og formater tekst med værktøjslinjen 2. Er du til HTML-koder, kan du slå dem til nederst til venstre 3. Klik på Gem 4. Klik Afslut Side 32

33 Udbakken Ikke-sendte meddelelser/nyhedsbreve ligger her og venter på, at man klikker Send. 1. Der ligger her tre ikke-sendte nyhedsbreve, og det øverste er det, der netop er oprettet - se datoen 2. Skal der en fil med klikkes på Vedhæft fil 3. Det er stadig muligt, at rette i mailen inden den sendes 4. Klik Send Flere typer meddelelser/nyhedsbreve Via punktet Kategorier er det muligt at definere mere end en type nyhedsbreve, f.eks. til de enkelte afdelinger. Når man så klikker Send vises en liste over hvilke typer nyhedsbreve, der kan vælges imellem. Dem, der modtager de enkelte nyhedsbreve, er dem, der selv har markeret det ved oprettelsen. Meddelelser og nyhedsbreve udsendes KUN til dem der selv har tilmeldt sig og I kan derfor ikke anklages for at sende SPAM mails. Side 33

34 Afsendte nyhedsbreve Via punktet Sendt post kan man se hvilke nyhedsbreve, der er sendt tidligere og hvornår. Modulet Dokumenter Modulet Billeder Side 34