Building a Website with Photoshop CS4 and Dreamweaver CS4, with RC Concepcion

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

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

Get instant access to this course & more

Rent Now $6.99
  • Rent this course and watch it as often as you like for three full days (72 hours), from the time of purchase. To access rented courses, login and go to your Account Management page. Internet connection required for streaming video (broadband recommended).

Course Lessons:

Lesson 1: Introduction (Duration 00:39)

RC introduces his course and talks about what he plans to cover in the lessons

Lesson 2: Using Presets and Browser Templates (Duration 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

Lesson 3: Using Guides and Fill Layers (Duration 06:13)

RC goes over the basics of preparing your PSD file with layer guides and fill layers

Lesson 4: Using Kuler in Photoshop CS4 for Color (Duration 07:13)

RC goes over how to use the new Kuler functionality in Photoshop CS4 for a great color palette

Lesson 5: Setting up a Project Folder (Duration 04:52)

In this tutorial, RC goes over the process of setting up a project folder for working with a web project

Lesson 6: Using Shapes in a Web Layout (Duration 07:35)

RC Goes over some basic steps on how shapes can prove beneficial in a web layout

Lesson 7: Text in Photoshop for Web Layout (Duration 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

Lesson 8: Using Stock Photography for Layouts (Duration 11:58)

Designers donât do everything from scratch. Learn how Istockphoto can become your friend by kick starting a design idea

Lesson 9: Texture Background Layout and Final Comp (Duration 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

Lesson 10: Defining a Website in Dreamweaver (Duration 05:19)

In This Tutorial RC defines a website using Dreamweaver CS4

Lesson 11: Redefining HTML tags - Adding Background and Header (Duration 13:55)

CSS allows you to redefine a HTML elements. RC uses this to setup the background and header of the image

Lesson 12: Modifying CSS for Menu and content Areas (Duration 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

Lesson 13: The Dreamweaver Template, Editable Regions, and Extensions (Duration 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

Lesson 14: Adding Rollover Images to Dreamweaver (Duration 08:22)

In this lesson, RC goes back to Photoshop to create rollover states for his Dreamweaver layout

Lesson 15: Photoshop Smart Objects in Dreamweaver (Duration 06:18)

In this tutorial, RC shows how to import Photoshop Smart Objects into Dreamweaver CS4

Lesson 16: Using Dreamweaver Web Widgets (Duration 08:58)

RC goes over how to use Web Widgets to install a Phat Fusion Slideshow gallery

Lesson 17: Tiltview/Simpleviewer - From Photoshop To Dreamweaver (Duration 12:42)

RC shows you steps on Installing and Using Simpleviewer/Tiltviewer Galleries from Photoshop to Dreamweaver CS4

Lesson 18: Tiltview/Simpleviewer - From Lightroom 2 To Dreamweaver (Duration 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

Lesson 19: Conclusion (Duration 00:30)

Thanks for joining. Hope you learned a lot.

Meet Your Instructor: RC Concepcion

Rafael Concepcion (RC) is an education and curriculum developer for KelbyOne, and the co-host of Layers TV - The How To Podcast For Everything Adobe. An Adobe Certified Instructor in…

Submit a Comment