Web Design Training courses, videos & tutorials at DigitalFamily.com
Web design & Internet trends
books, videos, training & consulting
  • Home
  • Store
    • Web Design Books
    • Dreamweaver Videos
    • Expression Web Videos
    • Products
    • Shopping Cart
    • Order Status
  • Consulting Services
  • Web Tutorials
    • Web Design 101
    • Mobile and Responsive Web Design
    • Social Media
    • Online Reputation
    • Dreamweaver
    • Expression Web
    • Cascading Style Sheets
    • WordPress
  • Dreamweaver
    • CS6 Tutorials
    • CS5 Tutorials
    • CS4 Tutorials
    • CS3 Tutorials
  • FAQ
    • Dreamweaver
    • CSS
    • Graphics
    • WordPress
    • Ask the Author
  • About Us
    • About DigitalFamily.com
    • About Janine Warner
  • Contact
Search the site...
Home» FAQ » CSS » Can I create all my pages in Photoshop and bring them into Dreamweaver as an image?

Can I create all my pages in Photoshop and bring them into Dreamweaver as an image?

Posted by Janine Warner - February 6, 2012 - CSS, Dreamweaver, FAQ, Graphics
0

Janine

I just finished your Dreamweaver  For Dummies book. I found it to be right on the money.
However, I have a question. I’m a photographer and graphic designer. I’m most comfortable working in Photoshop. Can I create all my pages in Photoshop and bring them into Dreamweaver as an image rather than create them from scratch? If this is possible can I then create hotspots to link the pages for example a thumbnail linked to the enlarged photographs?
Thanks for any help,
Barry

Hi Barry,

 Thanks for the kind words. Yes, you “can” do that, and some sites are designed that way. There is even a ‘slicing’ tool in Photoshop designed for this purpose.
Before you rush off to do that, however, here are two reasons most web designers would not recommend that approach.
1. Images take longer to download than text so saving the entire page as an image often results in a web page that take a really long time to download — at the very least, make sure you are using the File> Save for Web and Devices dialog to optimize the images.
2. Search engines can’t ‘read’ the text on an image so your website will suffer when it comes to search engine results if all of your text is saved in images.
If you can live with those consequences, I make no judgement about your need to design your pages the way that works best for you. That said, what most of us do is create the design in Photoshop, Fireworks, or InDesign, then save the images (the parts that really have to be images), and reassemble it all in Dreamweaver using CSS.
I hope that helps you make the best decision for your website,
Janine
dwcs4, dwcs5, dwcs6

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Share with your friends

Dreamweaver Tutorials

  • Creating websites with Dreamweaver HTML templates (.dwt)
  • What’s the difference between a website & blog?
  • 6 Reasons to Upgrade to Dreamweaver CS6
  • Tracking web traffic: Google Analytics vs other traffic counters
  • Creating Responsive Designs with Dreamweaver CS6 Fluid Grid Layout

Popular books & videos

  • Dreamweaver CS6 Video

    DW-Video-250
    Designing for Multiple Screens with Fluid Grid Layouts
    Discover how to create web designs that look great on large and small screens. From smartphones to tablets to desktops, the new Fluid Grid Layout in version CS6 makes it easier than ever to set up media queries and design websites with HTML5 and CSS3. More Info »
    $49.99$39.99

    View Cart / Checkout
  • Dreamweaver CS5 Part 3: The New Features

    Dreamweaver-CS5-whats-new
    Training Video DVD
    Upgrading to CS5? Get just the training you need when you upgrade. This video covers the hottest new additions to Dreamweaver's toolset with a focus on how to put these great new features to work right away. More Info »
    $24.99

    View Cart / Checkout
  • Dreamweaver CS5 Crash Course

    Dreamweaver CS5 Crash Course Part 1
    Dreamweaver video DVD
    Dip into web design and learn Dreamweaver fast with this engaging video. More Info »
    $24.99

    View Cart / Checkout
  • Dreamweaver CS4 Essentials

    Dreamweaver CS4 Training Video
    Training Video DVD
    Janine's delightful sense of humor (and The Chocolate Game website) make learning web design with Dreamweaver CS4 more fun in this comprehensive 5-hour course. More Info »
    $39.99

    View Cart / Checkout
  • Dreamweaver CS3 Essentials

    Dreamweaver CS3 Training Video
    By Janine Warner Created with TotalTraining Janine’s patience and delightful sense of humor make learning web design with Dreamweaver CS3 fun. Learn everything you need to build websites with Dreamweaver in this comprehensive 8-hour course. You’ll get up to speed fast with the basics of setting up a site and creating your first web pages, More Info »
    $24.99

    View Cart / Checkout
© 2001 - 2013 All rights reserved. DigitalFamiliy.com was created by Janine Warner | Terms & Conditions of Use | Privacy Policy
  • Home
  • Store
  • Consulting Services
  • Web Tutorials
  • Dreamweaver
  • FAQ
  • About Us
  • Contact