Kurs: Kurs i CSS med Adobe Dreamweaver

Kurs i CSS med Adobe Dreamweaver er et 3-dagers kurs i Cascading Style Sheets med bruk av Dreamweaver. Du vil lære deg mange nyttige teknikker som gjør det enklere å utvikle websider som følger webstandarder og er tilgjengelige for alle, ved hjelp av CSS layouts og Dreamweaver.

Hvorfor velge dette kurset?

• Du vil lære avansert bruk av CSS med Dreamweaver som verktøy.
• Du vil lære å bygge sider fra grunnen av, samt hvordan du kan bruke og videreutvikle de innebygde CSS-malene i Dreamweaver.
• Du vil lære å kombinere flere layoutoppsett på en og samme website - med CSS!
• Kurset gir deg en grundig innføring i CSS og hvordan du best kan nyttiggjøre Dreamweavers verktøy for en mest mulig effektiv arbeidsflyt.
• Etter endt kurs vil du ha flere forskjellige CSS-design fiks ferdig til å ta med deg og jobbe videre med. Disse vil være et godt utgangspunkt for videre utvikling, enten du skal ha en website med fast bredde, eller et "flytende" design. Alt vi utvikler på kurset kan du ta med deg hjem på en USB minnebrikke som du får på kurset

Kursinnhold

• Intro til CSS
  • Inline vs Block elementer
  • Hva er en Div?
  • CSS syntax
  • CSS Selector typer
  • Cascade - rekkefølgen stiler brukes i
  • Box model
  • Internet Explorer, alternative stiler
  • Teknikker for posisjonering
• Hvordan bruke, tilpasse og videreutvikle CSS layouts du finner i Dreamweaver
• Bruk av Fixed, Centered Starter Pages
  • Vi tar i bruk "Starter Pages" og bygger en sentrert side med fast bredde
    • Shorthand CSS
    • Dreamweaver CSS Preferences
    • Bakgrunnsbilder
    • Bakgrunnsfarge på kolonner fra topp til bunn
    • Runde hjørner på en kolonne
    • Styling: linker og overskrifter
    • Drop Caps
    • Check Browser Compatibility
    • Media Types
    • Overlapping av DIV-tagger
• Utfordringer du støter på når du skal utvikle tilgjengelige websider
• Bruk av layout tilpasset hele skjermen (i prosent), uansett skjermoppløsning
  • Hva må vi tenke på med "flytende" design vs design med fast bredde
• Komplisert design med elastiske layouts - bredden settes med Em istedenfor prosent eller pixler. Hele siden kan skaleres, ikke bare teksten. Dette gjør det enklere å tilpasse websiten for "alle" - uansett skalering.
  • Form - vi lager et skjema med CSS design
  • Datatabell - vi lager en tabell med CSS design
• Kombinere flere layouts på en website
• Hvis tiden tillater det:
  • Bildegalleri med CSS og Spry (Ajax)
    • Spry-basert navigering (Spry menu bar)
    • HTML Data Set
    • Spry Sliding Pane

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!

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.

Forkunnskaper

Du bør ha erfaring med Dreamweaver som verktøy fra tidligere.

Kurset passer også for deg som har erfaring med CSS fra tidligere, men ikke nødvendigvis har brukt Dreamweaver som verktøy.

Varighet

Kl. 09.00 - 15.00

Målgruppe

Kurset retter seg mot personer som ønsker å lære CSS med Dreamweaver som verktøy. Kurset passer også for de som har deltatt på andre Dreamweaver-kurs tidligere, da dette kurset vil gi deg et større innblikk i CSS.