Intro to DreamWeaver
Create a folder where ALL of the files for this project will be kept. Lable it lnDWeaver
Open DreamWeaver CS4
Create>HTML
Use "Split" mode
Put in "Classic" mode
Type "Index" in the Title field or directly into the HTML code, between the <title> and the </title> tags
Save this in your lnDWeaver folder as index.html
Select the CSS tab from the properties panel
Center the opening Caption the the web page and type "This is my opening caption" (without the quotes). When the window comes up choose "Class (can apply to any HTML element)". Type ".center" in the field under "Selector Name". Leave the rest alone. Close window. Choose Center align.
Switch back to HTML
Format it to a "Heading1" size
Hit return
Create a table with 3 columns and 1 row, 300 pixels wide, & select 2px for the other attributes - Thickness, Padding, & Spacing
Save
Align - "center"
Create 3 more HTML files save them as: image.html & title it Image; gif.html & title it GIF; and flash.html & title it Flash
Go back to you "index.html" page
Properties>CSS
In you first table "Cell" type "Image" with a "Center, Middle" position
The middle Cell is GIF, and the third Cell is Flash - Center, Middle on all
Change the "Table width to "%". Adjust the code to even out the cells, see graphics below
Select the word "Image" in the first cell and either "Browse" or just type image.html into the "Link field"
Do the same with the words GIF & Flash that are in the table
Save
In the "Code" section, select the code between the <p> just before the <table> tag and end at the </table> tag
Copy it (Cmd+C)
Open image.html and paste the code (Cmd+V) in same basic area of code
Do the same in the gif.html and flash.html files
Correctly save (save for web) a JPEG graphic, a correctly saved animated GIF, and place the SWF file from a published 320X240 Flash file into your lnDWeaver folder
Open your image.html file in DreamWeaver
Put your cursor just above the table
Insert>Image
Browse to your JPEG graphic, give it an alternate title
Center it
Click to the right of the image and hit the "return" button on the keyboard
Save
Do the same, inserting an animated GIF into the gif.html file
With your flash.html , click just above the table
Insert>Media>Flash
Browse to the SWF file
Do not add a title, just say OK
Click to the right side of the flash image and center it, then hit the "Return Key"
Save
This will put a "Scripts" folder in your folder so that IE can read it correctly
Put the curor to the right of the table and hit the return key and type Back to Opening Caption
Select it and link it to your index.html page
Save
Do this to the other 2 graphic pages
eMail me the entire lnDWeaver folder