Aug 25 Week 01
Intro to interaction design, HTML/CSS, and this course
Start Recipe
GDES-220 fall 2020 (David Ramos, American University Design)
ramos@american.edu · office hours
Aug 25 Week 01
Intro to interaction design, HTML/CSS, and this course
Start Recipe
Sept 1 Week 02
Capturing meaning with HTML/CSS typography
Sept 8 Week 03
The box model / Classes and IDs
Finish Recipe / Start Typography
Sept 15 Week 04
Layout / CSS Grid
Finish Typography / Start Image/layout
Sept 22 Week 05
Images and links
Sept 29 Week 06
Layout II
Finish Image/layout / Start Story
Oct 6 Week 07
Color / Process
Oct 13 Week 08
Information architecture / Typography
Oct 20 Week 09
Navigation bars / Flexbox
Oct 27 Week 10
Accessibility
Nov 6 Week 11
No class / optional project critiques
Nov 10 Week 12
Mobile/responsive
Finish Story / Start Conference
Nov 17 Week 13
CSS details
Nov 24 Week 14
Optional critiques
Dec 1 Week 15
Privacy and ethics / Hosting / Professional practice
Dec 12
Exams end
All work due
There’s a global navbar at the top of every page in this site, with links to:
There’s also a second navigation system, a set of breadcrumb links at the very top of the page, which let you move through the site in a hierarchical fashion. Some longer pages, like the syllabus and the full schedule, have an additional in-page navigation bar on their left sides, which allows you to move heading-by-heading or week-by-week.
You’ll find my contact info and a link for office hours information at the top of the page. The footer would be a more common location, but this inverted format better fits this site’s content.
Make a practice of looking closely at the websites you’re using, especially informational, document-centered websites. Notice the conventions for how they handle navigation systems, and where different types of information tend to fall. Look at when design decisions work for you—and when they work for other students. You don’t necessarily have to observe these conventions, but you’ll need to design with them in mind.