| |
|
| 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
|
| |
|
