Lage heimeside - Steg for steg
Denne sida viser deg steg for steg korleis du brukar programmet Heimeside.no til å lage
denne reisesida
.
- Dersom du ikkje har gjort det må du laste ned programmet frå www.heimeside.no. Følg instruksjonane der for innstallasjon.
- Start programmet.
- Trykk Nettstad --> Ny nettstad, deretter Side --> Ny side, for å lage di første side. Du får no opp ei sideoppskrift til venstre og forhåndsvisning av sida til høgre. Alle endringar skal du gjere i sideoppskrifta, altså venstre del av skjermen.
- Trykk Side (i sideoppskrift-delen). Du får då skjermbildet som vist til høgre.
- Tast inn ein tittel på sida under "Sidetittel". Her har vi brukt "Min reiseside"
- Trykk "Hent fil" for å legge inn bakgrunnsbildet, bla deg fram til bildefila du ønskjer å bruke. Ta vekk kryssa for "horisontalt" og "vertikalt repetert", det gjer at bakrgunnsbildet kun ligger i øvre venstre hjørne.Bildet (sola) vi her har brukt finn du her. (klikk med høgre mustast på bildet og velg "Lagre bilde som" for å lagre det på din eigen harddisk).
- Trykk Ny--> Sidedeling (som vist med røde piler til høgre). Dette setter inn to moståande trekantar og to grå felt, den øverste illustrerer starten på sidedelinga og den nedeste slutten. Dvs. at alt som leggast inn mellom desse to tilhøyrer samme delen av sida.
- Ta musa over "sidedelingselementet" som du no har laga (illustrert med rødt kryss til høgre). Det vil då komme opp eit vindu slik som vist til høgre.
- Velg først bakgrunnsfarge blå (trykk på knappen vist med den øverste røde pila til høgre).
- Velg fast posisjon (klikk på "fast" anngitt med den midterste røde pila)
- Trykk så på knappen "Velg posisjon/høgde/breidd". Du får då opp ein boks som du kan flytte rundt og endre størrelsen på ved å dra i kantane. Plasseringa av denne illustrerer plasseringa av sidedelinga (altså av alt du legger inn mellom dei to motståande svarte trekantane).Du plasserer boksen i forhold til forhåndsvisninga. Trykk OK når du har plassert den der du ønksker.
- Du kan også angi tallverdiar for plassering, høgde og breidde av sidedelinga. Vi har verdiane:
Breidd: 170
Høgd: 25
Venstre-side: 7
Topp-side: 111
- Når du no tar vekk musa vil du sjå at du har fått ein blå boks på forhåndsvisninga (forutsatt at du valgte blå bakgrunnsfarge) (som vist til høgre).
- Trykk på bildeikonet for å sette inn eit nytt bilde på sida (vist med den øverste røde pila til høgre).
- Flytt så det nye bildeelementet du har fått på sideoppskrifta inn mellom dei to motståande trekantane som illustrerer sidedelinga (som vist med den bøgde røde pila til høgre). Dette gjer du ved å ta tak i bildeikonet (klikk og hold nede venstre mustast mens du fører musa opp og inn mellom dei to trekantane.
- Ta musa over bildeelementet slik at du får opp den grønne boksen (vist til høgre). Bildet vi no skal legge inn er flyikonet som du finn her.
- Finn bildet med å trykke "Hent fil" og finne bildet på harddisken (flyikon.gif)
- Sett inn ein ny link på sida ved å klikke på ikonet vist med rød pil til høgre.
- Dra det nye link-elementet inn mellom bildet og "slutt på sidedeling", som vist til høgre.
- Skriv inn "Hovedside" som tekst i linkelementet.
- Skriv inn "hovedside.htm" i adressefeltet.
- Trykk no Fil --> Lagre, og skriv inn "hovedside". Filnamnet på sida blir då "hovedside.htm". Det gjer at linken vi no har laga peikar til sida sjølv.
- Marker alle elementa. Det gjer du ved å halde nede CTRL-tasten og trykke venstre mustast på ikona til alle elementa (vist med dei fire tynne røde pilene til høgre). Du ser at alle elementa er markert ved at dei er blitt blå.
- Slepp CTRL tasten. Trykk så på høgre mustast, slik at du får opp menyen som er vist til høgre. Trykk på "Kopier element".
- Trykk no på høgre mustast over den nederste grå linja i sideoppskrifta. Trykk så "Lim inn element". Du skal no ha fått tilsaman 8 element i sideoppskrifta, der dei første fire og siste fire er heilt like.
- Ta musa over den nederste "sidedelingsstarten".
- Vi skal no sette "Topp-side",dvs. avstanden frå toppen av sida og ned til sidedelinga (i pixelar). Den øverste sidedelinga har angitt 111, og har høgde 25. I tillegg vil vi ha eit lite mellomrom mellom dei, ca. 5 pixelar. "Topp- side" på dette elementet blir då 111 + 25 + 5 = 141. (Du kan også velge posisjonen til sidedelinga slik du gjorde istad, ved å trykke "Velg posisjon/høgde/breidd"
- Ta så musa over bilde-elementet, og velg bildet banbuts.gif.
- Ta så musa over link-elementet og sett link-adresse til vietnam.htm (HUGS dette filnamnet slik at du veit kva du skal kalle neste sida du lager). Skriv også inn "Vietnam" som tekst. Du skal no ha fått det slik som vist på illustrasjon til høgre.
- Gjer no på same måten for å sette inn dei tre siste meny linkane. Bilde-ikona finn du her:
beachikon.gif
kefaikon.gif
linkikon.gif
- Trykk altså først på høgre mustast på nederste grå felt i sideoppskrifta, velg "Lim inn element". Forandre "Topp-side", neste blir 141+25+5 = 171, neste 201, og siste 231. Meny elementa skal linke til rhodos.htm, kefalonia.htm og linkar.htm.
- Til slutt skal du ha fått ein meny med fem sider, som vist til høgre.
- No må vi sette inn ei ny "usynleg" sidedeling rundt menyen. Dette er for å hindre at vi skriv oppå den menyen vi allerede har laga.
- Trykk Ny->Sidedeling, ta musa over og sett:
Breidd: plassering av menyelementa + breidda til desse + litt mellomrom = 7 + 170 +7 = 184
Høgd: plassering til nederste menyelement + høgda til dette + litt mellomrom = 231 + 25 + 15 = 271
- Sidedelinga skal vere "Flytande" og "Venstrejustert" (trykk på knappen markert med lang rød pil til høgre). Dette gjer at resten av elementa som vi setter inn på sida, skal flyte til høgre for menyen.
- Sett inn nytt tekstelement på sida ved å trykk på ikonet vist av den øverste røde pila til høgre.
- Skriv inn tekst "Reisesida mi".
- Velg font-type ved å trykke på knappen vist med rød pil. Vi har valgt fonttype "Comic Sans MS" med størrelse 40.
- Har også satt innrykk til 37%, og valgt blå farge på teksten.
- Sett inn nytt bilde.
- Trykk hent fil og velg "25Myrtos Beach.jpg". denne finn du her
- Trykk på knappen "Bildebehandling". Du kan no:
- Endre størrelsen på bildet ved å dra i kantane
- Stille bildekvalitet og forminske nedlastingstida til bildet (filstørrelsen). Vi har her valgt kvalitet 50, trykk deretter "Vis" for å sjå korleis bildet ser ut i denne kvaliteten og kor stor filstørrelsen er.
- Klikk for høgrejustering av bildet (slik at teksten flyt til venstre for bildet)
- Kan no sette inn eit nytt tekstelement og skrive inn ein del tekst. Merk då korleis teksten flyt til rundt bildet og rundt menyen.
- Kan trykke "Explorer"-tasten (vist med rød pil), for å vise forhåndsvisninga maksimert.
- Merk då at heile vindusstørrelsen blir utnytta. Det gjer at sida ikkje ser prikk lik hos alle som leser den, men at ein får vist meir dess større nettlesarvinduet er.
- Trykk offskrift-knappen (vist med rød pil) for å gå tilbake til å sjå oppskrifta side om side med forhåndsvisninga.
- Vi vil no lage dei andre sidene i nettstaden (vietnam.htm, kefalonia.htm osv..). Vi vil at desse skal ha den samme menyen og den samme overskrifta, "Reisesida mi", som denne sida har. Enklaste måten å gjere dette på er å lage ei elementgruppe av dei aktuelle elementa.
- Vi må då markere alle elementa som høyrer til menyen og overskrifta. Hold nede CTRL-tasten mens du klikkar på alle ikona, slik at alle elementa blir blå. Du må altså markere alle element til og med tekst elementet "Reisesida mi".
- Når du har markert alle, trykker du høgre mustast og "Lag elementgruppe". Tast inn namn på elementgruppa, fks. "Meny".
- Klikk Side --> Ny side, for å lage ei ny side. Legg merke til at sida får automatisk samme tittel og samme bakgrunn som den forige. Dette kan du sjølvsagt endre om ønskjeleg.
- For å sette inn menyen trykker vi no berre Ny --> Elementgruppe --> Meny. Då vil menyen som vi lagde på forige side komme opp på denne sida.
- Trykk Fil --> Lagre, og tast inn filnamn. Dette hugsar vi måtte vere "vietnam.htm".
- Gjer så det samme med resten av sidene vi skal lage (rhodos.htm, kefalonia.htm og linkar.htm), slik at vi har menyen på alle sidene.
- Du kan enkelt skifte mellom å jobbe på dei ulike sidene v.hj.a. vindu-menyen.
- Etter at alle sidene er ferdig er det på tide å legge ut på internett. Hugs å lagre alle sidene før vi legger ut.
- Trykk Nettstad --> Legg ut på internett
- Svar "Yes" på spørsmål om du ønsker å angi ei hovedside. Velg hovedside.htm og trykk OK.
- Maskina koblar no opp mot internett og spør om du ønsker å få tildelt heimesideplass på heimeside.no. Visst ja: - registrer riktig informasjon (namn, epost, brukarnamn og passord) og trykk registrer.
- Brukarnamn og passord blir automatisk fylt inn etter registrering.
- Trykk "Start filoverføring" for å legge ut filene på nettet.
- Du får melding om adressa til heimesida (fks. http://www.heimeside.no/reiseside) etter at utlegginga er ferdig. Noter deg denne adressa.
Dersom du fortsatt ikkje forstår så mykje etter å ha gått igjennom denne sida, anbefalar eg at du går igjennom ein gong til. No har du eit meir heilheitleg bilde av kva som blir gjort slik at du bedre vil forstå detaljane i det som blir gjort.