Vejledning til opbygning af hjemmesider

Transkript

1 Side 1 af 9 Vejledning til opbygning af hjemmesider Hvis du er inde på din klubs hjemmeside, fx på forsiden, kan du nu gå i gang med at redigere. For at få redigeringsværktøjet frem, skal du klikke på et lille link; (edit) i nederste højre hjørne; det kan være, at du er nødt til at rulle lidt ned på siden for at se den. Hvis du har klikket på (edit) er du nu inde bag ved forsiden af klubbens hjemmeside, hvor du frit kan redigere i stort set alt på siden. Værktøjet til at redigere med, ligner den samling af knapper, som du måske kender fra Word; de vil her blive gennemgået en efter en. Tip: Da dette redigeringsværktøj i sig selv er en hjemmeside, så fungerer det ikke helt, som et almindeligt program, som fx Word. Du finder derfor ingen edit menu med en Fortryd funktion eksempelvis. Du kan dog alligevel sagtens bruge genveje som fx [ctrl-z] for at fortryde eller Undo en fejl du er kommet til at lave. Der er en del genveje, som du måske kender fra andre programmer, der også fungerer her. Det gælder blandt andre [ctrlx] for at klippe noget ud og [ctrl-v] for at sætte noget ind. [ctrl-s] virker dog ikke her; hvis du vil gemme må du klikke på knappen Opdater. Prøv dig frem og se hvad, der virker. Almindelig tekst redigering: Markér noget tekst, fx overskriften, ved at klikke og trække musen hen over ordene. Skriv en anden overskrift end den eksisterende. Her er overskriften ændret (sammenlign med overskriften på fotot ovenover). Der findes ingen genvej for at gemme de ændringer og tilføjelser du laver, så for at gemme skal du klikke på denne knap:

2 Side 2 af 9 Prøv nu at markere noget andet tekst og klik på knappen der gør skriften fed; den ser sådan ud: værktøj: Prøv derefter at markere den samme tekst og gør den større, ved hjælp af dette Her er Vi mødes 3/12 kl. 19 gjort større og fed. Fotos Sådan indsætter du et foto på hjemmesiden: Hvis du har taget et foto selv, eller fået sendt et foto eller illustration pr. mail, som du skal have på hjemmesiden, skal det først beskæres til en størrelse så det passer til hjemmesiden. Klubbens hjemmeside er designet ud fra en skabelon. Denne skabelon har et hovedfelt, som er 404 pixels bred, så hvis du vil placere et foto i hovedfeltet, bør fotoet ikke være større end 404 pixels bred, mens højden bør holdes under 200 pixels. Det nemmeste er at bruge dit digitale fotoalbum til at gemme/eksportere fotoet, så det holder sig inden for disse mål. Hvis ikke du har et digitalt fotoalbum, kan du åbne fotoet i Microsoft Office Picture manager (klik på Edit picture ; husk at komprimere fotoet til web brug) eller hente det digitale fotoalbum Picasa gratis på Googles hjemmeside.

3 Side 3 af 9 Når dit foto er klar, og du ved hvor på din computer det ligger, er du klar til at indsætte det på hjemmesiden: Sæt cursoren det sted du ønsker fotoet placeret og klik på knappen der indsætter fotos: Der kommer nu et vindue frem, hvor du blot skal klikke på Browse Server. Der åbnes nu et vindue, der viser de fotos, der allerede ligger på serveren. Klik på Gennemse for at finde fotoet på din egen computers harddisk. Find fotoet på din computer og klik på Åbn. Klik herefter på Upload knappen: så navnet på fotoet kommer til at stå på listen over fotos på serveren. Klik på fotoes navn i listen. Når du klikker på fotoets navn på listen vises det valgte foto og du kan klikke Ok, når du har konstateret at det er det rigtige foto.

4 Side 4 af 9 Fotoet sidder nu på hjemmesiden det sted du markerede med cursoren. Hvis du vil se hvordan siden ser ud med fotoet, kan du klikke på preview knappen; Brug af editoren Information om indsættelse af links til fotos: pubnet/[foreningens nummer]/dk/image/[navn på foto] F.eks.: "pubnet/9407/dk/image/logo.gif" Link til dokumenter Information om indsættelse af links til dokumenter: pubnet/[foreningens nummer]/dk/file/[navn på dokument] F.eks.: "pubnet/9407/dk/file/vedtagterngfp doc" Oversigt over redigeringsværktøjets knapper Tip: Når du sidder og arbejder med redigeringsværktøjet, kan du altid holde musen henover en knap, indtil der kommer en kort tekst eller et ord frem, der beskriver knappens funktion.

