Hvordan å lage og publisere ditt personlige visittkort

Transkript

1 Hvordan å lage og publisere ditt personlige visittkort Av Asle Skauge Dette skal være en bruksanvisning som alle kan følge for å få lagt ut sitt personlige visittkort på internett. Hensikten med et slikt visittkort er selvfølgelig at det skal være mulig å finne fram til ansatte og informasjon om de ansatte på en så lettfattelig måte som mulig. Visittkortet vil også hjelpe oss alle å forbinde navn med ansikter da visittkortet publiseres med bilde. Jeg har prøvd å ta hele prosessen helt fra bunnen av slik at de av dere med minst kunnskap om internett og html skal klare å gjøre dette ved å følge denne manualen. Det er viktig at alle behersker dette slik at dere selv kan redigere og oppdatere informasjonen på eget visittkort senere.. Det er laget ferdige maler som vi skal benytte når vi skal produsere denne siden. Jeg kommer tilbake til hvor disse kan hentes før vi begynner å bearbeide dem. For å kunne publisere dokumenter på internett må man ha tilgang på en webserver der dokumentene kan legges ut. Alle ansatte får tilgang til en slik gjennom Windows explorer, eller Windows utforsker som filbehandleren heter på norsk. Se bilde under: (1 of 6) [ :29:45]

2 De fleste av oss får stasjonen Q: opp gjennom påloggingsscriptet som kjører hver gang vi logger oss på nettverket. Dersom du mangler bokstaven Q: i Windows Explorer må vi prøve å legge den til manuellt. Dette gjøres på følgende måte: Åpne Windows Explorer, gå på Tools (Norsk: Verktøy) menyen og velg 'Map Network Drive' (N: Koble til nettverksstasjon). Følgende dialogboks skal da komme opp: Fig 1 Under Drive velger du bokstaven Q: Under Path skriver du: \\alfa-nt\dittbrukernavn I feltet Connect As kan du skrive: ntnu-a\dittbrukernavn. Brukernavnet er det samme som du bruker når du logger deg inn på systemet. Husk å krysse av for Reconnect at Logon. Trykk OK og Nettverksdrevet Q skal være lagt til i din Windows Explorer. Merk at når dette gjøres manuellt må du gjenta denne prosessen hvis du skal jobbe mot Q: på en annen maskin. Når du har tilgang på Q:, har du tilgang på webserveren. Vi må nå opprette mapper på denne serveren etter et mønster slik at stien til visittkortet blir lik for alle. Dette forenkler administrasjonen når alle visittkortene skal linkes fra en bestemt hovedside. Det du gjør er følgende: Åpne Windows Explorer slik som vist i figur 1. Klikk på stasjon Q: slik at alle filer som er på denne stasjonen blir vist i ruta til høyre. Hvis det ikke er en katalog ved navn public_html der, må denne lages. Høyreklikk i høyre del av Windows Explorer, velg New - Folder. Gi denne mappen navnet public_html. Når mappen public_html er opprettet, går du inn i mappen. Her lager du nok en ny katalog på samme måte som over. Gi Fig 2 (2 of 6) [ :29:45]

3 denne mappen navnet personlig_presentasjon. Det er i denne mappen visittkortet skal ligge. Nå er alt lagt til rette for at vi kan publisere visittkortet. Det vi må gjøre nå, er å lage visittkortet ved å redigere filen personlig_info.txt som finnes på stasjon K: under K:\Felles datafiler\asle\personlig_presentasjon\ slik som vist på figuren under: Fig 3 Kopier filen personlig_info.txt fra denne mappen og legg fila i mappen personlig_presentasjon under public_html katalogen på stasjon Q. Høyreklikk på fila og velg copy. Gå inn i mappen personlig_presentasjon under stasjon Q, høyreklikk og velg paste. Når du har gjort dette, åpner du fila fra stasjon Q. Vi skal nå redigere fila slik at den tilpasses deg. Når du åpner fila personlig_info vil den virke noe uoversiktelig. Det som skal redigeres/endres i fila er skrevet med STORE BOKSTAVER. Se figur 5: Fig 4 Fig 5 (3 of 6) [ :29:45]

