Norges Webmaster Portal
Hvordan lage din egen hjemmeside?



Hva trenger jeg for å starte?
Det vanskeligste er å komme i gang - å slå hull på egget med andre ord. Når du først har startet å bygge opp din egen hjemmeside, vil nye idéer komme til deg automatisk og du klarer bare ikke stoppe å bygge nye sider med nytt innhold. Hvorfor? Fordi det er gøy og veldig kreativt, og du kan lett nå fram til hele verden og fortelle (eller vise) folk hva du vil de skal vite (eller se) ansikt til ansikt - helt gratis! Vel, nesten helt gratis...

For å lage din egen hjemmeside trenger du
  • lysten til nettopp å gjøre det.
  • en datamaskin, en tekst-editor (f.eks. WordPad eller WordPerfect) og tilgang på Internet (siden du kan lese dette, gjetter jeg på at du allerede har alt sammen). Men du trenger ikke tilgang på Nettet hvis du bare skal kjøre siden din på din egen datamaskin hjemme. I begge tilfeller trenger du derimot en browser (f.eks. Microsoft Internet Explorer eller Netscape) for å se sidene dine (en slik nettleser som du nå bruker får å se det som står skrevet her).
  • en idé om hva for slags innhold siden skal ha, budskapet, emnet, hensikten og hva for slags mottakere du sikter på å tiltrekke deg (skriv om noe du har god innsikt i, slik at du kan bidra med noe nyttig på Nettet og hjelpe til med å gjøre det til en informasjonskilde for de som søker opplysninger og fakta, og ikke til en eneste stor søppelkurv).
  • en idé om layout, språket (norsk eller engelsk) og hva som ikke kan bli behandlet innen de rammebetingelsene som er satt. Grafikk, lyd og effekter er kult å bruke, men slikt gjør siden din treg å laste inn og det er irriterende. Men hvis du vil bruke et bilde eller to som illustrasjoner på hjemmesiden din, trenger du ingen scanner eller digitalt kamera; du kan (på lovlig vis) laste ned tonnevis av slikt fra Nettet gratis og tegne bildene dine selv i alt fra Paint(brush) til Bryce 3D. Alle andre effekter som Flash og annet som krever at de som skal se dem må laste ned et program fra Nettet først, må absolutt ikke brukes med mindre du kun ønsker å tilrekke deg besøkende som du tror har slikt installert allerede eller som gidder å installere det for å se på din side (begge deler er lite sannsynlig).


Hvordan lager jeg html-kodene?
HTML står for HyperText Markup Language og er "programmeringsspråket" som benyttes i Internet-sammenheng. Det forteller ved hjelp av koder (og noe som kalles tags) datamaskinen (eller rettere sagt browseren) hvordan den skal behandle og vise en nettside på skjermen. Det generelt korrekte formel-oppsettet for en HTML tag er <TAG_NAVN>tekst</TAG_NAVN> (hvor TAG_NAVN forteller hvor den aktuelle tag-funksjonen starter og /TAG_NAVN forteller hvor tag-funksjonen ender - tag-funksjonen gjelder for alt mellom disse to). Lukk alltid dine tags (de som trenger å bli lukket) ved å bruke </TAG_NAVN>, ellers kan mange rare ting hende på siden din som aldri var ment å skje. Prøv å huske det magiske formularet: <TAG_NAVN>tekst</TAG_NAVN>

Som et eksempel endrer denne tag skrift-fargen: <FONT COLOR="CC0000">Advarsel</FONT> På skjermen ser det slik ut: Advarsel. Du kan endre farge på bakgrunnen og på andre elementer på samme måte ved å bruke tags som gjør jobben (BGCOLOR, TEXT, LINK, VLINK, ALINK (BACKGROUND brukes for å spesifisere et bilde som bakgrunn)). De følgende tabellene bruker du for å finne fram til den korrekte koden for den fargen du ønsker å benytte (den første viser de vanligste fargene, som oftest er mer enn nok for å dekke ditt behov, men hvis du enda ikke har funnet fargen du leter etter når du har kommet til den aller siste farge-tabellen, må du gjøre jobben manuelt ved å bruke de grå "RGB"-knappene som befinner seg nedenunder farge-tabellene):

