Post 2

Files LINK.


- Because of some issues using Targets in Dreamweaver CS3 we are going to use pages with no frames.

- Download a work in progress that can be used as a template here are the files LINK. Once you download it empty the root folder (if you want to keep your images don't remove them) of your project and copy the files in the zip.

-Now open the main.html file select Home from the top menu then in the bottom panel there is a link drop down, open it and select main.html and for target select _self, for the next menu item, Info, do the same but the link will be info.html, do the same for media and about.

- Now you have four pages with the same menu, you can manually add the links to all the pages or try to copy and paste the first menu to the other pages, you can choose.

- You can test the pages in the browser and you should be able to navigate to and from all four of them.

- Add your own backgrouds and images if you kept them form before, also add text for title, main description, information.

- In the Info page add some text about your website and some images.

-For your media page create a table of 3x3 and add images with descriptions under each image.

-Don't forget to align the images and text.

-Test them when you are ready.

Post 1

Creating working space

-Open Dreamweaver

-Select Dreamweaver Site

-Give the site a name and address (make up one)

-Select “No, I don’t want to use a server technology”

-Press next

-Select “Edit local copies on my machine, then upload  to the server when ready.

-Press next

-Select “none” from the first drop down.

-press next

-press done

Adding files to the project

-On the right side of the screen there is a tab labeled “Files”

-Right click on the root folder (starts with “site -...”) and select “New File”

-Name the new file “index.html”‘, this will be the intro screen or homepage.

-Add the main.html, media.html and contact.html pages as well

-Now we have 4 pages to work on.

Frames, navmenu an intro pages

-We will divide the pages into 2 frames, one for the pages and the other for the navigation menu

-To do this we will create frames.

-Modify->Split Frame Up

-Click on the frames and save them calling the top one introPage.html and the bottom navMenu.html

-click on the border to select the main frame and save it as index.html

-click on navpage area to select it

-click on page properties and add a background.

-do the same to the intropage

- add a table of 1 column and 3 rows

- Add text to top row

- Add image to middle row

- Add text to lower row

Sample background (click on it to get the original size version):

Sample main image: