| Wiki Markup |
|---|
h4. <\!-\-\- tähän koodi-\--> h4. [http://users.metropolia.fi/~nooraes/|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 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: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. # 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\! |
Page History
Overview
Content Tools
Activity