Make Money Online!

Hi, I'm Ben and I own Create a Great Website! I'm currently earning well over $1,500 plus per month online in my spare time, and I want to show you how you can do the same.

Fill out the form below and I'll send you my free guide to create a great website and how you can earn money online just like I do! You won't be disappointed.

Make Money Online!

Subscribe To This Site

Dreamweaver CS5

Dreamweaver Tutorials
All Dreamweaver CS5 Tutorials
Buy Dreamweaver CS5

Getting Started
Create a Web Site
Create a Web Page
Create a Web Page from a Template
Open & Save a Web Page
Closing a Web Page File

Previewing Pages in a Browser

The Dreamweaver Environment
Working with Toolbars
Working with Panels
Creating a Workspace
The Status Bar
Working with Views
Changing the View / Zoom Tool
Working with Rulers
Grids & Guides
Keyboard Shortcuts
Setting Preferences
Using the Results Panel

Managing Website Files
Setting Up Site Folders
Using the Files Panel
Creating Files
Managing Files & Folders
Finding Files in the Files Panel
Setting the Home Page
Setting Link Page Properties
Setting Page Properties
Working with Invisible Elements
Understanding File Paths

Working with Text
Adding Text to Pages
Importing Content
Selecting, Copy & Paste Text
Modify Font Families
Formatting Characters
Formatting Paragraph Text
Controlling Line Spacing
Horiztontal Rules
Ordered & Unordered Lists
Create & Apply Text Styles
Finding and Replacing
Checking Spelling
Setting Font Preferences
Using Undo and Redo
Working with Colors

Working with Images
Using Web Friendly Graphics
Defining an Image Folder
Inserting Images
Inserting Images form Photoshop
Editing Images in Photoshop
Inserting Images from Fireworks
Optimizing Images for the Web
Modifying Images
Aligning Images
Margins around Images
Changing Brightness & Contrast
Creating Rollover Images
Inserting an Image Placeholder

Linking Web Pages
Understanding Link Types
Understanding File Paths
Adding a Link
Adding an Email Link
Using Named Anchors and Linking within a Web Page
Create and Image Map
Modifying a Link
Removing a Link
Changing Links Sitewide

Web Page Tables
Working with Tables
Switching Between Table Modes
Inserting a Table
Modifying a Table
Adding Content to a Table
Import/Export Table Data
Adding Columns and Rows
Resizing Columns and Rows
Spliting and Merging Cells
Sorting Table Data
Changing Table Properties
Changing Cell, Row, or Column Properties
Using a Tracing Image

Cascading Style Sheets
Introducing Cascading Style Sheets
Creating a Web Page with a CSS Layout
Creating a CSS Style
Applying Internal Styles
Attaching an External Style Sheet to a Page
Removing Internal Styles
Using the CSS Styles Panel
Setting CSS Properties
Working with CSS Rules
Working with ID Selectors
Create and Apply an ID Selector
Formatting CSS Code

Flash & Multimedia
Inserting a Flash or Shockwave Movie
Changing Movie Properties
Inserting a Flash Movie
Linking or Embedding a Sound

Creating Web Forms
Creating a Form
Inserting Form Objects
Modifying Text Fields and Text Areas
Modifying Radio Buttons and Check Boxes
Modifying Lists and Menus
Inserting an Image Button
Making Form Objects Dynamic
Validating Forms

Creating Templates
Creating a Web Page from a Template
Creating a Template
Opening a Template
Defining Editable Regions
Creating Repeating Regions
Creating Optional Regions
Creating Nested Templates
Updating a Template
Attaching and Detaching a Template

Managing A Web Site
Defining Local Info for a Site
Defining Remote Info for a Site
Transferring Files
Comparing Local and Remote Files
Checking Site Files in and Out
Synchronizing Site Files
Previewing Pages in a Browser

Editing Images in Photoshop

This tutorial will show you how to edit images in Photoshop from Dreamweaver CS5.

There is another way of inserting a a Photoshop image, and it has a rather useful benefit that goes along with it.

Let's choose another Sydney image and place it in another position on the page.

Start page

This time we're going to insert an image which is in Photoshop's own PSD format. Click Image on the Insert menu, then browse to the PSD file we need.

Browse to PSD

Click OK. The Image Preview dialog appears.

Image Preview

Make selections as before, then deal with the Save Web Image and Image Attributes (Alt Text) dialogs as before. The image is inserted, and once again it's too big.

Image too big

