Denne kurspakken i HTML(5) og CSS(3) er et 5-dagers kurs hvor du først får en innføring i HTML og CSS for deretter å lære om nye elementer i HTML5, nye muligheter i CSS3, samt responsiv webdesign. Kurset kombinerer våre kurs innføring i HTML og CSS og kurs i HTML5 og CSS3.
Dette er en kurspakke bestående av kursene:
• Innføringskurs i HTML og CSS
• Kurs i HTML5 og CSS3
Kurs 1) Innføringskurs i HTML og CSS:
HTML og CSS:
• Innføring i HTML, tagger, atributter, regler for navngiving av filer og mapper
• Linker og menyer
• Bilder og bakgrunnsbilder
• Strukturering av tekst: overskrifter, avsnitt, linjeskift, non breaking space, lister, tabeller m.m.
Introduksjon til CSS:
• CSS syntax og ulike type stiler: tag, class, ID, Pseudo Elements, sammensatte stiler
• Inline Styles, Internal Styles og External Styles
• Kommentering av kode
Oppbygning av sider med DIV:
• Block vs inline elementer, Box model
• Posisjonering: Static, Relative, Absolute, Fixed
• Float
• Formatere tekst og annet innhold
• Testing av sider i ulike nettlesere
• Tilpasse layout til utskrift
• Overføring av filer til webserver via FTP
Responsiv webdesign:
• Responsiv webdesign - hva er det, hvordan bruker vi det?
• Teknikken "Mobile first"
• Media Queries: tilpasse sidene til ulike skjermoppløsninger (desktop, nettbrett, mobil)
• Multi-kolonne layout
• Hvis tid: workshop hvor du kan bruke det du har lært på kurset til produksjon av eget prosjekt
Kurs 2) Kurs i HTML5 og CSS3:
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, responsiv webdesign m.m.
HTML5:
• HTML5 Doctype, nye HTML5 tagger, struktur og semantikk, håndtering av HTML5 i dagens (og gårsdagens) nettlesere
• Skjema: nye input elementer og attributter i skjema
• Audio og video: hva gjør vi der hvor HTML5-video ikke støttes
CSS3:
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 - automatisk
• Pseudo-class og pseudo-elementer
• Rotering av innhold
• Webfonter
• Transparente farger (HSLA, RGBA)
• CSS variabler
Målgruppe for kurset:
Kurset retter seg mot personer som ønsker å lære seg HTML-koding, samt CSS for formatering og plassering av innhold på nettsider. Kurset passer også godt for designere som ønsker å få en bedre oversikt over hvordan man utvikler nettsider, slik at kommunikasjon med utvikler blir enklere. Dette kurset vil også passe for deg som jobber med annonsemateriell og som ønsker en forståelse av HTML og CSS for å kunne feilsøke, endre og videreutvikle annonser.
Forkunnskaper:
• Kurset henvender seg til brukere uten erfaring med HTML og CSS
• For øvrig kreves alminnelig kjennskap til arbeid med Macintosh eller Windows (mus, menyer, vinduer og generell filbehandling).
Kursmateriell:
Du må ha PC eller Mac. Installer gjerne Visual Studio Code (code.visualstudio.com) før kurset starter. Skulle du ikke ha anledning til å ta med eget utstyr, ta kontakt med oss. Kursavgiften inkluderer lunsj, kursdokumentasjon, kursbevis og diplom.