Dreamweaver 2: Mobiilit web-sivut

Tällä kurssilla opit nykyaikaisten verkkosisältöjen ja mobiilien web-sivujen tuottamisen periaatteet. HTML5 ja CSS3 tarjoavat monipuolisen perustan sisällön esittämiseen niin tietokoneen näytöllä kuin mobiililaitteissa (esim. tablet-tietokoneissa). Niiden avulla voi myös kehittää vuorovaikutteisia palveluja älypuhelimiin.

Dreamweaver-jatkokurssi on suunniteltu niille, jotka vastaavat organisaationsa web-sivuston tuottamisesta ja ylläpidosta. Kurssi soveltuu erityisen hyvin myös niille, jotka tuottavat sisältöjä älypuhelimiin ja tablet-tietokoneille ja haluavat oppia HTML5-rakenteenkuvauskielen ja CSS3-tyylimäärittelyjen käyttöperiaatteet. Kurssilla käytetään CS6-versiota.

Sisältö: HTML5-sivurakenteet, CSS3-tyylit ja tehosteet, upotettavien fonttien käyttö sivustossa, SVG-kuvat ja HTML5 Canvas -piirto-objektit, spry-käyttöliittymäkomponentit web-sivuilla, sisäisen iframe-kehyksen käyttö, HTML5 video ja ääni, Lightbox-kuvagalleriat, HTML5-lomakekentät, Media Queryn käyttö sisällön optimointiin mobiililaitteille, Fluid Grid Layout, sisällön suunnittelu iPadille, Dreamweaverin kirjaston hyödyntäminen sivuston ylläpidossa, koodikirjasto (Snippets).

Tavoite: Oppia tuottamaan Dreamweaverillä HTML5:n ja CSS3:n avulla nykyaikainen ja helposti ylläpidettävä web-sivusto, joka on optimoitu myös mobiililaitteille.

Suositeltavat perustiedot: Kurssi on tarkoitettu Dreamweaverin peruskäytön hallitseville.

Kouluttaja: KTM Antti Ussa.

Kurssimateriaali: Kouluttajan tekemä Dreamweaver: HTML5 & CSS3 -opetusmoniste.

Kurssiohjelma:

1. päivä 9.30-16.00

  • Uudet semanttiset HTML5 -sivurakenteet
  • CSS3 -tyylitiedostot sivuston muotoilussa
  • @font-face ja Google web-fonts
  • Sisäiset tyylit ja yhdistelmätyylit
  • CSS3 tehosteet (pyöristykset, läpinäkyvyys ym.)
  • Tulostustyylitiedoston käyttö sivustossa
  • SVG-kuvat ja HTML5 Canvas -elementti
  • Soveltavia harjoituksia

2. päivä 9.00-16.00

  • Spry-käyttöliittymäkomponentit
  • Sisäiset kehykset web-sivulla
  • HTML5 video ja ääni
  • Lightbox-kuvagalleria
  • Sivun optimointi erilaisille päätelaitteille (tabletit ja älypuhelimet), Fluid Grid Layout
  • Uudet HTML5-lomakekentät
  • Dreamweaverin kirjaston ja leikkeiden hyödyntäminen
  • Soveltavia harjoituksia

Seuraavat avoimet kurssit:

Dreamweaver 2 -kurssi on tarjolla vain etäkoulutuksena ja tilauskoulutuksena.

Katso myös Dreamweaver-perusteet.

Kurssilaisten kommentteja Dreamweaver 2 -kurssista:

  • "Vanhana Dreamweaver käyttäjänä sain paljon sellaista tietoa dreamweaverin ominaisuuksista, mitä en aikaisemmin ollut osannut enkä tiennyt käyttää. Tulee olemaan paljon apua työssäni."
  • "Sisältö oli monipuolinen ja saamani tiedot ja taidot olivat hyödyllisiä työni kannalta."
  • "Rauhallinen selkeä eteneminen. Hyvät esimerkit."

Haluatko lisätietoja Dreamweaver 2 -kurssista? Kysy suoraan kouluttajalta!
Kerron mielelläni lisää.

Nimi:

Sähköposti:

Viesti: