Kotisivut Internettiin kurssi

kotisivu.lumonetti.fi/kuosa

Kansalaisopisto, 2008

Päivitys 11.3.2008

Tämä on esimerkkisivusto, jonka pohjana on www.createafreewebsite.net sivuilta ( ei taida toimia, kuin Mervillä ;-) imuroimani tiedosto. Tiedosto on zip-paketti, joka puretaan haluttuun paikkaan omalla koneella, purettaessa syntyy paketin nimen mukainen kansio, joka sisältää default.htm nimisen html-tiedoston ja erillisen images -kansion kuville. Lisäksi joihinkin sivupohjiin kuuluu Flash-elementtejä, mutta niiden käyttöä kannattaa harkita .. onko se välke kuitenkaan mukavaa katseltavaa??

TYYLIT

CSS -tyylisivun käyttöönotto

Tiedosto-Uusi-Sivu ja sieltä "Sivumallit" ja Tyylisivu-välilehdeltä sopivaa etsimään...

Tallenna css-tiedosto samaan kansioon kuin index.htm on. Anna nimeksi esim. omatyyli.css

TYYLIN LIITTÄMINEN HTM-SIVUUN:

Muotoile-Tyylisivun linkit ja Valitut sivut sekä Lisää. Etsi nyt tallentamasi tuulisivu ja ota käyttöön.

Seuraavaksi voit muuttaa joitain asioita css-tiedostossa, ja kun näyttää hyvältä, ota tyyli käyttöön kaikilla sivuillasi.

Jos jatkossa haluat muuttaa jotain ulkoasussa, niin tee muutos vain css-tiedostoon.

Muokkasin hieman sivua, ja tallennan siitä "kopiot" eri nimillä: kuvat.htm, linkit.htm, yhteystiedot.htm, yms.

Näin saan samanlaisia uusia sivuja, joiden sisällöt muutan sitten jatkossa. Esim. ylimääräiset linkki-napit poistin siten, että etsin HTML-koodista ko. koodauksen, ja deletoin sen. Nappi on taulukossa oleva rivi, joka näyttää tältä:

<tr><td STYLE=";background-image : url('img/blankbutton.jpg');

background-repeat : no-repeat; width :89px;height:20px">

<a href="#begin">Link</a></td></tr>
 

Jäljelle jäävät linkkien näkyvät nimet kirjoitin "Link" -sanan tilalle, ja #begin kohtaan ko. htm-tiedoston nimen.

Siirsin tämän etusivun (jonka tallensin nimellä: index.html) ja muut htm-sivut sekä images-kansion www-palvelimelle FTP-ohjelmalla.

© COPYRIGHT 2007 KARI KUOSA