Html & Css

 Olio-ohjelmoinnin jälkeen päästäänkin erilaiseen aihealueeseen, nimittäin html ja css:ään, mikä on suurimmaksi osaksi nettisivujen luomisen harjoittelua. 

Tää kurssi kestää vaan 2 viikkoa ja kurssin lähipäiviä teamsissa on vaan 2 tällä kertaa, nopeasti varmaan menee.

Ensimmäisellä "lähipäivällä" teamsin kautta päästiin jo heti asian ytimeen ja harjottelemaan sivuston tekoa ottamalla wikipediasta Juhani Aho -sivulta tekstit harjoituspohjaksi.

Sitten tähän pohjaan tehtiin kaikenlaisia harjotuksia (tekstin ulkoasun muokkausta, divitystä(=sivun asettelu) ja ylä- ja alapalkkia, sekä navigointipalkki), niin kotitehtävänä ku kurssipäivien aikana.

Tekstit ja kuvat tolle sivulle on siis otettu täältä. Jännä miten monimutkaista yksittäisenkin sivun tekeminen alusta loppuun on, tai siltä ainakin vaikuttaa.. 

Vaikka html ei oo sama kuin esimerkiksi aiemmin käytetty C#-ohjelmointikieli niin jännä miten tavallaan samanlaista sekin on, on jaettu kaik osioihin missä on mikäkin ja millasta on jne.

Vikana kurssipäivänä tehtiin vielä 2 harjoitus sivua, joista toiselle tehtiin responsiivisuus harjoitus divityksillä - eli määriteltiin se että miten se sivu menee jos pienentää selaimen - eli sivulla oleva materiaali asettuu sillonkin kiwasti paikalleen.

Tolta se sivu näytti kokonaisena, perus selain ikkunassa:

Ja vähän pienennettynä:

Ja eniten pienennettynä:

Käytettiin noissa divityksissä eri värejä, sillä tavalla et samalla ku ikkuna pienenee niin värikin muuttuu. Ja jokanen columni sai oman nimen (oma1, oma2 ja oma3).

Niitten divitysten nimeämisellä saatiin se aikaan että muutokset saatiin aikaan Css-tyylitiedostossa viittaamalla just noihin nimiin.

Vikana harjoituksena tehtiin sivusto jossa oli 3 columnia (niin kuin responsiivisuus harjotuksessakin) ja niihin jokaiseen lisättiin linkkejä ja yhteen kuva.

Mun harjoitus lopputulos näytti tolle; koulujuttuja, vapaa-aikaa ja uutisia 🙂 Plus kokeiltiin vielä miten google maps-kartan saa upotettua sivustolle.

Tällä kurssilla on oppinut ihan järjettömän paljon kaikkea uutta ja vaikka ite oon käynyt hiukan html ja css- kurssi juttuja aiemmin ennen tätä koulua niin ei ne ollutkaan mitään verrattuna tähän antiin mitä nyt on saanu tietoa ja taitoa.

Seuraavaksi sitten pääseekin kunnolla kurssitehtävän kimppuun, joka on tällä kertaa oman nettisivun toteutus ja julkaisu koulun palvelimelle. Hurjaa.