000000
333333
666666
999999
CCCCCC
FFFFFF
FFCCCC
FFFFCC
CCFFCC
CCFFFF
CCCCFF
FFCCFF
CC9999
CCCC99
99CC99
99CCCC
9999CC
CC99CC
996666
999966
669966
669999
666699
996699
CCFF99
99FF99
99FFCC
99FFFF
99CCFF
9999FF
CC99FF
FF99FF
FF99CC
663333
CC6666
CC9966
666633
CCCC66
99CC66
336633
66CC66
66CC99
336666
66CCCC
6699CC
333366
6666CC
9966CC
663366
CC66CC
CC6699
FF6666
FF9966
FFCC66
FFFF66
CCFF66
99FF66
66FF66
66FF99
66FFCC
66FFFF
66CCFF
6699FF
6666FF
9966FF
CC66FF
FF66FF
FF66CC
FF6699
993333
996633
999933
669933
339933
339966
339999
336699
333399
663399
993399
993366
CC3333
CC6633
CC9933
CCCC33
99CC33
66CC33
33CC33
33CC66
33CC99
33CCCC
3399CC
3366CC
3333CC
6633CC
9933CC
CC33CC
CC3399
CC3366
FF3333
FF6633
FF9933
FFCC33
FFFF33
CCFF33
99FF33
66FF33
33FF33
33FF66
33FF99
33FFCC
33FFFF
33CCFF
3399FF
3366FF
3333FF
6633FF
9933FF
CC33FF
FF33FF
FF33CC
FF3399
FF3366
330000
660000
990000
CC0000
FF0000
FF3300
CC3300
993300
FF6600
663300
CC6600
FF9900
996600
CC9900
FFCC00
333300
666600
999900
CCCC00
FFFF00
CCFF00
99CC00
669900
99FF00
336600
66CC00
66FF00
339900
33CC00
33FF00
003300
006600
009900
00CC00
00FF00
00FF33
00CC33
009933
00FF66
006633
00CC66
00FF99
009966
00CC99
00FFCC
003333
006666
009999
00CCCC
00FFFF
00CCFF
0099CC
006699
0099FF
003366
0066CC
0066FF
003399
0033CC
0033FF
000033
000066
000099
0000CC
0000FF
3300FF
3300CC
330099
6600FF
330066
6600CC
9900FF
660099
9900CC
CC00FF
330033
660066
990099
CC00CC
FF00FF
FF00CC
CC0099
990066
FF0099
660033
CC0066
FF0066
990033
CC0033
FF0033





Kode bak nettsiden
Vist på nettsiden
<H1>No1onThe.Net</H1>

No1onThe.Net


<H2>No1onThe.Net</H2>

No1onThe.Net


<H3>No1onThe.Net</H3>

No1onThe.Net


<H4>No1onThe.Net</H4>

No1onThe.Net


<H5>No1onThe.Net</H5>
No1onThe.Net

<H6>No1onThe.Net</H6>
No1onThe.Net

<FONT SIZE=0>No1onThe.Net</FONT>
No1onThe.Net
<FONT SIZE=+1>No1onThe.Net</FONT>
No1onThe.Net
<FONT SIZE=+2>No1onThe.Net</FONT>
No1onThe.Net
<FONT SIZE=+3>No1onThe.Net</FONT>
No1onThe.Net
<FONT SIZE=+4>No1onThe.Net</FONT>
No1onThe.Net
<B>Uthevet</B>
Uthevet
<I>Kursiv</I>
Kursiv
<U>Understreket</U>
Understreket
<TT>Skrivemaskin skrift</TT>
Skrivemaskin skrift
<STRIKE>Overstrøket tekst</STRIKE>
Overstrøket tekst
<BIG>Stor skrift</BIG>
Stor skrift
<SMALL>Liten skrift</SMALL>
Liten skrift
<FONT COLOR="FF0000">Red Light District</FONT>
Red Light District
<CENTER>No1onThe.Net</CENTER>
No1onThe.Net

Kombinasjoner kan se slik ut:
<CENTER><FONT COLOR="206020" SIZE=+1><I>Kombinasjon av 4 tags</I></FONT></CENTER>
Kombinasjon av 4 tags


HTML er veldig fleksibelt og kombinasjoner er lette å lage. Bruk bare hjernen og husk å lukke funksjonene du har satt aktive med start-tags med stopp-tags der du ønsker å sette dem passive igjen (deaktivisere dem). Men du må være klar over at HTML er et språk i utvikling og at forskjellige "World Wide Web"-browsers eller nettlesere (som Microsoft Internet Explorer og Netscape) ikke alltid gjenkjenner de samme settene av HTML-elementer (eksempler på sådanne er de tre tags BLINK, MARQUEE og JUSTIFY). Dette er både kjedelig og hårreisende på èn gang, for det rammer alle som bruker Nettet hver eneste dag. Gjør siden din så enkel du kan, og flest mulige vil se den slik du mente å lage den. Mere fiksfakseri betyr mye mer som kan gå galt og skjære seg. Hva du har lært til nå er veldig grunnleggende og enkelt. La oss ta en titt på noen av de mer kompliserte elementene du kan ta i bruk:

