Jeg driver foruten dette nettstedet også et annet nettsted, et som fortsatt ser omtrent akkurat slik ut som det gjorde den gangen da det ble skapt og publisert i en tid da absolutt de færreste folk engang ante hva Internet var og antall nettsteder av norsk opprinnelse heller var få. Jeg er tilhenger av å gjøre ting enklest mulig for å oppnå best mulig oversikt og kortest vei til informasjonen som søkes. Denne veiledningen vil uten tvil gjenspeiles av det, fordi jeg ønsker at du raskest mulig skal kunne lage noe selv og få et resultat, som igjen gjør det gøy og vil virke som en spore på deg til å fortsette, i stedet for at du mister interessen underveis. Det betyr at her settes forholdsvis innviklede internasjonale web-standarder til side til fordel for den hensiktsmessige opplæringen, for jeg har vurdert det slik at målet helliger middelet. Kritikkere vil mildt sagt si at det er helt over stokk og stein å gjøre det på denne måten, men ta det med ro, veiledningen er ikke bare tidsbesparende, men det jeg lærer bort fungerer også i praksis, i motsetning til en del av de allerede nevnte web-standardene som kun fungerer i teorien. La oss starte!

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 for å 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 ethvert tegne- eller bildebehandlingsprogram. Alle andre effekter, slike 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 (sammenlign gjerne begrepet med en kommando) 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 innledende og godt synlig og forståelige 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

Nedenfor finner du flere HTML-tags, hvordan du bruker de i programmering og hva det synlig resultatet for sluttbrukeren blir.

Kode bak nettsiden	Vist på nettsiden
<H1>Dataskole</H1>	Dataskole
<H2>Dataskole</H2>	Dataskole
<H3>Dataskole</H3>	Dataskole
<H4>Dataskole</H4>	Dataskole
<H5>Dataskole</H5>	Dataskole
<H6>Dataskole</H6>	Dataskole
<FONT SIZE=0>Dataskole</FONT>	Dataskole
<FONT SIZE=+1>Dataskole</FONT>	Dataskole
<FONT SIZE=+2>Dataskole</FONT>	Dataskole
<FONT SIZE=+3>Dataskole</FONT>	Dataskole
<FONT SIZE=+4>Dataskole</FONT>	Dataskole
<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">Den røde fare</FONT>	Den røde fare
<CENTER>Dataskole</CENTER>	Dataskole
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 ikke alltid gjenkjenner de samme settene av HTML-elementer. 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="note.gif">
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>lommepenger </ul>	Huske å ta med meg på ferie: tannbørste pass lommepenger
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
&#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 èn side til en annen eller innen samme side. Rett måte å tenke på linker som er henvisninger. 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 enkelt og greitt 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. For å vise deg, lager jeg en henvisning 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. 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-kode som vil være synlig -->
<!-- html-kode som vil være ... -->
<!-- html-kode som vil ... -->
<!-- html-kode som ... -->
<!-- html-kode ... -->
</BODY>
</HTML>

Åpne en tekst-behandler, skriv inn følgende tekst (du behøver ikke sentrere teksten slik som nedenfor), lagre dokumentet som et rent .txt-dokument og omdøp det for eksempel til "test.htm" og åpne det deretter i din nettleser, og du har lagd din første, helt enkle hjemmeside:

<HTML>
<HEAD>
<TITLE>Mitt første forsøk</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Min hjemmeside</H1></CENTER>
Her kan jeg skrive hele livshistorien min om jeg har lyst
<BR>
<A HREF="http://www.diskusjonsforum.com">Klikk her for å se min favoritt-side</A>
</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 på 1980-tallet), 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.

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 tekst, 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). Klikk her får å laste ned dokumentet).

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. I fall 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 dersom du benytter en font som ikke er helt og fullstendig standard skrifttype. Til syvende og sist er det en uting å bruke fonter som ikke er standard, og spesiell tekst kan heller oppnås ved at et bilde av den vises, da slipper sluttbrukeren å laste den ned og den vil se likt ut for alle.

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, det vil si lovlig til bruk), refresh/reload/oppdater deretter denne siden, 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.













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 innlastingen (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!



Samtlige illustrasjoner og fonter ovenfor utgis for å være til fri personlig bruk
All images and fonts used above 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.

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.

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 og spill den inn enten via å koble en synthesizer, trommemaskin eller lignende direkte til PC'en din eller via en båndopptaker eller benytt mikrofon koblet til PC'en.

Multimedia kalles det 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 saken det gjelder bør 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.

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 med stor underholdningsverdi.

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 det 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, 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 PHP, ASP, SSI og WML uten at jeg skal gå nærmere inn på disse løsningene her, men i særdeleshet PHP er noe som er verdt å se nærmere på etter hvert som du vil lage mer avanserte hjemmesider.

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 et webhotell som leier ut plass på sin "World Wide Web"-server. Med andre ord; du trenger en vert (kalles host). En vert 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 Core FTP LE eller WS-FTP (FTP Client for Windows som er gratis for alle privatpersoner for ikke-kommersiell bruk)). Enkelte Internet-leverandører (ISP (Internet Service Provider) eller linjeleverandør på godt norsk, som for eksempel Telenor) 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 eller mye ressurser og godtar enkelte restriksjoner, er det en billig affære å komme i gang.

Skrevet av André Schiøll