| Wiki Markup |
|---|
h4. [http://users.metropolia.fi/~nooraes/ |
...
Aloitettiin päättämällä tekemällä nettisivut, jossa on linkkejä rumille nettisivuille.
...
Dokumenttityypin etsiminen netistä. -Ensin haimme googlesta oikean dokumenttityypin.
...
|http://users.metropolia.fi/~nooraes/] h4. Aloitettiin päättämällä tekemällä nettisivut, jossa on linkkejä rumille nettisivuille. # h4. Dokumenttityypin etsiminen netistä. \-Ensin haimme googlesta oikean dokumenttityypin. # h4. Rakenne: (html, head, body) \-Teimme html:lle sen perusrakenteen <html><head></head><boby></body></html> |
...
# h4. 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> |
...
# h4. Css-tiedoston luominen, tyylien |
...
Sisältö
...
Favicon
...
Validointi + virheiden korjaaminen
...
Z-asemalle siirtäminen
...
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{background-color:#FFDAB); 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. # h4. Sisältö \-sisällön etsimme googlettamalla rumia nettisivuja ja lisäsimme sivut linkeiksi. # h4. Favicon # h4. Validointi + virheiden korjaaminen # h4. Z-asemalle siirtäminen # h4. VALMIS\! |