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