4 Sett markøren øverst til venstre i vinduet og bruk piltastene til å manøvrere i fila. Det første vi skal endre er teksten 'HER SKRIVER DU NAVNET DITT'. Slik: Pass på at du KUN endrer teksten 'HER SKRIVER DU NAVNET DITT' og ikke sletter andre tegn i fila f.eks: < eller / i </title>. Dette vil ødelegge formateringen på dokumentet, og siden vil ikke vises på riktig måte på Internett. Vi må derfor være meget forsiktige her. Nedenfor vises alle tekststrenger som du skal bytte ut med egen informasjon. Bruk piltastene og vær forsiktig. Skulle du komme til å slette noe du ikke skulle ha slettet, og ikke husker hva du slettet, må du slette fila på Q: og kopiere den inn fra K: igjen. Du må med andre ord begynne helt på nytt for å være helt sikker på at ting blir riktig. Det er 18 forskjellige steder i dokumentet der du må redigere innholdet hvis jeg talte riktig: Fig 6 Hvis du ikke har en egen hjemmeside, eller ikke vil skrive om dine faglige til å begynne med, kan du la være å redigere disse feltene i denne omgang. Du kan videreredigere fila ved en senere anledning. Når du har redigert ferdig denne fila skal den lagres. Velg File - Save og lagringen er foretatt med de endringer du har gjort. Det skal være tatt bilde av deg med navnet dittbrukernavn.jpg. Dette bildet skal legges i personlig_presentasjonsmappen din på stasjon Q. Teksten i linje 5 i Fig 7 over ( "NAVNET PÅ BILDET DITT.JPG") må være med små bokstaver, for mitt vedkommende asle.jpg (dittbrukernavn.jpg). Bildefila asle.jpg som skal ligge i personlig_presentasjon mappen må også ha små bokstaver. Hvis det er misforhold mellom navnet på bildefila dittbrukernavn.jpg og <img SRC="dittbrukernavn.jpg" når det gjelder små og store bokstaver slik det er her, vil ikke bildet vises på internett. Husk på å benytte små bokstaver begge steder Vi skal nå gjøre om textfilen personlig_info.txt til en html fil (personlig_info.html) slik at den kan leses av en webleser. Dette gjøres på følgende måte: Fig 7 (4 of 6) [ :29:45]

5 Åpne Windows Explorer Klikk på Stasjon Q: - gå inn i katalogen public_html - gå inn i underkatalogen personlig_presentasjon. I denne mappen skal det nå ligge to filer, personlig_info.txt og dittbrukernavn.jpg Åpne textfilen personlig_info.txt Gå på filmenyen (File) og velg save as. Da kommer følgende boks opp: Fig 8 Du skal gjøre følgende: I boksen Save in: må du bla deg frem til Q:\public_html\personlig_presentasjon hvis denne ikke kommer opp direkte. I boksen File name skal du endre filnavnet fra personlig_info.txt til personlig_info.html. VIKTIG: I boksen Save as type: må du velge All Files. Hvis du ikke gjør dette vil fila lagres med filnavnet personlig_info.html.txt og fila kan ikke leses fra Netscape eller Internet Explorer. Etter dette skal det være 3 filer i katalogen personlig_presentasjon. Dette er personlig_info.txt, personlig_info.html og dittbrukernavn.jpg Nå skal alt være i orden og du kan se på visittkortet ditt med webadressen Når du i fremtiden skal gjøre endringer på visittkortet ditt, åpner du fila personlig_info.txt, redigerer denne og lagrer som personlig_info.html slik som vist over. Engelsk utgave av visittkortet Det skal også lages en engelsk utgave av visittkortet. For å kunne gjøre dette må vi editere fila personlainfo_eng.txt som ligger under mappen engelsk på samme sted (K:) som du hentet personlig_info.txt (5 of 6) [ :29:45]

6 Fig 9 Denne fila heter personalinfo_eng.txt. Kopier fila til personlig_presentasjon mappen på stasjon Q. Det er ingen forskjeller i måten denne fila skal redigeres på i forhold til personlig_info.txt. Når fila er ferdigredigert skal den lagres på samme måte som personlig_info.html, dvs som personalinfo_eng.html i mappen personlig_presentasjon på stasjon Q: Følg prosedyren for kopiering og redigering for personlig_info som vist tidligere. Når du er ferdig med redigering og har lagret peronalinfo_eng.html har du 5 filer i katalogen personlig_presentasjon: Den engelske utgaven av visittkortet finnes da på denne adressen: Fig 10 Så snart dette er i orden for ditt vedkommende sender du meg en MAIL slik at jeg kan legge deg til på min oversiktsside som du selv kan ta en titt på ved å klikke HER Redaktør: Øystein Vennesland, Kontaktadresse: Asle Skauge, Sist oppdatert: (6 of 6) [ :29:45]