Koulutuksessa tutustumme HTML:n peruskäsitteisiin sekä CSS-tyylimäärittelyihin. Koulutus perustuu HTML5- ja CSS3 -standardeihin ja perehdymme nimenomaan HTML-sivunkuvauskieleen ja CSS-kieleen, jolla luodaan tyylitiedostoja.
Tavoite
Koulutuksen jälkeen osaat luoda ja päivittää HTML-kieleen perustuvia www-sivuja sekä hallita niiden ulkoasua CSS-tyylein.
Kenelle
Kurssi on tarkoitettu henkilöille, joilla ei juurikaan ole osaamista verkkotekniikoista.
Ohjelmaversio
Tässä koulutuksessa käytetään uusinta Notepad ++ -sovelluksen versiota (ilmainen). Suosittelemme lataamaan sovelluksen ennen koulutuksen alkua.
Koulutuksen sisältö
HTML -kielen perusteet
- Miten luodaan perussivusto HTML-kielellä? HTML-kielen perussyntaksi. Dokumentin rakenne ja standardit.
- Mitkä ovat kielen tärkeimmät elementit? Kappale, Otsikot, Hyperlinkit, Luettelot, Taulukot, Tasot
- HTML-dokumentin runko
- Listaelementit
- Kuvien lisääminen
- Linkit toisille sivuille
- Apuvälineet sivun rakenteen määrittelyyn
- Lomakkeet
HTML5 -standardi
- Mitä uutta HTML5 tuo? Erot vanhoihin HTML -versioihin. Erot Adobe Flashiin.
- Missä voin käyttää HTML5 -versiota? Yhteensopivuus eri selainten kanssa. Takaisinpäin yhteensopivuus.
- Mitä uusia elementtejä voin käyttää? Uudet elementit ja tapahtumatoiminnot.
- Mitä muuta uutta? Median ja grafiikan sekä lomakkeiden uudistukset. HTML5 API.
CSS -tyylimäärittelyt
- Mitä on CSS? CSS -tyylimäärittelyjen perusteet ja perusrakenne.
- Miten muokkaan sivua CSS -tyylimäärittelyillä? Tyylimäärittelyt ja niiden liittäminen html tiedostoon, CSS valitsimet. Elementtien ulkoasu. Elementtien asettelu.
- Mitä uutta CSS3 tuo? Transitiot ja transformaatiot.
Avainsanat
HTML, HTML5, CSS, CSS3, Selainohjelmointi, Kotisivut, Kotisivujen muokkaus, Tyylimäärittelyt, Tyylitiedosto
Kurssilainen –
Kurssilainen –
Liikaa yleistä esittelyä, liian vähän tehtäviä eli tästä ei ollut oikeaa hyötyä. Lisäksi opettaja ei paneutunut tehtävien neuvomiseen eikä opastanut juuri niissä asioissa, joissa olisi ollut tarvetta. Eli esittely ihan vain pari tuntia ja harjoituksia 4 tuntia kiitos.
Kurssilainen –
Kattavat teoriaosuudet ja hyvät harjoitukset, joiden kautta asian hahmottaa parhaiten
Kurssilainen –
Olisi kiva ollut harjoitella vielä enemmän. Kaksi päivää olisi ollut sopiva kesto.
Kurssilainen –
Kurssin tempo oli aika tiivis ja täysin aloittelija olisi voinut hyödyntää vielä lisäharjoitusta teoriian lisäksi.
Kurssilainen –
Perusteiden oppimiseen olisi kaivannut enemmän aikaa, toisaalta animoinnin ym. perusasiat olivat ehkä edistyneemmille.
Kurssilainen –
Kurssilainen –
Harjoitustehtäviä olisi voitu tehdä jo ns. teoriaosuuden välissä, jolloin olisi heti päässyt harjoittelemaan. Muutoin hyvä ja itselleni tarpeellinen kurssi.
Kurssilainen –
Kurssilainen –