Home / Articles / Adobe Dreamweaver / Web Design Basics in Adobe Dreamweaver CC (2015 release)

Web Design Basics in Adobe Dreamweaver CC (2015 release)

Chapter Description

Whether you use thumbnails and wireframes, Photoshop, or just a vivid imagination, Dreamweaver can quickly turn your design concepts into complete, standards-based CSS layouts. Jim Maivald hits some web design basics in this chapter from Adobe Dreamweaver CC Classroom in a Book (2015 release).

Review answers

  1. What is the purpose of the website? Who is the audience? How did they get here? These questions, and their answers, are essential in helping you develop the design, content, and strategy of your site.
  2. Thumbnails and wireframes are quick techniques for roughing out the design and structure of your site without having to waste lots of time coding sample pages.
  3. Mobile device users are one of the fastest-growing demographics on the web. Many visitors will use a mobile device to access your website on a regular basis or exclusively. Webpages designed for desktop computers often display poorly on mobile devices, making the websites difficult or impossible to use for these mobile visitors.
  4. Using Photoshop, Illustrator, or Fireworks, you can produce page designs and mockups much faster than when designing in code with Dreamweaver. Designs can even be exported as web-compatible graphics that can be viewed in a browser to get client approval.
  5. Adobe Generator allows you to export site image assets quickly from Photoshop mockups, allowing you to produce multiple sizes and versions of each asset.