5 Side 5 af 9 Disse fire knapper gør teksten enten fed, kursiv (Itallic), understreget eller gennemstreget. X 2 og x 2 sænker hhv. hæver et bogstav eller ord. Klik på denne knap hvis du vil lave en nummereret liste. Denne knap skal du bruge hvis du vil lave en punktopstillet liste. Hvis du stiller cursoren foran en linie og klikker på ikonet til venstre (den med højre pil), så rykke hele afsnittet cursoren står i, ind mod midten. Ved klik på ikonet med venstrepil rykker afsnittet tilbage mod venstre. Klik på en af disse fire knapper hvis du vil give en tekst lige ventstre kant, midterstillet, lige højre kant eller både lige venstre- og højre kant. Style er en række forud definerede kombinationer af skrifttyper, størrelser, farver, fed, kursiv etc. Du kan sagtens ændre i styles når du har anvendt en på en tekst. Du ændrer teksten til det oprindelige ved at markere teksten du har givet en style og så vælge den anvendte style i menuen. Format minder meget om Styles; her finder du blandt andet en række forud definerede overskrift typer. Du kan sagtens ændre i et Format når du har anvendt et på en tekst. Du ændrer teksten til det oprindelige ved at markere teksten du har givet et Format og så vælge Normal fra Format menuen. Her vælger du hvilken skrifttype du ønsker at anvende Med Size giver du teksten den ønskede størrelse. Brug denne knap hvis du ønsker at give teksten en anden farve; markér teksten, klik på knapen og vælg. Bemærk at du kan vælge More Colors, hvis du vil have flere farver at vælge imellem. Dette værktøj bruges til at give en tekst en baggrundsfarve. Klik på denne knap for at se html koden til siden du er i gang med at redigere. NB! Hvis du har erfaring med html giver Source knappen dig adgang til at redigere i siden html koder. Du er velkommen til at prøve dig frem men bemærk venligst, at systemet har nogle grundlæggende begrænsninger for, hvor meget du kan ændre ved hjælp af html redigering. Den vigtigste knap af alle: Gem! Brug den eller knappen Opdater, de gemmer begge dine ting.

