To view the videos, you must have Macromedia's Shockwave Player installed, which can be downloaded at no cost from this location 
.
| |
|
| Design Considerations: Effective Use of Colors in Your Site |
| |
| Coordinating Colors for Efective Web Page Design |
This How-to will aid in determining proper colors for a Web site and then how to add those "coordinating" colors to a palette in Dreamweaver for future use. |
| |
|
| Creating a Basic Page in Dreamweaver |
| |
|
| The Final Product: Begin with the End in mind |
|
| |
|
| Creating a basic Web page in Dreamweaver: Step 1 Titles and Tables |
This will illustrate how to create a table to assist in page layout and also how to add a title to your page |
| |
|
| Creating a basic Web page in Dreamweaver: Step 2 Organizing Objects with Tables |
This will illustrate how to add a table inside of the initial table to organize the picture and text to preview your work (locally) in an Internet Browser before uploading |
| |
|
| Creating a basic Web page in Dreamweaver: Step 3 Modifying Tables, Saving & Previewing |
This will illustrate how to add background color to a table, how to save the document and to preview your work (locally) in an Interent Browser before uploading |
| |
|
| Uploading multiple files to your remote Web space from Dreamweaver |
Once you create all of the new files, you will need to upload them to your remote space; this clip illustrates how to (using the Control key to select files) complete this task |
| |
|
| Creating Links in Dreamweaver |
| |
| The final product |
This brief clip illustrates the a final look at the product of the movies below, emphasizing text-based links and linking from images |
| |
|
| Duplicating and Renaming Files in Dreamweaver |
This clip illustrates how to duplicate files in Dreamweaver (allows for consistency of look) and how to rename them |
| |
|
| How to create text-based links in Dreamweaver |
This clip illustrates how to link text in Dreamweaver using the Point to File feature |
| |
|
| Acquiring and Storing Images for Dreamweaver |
This clip illustrates how to get images from the Web and place them specifically in your images folder for use in Dreamweaver |
| |
|
| Pasting Links and Previewing in Dreamweaver |
This will illustrate how to past links across multiple sites and how to use the Preview in Browser tool in Dreamweaver |
| |
|
| Creating an Image Link in Dreamweaver |
This will illustrate how to link an image to an external URL in Dreamweaver |
| |
|
| Linking to New Browser Windows in Dreamweaver |
This will illustrate how to open your link in a new window |
| |
|
| Linking to Special Sized Browser Windows in Dreamweaver |
This will illustrate how to open your link in a new window that has a unique size |
| |
|
| Uploading multiple files to your remote Web space from Dreamweaver |
Once you create all of the new files, you will need to upload them to your remote space; this clip illustrates how to (using the Control key to select files) complete this task |
| |
|
| Using Tables in Dreamweaver |
| |
| Example of Table Use in Professional Web Pages (CNN) |
This movie provides an example of how tables are used to control page content with columns and rows |
| |
|
| Example of end product |
See an overview of the final product you could create after viewing this set of How-to movies on tables |
| |
|
| Using tables in Dreamweaver: The Basics |
This How-to provides an overview of table use for basic control of page elements |
| |
|
| Using the 'Expanded View' feature in to ease work with tables |
Often controlling tables in the 'Standard View' can be difficult; to ease the work in working with tables, the 'Expanded View' offers an alternative |
| |
|
| Controlling page elements with multiple tables |
In order to mange background colors and text placement, table within tables allow complete control of a page |
| |
|
| Creating flash-based rollover buttons |
One of the benefits of using Dreamweaver is access to a few of the 'Flash' tools, such as these rollover buttons that can be linked to internal or external pages |
| |
|
| Creating tables with rounded edges |
This provides an understanding of how to use GIF images that have transparency to create an illusion of rounded edges through use of tables; this creates a nice change to the standard 'square look' found across Internet |
| |
|
| Navigation Bars |
| |
|
| Adding a Navigation Bar in Dreamweaver |
This movie explains how to add an image-based navigation bar in Dreamweaver. |
| |
|
| Adding a Popup Menu to Navigation Bars in Dreamweaver |
This movie illustrates how to assign a popup menu to a navigation bar in Dreamweaver. This will allow the end-user easier navigation throughout a site. |
| |
|
| Using Templates in Dreamweaver |
| |
|
| Creating a Template in Dreamweaver |
This movie will illustrate how to open a page that has been developed as a core template for your site and how to assign a template that will have editable regions for future Web pages. Any page that you assign the template to in the future will have the template elements locked to avoid changing any of the basic page elements, avoiding in-consistency in the pages across your site. |
| |
|
| Applying a Template to Simple HTML Files in Dreamweaver |
This movie illustrates how to open a basic Web page that has core "body" information and apply a pre-designed template to the page. |
| |
|
| Working with Photos in Dreamweaver |
| |
|
| Resampling photos |
This will exaplain how to resize photographs (permanently) in Dreamweaver using a function called re-sampling. It is recommended to be sure you have a backup image before completing this type of task as this action cannot be reversed. |
| |
|
| Using the Image Viewer in Dreamweaver |
| |
|
| Adding an 'Image Viewer' to your Web page |
Control multiple images on your page through the image viewer; this creates a shockwave file in your site that provides a scrolling show of multiple pictures |
| |
|
| Controlling and viewing files you have uploaded to the remote server |
This shows you how to actually view files that have been uploaded and how to delete and rename them on the remote site; also illustrates how to 'unlock' files that may be locked |
| |
|
| Creating Colored Corners for the Web with PowerPoint: Managing Text in Tables |
| |
|
| Creating different colored rounded corners for the Web with PPT |
This illustrates how to use PowerPoint to create rounded corners with the color of your choice and save them into your images folder for use in Dreamweaver. The actual PowerPoint file with the corners is provided at the end of the video clip for downloading. |
| |
|
| Create a table with rounded corners to be copied and pasted in other pages |
This is a refresher on how to create a new table and put corners on it |
| |
|
| Insert page elements into a new table and copy the table |
Using the table created above, this how-to illustrates how to move data on the initial page and then copy the table for use on other pages |
| |
|
| Pasting copied tables |
This illustrates how to paste the copied tables into other pages in your site |
| |
|
| Using iFrames, CSS Borders and Installing Backgrounds in a Navigation Bar |
| |
|
| iFrames - A Practical Use of Frames for Training |
This illustrates how to download and use iFrames in your site |
| |
|
| Creating Professional Borders to Enhance Web Design |
This illustrates create and use professional borders for effective page design |
| |
|
| Adding Navigation Bars with Background Colors in Dreamweaver |
This movie explains how to create a matching background image for your navigation bar buttons in PowerPoint and how to install the bar and the background |
| |
|
