Julkiset tietoverkot

Sorakuilu

CSS-harjoitus 9, navigointi ja bootstrap

Toteuta perusrakenteeltaan yksinkertainen esimerkkisivu ja laadi siitä navigoinniltaan 4 erilaista versiota(jokainen omaksi sivukseen).

Hae esimerkkejä, selvitä ja toteuta sivuissa seuraavat navigointialueet Bootsrapin avulla (5 painiketta, joista kahdessa alinavigointi)

  1. Laadi button-elementteihin perustuva navigointi - painiketta klikattaessa avautuu alinavigointiin alasvetovalikko
  2. Välilehtivaikutelman antava navigointi - ei alinavigointia
  3. Navigointialue hakutoiminnolla
  4. Sivupalkki, navigointi isoilla painikkeilla, joissa ikoni

Palauta työt nimillä cssharj9_1.html, cssharj9_2.html, cssharj9_3.html ja cssharj9_4.html.