Teknisk utvikling av Skoletorget-veven

Versjon 1.2.4 – 4. juni 2004

design

• temasider: fjernet kursiv på bildetekst og laget luft mellom bilde og tekst i forbindelse med klassene .divfloat200 og .divfloat250 (laget to nye klasser: .divfloat200/250 img {margin-bottom:5px})
• fagsider/nyhetssider: lagt til clear:both på <h3>
• nyhetssider: sentrert <h1>

Versjon 1.2.3 – 30. mai 2004

design

• fjernet kursivering av alle overskrifter på undersider, temasider og fagsider, også fjernet kursiv på presentasjonsteksten på temasidene (introteksten); har erfart at kursivert tekst av noe størrelse blir hakkete på skjermer med lav oppløsning
• redusert fontstørrelse på overskrifter på temasider: <h1> fra 22px til 20px, <h2> fra 18px til 16px, <h3> fra 16px 14px; dermed harmonerer størrelsen på overskriftene bedre med de andre sidene
• temasider: innført <ul> som underliste under <ol> under .filotabell; dette for å få en bedre formatering av underpunktene og unngå masse <br /> (foreløbig ikke med tilbakevirkende kraft...)
• temasider: satt margin:0 på <h1>-overskrift i .filotabell

bugretting

• temasider: fikset feil ved at tekstfarve ved hover på .hjelpemenytopplinkfokus ikke ble hvit; løsning: måtte sette passende background-color på a.hjelpemenytopplinkfokus:link og a.hjelpemenytopplinkfokus:hover
• undersider: fikset feil plassering av <h1> i .filotabell (<h1> plassert foran <img>)
• temasider: fikset feil størrelse på bilde øverst i høyre hjørne på samfunnsfagsidene, det var 206px bredt i en tabellcelle som var satt til 198px, dette førte til at Opera ikke plasserte bildet riktig (endret både selve bildet og width-attributtet i filene)

Versjon 1.2.2a – 12. mai 2004

funksjonalitet

• forbedring av påmeldingen til infolisten: lagt inn <form> på infoliste.html slik at man kan skrive inn e-postadressen og sende den direkte til ezmlm på server, forbedringen gjør altså at man ikke lenger trenger å gå veien om egen e-postklient (<form> peker til infoliste_svar.php som inneholder skriptet som sender til ezmlm)

Versjon 1.2.2 – 10. mai 2004

funksjonalitet

• endring på siden for påmelding til e-postlisten, infoliste.html: før måtte man skrive inn påmeldingsadressen manuelt, nå er det lagt inn mailto-lenke; beskrivelsen av selve listen er også strammet opp

design

• satte liten skrift (<p class="xxsmall">) på bunntekst på index.html, puttet <p> inn i en <div class="center"> for å midtstille avsnittet

Versjon 1.2.1 – 7. mai 2004

funksjonalitet

• ny side om Skoletorgets e-postliste, lenker fra samtlige sider
• ny Om-side på engelsk, lenke fra forside + alle fagsider
• alle temasider, undersider og pdf-filer: lagt til "Sist oppdatert"-dato
• alle sider: tilføyd lenke til yabb-forum i de respektive menyer
• fagsider: fjernet pdf-kolonne i fagtematabellene siden alle oppslag har pdf-versjoner (altså ingen grunn til å markere dette individuelt)

design

