Hvordan lage hjemmeside
Litt Internett-historie
Litt Web-historie
Hvordan publisere web-sider
En
oppskrift for å lage web-sider finner du på student-web'en.
I hovedsak går denne ut på:
- Lag et Word-dokument,
- Velg Lagre Som og velg Lagre som HTML.
- Gi dokumentet etternavn (filekstensjon) «.html».
- Plasser dokumentet på W stasjonen.
- Dokumentet kan da aksesseres som
http://www.hib.no/studenter/ditt_brukernavn/valgt_filnavn.
Vi skal følge denne oppskriften, botsett fra første punkt.
Word gjør det enkelt å lage web-sider, men vi skal likevel skrive koden selv da
Word håndterer web-standardene for dårlig.
På noen av lab'ene finner du programmet DreamWeaver. Dette er programmet
ved HIB som best takler Web-standardene slik de er gitt av
W3C. De andre programmene
produserer web-dokumenter med for mange kodefeil.
Et annet argument for å skrive koden selv at vi da har tilgjengelig
alle mulighetene som standardene gir oss.
(Vi kan også få dette til fra f.eks DreamWeaver ved at vi skriver deler av koden selv.)
Web-lagings verktøyene bruker stort sett kode som IE forstår.
Og dette utvalget blir da nokså begrenset, og standardene brytes.
Et web-dokument må vises fornuftig i alle (moderne) nettlesere, og må da testes i de samme
nettleserene. Dokumentet trenger likevel ikke ha et identisk utseende i ulike nettlesere.
Så lenge siden får et fornuftig utseende i de ulike nettleserne
kan vi bruke kode som bare de mest avanserte nettleserne forstår.
Web-standardene
Alle større aktører på Internett
er medlemmer av W3C, og har blitt enige om standarder for WWW. Alle nettleserleveandører
arbeider mot disse standardene, men ikke alle har nådd like langt.
Kommende nettlesere vil nærme seg dem mer og mer.
Det er flere grunner til at vi bør følge standardene:
- Kommende nettlesere vil forholde seg til standardene og bli flinkere til å følge dem.
Web-sider som bryter dagens standarder vil ikke nødvendigvis kunne vises i alle fremtidige nettlesere.
- Nettlesere for mobiltelefoner etc. vil ikke kunne bli like omfattende som dagens nettlesere.
Det blir mindre plass til programkode for å håndtere feilsituasjoner.
- Du kan putte ikoner nederst på web-siden som forteller at siden er «riktig».»
De forskjellige standardene:
- HTML, XHTML:
- Standarder for å strukturerer dokumentet i overskrifter, paragrafer, lister etc.
- CSS:
- Standard for å formatere (gi utseende) til strukturene (dvs. overskrifter etc) i dokumentet.
- Javascript:
- Denne standarden er ikke gitt av W3C. Programmperingsspråk for klientsideprogrammering.
- DOM:
- Metoder og egenskaper for å arbeide med strukturene (dvs. overskrifter etc) i dokumentet.
Hvordan takler så de ulike nettleserene standarden?
- HTML, XHTML:
- Denne delen takler alle moderne nettlesere utmerket.
- CSS:
- Denne delen takler (ifølge W3C)
Mozilla 1.1 og Netscape 7.0 «excellent».
Opera er også bra, men IE mangler mye. Sjekk også
CSS2 testen av endel moderne nettlesere.
- Javascript:
- Mozilla 1.1, Netscape 7.0 og IE 6 er utmerket her. Opera har problemer.
- DOM:
- Igjen er Mozilla 1.1, Netscape 7.0 veldig bra. IE er mangelfull. Opera har store problemer.
Nettet ved HIB
- Driftspersonalet sitter i 5.etg, A blokk
- Båndbredde på internt nett : 10/100 Mbps
- Ruter HBK (Haukelandsbakken) ↔ Nygård (oss) : 1 Mbps
- Denne linjen deles mellom ansatt/student i HBK
- MDV (Møllendalsveien) ↔ Nygård : 1 Gbps
- Denne linjen deles mellom ansatt/student i MDV
- Nygård ↔ UiB : 100 Mbps
- Fra UiB og rundt i Norge
detaljert kart
Fra HIB til kommersielle nett i Norge:
- og videre ut i verden.
Skrive XHTML kode
Jeg har laget noen maldokumenter som kan gi hjelp til å lage web-sider.
Studer sidene og forsøk å forstå den. Du kan kopiere nødvendige deler og bruke i dine
egne dokumenter:
Foreleser er Bjarte Kileng. Jeg sitter på rom A620.
Min epostadresse er
Bjarte.Kileng@hib.no.