Kode bak nettsiden
Vist på nettsiden
<IMG SRC="klode.gif">

<A HREF="heidi.wav">Klikk her for å høre lyd</A>
Klikk her for å høre lyd
<A HREF="heidi.wav"><IMG SRC="klode.gif" ALT="Klikk her for å høre lyd"></A>Klikk globus for lyd
Klikk her for å høre lydKlikk globus for lyd
Ikke tvungen
linjeskift<br>Tvungen linjeskift
Ikke tvungen linjeskift
Tvungen linjeskift
Dette      vil     ikke      hjelpe<br>
Bruk "&nbsp;"&nbsp;&nbsp;&nbsp;&nbsp;4 mellomrom
Dette vil ikke hjelpe
Bruk "&nbsp;"    4 mellomrom
Huske å ta med meg på ferie:
<ul>
<li>tannbørste
<li>pass
<li>kondomer
</ul>
Huske å ta med meg på ferie:
  • tannbørste
  • pass
  • kondomer

Gjøremål på mandag:
<ol>
<li>Spise frokost
<li>Gå på skolen
<li>Spise middag
</ol>
Gjøremål på mandag:
  1. Spise frokost
  2. Gå på skolen
  3. Spise middag

Triologien så langt:
<dl>
<dt>Bok en
<dd>Kap 1 "Begynnelsen"
<dd>Kap 3 "Historien"
<dd>Kap 3 "Avslutningen"
<dt>Bok to
<dd>Kap 1 "Tilbakekomsten"
</dl>
Triologien så langt:
Bok en
Kap 1 "Begynnelsen"
Kap 3 "Historien"
Kap 3 "Avslutningen"
Bok to
Kap 1 "Tilbakekomsten"

<CENTER>
Over horisontal strek<hr>Under horisontal strek
</CENTER>
Over horisontal strek
Under horisontal strek

&#77;&#64;&#105;&#108 Bytt ASCII numerisk verdi
M@il Bytt ASCII numerisk verdi

HTML gjør det lett for deg å lage flere sider og kombinere dem (lage en site eller et nettsted). Du bokstavelig talt linker dem sammen og gjør det mulig for dine besøkende å hoppe fra en side til en annen eller innen samme side. Her er fremgangsmåten for hvordan du gjør det ved hjelp av såkalte anchors og hyperlinks (ikke glem selve link-teksten (eller grafikken) å klikke på for å aktivisere hoppet og å bruke </A> for å lukke hver og èn link-tags etter dens link-tekst):

<A HREF="#navn"> linker til et sted på samme side definert ved <A NAME="navn">
<A HREF="url"> linker til en annen side (eller fil) hvorhen du vil (URL=nett-adressen)
<A HREF="url#anchor_navn"> linker til et sted på en annen side (kombinasjon av de to)

Som et eksempel, setter jeg denne linjen til å være (eller hete) "test" ved å skrive <A NAME="test"> . Et annet sted på denne siden ønsker jeg å linke til dette eksempelet. Hvorfor? Fordi det kan være hensiktsmessig og greitt fra en meny på toppen av siden å kunne hoppe direkte til et bestemt avsnitt, slik denne siden faktisk har mulighet for. For å vise deg, lager jeg en akkurat her og nå ved å skrive <A HREF="#test">se eksempelet</A> se eksempelet som du kan klikke på. Som et annet eksempel, vil jeg linke til en fil, ikke får å åpne den, men for å laste den ned på din datamaskin. Den inneholder flere HTML-tags som du kan prøve ut, men er foreløpig kun skrevet på engelsk. Klikk her for å få den.


Den grunnleggende strukturen (teknisk nødvendig) i en HTML-side er:

<HTML>
<HEAD>
<!-- her kan du oppgi mer informasjon om html-dokumentet (vil ikke synes på nettsiden) -->
</HEAD>
<BODY>
<!-- html som vil være synlig -->
<!-- html som vil være ... -->
<!-- html som vil ... -->
<!-- html som ... -->
<!-- html ... -->
</BODY>
</HTML>

Elementer som vanligvis er plassert i head-seksjonen er ofte kompliserte å forstå og de fleste kan klare seg foruten dem. Det er derfor jeg har besluttet å utelate dem i denne opplæringen. Men denne er lett <TITLE>Tittelen på hjemmesiden din skrives her</TITLE> og nyttig. Alle tags nevnt andre steder på denne siden skal normalt plasseres i body-seksjonen. Teksten mellom kommentar tags <!-- info skrives her --> vil ikke synes på en nettside, men kan bli lest ved at man ser på HTML-kodene bak den. Det er som den gode gamle BASIC-kommandoen REM (hvis du var en "CBM 64"-bruker tilbake tidlig i 80-åra), og mens vi først snakker om det: Det finnes ingen kommando tilsvarende ? (PRINT) eller DOS sin ECHO fordi alt som ikke står i <> vil bli skrevet på skjermen automatisk.

