ProfBurnett.com - Master a Skill / Learn for Life
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 |
Foundation |
![]() |
![]() |
![]() |
![]() |
Bootstrap |
![]() |
![]() |
![]() |
![]() |
Semantic UI |
![]() |
![]() |
![]() |
![]() |
Pure |
![]() |
![]() |
![]() |
![]() |
UIkit |
![]() |
![]() |
![]() |
![]() |
W3C.CSS |
![]() |
![]() |
![]() |
|
HTML KickStart |
![]() |
![]() |
![]() |
![]() |
YAML |
![]() |
![]() |
![]() |
![]() |
Ink |
![]() |
![]() |
![]() |
![]() |
GroundworkCSS 2 |
![]() |
![]() |
![]() |
![]() |
Kickoff |
![]() |
![]() |
![]() |
![]() |
960 Grid |
![]() |
![]() |
![]() |
![]() |
Metro UI CSS 3.0 |
![]() |
![]() |
![]() |
![]() |