Amager 06.03.2009

Vejledning i brug af hjemmeside til

Visens Venner på Amagerland

Amager 06.03.2009

Indholdsfortegnelse1. Generel information...................................................................................................................................... 4

2. Økonomi........................................................................................................................................................... 4

2.1 Oprettelse................................................................................................................................................. 4

Betalinger fremover............................................................................................................................................... 5

3. PC informationer........................................................................................................................................... 6

3.1 Grundprogrammer.................................................................................................................................... 6

3.2 Tekstredigering, generelt.......................................................................................................................... 6

3.3 Redigering i html koden............................................................................................................................ 6

3.4 Farveredigering på hjemmesider............................................................................................................ 8

4. Redigering af hjemmeside............................................................................................................................ 9

4.1 Generelt........................................................................................................................................................ 9

4.2 Adgang til redigering................................................................................................................................. 9

4.3 File håndtering (up load mm)............................................................................................................... 11

4.3.1 Filemangeren, Ilosoft....................................................................................................................... 11

4.3.2 Filezilla anvendelse.......................................................................................................................... 11

4.3.3 Kan billeder og øvrige filer ses af brugerne...............................................................................12

4.3.4 Installation af Filezilla.................................................................................................................... 13

4.3.5 Back-up af enkelt-filer.................................................................................................................... 14

4.3.6 Oprettelse af en ny underside........................................................................................................ 16

4.4 Hjælpefunktioner..................................................................................................................................... 17

4.4.1 Teksteditering via word.................................................................................................................. 17

4.4.2 Placering på hjemmesiden............................................................................................................. 17

4.4.3 Baggrundsfarve eller billede på siden.........................................................................................18

4.4.4 Tekst bokse........................................................................................................................................ 19

4.4.5 Billed up-load og størrelse og beskæring....................................................................................19

4.4.6 Link..................................................................................................................................................... 22

4.4.7 Link med start af ny internetside................................................................................................. 24

5.0 PassWord belagt side.................................................................................................................................. 25

6.0 Tæller af antal besøgende......................................................................................................................... 27

Amager 06.03.2009

1. Generel information

Hjemmesiden er oprettet hos One.com. vort Domænenavn er VVPA.DK

Hjemmesiden kaldes op ved at skrive WWW.VVPA.DK i Internet linien øverst på internetsiden.

One.com står for vores Webhotel der giver mulighed for at oprette hjemmesider, de stiller forskellige hjælpeværktøjer til rådighed, samt chat hotline døgnet rundt. Dansk hotline er dog kun i dagtimerne. Der er 3000 Mbyte plads til forskellige dokumenter der anvendes til hjemmesiden. Der kan købes mere plads

Der er ligeledes mulighed for at til knytte mailadresser til foreningens brug. De vil komme til at hedde fx Formand@VVPA.dk eller Kasserer@VVPA.dk brugen af dette beskrives ikke her.

2. Økonomi

2.1 OprettelseOprettelsen er foretaget gennem One.com, der betales for oprettelsen, for årsafgift til One.com der dækker værktøjer, hotline og lagerplads. Der betales også for første års gebyr til DK. Hostmaster A/S der bestyrer domænenavnene.

Ordredetaljer:--------------------Dato: 01.10.08Dit ordrenummer er: 1351757-------------------------------------------------------------Du har bestilt følgende:------------------------------------------------------------- PrisWebhotel type 9 a 12 måneder 108,00Årlig domæneafgift (.dk) 60,00Oprettelse 90,00-------------------------------------------------------------+25% moms 64,50-------------------------------------------------------------I alt i DKK: 322,50=============================================================

Fakturaadresse:-------------------------Navn: OVE VIGGO NIELSENEvt. firma: VISENS VENNER PÅ AMAGERLANDLand: DENMARKAdresse 1: GAMMELGANG 2Adresse 2: Postnr. + by: 2300 KØBENHAVN STelefon: +45 23881102

Amager 06.03.2009

Fax:

Betalinger fremoverFremover skal der betales årsafgift til One.com og KD hostmaster, med de nævnte årsbeløb.

Som i kan se, er fakturaadressen sat til mig, for at komme hurtigt i gang. Kontaktperson og fakturaadresse kan ændres de to steder.

DK Hostmaster http://www.dk-hostmaster.dk til forsiden, og https://www.dk-hostmaster.dk/index.php?id=6&no_cache=1 til selvbetjening hvor Registrant fuldmægtig og betaler kan ændres. Bestyrelsen har Pinkoden.

