Om websider

En side med tips for de som lager websider

1. Unngå frames dersom det ikke er tvingende nødvendig. I motsetning til hva mange tror, så er det ikke bare PC-er som surfer på nettet. Det er mange forskjellige andre "apparater" som også er på besøk på nettsider. Man kan bare nevne mobiltelefoner som et eksempel. De fleste slike apparater takler ikke frames. Med den utvikling man har hatt når det gjelder muligheten for å lage nettsider, så er det heller ikke nødvendig å gjøre bruk av dette mere.

2. Man bruker heller ikke IFRAME. IFRAME skaper statiske sider, og er ikke støttet av alle nettlesere. Tenk f.eks. include i steden for. IFRAME blir også brukt til diverse exploitsEngelskog ofte til bare reklame, og mange filtrerer dem bort. Det er en stor gruppe surfere som sjelden gir lyd fra seg og forteller om sine problemer på nettet. De blinde. Derfor skylder man også å ta en Bobby Test på sine nettsider.

3. Man putter ingen ting på siden som ikke befinner seg på samme domene, hverken tellere, trackersEngelsk eller gjestebøker. Heller ikke bilder.

4. Man bruker ikke offsiteEngelsk tracker-linker. Ingen liker å bli overvåket og spesielt ikke av tredjeparter. Og bruker man statistikk på sine egne sider så skal linker ikke forsøples med session variabler eller annet som vanskeliggjør eventuelle bokmerker.

5. Man begrenser sitt bruk av JavaScript til det høyst nødvendige, og det skal ikke brukes til å avlure opplysninger om den besøkende og heller ikke til å prøve å frata folk kontrollen over nettleseren. Script er noen ganger nødvendig til bestemte funksjoner, men du bør tenke nøye gjennom om funksjonen strengt tatt er nødvendig. Og man skylder sine brukere å gjøre oppmerksom på at for eksempel JavaScript benyttes og kanskje også hvorfor og hvordan.

Når jeg surfer på nettet ser jeg utallige merkelige måter å putte inn JavaScript. Det virker som "kopiere-klistre" metoden er brukt helt ukritisk. Det er ikke likgyldig hvor man limer inn JavaScript kode; Noe skal inn i headeren og annet i kroppen (body) på dokumentet. Ja noe av det skal endog helt til sist i kroppen. Men jeg overlater til leseren å finne ut av hva som skal plaseseres hvor. Man lærer dette dersom man setter seg inn i det man bruker. I dette tilfellet JavaScript.

6. Man bruker ikke Java Applets. Svært mange frakobler både Java og JavaScript av sikkerhetsmessige grunner. Blant annet er menyer basert på JavaApplets (og Flash) uønskelig. Veldig mange kommer rett og slett ikke videre.

7. Eventuell Flash skal ikke kjøres automatisk, men den besøkende skal selv kunne klikke på en link dersom han vil se den. Dette gjelder alle slike ting som skal kjøres på brukerens maskin og ikke på serveren.

8. Eventuell bakgrunnsmusikk bør også ha valg som ovenfor.

9. Man bruker ikke redirectorsEngelsk. Redirect kan være brukbart muntlig, til å forenkle en ellers lang URL. Bruk det aldri i linker, det sinker nedlasting, og svært ofte virker det ikke i det hele tatt. Og redirect kombinert med tracking av surfere er bannlyst. Eksempel på en slik er TK domener.

10. Man bruker ikke FONT-tagger, men STYLE. All formatering, både av skrift og utseende, bør legges som stilsett. Man er også gått bort fra å bruke tabeller til å utforme utseendet. Man har begynt å bruke tabeller til sitt opprinnelige formål, nemlig til å fremvise tabulær data.

11. Bilder skal være reduserte til akseptabel filstørrelse. En side må være Max 60-70k incl. bilder. Bilder skal være egne eller såkalt "ikke kopibeskyttede". Her er en kalkulator du kan bruke. Den benytter JavaScript.

12. Det er tullete å skrive "Copyright"Engelsk på en hjemmeside som er helnorsk. Vi har ikke noe som heter "Copyright". Vi har en Åndsverklov. Og det kreves ikke noe om at det skal stå at noe er beskyttet. Åpn en norsk bok og se om dere finner noe om Copyright der. Boken er et åndsverk, og er beskyttet i henhold til det. Symbolet © er internasjonalt og alminnelig brukt til å markere at noe er beskyttet og holder mere enn rikelig, dersom man har behov for å markere dette i det hele tatt. Vanlig HTML kode er ikke et åndsverk, heller ikke de fleste javascript. Det skal være et reelt åndsverk.

13. Man holder seg til de såkalt sikre webfarger. Enkelte begrenser skjermoppløsningen til 256 farger, og uansett gir de 216 browser-sikre farger det jevneste resultat. Det skulle være nok å ta av. Se Browsersikre Farger. (Bruker JavaScript)