6 Side 6 af 9 Klik på denne knap for at se hvordan siden du arbejder med kommer til at se ud på Internettet. Klik her og hent forskellige skabeloner, som du kan bruge til at designe de enkelte sider med. Klip værktøjet; markér en tekst eller et foto, klik på denne knap for at klippe det valgte ud (eller brug genvejen [ctrl-x] Markér tekst eller andet og klik på denne knap for at kopiere (eller brug genvejen [ctrl-c] Sæt-ind (paste) værktøjet; hvis du har klippet eller kopieret noget sætter du det ind med en af disse to knapper: Den første sætter blot det du har kopieret ind (du kan også bruge genvejen [ctrl-v]). Den næste medtager formattering, hvis der er formattering med i det du har kopieret. Hvis du vil indsætte noget du har kopieret fra et Word dokument, så brug denne Word sæt-ind knap. Klik her for at printe Knappen til venstre er Fortryd eller Undo knappen (eller brug genvejen [ctrl-z] og den til højre er Fortryd-ikke eller Redo knappen. Kikkert ikonet bruges til at søge efter noget bestemt i en tekst, fx et ord. Søg-og-erstat værktøjet bruges til at skifte bestemte bogstaver, ord eller sætninger ud i en tekst. Dette er vælg-alt knappen. Alternativt kan du bruge [ctrl-a] Med denne knap fjerner du en formattering; markér en formatteret tekst og klik på denne knap. Brug disse to knapper til enten at tilføje et link eller fjerne et link fra en tekst du har markeret. Klik på denne knap for at indsætte et foto på hjemmesiden (se også særskilt gennemgang af denne funktion). Indsæt med denne knap en tabel, der hvor du har placeret cursoren. Hvis du placerer cursoren et sted og klikker på denne knap, indsættes der en vandret linie. Klik på Smiley for at indsætte en Smiley eller et ikon, bl.a.: Med denne knap har du adgang til en masse forskellige specielle karakterer Indsæt et tvunget sideskift med denne knap (det er heller ikke sikkert du får brug for denne funktion).

7 Side 7 af 9 Links Link fra tekst Man laver et link ved at markere det ord eller den tekst, der skal linkes fra, og derefter klikke på link ikonet; det til venstre af de to: Der åbnes et vindue, som det du kan se til venstre. Hvis du ikke rører ved Link Type og Protocol, men blot skriver en adresse i Url feltet, fx så har du lavet et link der henter Google frem, i stedet for den side brugerne kigger på. Se Link Target for en beskrivelse af, hvordan du fx åbner et nyt vindue, til hjemmesiden du linker til. Link til adresse Hvis du ønsker at lave et link fra et ord, så brugerne kan sende en mail, skal du markere teksten, klikke på link ikonet (det til venstre af de to) og så vælge " " under Link Type. Du får så mulighed for at indtaste adressen, der skal sendes mail til, samt emne og evt. teksten i selve mailen. BEMÆRK at du ikke bør skrive fulde adresser på en hjemmeside, da ondsindede spammere får automatiske søgerobotter til at lede på Internettet for mail adresser, som de kan sende spam til. Skriv i stedet fx Michael Hansen og gør navnet til et mail-link, der åbner brugerens mail program med mailadressen, som du har indtastet. Det er også muligt at linke til et "anchor", dvs. et bestemt sted i en tekst, men det gennemgås ikke her. Link target Link til side, der åbnes i et nyt vindue Du laver et link ved at markere det ord eller den tekst, der skal linkes fra, og derefter klikke på link ikonet; det til venstre af de to: Der åbnes et vindue, som det du kan se herunder. (Næste side). Skriv først webadressen på den side, du vil linke til, fx i feltet hvor der står Url over. Lad Link Type og Protocol være som de er. Klik nu på fanebladet Target; se illustrationen nederst til venstre. Under Target kan du klikke og indstille, hvad der skal ske, når der bliver klikket på dit link.

8 Side 8 af 9 <not set> Hvis du intet vælger, sker der det samme som hvis du blot skriver en webadresse i Url feltet under Link Info fanebladet. <frame> - bruges til at linke til en bestemt, navngivet frame på en hjemmeside. <popup window> - skal du bruge, hvis du ønsker at åbne et popup window. BEMÆRK at mange brugere automatisk blokerer for popup vinduer. I mange tilfælde er det en bedre ide at vælge New Window (_blank). Vil du alligevel bruge denne funktion, er der en del muligheder for at indstille udseendet af popup vinduet, herunder placering, størrelse og hvilke knapper der skal være til rådighed for brugeren. New Window (_blank) Dette er formentlig det oftest benyttede type link, især hvis du linker til sider der ligger på andre hjemmesider end jeres egen. New Window (_blank) åbner siden du linker til i et nyt vindue, oven på det vindue som brugeren linker fra. Der er tre andre funktioner under Target, men ovenstående er de vigtigste, eksperimenter evt. med de andre, men til langt de fleste, måske alle, typer links vil du kunne klare dig med disse tre. Link upload Upload At uploade er at sende filer (fotos, tekst, pdf etc.) fra ens egen computer til en server, så det kan vises og downloades af andre fra en hjemmeside. Men trods navnet på dette faneblad; Upload, er det faktisk ikke den bedste måde at uploade på. Hvis du vil uploade fotos eller tekstfiler, gøres det bedst på følgende måde:

9 Side 9 af 9 Upload fotos: Hvis du vil uploade fotos der skal vises på hjemmesiden, så brug ikonet Det er udførligt beskrevet hvordan den anvendes under emnet Fotos i denne guide. Upload andre typer af filer: Hvis du ønsker at linke til en fil på din hjemmeside, fx en pdf, så kan du gøre det ved at sætte cursoren på det sted på siden hvor du ønsker linket skal være. Klik derefter på link ikonet -det til venstre af de to. Klik nu på knappen Browse Server - se illustration herover til venstre. Klik på Gennemse for at finde filen på din computer. Når du har markeret og klikket Åben, kommer stien til filen på din computer til at stå i feltet ud for Gennemse: Klik på Upload, hvorefter navnet på filen kommer til at stå på listen i vinduet der viser dig oversigten over filer på serveren (se skærmfotos til venstre). Klik en enkelt gang på filen, hvorved vinduet skifter, og klik så OK. Der vil komme et link der ligner det herunder, og som vil åbne i det vindue som brugeren ser på. Brug Target fanebladet (New Window (_blank) for at åbne tekst filen i et nyt, selvstændigt vindue. inmnet/pubnet/9430/dk/file/tekst_ex.txt