Top

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

Jaa tämä juttu
FacebookTwitterWhatsUp

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ä.

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

  • Web-tekniikat-velhon käsikirja (HTML5, CSS3, JavaScript)
  • Julkaisuvuosi:
  • Kirjoittaja: Pasi Kainulainen
  • Käsikirjan sivumäärä: 33
  • Hintaluokka 1: sähköisesti PDF-muodossa: 32,64 € + alv (35,90 € sis. alv)
  • Hintaluokka 2: värilasertulostus + niittaus + postitus: 59,00 € + alv (64,90 € sis. alv)
  • Hintaluokka 3: värilasertulostus + kierrevihko + postitus: 61,73 € + alv (67,90 € sis. alv)

Tilaa itsellesi Web-tekniikat-velhon käsikirja (HTML5, CSS3, JavaScript) ja pian sinullakin on taika kädessäsi!

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

Klikkaa kuvia katsoaksesi niitä isommassa koossa

Web-tekniikat-velhon käsikirja (HTML5, CSS3, JavaScript)
Web-tekniikat-velhon käsikirja (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-kokoiselle paperille luotuja värilasertulosteita, joita ei ole kuitenkaan tulostettu kahden sivun aukeamaksi, kuten esimerkkikuvassa.
Web-tekniikat-velhon käsikirja (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-kokoiselle paperille luotuja värilasertulosteita, joita ei ole kuitenkaan tulostettu kahden sivun aukeamaksi, kuten esimerkkikuvassa.

Web-tekniikat -aiheinen koulutus, kurssi tai konsultointi

Tiesitkö, että Mixtum tarjoaa Web-tekniikat -aiheisia kursseja ja koulutuksia sekä henkilökohtaista valmennusta. Voimme Konsultoimme kätevästi ja turvallisesti verkon kautta etänä tai halutessa voimme tulla myös asiakkaan omalla työpisteelle.

Web-tekniikat -sisällysluettelo

Velhon käsikirjat ovat pieneen sivumäärään tiivistettyjä tehokkaita ja edullisia oppimateriaaleja, joita voi tilata sekä sähköisessä muodossa (PDF) että paperitulosteena.

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

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