...
3. Luo uusi tyylitiedosto ja ja tallenna se css-nimiseen kansioon nimellä *kuvat.css*
4. Tee jokaiselle kuvalle oma luokka (.class) tyylitiedostootyylitiedostoon. Määrittele luokassa jokaiselle kuvalle erilainen reunaviiva, marginaali ja täyte (padding)
...
Harjoitus 5: Käyntikorttina toimivan sivuston luominen
Tee uusi html-sivu, joka toimii sukellusalan firman käyntikorttina verkossa. Lisää sisältöä3-4 sivun kokonaisuus, johon teet ulkoisen tyylitiedoston.
Sivun tarkoituksen on toimia kuvitteellisen mainostoimiston käyntikorttina verkossa. Sivulle tulee lyhyt kuvaus yrityksen toiminnasta, yhteystiedot ja linkkejä yrityksen toteuttamiin sivuihin.
Käytä sivulla ainakin seuraavia elementtejä:
- taustaväri (esim. navigaatiossa olevien linkkien taakse)
- kuvituskuva / taustakuva
- leipätekstin muotoilu (tekstin koko, rivivälit, rivinkorkeus)
- marginaalit ja täyte elementtien asettamisessa