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?
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 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
- Du vil lære om Media Queries for enkelt å produsere en website som er tilpasset både mobil, lesebrett og skjerm
- 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)
- Media Queries: tilpasse sidene til ulike skjermoppløsninger (skjerm, lesebrett, 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. Har du tanke for å tilpasse websidene til iOs og Android vil du også ha utbytte av dette kurset. 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. 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.
Han underviser blant annet i Adobe Dreamweaver, Captivate, Muse, Contribute, BrowserLab, HTML/HTML5, CSS/CSS3, WordPress, Joomla!, Google Analytics, sosiale medier m.m.
Instruktøren jobber også som konsulent innenfor disse fagområdene.
Les instruktørens innlegg på Qross sin blogg: blogg.qross.no.
Tidligere deltakere har uttalt følgende om dette kurset
"Jeg opplevde at jeg fikk god, oppdatert og nyttig kunnskap rundt bruk av HTML5 og CSS3. Takk til Hans for praktisk hjelp og svar på spørsmål hele tiden underveis på kurset. Bra at det ikke var for mange deltakere. En hyggelig opplevelse, morsomt, og veldig bra opplegg."
Ole Kristian Waaler, Lånekassen
"Synes kurset var veldig bra, spesielt siden vi fikk lære ting gjennom praktiske oppgaver. Når det gjelder de nevnte oppgavene, savnet jeg imidlertid skjermbilder som viste en før- og ettertilstand for hver deloppgave.
Det er nok en stor fordel om man allerede har en del erfaring med både HTML og CSS før man tar dette kurset, kanskje spesielt ift. CSS-delen.
Kursholderen holdt et høyt nivå og tok seg god tid til hver enkelt. Veldig bra!
Veldig positivt at vi fikk med oss en CSS3-bok og alle oppgavene på minnepinne. Dette gjør det mye enklere å fortsette å jobbe med stoffet når man kommer hjem/tilbake på jobb, Veldig bra tiltak med både forum og blogg også. I det hele tatt virker opplegget veldig gjennomført, og man får definitivt lyst til å ta flere kurs hos dere.
Likte veldig godt å jobbe på iMac med Mac OSX, og vil etter kurset absolutt vurdere å bruke Dreamweaver videre som IDE. Arbeidsstillingen ble imidlertid ikke helt riktig ift. bordhøyde osv., så jeg fikk andtydning til "musearm". Dette vil jeg anbefale å løse med heve-/senke-bord. "
Tony Daniel Bore, Telenor Norge
"Et utrolig bra kurs! Takket være kursleder. "A little less conversation, and a little more action" - enn de fleste kurs jeg har deltatt på. Det er ved prøving man lærer, og det fikk vi absolutt erfare på dette kurset. Kursleder fikk alle med uansett kunnskapsnivå på deltagerne. "
Trond Morten Solvang, Widerøe Internet AS
"Takker for et godt gjennomført kurs, som ga masse inspirasjon til å jobbe videre med HTML5 og CSS3. Jeg syntes kurslederen Hans ga oss en god innføring i emnets funksjonalitet og ga oss gode rettningslinjer for bruk. Alt i alt er jeg meget fornøyd med gjennomføringen og kurset generelt. Anbefaler Qross som kurssted."
Marius Foss, Mafos
"Kurset var veldig nyttig og ga en god innføring i hvilke muligheter HTML5 og CSS3 gir."
Trond Sand, Glåmdalen AS
Les flere uttalelser her.