Webdesign Arkiver - Page 2 of 3 - Ditt Nettsted - alt om WordPress, Internett og Tech

Nyttige CSS-koder som gir designet ditt litt edge

19. oktober, 202626. mars, 2012 av Mats Hovland

CSS er språket som bestemmer hvordan en nettside ser ut – farger, avstander, skygger og bevegelse. Da «CSS3» ble et moteord rundt 2010, måtte man ofte skrive den samme koden

Hva er CMS (publiseringsløsning) og hvilket system skal du velge?

19. oktober, 202617. desember, 2011 av Mats Hovland

Å velge riktig CMS er en av de viktigste beslutningene du tar når du skal bygge et nettsted, fordi valget påvirker alt fra hvor enkelt det er å oppdatere innhold

Validere koden på hjemmesiden: slik sjekker du HTML og CSS

19. oktober, 202611. desember, 2011 av Mats Hovland

Illustrasjon av utskrevne kodeark for index.html og style.css på en mørkegrønn pult, der en rød penn har rettet feil som en manglende , manglende alt-tekst, feil rekkefølge på taggene og en skrivefeil i CSS-en, mens et grønt stempelavtrykk med «GYLDIG – 0 feil · 0 advarsler» og en gul lapp med «Valider ofte!» viser at koden nå er godkjent.

Å validere koden på hjemmesiden betyr å sjekke at HTML-en og CSS-en din følger de offisielle web-standardene fra W3C. Når koden er korrekt skrevet, tolker de ulike nettleserne siden mer

Kjøre JavaScript fra en egen .js-fil: komplett guide

19. oktober, 20268. oktober, 2011 av Mats Hovland

Illustrasjon av en egen JavaScript-fil merket «app.js» med en ledning som ender i et gult støpsel påskrevet «», plugget inn i et nettleservindu med «index.html» der en lysende «Klikk meg»-knapp og en bryter våkner til liv, med teksten «Én linje kobler inn hele koden».

Å kjøre JavaScript fra en egen .js-fil betyr at du legger koden i en separat tekstfil og laster den inn på nettsiden med én liten linje: <script src=»filnavn.js»></script>. Dette er

Slik installerer du XAMPP: webserver og MySQL på egen PC med Windows

19. oktober, 20266. oktober, 2011 av Mats Hovland

Illustrasjon av et oppskåret PC-kabinett som et lite dukkehus med tre opplyste etasjer merket «Apache», «PHP» og «MySQL», alle med statusen «Kjører», mens nettsider flyr fra en htdocs-mappe inn i maskinen og en oransje kabel merket «localhost» går i en sløyfe fra PC-en og tilbake inn i den samme maskinen.

Vil du teste PHP-skript, bygge en nettside eller eksperimentere med en MySQL-database uten å betale for et webhotell? Da trenger du en webserver som kjører lokalt på din egen PC.

Webbyrå som drifter hjemmesiden for deg: slik fungerer tjenesten

19. oktober, 202623. september, 2011 av Mats Hovland

Illustrasjon av et nettsted som står på en billøfter i et verksted, der robotarmer setter inn en ny modul og strammer tannhjulene under siden, mens en serviceavtale på veggen har haker ved «Oppdateringer», «Sikkerhet», «Sikkerhetskopi» og «Support» og lover fast månedspris.

Mange bedrifter og privatpersoner ønsker en profesjonell nettside, men har verken tid eller teknisk kompetanse til å bygge og vedlikeholde den selv. Én løsning er å la et webbyrå ta

HTML og CSS som kunst: slik lager du bilder med bare kode

19. oktober, 20267. september, 2011 av Mats Hovland

Illustrasjon av et gullinnrammet stilleben med blomstervase, eple og sitron på en museumsvegg, der eplet er markert som i nettleserens utviklerverktøy med «div.eple» og «border-radius: 50%», mens et museumsskilt ved siden av forteller at verket er laget med «HTML og CSS på skjerm».

HTML og CSS er språkene vi bygger nettsider med, men de kan også brukes til noe helt annet: å tegne bilder, portretter og illustrasjoner med ren kode – helt uten