Now, the special thing here is that by inserting a Photoshop image (i.e. starting with a PSD source) we have established a Smart Object that maintains a link between the image on the page and the original PSD file in Photoshop. If I make a change to the image in Dreamweaver it will not automatically update the original PSD image, and vice versa. However, in the corner of the image I can see a pair of arrows that are green.

Green arrows

If the images (the original PSD and the JPEG in Dreamweaver) are not in step, one of the arrows changes from green to red.

One of the ways in which I can take advantage of this is to right click on the image and select Edit Original with Photoshop from the menu.

Edit original

The original image appears in Photoshop and I resize it to reduce its size by a factor of 5. After I save the changes and return to Dreamweaver, I see that one of my arrows has changed from green to red.

One arrow red

I right click on the image again and select Update from original.

Update from original

and I can see that the change in size has now been repeated in the JPEG image on my web page.

Image correct size

This feature is not available when we use copy and paste to place a Photoshop image on a web page.

Find this website useful?

To link to this page from your website, simply cut and paste the following code to your web page.

It will appear on your page as: Editing Images with Photoshop in Dreamweaver CS5

All Dreamweaver CS5 Tutorials - Will be complete by Januay 2011.
Buy Dreamweaver CS5

Getting Started
Create a Web Site
Create a Web Page
Create a Web Page from a Template
Open & Save a Web Page
Closing a Web Page File

The Dreamweaver Environment
Working with Toolbars
Working with Panels
Creating a Workspace
The Status Bar
Working with Views
Changing the View / Zoom Tool
Working with Rulers
Grids & Guides
Keyboard Shortcuts
Setting Preferences
Using the Results Panel

Managing Website Files
Setting Up Site Folders
Using the Files Panel
Creating Files
Managing Files & Folders
Finding Files in the Files Panel
Setting the Home Page
Setting Link Page Properties
Setting Page Properties
Working with Invisible Elements
Working with Colors
Understanding File Paths

Working with Text
Adding Text to Pages
Importing Content
Selecting, Copy & Paste Text
Modify Font Families
Formatting Characters
Formatting Paragraph Text
Controlling Line Spacing
Horiztontal Rules
Ordered & Unordered Lists
Create & Apply Text Styles
Finding & Replacing
Checking Spelling
Setting Font Preferences
Using Undo and Redo

Working with Images
Using Web Friendly Graphics
Defining an Image Folder
Inserting Images
Inserting Images form Photoshop
Editing Images in Photoshop
Inserting Images from Fireworks
Optimizing Images for the Web
Modifying Images
Aligning Images
Margins around Images
Changing Brightness & Contrast
Creating Rollover Images
Inserting an Image Placeholder

Linking Web Pages
Understanding Link Types
Understanding File Paths
Adding a Link
Adding an Email Link
Using Named Anchors to Link within a Web Page
Create an Image Map
Modifying a Link
Removing a Link
Changing Links Sitewide

Web Page Tables
Working with Tables
Switching Between Table Modes
Inserting a Table
Modifying a Table
Adding Content to a Table
Import/Export Table Data
Adding Columns and Rows
Resizing Columns and Rows
Spliting and Merging Cells
Sorting Table Data
Changing Table Properties
Changing Cell, Row, or Column Properties
Using a Tracing Image

Cascading Style Sheets
Introducing Cascading Style Sheets
Creating a Web Page with a CSS Layout
Creating a CSS Style
Applying Internal Styles
Attaching an External Style Sheet to a Page
Removing Internal Styles
Using the CSS Styles Panel
Setting CSS Properties
Working with CSS Rules
Working with ID Selectors
Create and Apply an ID Selector
Formatting CSS Code

Flash & Multimedia
Inserting a Flash or Shockwave Movie
Changing Movie Properties
Inserting a Flash Movie
Linking or Embedding a Sound

Creating Web Forms
Creating a Form
Inserting Form Objects
Modifying Text Fields and Text Areas
Modifying Radio Buttons and Check Boxes
Modifying Lists and Menus
Inserting an Image Button
Making Form Objects Dynamic
Validating Forms

Creating Templates
Creating a Web Page from a Template
Creating a Template
Opening a Template
Defining Editable Regions
Creating Repeating Regions
Creating Optional Regions
Creating Nested Templates
Updating a Template
Attaching and Detaching a Template

Managing A Web Site
Defining Local Info for a Site
Defining Remote Info for a Site
Transferring Files
Comparing Local and Remote Files
Checking Site Files in and Out
Synchronizing Site Files

You can Buy Dreamweaver CS5 for both the Mac and PC platform. If you're a student you can purchase Dreamweaver CS5 for Teachers and Students at special academic pricing.

This site proudly build with Site Build It!