Redesign with Responsive Web
Design and Dreamweaver
Creative Cloud
Corinne Hoisington, Central Virginia
Community College
Jessica Minnick, Pasco-Hernandez State
College
Responsive Web Design
Create one website
Design to accommodate various viewports
•
Mobile
•
Tablet
•
Laptop, desktop
2
2015 Cengage Learning Computing Conference
3
2015 Cengage Learning Computing Conference
Desktop
Tablet
Mobile
4
2015 Cengage Learning Computing Conference
Dreamweaver Helps Make it Easy with its Fluid Grid Layout
5
2015 Cengage Learning Computing Conference
Adobe Creative Cloud
Student Price: $19.99/Month
Website: adobe.com/creativecloud/buy/students.html
What Viewport Should We Design for First?
7
2015 Cengage Learning Computing Conference
Why?
8
2015 Cengage Learning Computing Conference
Mobile First Strategy
Mobile is now considered the “first screen” in our lives
More consumers are using mobile devices to access website content
Content should be easy to read
Navigation should be simple and intuitive
10
2015 Cengage Learning Computing Conference
Demo in the Latest Dreamweaver 2014.1
11
2015 Cengage Learning Computing Conference