Top

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
  • Web-tekniikat-velhon käsikirja (2021) (HTML5, CSS3, JavaScript)
  • Julkaisuvuosi:
  • Kirjoittaja: Pasi Kainulainen
  • PDF-muotoisen käsikirjan hinta: 27,23 € + alv (29,95 € sis. alv)
  • Käsikirjan sivumäärä: 35
Web-tekniikat velhon käsikirja 2021
Web-tekniikat-velhon käsikirja (2021) (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 (2021) (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 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

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