Web-tekniikat-velhon käsikirja (2021) (HTML5, CSS3, JavaScript)
HTML5, CSS3 ja JavaScript ovat tärkeitä ja oleellisia web-tekniikoita. Yhdessä ne mahdollistavat modernit, monipuoliset, responsiiviset ja elämysrikkaat verkkosivut. 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 2021 mukainen, versio. Uusia koodiesimerkkejä on lisätty mukaan ja erityisesti CSS-osioon on pyritty lisäämään enemmän esimerkkejä ja selvennyksiä. Kuten kaikissa uusissa velhon käsikirjoissa, myös tässä versiossa on korjattu muutamia kirjoitusvirheitä ja pyritty parantamaan kerrontaa siellä täällä.
Web-tekniikat -velhon käsikirjassa käydään lisäksi seuraavia asioita:
- Esitellään hyviä ilmaisia koodieditorieja
- Puhutaan yleisesti verkkoselaimista
- Kerrotaan HTML-kielen perusteet
- Esitellään joukko tyypillisimpä HTML-komentoja
- Kerrotaan HTML5-kielen uusista ominaisuuksista
- Esitellään tärkeimmät uudet rakenteelliset HTML5-komennot
- Demotaan verkkosivujen rakenteen luomista
- Esitellään Audio- ja Video-elementtien käyttöä
- Kerrotaan CSS-kielen perusteista
- Esitellään CSS-komentoja ja koodiesimerkkejä
- Kerrotaan CSS3-version uusista ominaisuuksista
- Esitellään sivurakenteen tyylittelyä CSS-komennoilla
- Esitetllään kustomoitujen fonttien käyttö
- Demotaan responsiivisuuden rakentamisen perusteita
- Kerrotaan JavaScript-kielen perusteista
- Esitellään jonkin verran JavaScript-koodiesimerkkejä
- Kerrotaan verkkosivujen viemisestä palvelimelle
Sinulla on taika kädessäsi! Käytä sitä varoen.
- Web-tekniikat-velhon käsikirja (2021) (HTML5, CSS3, JavaScript)
- Julkaisuvuosi: 2020
- Kirjoittaja: Pasi Kainulainen
- Käsikirjan sivumäärä: 35
- 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 (2021) (HTML5, CSS3, JavaScript) ja pian sinullakin on taika kädessäsi!
Web-tekniikat-velhon käsikirja (2021) (HTML5, CSS3, JavaScript) -kuvia
Klikkaa kuvia katsoaksesi niitä isommassa koossa
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 7
Adobe Photoshop 7
Adobe XD 8
Sopivan koodiditorin valinta 9
Notepad 9
NotePad++ 9
Komodo Edit 9
Brackets 10
Sublime Text 10
Visual Code Studio 11
Adobe Dreamweaver 11
Web-sivut ja selaimet 12
HTML-perusteet 14
HTML-kielen lyhyt oppimäärä 14
Aloitus ja koodieditorin käyttö 14
HTML-dokumentin aloitus 15
HTML-dokumentin rakenne ja säännöt 15
HTML-merkkauksen kirjoittaminen 15
Tiedostojen nimeäminen 16
HTML-dokumentin katsominen selaimessa 16
Tyypillisiä HTML-elementtejä 17
HTML-esimerkkejä 17
Yksinkertaisen HTML-sivurakenteen luominen 18
Toimiva HTML5-esimerkki 19
HTML5 perusteet 20
HTML ja CSS historiaa 20
HTML, CSS ja Javascript 20
HTML5 uudet ominaisuudet 21
Kuvaus uusista tärkeimmistä HTML5-elementeistä 21
Muita uusia elementtejä 22
Uusia lomake-elementtejä 22
HTML5-kirjoitusasu 22
HTML5 uudet rakenteelliset elementit 23
Sivun jakaminen osiin 24
Esimerkki HTML-merkkauksesta 26
HTML5 Outline 26
HTML5 ja lomakkeet 28
Uusia lomakekenttiä 28
Esimerkki lomakkeen HTML-merkkauksesta 28
HTML5 Audio ja video 29
HTML5 Audio 29
HTML5 Video 29
Yleisimmät mediaformaatit 29
CSS 30
CSS-lyhyt oppimäärä 30
CSS-esimerkki 31
Väriarvojen määrittäminen 31
ID- ja Class-atribuutit 32
CSS-merkkauksesta tarkemmin 32
Ulkoiset tyylitiedostot 33
Ehdolliset kommentit 33
CSS3 uusia ominaisuuksia 34
Esimerkki uusien CSS3-ominaisuuksien käytöstä 34
HTML-rakenteen muotoilu CSS-tyylien avulla 35
@font-face 37
Font-face-esimerkki 37
Media quaries 38
HTML5 ja vanhat selainversiot 39
Rakenteelliset elementit 39
Lomakkeiden korjaus? 39
JavaScript 40
Mihin JavaScript-koodia voi kirjoittaa? 40
JavaScript-esimerkki 1 41
JavaScript-esimerkki 2 41
JavaScript ja HTML5-uudistukset 41
Dataset 41
LocalStorage 42
Canvas 42
Sivujen siirtäminen web-palvelimelle 43
Web-hotellin hankinta 43
FTP-siirto 43
Linkkejä 44