Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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