Introduction
This course introduces intermediate to advanced web design techniques. Topics include customer expectations, advanced markup language, multimedia technologies, usability and accessibility practices, and techniques for the evaluation of web design. Upon completion, students should be able to employ advanced design techniques to create high impact and highly functional websites.
Course Hours per Week: Class, 2. Lab, 2. Semester Hours Credit, 3.
Learning Outcomes
Upon completing requirements for this course, the student will be able to:
A. Create web pages using HTML5 and CSS following industry standard web design techniques.
B. Design web sites to meet strategic goals.
C. Create accessible and responsive web sites.
-
HTML5 and CSS
-
Lecture 2.1A. Basic web page code and style review
-
-
Foundations of Responsive Design
-
Lecture 3.1History and Reasons for Responsive Resign
-
Lecture 3.2Responsive Content Strategy
-
-
Creating Responsive Websites
-
Lecture 4.1Page Structure, Viewport, Clean Semantic HTML
-
Lecture 4.2CSS for Responsive Sites
-
Lecture 4.3The CSS Cascade
-
-
Multi-Device Layout & Media Queries
-
Lecture 5.1The Box Model
-
Lecture 5.2Fluid Page Measurements
-
Lecture 5.3Review Static, Relative, Absolute, Fixed & Float Positioning
-
Lecture 5.4New Strategies: Inline-Block, CSS Shapes, CSS Grid
-
Lecture 5.5Responsive Images
-
-
Responsive Workflow
-
Lecture 6.1Strategy & Planning
-
Lecture 6.2Layout & Prototypes
-
Lecture 6.3Mobile First
-
Lecture 6.4Responsive Design Tools
-
Lecture 6.5User Experience
-
Lecture 6.6Device Agnostic Design
-
Lecture 6.7Touch
-
Lecture 6.8Accessibility
-
-
Responsive Design Features
-
Lecture 7.1Typography
-
Lecture 7.2Navigation and Header Layout
-
Lecture 7.3Performance
-
-
Responsive Website Production
-
Lecture 8.1Plan & Produce Content
-
Lecture 8.2Design & Prototype
-
Lecture 8.3Code & Style
-
Lecture 8.4Post Website Online
-