No1onThe.Net

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 globus for lyd
Ikke tvungen linjeskift<br>Tvungen linjeskift	Ikke tvungen linjeskift Tvungen linjeskift
Dette vil ikke hjelpe<br> Bruk " "    4 mellomrom	Dette vil ikke hjelpe Bruk " " 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: Spise frokost Gå på skolen 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
M@i&#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>

</HEAD>
<BODY>





</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  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.

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