• laget html/css-versjon av versjonsfilen (som var en tekstfil)
• satt blå bakgrunn og hvit tekst på ny klasse .titekst
• satt (tilbake til) Verdana på navigasjonsteksten øverst på tema- og undersidene
• satt #ffcc66 bakgrunn på <h1> også på temasidene
• fikset utseende på alle interaktive øvelser i alle fag slik at alle nå har samme farvekode, alle øvelser samtidig oppgradert til Hot Potatoes ver. 6
• endret utseende på alle ordforklaringer slik at både ordet og forklaringen blir markert med grå bakgrunnsboks og hvit tekst (gjelder både fagsider, tema- og undersider)
• lagt til width="70%" på første <td> på hver klasstrinnstabell på alle fagsidene, dette for at kolonnene til høyre (klasse, web osv.) skal dyttes helt ut til høyre og ikke spres ut mot midten av tabellen (er klar over at dette er en ikke-ideell strategi, men det får duge inntil videre...)
• tema- og undersider: endret uthevingen av ordforklaringer fra bold til blåfarven #006699, dette for å gjøre tekstbildet mindre "klattete" og derved mer lesevennlig, fjernet også spesifiseringen av hover på .stortekstforklaringer og .ordforklaringer slik at hover nå arver link:hover (dvs. background:#666666)
• hjelpsiden: satt text-align:center på .bildeluft for å sentrere illustrasjonene på venstre side av forklaringstabellen
• nyhetssider: fjernet margin-top og margin-right på .bildeluftoverhoyre
• undersider: satt #ffffcc som bakgrunnsfarve på .teksttabell for å skape større kontrast mellom boksen og resten av tekstsiden
• undersider: satt margin-left på <ol> og <ul> til 3em samt fjernet margin-left:15px på <li>, dette fordi Opera har problemer med riktig innrykk av lister
• undersider: fjernet marginleft og marginright på .midtkolonne, unødvendig med så mye luft på sidene av teksten
• temasider: alle ordforklaringer samt <h3> endret fra mørkeblå (#000066) til sort, dette for å dempe det visuelle inntrykket på sidene som allerede er overlesset med farver
• forside: redusert font-size i <h1> til 18px og til 16px i <h2>, har også fjernet kursiv i <h2>

bugretting

• renamet klasse .tekst10 til .titekst; brukes på Sist oppdatert-tekst på undersidene, måtte endre dette siden Opera og Mozilla ikke forsto klassenavnet .tekst10 (hvilket er korrekt siden numeriske tegn ikke skal forekomme i klassenavn)
• fagsider: satte inn style="clear:none" i <h1> øverst på fagsidene for å få Netscape 6 til å plassere <h1> med riktig innrykk fra topp (<h1> er satt med clear:both i fagsider.css)
• temasider css: satte margin-right:3px i .midtkolonne for å forhindre at de ytterste delene av kursiv tekst blir uleselige i visse nettlesere (IE5)
• temasider: endret margin-top og -bottom verdier på .pekertabellbunn og .filotabell for å unngå at Opera forskyver siden vertikalt ved mouseover på frem- og tilbakeknappene
• forside og fagsider: måtte sette style="vertical-align:top" på blaa_gradient_oppe.gif (øverst i venstremarg) pga. lyseblå strek i overkant av bildet (kun forekommende i IE6); streken skyldtes vertical-align:middle på <img>-taggen (jfr. nedenfor).

Versjon 1.1 – 27. oktober 2003

funksjonalitet

• fjernet tilbakestill-knappen på kontaktskjemaet
• lagt til javascript funksjonalitet på kontaktsiden slik at navn-, epost- og kommentarfeltet må fylles ut før skjemaet kan sendes, scriptet sjekker også at epostfeltet inneholder tegnene "@" og "."
• versjonsnummeret på index-siden peker nå til denne versjonsfilen

design

• fjernet alle forekomster av class="dikt" og class="diktforklaringer", erstattet med class="center16", fjernet .dikt og .diktforklaringer fra temaside.css
• <h1> temaside: background:#FFCC66, padding:5px, text-align:center <h3> temaside: background:#FFCC66, padding:3px, margin-top:22px (fra 20) Satte disse bakgrunnsfarvene fordi den gule tekstdelen av temasiden ble litt blass ved siden av alle de sterke farvene i høyremargen
• temaside: fjernet letter-spacing:1em på .ordforklaringer og letter-spacing:1.1em på .stortekstforklaringer for å gjøre dem mindre øynefallende i tekstbildet
• redesignet filotoursidene, satt større padding og margin samt fjernet bakgrunnsfarven på navigasjonsboksen nederst på sidene, navigasjonsboksen har også blitt komprimert i midten

bugretting

• ryddet opp i <h1>-, <a name="">- og <img>-tagene i overskriften til filospørsmålene på temasidene, feilen gjorde at overskriften forsvant i IE ved mouseover på ordforklaringene (og ved klikk på filospørsmålikonet øverst til høyre)
• fikset vertikal forskyvning av temasidene (og filotoursidene) ved mouseover på frem- og tilbakepilene: satte margin-top:20px på .pekertabellbunn og fjernet margin-bottom på .filotabell (temasider), ryddet kraftig opp i css-filen og fjernet designtabell (filotoursider)
• forside: satt font-weight:normal på .margbokslink:hover for å unngå at teksten blir fet ved mouseover i Opera 7
• temaside: endret .indent fra margin-left:25% til margin-left:5em fordi IE 6 ikke forsto prosentangivelsen
• forside, fagsider, temasider og undersider: satt vertical-align:middle på <img> for å unngå understrekning av bilder med lenker ved mouseover i Opera 7
• fikset div. småbugs

Versjon 1.0 – 10. oktober 2003