Peda.net
>
Verkkoveräjien etusivu
>
Edellisen tason veräjä
>
Materiaalit
YLLÄPITOON >>
Navigointi
CSS-koulutus
Materiaalit
Materiaalit
Sivulle kerätään koulutuksen materiaalit sekä
linkkejä eri CSS-ohjeisiin ja muihin hyödyllisiin
sivuihin.
Koulutusmateriaalit
CSS ohjeet
CSS_ohjeet.doc 4.8 Mt 21.02.
Lisätty mm. polkurivin/ylläpitoon rivin muuttaminen sekä moduulityyppien tyylien muokkaus.
Lisätty myös kuvien käyttö tyyleissä.
Peruskoulutuksen kalvot
CSS_08.ppt 551 kt 22.04.
Jatkokoulutuksen kalvot
CSS_08_jatko.ppt 241.5 kt 22.04.
Malleja (vapaasti käytettävissä)
navigaation_linkkien_tyylit.txt
0.3 kt 22.08.
Navigaation linkkien ulkoasun määritys. Tyhjät pohjat. Kopioi ja muokkaa haluamaksesi. Alla esimerkkinä tämän Veräjän navigaation linkkien tyylit.
navigaation_linkkien_tyylit_esim.txt
1.5 kt 10.12.
Esimerkkinä tämän Veräjän navigaation tyylit.
polkurivi.txt
0.4 kt 10.12.
Polkurivin pilkkominen osiin
palstat.txt
0.1 kt 11.12.
titlebar_kuva.txt
0.1 kt 24.04.
Tällä koodinpätkällä voit liittää esim. logokuvan otsikkopalkkiin eli titlebariin. Korvaa kuvan osoite oman kuvasi osoitteella.
modebar_liukuvari.txt
0.1 kt 24.04.
Tällä koodinpätkällä voit liittää headeriin, titlebariin tai navigaation eri osiin tekemäsi liukuvärikuvan. Korvaa kuvan osoite oman kuvasi osoitteella.
Esimerkki: http://www.peda.net/veraja/jyvaskyla/cygnaeuslukio
Lähetä oma sivusi
Lähetä oman sivusi linkki esimerkiksi tyylien käytöstä Veräjässä. Sivu lisätään tämän sivun Esimerkkejä-listaan.
Lähetä
Linkit
Esteetön sisällöntuotanto -CSS
Essi - Esteetön sisällöntuotanto -sivuston CSS-ohjeita
Wikipedian CSS-sivu
CSS1 ominaisuudet
Lista usein käytetyistä tyylimäärityksistä.
CSS1:n ominaisuudet
Jyväskylän yliopiston www-julkaiseminen-kurssin materiaalia
Flash Color Scheme Generator
Color Scheme Generator
Online CSS-generaattori
Värit www-sivuilla
Heksalukuina olevia värejä (eli esim. #FFFFFF).
Online värigeneraattori
Online Color Schemer
Color Combination Chooser
Color Blender
Haalenna värejä, hae sopivia sävyjä sivuille.
Color Wheel
Mahdollista kartoittaa eri sävyjä.
Logo generaattori
Ilmainen logo sivuille
Taustakuvio generaattori
Fontit www-sivuilla
Browser Newsin lista fonteista
RGB --> HEX
RGB to HEX Converter
BigHugeLabs
Erilaisia kivoja työkaluja :)
Esimerkkejä
European Lifelong Guidance Policy Network
Herajärven koulu, Saarijärvi
JKL seudun kansalaisopisto
Joutsan koulut
Jyväskylän lyseon lukio
Jyväskylän seudun yrittäjyyslukio
Jämsän lukio
Jämsän seudun koulutuskeskus - ammattioppilaitos
Keski-Suomen luokanopettajat ry
Keskuspuiston ammattiopisto
Kesätyötori
Kuusankoski
Lahden lyseon lukio
Muuramen lukio
Ohkolan koulu, Mäntsälä
OAJ Keski-Suomi
Ristiina
Tikkakosken lukio
Lahden Juhan taustakuvakokeilu
Kekken testailuita
Peda.net Verkkoveräjä
2008.08.19
