Kotisivujen tekoa vaihe vaiheelta

etusivu, aloitus, sisältö, linkit, kuvia, taulukoita, julkaisu,

Johdanto

Tämän sivuston tarkoitus on käydä läpi kotisivujen tekemiseen liittyviä asioita ja edetä vaihe vaiheelta siten, että sivuston läpikäymisen jälkeen lukija on samalla kyennyt tekemään pienet kotisivut. Sivuston esimerkki on Oy Nyrkkipaja Ab:n kotisivut. Esimerkki on täysin keksitty, sillä ei siis ole vastinetta elävässä elämässä.

Tässä dokumentissa ei oteta kantaa siihen, millä työvälineellä sivustot tehdään. Joka tapauksessa asiaa lähdetään opastamaan koodin kautta.

Palautetta liittyen sivustoon otetaan vastaan osoitteessa Ilpo.Kuivanen@Stadia.fi. Sivua on päivitetty viimeksi 21.11.2007 (lähinnä linkkejä).

Linkkejä

Hyvien sivustojen tekemiseen tarvitaan kahta asiaa: tietoa sivuston laadinnan perusteista sekä työvälineistä, joilla sivustoja voi tehdä. Alla oleva kokoelma linkkejä pyrkii tarjoamaan tietoa molemmista:

Perustietoa sivustojen laadinnasta

http://www.cs.tut.fi/~jkorpela/webjulk/, Jukka Korpelan Web-julkaisemisen opas. Tämä on niin laaja ja hyvä sivusto, että itse asiassa tähän kohtaan ei muita linkkejä tarvittaisikaan. Kannattaa lukea ajatuksella.

HTML- ym. oppaita:

http://cs.stadia.fi/~lehtonen/html.html, Kari Lehtosen perus-HTML-opas. Selkeälukuinen.
http://appro.mit.jyu.fi/doc/xhtml11/, Jyväskylän yliopiston selkeä XHTML-opas.
http://cs.stadia.fi/~kuivanen/1stpage/, 1stPage2000-HTML-editorin lyhyt opas. Tästä editorista on olemassa uudempikin versio. Se valitettavasti ei ole täysin ilmainen.
http://cs.stadia.fi/~kuivanen/kotisivut/, opas FrontPage Expressin käyttöön. FPE on aiemmin Internet Explorerin mukana tullut HTML-editori. Tämä on käytännössä historiaa, koska ko. editori ei ole kuulunut Microsoftin IE:n kanssa jakamiin työkaluihin 5-version jälkeen. Dokumentilla on siis lähinnä kuriositeettiarvo.
http://www.joensuu.fi/opetusteknologiakeskus/koulohj/oppimat/dw/, Dreamweaver-opas netissä, tosin versiolle 4, joten hiukka vanhentunutta. Kuitenkin varmaan jossain määrin hyödyllistä kuitenkin.
http://cs.stadia.fi/~kuivanen/nvu/, opas NVU-editorin käyttöön, toimii myös pääosin Kompozerin (NVU:n seuraaja) kanssa.

HTML-editoreja

http://www.nvu.com/, NVU: yksinkertainen HTML-editori, jonka käyttö ei suuria HTML-kielen taitoja tarvitse. Saatavilla myös Linuxiin ja Maciin.
http://www.kompozer.net/, Kompozer: edellisen "epävirallinen" jatkaja. Korjaa useimmat NVU:sta löytyneet virheet. Jos suomen kieli ei ole kynnyskysymys, suosittelen tämän käyttöä. Tätä kirjoitettaessa (21.11.2007) ei tähän ollut vielä suomen kielen moduulia olemassa.
http://www.htmlkit.com/, Htmlkit. Ilmainen HTML-editori. Erittäin monipuolinen.
http://kdewebdev.org/ KDE Web dev (Quanta+) on erittäin monipuolinen ja tehokas HTML-editori Linux-ympäristöön.


Seuraava: Aloitetaan