Free Training for Photoshop, Flash, Dreamweaver, FrontPage, and other Adobe & Macromedia Apps




    



February 11, 2011

5 Quick References for Photoshop and Dreamweaver

Here are 3 Photoshop and 2 Dreamweaver Quick References, or Cheat Sheets, hosted by customguide. I found these on google, doing this search. These quick reference cards are in pdf format. Photoshop versions include 6, 7, and CS3 for Mac, and the Dreamweaver versions are 8 and CS3.


Photoshop 7 Quick Reference, Photoshop 7 Cheat Sheet
(3 pages, 905kb)

Photoshop 6 Quick Reference, Photoshop 6 Cheat Sheet
(3 pages, 905kb)

Photoshop CS3 for Mac Quick Reference
(2 pages, 1.01mb)


Dreamweaver CS3 Quick Reference, Dreamweaver CS3 Cheat Sheet
(3 pages, 990kb)

Dreamweaver 8 Quick Reference, Dreamweaver 8 Cheat Sheet
(2 pages, 1.10mb)



Tags for this post>> |

January 17, 2011

2 Dreameaver CS3 ebooks

Here are 2 Dreamweaver CS3 ebooks, one includes material on learning how to use Dreamweaver with CSS, Ajax, and PHP. These ebooks are in pdf format. These will help you to use Dreamweaver for effectively and build more attractive web pages and sites.



Tags for this post>>

January 7, 2011

81 Dreamweaver 8 Tutorials

These are 81 Dreamweaver 8 Tutorials, covering the same areas as the Dreamweaver CS3 tutorials I posted earlier today. These will help you learn the following features of Dreamweaver 8: properties pane for text, images, and tables; font attributes and colors; character and paragraph formatting; check spelling; preview pages in a browser; numbered and bulleted lists; creating and managing hyperlinks; working with images, colors, and tables; using CSS, forms, templates, and find/replace; maintaining your website. 


Environment


Basics

Lists

Links

Images

Image Maps

Colors

Tables

Cascading Style Sheets (CSS)

Templates

Local & Remote Sites

Forms

Find and Replace

Maintaining a Website




Tags for this post>>

81 Dreamweaver CS3 Tutorials

Here is collection of 81 excellent Dreamweaver CS3 Tutorials, from the University of Wisconsin. These will help you learn many of the features of Dreamweaver and get you up to speed using this popular web development application from Adobe. The topics these Dreamweaver tutorials teach include the following: text, images, and tables properities panes; font attributes and colors; character and paragraph formatting; check spelling; preview pages in a browser; numbered and bulleted lists; creating and managing hyperlinks; working with images, colors, and tables; using CSS, forms, templates, and find/replace; maintaining your website. 


Environment


Basics

Lists

Links

Images

Image Maps
Colors Tables
Cascading Style Sheets (CSS)

Templates

Local & Remote Sites

Forms

Find and Replace

Maintaining a Website




Tags for this post>>
March 29, 2010

3 Dreamweaver Reference Guides

Here are 3 Dreamweaver Reference Guides, hosted by Ohio University, that provide details and understanding on several Dreamweaver features. Adobe Dreamweaver is a web development application for both Windows and Mac operating systems. The features discussed here include the basics of Dreamweaver CS3, Dreamweaver 8, Dreamweaver MX, CSS and Dreamweaver templates. These Dreamweaver tutorial referencecs are in pdf format and can be downloaded and saved for later use.


Dreamweaver Reference Guide  15 pages, 378 KB
This guide introduces the working of the internet and Dreamweaver, the planning of web sites, creating web sites and adding contents to the web site.

 - Introduction to the Internet
 - Planning Web Sites
 - Introduction to Dreamweaver
 - Creating a Web Site
 - Creating a Basic Web Page
 - Adding Content to a Page


Dreamweaver Advanced Reference Guide  8 pages 197 KB
This guide introduces users to forms, frames and rollover images. It also explains how these items can be used in a web page.

 - What is a FORM
 - What Is a FRAME
 - What is a ROLLOVER IMAGE


Dreamweaver Shortcut Keys
This guide is a quick and easy way to get to know the keyboard shortcuts in Dreamweaver.



Tags for this post>>

January 26, 2010

eBooks for Photoshop, Illustrator, Fireworks, Flash, and Dreamweaver

Here are 6 freely available ebooks covering 5 Adobe applications as linked here. These are Photoshop, Illustrator, Fireworks, Flash, and Dreamweaver.


Adobe Application eBooks:

 - Photoshop Quick Reference ebook

 - Adobe Illustrator ebook

 - Fireworks ebook

 - Flash MX ebook

 - Flash ebook 2

 - Dreamweaver ebook



Tags for this post>> | | | |

January 14, 2010

InDesign, Fireworks, Illustrator, and Dreamweaver References and Shortcuts

These excellent InDesign, Fireworks, Illustrator, and Dreamweaver Quick References and Keyboard Shortcuts will provide you with a good understanding of the features and functionality available in these applications. These help and support documents cover Fireworks, Illustrator, InDesign, and Dreamweaver for both the PC and Mac platforms. All of these reference documents are in pdf format.


Fireworks CS3 Quick Reference Card( Mac)  364K 
This reference card explains the different tools and options available in Fireworks CS3 on the Mac platform.
 
Fireworks CS3 Quick Reference Card (PC)  502K 
This reference card explains the different tools and options available in Fireworks CS3 on the PC platform.
 
Illustrator CS3 Useful Keyboard Shortcuts (Mac)  65K 
Provides the various useful keyboard shortcuts used in Illustrator CS3 on the Mac platform.
 
Illustrator CS3 Useful Keyboard Shortcuts (PC)  61K 
Provides the different useful keyboard shortcuts used in Illustrator CS3 on the PC platform.
 
InDesign CS3 Useful Keyboard Shortcuts (Mac)  64K 
Provides the various useful keyboard shortcuts used in InDesign CS3 on the Mac platform.
 
InDesign CS3 Useful Keyboard Shortcuts (PC)  58K 
Provides the different useful keyboard shortcuts used in InDesign CS3 on the PC platform.

InDesign for the QuarkXPress User  337K 
Discusses the various keyboard shortcuts, selecting and moving objects, document layout in InDesign for QuarkExpress.

Dreamweaver CS3 Useful Keyboard Shortcuts (Mac)  62K 
Provides the different useful keyboard shortcuts used in Dreamweaver CS3 on the Mac platform.
 
Dreamweaver CS3 Useful Keyboard Shortcuts (PC)  54K 
Provides the different useful keyboard shortcuts used in Dreamweaver CS3 on the PC platform.


Tags for this post>> | | |

January 12, 2010

Dreamweaver Course Materials

Here are some excellent Dreamweaver Course Materials at University of Minnesota. Dreamweaver is a web development application for Mac and Windows operating systems. These Dreamweaver course materials describe some of Dreamweaver’s new features, tips to quickly create and manage websites, incorporating Dreamweaver with an already existing site, using CSS and designing page layouts.


Dreamweaver CS3: Creating Basic Web Sites 7.67 Mb, 113 Pages
This Dreamweaver course materials discusses the creation of a new website, the use of a template, using formats and editing web pages.

 - LESSON 1 – CREATE A NEW SITE
 - LESSON 2 – CREATE A NEW PAGE
 - LESSON 3 – CREATE A PAGE HEADER
 - LESSON 4 – CREATE A PAGE BODY
 - LESSON 5 – CREATE A PAGE FOOTER
 - LESSON 6 – CREATE A CLASS STYLE
 - LESSON 7 – UPLOAD A NEW SITE TO A WEB SERVER
 - LESSON 8 – CREATE A TEMPLATE
 - LESSON 9 – USE A TEMPLATE
 - LESSON 10 – UPDATE A TEMPLATE
 - LESSON 11 – APPLY OTHER COMMONLY USED FORMATS TO CONTENT
 - LESSON 12 – SYNCHRONIZE A SITE
 - LESSON 13 – DETERMINE A WEB SITE’S FORMATTING
 - LESSON 14 – SET UP DREAMWEAVER TO WORK WITH AN EXISTING SITE
 - LESSON 15 – EDIT WEB PAGES FORMATTED WITH HTML
 - APPENDIX A – TURN OFF THE CSS EDITING OPTION
 - APPENDIX B – RGB HEX TRIPLETS


Dreamweaver CS3: Creating Basic Web Pages Intro Handout 803.6 Kb, 2 Pages
This Dreamweaver course material explains to users how quickly create web pages along with their structure, containers, content and the best practices followed in designing them.

 - THE BASIC EQUATION FOR A WEB PAGE
 - STRUCTURE / CONTAINERS
 - CONTENT
 - BEST PRACTICES


Dreamweaver CS3: CSS for Presentation 1.46 Mb, 79 Pages
This Dreamweaver course material provides information on using CSS within Dreamweaver, CSS features, its basics, and how to implement control over various functionalities of a web page.

 - LESSON 1 – CASCADING STYLE SHEET BASICS
 - LESSON 2 – CREATE A NEW STYLE SHEET
 - LESSON 3 – CREATE CLASS STYLES
 - LESSON 4 – CREATE CSS STYLE RULES FOR HYPERLINKS
 - LESSON 5 – ADDING STYLE SHEET TO ADDITIONAL PAGES
 - LESSON 6 – USE CSS TO CONTROL BACKGROUND IMAGES (OPTIONAL)
 - LESSON 7 – ADD CSS TO A SITE THAT PREVIOUSLY USED HTML FORMATTING (OPTIONAL)
 - APPENDIX A – CSS PROPERTIES
 - APPENDIX B – GLOSSARY


Dreamweaver CS3: CSS for Page Layout 8.29 Mb, 184 Pages
This 184 page Dreamweaver course material discusses the preparation of web page layout using CSS, column creation, creation of a printer style sheet and creating a callout box.

 - LESSON 1 – PREP A TABLE-BASED LAYOUT FOR A CSS LAYOUT
 - LESSON 2 – APPLY CSS RULES FOR A BASIC FIXED-WIDTH CSS LAYOUT
 - LESSON 3 – REFINE THE FOOTER LAYOUT
 - LESSON 4 – CREATE THE TWO COLUMNS
 - LESSON 5 – CREATE A FAUX COLUMN
 - LESSON 6 – CREATE A HORIZONTAL NAVIGATION BAR
 - LESSON 7 – CSS FOR DESIGN: AN UNORDERED LIST INCOGNITO
 - LESSON 8 – CREATE A PRINTER STYLE SHEET
 - LESSON 9 – CREATE A 3 COLUMN LAYOUT
 - LESSON 10 – SET A MINIMUM WIDTH FOR A LIQUID LAYOUT
 - LESSON 11 – CREATE A CALLOUT BOX WITH ROUNDED EDGES
 - LESSON 12 – CREATE A VERTICAL NAVIGATION BAR (EXTENDED LESSON)
 - APPENDIX A – DON’T REINVENT THE WHEEL: RESOURCES ON WHICH TO BUILD YOUR CSS LAYOUT
 - APPENDIX B – THE BOX MODEL
 - APPENDIX C – GREAT RESOURCES FOR CSS LAYOUTS


Class Files (.zip)
This section contains the class file for the above course materials that can be downloaded and view at leisure later.

 - Dreamweaver CS3: Creating Basic Web Pages
 - Dreamweaver CS3: CSS for Presentation
 - Dreamweaver CS3: CSS for Page Layout



Tags for this post>>

October 14, 2009

22-page Dreamweaver Tutorial

Here is a nice Dreamweaver Tutorial, hosted by the University of South Dakota. This Dreamweaver tutorial covers a host of topics of website development such as setting up a site, either locally or on a network, and adding website components such as tables, cells, pictures and hyperlinks. Actions such as moving, drawing, resizing and coloring, that can be carried out on these components are also explained in detail. This Dreamweaver tutorial is in pdf format, is 471kb size and 22 pages in length.


Contents of Dreamweaver Tutorial:

Introduction

Setting up a Site
 -  Local/Network

Windows and Panels Overview

Menus Overview
 - Create and modify a table in Standard view
 - Insert a table
 - Merge and split cells
 - Change row height and column width
 - Add color to a table
 - Add a border color
 - Set a relative width table in Standard view
 - Create a pixel width based table
 - Design a page in Layout view
 - Create and save a new document
 - Draw a layout cell
 - Add multiple layout cells
 - Move or resize a layout cell
 - Resize a layout cell
 - Set a relative width table in Layout view
 - Working with Text
 - Inserting Pictures
 - Creating Hyperlinks
 - Combining What you Learned



Tags for this post>>

September 23, 2009

39 Dreamweaver Tutorials

Here are 39 well done Dreamweaver Tutorials, at Health Science Center Training, University of Florida, that provide users with important information using Dreamweaver’s features. Adobe Dreamweaver is a web development application for both Windows and Mac operating systems. These Dreamweaver tutorials cover features in the following versions: Dreamweaver CS3, Dreamweaver 8, Dreamweaver MX. They also will show you how to use CSS and Dreamweaver templates. The tutorials can be downloaded and saved for later reference.


39 Dreamweaver Tutorials:
 - Cascading Styles Instructions 35 Kb  
 - Cascading Style Sheets 298 kb  
 - CS3_Cascading Style Sheets 478 kb   PDF 194 Kb  
 - DIVs_behaviors CS3 1.4 Mb
 - Dreamweaver  CS3  Basics 1.7 Mb   PDF 621 Kb  
 - Dreamweaver CS3 Basics CSS 2.1 Mb    PDF 788 KB
 - DW_CS3_Templates 1 Mb    PDF 346 Kb  
 - DW CS3 forms 800 Kb    PDF 220 kb
 - DW Layouts 228 Kb  
 - CSS 256 Kb   PPT 256 Kb  
 - Dreamweaver MX Basics 13 Mb  
 - dreamweaver4 1.3 Mb
 - DW 8_Cascading Style Sheets 983 Kb  
 - DW 8_CSS 244 Kb  
 - DW 8_forms 1 Mb    PDF 201 Kb  
 - DW 8_layers_behaviors 1.5 Mb
 - DW 8_templates 1.1  Mb
 - DW 8 basics 2.23 Mb   PPS 648 Kb
 - UF and College of Medicine 36 kb     
 - Dreamweaver_Basicsx 1.3 Mb  
 - Dreamweaver_Basics2x 1.3 Mb  
 - Dreamweaver Basics 317 Kb   PPT 317 kb
 - Dreamweaver Forms MX 667 Kb
 - Dreamweaver MX 1. 7 Mb
 - Dreamweaver basics 1.23 Mb  
 - Dreamweaver 4 Forms 1.2 Mb
 - DW 2004 845 Kb
 - Cascading Style Sheets 300 Kb   
 - Dreamweaver MX 2004 Basics 1.6 Mb   PDF 1.7 Mb    PPT 163 Kb  
 - Dreamweaver MX Basics 13 Mb       
 - Dreamweaver  MX 1.7 Mb
 - Dreamweaver MX2004 Basics 1.7 Mb
 - DW_Basics_Outline 28 Kb  
 - Layers_Behaviors_Exercise 27 Kb    
 - Dreamweaver 4 1.3 Mb
 - Dreamweaver MX Forms 666 Kb
 - Dreamweaver MX CSS 809 Kb  
 - DW 2004 845 Kb      697344
 - Templates 1726976





Tags for this post>>

August 15, 2009

11 Dreamweaver Tutorials

Here are 11 Dreamweaver Tutorials, hosted by California Polytechnic State University. These Dreamweaver tutorials teach you some cool Dreamweaver tips, behaviors and features. If you are designing web sites using Dreamweaver and want to learn how to get the most out of this web development software, the tutorials here will help. These Dreamweaver tutorials are divided into various sections so that you will find it easy to navigate through the topics according to your level of understanding. They are in pdf format.


11 Adobe Dreamweaver Tutorials:

Adobe Dreamweaver CS4 Accessibility
Adobe Dreamweaver CS4 software provides the most complete set of tools available for building, editing, and maintaining accessible websites and web applications. Here we deal with the basics of Dreamweaver CS4.

Learning the Basics of Dreamweaver MX 2004  (1976 Kb, 48 pages)
Here we learn about the basics of Dreamweaver MX 2004. This Dreamweaver tutorial comprehensively covers various features of Dreamweaver MX 2004.

Learning the Basics of Dreamweaver MX  (1219 Kb, 32 pages)
This Dreamweaver tutorial covers the basics you need to know to get started with an overview of its basic features and tools.

Dreamweaver MX Behaviors  (110 Kb, 7 pages)
In this tutorial, you will use Dreamweaver behaviors to create images maps, new browser windows, and menus.

Dreamweaver MX Forms  (298 kb, 12 pages)
This lesson focuses more on the creation of forms objects to make forms transmit data to and from your server.

Dreamweaver MX Rollover  (221 Kb, 9 pages)
In this section, you will learn to create simple rollovers, create an animated rollover, create pointer rollovers, create multiple-event rollovers and create an off/on button in Photoshop .

Dreamweaver MX Site Management  (461 Kb, 10 pages)
This tutorial explains about the site-management scheme which requires you to keep all of your files within one main root folder in  Dreamweaver.

Dreamweaver MX Style Sheets  (174 kb, 12 pages)
This Dreamweaver tutorial helps you to create an external style sheet, add styles to an existing style sheet, edit a style, create a custom style, link to an external style sheet, create an embedded style, convert embedded styles to external styles and convert CSS to HTML.

Dreamweaver MX Templates and Library Items  (191 Kb, 7 pages)
In this tutorial you will learn to create and modify templates and library items in Dreamweaver.

Making Web Sites Accessible with Dreamweaver MX (Mac)  (648 Kb, 11 pages)
Dreamweaver MX allows you to set the preferences to enable you to insert images, tables, forms, and other media.

Making Web Sites Accessible with Dreamweaver MX (PC)  (683 Kb, 11 pages)
This tutorial teaches you how to make web sites accessible using Dreamweaver.



Tags for this post>>

June 10, 2009

5 Dreamweaver Web Design Tutorials

These 5 excellent Dreamweaver Web Design Tutorials from the University at Albany address the procedures and tools used in creating and maintaining web pages and web sites. These Web Design tutorials also include specific topics to help staff maintain web pages under the University of Albany Web Standards. (these tutorials are in .doc format)


5 Dreamweaver Tutorials:

Introduction to Ualbany Web Design and Site Structure
This tutorial teaches how to plan and organize departmental website structure at UAlbany. We will discuss the term ‘Information Architecture’ and how to think about it when planning your departmental web pages. This tutorial will be taught using Adobe Dreamweaver CS4. Topics covered include discussion of concepts and purpose, discussion of Information Architecture, review and explanation of the worksheet.

Creating and Maintaining your Departmental Web Page using ‘New Look’ UAlbany Templates
This tutorial is offered in Adobe Dreamweaver CS4 and strongly recommend that you use this application when updating your site. This tutorial teaches the procedures, logistics and, especially the reasons for creating and maintaining pages that are compliant with the UAlbany look, including layout, colors and styles.

Working with ‘Includes’ and other structures provided in Web Templates
This tutorial continues the topics started in tutorial I02, with special emphasis on the ‘includes’ attached to the UAlbany Web Templates. The topics covered under this tutorial are what are ‘Includes’, ‘Includes’ on the properties inspector in Dreamweaver, editing ‘Includes’ and other style issues.

Dreamweaver MX2004 I: Introduction to Concepts
This tutorial covers a group of recommendations and suggestions that will help you to more logically execute the new updates to your UAlbany Departmental website. The topics covered in this tutorial are best practices and things to remember.

Dreamweaver MX2004 II: Basic Page Design
This tutorial explains how to use Dreamweaver MX 2004 to build a web page. Participants will become familiar with the various Dreamweaver components, such as the Properties Inspector, Insert Bar tabs, and the Code and Design views. Participants will also learn how to use Dreamweaver to make tables for page layout and control. This tutorial is also covering on how to install and manage images on a web page.



Tags for this post>>

May 13, 2009

21 Dreamweaver Tutorials

This series of 21 Dreamweaver Tutorials at SmartWebby discusses and demonstrates various design aspects when creating websites using Dreamweaver. These Dreamweaver tutorials include templates, server side design, and CSS styles. A common problem is designing for different screen resolutions and this issue is explained in detail here. Adding multimedia, such as sound and video to websites, bullet tips, image maps, image rollovers functionality, popup windows and menus are also taught in these tutorials. A section on integrating CSS and XHTML is provided as is CSS styling text and setting up a website using Dreamweaver.


21 Adobe Dreamweaver Tutorials:

 - CSS Web Design Guide: Website Design with Dreamweaver and Fireworks
 - Dreamweaver Templates
 - Dreamweaver Template
 - Making your Site Live!
 - Server Side Includes
 - CSS Styles Tutorial
 - Cool Text Effects
 - Links without Underline
 - Cool Bullet Tips
 - Designing for All Resolutions
 - Dreamweaver Tips
 - Image Maps Tutorial
 - Image Rollovers using Dreamweaver
 - Dreamweaver Behaviors
 - Pop-Up Windows
 - Pop-Up Menus
 - Jump Menus
 - Adding Sound
 - CSS and XHTML Website Programming
 - Using Dreamweaver for CSS Styling Text
 - Dreamweaver Site: Website Set-up



Tags for this post>>

April 2, 2009

Dreamweaver Tutorial on Site Design and Management

Here is a one-page Dreamweaver Tutorial at Brown University that teaches Site Design and Management. Dreamweaver is a web development application originally created by Macromedia, and now produced by Adobe Systems. This Dreamweaver Tutorial will help you design web sites using Dreamweaver. It initially explains how to create a website, how to start using CSS classes with Dreamweaver, how to define a CSS class and how to apply the CSS style to a page. This is followed by an explanation of how to use styles created for another page in the current page.


Features taught by this Dreamweaver Tutorial:

Site Management in Dreamweaver:
 - Create a Site

Dreamweaver SFTP:
This section desribes about Dreamweaver’s built-in SFTP client.

Cascading Style-Sheets in Dreamweaver:
 - The 3 Types of CSS
 - Using CSS to Change the Appearance of a Tag
 - Defining a CSS Class
 - To Apply a Class Style to Your Page
 - To Create CSS Link Rollovers
 - To Use the Styles You’ve Created on Another Page



Tags for this post>>

March 30, 2009

55 Excellent Dreamweaver Tutorials

Here are 55 well-written Dreamweaver Tutorials, from layersmagazine, teaching a wide variety of Dreamweaver features that you need to know in order to make the most out of this popular web design and development application. Topics covered by these illustrated and video Dreamweaver tutorials include: Ajax menus, Web templates, Photoshop integration, Flash integration, Selectors, CSS, iFrames, Smart objects, Widgets, Forms, Spry navigation, Behaviors, New Extensions, Layers, and Accessibility. (The tutorials are for Dreamweaver versions CS4, CS3 and 8).


55 Dreamweaver Tutorials:

 - Using Dynamic Web Templates in Dreamweaver, Part 1
 - Using Dynamic Web Templates in Dreamweaver, Part 2
 - Edit an AJAX Drop-Down Menu in Dreamweaver
 - Test Driving Dreamweaver CS4
 - Taking Image Slicing from Photoshop to Dreamweaver
 - Insert Google Ads with Dreamweaver
 - Advanced Selectors in Dreamweaver
 - Dreamweaver Slide Shows: Quick and Creative
 - Redefined HTML Tags
 - Building CSS-Based Layout in Dreamweaver
 - Using IFrames in Adobe Dreamweaver
 - CSS Basics in Adobe Dreamweaver
 - Dreamweaver XML Flash Slideshow Extension
 - Using the Dreamweaver 3D Wall Extension
 - Creating CSS Columns in Dreamweaver
 - Flash Video the Easy Way, Part 1
 - Flash Video the Easy Way, Part 2
 - Dreamweaver CS4 Interface
 - Dreamweaver CS4 Smart Objects
 - Dreamweaver CS4 Widgets
 - Dreamweaver CS4 CSS Features
 - Creating Rollovers in Dreamweaver CS3
 - Printer-Friendly Pages Using Dreamweaver and External Style Sheets
 - Troubleshooting CSS in Dreamweaver
 - Adding Flash Files to a Webpage in Dreamweaver
 - Feathered Transparency With Photoshop & Dreamweaver
 - Feathered Transparency With Photoshop & Dreamweaver
 - Image Slicing in Photoshop CS3
 - Using Forms in Dreamweaver
 - Dreamweaver: Give Your Site a Little Flash with CS3
 - When HTML Goes Bad
 - Cascading Style Sheets: Choosing the Right Selector
 - Dreamweaver and Photoshop Integration
 - Spry Navigation in Dreamweaver CS3
 - Building a Newsletter App in PHP with Dreamweaver CS3
 - Creating Collapsible Panels with Spry in Dreamweaver
 - Three Approaches to Design in Dreamweaver
 - Dreamweaver Code and File Tips
 - Dreamweaver: CSS Jump-Start
 - Time-Saving Templates In Dreamweaver 8
 - Dreamweaver: Spry Collapsing Panel
 - Passing Variables Using Flash and Dreamweaver
 - Swapping Behaviors with Dreamweaver
 - Using Behaviors in Dreamweaver
 - Enhancing Dreamweaver with New Extensions
 - Create Accessible CSS Layouts in Dreamweaver
 - Creating Accessible Tables for Data Using Dreamweaver 8
 - Creating a Navigation Bar with CSS in Dreamweaver
 - Connecting an HTML Form with a CGI Script in Dreamweaver
 - Designing with Layers in Dreamweaver 8
 - Layers vs. Other Design Options in Dreamweaver
 - Defining a Site in Dreamweaver
 - An Overview of CSS in Dreamweaver 8
 - Implementing accessibility in Dreamweaver
 - Site building with DW’s power tools: templates



Tags for this post>>

February 24, 2009

1-page Dreamweaver Tutorial


Here is a quick 1-page Dreamweaver Tutorial from Brown University that will show you how to create web pages using Dreamweaver. Using Dreamweaver, you can develop a new web site or maintain and work on an existing site, no matter how it was created previously. You can use Dreamweaver to create a brand new web site or to update a current site, even if it wasn’t created in Dreamweaver. To start editing your web pages, simply open Dreamweaver and select File > Open from the menu to access a web page.

This Dreamweaver tutorial will get you going with learning how to create and work with:

 - Tables
 - Text
 - Images
 - Hyperlinks



Tags for this post>>

January 19, 2009

Dreameaver CS3 and CS4 Tutorials

Dreamweaver is a great application to use for developing a web site. It provides ease of use for those who are just beginning, as well as giving the needed power for more advanced web designers, such as adding user interactivity.

Here are several Dreameaver CS3 and CS4 Tutorials in video format. These Dreamweaver tutorials are will teach and show you the features and tools for creating for web pages. You will learn how to embed video files, add sounds and interactivity into your web site, along with using the new Spry features. (If necessary, click on the “Play Tutorial” link to run the video tutorial.)


The New Live Browser View in Dreamweaver CS4

Dreamweaver CS4 Photoshop Smart Objects

Create Printer Friendly Stylesheets in Dreamweaver CS3

Place Photoshop documents into Dreamweaver

Using Page Templates in Dreamweaver CS3, Part 1

Creating and using Dreamweaver Templates, Part 2

Use the Spry Accordion Panel in Dreamweaver CS3

Making a Spry Menu in Dreamweaver CS3

Collapsible Content Boxe in Dreamweaver CS3

Making a Tabbed Panel with Dreamweaver CS3

Define a Site to Use PHP pages with Dreamweaver CS3

Use Dreamweaver to add a Flash movie to your page



Tags for this post>>

October 20, 2008

52-page Dreamweaver MX Training Manual

Here is a 52-page Dreamweaver MX Training Manual, hosted Purdue University. This training manual will show and teach you many important Dreamweaver features that you need to know, so you can become more proficient at using this Web Design and Developemnt application. Topics covered include: Panel Groups, the Property Inspector, Dreamweaver Templates and Library, Creating a Local Site, Page Properties, Fonts and Lists, Spell Check, Images, Tables, Locations and Paths, Linking, Navigation, Site Management, and Design Principles. This document is 538kb in lenght and in pdf format. Also available at this site are training docs for Using Meta Tags in Dreamweaver (2 pages, 150kb, doc format) and Upgrading to Dreamweaver MX 2004 (4 pages, 3.0 mb, doc format).


