Ystävänpäiväkampanja – kaksi yhden hinnalla! Tästä kampanjasivulle!


Maksuton 
Power BI Copilot: Käyttö ja kyvyt -webinaari 12.3.2025 klo 10:00 Ilmoittaudu tästä !
Power BI Copilot: miten saat sen käyttöösi ja mitä se osaa?

 

HTML ja CSS perusteet

Haluatko ymmärtää, miten verkkosivut toimivat ja miten voit itse muokata tai luoda niitä? Tämä käytännönläheinen kurssi antaa sinulle vahvan pohjan HTML- ja CSS-kieliin, joita käytetään kaikilla moderneilla verkkosivuilla. Lisäksi opit, miten tekoäly voi auttaa koodin tuottamisessa – ja miten voit arvioida sen turvallisuutta ja laatua ennen käyttöönottoa.
corellia_web

kesto 2 pv

990 + ALV
  • Kurssimuoto: Luokka, Etä

HTML ja CSS perusteet – Opettele verkkosivujen rakentamisen ydinasiat ja hyödynnä tekoälyä koodin tuotannossa

Haluatko ymmärtää, miten verkkosivut toimivat ja miten voit itse muokata tai luoda niitä? Tämä käytännönläheinen kurssi antaa sinulle vahvan pohjan HTML- ja CSS-kieliin, joita käytetään kaikilla moderneilla verkkosivuilla. Lisäksi opit, miten tekoäly voi auttaa koodin tuottamisessa – ja miten voit arvioida sen turvallisuutta ja laatua ennen käyttöönottoa.

Tekoälytyökalut voivat nopeuttaa koodin kirjoittamista, mutta niiden tuottama koodi ei aina ole täydellistä. Kurssilla opit, miten voit käyttää tekoälyä apuna verkkosivujen rakentamisessa ja miten varmistat, että saat turvallista, toimivaa ja saavutettavaa koodia.

Miksi HTML ja CSS sekä tekoälyn hyödyntäminen ovat tärkeitä?

  • Verkkosivut perustuvat HTML:ään ja CSS:ään – näiden taitojen avulla ymmärrät, miten sivut rakentuvat.
  • Helpottaa verkkosisällön hallintaa – jos päivität tekstejä tai kuvia verkkosivuille, HTML:n perusteiden tunteminen tekee työstä sujuvampaa.
  • Parantaa verkkosivujen käytettävyyttä ja saavutettavuutta – opit tekemään sisältöä, joka toimii eri laitteilla ja on kaikkien käyttäjien saavutettavissa.
  • Ymmärrät verkkosivujen ulkoasun muotoilun – CSS:n avulla voit vaikuttaa sivun visuaaliseen ilmeeseen ja rakenteeseen.
  • Tekoäly nopeuttaa työtäsi – opit hyödyntämään tekoälytyökaluja koodin tuotannossa ja arvioimaan sen laatua.

Tämä kurssi on suunniteltu erityisesti toimistotyöntekijöille, sisällöntuottajille, markkinoinnin ja viestinnän ammattilaisille sekä muille, jotka tarvitsevat satunnaisesti verkkotekniikoiden ymmärtämistä työssään.

Mitä opit tällä kurssilla?

  • Miten verkkosivut toimivat ja selain tulkitsee HTML-koodia
  • Verkkosivun rakentamisen HTML-elementeillä
  • Sisällön asemoimisen ja ulkoasun muotoilemisen CSS-tyyleillä
  • Responsiivisen suunnittelun perusteet – verkkosivujen toiminta eri laitteilla
  • Web-suunnittelun ja käytettävyyden perusperiaatteet
  • HTML:n merkitys saavutettavuudessa
  • Tekoälyn hyödyntäminen koodin tuotannossa – miten generoit HTML- ja CSS-koodia tekoälyllä
  • Tekoälyavusteisen koodin arviointi – miten varmistat koodin turvallisuuden, toimivuuden ja saavutettavuuden

Kurssilla opit käytännön esimerkkien ja harjoitusten avulla. Käymme läpi HTML:n ja CSS:n perusrakenteet sekä tekoälyn hyödyntämisen koodauksen tukena niin, että voit soveltaa oppimaasi heti työssäsi.

Kenelle kurssi sopii?

  • Sisällöntuottajat, jotka lisäävät sisältöä verkkosivuille
  • Kaikki, jotka haluavat ymmärtää verkkosivujen rakennetta ja päivittää verkkosivujen sisältöä itsenäisesti
  • Kaikki, jotka haluavat oppia verkkotekniikoiden perusteet ja hyödyntää tekoälyä työssään

Tarvittavat esitiedot

Ei erityisiä esitietovaatimuksia – riittää, että osaat käyttää tietokonetta ja verkkoselainta. Kurssi on suunniteltu aloittelijoille ja niille, jotka haluavat varman perustan verkkosivujen rakentamiseen sekä oppia hyödyntämään tekoälyä turvallisesti koodin tuotannossa.

💡 Ota verkkotekniikat ja tekoäly haltuun – ilmoittaudu kurssille

Tietoa koulutuksista

Luokkakoulutukset
Corellian koulutustiloissa:
Kalevankatu 9 A, Helsinki

Kiinnostaako asiakaskohtainen toteutus? Meillä onnistuu.

Kurssin olennainen sisältö

Verkkosivujen tekniikat

  • HTML
  • CSS
  • JavaScript
  • Webin toimintamalli

AI koodin tuottajana

  • käytettävissä olevia työkaluja
  • AI koodin laatu
  • miten pyytää tekoälyltä tarvittavaa koodia
  • ymmärrä ja arvioi AI tuottamaa koodia

HTML-kieli

  • HTML-sivun rakenne
  • Elementtien tyypit ja käytös: block vs inline

HTML-sivun otsikkotiedot

  • Dokumentin tyyppi
  • Metatiedot
  • Linkitykset

Rakenteelliset elementit

  • Sivurakenteen toteutustavat
  • Elementtien oikeaoppinen käyttö
  • Otsikot ja väliotsikot
  • Vaikutus hakukoneoptimointiin ja saavutettavuuteen

Tekstitason elementit

  • Listat
  • Taulukot
  • Kappaleet
  • Sisällön ryhmittely
  • Ulkoasun muotoilu CSS-tyyleillä

Kuvat ja muu media

  • Kuvat verkkosivuilla
  • Videot verkkosivuilla
  • Äänet verkkosivuilla

Lomakkeet

  • Lomakesuunnittelusta
  • Lomakekentät: valitse oikea input-tyyppi syötekentäksi
  • Lomakkeiden muotoilut, CSS

CSS tyylit muotoiluun

  • CSS-tyylisääntöjen syntaksi
  • Sivun sisällön asemointi
  • Kirjoita CSS-tyylisi oikein, välty ylläpito-ongelmilta
  • Animaatioita tyyleillä

Kurssin kesto

Kesto 2 pv.

Kurssityyppi

Luokka / Etä

Kouluttajat

Kari Selovuo

Ilmoittaudu kurssille

Osallistujan tiedot

Käyttöjärjestelmätoive *

Osallistumistapa *

Oletko kiinnostunut asiakaskohtaisesta toteutuksesta?

Kerro tarpeesi, niin suunnittelemme koulutuksen tarpeisiinne räätälöitynä.