WWW-palvelimena toimiva Apache HTTP Server 1.3 tukee HTTP1.1 standardia sekä
sivujen GZIP pakkaamista, jos myös selain niitä ilmaisee tukevansa - näin
tieto kulkee pakattuna ja HTTP-yhteyttä ei katkaista sivuun liittyvien tiedostojen
hakujen välissä.
Hierarkisesti sivut on toteutettu relaatiomallisesti, joten ne voidaan siirtää
toisiin ympäristöihin ilman muutoksia itse HTML-tiedostoihin. Ainoastaan
upotetut fontit pitää mahdollisen siirron yhteydessä tehdä uudelleen, koska
ne on asetettu toimimaan ainoastaan www.ampiaistehdas.net-domainista käsin ladattuna.
Muualle kopioituna kyseistä fonttitiedostoa ei voi käyttää.
Sivuston hakemistorakenne:
/reseptit
/reseptit/ssi
/reseptit/css
/reseptit/tiedostot
/kuvat/reseptisivut
/javascript
/fontit
SSI-tekniikkaa on käytetty helpottamaan
sivuston ylläpitoa jatkossa.
Nyt esimerkiksi navigointipalkki haetaan joka sivulle yhdestä ainoasta
tekstitiedostosta, joten esimerkiksi linkin lisääminen siihen näkyy
samantien kaikilla sivuston sivuilla. Käytännössä SSI
toimii kehysrakenteena itse sisällön ympärillä, eräänlaisena
templatena; ainoastaan itse sisältö on määritelty sivulle
itselleen. Myös tämän sivun keltaisella merkityt kohdat ovat suoraan itse tiedostoista.
CSS on jaettu kahteen eri tiedostoon. Toinen
sisältää selainten
yleisesti tukemat muotoilut ja toinen CSS2:n mukana tulleita ominaisuuksia,
kuten yllä mainitun fonttien upotuksen. Kaikki sivut käyttävät
samoja CSS-tiedostoja, joten ulkoasun uudelleenmäärittely on erittäin
helppo tehdä. Esimerkiksi arvostelun jälkeen julkaistava uusi
ulkoasu on toteutettu näin.
tyyli.css
h1
{ font-family: "Hippifontti";
font-weight: 100;
color: #cc3300;
font-size: 72px }
.h3link
{ text-decoration: none !important;
font-size: smaller;
color: #003300;
font-family: Arial;
font-weight: 700 }
a:link
{ color: #006600;
text-decoration: underline }
a:visited, a:active
{ color: #003300;
text-decoration: underline }
a:hover
{ background-color: #ccff99;
text-decoration: underline }
.body
{ background-color: #ffcc66 }
fontit.css
@font-face
{ font-family: "Hippifontti";
src: url("http://www.ampiaistehdas.net/fontit/hippifontti.eot"); }
JavaScriptiä on käytetty hyvin minimaalisesti; mitään
toiminnallisuutta ei ole laskettu sen varaan. JavaScriptikin on omassa tiedostossaan,
joten sitä muuttamalla kaikkien sivujen toiminnallisuus muuttuu.
Hakurobotteja varten sivuston headeriin on sijoitettu meta-elementtejä, jotka sisältävät mm.
tiedon sivujen tekijästä, sopivista hakusanoista, sivuilla käytetystä kielestä ja lyhyen
selostuksen sisällöstä.
Sivujen merkistö on ISO-8859-1. Tämä on määritelty
sekä HTTP-headeriin, että sivun meta-elementtiin. Lisäksi sivusto on luokiteltu
sisällöltään myös lapsille
soveltuvaksi, joten sivusto on käytettävissä myös heille määritetyillä selaimilla.
Aikaa sivuston toteutukseen kului noin 40 tuntia. Itse reseptit oli kerätty
jo aiemmin.
