[ Startside ressurser ] [ Kompendier ] [ Eksamen i fysikk ] [ Lage nettsider ] [ Lage PowerPoint presentasjoner ]

[ Opp ]

Lage nettsider

Av Svein Hoff

Når man skal lage en nettside må denne legges på en nettserver. Den er satt opp slik alle som har tilgang til Internett kan se den. Ditt personlige område på nettserveren her på Høgskolen i Bergen ligger på W. Skal andre se ting du har lagt der forutsetter det at du har lagret det i et format som en nettleser kan lese. Eksempel på nettlesere er Opera, Microsoft Internet Explorer og Firefox. Nye funksjoner blir stadig utviklet på Internett. For at du skal kunne dra nytte av disse må du ha en oppdatert nettleser da eldre versjoner ofte ikke støtter disse. Nye versjoner av nettleserne kan lastes ned gratis fra Internett. For tiden en de nyeste versjonene Explorer 7 og Firefox 1 og Opera 8. Forutsetningen for at disse skal kunne lese et dokument er at det er lagret i et spesielt format som kalles HTML. På mange programmer har en nå muligheten å lagre som HTML og derved lager man en nettside. Nettsider får endingen htm eller html.

Legg imidlertid merke til at PowerPoint presentasjoner ikke trenger konverteres til html da de fleste nettleserer har innebygd en leser for PowerPoint. Microsoft programmer som Word og Excel kan ikke leses direkte av en nettleser, men dersom disse programmene finnes på datamaskinen kan nettleserne koble Word og Excel til dokumenter i disse formatene som ligger på nettet. Siden Microsoft produkter er såpass dominerende vil dette virke fint for de fleste. Fordelen med å beholde dokumenter i original format er at formateringen ved en eventuell utskrift blir bedre. Eventuelt kan man legge ut dokumenter både i html format og original format.

Hvis du har lagret en nettside på W med navnet solsystem, vil du i med windows utforsker kunne se adressen til denne som W:\solsystem.htm. Dette er imidlertid ikke adressen på Internett. Dersom du er student på Høgskolen i Bergen vil nettadressen være http://home.hib.no/studenter/ditt_eget_brukernavn/solsystem. Det er denne adressen du må oppgi til andre som vil se dine sider.

Lage sider med Microsoft FrontPage 2003

Med FrontPage kan du lage enkeltsider, men det mest praktiske er å starte med å lage en Web. Det er et system av sider som du kan tilordne samme layout og der alle sidene kan ha felles områder hvor en kan plassere navigasjonsknapper og bannere. Innenfor et Web kan man dessuten opprette koblinger mellom sidene automatisk ved at man trekker sidene inn i en trestruktur.

Vi skal se på hvordan en lager en slik Web. Du starter med å velge Fil-Ny-Web_område-Web_område_med en side. Hvis du ønsker å lage et web om solsystemet kan du kalle webet solsystemet skriver da i adressefeltet W:\solsystemet. Du får nå opprettet et web og startsiden på dette webet vil ha navnet index.htm. Du vil se en liste over de filene webet består av til venstre på skjermen under mappeliste. Klikker du på index.htm kan du nå skrive inn tekst på startsiden. Deretter lagrer du siden.

Den enkleste måten å lage en ny side på er å velge Vis-Navigasjon. Du passerer markøren på den siden du vil lage en underside til. Deretter høyreklikker du og velger ny side på menyen som kommer opp. Denne får først navnet ny side. Du forandrer navnet til det du selv ønsker mens du er i navigasjonsstrukturen. Du åpner siden ved å dobbeltklikke på den og skriver inn noe tekst for og lagrer siden. Deved vil filnavnet til siden bli det samme som det siden heter i navigsjonstrukturen, noe som gjør det hele mer oversiktelig. Når det gjelder startsiden Index.htm kan du ikke endre dette filnavnet, men du kan endre navnet i til denne siden i navigasjonjonsstrukturen til Solsystemet. Det er navnet som står i navigasjonsstrukturen som kommer frem som sidebanner når siden åpnes som nettside.

For å få frem navigasjonsknapper åpner du en side. Hvis ikke delte kantlinjer er aktivert går du nå inn på Verktøy-Sidealternativer. Der velger du Redigering og haker av i ruten for Delte kantlinjer. Du går så inn i Format-Delte kantlinjer. Her kan du klikke på Alle sider, Øverst, Venstre og Inkluder navigasjonsknapper. Derved vil du se at du får frem navigasjonsknapper. Ved nå å gå inn i navigasjonsfeltet med markøren og trykke høyre musknapp kan du redigere egenskapene til navigasjonsfeltet. Et valg som jeg synes er greit er at man i navigasjonsfeltet oppe på siden velger Sider underordnet startsiden og Startside. I navigasjonsfeltet til venstre er standardinnstillingen Underordnet nivå som regel et greit valg og i tillegg kan man gjerne velge Overordnet side. Med disse innstillingene trenger man egentlig ikke navigasjonsfelt til venstre på selve startsiden. Få frem startsiden, trykk høyre musknapp når markøren er i denne og velg Delte kantlinjer. Her krysser du av for Gjeldende side og Øverst mens du utelater valget for Venstre.

For nå å få en annen layout på sidene kan du gå inn i en side trykke høyre mustast og velge Tema. Se gjennom de ulike temavalgene kan gjøre og velg et. Som reget er det fornuftil å velge dette temet som standartema. Derved vil du se at layout på samtlige sider i weben blir forandret (tar litt tid). Er du ikke fornøyd med temaet du har valgt kan du velge et annet, eventuelt modifisere det valgte tema.