One.com https://www.one.com/admin/ Adgangskoden er Amagerland.

Vælg Ejerinformation Ikonen og ret informationerne i de angivne felter afslut med at klikke på opdater.

Amager 06.03.2009

3. PC informationer

3.1 GrundprogrammerAlle vejledninger i dette dokument er baseret på at der anvendes Windows Vista som oprativsystem og Microsoft Office 2007 til de normale tekst- og regneark. De word og excel filer der skal anvendes på hjemmesiderne skal omdøbes til Office 97 dokumenter med efternavnene .doc og .xls ellers kan de ikke kaldes op fra internet exploreren.

3.2 Tekstredigering, genereltHjemmesides redigeringsvæktøjer er meget simple, og der er ikke de normal word funktioner. Der kan eksempelvis ikke vælges linieafstand, der er ingen tabulatorer, og der kan kun vælges visse skriftstørrelser.

Dette kan omgås ved at skrive den ønskede tekst i et word dokument og markere selve teksten og kopiere den til Hjemmesiden.

3.3 Redigering i html kodenNormalt ser man hjemmesiderne i one.coms redigeringsværktøj, hvor man ser hjemmesiden grafisk. Men bag alle billeder, tekster og øvrig grafik ligger den egentlige html kode, der ligner et word dokument. Her kan man genkende tekster fra siden og redigere i selve html koden, f. eks. ændre tekster, farver eller tekstboksstørrelser.

Man kommer til html koden fra Ilosoft Filemanageren. Vælg ”TextEditor” i topmenuen. (Ikke ”Detaljer” der er highlighted)

Vælg Filer og Åben, og vælg den file der skal redigeres. Eksempelvis siden ”Booking”.

Amager 06.03.2009

Så ses koden, og der kan redigeres.

Det er nødvendigt at redigere i html koden ved indføjelser af specialfunktioner og det kan anvendes til finpudsning af det grafiske udseende.

Men pas på! En stavefejl eller en syntaksfejl kan ødelægge koden og dermed hele den pågældende side. For at sikre sig mod dette, kan man tage back-up af de enkelte hjemmesider .html sider inden redigeringen. Se afsnitte Back-up.

Amager 06.03.2009

3.4 Farveredigering på hjemmesiderFarverne styres i styrken på de tre grundfarver Rød, Gul og Blå. Styrken angives i to cifre pr. farve i Hexadecimal. (0 1 2 3 4 5 6 7 8 9 a b c d e f) Så ingen styrke er 00 og maksimal styrke er ff for hver farve. 000000 er således samlet sort og ffffff er hvid.

Dette anvendes hvis man vil redigere farver i selve html koden, eller hvis man vil ramme en tidligere anvendt skrift eller baggrundsfarve. Aflæs den 6 cifrede farve kode hvor den tidligere er anvendt, og skriv koden i redigeringsværktøjet i den nye side, tekstboks eller tekst, hvor farven skal anvendes.

Amager 06.03.2009

4. Redigering af hjemmeside

4.1 Generelt

Alle programmer og data der anvendes ligger på One.com Web serveren. Det betyder at alle der kender Domænenavn og Adgangskode kan slette og ændre filer og redigere på hjemmesiderne. Det betyder også at der daglig tages back-up af alle filer så de altid er til stede. Men hvis man har ødelagt en file, er det den ødelagte file der tages back-up af. Vil man sikre sig under redigering af hjemmesider, skal man selv tage back-up af den enkelte file, Se afsnitte back-up.

Med filer på en server, er vi således uafhængige af en enkelt person og en enkelt PC, men man skal ikke udlevere adgangskoder til alle.Normalt vil man have word dokumenter billeder mm. liggende på sin egen PC. Hvis de skal anvendes på hjemmesiderne, skal de flyttes til Web serveren. For at flytte dem til Web serveren skal man foretage et ”Up-load”, se under filehåndtering.

4.2 Adgang til redigering

Der skal først kaldes op til one.com http://www.one.com/da/ . Vælg kontrolpanel

Indtast domænenavn og adgangskode. Adgangskode er ”Amagerland”

For filehåndtering vælges FilemanagerFor hjemmeside redigering vælges WebCreator

Amager 06.03.2009

På WebCreator vælges Rediger i din eksisterende hjemmeside Klik på Næste

Og herefter vælges Filerne til min hjemmeside ligger på webserveren Klik på Næste

For at redigere én af siderne klikkes på ”Rediger” ud for det dokument der skal redigeres. Når man har redigeret, gemmes filen og lukkes. Så kan man hurtigt se resultatet, ved at klikke på ”Vis” ud for det redigerede dokument.

