Når du skal jobbe med nettsidene på en av maskinene ved HiO kan du jobbe direkte på M:. Dersom du jobber hjemmefra, må du koble deg på HiOs maskiner ved å bruke VPN og FTP, som forklart i trinn 6.
Innhold:
Studentenes webserver ligger på M:-området. For å kunne jobbe med et nettsted må du derfor starte med å koble deg til M:.
Du kan koble deg til M: både på skolen og hjemmefra. Hvis du jobber hjemmefra, finner du en forklaring på dette i trinn 6.
For å koble deg til stasjonen M: er det to muligheter på skolens maskiner. En vanlig måte er å gå inn på "Start"-menyen, velge "JBI-bibin" og "koble til bibin.hio.no", som vist under.
Du får da opp et lite, sort vindu, som forsvinner igjen med én gang. Det betyr at du er koblet til stasjonen.
Dersom du får problemer med å gå via startmenyen på maskinen, kan du på en alternativ måte logge deg på M:. Dette gjøres ved å dobbelklikke på ikonet "Mine nettverkssteder" på skrivebordet. Når vinduet åpnes, går du til Verktøylinjen og velger "Koble til nettverksstasjon...", som vist på bildet under.
Du får da opp et nytt vindu. Her velger du først stasjon. Det gjøres ved å trykke på pilknappen ved "Stasjon", og velge M: i menyen som kommer frem:
Når M: er valgt, skriver du i mappefeltet hvor du vil kobles til. Der skal det stå \\bibin\s999999. Istedenfor s999999 skriver du ditt eget studentnummer.
Det skal ikke være nødvendig å skrive inn brukernavn eller passord, men kommer det spørsmål om det, er det det samme som for å logge seg på skolens maskiner.
Den første filen du skal opprette er indeksfilen. Den vil være startsiden på ditt nettsted. Trykk på "Start"-menyen, "Programmer" og "Textpad" (som vist under).
Du får da opp et vindu som ser slik ut:
Trykk på "File" og velg "Save as...":
I vinduet som kommer opp, skriver du index.html i feltet "Filnavn". Trykk deretter på pilen ved "Filtype", slik at rullegardinmenyen blir synlig. Her velger du "All files (*.*)".
Filen skal lagres i mappen public_html på M:-området.
NB! Det er lurt å alltid bruke små bokstaver i mappe- og filnavn når du lager nettsider, og å unngå norske bokstaver og spesialtegn.
Du kan bruke hvilken som helst teksteditor som lagrer ren tekst (for eksempel Notepad (Notisblokk) eller Textpad), men ikke programmer som Word eller Wordpad. Det er fordi disse programmene legger til egne koder.
Det anbefales å bruke Textpad, fordi der vil kodene få en annen farge enn selve innholdet på nettsiden. Det gjør det lettere å holde oversikt over og arbeide med siden.
Du kan nå starte utformingen av nettsiden ved å skrive koder og innhold i filen index.html.
Det er lurt å starte med å sette inn de obligatoriske XHTML-elementene:
Når elementene i listen over er satt inn på siden, er XHTML-skjelettet ferdig, og siden kan fylles med innhold. Dette plasseres i elementet body, mellom taggene <body> og </body>. Her kan du i første omgang sette inn en tittel og en liten tekst til eventuelle besøkende om at nettsidene er under arbeid. Tittelen kodes som en overskrift på øverste nivå ved å bruke <h1>. Til det lille tekstavsnittet brukes <p> (paragraph), som indikerer at dette er et avsnitt. (Se figuren under for eksempel på konkret koding med disse elementene.)
I Textpad vil skjelettet se slik ut:
Åpner du filen i en nettleser vil siden se slik ut:
Som det fremgår av illustrasjonen over, er det bare teksten i body-elementet som blir synlig i nettleseren. I tillegg er innholdet i title-elementet synlig i det blå feltet øverst i nettleseren.
Adressen til din nettside vil være http://bibin.hio.no/~studentnummer/.
Har du studentnummer s999999 blir adressen til ditt nettsted http://bibin.hio.no/~s999999/. Åpne nettleseren og skriv inn denne adressen. Dersom du gjør endringer på filen din, må den kopieres over på nytt, og nettleseren må oppdateres.
Hvis du jobber hjemmefra, og vil publisere nettsider derfra, kan du bruke et SFTP-program for å overføre filer. Dette krever at du først definerer ett passord til bruk av SFTP: http://bibin.hio.no/sftp/
Når du har skaffet deg ett passord, kan du bruke et SFTP-program til å overføre filer med. For Windows kan du for eksempel laste ned FileZilla, som er et bra program som også brukes ved HiO. Vent et lite øyeblikk etter at du har trykket på lenken, så kommer det opp et nedlastingsvindu i nettleseren. Velg Åpne og følg instruksjonene på skjermen for å installere programmet.
Start programmet etter at du har installert. Velg File → Site Manager. Deretter klikker du på New Site. Kall «siten» for bibin.hio.no og fyll ut skjermbildet du får opp som forklart under.
Ferdig utfylt ser vinduet slik ut:
Velg Save and Exit.
Det du har gjort nå, trenger du bare gjøre én gang. Hver gang du fra nå av skal bruke FileZilla, kan du velge File → Site Manager og klikke på bibin.hio.no.
Den venstre delen av vinduet viser filene dine på PC-en du jobber fra. På høyre side er filene på bibin.hio.no og mappen public_html. Du kopierer filer fra PC-en til bibin.hio.no ved å dra dem over fra venstre til høyre del av skjermbildet. NB! åpne mappen public_html i høyre del av vinduet før du flytter over filene, slik at de havner på korrekt sted.
David Massey