jQuery- og CSS-menyer til nettstedet: 6 klassiske menyer og moderne alternativer

4. november, 20267. september, 2011 av Mats Hovland

Illustrasjon av et kakefat med seks stablede navigasjonsmenyer i ulike stiler, fra en klassisk blank menylinje nederst til en moderne meny med hamburgerikon og et kirsebær på toppen, mens en sølvklokke løftes av og et menykort med «Dagens meny» lister opp Ren CSS, jQuery, Dropdown og Hamburger.

En tydelig og brukervennlig navigasjonsmeny er noe av det viktigste på et hvilket som helst nettsted. Menyen er kartet de besøkende bruker for å finne frem, og den avgjør ofte

Lage hjemmeside fra bunnen av: dette trenger du av verktøy og kunnskap

19. oktober, 20261. september, 2011 av Mats Hovland

Illustrasjon av en verktøyvegg med en hammer merket «», en pensel dyppet i maling for CSS, en skriveplate med HTML-kode merket «Teksteditor» og en lupe med et nettleservindu, mens tomme stiplede omriss av en nøkkel og en server merket «Domene» og «Webhotell» har en gul lapp med teksten «Trengs først når siden skal publiseres!».

Å lage en hjemmeside fra bunnen av krever overraskende lite utstyr: en teksteditor, grunnleggende kunnskap om HTML og CSS, en nettleser – og hvis siden skal ut på nett, et

Legge til farge og størrelse på tekst med CSS og HTML

19. oktober, 202611. august, 2011 av Mats Hovland

Illustrasjon av en vifte med fargeprøver merket med CSS-fargeverdier som «gold», «#FF0000» og «hsl(25, 100%, 60%)» ved siden av ordet «Tekst», der hver bokstav vokser i størrelse og har sin egen farge, mens en pipette drypper rødt på «s» og en skyvelære måler den store «t»-en til 260px, over en kodelinje med style="color:#FF0000; font-size:22px;".

Med litt CSS og HTML kan du styre nøyaktig hvilken farge og størrelse teksten på nettsiden din skal ha. Du trenger verken dyre programmer eller et eget designverktøy – alt

Gratis fonter: slik finner, laster ned og bruker du dem lovlig

19. oktober, 20268. august, 2011 av Mats Hovland

Illustrasjon av en åpnet grønn glidelås der bokstaver som Æ, Ø, Å og & i ulike skrifttyper strømmer ut sammen med en lisens.txt-fil, mens en gul prislapp på glidelåsen sier «GRATIS*» og «*men les lisensen».

Riktig skrifttype kan løfte alt fra en logo til en hel nettside, og du trenger verken dyre programmer eller store budsjetter for å komme i gang. På nettet finnes det

Google Plus-knapp på nettsiden: status i 2026 og dagens delingsknapper

19. oktober, 20265. august, 2011 av Mats Hovland

Illustrasjon av et jordsnitt der en sprukken, fossilert «+1»-knapp og steinbiter med koden «» graves fram i laget mellom 2011 og 2019, mens moderne delingsknapper for deling, lenke, e-post og melding vokser opp som blomster på overflaten i 2026.

Google Plus-knappen – også kalt +1-knappen – finnes ikke lenger. Både det sosiale nettverket Google+ og alle delingsknappene som hørte til, ble slått av i 2019. Koden du tidligere limte

Iconfinder er lagt ned: slik finner du gratis ikoner på nett i 2026

19. oktober, 202626. april, 2011 av Mats Hovland

Illustrasjon av et navigasjonskart der veien til et nedlagt, grått forstørrelsesglass er sperret med et «STENGT»-skilt, mens en ny blå rute fører videre til fargerike kartnåler med ikoner som hjerte, stjerne, hus, kamera og konvolutt ved merkelappen «Gratis ikoner».

Gratis ikoner på nett er fortsatt blant de mest nyttige ressursene du kan ha når du bygger et nettsted, lager en app, setter sammen en presentasjon eller pynter et bursdagskort.

Hvordan bruke og lage en iframe

