Rumat nettisivut-ohjeet

Dokumenttityypin etsiminen netistä. -Ensin haimme googlesta oikean dokumenttityypin.
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
Unknown macro: {background-color}
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!