Amager 06.03.2009

4.3 File håndtering (up load mm)

4.3.1 Filemangeren, Ilosoft

Filemanageren kan kaldes op fra kontrolpanelet, som vist ovenfor i afsnittet Adgang til redigering.Når man er i Webside værktøjet, kan man også kalde filehåndteringen op, som det vises på skærm-dumpet under afsnitte ”Flere muligheder”.

4.3.2 Filezilla anvendelse

Filezilla er et gratis hjælpeprogram, en såkaldt FTP klient, man selv skal downloade fra Internettet. Det hører ikke med til One.coms værktøjer, men det anbefales af One.com.Når man skal up-loade store filer er det nødvendigt at anvende en FTP klient. Den normale filehåndtering som at kopiere, slette og omdøbe filer er også lettere og hurtigere i Filezilla.

Filezilla kaldes på den ikon der fremkommer under installationen, eller under programmer ved at klikke på Filezilla.exeFor at få adgang til Web serveren skal man skrive vvpa.dk under både ”Vært” og ”Brugernavn”. ”Kodeordet” er Amagerland. Klik på ”Lyntilslut”I øverst vandrette felt ses de senest udførte fileoperationer.I venstre side ses filerne i ens egen PC.I højre side ses filerne på vores plads på Web serveren.Når man skal up-loade en file fra sin PC til Web serveren, anvendes drag and drop, hvor man trækker en file over, eller man kan anvende copy and paste.

Amager 06.03.2009

I højre side kan man udføre file de normal file operationer.

4.3.3 Kan billeder og øvrige filer ses af brugerne

Hvis brugerne af hjemmesiden ikke kan se billeder, regneark eller andre filer der vise på hjemmesiden, kan man kontrollere og tilrette rettighederne til filerne ved hjælp af f.eks. Filezilla.

Kald Filezilla op som beskrevet i afsnittet ovenover.Marker den file der ønskes tilrette med adgangsrettigheder.I eksemplet ”kontaktliste.xls”.

Amager 06.03.2009

Højreklik på filen og vælg ”File Attributes”, og det viste pop-up bille kommer frem.Tilret rettigheder, f. eks. som vist og gem.

4.3.4 Installation af Filezilla

For at installere Filezilla kaldes denne side op http://filezilla-project.org/download.php På denne side vælges den øverste anbefalede Windows version.Følg herefter anvisningerne for installation.

Amager 06.03.2009

4.3.5 Back-up af enkelt-filer

Den samlede hjemmeside består af et antal sider af typen .html. I et af file redigeringsværktøjerne hjemmeside redigeringens egen Ilosoft filemanager, eller det uafhængige program Filzilla, kan man bl. a. kopiere filer, og dermed lave simple back-up filer. Se om programmerne i afsnittene oven over. Det er hurtigst i Filezilla, men alle har Ilosoft hjemmeside redigeringsværktøjet , så her beskrives brugen af denne.

Når der er logget på med VVPA vælges Filemanageren.

Her ses indholdet af Filemangeren.

Amager 06.03.2009

Marker den file der ønskes kopieret, og vælg ”kopier til…” i venstre side under Fileopgaver.

Under Filnavn ændres navnet, tilføj f. eks. Gl til navnet, som vist.

Amager 06.03.2009

Hvis back-up filen skal anvendes slettes den ødelagte file og back-up filen omdøbes til det oprindelige navn. Så vil alle link til filen fungere normalt.

4.3.6 Oprettelse af en ny underside

One.coms hjemmesideværktøj Web Page Wizard stiller et antal skabeloner til rådighed. Jeg syntes ikke der var nogen der egnede sig til vores forening. Så hjemmesiden er bygget op fra bunden.

Det anbefales derfor kun at arbejde videre på de sider der er udført til foreningen, og ikke starte nye projekter eller skabeloner. Så kan det eksisterende materiale ødelægges.

Hvis man ønsker en ekstra side, så gå i Filemanageren og tag en kopi fra den side der ligner mest det man ønsker på den nye side. I kopinavnet skrives den nye sides navn. Se afsnitte back-up af enkeltfiler.

NB! De enkelte hjemmesiders navne må ikke indeholde æ, ø, å eller mellemrum.

Ved at kopiere en eksisterende side opnås den fordel at alle link i venstre side af billedet samt tekstboksene kopieres med. Man kan så beholde det samme design og redigere i tekstboksene slette eller tilføje bokse.

Amager 06.03.2009

