Kurs i HTML5 og CSS3

Kurs i HTML5 og CSS3 er et kurs som fokuserer på en del av de nye elementene i HTML5, samt de nye mulighetene som ligger i CSS3. Har ikke du også ønsket å lage avrundede hjørner på bokser (uten å bruke bilder...) eller bruke annet enn standardfonter på web? Eller hva med webapplikasjoner tilpasset offline bruk på iPhone/iPad? Hva med responsive webdesign?

Har du fått med deg alt oppstyret rundt HTML5? Sannheten er at mye av det som omtales som HTML5 egentlig er CSS3. Vi snakker om runde bokser, skygger, web-fonter, teksteffekter, multi-kolonnelayout, responsive webdesign m.m.

Hvorfor velge dette kurset?

• Du vil lære om de nye mulighetene CSS3 gir, ting som vil sette deg i stand til å lage fantastiske layouter og effekter, kun ved hjelp av CSS
• Lær om de nye HTML5-taggene og hva disse har å si for utvikling av en website i dag
• Vi ser på hva som støttes i de ulike nettleserne og hvilke utfordringer dette gir. Hvordan løser vi dette slik at vi kan bruke HTML5 og CSS3 allerede i dag?
• Selvfølgelig vil du også lære om hvordan du kan vise video i HTML5, samt legge inn støtte for de som ikke kan se dette
• Responsive webdesign - du vil lære om Media Queries for enkelt å produsere en website som er tilpasset både mobil, nettbrett og desktop, hvordan håndtere skalerbare bilder m.m.
• Vi ser også på hvordan vi kan tilpasse en webside for offline bruk på iPhone/iPad slik at brukeren kan laste ned websiden som en webapp og bruke den selv uten internettilkobling

Kursinnhold

HTML5

• HTML5 Doctype, nye HTML5 tagger, struktur og semantikk, håndtering av HTML5 i dagens nettlesere
• Skjema: nye input elementer og attributter i skjema
• Audio og video: hva gjør vi der hvor HTML5-video ikke støttes?
• Lage en offline-versjon av websiden som kan lastes ned som en webapp på iPhone/iPad (portrett/landskaps visning, programikon).

Hva er CSS3? Du får en god innføring og "oppskrifter" på hva som støttes av ulike nettlesere og hva du bør gjøre der hvor det ikke er støtte.

• Hvordan CSS3 kan forbedre hastigheten på nedlasting av sider og minske utviklingstiden?
• Visuelle effekter som f.eks runde hjørner, gradienter, skyggeeffekter, opacity m.m. uten bruk av bilder
• Flere bakgrunnsbilder på samme element, skalering, rammer av bilder m.m.
• Nye avanserte selektorer som lar deg formatere spesifikke elementer - automagisk!
• Pseudo-class og pseudo-elementer
• Overganger og animasjoner uten bruk av Flash eller JavaScript
• Rotering av innhold
• Webfonter
• Transparente farger (HSLA, RGBA)
• Responsive webdesign - hva er det, hvordan bruker vi det?
• Media Queries: tilpasse sidene til ulike skjermoppløsninger (skjerm, nettbrett, telefon)
• Hvis tid: flexible box layout model, multi-kolonne layout, sticky footers og box-sizing
• Hvis tid: workshop hvor du kan bruke det du har lært på kurset til produksjon av eget prosjekt

Hvem passer kurset for?

Kurset retter seg mot personer som ønsker praktisk gjennomgang av og oversikt over de nye mulighetene som åpner seg med HTML5 og CSS3. Ønsker du i dag å begynne å bruke HTML5 og CSS3 er dette kurset for deg. Du vil også lære om responsive webdesign. Eller kanskje du ønsker å finne ut hvordan du kan lage en offline webapp av en produktkatalog, portfolio eller lignende til bruk på f.eks iPad?

Forkunnskaper

Kurset passer for alle som jobber med HTML/CSS, Dreamweaver eller andre editorer og som ønsker å lære mer om de nye standardene og hvordan disse kan benyttes allerede i dag.

Deltakerne må ha erfaring med HTML og CSS.
Ønsker du et forkurs hvor du lærer om HTML og CSS tilbyr vi 1-dags kurs som vil gi deg den oversikten du trenger, før du deltar på kurs i HTML5 og CSS3. Ta kontakt med oss om du ønsker pristilbud på 1-dags forkurs pluss kurs i HTML5 og CSS3.
Om du ønsker å benytte Dreamweaver som editor på kurset bør du også ha erfaring med dette tilsvarende Dreamweaver grunnkurs.
Du velger selv om du ønsker å jobbe i Notepad, Notepad++, TextWrangler eller for eksempel Dreamweaver på kurset (Har du andre ønsker når det gjelder programvare, ta kontakt).

Sertifisert instruktør

Kurset holdes med Adobe-sertifisert instruktør med over 12 års erfaring.

Instruktøren underviser blant annet i Adobe Dreamweaver, Edge Reflow, Captivate, Muse, HTML/HTML5, CSS/CSS3, WordPress, Google Analytics, sosiale medier m.m.

I tillegg jobber instruktøren også som konsulent innenfor disse fagområdene.

Les instruktørens innlegg på bloggen vår: blogg.qross.no.