Tyylisivujen käyttöönotto ja sivuston päivitys XHTML 1.0 -kieliseksi

Tämä sivusto on perustettu syksyllä 1995 eli jo yli 10 vuotta sitten! Alkuaikoina sivujeni tekniset ominaisuudet kehittyivät sitä mukaa kuin opin HTML-kieltä. Olen kuitenkin pitänyt kiinni siitä, että sivuistani on olemassa vain yksi versio eikä eri versioita eritasoisille selaimille. Sen vuoksi en ole uskaltanut käyttää sivuillani selainten uusimpia hienouksia enkä myöskään HTML-kielen sellaisia piirteitä, jotka toimivat vain tietyn merkkisessä selaimessa. Käytännössä sivustoni uusimmat osat ovatkin tähän asti olleet lähinnä HTML-kielen version 3.2 tasolla.

Tässä vaiheessa kaikilla lukijoillani lienee jo niin uusi selain, että uskallan turvallisesti aloittaa CSS-tyylisivujen käyttöönoton ja tämän sivuston teknisen päivittämisen XHTML 1.0 -tasoiseksi. Aion tehdä sen seuraavasti:

XHTML-kielen käyttöön siirtymisen ei pitäisi näkyä ulospäin millään tavalla. Tyylisivujen käyttöönoton pitäisi näkyä sivujen ulkoasun vähäisenä parantumisena. Jos kuitenkin huomaat uudistetuilla sivuilla jotakin outoa, hassunkurista, vaikeasti luettavaa tai muuta huomautettavaa, ole ystävällinen ja ilmoita siitä joko sähköpostitse osoitteella webmaster@ahjos.net tai keskustelufoorumille. Jälkimmäiseen voit halutessasi kirjoittaa anonyyminäkin. Muista mainita, mitä selainversiota käytät!

Sivujen päivitys XHTML-tasoisiksi alkoi 3.9.2005 ja on tähän mennessä edistynyt alla olevan taulukon osoittamaan vaiheeseen.

Toistaiseksi muuntamatta:
(HTML, HTML 3.2)
Muunnettu ja validoitu:

Valid XHTML 1.0 Transitional tai Valid CSS!
Alikansioissa:
(kaikki html-tiedostot muuntamatta, ellei toisin merkitty)
dbase/	    Odottaa sisällön päivitystä
matka/      Muut paitsi "index.html"
zone/       Odottaa sisällön päivitystä

 

Näitä ei voi tai tarvitse muuntaa:
musiikki.htm 	*)

demo-picasa/
	(Picasa2-ohjelman generoima)

.../picasa640/...
.../picasa800/...
        (Picasa-ohjelman generoimia)

IAIS/svision/
	(konsulttityö vuodelta 1998)

keskustelu/messages/
	(Discus4-ohjelman generoima)

links/
	(sisältää vain .htaccess-tiedoston)

meriarkisto/diili-2004/
	(valmiina saatu show)

meriarkisto/life95 ... life2003/
	(ollutta ja mennyttä)

open/messsages/
	(Discus4-ohjelman generoima)

rahoitusfoorumi/
	(Discus4-ohjelman generoima)

svision/
	(sisältää vain .htaccess-tiedoston)

xmas/    *)

*) sisältää standardiin kuulumattomat
elementit "bgsound" ja "embed"
Pääkansiossa:
HEITTOTIEDOSTOT:
(meta "Refresh")
404.shtml
ayurveda.htm
konosuke.htm
masennus.htm
mindbody.htm
topi.htm

KEHYSTIEDOSTOT:
(Frameset-tyyppiset)
beck.htm
cv1.htm
default.htm
dystymia.htm
index.html
luokitus.htm
oikea.html
vasen.html

SISÄLTÖTIEDOSTOT:
announcement.htm
asiakokonaisuudet.htm
blankko.htm
depression.htm
email.htm
english.htm
html-to-xhtml.htm
indexor.html
mindbody-e.htm
ms.htm
romanovs.htm
seina.htm
sivuovet.htm
support.htm
tuoreet.htm
vcr-time.htm
web-post.htm
yhttied.htm **)

**) sisältää standardiin kuulumattoman
elementin "marquee"

Tyylitiedostot:
style-kanfi.css
style-ohjesivut.css
muistoja/style-muistelmat.css
muistoja/style-sanasto.css

Alikansioissa:
(kaikki html-tiedostot validoitu, ellei toisin merkitty)
"SIVUOVEN" SISÄLTÄVÄT ALIKANSIOT:
ayurveda/
ayurveda/esittely.htm *)
colors/
finance/
haastattelu/
ilmalaivat/ ***)
jooga/
juhani/
keskustelu/index.html
masennus/
open/awstats/
open/dbase/
open/dbase/uutiset.htm
tite/

*) sisältää standardiin kuulumattomat
elementit "bgsound" ja "embed"

***) käytetty standardiin kuulumatonta
elementtiä "nobr"


MUUT SISÄLTÖKANSIOT:
cv/
demo/
friman/
IAIS/ (paitsi erikseen mainitut alikansiot)
insider/
kielet/
kielet/venaja.htm ***)
luokitus/
matka/index.html
meriarkisto/.
meriarkisto/life98/cancun.htm
meriarkisto/wedding-2001/
meriarkisto/matkat-2003/
meriarkisto/life2004/
meriarkisto/life2005/
muistoja/
personal/
pix/
playground/
vk/
zone/painoni.htm

***) käytetty standardiin kuulumatonta
elementtiä "nobr"

MUUALLE OHJAAVAT TAI
MUUALTA SISÄLTÖÄ HAKEVAT ALIKANSIOT:
db2k/	    (meta "Refresh" + opastava linkki)
dbase2000/  (meta "Refresh" + opastava linkki)
gmail/      (meta "Refresh" + linkki)
huuto/	    (Frameset + sisältöä)
insurance/  (meta "Refresh" + linkki)
journal/    (Frameset, sivuovi)
kansa/	    (Frameset, sivuovi)
kuulumiset/ (Frameset, sivuovi)
ravinto/    (Frameset, sivuovi)