Building a Website with Photoshop CS4 and Dreamweaver CS4

By

Building a Website with Photoshop CS4 and Dreamweaver CS4
Already a member? WATCH NOW

RC explains the process of creating a website layout using Photoshop and Dreamweaver CS4

  1. Introduction (00:39) RC introduces his course and talks about what he plans to cover in the lessons
  2. Using Presets and Browser Templates (08:08) In this tutorial, RC goes over the process of setting up a preference for a screen size, as well as how to use a browser template
  3. Using Guides and Fill Layers (06:13) RC goes over the basics of preparing your PSD file with layer guides and fill layers
  4. Using Kuler in Photoshop CS4 for Color (07:13) RC goes over how to use the new Kuler functionality in Photoshop CS4 for a great color palette
  5. Setting up a Project Folder (04:52) In this tutorial, RC goes over the process of setting up a project folder for working with a web project
  6. Using Shapes in a Web Layout (07:35) RC Goes over some basic steps on how shapes can prove beneficial in a web layout
  7. Text in Photoshop for Web Layout (11:47) Part of making a comp in Photoshop is making it look real. RC goes over how to use text for navigation and the comping of body content
  8. Using Stock Photography for Layouts (11:58) Designers donât do everything from scratch. Learn how Istockphoto can become your friend by kick starting a design idea
  9. Texture Background Layout and Final Comp (13:42) RC goes over how to use a textured background for a comp, and begins to setup the final comp to export to Dreamweaver
  10. Defining a Website in Dreamweaver (05:19) In This Tutorial RC defines a website using Dreamweaver CS4
  11. Redefining HTML tags - Adding Background and Header (13:55) CSS allows you to redefine a HTML elements. RC uses this to setup the background and header of the image
  12. Modifying CSS for Menu and content Areas (19:41) In this tutorial, RC plays with some of the CSS layout to add the menu bar and set the content area of the website
  13. The Dreamweaver Template, Editable Regions, and Extensions (12:29) RC shows you how to create a Dreamweaver Template, create an editable template, and install the Lorem and More extension for Dreamweaver CS4
  14. Adding Rollover Images to Dreamweaver (08:22) In this lesson, RC goes back to Photoshop to create rollover states for his Dreamweaver layout
  15. Photoshop Smart Objects in Dreamweaver (06:18) In this tutorial, RC shows how to import Photoshop Smart Objects into Dreamweaver CS4
  16. Using Dreamweaver Web Widgets (08:58) RC goes over how to use Web Widgets to install a Phat Fusion Slideshow gallery
  17. Tiltview/Simpleviewer - From Photoshop To Dreamweaver (12:42) RC shows you steps on Installing and Using Simpleviewer/Tiltviewer Galleries from Photoshop to Dreamweaver CS4
  18. Tiltview/Simpleviewer - From Lightroom 2 To Dreamweaver (12:18) In this bonus lesson RC shows you steps on Installing Tiltviewer on Lightroom 2, and how to export the gallery and import it into Dreamweaver CS4
  19. Conclusion (00:30) Thanks for joining. Hope you learned a lot.
Course Time: 02 Hours 52 Minutes
LOGIN & LEAVE A COMMENT »
You must be a subscriber to leave a comment.

UNLIMITED ACCESS

$199 PER YEAR $24.95 PER MONTH Subscribe Now NAPP Member $179/year, $19.95/month
Rent Course - $9.99
Watch as much as you like for 72 hours

Your Instructor

RC Concepcion

RC Concepcion

Photography, Photoshop, and Web guru

Rafael Concepcion (RC) is an education and curriculum developer for the National Association of Photoshop Professionals, and the co-host of Layers TV - The How To Podcast For Everything Adobe. An...VIEW FULL BIO»

VIEW ALL OF RC'S COURSES
VIEW RC'S WEBSITE