http://users.metropolia.fi/~nooraes/
Päätimme tehdä sivut, jossa on linkkejä rumille nettisivuille.
1. Dokumenttityypin etsiminen netistä.
-Ensin haimme googlesta oikean dokumenttityypin.
(http://www.google.fi/search?gcx=w&sourceid=chrome&ie=UTF-8&q=html+doctype)
2. Rakenne: (html, head, body)
-Teimme html:lle sen perusrakenteen:
<html>
<head></head>
<boby></body>
</html>
Otsikko, teksti, kuvat, linkit -Lisäsimme otsikon, joka on photoshopilla tehty kuva bodyn sisään <h1><img alt="otsikko" id="otsikko" src="kuvat/logo.png" /></hi>. Lisäsimme tekstin bodyn sisälle <p>teksti</p>. Lisäsimme myös linkit bodyn sisälle, jotka ovat kuvan muodossa <a href="sivun osoite"><img alt="kuvan nimi" src="kansion nimi josta kuvat löytyvät" /></a>
Css-tiedoston luominen, tyylien määrittely -Loimme Notepadille css-tiedoston tallentaen tiedoston nimellä tyyli.css. Määrittelimme aluksi taustan tyylin, fontin ja fontin värin. Kaikki laitettiin bodyn sisään näin: body{} ja sulkujen sisään:background-color:värin nimi; font-family:verdana; color:värin nimi; Tarkat värien nimet etsimme googlesta. Samaan tyyliin määritimme otsikon tyylin h1{}, linkkien tyylin a{}, kuvien tyylin img{} ja otsikon tyylin.
Sisältö -sisällön etsimme googlettamalla rumia nettisivuja ja lisäsimme sivut linkeiksi.
Favicon
Validointi + virheiden korjaaminen
Z-asemalle siirtäminen
VALMIS!