Aloin rakentamaan sivuja kesällä 2000, tarkkaa aikaa en muista. Erilaisten kokeilujen ja HTML:n mieleenpalautuksen jälkeen ne alkoivat muotoutua. Intensiivisen työskentelyn tuloksena valmistui osio Tae Kwon-Do:sta. Myös Linkit ovat olleet alusta lähtien (lisäyksiähän tulee koko ajan. Muita ajatuksia ja kokeiluja on syntynyt matkan varrella. Syyskuun lopulla 2000 sain kirjoiteltua osion autostani, johon osan teknisistä tiedoista lisäsin 21.10.2000.
Tämä sivu on lähinnä työpäiväkirjani, joten tuskinpa se kiinnostaa muita hirveän paljoa. Itse voin muistella eri kehitysvaiheita tämän kokonaisuuden avulla. Valitettavasti keksin koko ajatuksen vasta lokakuun lopulla, kuten alla olevasta ilmenee.
Löydettyäni Netistä materiaalia CSS:stä (CSS1) aloin muuttamaan sivujani CSS -määrittelyjä käyttäviksi. Kaikki sujui hyvin kunnes piti ruveta muotoilemaan taulukoita. Lähdemateriaalini ei kertonut siitä mitään, joten homma loppui ja pääsin vihdoin nukkumaan.
Samaisen CSS -löydöksen yhteydessä löysin HTML 4.0 -määritykset ja sivuni alkoivat muuttua paremmin siihen sopiviksi. Samalla sivujen sisäinen rakenne muuttui dramaattisesti, vaikkei sitä ulkoapäin huomaakkaan.
Innostuin etsimään w3.org:in sivuilta uudempaa CSS -määritystä (CSS2), löysin sen ja HTML 4.01 -määrityksen.
Muokkasin muutenkin sivujen sisältöä hieman ja muuttelin koodia toimimaan paremmin ilman kuvia. Määritin myös jokaiselle kuvalle koon, jotta ulkoasu pysyisi samanlaisen, vaikka kuva ei olisi latautunutkaan. Otsikko kuvat muutin taustaltaan läpinäkyviksi.
Pistin päivitetyt sivut Mbnetin palvelimelle. Testauksessa osoittautui ongelmia, Navigatorin kanssa. Se ei ilmeisesti tue CSS2 -tyylejä, joten ei voi mitään. Muutenkin yksi tyhmä kirjoitusvirhe framejen kanssa aiheutti ongelmia Netscapen kanssa.
Sain inspiraation päivittää sivujani kokeisiin lukemisen lomassa, joten rakentelin uuden valikon. JavaScriptillä toteutettu valikko vaihtaa kuvan, kun hiiri viedään linkin päälle. Lähdekoodi perustuu Mikrobitin numerossa ? esiteltyyn esimerkkiin, jota editoin omiin tarpeisiini. Kuvat voisivat olla paremman näköiset, mutta saavat kelvata ainakin toistaiseksi. Jätän vanhan valikon niitä varten, joilla ei ole kuvia käytössä, tai selain ei tue JavaScriptiä (Onko heitä???). Samalla poistin automaattisen hyppäyksen etusivulta eteenpäin. Pitäisi kai yrittää vääntää JavaScript koodi etusivulle, joka tutkisi käytössä olevan selaimen ja valitsisi sen perusteella oikean sivun. Samalla tein myös pientä hienosäätöä.
Sain tietää, että MBnetin valmis palautesivu ei toimi kunnolla (tai postijonossa on vikaa). Täytynee valittaa asiasta myöhemmin. Nyt taidan poistaa koko valmispalautteen ja jättä jäljelle pelkän sähköpostiosoitteen. Sain myös kuulla, että Kadetista kertovan sivun taulukko ei näkynyt Navigatorilla, syysksi ilmeni pieni kirjoitusvirhe. Hakiessani sivuani osoitteesta www.fi, sain huomata ettei se enää löytänyt uusia sivujani, joten lähetin päivityspyynnön. Samassa rupeamassa kirjoitin etusivun selainsuositkseksi IE 5.0:n tai paremman. Navigator 4.7 on syvältä.
Uusi mikrobitti selvisi ja sen erään kirjoitelman myötä selvisi, ettei esimerkiksi Altavista hyväksy sellaisia sivuja joissa käytetään frameja (hakurobotti seuraa linkkejä ja kehykset luovassa dokumentissahan ei niitä juurikaan käytetä). Eipä kai auta muu kuin muuttaa sivut sellaisiksi, joissa ei ole kehyksiä. Se onkin sitten eri asia milloin varsinainen muutostyö alkaa. Juuri kun olin saanut "hienon" vaihtuvanappisen valikon tehtyä. Ei auta itku markkinoilla, porukan on saatava käydä sivuillani :), no samallahan voin alkaa päättötyöni kuvaamisen HTML:llä. Lopullinen versio ei ole kyllä ihan vielä valmis, mutta eiköhän se siitä.
Aloin muokkaamaan sivujani kehyksittömiksi illemmalla. Se onkin sitten aivan toinen juttu mitä sain aikaan. ;)
Todellinen "urakka" alkoi ja nyt sivut ovat siinä kunnossa, että niitä voisi mainostaa hakukoneillekkin. Käyttöliittymä tulee parantumaan tulevaisuudessa (?), ehkä sivujen ulkoasu muuttuu muutenkin. Linkkeinä käytettyihin kuviin aion liittää animaation, siis silloin kun hiiri viedään ko. linkin päälle. Kaiken lisäksi sivujen otiskoita (title) on muokattava, ja meta-kentät laitettava uuteen uskoon.
Päättötyöni alkaa valmistua huimaavalla vauhdilla, joten eiköhän HTML-kuvauskin ala kohtapuoliin. Mielessäni on jo hinoja GIF-animaatioita, joilla voin toteuttaa hyvinkin havainnollisia esimerkkejä.
Inspiraatio iski jälleen! Sain muutettua lopun materiaaliin päättötyöstä HTML-muotoon, nyt pitäisi vielä tarkistaa koko sisällön oikeellisuus ( huokaus). Lisäksi pitää laittaa lukuisat hyperlinkit kuntoon eli on katsottava mistä sanoista tehdään linkkejä, ja siihen malliin. Muokkasin META-kenttien "keywordseja", jotta edes jokin hakukoneista huolisi sivuni. Luulenpa, että edellisen kerran jäljiltä siellä oli hieman liikaa toistoa. Päättötyön ulkoasua voisi hieman koristaa muuttamalla otsikot hienoiksi kuviksi jne.
Sain päättötyöni takaisin arvosteltuna ja rakentelin yhden taulukon IP-osoiteluokista. Lisäksi lisäsin jokaisen sivun loppuun linkin seuraavalla sivulle (koskee vain päättötyön aluetta) lukuunottaman liitteitä. Altavista on muuten indeksöinyt etusivuni, pitäisi yrittää saada päättötyö vielä hakupalvelun tietoisuuteen. Lisäksi jotain pientä viilausta siellä täällä.
Hermot meni (YO-kirjoituksiin valmistautumiseen)! Siispä siirryin muokkaamaan kotisivujani. Tällä kerralla alkoi taas kerran päättötyö-osion oikoluku. Virheitä ja korjauksia löytyi, joten homma ei ollut aivan turhaa. Enpä jaksanut jatkaa touhua hirveän pitkään, joten se jatkuu joskus myöhemmin. Niin Google on indeksöinyt sivuni, Altavista poistanut ne jostain syystä tietokannastaan (omaa sähläystä???) ja Ihmemaahan (siis www.fi) lähetin uuden indeksöinti pyynnön.
Kadettia koskevaan aineistoon on lisätty loppupuheenvuoro, sillä auto (hah!) lähtee kohta myyntiin. Päättötyösivujen tarkistaminen jatkuu myös.
Intti on loppu ja selaimiin on tullut päivityksiä. IE6 kiukutteli CSS-tyylimäärityksien kanssa: esim. kuvissa olin määritellyt kehykset pois tyyliin border: no, mutta se piti muuttaa muotoon border: 0. Lisäksi alan opiskelemaan/hyödyntämään PHP:tä, aluksi on ainakin tulossa ylläpitosovelluksia, eivät tosin näy käyttäjille :(