Susimąsčiau…

Dabartinė VU TVS leidžia kiekvienam „tinklapiui“ (aka struktūriniam elementui, ar kaip kitaip bepavadintum) sukurti po du pavadinimus: vieną „gražų“, su tarpais ir praktiškai belenkokiais simboliais, o kitą — „techniškesnį“, be tarpų, diakritikų ir panašaus „išsikalinėjimo“. Pastarasis pavadinimas (aš jį vadinsiu ID, WordPress jį vadina „slug“) naudojamas, formuojant nuorodas. Tokiu būdu, pavyzdžiui, puslapis, kurį vartotojas mato „International Relations“ pavadinimu, nuorodoje gali figūruoti kaip „international“, o puslapis „Faktai ir skaičiai“ nuorodoje matomas kaip „faktai“. Savaime aišku, jog šie nuorodose naudojami identifikatoriai turi būti unikalūs. Tačiau yra vienas kabliukas — kiekvienas puslapis mūsų TVS’e yra priskiriamas konkrečia kalba identifikuojamam visiškai atskiram hierarchiniam medžiui, o šių medžių gali būti keli. VU svetainėje jie kol kas yra du — lietuviškas ir angliškas. Štai čia man ir iškilo klausimas — ar sistema turėtų leisti skirtinguose medžiuose kurti puslapius su vienodais ID, ar ne? Kiek mąstau, nenusprendžiu, kuris variantas geresnis. Abu turi šiek tiek pliusų ir minusų:

• Leidžiant kurti vienodus ID, atsiranda trūkumas — nuorodose būtinai turės figūruoti kalba, kuria pageidaujama gauti tekstą. Šio varianto suteikiamas pranašumas, manau, akivaizdus — nereikia sukti galvos dėl skirtingų ID kūrimo.
• Neleidžiant jų kurti, kalbą nurodyti tampa nebūtina, tačiau tuomet kyla potencialių nepatogumų, kuriant patį ID. Paprasčiausias pavyzdys — tarkime, jūsų firma gamina produktą, pavadintą „Aspirin“, ir turi svetainę penkiomis kalbomis, kurioje aprašo savo produktus. Logiška, kad puslapio apie šį produktą ID turėtų būti „aspirin“. Ir pageidautina, kad jis toks ir būtų. Tačiau gaunasi kitaip — tenka kurti „aspirin_es“, „aspirin_de“ ir pan. Tai nepatogu!

Dabartinės VU svetainės puslapiai yra adresuojami, nuorodoje nurodant kalbą. Tačiau TVS neleidžia kurti puslapių skirtingomis kalbomis, bet vienodais ID, taigi kalbos nurodymas yra iš principo nereikalingas. Ėmiau galvoti, gal reik tuos /lt/ bei /en/ išmesti. Bet galvoju, jog kita vertus, gal geriau reiktų praplėsti TVS funkcionalumą… Kaip manote?

Eilinį kartą gražinant VU CSS’ą, iškilo man šiokia tokia dilema. Tarkime, turiu aš keturis iš eilės einančius block-level elementus:

<div id="div1">First Block</div>
<div id="div2">Second Block</div>
<div id="div3">Third Block</div>
<div id="div4">Fourth Block</div>


Tada tarkime, jog blokams pritaikome štai tokį stilių:

#div1 {
height: 100px;
float: left;
clear: right;
}
#div2 {
height: 40px;
float: right;
clear: right;
}
#div3 {
height: 40px;
float: left;
clear: left;
}
#div4 {
height: 40px;
float: right;
clear: right;
}


Taigi — kas man gali tiksliai pasakyti, kur turėtų atsidurti ketvirtasis blokas? Klausimas kyla todėl, kad IE (tame tarpe ir IE7b2 preview) jį priklijuoja prie antrojo bloko apačios, o tuo tarpu Mozilla bei Opera jo viršų sulygiuoja su trečiojo bloko viršumi.

Tikriausiai aprašymas nelabai aiškus, tad yra ir live pavyzdys.

