Redesign with Responsive Web Design and Dreamweaver Creative Cloud

Presenters: Jessica Minnick, Pasco-Hernando State College & Corinne Hoisington, Central Virginia Community College Warning: This session is only for instructors who are ready for excitement and cutting edge innovation. This presentation demonstrates responsive web design using Adobe Dreamweaver Creative Cloud. Rethink the stand-alone desktop website design and design a fluid website that adjusts to any screen size, on any device. With Dreamweaver Creative Cloud, your creative process becomes seamless, intuitive, and more connected to modern website development. This session will provide an overview of how to create a responsive website using Dreamweaver's fluid grid layout. Learn whether you should design for desktop or mobile first. Come see what's new in Dreamweaver Creative Cloud.

1.0x

Redesign with Responsive Web Design and Dreamweaver Creative Cloud

Created 2 years ago

Duration 0:00:00
lesson view count 203
Presenters: Jessica Minnick, Pasco-Hernando State College & Corinne Hoisington, Central Virginia Community College Warning: This session is only for instructors who are ready for excitement and cutting edge innovation. This presentation demonstrates responsive web design using Adobe Dreamweaver Creative Cloud. Rethink the stand-alone desktop website design and design a fluid website that adjusts to any screen size, on any device. With Dreamweaver Creative Cloud, your creative process becomes seamless, intuitive, and more connected to modern website development. This session will provide an overview of how to create a responsive website using Dreamweaver's fluid grid layout. Learn whether you should design for desktop or mobile first. Come see what's new in Dreamweaver Creative Cloud.
Select the file type you wish to download
Slide Content
  1. Redesign with Responsive Web Design and Dreamweaver Creative Cloud

    Slide 1 - Redesign with Responsive Web Design and Dreamweaver Creative Cloud

    • Corinne Hoisington, Central Virginia Community College
    • Jessica Minnick, Pasco-Hernandez State College
  2. Responsive Web Design

    Slide 2 - Responsive Web Design

    • Create one website
    • Design to accommodate various viewports
    • Mobile
    • Tablet
    • Laptop, desktop
    • 2015 Cengage Learning Computing Conference
    • 2
  3. Slide 3

    • 2015 Cengage Learning Computing Conference
    • 3
  4. 4

    Slide 4 - 4

    • 2015 Cengage Learning Computing Conference
    • Desktop
    • Mobile
    • Tablet
  5. Dreamweaver Helps Make it Easy with its Fluid Grid Layout

    Slide 5 - Dreamweaver Helps Make it Easy with its Fluid Grid Layout

    • 2015 Cengage Learning Computing Conference
    • 5
  6. Adobe Creative Cloud

    Slide 6 - Adobe Creative Cloud

    • Student Price: $19.99/Month
    • Website: adobe.com/creativecloud/buy/students.html
  7. What Viewport Should We Design for First?

    Slide 7 - What Viewport Should We Design for First?

    • 2015 Cengage Learning Computing Conference
    • 7
  8. 2015 Cengage Learning Computing Conference

    Slide 8 - 2015 Cengage Learning Computing Conference

    • 8
    • Why?
  9. Mobile First Strategy

    Slide 10 - 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
    • 2015 Cengage Learning Computing Conference
    • 10
  10. Demo in the Latest Dreamweaver 2014.1

    Slide 11 - Demo in the Latest Dreamweaver 2014.1

    • 2015 Cengage Learning Computing Conference
    • 11