- Tervetuloa tutustumaan töihini ja blogin kuvitus- ym ohjeisiin!
Websuunnittelu
2017/09/26
En tiedä tekeekö kukaan muu enää mun lisäkseni web-grafiikkaa Photoshopilla, mutta tässä todella paljon aikaa säästävä vinkki kaikille ’ei-Sketch-käyttäjille’. Tämän niksin avulla vältyt itse tekemästä jokaisesta kuvasta kaksi eri kokoista versiota webiä varten ja annat Photoshopin luoda ne puolestasi. Nimeä kaikki tasot […]
2016/06/16
Pseudo-luokat (pseudo-class) Osaat jo tehdä linkkejä sivuillesi, mutta niiden oletus-ulkoasu saattaa olla epäsopiva muuhun designiin nähden. Onneksi niitä voi tyylitellä, sillä <a> on tagi siinä missä muutkin. a { color: red; background-color: yellow; } Linkit ovat kuitenkin hieman monimutkaisempia, sillä niillä on […]
2016/04/13
Luokka eli class ja ID Edellisessä osassa opimme muotoilemaan tekstiä. Ja ottaa säännöt käyttöön esim kappaleessa. Mutta mitä jos haluaisimme tehdä yhden kappaleen, jossa on erilainen ulkoasu kuin sen alla olevassa kappaleessa? Ratkaisuja on parikin, mutta aloitetaan luokalla. Luokan eli classin hyvä puoli […]
2016/02/22
Tekstin ulkoasu (font-family) Aloitetaan fontista. Asetetaan pääotsikon fontiksi Verdana: h1 { font-family: Verdana, Arial, sans-serif; } Säännöissä kannattaa hyödyntää mahdollisuutta lisätä yksi varafontti, mikäli ekaa vaihtoehtoa ei löydy (tässä siis toivotaan Verdanaa, mutta jos käyttäjän koneelta ei sitä löydy, käy myös Arial) ja […]
2016/01/20
Pääsemme vihdoin CSS:n pariin. Homma käynnistyy esittelyllä ja värien käytöllä. Nyt meillä on HTML:n avulla rakennettuna sivu, jolla kuvia, lomake ja tekstiä. Tulos on aika ”ruma”, koska nykyään sivujen ulkoasua ei enää säädellä erilaisten tagien kautta, vaan käyttämällä Cascading Style Sheetseja, tyylitiedostoja […]