Gerokai vėluodamas, visgi pabloginsiu ir apie top.lt rezultatus. Kadangi VU svetainė dalyvavo čempionate, man buvo truputį įdomu, kuo gi jis baigsis. Ir štai — vieną dieną savo el. pašto dėžutėje radau pagrindinio čempionato organizatoriaus — Chionso — laišką su kvietimu atvykti į čempionato apdovanojimų vakarą. Staiga susigriebiau, kad naujasis vu.lt vis dar nepaleistas viešumon, tad apturėjau šiek tiek darbo (pasirodo, ne tiek jau ir daug), pribaigdamas pirmąjį puslapį, ir vieną pavakarę senasis variantas buvo pakeistas naujuoju. Tegyvuoja semantinis web’as! Dėl to praeitą savaitę mūsų svetainė kiek nestabiliai veikė (gal kas pastebėjo) — my bad. Užtad dabar viskas sukasi tiesiog puikiai!

Taigi, didieji ir mažieji skirtumai:

• geras vaizdelis matomas tik CSS palaikančiomis naršyklėmis. Visokių NN4 ir pan. naršyklių vartotojai galės naudotis visiškai neformatuota versija;
• spausdinant, pritaikomas papildomas CSS stilius, paslepiantis tai, kas nereikalinga ir išplatinantis pagrindinį turinį iki pilno pločio. Dėl šitos galimybės turėjau progą vėl pakeikti IE (šįkart senesnes, negu IE6 versijas);
• normaliai didinasi tekstas. Šitai jau anksčiau buvau padaręs, tačiau dabar išvis visų (su pora išimčių) elementų bei tekstų dydžiai nurodomi santykiniais vienetais. Tai, kas liko — jau paties dizaino problema;
• visi meniu pateikiami sąrašais — <ol><li> ir t.t.;
• visokius pagražinimus ir pan. pasistengiau maksimaliai sudėlioti per stilius. Net didysis raudonas paveiksliukas yra meniu sąrašo fonas, o ne atskiras elementas;
• pagal W4 dogmos reikalavimą – užrašas „Vilniaus Universitetas“ yra vienintelis <h1 /> elementas puslapyje. Kitos pirmo lygio antraštės (jei kažkas jų prideda) yra tiesiog nerodomos ;
• pagerintas struktūros atvaizdavimas (tai irgi buvo padaryta seniau);
• truputį pakeisti kitų antraščių stiliai;
• kelias iki atverto puslapio yra pažymimas pabraukimais.

Galbūt buvo dar šis tas. Nebepamenu. Beje, mano kolegėms darbe šriftas atrodė kiek per didelis. Hm… Na, pripras. Asmeniškai aš pats esu tikrai patenkintas šiuo darbu, nors pirmajame puslapyje jau radau vieną ar du nereikalingus <div /> elementus. Na bet tiek to.

Vat. O dabar galiu dar ir pasigirti, jog šis variantas nespėjęs pasirodyti, jau gavo top.lt „Geriausio techninio įgyvendinimo“ apdovanojimą, o pati VU svetainė užėmė antrą vietą prezentacinių tinklapių kategorijoje.

Dar galite palyginti:

• dabartinis VU svetainės vidinio puslapio variantas
• būsimasis variantas. Galima dar pridėti &servexml parametrą, kad pasikeistų Content-Type antraštė

Pajunginėkite stilius, paveiksliukus ir pan. Jei matysit ką negero (kad ir su nevisai standartiniais nustatymais) — galit pamuilint darbiniu adresu, nes noriu padaryt kuo geriau. Pats labai džiaugiuosi ir didžiuojuos, jog man pavyko taip padaryti. Ir, beje, tai nėra sunku! Apie tai tikiuosi kada dar atskirai pablogint (maybe, even in English…).

O dabar perdarinėju pirmąjį puslapį. Nes beliko vos du dalykai — jis, ir paieškos rezultatų puslapis.