TutorialMan specializes in offering many Photoshop Tutorials that you will find useful in learning many of the features and functionalilty of this popular graphics and imaging editing application. It provides both Photoshop tutorial links and Photoshop tutorial content. The categories are listed and linked below.


Photoshop Tutorial Categories at Tutorialman:

 - Web Graphics Photoshop Tutorials

 - PS Basics Photoshop Tutorials

 - Layouts Photoshop Tutorials

 - FX (Effects) Photoshop Tutorials

 - Digital Art Photoshop Tutorials

 - Text Photoshop Tutorials

 - Miscellaneous Photoshop Tutorials

 - TutorialMan Photoshop Tutorials

 - 3D Tutorials

 - 3D Resources

Popularity: 21% [?]

Here is a Microsoft Access Quick Reference Card, hosted by Purdue University. This Access support document is 2 pages in length, is in pdf format, and its file size is 285kb. The Access database features and topics covered by this quick reference are listed below.


Access Features Described:

The Standard Toolbar

Keyboard Shortcuts:
  – General
  – Navigation – Go To
  – Editing
  – Design View
 
Working with Database Objects:
  – Tables
  – Queries
  – Forms
  – Reports
  – Pages
  – Macros
  – Modules

Working with Data:
  – The Datasheet Toolbar
  – The Navigation Bar:
     – Add a new record
     - Select a record
     - Delete a record
     - Find and Replace data in a table
     - Sort data
     - Filter by Selection
     - Filter by Form

Forms and Reports:
  – Create a Form with a Wizard
  – Create a Report with a Wizard
  – Toggle between Form/Report and Design View

Creating and Designing Tables:
  – Create a New Table with a Wizard
  – Create a New Table from Scratch
  – Data Types

Queries:
  – Create a Select Query
  – Switching Views
  – Caculate Total Values
  – Query Examples

Popularity: 23% [?]

Flash videos and movies consist of multi-media graphics, text, and animations that are designed for web applications and sites. Flash contents is made up of vector graphics, and also imported video, bitmap graphics, and sounds. As a web designer and developer, you can add user interactivity to your Flash movies to make it more attractive and compelling for your visitors. You can also use Flash to create navigation controls, animated logos, and animations with synchronized sound. Flash development files are .fla type files and contain all the data necessary for developing and testing the content. The Flash movies that a visitor or user sees are produced from a published .fla file and end with the .swf extension.

Here is a 70-page Flash MX Training Manual, from Purdue University, that will show and teach you many of the features of Flash and how to create and present Flash presentations and movies. The Flash topics covered by this training document are listed below in the table of contents. (607kb, pdf format)


Table of Contents of Flash MX Training Manual:

Getting Started
  System requiements
  Installing Flash

About Flash MX and General Overview
General Flash settings and features
  Stage & work area of Flash MX
  Using the grid
  Using guides
  Using rulers
  Creating a new document/template
  Using Scenes & Scene Panel
  Using the timeline
  Changing the location of the playhead
  Using frames & keyframes
  Working with Frames and Keyframes in timeline
  Creating frame labels & comments in the timeline
  Using layers
  Creating layers and layer folders
  Viewing layers and layer folders
  Organizing layers & layer folders
  Using Guide Layers

Drawing in Flash MX
Vector Vs Bitmap
  Vector graphics
  Bitmap graphics
Flash drawing & painting tools
  Drawing with the Pencil tool
  Drawing with the Pen tool
  Painting using the brush tool
  To paint with the Brush tool:
  Reshaping graphics using the Arrow tool
  Erasing
  Snapping

Using Colors in Flash MX
Using stroke and fill colors
Working with solid colors/gradients using the color mixer
Locking a gradient or bitmap to fill the stage

Importing Artwork, Video, & Audio
Formats you can import
Working with Artwork
  Using the property inspector to work with bitmaps
  Applying a bitmap fill
  Breaking apart a bitmap
  Converting Bitmaps to Vector Graphics
Working with Video
  How to Import Video
  To update an embedded video clip editing in an external editor
  To replace an embedded video clip with another video clip
Working with Audio
  To import audio
  To add a sound to a movie
  Add sounds to buttons
  Using the sound-editing control panel
  To edit a sound file:
  To stop and start a sound at an Ending Keyframe

Transforming Shapes & Graphics
Transforming objects freely
Modifying shapes using the Envelope modifier
Scaling objects
Rotating objects
Skewing objects

Symbols, Instances, & Library assets
Types of symbol behavior
Creating Symbols
  To convert selected elements to a symbol:
  To create a new empty symbol:
Duplicating Symbols
  To duplicate a symbol using the Library panel:
  To duplicate a symbol by selecting an instance:
Creating Instances
  To create a new instance of a symbol:
  To apply a custom name to an instance:
Creating buttons

Creating Animations
Motion and Shape tweening overview
Frame by Frame animation overview
Creating Keyframes
Representation of animations in the timeline
Motion Tweening Instances and Groups
Shape Tweening

Action Scripts
Using the Actions Panel
  To display the Actions panel, do one of the following:
  To activate the Actions panel:
  To navigate through the Actions toolbox, do the following:
Actions Panel in the normal mode
  To display the actions panel in normal mode
  To view a description of an action, do one of the following:
  To add an action to the script panel, do one of the following
  To delete an action
  To relocate a statement in the action script window
  To work with parameters
  To search for text in a script, do one of the following
  To navigate between scripts
  To resize the actions toolbox or script panel
  To view line numbers in the script panel
  To print actions
Assign Actions to frames and buttons
  To assign an action to a frame in the timeline
  To test a movie and actions
  To Assign actions to buttons
  To assign an action to a button:

Flash MX and Accessibility

Publishing the Flash movie
  To set general publish settings for a Flash document

Popularity: 22% [?]

Here is a Website Planning Guide and a Website Checklist. These will help you make sure you have covered the tasks and activities you need to address when designing and deployinng a website. Some of these items may not apply to your website, but you should at least review everything here so make sure you haven’t forgotten anything.


Web Site Planning Guide:

Project name for this site.
Who is your primary audience?
Who is your secondary audience?
What is your goal or purpose in having a Web site?
How will your site serve your primary audience?
What type of information will your primary audience expect to find on your site?
What information do you have readily available to provide to your audience?
Make a list of types of information you expect to put on your site (i.e. hours, announcements, staff directory)
Generally, how will your site be structured or organized? (i.e. 4 levels deep, 5 pages each level)
What information will be or could be grouped together?

What other relationships or connections between information should be present?
Who will be part of the web site development team?
Who will serve as the Web Administrator for this site?
Who will be the Maintainer(s) for this site?
How will the different duties and responsibilities be assigned?
How often do you expect to update the content on your site?
How much time per week or month will you dedicate to updating the content on your site?
Who will be responsible for answering e-mail received from the comments link on the site?
List some words that you hope will describe your site when published: (i.e. professional, friendly)
How will you test your site?
  – For readability?
  - For content?
  - For appropriateness for primary audience?
  - For different browsers?


Web Site Checklist:

Text:
 - Proofed for spelling errors
 - Proofed for punctuation errors
 - Written clearly, concisely, and coherently
 - Tone and formality matches site’s purpose
 - Font style is standard and browser proportional
 - Only text links are underlined
 - Big enough to read, but not too large
 - Easily read over page background

Navigation:
 - Bars and buttons are clearly labeled
 - Bars and buttons look the same throughout site
 - Bars and buttons are in the same place throughout site
 - Bars and buttons wording is representative
 - Viewer can navigate easily to related information
 - Viewer can navigate easily to site’s home page
 - Site map or index is available if a large site

Links:
 - Wording is appropriate for page/site being linked to
 - Internal site links are worded with keywords for your website
 - No links are the wording ‘Click here’
 - Represented by graphics are clearly mark as links
 - Color is consistent throughout site
 - Connect to correct page or site
 - Verified to be active and current

Graphics:
 - Image files are optimized for size, eg. 50K or less
 - Load quickly and appropriately
 - All have been labeled with <ALT> tags
 - Animated graphics do not detract from page content
 - Animated graphics turn off by themselves

Content:
 - Supports site purpose or mission
 - Appropriate
 - Accurate and complete
 - Relevant for target audience

General Design of Site:
 - Loads quickly
 - Consistent look and feel
 - Colors are from the browser safe palette
 - Color scheme is one of the 4 standard combinations
 - Frames, if used, do not obstruct viewing
 - Contact information is available on every page
 - Contact information is current on every page
 - Contact information includes an email link or link to a comments page
 - Footer on every page and includes
 - Author
 - Institution
 - Copyright
 - Last updated/revised
 - Page titles are descriptive
 - Meta tags have been included on every page
 - Author
 - Description
 - Keywords
 - Tested on several browser types and versions
 - Text-based browser
 - Tested on these screen resolutions
    – 800 x 600
    – 1024 x 768
    – 1280 x 720
 - Tested on Mac and PC platforms
 - Tested by a sample target audience

Popularity: 36% [?]

Fireworks MX is an application for designing graphics to use on website and web applications. By using Fireworks’ tools and features, you are able to create and manipulate both vector and bitmap graphics within a single file. Computer graphics fall into two main categories: bitmap and vector. You can work with both types of graphics in Fireworks. Understanding the difference between the two helps as you create, edit, and import artwork. Bitmap images use a grid of colors known as pixels to represent images. Each pixel is assigned a specific location and color value. Vector graphics are made up of lines and curves defined by mathematical objects called vectors. Vectors describe an image according to its geometric characteristics. Fireworks makes it easy to optimize and prepare your graphic files for your web site. With Fireworks, for example, you can shrink the size of web graphic files without losing quality, so they download faster.

This is a 44-page Fireworks MX Training Manual, hosted by Purdue University. It will help you become proficient at using many of the important tools and features that Fireworks offers. By using this training manual, you’ll learn Fireworks concepts such as opening, importing, and saving files, finding your way around the Fireworks environment, and working within a file. You’ll also learn how to add Live Effects, use Filters, work with Layers, create Slices, and optimize and export your graphic and image files. (1.59mb, pdf format)


Table of Contents of Fireworks Training Manual:

Getting Started
System requirements
About Fireworks MX

Understanding Computer Graphics
Image size and resolution
Bit depth
The importance of file size in web design
Web image file formats
   GIF format
   JPEG format

The Fireworks Work Environment
Stage Area
Menus
Tool Box Panel
Properties Inspector
Tool Panels
Creating a new document

Editing Digital Photos or Previously Created Graphics
Editing Photos/Bitmaps
Adding Live Effects
Live Effects Tools and How to Apply Them
   Applying beveled edges
   Applying Embossing
   Applying Shadows and Glows
   Creating Custom Live Effects
Using Filters
   Adjusting Color
Creative Effects

Using Layers
Activating a Layer
Adding and Removing Layers
Viewing Layers
Organizing Layers
Protecting Layers and Objects
Merging Objects in the Layers Panel
Sharing Layers

Using Slicing in Fireworks MX
Creating and Editing Slices
Creating HTML Slices
Creating Non-Rectangular Slices
Defining How to Export HTML Tables

Optimizing and Exporting Images
What is Optimizing?
The Export Wizard
Optimizing GIFs, PNGs, TIFFs, BMPs, and PICTs
Choosing a Color Palette
Making areas transparent

Exporting from Fireworks MX
Exporting a Single Image
Exporting a Sliced Image
Exporting Selected Slices
Exporting HTML

Popularity: 22% [?]

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

Popularity: 23% [?]

Here are five great free Excel 2003 Training Documents, hosted by Villanova University. These will help you become a better Excel user and more proficient at using many Excel features, such as previewing and printing spreadsheets, entering formulas and functions, and creating and formatting charts.


Excel 2003: Creating & Formatting Spreadsheets
Learn how to use ranges, copy and move data, and format text, numbers, cells, columns, and rows in Excel. (41 pages, 199kb, pdf)

Table of Contents:
 - Lesson 1: Exploring Excel
 - Lesson 2: Using Basic Workbook Skills
 - Lesson 3: Working with Ranges
 - Lesson 4: Formatting Numbers
 - Lesson 5: Formatting Text
 - Lesson 6: Formatting Cells
 - Lesson 7: Formatting Columns and Rows
 - Lesson 8: Copying and Moving Data


Excel 2003: Previewing & Printing Spreadsheets
Before printing, you can preview a worksheet. The Print Preview feature displays the worksheet as it will appear when printed, including all aspects of the layout. You can use print preview to check the appearance of your printed worksheet before printing it, and if needed, make any additional changes. You can increase the magnification of the worksheet by zooming print preview, which makes the data easier to read. (23 pages, 94kb, pdf)

Table of Contents:
 - Lesson 1: Printing
 - Lesson 2: Using Page Setup
 - Lesson 3: Using Large Worksheets
 - Lesson 4: Working with Views


Excel 2003: Creating Simple Formulas
Formulas are used to perform calculations on values entered into the cells of a worksheet. They consist of the addresses of the cells containing the values and the appropriate mathematical operators. Formulas always begin with an equal sign (=) because they contain cell addresses. (12 pages, 63kb, pdf)

Table of Contents:
 - Lesson 1: Creating Simple Formulas
   – Using Formulas
   - Entering Formulas
   - Using Functions
   - Using the AutoSum Button
   - Entering Basic Functions
   - Inserting Functions into Formulas
   - Editing Functions
   - Using the AutoCalculate Feature
   - Using Range Borders to Modify Formulas
   - Checking Errors


Excel 2003: Creating and Editing Excel Charts
A chart uses values in a worksheet to create a graphic representation of their relationship to one another. You can use charts to make it easier to spot trends, highlight important changes, and compare individual figures. Using charts in reports and presentations displays numbers in a format that is easy to understand. When you create a chart, each row or column of data on the worksheet becomes a data series. Each individual value within the row or column is called a data point.
(27 pages, 176kb, pdf)

Table of Contents:
 - Lesson 1: Creating Charts
 - Lesson 2: Formatting Charts
 - Lesson 3: Advanced Charting


Excel 2003: Tips for Working with Data in Excel
(2 pages, 31kb, pdf)

Table of Contents:
 - Selecting Data
 - Edting Data
 - Formatting Data
 - Functions and Formulas

Popularity: 24% [?]

Here are 20 nicely illustrated, step-by-step Photoshop Tutorials from TrueCG. These will take you through the steps to create various text, image, and shape effects using Photoshop, along with how to effectively use Photoshop’s Pen Tool.


Photoshop Tutorials from TrueCG:

Grungy Poster
This Photoshop tutorial demostrates how to make a grungy poster.

Quick Nebulas
For this tutorial, you’ll need a star field for the background.

Nuclear Blast Font Effect
How to make a nuclear blast font Effect.

How to Make Segmented Rings
Use Photoshop to make segmented rings that can be used for logo designs.

How to Make a cracked ice
Learn how to create a cracked ice Effect using Photoshop.

Make a metal looking text
Discover how to create a metallic Effect for the text.

Make a Page Curl Effect
Find out how the page curling Effect can be made.

Make a Radial Text
This shows you how to create a radial text, without distorting the text.

Making a Tech Background
Learn how to create a sci-fi like tech background.

Making a Barcode
How to create a barcode picture in photoshop.

Making a Metallic Sphere
Find out how to create a metallic sphere.

Making a Vinyl Record
Use Photoshop to create a vinyl record.

Making the Shield
Learn how to create a shape that resembles the shield.

Advanced Glow Effect
How to make an advanced glow effect in Photoshop.

Technical Sketch
Make a technical sketch using Photoshop’s Pen tool.

Make a Candy Cane
Create a candy cane using the Pen tool.

Cut out Images with a Pen tool
How to precisely cut images with the Pen tool save shapes from cut outs.

Pen Tool
Here is a quick tutorial on using the Pen tool in Photoshop.

Simple Planet
A cool looking planet made in photoshop in 5 minutes.

Simple Star Field
If you need a star scene or background, take a look at this tutorial.

Popularity: 37% [?]

Java2s.com provides the following thorough and well written JavaScript Tutorial, JavaScript Reference, and JavaScript Code Examples. The material covered by these pages will assist you in learning how to code many JavaScript effects for your websites, including using DHTML with JavaScript. They will also take you through the basics, if you need to start from the beginning with this web scripting language.


JavaScript Tutorial

1.  Language Basics
2.  Operators
3.  Statement
4.  Development
5.  Number Data Type
6.  String
7.  Function
8.  Global
9.  Math
10.  Form
11.  Array
12.  Date
13.  Dialogs
14.  Document
15.  Event
16.  Location
17.  Navigator
18.  Screen
19.  Window
20.  History
21.  HTML Tags
22.  Style
23.  DOM Node
24.  Drag Drop
25.  Object Oriented
26.  Regular Expressions
27.  XML
28.  GUI Components
29.  Animation
30.  MS JScript


JavaScript Reference

1.  Event Handlers Reference
2.  Javascript Collections
3.  Javascript Methods
4.  Javascript Objects
5.  Javascript Properties


JavaScript DHTML Code and Examples

  1.  Ajax Layer
  2.  Data Type
  3.  Date Time
  4.  Development
  5.  Document
  6.  Event
  7.  Event onMethod
  8.  Form Control
  9.  GUI Components
 10.  HTML
 11.  Javascript Collections
 12.  Javascript Objects
 13.  Language Basics
 14.  Node Operation
 15.  Object Oriented
 16.  Page Components
 17.  Security
 18.  Style Layout
 19.  Table
 20.  Utilities
 21.  Window Browser

Popularity: 47% [?]

Here are some excellent HTML and CSS References and many useful HTML and CSS Coding Examples, from Java2s.com. These web development support documents will help you build your HTML and CSS skills with developing web sites. Areas covered include CSS Attributes, HTML Attributes, and all HTML Tags.


HTML and CSS References

1.  CSS Attributes and Javascript Style Properties
2.  HTML Attributes Reference
3   HTML Tag Reference


HTML and CSS Code and Examples

1.  Background Attributes
2.  Basic Attributes
3.  Basic Tags
4.  Box Model
5.  CSS Attributes and Javascript Style Properties
6.  CSS Controls
7.  Form Attributes
8.  Form Style
9.  Form Tags
10. Frame Attributes
11. Frame Tags
12. HTML
13. IE Firefox
14. Images
15. Layout
16. Layout Attributes
17. Link Attributes
18. Link Tags
19. List Attributes
20. List Style
21. List Tags
22. Marquee Attributes
23. Meta Tags
24. Microsoft Attributes
25. Object Attributes
26. Object Tags
27. Reference
28. Style Basics
29. Styles Tags
30. Table Attributes
31. Table Style
32. Table Tags
33. Text
34. Text Attributes
35. Text Tags
36. XML

Popularity: 52% [?]