Day 01 : May 26, 2015

Today we covered

Computer Setup and Mac basics

• File naming: File names are like passwords: case-sensitive and no spaces are allowed. Use letters, numbers, hyphens or underscores only, and always include the file extension (.doc, .html, .jpg, etc)
• Mac Finder basics (tutorial)
• Folder basics (How to)
• Good practices:
• At this time, the following programs should already be installed: Sublime, Photoshop, Illustrator, Chrome, Safari.

HTML & CSS basics

• The W3c and why standards exist
• Html structure and syntax: html, head, title, meta body, link, a, ` h1-h6, p, div, img, the differences between self-enclosing and open/closing tags, and using class names
• CSS basics: general syntax, color, background-color, font-size, dimensions (width and min-height), float, display, resets, and linking to more than one css file.
• Why we use reset.css
• HTMLdog
• CSS almanac, by Chris Coyier
• Download DEMO FILE from lecture

Homework

Everyday a bit of written, audio, or video resources will be assigned to review, which will supplement class assignments. Assignments are always due by 8:00am of the following day, unless noted.

Supplemental Resources

• Design Criticism and the Creative Process, by Cassie McDaniel
• CSS positioning, by Chris Coyier (video)
• Building your first web page

Assignments

• Read the code of conduct on this site’s homepage
• Read the links above in the reading section
• Build your own about me site

Extra Resources (if you need more to do/read)

• CSS box model
• On Creative Direction, by Daniel Mall
• Periodic table of Web Design process, by Web Designer Depot
• Process, Methodology, Life Cycle, Oh My!, Meryl K Evans
• Website Design Creative Process, Jacob Cass