4.4 Hjælpefunktioner

4.4.1 Teksteditering via word

Hjemmeside redigeringsvæktøjet Web Page Wizard er meget simplet, og der er ikke de normal word funktioner. Der kan eksempelvis ikke vælges linieafstand, der er ingen tabulatorer, og der kan kun vælges visse skriftstørrelser.

Dette kan omgås ved at skrive den ønskede tekst i et word dokument og markere selve teksten og kopiere den til Hjemmesiden. Se dette eksempel. Skrifttyper mm kan godt anvendes på hjemmesiden, selv om hjemmesideværktøjet Web Page Wizard ikke har de pågældende funktioner.

På PlakatenViseaftner for medlemmer i sæsonen 2008/09

Viseaftnerne i festsalen på Korsvejens Skole starter kl. 18.20 til tonerne fra husorkestrets musik.Efter fælles spisning af medbragt mad begynder viseunderholdningen kl. 19.00 og varer til ca. 22.00

       25. september 2008 ”Gengangere + enkelte nye” Visevært: Henny Thomsen       23. oktober 2008 ”Så synger vi den” Visevært: Hanne Kalsing

Efter der er kopieret til hjemmesiden, kan man redigere videre der.

4.4.2 Placering på hjemmesiden

Billeder og tekst der er skrevet direkte på baggrundsbilledet på hjemmesiden, kan ikke frit flyttes rundt. De kan kun flyttes ved at indsætte/fjerne mellemrum eller linieskift.Men vælger man tekstbokse og sætter billeder og tekst ind heri, kan de frit flyttes rundt på siden.

Amager 06.03.2009

4.4.3 Baggrundsfarve eller billede på siden

Hele siden kan forsynes med en farve eller et baggrundsbillede. Sæt curseren på billedets baggrund og

højreklik på musen, og vælg ”sideegenskaber”.

Hvis man ønsker et baggrundsbillede som den det er tilfældet nu, skal man sætte hak i feltet baggrundsbillede. Man kan finde billeder strukturer mm på internettet og up-loade dem til Web serveren. Når de ligger her kan man bruge funktionen gennemse filer.Hvis man ikke sætter hak i feltet baggrundsbillede vises den baggrundsfarve der vises i pop-up vinduet. Bemærk at farven vises i hex kode, det kan være nyttigt at kunne indsætte hvis man selv har fundet en speciel nuance. Se afsnitte farvekoder.

4.4.4 Tekst bokse

Amager 06.03.2009

Hver enkelt tekstboks forsynes med en farve eller et baggrundsbillede. Sæt curseren på tekstboksens baggrund og vælg ”tabelegenskaber”.Her vælges baggrundsbillede eller baggrundsfarve lige som for en side.

I samme pop-up vindue kan man justere boksens størrelse, rammens farve og tykkelse, samt margin til indholdet i boksen.

4.4.5 Billed up-load og størrelse og beskæring

Billeder fra Web serveren kan indsættes direkte på hjemmesidernePlacer curseren på den ønskede position for billedet på hjemmesiden og vælg ”Indsæt” og ”Billede fra Web serveren” i top menuen.

Amager 06.03.2009

Klik på det ønskede billede. Bagefter tilpasses placeringen på billedet ved at anvende mellemrum og linieskift, eller ved at placere billedet i en tekstboks.

Billeder up-loades til Web serveren Man kan også up-loade og indsætte et billede fra sin egen PC i én funktion.Placer curseren på den ønskede position for billedet på hjemmesiden og vælg ”Indsæt” og ”Upload og indsæt billede” i top menuen.

Amager 06.03.2009

Klik på feltet ”Åben” og vælg hvilket bibliotek du vil hente billeder fra på din egen PC.Når billedet er valgt, skal man vælge i hvilken størrelse. Det vil være den valgte størrelse der indsættes og også blive lagret på Web serveren.Klik i feltet ”up-load” og funktionerne er udført.

Amager 06.03.2009

4.4.6 Link

Med hjemmesideværktøjet Web Page Wizard er det kun muligt at lægge link på billeder og på enkeltord, og således ikke på en hel sætning eller på en tekstboks.Man kan linke til

En mail adresse En hjemmeside på Web serveren Billeder, worddokumenter, lydfiler mm der ligger på Web serveren Til en hvilken som helst internetadresse

Her ses nogle eksempler:

Mailadresse lagt på et ordHøjreklik på ordet f. eks. ViggoVælg hyperlink

Skriv mailadressen

