Websuunnittelu

2016/01/04
html css

HTML5 ja CSS3 osa 5: Lomake

Tässä osassa tutkitaan lomakkeen tekemisen salat Lomakkeen avulla voit olla yhteydessä käyttäjän kanssa. Voit kerätä sen avulla mm. tietoa tai käyttäjä voi lähettää palautetta tai tilata sinulta jotain. Lomake esitetään <form></form> tagilla. Kaikki lomake elementit, kuten tekstikentät, pudotusvalikot ym sijoitetaan aloittavan ja […]
2015/12/05
html css

HTML5 ja CSS3 osa 4

Median lisääminen sivuille. Kuva Pelkkä tekstisivu ilman kuvia saattaa jäädä hieman tylsäksi. Kuvan lisäät <img> tagilla. Se on yksi harvoista tageista jolla ei ole erillistä päättävää tagia, vaan päätös merkitään määrittelyn loppuun kauttaviivalla /> <img src=”kuva.jpg” /> src (source) kertoo kuvan osoitteen, […]
2015/11/11
html css

HTML5 ja CSS3 osa 3: Linkit

Jossain vaiheessa törmää käsitteisiin lohkotason (block) ja tekstitason (inline) elementti. Me olemme jo aiemmissa osissa käyttäneet joitakin molemmista elementeistä. Erona on, että lohkotason elementti aloittaa aina uuden rivin ja täyttää leveys-suunnassa kaiken mahdollisen tilan (venyy oikealle ja vasemmalle niin pitkälle kuin pystyy.) […]
2015/10/29
html css

HTML5 ja CSS3 osa 2: Lisätään sisältöä

Saimme tämän HTML5 & CSS3 sarjan ensimmäisessä osassa sivun rungon valmiiksi. Sisällön lisäämiseen ryhdytään seuraavaksi. Lisää aloittavan ja lopettavan body-tagien väliin seuraavat rivit: <h1>Tervetuloa websivulleni!</h1> <p>Tässä vähän koodailin aikani kuluksi ja tein tällaisen websivun. Ne tekee jotka osaa, muut vaan katselee.</p> Jatkossakin, […]
2015/10/21
html css

HTML5 ja CSS3 osa1: sivun raamit

Alkuun päästäksesi et tarvitse tehokasta konetta tai hienoja ohjelmia, melkein mikä tahansa räyskä riittää kunhan siinä on selain (IE, Firefox, Chrome…) ja tekstimuistio, joka Windows koneilla löytyy Apuohjelmista. (Jos olet Mac-käyttäjä, suosittelen ilmaista Komodo Editiä tai gedit:ä) Älä kuitenkaan käytä Wordin kaltaisia […]