14. Man sørger for at nettstedet kan ses tilfredsstillende uansett hvilken oppløsning den besøkende har, og uansett kvilken av de mest alminnelige nettlesere man benytter. Beskjeder om at Siden ses best med Internet Explorer med oppløsning yyy x yyyy viser bare at man har å gjøre med en person som ikke kan det grunnleggende om det å lage nettsider.

15. Man holder seg til de mest vanlige skrifttyper som normalt leveres med OS. Times New RomanSkrift type har ingen ting på en webside å gjøre. Angi noen sans-seriffonter som Tahoma og Verdana. Man holder seg til én skriftsstørrelse på overskrifter og én på tekst.

16. Man avholder seg fra å bruke koder som kun har til hensikt å frata den besøkende makten over sin nettleser. (Pop-ups uten knapper, no right click osv)Engelske uttrykk.

17. Man forsøker ikke å sette cookies med mindre det er for å hjelpe surferen og slett ikke for å spore vedkommende.

18. Man validerer sin kode og retter opp alle feil som er der. Det gjør man ved å benytte en Validator Man validerer også sin CSS ved å bruke en tilsvarende CSS validator.

Å bruke valid kode har dessuten den fordelen at nettlesere som parser koden ikke behøver å gjøre utallige "error corrections", som tar tid, samt at det gjør også at andre verktøy som kan pre-prosesse koden blir tilgjengelige for bruk. For eksempel HTML-Tidy vil ikke kunne arbeide med et HTML dokument som er full av feil.

19. Deretter rydder man opp i sin kode slik at den blir lettleselig. Man kan eventuelt bruke et program som heter HTML-Tidy til dette, dersom man ikke er så flink til å gjøre det selv. En god gratis webeditor er Stone's Webwriter og den beste webeditor er etter min mening Homesite

20. Man sikrer seg at nettsidene ikke tvinger nettlesere i Quirk Mode. Man kan sjekke om man har gjort denne feilen ved å bruke dette javascriptet:
javascript:alert(document.compatMode)

Test det her ved å klikke på denne linken. Denne nettsiden tvinger IKKE nettlesere i Quirk Mode, så vet du hvordan meldingen så skal se ut. Noe av det morsomste jeg ser i denne sammenheng er "webmastere" som spør om du bruker siste versjonen av nettleseren når de samtidig tvinger nettleseren i Quirk mode! Det er ufattelig dumt og morsomt.

21. Man sikrer seg at siden har et utseende som man i alle fall selv syns ser bra ut. Og husk at det er ikke påbudt å ha en nettside!

22. Man sikrer seg at siden har et innhold som appellerer til en litt større gruppe enn nærmeste familie og venner, og at utseendet står i stil til innholdet. Dersom den IKKE gjør det, la være å registrere den, bruk ikke irrelevante "meta keywords" og publisér den bare internt.

23. Man legger ikke ut nettsteder til vurdering dersom man ikke har giddet å arbeide seg gjennom disse punkter. Man fremviser ikke uferdig arbeid med kanskje også linker som ikke virker, sider som er "under konstruksjon" osv. og forventer å få skryt. Det er som å kjøpe seg et nytt kladdehefte, tegne noen firkanter utenpå og be om skryt over de flotte og gode historiene man kanskje har tenkt å skrive i heftet en eller annen gang; dersom man altså gidder og har evnen til det. Ingen blir imponert over en side full av feil og som bare er en "kjøttkakeside". En kjøttkakeside er en side som forteller den besøkende at "Nå har jeg fått nytt design, i dag har jeg gjort ditt og datt og fikk kjøttkaker til middag".

Lykke til!

Ta deg også tid til å lære om primære farger, sekundære farger og komplimentærfarger. Det er like viktig som også å ha kjennskap til det gyldne snitt, (a+b)/a = a/b (=~1,6) og huskereglene ovenfor.

Under er et tekstfelt med min PGP nøkkel og et fargehjul som bakgrunn.

Her er min mal for HTML sider som jeg starter med hver gang jeg skal lage en slik HTML side:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Untitled</title>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
    <META HTTP-EQUIV="Content-Language" CONTENT="da">	
	<LINK TYPE="text/css" REL="stylesheet" HREF="style.css">
</head>
<body>
<!-- Innholdet i din webside her  -->
</body>
</html>



Linker

  1. Om websider
  2. Noen retningslinjer
  3. Design - Utseende - Redesign?
  4. Spyware og Adware
  5. Download Kalkulator
  6. Websikre Farger
  7. Ny PC? Hvordan?
  8. HTML Intro
  9. HTML Del 1
  10. HTML og CSS Del 2
  11. Infisert maskin?