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 –
Harjoitusten learning curve oli snadisti murhaava – ensin kirjoitetaan yhdessä ja ohjatusti tiedostoja ja sitten pitääkin opetella itsenäisesti sellaisia tägejä ja elementtejä joita ei opetettu. Ei siinä, kyllähän tämä onnistuu, mutta vaatisi onnistuakseen enemmän läsnäoloa kouluttajalta. Kouluttaja on erinomaisen asiantunteva ja tietää aiheensa sekä hyvä ja mielenkiintoinen esiintyjä, mutta pedagogista otetta voisi vähän tuulettaa: jos osallistujia on vain viisi, niin tämähän mahdollistaisi ihan toisenlaisen opiskelun kuin luokkamuotoisen luennoinnin.
Kurssilainen –
Mielenkiintoista asiaa. Kouluttaja asiantunteva ja selkeä ulosanti. Toivottavasti olisi itsellä käyttöä näille tiedoille. Kehitysidea: osallistujien nimet voisi ehkä olla näkymättä kaikille osallistujille kun palautelomaketta täytetään.
Kurssilainen –
Kiitos kurssista! Koulutus tarjosi hyvät perustiedot aiheesta ja auttoi hahmottamaan HTML5- ja CSS-kielten perusperiaatteita. Koska aihe on niin laaja, olisi kurssi voinut olla pidempikin.
Kurssilainen –