Bootstrap

Palautuspäivä: 22.1.2018

Osaamistavoitteet

Kurssilla tutustutaan Bootstrap-kirjaston käyttämiseen. Opitaan luomaan layout-kuvan pohjalta sivun ulkoasu käyttäen Bootstrap-tekniikkaa.

Sisältö

  • Bootstrap 4

Kokonaisuuteen kuuluvat kurssit

  • HTML ja CSS -jatkokurssi

Harjoitustyö

COMPANY-sivu

Harjoitustyönä toteutetaan tunnilla tehdystä layout-kuvasta valmis sivu käyttäen Bootstrap-kirjastoa.

Layout-suunnitelmaa saa soveltaa, jotta voit hyödyntää Bootstrapin luokkia ja komponentteja. Ihan kaikkea ei kuitenkaan Bootstrapillä voi toteuttaa, siksi luo myös oma CSS-tiedosto.

Ohjeita Bootstrapin käyttöön löytyy sivustolta: https://getbootstrap.com/

Hyviä tutoriaaleja löytyy myös YouTubesta. Kun haet tutoriaaleja huomaa, että käytämme Bootstrap 4 beta -versiota, joka eroaa aika paljon Bootstrap 3 versiosta ja jonkin verran myös Bootstrap 4 alpha versiosta.

Kurssiin liittyvät ohjeet ja tiedostot

Palautetut tehtävät

Tehtävän palautus

Harjoitustyö palautetaan kirjoittamalla kommenttikentään palauttajan nimi sekä linkki sivustolle.

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *