• Created by Unknown User (mariakui), last modified by Unknown User (nooraes) on 19.9.2011

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 13 Next »

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>

  1. 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>

  2. 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.

  3. Sisältö -sisällön etsimme googlettamalla rumia nettisivuja ja lisäsimme sivut linkeiksi.

  4. Favicon

  5. Validointi + virheiden korjaaminen

  6. Z-asemalle siirtäminen

  7. VALMIS!

  • No labels
You must log in to comment.