Kurs: 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?

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.
• På dag 3 ser vi 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

• Doctype
• Nye HTML5 tagger
• Struktur og semantikk
  • section, article, aside, nav
• Hvordan håndteres disse taggene i nettlesere som ikke støtter HTML5?
• Modernizr
• Bruk av linker - på alt...
• Nye input elementer og attributter i skjema
• Audio og video - hvordan håndterer vi støtte for video både i nettlesere som støtter HTML5 og de som ikke gjør det?
  • Video controller

CSS3

• Hvilke deler av CSS3 har best støtte i nettleserne i dag?
  • Hva gjør vi der hvor det ikke er støtte?
• Hvordan CSS3 kan forbedre hastigheten på nedlasting av sider og minske utviklingstiden?
• Hvordan utvikle visuelle effekter som runde hjørner, gradienter, opacity m.m. uten bruk av bilder?
• Nye avanserte selektorer
• Hvordan lage fine overganger og animasjoner uten bruk av Flash eller JavaScript?
• Rotering/transformering av innhold
• Bruk av fonter - vi er ikke lenger låst til standardfonter...
• Multi-kolonne layout
• Farger: HSL, HSLA, opacity, RGBA
• Media Queries - hvordan utvikle èn website tilpasset skjerm, tablet og telefoner? Lær hvordan du kan tilpasse websiten slik at den fungerer optimalt både på skjerm, lesebrett og telefoner.
• Flexible box layout model - et system for multi-kolonne layout i CSS3
• Sticky footers
• Box-sizing - vi ser på forskjellen mellom den tradisjonelle content-box modellen og den nye border-box modellen og hva dette vil ha å si for produksjon av sidelayout

Webapp for iPhone/iPad

• Lage en offline-versjon av websiden som kan lastes ned som en webapp på iPhone/iPad. Inkludert tilpasset ikon til bruk på hjemskjermen på iPhone/iPad, samt støtte for portrett og landskapsvisning
  • Ideelt dersom du ønsker en produktkatalog, portfolio eller lignende tilgjengelig for mobil/lesebrett uten at bruker nødvendigvis har tilgang til internett

Hvis tid: workshop - bruk av det vi har lært på kurset til produksjon av nye sider med veiledning av 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.

Kursdokumentasjon

Vi benytter kursdokumentasjon som sikrer et godt undervisningsopplegg og som samtidig er et godt oppslagsverk og egner seg godt til repetisjon i etterkant av kurset

Praktisk informasjon

Kurset går over 3 dager.

Kl. 09.00 - 15.00 alle kursdagene.

Inkl. lunsj, kursdokumentasjon, UBS minnebrikke, kursbevis og diplom.

Internkurs

Dette kurset tilbys også som internkurs. Dersom et standardkurs ikke passer for deg ta kontakt med oss på kurs@qross.no eller 22 07 00 90 for informasjon om internkurs.

Bedriftsinterne kurs/spesialkurs gir større mulighet for tilpasning av kursinnhold, varighet, kurs på dag/kveldstid etc. enn et standardkurs. Vi tilpasser kurset etter dine behov!

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 CSS og HTML. 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).

Varighet

Kl. 09.00 - 15.00

Målgruppe

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?