Kurssit
Sovelto > Kurssit > Kurssien haku
Myyntipalvelu | Sivukartta | Yhteystiedot | Palaute

Huom. Kurssihaun sisällä selaimen Takaisin/Back -toiminto vie sinut takaisin sivulle, josta tulit kurssihakuun.

Huom. Hakuehdon syöttäminen käynnistää haun ilman minkään painikkeen napsautusta.

Hae kurssia sanoilla:

 
Kenelle

Kaikki



Sovellus-
kehittäjä

Järjestelmä-
asiantuntija

Pääkäyttäjä
tai tukihenkilö

Tietoliikenne-
asiantuntija

Tietohallinto-
päällikkö

Sovelluksen
käyttäjä

Projekti-
päällikkö

Johto
 
Maksu-
tapa


Kurssi-
paikka


 
Ajan-
kohta
Vain kurssit, joista on toteutus
aikaisemmin kuin x

 
laajennettu haku
näytä laajennettu haku

Tai selaa koko kurssivalikoimaamme


Responsive Web Design käytännössä: Hands-on workshop (vain asiakaskohtaisesti)


Hinta - Maksu - Kesto 1 pv Yhteyshenkilö Panu Korpela
Avainsanat

Web

Design

Responsive

Web-suunnittelu

Käytettävyys

Suunnittelu

HTML

CSS

Missä ja milloin
Tämän kurssin seuraava ajankohta ei ole vielä kalenterissa. Jos olet siitä kiinnostunut, ota meihin yhteyttä: info@sovelto.fi
Oletko joskus surffannut kännykällä sivustolle, jonka käyttäjäkokemus on samalla romahtanut? On aivan liian yleistä, että webbisivun käyttäminen mobiilisti on turhauttavaa. Ethän vain itse enää toteuta sellaisia?

Hyöty

Haluatko sinä olla osa ongelmaa vai asiantuntija, joka ratkaisee pelin edukseen?
 
Verkon käytöstä suuri osa tapahtuu nykyään vaihtelevalla päätelaitekirjolla; älypuhelimen tai tabletin pieni näyttö on yhtä yleinen ellei yleisempi kuin työpöytämonitori. On selvää, ettei sama näkymä ole toimiva kaikissa näissä eri laitteissa. On myös selvää, ettei ole mielekästä yrittää ylläpitää erillisiä sivustoja eri laitteille (ns. mobiilisivustot). Säästä ylläpidossa ja toteutuksessa tekemällä kerralla kunnolla kaikille laitteille soveltuva sivusto!

Kenelle?
Kaikki webin toteutusta tekevät henkilöt. Kurssi on "hands on" -tyyppinen, missä asioita käydään teorian ohella läpi käytännönläheisesti itse tekemällä. Mikäli HTML- ja CSS-koodin tuottaminen ei kuulu omaan työhösi, suosittelen osallistumaan mieluummin samasta aiheesta designereille tarkoitettuun kurssiin.

Esitiedot: HTML- ja CSS-perustaidot.

Miksi?
Ainoa oikea ratkaisu toteuttaa sivusto on käyttää samaa HTML-koodipohjaa ja sisältöä, mutta tarjota esitystapa ja muoto sivua esittävän laitteen itse valittavaksi!  Enää ei voida tietää, minkä kokoisella näytöllä henkilö sivua tarkastelee tai edes näytön suuntaa: onko se vaaka- vai pystyasennossa. Sivun tekijän tehtävänä on varmistaa paras mahdollinen käyttökokemus käyttäjän vapaasti valitsemalla käyttötavalla. Aiemmin web-sivuja on toteutettu printin suunnittelusta periytynein opein käyttäen kiinteitä asemointeja. Tämä aiemman toiminnan opettama väärä toimintamalli on aika purkaa ja hyödyntää laitteiden potentiaali sivujen suunnittelussa.

Tällä kurssilla opit käytettävän tekniikan ja periaatteet käytännönläheisesti työskentelemällä. Kurssin aikana muutetaan perinteinen sivusto toimimaan hyvin eri päätelaitteilla ja samalla opitaan aiheeseen liittyviä parhaita käytäntöjä. Lopputuloksena saat lähes epäreilua kilpailuetua suunnittelijana tai toteuttajana!

Miten?
Responsive web design -tyyppiset toteutukset ovat alalla sen verran kuuminta hottia, että isojen sivustojen responsiivisten toteutusten julkistukset jopa ylittävät valtakunnallisen uutiskynnyksen. Ole mukana tekemässä asioita oikein ja ilmoittaudu jo seuraavalle kurssitoteutukselle.

 

1. PÄIVÄ
Tausta ja tekniikka
  • Sisällön asemointitekniikat
  • Laitekanta ja näytöt
  • Mobile First -ajattelu
  • Ymmärrä käyttäjää
Flexible grid
  • Joustava asemointi
  • Suhteelliset määritykset (fluid layout)
  • CSS reset
  • Konteksti
  • Box sizing
  • em-asemointi (elastic layout)
  • Kuvien esittäminen
Media queries
  • Tekniikka kaiken takana
  • Tyypit
  • Syntaksi
  • Ominaisuudet
Mobile First
  • Tärkein sisältö
  • Navigoinnin toteutus
  • Käyttäjän eleet sormilaitteissa
Typografia ja kuvat
  • Fontit muuntuvan kokoisilla sivuilla
  • Palstoitus?
  • Tavalliset kuvat (img)
  • Taustakuvien toteutustavat
  • Palvelinratkaisut kuvien yhteydessä
  • Retina-näyttöjen huomiointi
Selainyhteensopivuus
  • Eri selainten huomioiminen
  • IE tänään ja huomenna


Yhteystiedot
Sovelto, info(at)sovelto.fi
Puhelin: 042 42 2121
Pasila: Ratapihantie 11, 00520 Helsinki
Tampere: Naulakatu 3, 33100 Tampere
Ratkaisevaa osaamista
Sovelto on johtava suomalainen ICT-osaamisen keskus, joka tuottaa ratkaisevaa osaamista ja oppimisen iloa tieto- ja viestintätekniikan soveltamiseksi!
Tyhjä ruutuSuomalaista osaamista