No1onThe.Net lover alltid å fortelle bort sine hemmeligheter, og når det kommer til HTML er veien til suksess å finne en side du liker på Nettet, og så ta en titt på koden og alle tags bak den. Kopier kodene, endre innstillinger og lime dem inn i din egen hjemmeside-kode. Prøv å bygge deg en hjemmeside ved å lære av hva andre har gjort. Ingen eier eller har copyright på å bruke HTML-tags på sine sider, men hele layouts og bilder o.s.v. må du ikke bruke uten å få tillatelse først. Og ikke kjøp dyre programmer ment for å hjelpe deg å bygge en hjemmeside. Bruk Notisblokk eller WordPad (hvis du hater Micro$oft, bruk WordPerfect). Uansett, vær snill enten å lage deg en hjemmeside for å innhente informasjon eller for å gi informasjon. Ikke lag hjemmesider med en masse personlige opplysninger om deg selv, din familie, navnet på bikkja di og på alle fiskene i akvariet ditt o.s.v. - sannheten er at ingen vil vite alt det der! Det er nok søppel på Nettet som det er allerede!


Hvilke elementer kan jeg bruke?
Du kan bruke følgende elementer på din hjemmeside: Tekst, grafikk (bilder, tegninger og animasjoner), lyd og film-snutter. Jeg vil nå si litt om hver av disse og også gi deg noen eksempler (om du fortsatt ikke har lastet ned dokument-filen med flere HTML-tags i, så gjør det nå, for de kommer du garantert til å få nytte av ved bruk av overnevnte elementer og også om du skal bygge opp tabeller (tables) eller rammer (frames). Dokumentet er som før nevnt på engelsk (en fortidslevning fra da No1onThe.Net i sin spede barndom var mitt hacker-relaterte nettsted på engelsk). Klikk her får å laste ned dokumentet):
  • OM FONTER: Fonter (eller skrift-typer på norsk) kan være med på å sette sitt preg på din hjemmeside. For eksempel vil en gotisk eller gammel-engelsk skrift-type skape den rette stemningen på en side med historisk innhold og en hånd- eller løkkeskrift vil virke meget personlig og egne seg til en side med dikt og brev. Men vit at bruk av flere ulike skrift-typer på samme side fort kan virke rotete, så prøv å begrense deg. Ifall de som besøker hjemmesiden din ikke har den fonten du refererer til, vil de i beste tilfelle se det hele som vanlig "kjedelig" skrift, i verste tilfelle vil de ikke kunne lese noe som helst. Legg derfor også selve fonten (.ttf- eller .fon-filen) ut på serveren din for nedlasting.

    EKSEMPEL: Eksempel på html-kode og resultatet av den både før og etter font-installasjon.
    <FONT face="wedgie" size="5" color="#000000">Norges Webmaster Portal</FONT>
    Norges Webmaster Portal

    Jeg har samlet et lite knippe med fonter (skrift-typer) og dingbats (grafiske tegn, symboler og figurer), som du kan se rett nedenfor, i en zip-fil som du kan laste ned og leke deg med som en start før du leter videre på Nettet etter flere og andre som passer deg og ditt formål bedre. Last altså ned .zip-filen, zip deretter opp og kopier .ttf-filene til ditt font-directory (alle skal være freeware), trykk deretter på den grå bakgrunnen her med høyre musetast og velg refresh/reload/oppdater, og se der det står "Norges Webmaster Portal" i eksempelet, og du forstår da hvordan det hele fungerer. Test dem også ut i et tekstbehandlingsprogram ved å velge ønsket font og så å skrive i vei.

    Download .zip-filen med fontene.













  • OM GRAFIKK: Bilder og annen grafikk kan brukes på din hjemmeside som helt nødvendige illustrasjoner eller kun som pynt. Grafiske bakgrunner og hele grafiske layout-sett skaper mer stemning enn ensfargede bakgrunner og ordinære tekst-linker. Men vit at bruk av mye grafikk kan virke useriøst og rotete, og at det finnes en masse layout-messige "regler" for plassering av illustrasjoner generelt. To andre grunner til at du bør begrense din bruk av grafikk er at bilder opptar mye server-plass og at nedlastingen (visningen) av siden din tar lengre tid dess mer grafikk den inneholder, og at mange da ikke gidder å besøke den. Men likevel: "1 bilde sier mer enn 1000 ord!".

    EKSEMPEL: Eksempel på html-kode for innsetting av grafikk.
    <IMG SRC="w_anim00.gif" border=0>

    Nedenfor ser du et aldri så lite utvalg av mangfoldet når det gjelder illustrasjoner, og selv om alle her kun er i gråtoner (greyscale) er det selvsagt ingen hinder i veien for å bruke bilder og annen grafikk i all verdens farger. Tenk nøye gjennom hvordan du vil at hjemmesiden din skal se ut rent layout-messig før du begynner å bygge den opp, og husk at mer enn 99,99% av alt du finner på Nettet tilhører andre og er beskyttet av internasjonal åndsverkslov og at det er forbudt (og også straffbart!) å bruke andres verk som du selv lyster, så les nøye hva nettsteder med samlinger av bilder, bevegelig grafikk (animated gifs), tegninger (clipart) og symboler og tegn (icons) skriver om rettighetene til - og bruken - av dem. Vit også at mange slike samlinger består av stjålne verker, og selv om nettstedet kan se seriøst ut, er ikke det alltid ensbetydende med at det er lovlig. Gå for de store nettstedene, de med originalt materiale og spør pr. E-post om en skriftlig bekreftelse på at copyrighten tilhører dem og om tillatelse til å benytte konkrete objekter fra nettstedet deres - får du en slik bekreftelse og godkjenning er du juridisk trygg og i god tro uansett (husk å ta vare på mail'en i dens originale form). Mest originalt og personlig preg på din hjemmeside får du selvsagt ved selv å tegne dine egne illustrasjoner, enten ved bruk av tegneprogrammer eller ved å tegne på papir og scanne tegningene inn etterpå med en scanner, eller du kan bruke et web-kamera (webcam) eller et digitalt kamera til å ta skreddersydde fotografier og bruke disse eller til og med lage dine egne animated gifs eller film-snutter (gjerne ved å sette hvert femte sekunds bilde fra webcam'et sammen til en animated gif). Uansett hva du velger å gjøre er det viktig at du har en klar plan og følger den og ikke lar deg rive med og drukne i alle mulighetene - illustrasjoner og annen grafikk er verktøy, ikke selve drivkraften!






    (C) Mikke Mus og Donald Duck tilhører Walt Disney Productions
    De andre illustrasjonene utgis for å være til fri personlig bruk
    (C) Mickey Mouse and Donald Duck are the properties of Walt Disney Productions
    All other pictures used claims to be free for personal use

    Ikke alle nøyer seg med illustrasjoner som supplement til teksten på hjemmesiden sin, de vil også friske opp på selve bakgrunnen (skriveflaten). Dette skal du dog være veldig forsiktig med, da det lett kan føre til at sluttbrukeren oppfatter siden din som rotete og vanskelig å lese, og kanskje vedkommende også vil føle svimmelhet og ubehag hvis bakgrunnen du velger ikke er forholdsvis nøytral og behagelig å hvile øynene på. Du bør kun benytte bakgrunn for å styrke den stemningen du ønsker å skape på hjemmesiden din, og absolutt ikke benytte deg av bakgrunnen kun for å ha så mye grafikk som mulig dynget oppe på hverandre. Det fine med bakgrunner er selvsagt at du kan plassere annen grafikk og tekst over den, som du ville gjort til vanlig om den ikke var der. Velg alltid mønstre, border etc. som er lagd med tanke på å fungere bra som bakgrunner, og velg aldri bare et hvilket som helst vanlig bilde. Bilder i samme format som skjermbildet kan derimot benyttes (prøv gjerne med dine egne fotografier), men da er det viktig at du "låser" bakgrunnen slik at den ikke ruller/scrolles, men står fast, mens det i stedet er teksten og de andre elementene på siden din som "sklir over". Velger du å benytte bakgrunnsbilde, må de illustrasjoner du bruker ellers ha transparent bakgrunn og fargen på teksten din må bryte godt med den.

    EKSEMPEL: Eksempler på 3 ulike html-koder for innsetting av bakgrunnsbilde.
    For hovedside eller aktuell frame ("låst"): <BODY BACKGROUND="w_bak01.gif" bgproperties="fixed">
    For hovedside eller aktuell frame (scroller når siden scroller): <BODY BACKGROUND="w_bak02.jpg">
    For tabell (prøv òg innen koden "TD" i stedet for "TABLE"): <TABLE BACKGROUND="w_bak03.gif">

    Nedenfor kan du se tre bakgrunner (backgrounds), og de ligger også i en zip-fil som du kan laste ned og leke deg med som en start før du leter videre på Nettet etter flere og andre som passer deg og ditt formål bedre. Last altså .zip-filen ned, zip deretter opp .gif- og .jpg-filene til directory'et der du vil teste det hele ut og rediger htm-dokumentet ditt ved å legge inn den nødvendige koden.

    Download .zip-filen med bakgrunnene.


    Det finnes en del standard-elementer (både animerte og vanlige) som du kan benytte deg av dersom du har sansen for menyer og navigasjonssytemer med grafisk grensesnitt. Kort og godt er disse piler (arrows), punkt-baller (bullets), symboler og tegn (icons), knapper (buttons) og skillelinjer (dividers). Det er helt sikkert lagd millioner ulike typer av slike mindre elementer, og din jobb blir å finne fram til de av dem som fungerer sammen med din layout for øvrig, dersom du da ikke lager nye på egen hånd. For de som liker å komme til dekket bord og få servert et fikst ferdig oppsett er det noe som heter "bordered background sets", og nedenfor finner du et helt enkelt eksempel på et slikt.

    Download .zip-filen med det komplette bakgrunnssettet.



    Vær oppmerksom på at du gjennom bildebehandlingsprogrammer både kan skalere (endre størrelse), rotere (vri), speilvende og på annen måte manipulere alle former for grafikk, slik at den kan tilpasses ditt behov og din nettsides layout 100%. De mest kjente bilde-formatene og de som er best egnet for Internet er .gif (animert grafikk eller med transparent bakgrunn) og .jpg (komprimert grafikk). Vit at du gjennom små triks kan oppnå det samme som mange velger å gjøre gjennom bl.a. flash-animasjon UTEN at sluttbrukeren trenger spesiell programvare på maskinen sin for å se nettstedet ditt. Hold deg til de effekter og muligheter som er standarder og som ikke krever annet av sluttbrukeren enn at han eller hun har en helt enkel og gjerne mange år gammel nettleser.

    Nedenfor finner du et utvalg hel- og halvferdige maler innen både framtidsrettet og teknologisk design, mystisk og gotisk design, religiøst design, design for historie, arkeologi og arkitektur, design for eventyr, fortelling og fantasi og for friluft, ekspedisjoner og reiseskildringer, som er komponert av Norges Internet Portal og som du står fri til å bruke, enten til egen opplæring eller inspirasjon bare eller til oppbygning av et nettsted, i tråd med de retningslinjer og betingelser det blir redegjort for.




  • OM LYD: Lyd er selvsagt et element og en mulighet som man har på nett og som ved siden av bevegelige bilder er det som kanskje mest av alt skiller en hjemmeside fra bøker, brev og lignende. Grovt kan man dele lyd inn i følgende hoved-kategorier: Musikk, tale og effekter. Spesielt musikk kan være stemningsskapende på en hjemmeside. For eksempel vil en hjemmeside som handler om julen, med illustrasjoner og tekster preget av høytiden, ikke være komplett uten en god, gammel julesang som spiller i bakgrunnen. Som lydfiler med tale kan følgende være velegnet: Framføring av dikt og taler, eventyr-opplesning, dialekt-eksempler og uttale av utenlandske gloser. Lyd-effekter bør brukes med omhu og ikke hver gang en knapp trykkes. Eksempler på diskret og passende bruk av lyd-effekter er når en hjemmeside starter - en velkomstlyd - for eksempel en "wrom wrom"-lyd på en motorsykkel-hjemmeside, en baby som skriker på en hjemmeside om fødsler, latter og lyd av barn som leker på en side for eller om barn. Men lyd-effekter kan også ligge som lytte-valg på en meny, for eksempel som opptak av forskjellige fugle-kvitter på en hjemmeside om fugler. Men husk at alle former for lyd kun bør forekomme i beskjeden bruk og kun der det er hensiktsmessig. Lyd topper listen over irritasjonsmomenter hos nett-surferne, og særlig er det de som smug-surfer på jobben som er lite glad for avslørende lyder fra PC-høyttalerne.

    EKSEMPEL: Eksempel på html-kode for automatisk avspilling av bakgrunnsmusikk.
    <bgsound src="intro.wav" loop=-1>


    EKSEMPEL: Eksempel på html-kode for bruker-startet avspilling av lyd.
    <A HREF="heidi.wav">Klikk her for å høre lyd</A>
    Klikk her for å høre lyd

    Når du går ut på Nettet for å lete etter egnet lyd til din hjemmeside er det greitt for deg å vite at de mest kjente lyd-formatene (foruten det berømte mp3-formatet) og de som er best egnet for Internet er .wav (alle slags former for lyd, musikk og tale) og midi (digital "pling-plong"-musikk). Merk deg at svært mange nettsteder byr på gratis midi-låter som de selv har "tastet" inn, men at det de gjør likevel er ulovlig fordi de ikke har rettighetene til notene eller musikk-stykket - at du spiller en Elvis-låt på pianoet ditt gjør deg ikke til eier av låta eller gir deg rettigheter til å publisere den! Komponer og produser heller lyden din selv, enten via å koble en synthesizer, trommemaskin eller lignende direkte til PC'en din, via båndopptaker eller via mikrofon koblet til PC'en.

  • OM MULTIMEDIA: Multimedia er når man blir utsatt for flere påvirkninger samtidig, slik som tekst, lyd og bilde. En bok, et hørespill og et fotografi er hver for seg kun ett medium, men en film er på sett og vis multimedia. En hjemmeside som gjennom flere medier prøver å nå fram til deg er en multimedia-hjemmeside, og de typer hjemmesider som er godt egnet for multimedia-utnyttelse er opplæringssider, reise-guider, leksikon og rene emne-/tema-sider der det det gjelder kan presenteres gjennom flest mulige medier, eksempelvis en hjemmeside om fugleliv der fuglenes adferd beskrives i tekst, deres utseende vises gjennom bilder, deres sang og lyder presenteres gjennom lyd-filer og enkelte fuglers paringsleik, fly-egenskaper og lignende vises gjennom film-snutter. Alt for mange hjemmesider satser i dag på multimedia og oppnår ikke annet enn å være tunglastede, meningsløse hjemmesider der multimedia-bruken ikke samspiller men heller utspiller hverandre. Samspill, integrering og hensiktsmessighet er stikkord når det gjelder multimedia, og det å vite å benytte riktig medium på rett plass og til rett tid. Jeg vil ikke påstå at multimedia er noe som tilhører de "proffes" verden, men at den som benytter multimedia må være en person med oversikt og med klare mål og kjennskap til "sender-budskap-målgruppe"-prinsippet og som sitter på nok kilde-materiale og ressurser om det som skal presenteres burde være hevet over enhver tvil.

    EKSEMPEL: Eksempel på html-kode for innsetting av film.
    <IMG DYNSRC="film.mpeg" LOOP=2>
    (Vi har valgt ikke å ta med noen film-snutt her, da det er betydelig ressurskrevende)

    Kilde-materialet til en multimedia-side er noe man bør skaffe seg selv gjennom sin interesse for emnet og tilskaffelsen bør skje med tanke på hva det eksakt skal brukes til. Multimedia bør i hovedsak benyttes til å vise og lære andre hva du selv har tilegnet deg av informasjon om emnet, og således burde det som presenteres også være 100% ditt eget verk så langt det er mulig. Lagre bildene dine i .gif eller .jpg-format, lyd-opptakene som .wav-format og film-snuttene som .avi- eller .mpg-(mpeg-)format og hent det hele fram igjen i tekst-dokumentet (hjemmesiden din) som selvsagt er i .htm-(html)format, og du har en komplett multimedia-side.

Hvor finner jeg gratis hjelpemidler?
Få ting i livet er gratis, men på Nettet er dette faktisk ikke sant, om du da ikke bryr deg om å måtte ha en link eller et banner eller to på din hjemmeside. - "please help us out by providing a link to us from your site in return for our free service". Bruk søkemaskinene til å finne fram til det du ser etter og bruk det magiske ordet "free" i begynnelsen av din søke-streng (oppramsingen av dine søkeord, som kan se slik ut hvis du søker etter gratis bevegelige grafikk og bilder: "free animated gifs"). Den beste søkemaskinen er Google. Her er noen elementer du kan søke etter som du garantert etterhvert vil ønske å ha på hjemmesiden din: "free counter" ((besøks-)teller), "free guestbook" (gjestebok), "free bulletin board" (oppslagstavle/diskusjonsrom), "free chatroom" (snakke-kanal) og "free shop" (egen butikk) hvis du har noe å selge.

Jeg vil kort også bare nevne at der HTML ikke strekker til, er det noe som heter Java-scripts og Java-applets som kan gjøre det meste av hva du trodde var mulig og også umulig. Java-scripts er enkelt forklart små tekst-koder du bare kan sette rett inn i HTML-dokumentet ditt og de skiller seg derfor egentlig ikke noe særlig ut fra HTML-kodene for øvrig. Java-applets derimot er små programmer som du kaller opp fra HTML-dokumentet ditt for å få "kjørt" dem, og det finnes knapt grenser for hva slike program-snutter kan gjøre - egentlig er den fantasien til de som lager dem som setter begrensningen. Lærer du deg Java-programmeringsspråket, kan du selvsagt selv lage dine egne scripts og applets. Det er videre noe som kalles CGI-scripts (disse fungerer ikke på alle servere) og de kan falle langt vanskeligere å hanskes med enn Java. Stikkordet for på en enkel måte å få benyttet CGI er "hosted cgi-scripts" (CGI-scripts du kun kaller opp fra en service som tilbyr deg å benytte slike direkte fra deres server, så du slipper å "kåle" med det selv uten å lykkes). Du bør også ha i minnet at det er noe som heter ASP, SSI og WML uten at jeg skal gå nærmere inn på disse løsningene her.