I stedet for å nytte Tema kan du koble sidene til en eller flere CSS filer. Dette er en metode som gir større fleksibilitet og kontroll på layout enn Tema, til gjengjeld må du sette deg inn i hvordan CSS filer lages. Det letteste er ofte å kopiere en CSS fil fra en nettside du liker layout på, modifisere den og så bruke den på dine sider. For å se om sidene du liker nyttes CSS filer kan du se på HTML koden på sidene. Øverst i HTML koden finner du koblingen til CSS filene dersom de nyttes. Du kan se HTML koden ved at du åpner siden i Frontpage og ser på HTML koden. Har du funnet referanse til CSS filer kan du åpner de i Frontpage ved at du nytter nettadressen til siden+referanseadressen til CSS filen. Du kan da redigere CSS filen direkte i Frontpage og deretter lagre den på ønsket web-område. Har du først fått tak i CSS filen er det imidlertid bedre å redigere den et spesialprogram som TopStyle. Du finner en gratisversjon TopStyle light på nettet. Fordelen med å nytte CSS filer er at du kan koble alle sidene i et web til en en eller flere CSS filer ved å velge Koblinger til stilark i Format-menyen i Frontpage. Dersom sidene i webet tildligere hadde et Tema fjerner du det først ved å velge Tema-Ingen tema på Format-menyen. Dersom du nå gjør en forandring i CSS filene vil layout med en gang bli forandret i de tilkoblete sidene.

Du har nå laget en web. Dersom det er svært mange sider ser du de lettere dersom du i navigasjonsvisningen tykker høyre mustast og velger roter slik at navigasjonen går fra venstre mot høyre. Legg merke til at dersom du i navigasjonsvisning drar filene til en annen posisjon, vil lenkene mellom filene automatisk bli oppdatert. Når du er i redigeringsmodus hopper du mellom sidene ved å holde Ctrl inne mens du klikker på lenkene. Ellers skal jo sidene i weben fylles med et innhold. Jeg gjør det ofte ved at jeg skriver teksten i Word velger Rediger-Merk alt i Word kopierer dette og deretter går til Frontpage og velger Lim inn på den aktuelle siden.

Dersom en vil arbeide direkte i Frontpage og vil sette inn bilder, kontrollerer man posisjonen til bildene best hvis man setter de inn i en tabell. Hvis man ikke ønsker at tabellen skal sees på nettsidene holder man markøren inne i tabellen og høyreklikker. I menyen som kommer frem velger en Egenskaper for tabell og der går en på Kantlinje og velger denne til 0. Tabellen vil da ikke vises på nettsiden.

Når man jobber med nettsider er det naturlig å sette inn lenker til andre sider. En måte å gjøre dette på, er å skrive teksten til lenken og markere denne. Deretter trykker du Lenke verktøyet i Frontpage. Du finner så den siden på nettet en vil lenke opp til og markerer adressefeltet til denne. Går du nå tilbake til Frontpage vil du se at adressen til siden har kommet inn i Lenke-menyen. (Hvis ikke må du bruke kopier og lim inn.) I Lenke menyen kan du under Målramme velge om du ønsker at den lenkede siden skal åpne i samme ramme eventuelt ny side.

En annen måte å lenke opp en side på er at du i navigasjonsvisning har markøren på den siden du ønsker en lenke til. Du høyreklikker og i menyen som fremkommer velger du Legg til eksisterende side. Som før finner du siden du vil lenke til på nettet og marker adressefeltet. Du vil se at adressefeltet kommer inn i Lenke menyen. I den siden i navigsjonstrukturen du markerte, vil nå lenken stå til venstre.

Fil-Importer gjør at du kan importere filer, mapper og nettsider til weben. Fil-Publiser webområde gjør at du kan kopiere weben til andre områder.

 Hvis webområdet du lagrer på har Frontpage Server Extensions eventelt SharePoint Services installert, har du mulighet til å lage diskusjonsgruppe. (W området på høgskolen har ikke dette, men leier du et vebhotell vil dette ofte være tilfelle) Du velger Fil-Ny_webområde-veiviser_for_diskusjon, svarer på spørsmålene i veiviseren og derved har du en diskusjonsgruppe, noe som i enkelte sammenheng kan være kjekt å ha. Et problem er imidlertid at slike diskusjonsgrupper har en tendens til å bli hacket og derved er ubrukelige hvis de ikke er beskyttet med passord..

Med Server Extensions/SharePoint Services installert er det og lett å lage en database som virker på nettet. Du kan bare lage et skjema med de feltene du vil ha inn i databasen og gi Frontpage beskjed om å lage denne databasen. Frontpage lager da en Access database og kobler den opp på nettet. Du kan får Frontpage til å lage en interface som gjør at du kan redigere de enkelte poster på nettet. Det vil si sette inn nye poster, slette poster eller rediger innholdet i poster. Dermed har du stort sett det du trenger. Husk bare på at sider der du nytter databaser, må ha endingen asp (for Active Server Pages). Du kan selvfølgelig skrive inn asp kode direkte, men har du ikke nettpublisering som hovedbeskjeftigelse, er dette ting en helst vil unngå. Det kan du stort sett ved å nytte Frontpage da menyvalgene her dekker det meste og du da kan nøye deg med den asp koden Frontpage skriver for deg. Legg merke til at dersom du vil ha en database inn i startsiden i et web så kan du ikke omdøpe Index.htm til Index.asp. Du kan imidlertid omdøpe denne til default.asp og dermed få inn database i startsiden. Dette kan være greit dersom du vil ha et område med nyheter på startsiden.