Syllabus, course overview, front end design vs. backend, web as a multimedia platform
Core concepts: web browser (client) vs. web server, URLs, HTTP request/response, Internet vs. WWW
Chapter 4 (49-59), notepad++, head, body, title, meta, validation
HTML elements & attributes, basic document structure, block elements vs. inline
Adding Links: a, href, absolute vs. relative URLs
Adding Images: img, src, alt, height, width, aspect ratios
Project 1 Due
Adding Tables: table, tr, td, th, colspan, rowspan
Text Formatting: text vs. font decoration and color
Using Selectors: descendants, classes, and ids
Background color, opacity, pseudo selectors
Background images, attribute selectors, external stylesheets
Project 2 Due
Chapter 16 (373-387)
Page Layouts: fixed, liquid, elastic, two- and three-columns
Normal flow vs. floating, floating inline vs. block, clearing
Positioning: relative, absolute, fixed
Positioning and styling of images, text containers, and navigation menus
Page Layouts: negative margins, absolute positioning, top-to-bottom backgrounds
Digital Image Formats: gif, jpg, png
Size vs. resolution, transparency, svg
Capturing & creating digital images
Learn more about video/audio capture and editing
Animation with CSS: Transitions
Animation with CSS: Transforms
Responsive Web Design
(during lab time)
Project 4 Due
(submitted to Bb or published to sienacs.com by midnight)