Hvor på nettet skal siden min ligge?
Når du har bygget ferdig hjemmesiden din og vil legge den ut (publisere den på Nettet), må du først lokalisere en ISP (en Internet Service Provider - noen som tilbyr den tjenesten) som leier ut plass på sin "World Wide Web"-server. Med andre ord; du trenger en vert (kalles host). En vert (eller et Web-Hotell) tilbyr plass og en adresse (URL), og du må registrere deg hos en slik før du kan legge ut sidene dine (sidene legges ut ved uploading ved bruk av FTP (benytt WS-FTP (FTP Client for Windows som er gratis for alle privatpersoner for ikke-kommersiell bruk)). Enkelte Internet-leverandører gir bort gratis hjemmesideplass når du bruker dem for din Internet-tilkobling ellers finnes det de som tar bare 10 kr måneden for tjenesten, så med mindre du trenger stor plass, er det en billig affære.


Hvordan tiltrekker jeg meg besøkende?
OK, du har kommet så langt at du har publisert din egen hjemmeside på Nettet, hva da? Ingen fans? Ingen besøkende bortsett fra deg selv og dine familiemedlemmer? Overraskelse! Vel, ta det rolig og la meg forklare fenomenet for deg. Det hele skyldes ikke nødvendigvis at innholdet på din side er dårlig eller upopulært. Mer sannsynlig skyldes det at ingen vet at din hjemmeside eksisterer. Du må fortelle dem det. Du må reklamere litt for deg selv. Gå til søkemaskinene og fortell dem hvor de finner deg (bruk deres "Add URL"-valgmulighet og oppgi gode og relevante keywords (søkeord) og description (beskrivelse) for din hjemmeside. VIKTIG: Det er ingen god idé å gjøre dette flere ganger på en og samme søkemaskin, fordi de da mest sannsynlig vil ekskludere deg fra sine lister eller gi deg en dårligere plassering på listen enn du normalt ville hatt. Ellers finnes det mange andre måter å promotere hjemmesiden sin på også, og igjen er det noen som er gratis og noen som koster penger. De som koster penger klarer du alltids å finne fram til på egen hånd eller de finner deg! Uansett er første bud når det gjelder promotering på Nettet å lage deg et banner av størrelse 468x60 - uten det kommer du ingen som helst vei! Å delta på en toppliste er en grei måte å bli sett av mange på, dessverre er svært slike lister både mangelfulle og useriøse med få deltakere, og jeg anbefaler deg å føre deg opp på Norges Beste Toppliste. Du bør også søke etter "webring" i søkemaskinene og bli medlem i sammenslutninger (webrings) av hjemmesider som omtaler det samme emnet som din hjemmeside gjør og som linker til hverandre og skaffer hverandre flere besøkende i aktuell målgruppe.


Hvordan tjener jeg penger på min hjemmeside?
For mange er det nok tilfredsstillelse å bygge et flott og nyttig nettsted, for andre er målet å tjene flest mulig penger. Lager du noe du kan selge eller er håndverker eller kan tilby annet, så er løsningen ganske klar: Bygg en hjemmeside om emnet, reklamer mest mulig for den og håp på å få flest mulig kunder via den. Faller du utenfor denne gruppen, men har mange besøkende, kan du forsøke å selge banner-plass (reklame-plass) til andre. Men du blir ikke millionær, hverken av dette eller noen av de andre "tjen penger"-konseptene som tilbys på Nettet. Den eneste måten å dra inn tusenvis av kroner (med god trafikk kan du klare titusener hver eneste måned, og kanskje så mye som en halv million i året) på, er via porno eller poker- og kasino-virksomhet, det er altså det eneste som virkelig har vist seg å selge bra på nettet - dessverre for alle de som bygger opp strålende nettsteder og må gi opp pga. økonomiske tap. Saken har to sider, for det første er det uvillighet til å handle over Nettet blant folk (mistro ikke uten sikkerhetsmessig grunn) og for det andre har Internet's barndom gitt oss en oppfatning av at man kan få alt gratis der, at Nettet er stedet hvor folk deler alt med hverandre som i et idyllisk ideal-samfunn. Det er fortsatt mulig at det kan bli slik, så lenge noen hele tiden lager gratis alternativer til alle de som koster penger. På hvilken side av gjerdet sitter du?

Norges Internet Portal