25. oktober, 202623. februar, 2011 av Mats Hovland

Illustrasjon av et kunstgalleri inne i et nettleservindu med veggteksten «», der gullrammer viser en innebygd video og et kart med kartnål, mens en tom ramme med forbudsskilt henger i mørket bak en fløyelssnor merket «X-Frame-Options: DENY».

En iframe er en liten HTML-ramme som lar deg vise en annen nettside eller tjeneste – for eksempel en YouTube-video eller et Google-kart – rett inne på din egen side.

Hvordan finne et godt og riktig domene for din hjemmeside

23. oktober, 202618. januar, 2011 av Mats Hovland

Illustrasjon av et postkassestativ ved en grusvei der fem postkasser merket med domenenavn har stempelet «OPPTATT», mens en ny, gul postkasse med navneskiltet «dittnavn.no» og lappen «LEDIG» står åpen og lyser, under teksten «Alt opptatt? Ikke helt.»

Å finne et godt domenenavn er ofte det første virkelige hinderet når du skal lage en nettside, og det kan føles som om alt allerede er opptatt. Det stemmer et

Små, nyttige og ofte brukte HTML-tagger

22. oktober, 202623. desember, 2010 av Mats Hovland

Illustrasjon av en setterkasse i tre fylt med blytyper merket med HTML-tagger som , , , og , der en lysende -type løftes ut mot et trykket ark med overskriften «Små tagger, stor effekt» og røde korrekturmerker som viser fet skrift, kursiv, linjeskift, skillelinje og avsnitt.

HTML er bygd opp av tagger, og mange av dem er store, avanserte elementer med en rekke attributter og mye innhold. Men noen av de aller mest brukte byggesteinene på

Slik lager du JavaScript tilbakeknapp

21. oktober, 202623. desember, 2010 av Mats Hovland

Illustrasjon av et nettleservindu med en grønn «Tilbake»-knapp som klikkes, der en oransje bue merket «history.back()» fører tilbake til forrige side i en tidslinje over nettleserhistorikken som går fra «Forsiden» via −2 og −1 til «Du er her».

En JavaScript-tilbakeknapp er en knapp eller lenke som sender den besøkende tilbake til forrige side ved hjelp av nettleserens egen historikk, akkurat som når du trykker på «Tilbake»-pilen øverst i

Hvordan ser du HTML-kilden til en side?

20. oktober, 202615. desember, 2010 av Mats Hovland

Illustrasjon av en lommelykt merket «Ctrl+U» som lyser på et mørkt nettleservindu med adressen view-source:https://eksempel.no, der lyskjeglen avslører HTML-kildekoden bak siden, sammen med teksten «Vis sidekilde – Se koden bak siden» og hurtigtasten Cmd + Alt + U for Mac.

Å se HTML-koden bak en nettside er enklere enn mange tror, og du trenger ingen spesialprogrammer for å gjøre det. Alle moderne nettlesere har en innebygd funksjon som viser deg

Hvordan legge til bilde med HTML

20. oktober, 202615. desember, 2010 av Mats Hovland

Illustrasjon av et gult direktefotokamera merket som får inn et kodekort med og skriver ut et polaroidbilde av en fjord i solnedgang med en rød hytte, merket width="600" og height="400" og med bildeteksten «Fjord i solnedgang».

Å legge til et bilde med HTML gjøres med én enkelt tagg: <img>. Taggen forteller nettleseren hvilket bilde den skal hente og hvordan det skal vises, og den fungerer likt

Hvordan definere tittel på siden med title-taggen

20. oktober, 202615. desember, 2010 av Mats Hovland

Illustrasjon av et glassprisme merket som splitter en lysstråle fra HTML-koden Ferske kanelboller i tre fargede stråler mot en nettleserfane, et bokmerke og et søkeresultat med samme tittel, sammen med teksten «Én tagg. Tre steder.» og en linjal med «Sikt mot 55–60 tegn».

Tittelen på en nettside defineres med HTML-taggen <title>. Teksten du legger inne i denne taggen er den samme teksten som vises i fanen øverst i nettleseren, når du lagrer siden