Digitaalisen median tekniikat, syksy 2007

Harjoitus 2/2007 (17.9.-21.9.)

 

1-2

Yllä olevassa kuvassa on hahmoteltu erään yrityksen kotisivua. Yritys esittelee sivulla tuotteitaan. Tuoteryhmistä (osa 2) valitsemalla saa esiin valikon tuoteryhmän tuotteista (osa 3). Tuotteen valinta näyttää tuotteen tiedot ruudun keskellä osassa 4 . Oikean reunan linkkivalinnat vaihtavat koko sivun sisällön. Määrittele sivun yleisrakenne kehyksiin perustuen (frameset-rakenne) ja laita kuva paikalleen. Laita kuhunkin osaan pari esimerkkilinkkiä. Sivulla oleva kuva löytyy osoitteesta http://www.cs.helsinki.fi/u/laine/dime/myimg/factory.jpg (kuvan oikea koko on 165*177 pikseliä). Sivulla http://www.cs.helsinki.fi/u/laine/dime/k04/esittelysivu.html on esimerkki tuote-esittelystä. Yksi valikkosivu löytyy osoitteesta http://www.cs.helsinki.fi/u/laine/dime/k04/menusivu.html. Tässä vaiheessa ei ole vielä syytä hioa ulkoasua. Asiaan palataan seuraavissa harjoituksissa.

3.

Miten ratkaisu muuttuu, jos kokonaisvaltaisen kehysrakenteen asemesta käytettäisiin upotettuja kehyksiä (IFRAME)?

4.

Toteuta yhden rivin lotto-lomake html-lomakkeena. Mitä tarkistuksia lomakkeelle pitäisi tehdä lähetyksen yhteydessä tai ennen sitä?