Home / Articles / Adobe Dreamweaver / Web Design Basics for Adobe Dreamweaver CC

Web Design Basics for Adobe Dreamweaver CC

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. In this chapter from Adobe Dreamweaver CC Classroom in a Book (2014 release), James J. Maivald covers the basics of webpage design, how to create page thumbnails and wireframes, and how to use Photoshop to generate site image assets automatically.

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 approvals.
  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.