Kotisivut - mitä ja miten?

Internetissä näkyvät www-sivut ovat viime kädessä HTML-koodia, jota eri selaimet (esim. Internet Explorer, Firefox, Opera, Safari jne.) lukevat ja näyttävät hiukan eri tavoin.

Www-sivu HTML-koodeineen sisältää yleensä

  • sivulla näkyviä tekstejä, jotka sijaitsevat HTML-dokumentin sisällä
  • sivulla näkyviä kuvia, jotka tuodaan sivulle toisaalta, ts. ne ovat itsenäisiä kuvatiedostoja (jpg, png, gif)
  • muita ohjaus-, ohjelma- ja metatietoja, jotka näkyvät vain sivun lähdekoodissa
  • nykyaikaisissa kotisivuissa tyylimääritelmät luodaan yleensä erillisellä CSS-tyylitiedostolla, johon linkitytään heti HTML-dokumentin alussa

Näin ennen...

Perinteisesti kotisivujen tekijä käyttää

  • jotain HTML+CSS-editoria (esim. Dreamweaver, Aracnophilia) HTML-sivujen ja CSS-tiedostojen luomiseen ja muokkaamiseen. Kokeneelle HTML/CSS-osaajalle pelkkä tekstieditori riittää.
  • kuvankäsittelyohjelmaa (esim. Photoshop, Gimp) kuvien muokkaamiseen
  • ftp-ohjelmaa tiedostojen (HTML+CSS+kuvat jne.) siirtämiseen kotisivupalvelimelle

Perinteisellä menetelmällä kotisivujen tekijä siis editoi www-sivustoa ensin paikallisesti omalla koneellaan+ohjelmillaan ja tämän jälkeen siirtää editoidut failit webhosting-palvelimelle, jolla kotisivut sijaitsevat. Vasta tällöin sivut alkavat näkyä netissä.

...ja näin nyt

Nykyiset julkaisujärjestelmät mahdollistavat edellämainittujen vaiheiden ja ohjelmien ohittamisen. Julkaisujärjestelmä luo selainten ymmärtämän HTML-koodin automaattisesti ennalta tehtyjen asetusten mukaisesti.

Julkaisujärjestelmää (esim. TYPO3, Joomla) käyttäen sivuston editoija

  • avaa selaimellaan sivun, editoi ja tallentaa -> sivu näkyy kaikillle netissä

Editoija on siis selaimella suorassa yhteydessä palvelimella olevalle sivustolle. Julkaisujärjestelmä mahdollistaa tämän. Sivuston sisältö on tietokannassa (mikä taas mahdollistaa esim. hakuominaisuudet) ja ulkoasu määritelty julkaisujärjestelmän asentajan toimesta erillisillä tiedostoilla, joihin peruseditoijalla ei ole tarvetta eikä pääsyä.

Edistyneet julkaisujärjestelmät, kuten TYPO3, mahdollistavat jopa kuvien editoinnin suoraan palvelimella, ts. erillistä kuvaeditoria ei tarvita lainkaan. Lue lisää julkaisujärjestelmän eduista »