Introduction | Opening the Program | Different Views | Program Layout | Panels: 1 - 2
The Insert Bar: 1 - 2 - 3 - 4 - 5 | Creating a New Page | Opening a Page | Multiple Pages with Similar Styles
Page Properties | Text & Text Properties | Checking Spelling | Style Sheets: 1 - 2 - 3 - 4 - 5 - 6 - 7
Tables: 1 - 2 - 3 | Images: 1 - 2 - 3 - 4 - 5 | Links: 1 - 2 - 3 - 4 - 5
Publishing: 1 - 2 - 3 - 4 - 5 - 6 | Templates: 1 - 2 - 3 - 4 | Collaboration: 1 - 2 - 3
Outside References

Multiple Pages With Similar Style:
You might feel like you're getting a little ahead of yourself on this page, but that's OK! While you haven't yet learned how to format pages, you have learned how to create and save them, which is really the only essential factor for understanding how to work with multiple pages that have similar styles to them.

You will want to have multiple web pages on your site, most likely, and you'll want them all to have the same layout and navigation, but different content. There are several reasons why. The major reason is that you want your site to have a consistent look and feel. If a visitor were to go between different pages of your site that looked totally different from each other, she or he may think it's a different site and become confused.

There's a great (and simple) way to save multiple pages of your web site while retaining the same navigation and layout as your original web page. (Later on in this tutorial, you will learn how to make "Templates" in Dreamweaver MX 2004. Using templates is a different way in which you can save multiple pages with the same layout and edit content within those layouts. Template use is most appropriate for web sites with many web pages, or for projects that have several people collaborating on the site.)

Let's pretend that you have one page of your site already complete. Let's also say, for example, you have sections in your site called "Image Gallery" and "Additional Online Resources" (the former being a page filled with images, and the latter a page filled with links to other websites). In your navigation menu bar on your one completed web page, you have those links linked to documents called "images.html" and "additional_online_resources.html" (you haven't learned how to make links yet, but you're still OK!)

However, you haven't made these pages yet. How are you going to make these pages, and keep the exact same style as your one, already completed page? Will you have to create the layout, again, completely from scratch? Of course not!

With your one completed web page open in Dreamweaver MX 2004, go to "File", and select "Save As." Here, you can save this web page as "images.html" (or whatever web page name you plan to give one of your sections). You can repeat this step to save "additional_online_resources.html" and any other web pages you want to have in your site.

Remember, in order for your web site navigation to work, you must save your files as the file names you specified when making the links for your navigation (if you created a link to “links.html” make sure you actually save the page as “links.html”).

By opening these web pages in Dreamweaver, you can add and edit the content for those pages. When you saved the files from the original web page you created, you simply created copies of that one page, but with different file names. Since you don't want multiple web pages of the exact same thing, you need to edit the newly saved web pages, including changing the titles on the pages, images, and text. However, the over-all design is still the same!

When you're designing a website, you'll probably want to customize the look of your site. For starters, you can change the style of the links, the page color, and other features by working with the Page Properties in Dreamweaver MX 2004.

>> next