Julkaise verkossa; verkkosivujen tekniikat HTML ja CSS

Tunnetko olosi epävarmaksi päivittäessäsi verkkosivua tai toteutatko uudet jutut vain kopioimalla vanhasta kun et ymmärrä miten tekniikka toimii?
 
Verkkosivujen sisällöntuotannosta on tullut osa toimenkuvaa monille, yleensä ilman koulutusta ja joskus jopa vasten tahtoa. Vastuun julkaisun toiminnasta kyllä joutuu kantamaan.  

Hyöty

Julkaisutekniikan perusteet ovat nykyään lukutaitoon verrattava osaamisvaatimus kaikille viestinnän, markkinoinnin ja julkaisun alalla työskenteleville samoin kuin kaikille omat toimen ohella sivuja ylläpitäville.
 
Parhaiden käytäntöjen ja tekniikan tuntemus auttavat sekä ymmärtämään suunnittelua että toteutusta ja helpottaa ylläpitäjän elämää kun ymmärtää paremmin mitä on tekemässä. 

Kenelle?

Kaikkien, jotka suunnittelevat tai toteuttavat verkkosivuja tai vaikkapa vain ylläpitävät valmiin sivuston sisältöä, tulisi hankkia tämä perusosaaminen. HTML- ja CSS-tekniikoiden perusteet ovat tarpeen, vaikka vain suunnittelisit verkkosivuja, sillä tuntemalla tekniikan osaat valita parhaan toteutustavan ja kehityt myös suunnittelijana.

Esitiedot: Kurssille voi osallistua ilman teknistä osaamistaustaa. Aiheita käsitellään teorian ja käytännön avulla tekemällä.

Miksi?

Netistä on tullut yhä merkittävämpi, usein jopa ainoa tiedotuskanava. Osataksesi hyödyntää sitä parhaalla tavalla on syytä ymmärtää toiminnan perusteet.

HTML ei ole vaikeaa! Tuntemalla yhteensä noin 50 HTML:n ja CSS:n termiä ja niiden erittäin yksinkertaisen kieliopin hallitset verkkojulkaisun jo hyvin. Suunnittelijana olet heti ylivoimainen verrattuna pelkkään visuaaliseen suunnitteluun rajoittuneeseen kollegaasi. Sisällön tuottajana ja ylläpitäjänä osaat työskennellä paremmin ja huolettomammin, kun ymmärrät toiminnan.

Miten?

Älä enää tuskaile hankalaksi kokemiesi asioiden kanssa, vaan ilmoittaudu kurssille ja hanki itsellesi osaaminen, jolla sekä helpotat omaa elämääsi että parannat asemaasi työmarkkinoilla.

Materiaali:

Kurssilla käytetään Sovelton omaa materiaalia

1. päivä

Verkkosivujen tekniikka, kuinka netti toimii?

  • Netin kolme tukipilaria; HTML, CSS ja JavaScript
  • Miten tekniikat ovat kehittyneet vuosien saatossa
  • Standardit ja suositukset
  • Missä nyt ollaan ja mihin tekniikat ovat kehittymässä?
  • Mitä tekniikkaa voin käyttää jo tänään?

Hyvät verkkosivut

  • Miten ihmiset lukevat verkkosivua?
  • F vai Z, kuinka katsetta ohjataan
  • Tärkeiden asioiden sijoittaminen sivulle oikein
  • Värillä on väliä
  • Erilaiset käyttäjät

HTML sivun kuvauskielenä

  • HTML -dokumentin rakenne
  • Tietoa selaimelle ja tietoa käyttäjälle
  • Mistä osista sivun sisältö muodostuu?
  • HTML elementit
  • Oikean elementin valinta esitettävän tiedon mukaan

Tyyliä sivuille = tyylisivut; CSS

  • Visuaalisen ilmeen määrittäminen
  • Mihin tyylimäärittelyt voidaan sijoittaa?
  • Sisältö ja ulkoasu erilleen

CSS pintaa syvemmältä

  • CSS säännöt, kielioppi
  • CSS valitsimet; elementtien valinta
  • Miten huomioin eri laitteet? Kännykkä, "tabletti" vai muu tietokone?
  • Omat tyylit tulosteisiin

2. päivä

Kirjasimet verkkosivuilla

  • Websafe? Mitä kirjasimia voin käyttää?
  • Lisää näyttävyyttä sivuille ladattavilla kirjasimilla
  • Kuinka varmista sivun toiminnan?
  • Ohjeita verkon typografiaan

Datan visualisointia

  • Listat ja taulukot
  • Tabulaarisen datan esitystapa; taulukot
  • Taulukoiden muotoilu näyttäviksi ja luettaviksi

Lomakkeet verkkosivuilla

  • Suunnittele lomake oikein
  • Lomake-elementit
  • Valintoja valintoja; rasteja ruutuun, listoja vai mitä?
  • Päiväykset
  • Uusia lomake-elementtejä

Kuvat verkkosivuilla

  • Kuvatiedoston valmistelu verkkosivuille; koko, väriavaruus ym.
  • Kuvien käyttö; kuvituskuva, taustakuva, kuva linkkinä
  • Kuvatekstit
  • Miten huomioida estettömyys ja käytettävyys?

Webin kolmas tukijalka - katsaus JavaScriptiin

  • Mihin skriptausta tarvitaan?
  • Miten JavaScriptia käytetän?
  • Valmiita JavaScript kirjastoja

Vastuuhenkilö


Toni Ylärinne

Avainsanat

Julkaisu, Web, HTML, CSS

haluatko_opiskella_heti_270px.jpg

Tämä kurssi asiakaskohtaisena?

Koulutuksia järjestetään myös asiakaskohtaisina toteutuksina

Ota yhteyttä myyntipalveluumme soittamalla puh. 042 42 21 21 tai lähettämällä sähköpostia osoitteeseen myyntipalvelu@sovelto.fi
niin järjestetään teille oma kurssi.

Jaa tämä sisältö: