|
Breeze Live | | |
 
     
     
 
How-to Movies
 
     
 
 
 
  Week 1 Movies      
         
     
 
 
This will provide you with an overview of the Blackboard Course management software which we are using for the MHRD program.
 
         
  Week 2 Movies      
         
     
 
 
This will illustrate how to advance to specific time points in the archived Breeze presentations using designated keywords
 
         
  Week 4 Movies      
         
     
 
 

Your assignment is to develop a personal Web page that is similar to this page. Be sure your final page that you upload to your personal Web space at Clemson is saved as index.htm (it will add the .htm itself). Be creative with the background and text colors, but make sure it has good contrast so it is readable.

  • Add at least one JPEG photo in a table
  • Make sure the page has a title
  • Follow directions on page 55 and add at least one other "keyword" to your page to aide in searches (see page 55 of Dreamweaver text)
  • Upload all of your files to your site (see final How-to for this week to do this -- Uploading multiple files to your remote Web space from Dreamweaver)
  • Check your page on the remote site; http://www.clemson.edu/~username (replace username with your user ID for Clemson)
  • Once you see your are successful, please send me an e-mail with the URL to let me know you have it uploaded (Before Midnight Sunday)
 
         
 

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  
         
 

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  
  Week 6 Movies      
         
         
 

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.
 
  Week 7 Movies   Links -- based on Chapter 7 of Dreamweaver text  
     
 
 

Setting up your personal (class) site in Dreamweaver

 
This movie will illustrate how to create a new site specific to your assignments and how to upload the files to your designated space in Blackboard through WebDav
 
         
 
This will illustrate how to use the Chat feature in Blackboard so you can discuss team project issues with your classmate
 
         
 

How to use the Virtual Classroom in Blackboard

  This movie illustrates use of the Virtual Classroom in Blackboard; visits the Whiteboard function and related concepts  
         
 

How to use the Group Browser in Blackboard

  This movie illustrates use of the Group Browser in the Virtual Classroom that allows you to discuss and view specific Web sites related to your team project simultaneously  
         
 

How to use the File Exchange in Blackboard

  This brief movie illustrates use of the File Exchange feature in Blackboard that allows you to upload and share files (with your team member) related to your team project  
         
"Link" Movies
         
 
This brief clip illustrates the a final look at the product of the movies below, emphasizing text-based links and linking from images
 
         
 
This clip illustrates how to duplicate files in Dreamweaver (allows for consistency of look) and how to rename them
 
         
 
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  
         
 
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  
         
  Week 8 Movies   Popup Menus, Navigation Bars and Templates  
         
 

Creating "Rollover Buttons" through PowerPoint Graphics

 

This presentation illustrates how PowerPoint can be substituted effectively to create images to be used for Web rollover buttons.

 
         
 

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.  
         
 

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.  
         
  Week 9 Movies   Tables -- based on Chapter 8 of Dreamweaver text  
         
 

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

(The six-digit Web color code for the BGCA color is 0099d8 (this is based on a conversion of the CMYK color that BGCA provides at http://marketing.bgca.org) Use this color when you want either the text or background color to be the approximate color for BGCA

 
         
  Week 10 Movies   Creating Transparency in Images with Fireworks  
         
 

Converting logos to transparent GIFs with Fireworks (no narration yet)

  For those that purchased the Studio MX 2004 that includes Fireworks (image editor) this movie illustrates how to open an image while in Dreamweaver and make the image transparent (no box). If you do not have Fireworks on your computer and need a transparent version of the BGCA Vertical logo, please right-click on the file below and save it to your images folder.  
 
 
  Week 11 Movies   Using the Image Viewer to display photos & remote control of files  
         
 

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

 
         
  Week 12 Movies   Creating colored corners for Web with PPT; 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  
         
  Week 14 Movies   Creating rollover buttons in PowerPoint and pop-up menus in Dreamweaver  
         
 
Creating rollover images in PowePoint
  This movie illustrates how to use PowerPoint to create separate images to be used in Dreamweaver to develop a rollover as Flash rollover buttons cannot have pop-up menus added to them.  
         
 
Creating popup menues in Dreamweaver
  This movie continues from above, using Dreamweaver to insert each of the new images into a rollover layout that can have popup menus added. The actual PowerPoint file used to create the initial rollover images in the previous video is provided for download at the conclusion of this movie.