Websuunnittelu

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 […]

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, […]

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.) […]

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, […]

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 […]