CSS Introduction
2 day training course
Click here for a PDF version of the training course outline.
Cascading Style Sheets (CSS) are the industry standard for styling web-pages, or rather whole web-sites, allowing you to tailor the appearance for different types of devices and reap benefits relating to search engine rankings, file size, download time, accessibility, consistency in appearance and efficiency of update to both design and content.
This course is designed to be an introduction for those wishing to learn CSS. The main features of CSS will be explored in detail.
The course is delivered through instructor led, hands-on exercises tempered with overviews, demonstrations, discussions and individual practice.
The first day focuses on the theory and core mechanics of CSS by styling a very simple web-page whilst the second day focuses upon how CSS is applied to real world web content by developing a visually rich, controlled layout web-page. Delegates will be hand-coding CSS by the end of the course.
Important note: Dreamweaver is used as the authoring tool throughout this course and hence certain CSS related features in Dreamweaver will be explored in enough detail to facilitate the CSS training. However, the course focus is absolutely CSS and hence the course is still appropriate for non-Dreamweaver users.
Suitable For
Those new to CSS looking to get a good understanding of how it works and what it can do.
Those who have been struggling with or getting frustated by what should be fairly simple CSS designs.
Prerequisites
As Dreamweaver is used as the authoring tool, completion of the Dreamweaver CS5 - Introduction course or equivalent experience is ideal. Non-Dreamweaver users should discuss prior to booking.
Course Content
- Overview of CSS
- How CSS integrates with web content, benefits of CSS, who defines the CSS standard.
- HTML first
- Importance of valid HTML, the doctype declaration, HTML vs XHTML, the document tree.
- CSS theory
- Internal and external style sheets, inline styling, CSS rules, selectors, declaration blocks, property/value statements, cascade, inheritance, specificity, rule order, property shorthand, value shorthand, styling type, styling layout, positioning, floats, box model.
- Selectors
- Element selectors, class selectors, id selectors, descendant selectors, pseudo-class selectors.
- Applying CSS to a real world web-page
- Basic text styling, link styling, background image styling, replacing text with images, relative positioning, absolute positioning, vertical collapsing margins.
Suggested Follow-On Courses
None. However, please get in touch to discuss any further requirements you have.
