Lär dig göra layout och typografi för webben med CSS. Med hjälp av Cascading StyleSheets kan man skapa avancerad layout på webben med mer eller mindre automatisk formatering. Genom att kombinera detta med gammal klassisk HTML-kod som fungerar i samtliga webbläsare får man inte bara ren och snygg kod, utan också ett mycket enkelt sätt att uppdatera layouten i framtiden.

Vi jobbar på kursen i ren kod, i DreamWeavers kodläge.

Förkunskaper

Kunskap i HTML och webbproduktion. Kunskaper i bildbehandling för webben ett plus. Arbete i layoutprogram och erfarenhet med sidmallar och typografimallar är ett plus.

Mål

Att efter kursen kunna effektivisera layouten av en webbsida och få renare, snyggare kod, som fungerar i alla webbläsare.

KURSINNEHÅLL

  • Introduktion till HTML och HTML5

  • Grunden i HTML för att få kompatibla sidor
  • Saker att undvika, fallgropar
  • Taggarna div, span, och attributet class
  • CSS-standarden och CSS-redigeraren i Dreamweaver

  • Om "selektorer" och "regler"
  • Om "specificitet" och kaskadordning
  • Styra innehåll efter taggarnas namn
  • Styra efter id-attribut
  • Styra efter class-attribut
  • Formatering av länkar
  • Skapa egna ”typografimallar” med egna namn
  • Avancerad layout

  • Marginaler och utfyllnad
  • Kantlinjer för bilder, tabeller eller div-taggar
  • Synlighet och hantering av överflödande text
  • Olika layoutmetoder
  • Graceful degradation
  • "Responsivitet" med CSS3
  • Typografi med CSS

  • Typsnittshantering
  • Olika typografi med samma taggar i olika div-element
  • Bakgrundsfärger på sida, tabell, div-element m.m.
  • Länka till externa CSS-filer för att få enklare uppdatering
  • Olika CSS-layouter för olika ändamål (utskrift, webb, mobiltelefoner)
Alla kursdeltagare får kursintyg.

KUNSKAP ON DEMAND

Vi har inga schemalagda kurser, endast bokning enligt följande alternativ:

  1. Företags- eller användaranpassade kurser. Skicka förfrågan om önskat program/ämne och önskat utbildningsdatum. Vi återkommer med offert.
  2. Produktionssupport/utbildning on demand. Adobe-produkter, Enfocus, wordpress, xml, mm. Se vår kurslista för kunskapsområden.

Har du specifika problem gällande grafisk produktion eller ”hur-gör-man-frågor”, skicka förfrågan och vi återkommer. Vi kan skicka svar via mail, instruktionsvideo eller boka tid för uppkoppling till dig/er via Skype eller Teamviewer. Minimidebitering för denna tjänst är 30 minuter.


Förfrågan/bokning