Ulkoasun käyttöön ottaminen

Muista lukea ohjeet kunnolla!

Tämä tutoriaali kertoo miten voit ottaa ulkoasujamme käyttöön ilman erityisiä tilpehöörejä.
Tämä on lopuksi hyvin yksinkertaista =)

HUOM! Sinulla ei tarvitse olla internettiä rakentaaksesi sivut! Sinun ei tarvitse kuin tallentaa sivut aina nimi.html, jolloin se muuttuu automaattisesti sivuksi. Voit myös esikatsella sivua kaksoisklikkaamalla valmista HTML - tiedostoa.

Ensimmäinen vaihe - lataus ja purku

Käytän mallina DIV ulkoasua. Tämä toimii myös Tableissa samalla tavalla.

Kun haluat ladata ulkoasun, klikkaa "lataa" - linkkiä, mikä näkyy myös kuvassa.
Jos sinulla on WinZIP/WinRAR tietokoneellasi, sinulle pitäisi aueta kuvan mukainen ikkuna.

Ellei ole, ei se ole pakollista, sillä ilman ohjelmaakin tämän pitäisi onnistua. Jos kumminkin haluat tämän ohjelmena, löydät WinZipin sen sivuilta käyttöösi.

Jos sinulla ei ole WinZippiä etkä uskalla ladata ohjelmaa koneellesi, klikkaa "lataa" - linkkiä, jolloin selaimesi pitäisi avata ikkuna, niinkuin edellisessäkin. Sen sijaan klikkaa "tallenna tiedosto" - linkkiä, jolloin tiedosto tallentuu tietokoneesi työpöydälle.
Klikkaa hiiren oikeaa näppäintä tiedoston päällä jolloin sinulle pitäisi avautua valikko. Valitse sieltä "Pura kaikki" - toiminto (ainakin Windows XP ja - Vista käyttävät tätä).

Toinen vaihe - Sivuston rakentaminen

Kun haluat alata kirjoittamaan tekstiä sivuillesi, sekä tekemään navigaatiota, klikkaa hiiren oikeaa näppäintä HTML - tiedoston päällä jolloin pitäisi avautua kuvan vastaava valikko.

Valitse sieltä avaa sovelluksessa - Notepad, jolloin sivuston HTML - koodit ilmestyvät eteesi.

Tässä vaiheessa sinun kannattaa kirjoittaa ensimmäiseksi sivujesi nimi title - koodien väliin.
Seuraava askel on, että teet navigaation esimerkiksi ensimmäisenä.

Eli sinun tulee kirjoittaa otsikot ja linkit valmiiksi navigaatioon, kuten kuvaan olen laittanut. Voit käyttää päätteinä HTML tai HTM. Sillä ei ole väliä, kunhan muistat tallentaa aina kaikki sivut vastaavalla päätteellä, minkä olet navigaatioon laittanut.

Kun olet saanut navigaation tehtyä, voit seuraavaksi kirjoittaa haluamasi tekstit niille osoitetuille paikoilleen, kuten tervetuloa toivotukset yms.

Kun olet nämä asiat tehnyt, tallenna sivu esimerkiksi nimellä etusivu.htm, jos navigaatiossasi sellainen on.
Seuraavaa sivua tehdäksesi sinun ei tarvitse kuin muokata tekstit uudelleen sivuun sopivaksi ja voit tallentaa uuden sivun esimerkiksi nimellä mina.htm jos navigaatiossa sellainen on.

Toista tätä toimintoa niin kauan, kunnes sivusi ovat valmiit.

Kun haluat etusivun, mihin olet laittanut laskurit, Enter kyltit yms., rakenna sellainen ja tallenna se nimellä index.html tai index.htm, jolloin sinun ja muiden ei tarvitse itse osoitteen lisäksi kirjoittaa esim. http://www.erkinvessa.com/etusivu.htm vaan pelkkä www.erkinvessa.com riittää, jolloin se ohjautuu palvelimeen tekemällesi etusivulle automaattisesti.