Hvis man ønsker link til en hel sætning f.eks. både for og efternavn, kan man omgå hjemmesideværktøjet Web Page Wizard ved at skrive navnet og lægge link på i et worddokument og herefter kopieret sætningen med link til hjemmesiden.

Link til en underside på hjemmesiden fra et billede

Amager 06.03.2009

På vores hjemmeside er boksene i venstre side, der benyttes til sideskift, lagt ind som billeder for at få et stort felt der er let at klikke på. Billederne der er en boks med tekst i er lavet i et eksternt tegneprogram og up-loaded til Web serveren.

Linket lægges på således:Højreklik på en kasse f. eks. den med teksten ”Bestyrelsen”. Vælg Hyperlink i pop-up vinduet der kommer.I det næste pop-up vindue kan man bruge funktionen ”Gennemse filer” og vælge den ønskede side, i dette tilfælde Bestyrelsen.html.

Link til et billede eller andre filer fra et ordlæg link på et billede, f. eks. ”Se medlemsbladet August_2008” med link til det blå. højreklik på den ønskede tekst og vælg hyperlink

Her kan man ikke bruge funktionen ”Gennemse filer” selv om filen med medlemsbladet ligger på Web serveren.Man skal i stedet skrive hele teksten til dokumentet. Her medlemsblader der er en pdf file.

Link til en Internetadresse fra et ord eller sætning kopieret fra wordLæg link på en sætning f. eks. Visens Venner i Danmark. Højreklik på et ord eller en sætning og vælg hyperlink.

Amager 06.03.2009

Her kan man ikke bruge funktionen ”Gennemse filer”, men man skriver den pågældende Internetadresse.Eller endnu lettere markere Internetadressen når man står på internetsiden, og kopiere det til pop-up vinduet.

4.4.7 Link med start af ny internetside

Med hjemmesideværktøjet vil et link til en ny side ofte fungere på den måde at den nye side træder i stedet for siden hvor linket placeret. Ved brug af hjemmesider med sådanne link betyder det at man skal huske at komme retur til originalsiden ved at benytte returknappen til forrige side.

Hvis man i stedt ønsket at linket skal starte en ny side, der kan lukkes uden at påvirke den side linket er placeret på kan det gøres med en tilføjelse i selve html-koden. Se afsnit 3.3 hvordan man generelt redigerer i html-koden.

Find link-teksten i html koden og tilføj target=extwindow hvor der startes med et mellemrum. Se dette eksempel. Tilføjelsen er markeret med blåt.

Amager 06.03.2009

5.0 PassWord belagt sideInden man begynder skal der i File Manageren oprettes et nyt bibliotek. I vores tilfælde biblioteket ”Lukkede”. Navnet må ikke have æ,ø,å eller mellemrum. I dette bibliotek lægges den hjemme-underside der skal Pass-word beskyttes, samt de to filer der genereres, som beskrevet efterfølgende.Læg ikke andre dokumenter her, heller ikke de billeder mm der skal anvendes på den Pass-word belagte side. Det vil medføre at man skal indgive pass-word til enkelte billeder og dokumenter der henvises til. Læg dokumenterne sammen med de øvrige på rod biblioteket.

PassWord på en side lægges ind ved hjælp af programmet ”htaccess”. Det understøttes af One.com, og det kaldes op, ved at skrive stien til programmet direkte i linien hvor internetadresser til de anvendte sider normalt vises. Se i den røde elipse, skriv ”http://one-docs.com/tools/htaccess” uden gåseøjne og tryk return.

Skemaet udfyldes således som eksemplet til siden Lukkede. Efter skemaet er udfyldt klikkes på feltet ”Generate files

Amager 06.03.2009

Der genereres de viste tekster, følg vejledningen og kopier dem til ”notepad” men ikke til en hvilken som helst teksteditor. I word eller word-pad vil de genererede tekster opfattes som tekst og ikke kode, hvilket medfører at funktionen ikke fungerer.Nå filerne skal omdøbes kan det ikke gøres i de nye Windows Vista funktioner. Gør det i stedet i one.coms File editor.

Amager 06.03.2009

6.0 Tæller af antal besøgende

Tællerfunktionen tages fra et gratisprogram på Internettet, der er mange forskellige. Det valgte program hentes hos http://freelogs.com/ Følg anvisningerne, den valgte visning er af typen ”ainv”.Når de forespurgte informationer er udfyldt genereres en html kode. Man markerer koden og kopierer den til html koden for den side hvor tælleren skal være. Pas på! Tag back-up før der ændres i html koden. Se afsnittet redigering i html koden.