Web-tekniikat-velhon käsikirja (HTML5, CSS3, JavaScript)
HTML5, CSS3 ja JavaScript ovat tämän hetken kuumimpia web-tekniikoita. Yhdessä ne mahdollistavat modernit, monipuoliset ja elämysrikkaat web-sivut. Tämä opas tarjoaa web-suunnittelijan tarvitseman perustiedon verkkosivujen rakentamisesta ja eri web-tekniikoiden käyttämisestä.
Tämä web-tekniikat-opas on päivitetty 13.4.2019! Sivumäärä on kasvanut aeimmasta muutamalla sivulla ja uusia koodiesimerkkejä on pyritty lisäämään moneen paikkaan. Lisäksi oppaassa on korjattu muutamia pieniä kirjoitus- ja asiavirheitä.
- Web-tekniikat-velhon käsikirja (HTML5, CSS3, JavaScript)
- Julkaisuvuosi: 2019
- Kirjoittaja: Pasi Kainulainen
- PDF-muotoisen käsikirjan hinta: 25,00 € + alv (31,00 € sis. alv)
- Käsikirjan sivumäärä: 33
Sinulla on taika kädessäsi! Käytä sitä varoen.
Sisällysluettelo
Web-sivun tai -palvelun suunnittelu 5
Suunnitelman luominen Adobe Photoshopilla 5
Sopivan koodiditorin valinta 7
Notepad 7
NotePad++ 7
Komodo Edit 7
Brackets 8
Sublime Text 8
Visual Code Studio 9
Adobe Dreamweaver 9
Web-sivut ja selaimet 10
HTML-perusteet 12
HTML-kielen lyhyt oppimäärä 12
HTML-dokumentin aloitus 12
HTML-dokumentin rakenne ja säännöt 12
Tyypillisiä HTML-elementtejä 13
HTML-merkkauksen kirjoittaminen 13
Tiedostojen nimeäminen ja katsominen selaimessa 13
Yksinkertaisen HTML-sivurakenteen luominen 14
Toimiva HTML5-esimerkki 15
HTML5 perusteet 16
HTML ja CSS historiaa 16
HTML, CSS ja Javascript 16
HTML5 uudet ominaisuudet 17
Kuvaus uusista tärkeimmistä HTML5-elementeistä 17
Muita uusia elementtejä 17
Uusia lomake-elementtejä 17
HTML5-kirjoitusasu 18
HTML5 uudet rakenteelliset elementit 18
Sivun jakaminen osiin 20
Esimerkki HTML-merkkauksesta 21
HTML5 Outline 22
HTML5 ja lomakkeet 23
Uusia lomakekenttiä 23
Esimerkki lomakkeen HTML-merkkauksesta 23
HTML5 Audio ja video 24
HTML5 Audio 24
HTML5 Video 24
Yleisimmät mediaformaatit 24
CSS 25
CSS-lyhyt oppimäärä 25
ID- ja Class-atribuutit 26
CSS-tyyleistä tarkemmin 26
Ulkoiset tyylitiedostot 27
Ehdolliset kommentit 27
CSS3 uusia ominaisuuksia 27
@font-face 28
Media quaries 29
HTML5 ja vanhat selainversiot 30
Rakenteelliset elementit 30
Lomakkeiden korjaus? 30
JavaScript 31
Mihin JavaScript-koodia voi kirjoittaa? 31
Toimiva JavaScript-esimerkki 31
JavaScript ja HTML5-uudistukset 31
Dataset 31
LocalStorage 32
Canvas 32
Linkkejä 33