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

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 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!

Målgruppe for kurset
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.

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).

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

Eksamen / sertifisering
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

Ønsker du mer informasjon om dette kurset?

Navn:

Firma:

E-post:

Telefon:

Kursdato:

Melding:

Påmelding:

Klikk her hvis du ønsker å
melde deg på dette kurset

Qross Kurssenter AS - Adobe Authorised Training Centre

Qross er Norges største Adobe-sertifiserte kurssenter og tilbyr kurs i en rekke av Adobes programmer. Våre instruktører er sertifiserte av Adobe og har lang erfaring.

Vi holder standardkurs i våre moderne kurslokaler i Oslo og internkurs over hele landet.
Vi tilbyr flere nivåer av kurs i bl.a. Photoshop, InDesign, Illustrator, Dreamweaver, Flash, Flex, AIR, Acrobat, Captivate og Flash Catalyst. I tillegg har vi flere kurs innen HTML/HTML5, CSS/CSS3, fargestyring, grafisk produksjon m.m.

For lærere på videregående skole har vi egne spesialkurs i grafisk produksjon. Vi har også lang erfaring i kursing av lærere i en rekke av Adobes programmer.

Kursene har begrenset antall deltakere, slik at du alltid vil få den hjelpen du har behov for av instruktøren!

Sertifiserte instruktører

Våre instruktører er sertifiserte av Adobe og har lang erfaring som instruktører og konsulenter innen de Adobe-programmene de jobber med til daglig.

Adresse:	Østensjøveien 36
	0667 Oslo
Kontaktperson:	Hans Aamodt
Telefon:	22 07 00 90
Hjemmeside:	Klikk her
Påmeldingsside:	Klikk her
Flere kurs fra Qross Kurssenter AS - Adobe Authorised Training Centre

Tips en venn