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 –
Nyt mentiin pitkälti teoriapohjalta. Kuten jo kurssin aikana keskusteltiin niin tässä tapauksessa olisi käytännön harjoitukset tervetulleita.
Kurssilainen –
Harjoituksia olisi saanut olla enemmän, muuten sisältö oli tarpeisiini sopiva.
Kurssilainen –
Kouluttaja oli oikein hyvä, kiitos hyvästä havainnoillistamisesta!
Kurssilainen –
sisältö hyvä, aineisto hyvä saada niin pääsee rauhassa tutustumaan
Kurssilainen –
Erittäin hyvä ja selkeä kurssi.
Kurssilainen –
sisältä oli minun tarpeisiini juuri sopiva – halusin ymmärtää perusteet ja nyt ymmärränkin mistä on kyse, kun puhutaan HTML:stä ja CSS:stä 🙂
Kurssilainen –
Kurssilainen –
Tosi laaja mutta kiinnostava aihe. Voisko olla jatkokurssi? Ehkä jo onkin, en käynyt katsomassa. Tai sama sisältö, mutta jaettu vaikka kahdelle päivälle, jolloin voisi vielä syvemmin paneutua aiheeseen? Siitä Notepad++ -ohjelman lataamisesta voisi mainita kurssin tiedoissa tai siinä vaiheessa kun ilmoittautumisvahvistus tulee. Se nimittäin vaikutti näppärältä ja olisin sen voinut hyvin ladata koneelleni, mutta koska en saa itse ladata työkoneelle mitään, niin se latailu olisi pitänyt tehdä etukäteen helpparin kautta.
Kurssilainen –
Hyvä ensiaskel HTML ja CSS:än maailmaan. Aihe on niin laaja ettei sitä voisi kuvitellakkaan yhdessä päivässä oppivan tai opettavan mutta Erkki teki erinomaista työtä, josta sain hyvät eväät lähteä itsenäisen harjoittelun pariin.