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:
- Företags- eller användaranpassade kurser. Skicka förfrågan om önskat program/ämne och önskat utbildningsdatum. Vi återkommer med offert.
- 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.