Dreamweaver Tutorials

Adding more content to our Rocket Club site
In The next set of Dreamweaver Tutorials, we will create a more pages for our site; Add hyperlinks between pages, and tidy the pages up a little

There are a few different ways to create a second page. In these tutorials, you’ll create a second page by making a copy of the first one index.htm, note that the second page will have the same layout as the first one, at least till we make the changes.

Note: If you want to create a new page layout of your own , you can either use the Dreamweaver table-editing tools or Layout view. You may wish to design a page and call it temp.htm this way you only have to load one page and change the name to create a new page that contains all the images and graphics for your site if you need to learn how to import images you may wish to check out our Fireworks Tutorials.

In a more complex site or one which you may need people with less HTML skills to manage you can lock the tables and graphics by using the template feature, this can get a little complex, but don't worry we shall be covering this in later tutorials,

The second page to create in the RU Playing site is the Rocket Club memebers page ( we will be using this page much later on when we bring in PHP to show how to connect to a MySQL database this will be detailed in also the PHP tutorials). You’ll create the page by making a copy of the main (index.htm) page, then removing content that shouldn’t appear on the Members page, then adding new images and text.

If you need to backtrack on adding and styling text take a look at the earlier tutorials.

To create a copy of your first page (index.htm):
In the Site panel, right-click the filename of the first page you created, index.htm .
From the context menu, Select Duplicate.
A copy of the file appears.

Select the new duplicated file. click it to make the filename editable .
Give the new file a new name, such as members.htm.
To remove unnecessary material from the new page:
Open the new members.htm page by double clicking it in the Site panel window.
The title bar should say “RU Playing Rocket club” and then a folder name and a filename; the filename should be customerServe.htm (or whatever you named it in the previous procedure).

In the members page, select the rocket image.
In the tag selector ( right hand bottom of the screen), click on the <td> tag.
and pressDelete.
Everything in the table cell, is deleted.

Save your document your document Ctrl+S.
To add text to the new page:
In the Site panel, locate the members2.htm file in your Assets folder. Double click the file to open it.
This file contains content to be added to the members page. All the text for these pages can be found on the training CD in the folder extras.

In the members.htm Document window, choose View > Code to view the HTML code.
Document window, press Control+A to select all.