This course serves as a complement to Core Studio Interaction. The assignments are build to work in tandem with the projects students are developing in the studio class. The lab is designed around a series of small workshops that teach beginning and intermediate interaction design through a hands-on engagement with HTML and CSS.
Course Goals
To learn to apply your own interests as a designer onto a live platform
To observe and analyze what interests and inspires you
To communicate a narrative through words, design, content, and code
To gain an understanding of internet history, where it is now, and how your work will contribute to it in the future
To gain familiarity with a range of digital contemporary art and design practices
To enhance your presentation skills
Learning Outcomes
By the end of this course, students will be able to:
Apply skills in HTML
Standards: W3C, the World Wide Web Consortium: W3C recommendations as standards
Understand the difference between programming and markup
Title, Meta(keywords/descriptions); !DOCTYPE and Document Type Definition
HTML tags and the HTML Element Syntax including opening/closing tags, nested structures.
HTML Attributes: class, id, style, title
Headings, Paragraphs and Formatting
Links, lists, forms and images
The Box Model
HTML5 Semantic/Structural elements
HTML5 Media Elements
Apply skills in CSS
Cascading Style Sheets, their storage in external CSS files and reference in HTML
Styling backgrounds, text, links, lists and forms
Styling the Box Model: border, outline, margin, padding
Working with dimensions, positioning, display, floating and align
Course Description
Course Goals
Learning Outcomes