Sivusto on toteutettu käyttäen XHTML-kieltä, CSS-tyylimäärityksiä, JavaScriptiä ja SSI (server side include) -tekniikkaa. Ratkaisulla on pyritty toteutukseen, jossa uusien sivujen lisääminen sivustoon olisi mahdollisimman vaivatonta ja noiden tekniikkojen käyttö huomaamatonta. Rakenteen pohjalta on helppo toteuttaa helppokäyttöinen ja tehokkaasti toimiva kurssin kotisivu tai jopa pienehkö verkkokurssi.

Sivuston rakenteen keskeiset osat ovat valikko (menu.html) ja sisältösivut. Valikko on kaikille sivuille yhteinen. Sisältösivujen yhteiset asiat kuten yläreunan logot ja linkit, tyylitiedostojen ja JavaScriptin sekä valikon liittäminen on koottu sivuaihioon pohja.shtml. Jos XHTML olisi olioperustainen, voitaisiin sanoa, että sisältösivut perivät sivuaihion. Näin ei kuitenkaan ole ja niinpä sisältösivut on tehty kopioimalla sivuaihio pohjaksi ja täydentämällä sitä.

Sivuaihio sisältää pääasiassa joukon ssi-kutsuja, joilla sivu parsitaan kokoon osista:

• ./includes/otsake.html sisältää sivun yläreunan määrityksiä
• menu.html sisältää valikon
• ./includes/loppu.html ja ./includes/ihan_loppu.html sisältävät sivun alaosan määrityksiä

Valikko on hierakkinen. Se kokoaa yhteen sivuston sivuille osoittavat linkit. Hierarkian tasot voidaan avata ja sulkea. Lipuketyyppisesti toimiva aktiivinen valinta näyttää, mikä sisältösivu on kulloinkin näkyvissä. Valikko on toteutettu tiedostoon ../js/menu.js sisältyvien JavaScript funktioiden avulla.

Sisältösivuilta voidaan hyperlinkkien avulla avata myös ulkoisia sivuja. Nämä suositellaan avattavaksi erilliseen ikkunan.

Tyylitiedostot ovat hakemistossa ./css/. Toteutuksen pohjana on käytetty Helsingin yliopiston verkkosivuohjeistoa. Valikon toiminnallisuus eroaa ohjeiston valikosta.