| Weeks | Topics |
| 1 |
Acquaintance, Introduction to Web Design, where do I start, What does a web designer do, What languages do I need to learn, What do I need to buy
|
| 2 |
How the web works, The anatomy of a web page, Web browsers, Some big concepts we need to know
|
| 3 |
Creating a simple page, page structure, text elements, adding image, changing the look with a Style Sheet
|
| 4 |
Marking Up Text, paragpraphs, headings, lists, generic elements (div and span), some special characters, adding links, page links, e-mail links, telephone links
|
| 5 |
Adding images, the img element, a word on image formats, window in a window, Table Markup, minimal table structure, spanning cells, table accessibility, warpping up tables
|
| 6 |
Forms, how forms work, form elements, variables and content
|
| 7 |
Form accessibility features, form layout and design
|
| 8 |
Web page design with vectoral drawing softwares: Inkscape, Photoshop
|
| 9 |
HTML5, XHTML, Introduction to CSS, the benefits of CSS, fonts, colors, text and form decorations
|
| 10 |
Colors and background: specifying color values, foreground and background colors, playing with opacity, Pseudo-class Selectors, Pseudo-element Selectors
|
| 11 |
The element Box, specifying box dimensions, padding, borders, margins, Floating and Positioning: floating, position basics, relative, absolute and fixed positioning
|
| 12 |
Page layout with CSS, page layout strategies and techniques, multicolumn layouts using floats
|
| 13 |
Transitions, transforms and animation, CSS transforms, introduction to Javascript
|
| 14 |
Web graphic basics, image sources, formats, image size and resolution, transparency, introduction to SVG
|