Table of Contents of Dreamweaver MX Training Manual:

Planning Your Site
Site Structure
   Break Down Your Site Into Categories
   Decide Where To Put Items Such As Images And Sound Files
   Use the Same Structure for Local and Remote Sites
Planning Site Navigation
Template and Library Use

Exploring Dreamweaver
The Panel Groups
The Property Inspector
The Document Window
Viewing HTML Code

Creating a Local Site  
How To Create a Local Site

Creating  and Editing HTML Documents
To Create a Blank HTML Document in a New Document Window:
To Open An Existing HTML File:
To Create a New Document Based on a Template:

Setting Page Properties
How To Set Page Properties
Page Properties Defined
Changing the Title of a Page
Defining a Background Image or Page Color
Defining Default Text Colors

Adding Text
How To Add Text To Your Document:
Formatting Text Overview
Changing Font Characteristics
Changing the Color of Text
About Web-Safe Colors
Aligning Text and Elements
Creating Lists
List Properties
Checking Spelling

Working with Images
Inserting an Image
Image Properties
Aligning Elements
Resizing Images

Working with Tables
Inserting a Table
Adding Text and Images to a Table Cell
Selecting Table Elements
Setting Table Properties
Copying and Pasting Cells
Resizing Tables and Cells
Changing Column Widths
Clearing Column Widths and Row Heights
Nesting Tables
Splitting and Merging Cells

About Document Locations and Paths
Absolute Paths
Document-Relative Paths
Root-Relative Paths

Linking and Navigation
Creating Links
Linking to a Document
Linking to a Named Anchor
Creating an E-Mail Link

Site Managmenet Overview
Associating a Remote Server with a Local Site
Putting files on a remote server
Getting Files From a Remote Server
Systematic Planning
   The Target Audience
   Goals and Objectives
Design and Development of the Web Site
Design Principles
Site Home Page
Length and Text Considerations of a Web Page
Graphics and Graphic Tools
Conclusion
References


Tags for this post>>

August 2, 2008

6-page Dreamweaver Tutorial

Here is a 6-page Illustrated Dreamweaver Tutorial that will help you starting creating web pages with this application. I takes you through six fundamental web page topics showing how to get started, setting page properties, working with text, creating hyperlinks, adding images, and adding and managing tables. These 8-steps are in Adobe Photoshop tutorial, which is of six pages in pdf format and is 443kb in size.


Contents of this Dreamweaver Tutorial:

Getting Started
   File Storage/Architecture
   Page Creation
   Properties Palette
   Naming Conventions

Setting Page Properties

Enhancing Text
   Heading Sizes
   Font Size and Color
   Alignments
   Bulleted and Numbered Lists
   Text Indext / Tab
   Single / Double Space

Creating a Link
   Absolute Link
   Relative Link
   Email Link
   Document / PDF file Link
   Image Links
   
Adding Images
   Src tag
   Align tag
   link tag
   Alt tag
   Width and Height tags
   
Adding and Managing Tables
   Width
   Border
   Cell Padding
   Cell Spacing
   Merging Cells
   Splitting Cells


Tags for this post>>

July 28, 2008

Dreamweaver CS3 Getting Started Tutorial

Here is a great Dreamweaver CS3 Tutorial to get up to speed fast using Dreamweaver CS3, called Getting Started with Dreamweaver CS3. It takes you through several interactive screen simulations that will help you learn the fundamental features for creating and updating a new website. The specific features demonstrated are listed below. This tutorial introduces you to understanding a Dreamweaver website for a simulated product named Aquo Drink. Using Adobe Dreamweaver CS3, you can not only create HTML documents, but also enter and manage code for XHTML, CFML, ASP, ASPX, JSP, PHP, XML, XSL, JavaScript, and CSS. Dreamweaver also supports source code files for many programming languages.

Dreamweaver Tasks taught by this tutorial:
 - Setting up a site
 - Creating a new document
 - Setting page properties
 - Inserting tables
 - Working with tables
 - Inserting an image placeholder
 - Inserting text
 - Inserting images
 - Inserting and playing Flash files
 - Creating links
 - Previewing the page in your browser
 - Inserting Flash video files
 - Publishing your site


Tags for this post>>

Next Page »