Learn the foundational building blocks for designing and creating HTML5, mobile-first web sites optimized for modern computers, tablets, and mobile devices using Responsive Web Design (RWD) principles. Topics include: layout using fluid, proportion-based grids, and flexible images. You will also develop a RWD compliant website. Frameworks to be covered include: Bootstrap and w3.css. The Dreamweaver Integrated Development Environment (IDE) will be used to design and develop RWD compliant websites using the Bootstrap and w3.css frameworks.
Please bring a Flash Drive/Memory Stick 512MB or larger to class which will enable you to save your class work.
|Framework||Website||Example Site||Github||Site Zip File|
|Session||Chapter||PowerPoint Presentation||Examples Zip File||Solution Set Zip File|
|Setting Up Development Environment|
|Web Design Challenge
Front-End Web Design Contest
Chapter 8 - How to Use Responsive Web Design (RWD)
Chapter 9 - How to Use Flex Box for Page Layout in Responsive Web Design (RWD)
Chapter 10 - How to Use Grid Layout for Page Layout in Responsive Web Design (RWD)
|II||Introduction to Responsive Web Design (RWD) Frameworks
RWD Website Planning Worksheet