Top

Web-tekniikat-velhon käsikirja (2020) (HTML5, CSS3, JavaScript)

HTML5, CSS3 ja JavaScript ovat tärkeitä ja oleellisia 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, vuoden 2020 mukainen, versio. Uusia koodiesimerkkejä on lisätty mukaan ja esimerkiksi oppaan JavaScript-osuutta on parannettu. Lisäksi oppaassa on korjattu muutamia pieniä kirjoitusvirheitä.

  • Web-tekniikat-velhon käsikirja (2020) (HTML5, CSS3, JavaScript)
  • Julkaisuvuosi:
  • Kirjoittaja: Pasi Kainulainen
  • PDF-muotoisen käsikirjan hinta: 25,00 € + alv (31,00 € sis. alv)
  • Käsikirjan sivumäärä: 35
Web-tekniikat (2020) velhon käsikirja
Web-tekniikat-velhon käsikirja (2020) (HTML5, CSS3, JavaScript) tarjoaa tehokkaan tietopaketin. Sähköisessä PDF-versiossa voit katsoa opasta (PDF-lukuohjelmastasi riippuen) joko sivu kerrallaan tai kahden sivun aukeamana. Vastaavasti valmiiksi tulostetut, niitatut ja postitetut versiot ovat A4-paperille tehtyjä värilasertulosteita.
Web-tekniikat-velhon käsikirja (2020) (HTML5, CSS3, JavaScript) tarjoaa tehokkaan tietopaketin. Sähköisessä PDF-versiossa voit katsoa opasta (PDF-lukuohjelmastasi riippuen) joko sivu kerrallaan tai kahden sivun aukeamana. Vastaavasti valmiiksi tulostetut, niitatut ja postitetut versiot ovat A4-paperille tehtyjä värilasertulosteita.

Sinulla on taika kädessäsi! Käytä sitä varoen.

Sisällysluettelo

 

Web-sivun tai -palvelun suunnittelu 5
Adobe Photoshop 5
Adobe XD 6
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? 32
JavaScript-esimerkki 1 32
JavaScript-esimerkki 2 32
JavaScript ja HTML5-uudistukset 33
Dataset 33
LocalStorage 33
Canvas 34
Linkkejä 35

Saatat olla kiinnostunut näistä sisällöistä