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: 35 € + alv (39,90 € sis. alv)
  • Hintaluokka 2: värilasertulostus + niittaus + postitus: 59,65 € + alv (68 € sis. alv)
  • Hintaluokka 3: värilasertulostus + kierrevihko + postitus: 62,28 € + alv (71 € 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ä räätälöityä konsultointia ja valmennusta. Voimme Konsultoimme etänä verkon kautta, voimme tulla asiakkaan omalle työpisteelle tai konsultointi voidaan järjestää Mixtumin omassa koulutuspisteessä Espoossa.

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ä

Web-tekniikat perusteet -koodauskurssi (HTML, CSS) – lähikurssi, etäkoulutus tai konsultointi

HTML ja CSS ovat nykyaikaisen verkkosivun perusta. Jos olet kiinnostunut modernien verkkosivujen luomisesta ja koodauksesta, sinulla tulisi olla hyvä yleiskäsitys ...

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

HTML5, CSS3 ja JavaScript ovat kaikki tärkeitä verkkotekniikoita. Yhdessä ne mahdollistavat modernit, monipuoliset ja elämysrikkaat verkkosivut. Web-tekniikat -velhon käsikirja tarjoaa ...

Web-tekniikat ja koodaus-jatkokurssi kehittäjille (JavaScript, HTML5, CSS3)

Web-tekniikat jatkokurssi tarjoaa runsaasti tietoa erityisesti web-kehittäjille, jotka haluavat ottaa tehokkaasti haltuun HTML5- ja CSS-kielien ohella myös JavaScript-kielen koodauksen ja ...

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

HTML5, CSS3 ja JavaScript ovat kaikki tärkeitä verkkotekniikoita. Yhdessä ne mahdollistavat modernit, monipuoliset ja elämysrikkaat verkkosivut. Web-tekniikat -velhon käsikirja tarjoaa ...

Velhon käsikirjat – opetus- ja koulutusmateriaalit vailla vertaa!

Velhon käsikirjat ovat pääosin Adobe Creative Cloud -ympäristöön tarkoitettuja IT-kirjoja. Kirjat ovat väripainoksia ja niiden sivumäärä vaihtelee.

Kevään 2020 kurssi- ja koulutustarjonta

Olemme julkaisseet kevään 2020 velhon kurssikalenterin. Tarjonnassa on tuttuun tapaan monipuolisesti kuvankäsittelyyn, suunnitteluun, taittamiseen, videoeditointiin, koodaukseen ja ohjelmointiin, verkkosivutuotantoon ym. ...

Mixtum lähikoulutus, etäkoulutus ja konsultointi kevätkaudella 2025

Kevätkausi 2025 tulee sisältämään enemmän koulutuksia ja kursseja kuin koskaan aiemmin. Samalla Mixtumin lähikoulutukset tekevät paluun!

Pasi Kainulainen

Mixtum on perustettu Pasi Kainulaisen toimesta ja Pasi toimii edelleen yrityksen toimitusjohtajana.