Advanced Web Design

The goal of this course is to provide students with the study of advanced topics in web design. Upon completion of this course, students should have a thorough knowledge of web design and development. Topics include the responsive design process, advanced layout and design features using the Bootstrap framework, exploration of CMS frameworks and industry standard technologies and frameworks.
 

Agenda

Unit 1:  Responsive Web Design

• Planning your layout                         
• Creating HTML containers, content, and links

Unit 2:  Responsive Web Design - Styling

• Creating and styling the layout with CSS
• Creating a menu system
• Styling headings, body text, and footers

Unit 3:  Responsive Web Design – Styling the Navigation & Making Adjustments

• Making layout adjustments for different screen sizes
• Swapping high-resolution graphics for Retina displays
• Making sure content is printable
• Where to go for more information

Unit 4:  Responsive Web Design / Additional Frameworks

• What is Bootstrap
• Creating a basic template
• Reviewing basic styles and typography
• Where to go for more information