Create a Web Page in Dreamweaver CS4

This tutorial will explain yow to create a web page in Dreamwever CS4.

Adobe Dreamweaver allow you to manage several web sites all from the same application. When you open dreamweaver, it will load the last web site you were working on. If you want to work on another web site, you can change to the new site using the Manage Sites dialog box. You also use the Manage Sites dialog box to create, edit, duplicate, remove, export, and import web sites.

Opening a Web Site

To open a previously defined web site in Dreamweaver CS4, click the Site menu and then click Manage Sites.

Select the site you want to open from the listed options.

Click Done.

Dreamweaver will close the first site and open the new site and load all of the assets for the selected site.

Create a Web Page in Dreamweaver CS4

The reason you're using Dreamwever CS4 is to create a web page. You can't have a web site without them. The creation of a web site begins with the creationof the first web page. Dreamweaver CS4 offers you several ways to create a web page.

• Create a web page from a blank page
• Create a web page from a blank template
• Create a web page from a template
• Create a web page from a sample page

Create a Blank Page

To create a blank page in Dreamweaver CS4, do the following:

Click the File menu and then click New (You can also use keyboard shortcuts to do this. Press Ctrl N on a PC or Apple + N on a Mac)

Click the Blank Page category

Select the Page Type you want

Select the Layout you want

Click the DocType popup and select the option you want

Click the Layout CSS popup, if available, and select the option you want.

Click the Link button to attach an external CSS file to the current document.

Click Create. Dreamweaver creates the new page and opens it.

Create a Web Page from a Blank Template

A Dreamweaver CS4 template is a common structure created and used all of some of the web pages in your site. It helps to ensure consistency of look and navigation and it saves a lot of work in recreating sections of your web page that are common to all pages.

Each section of your website can have its own template with or without variations in the design and colors from others. Templates is a huge timesaver because they allow you to update the design of all pages that were created from that template. You only have to update one page not every single page in your web site.

Dreamweaver CS4 templates are special master files that contain editable and locked regions. Pages based on a template enable Dreamweaver users to edit parts of the web page, without the risk of accidentally changing the locked regions. This allows the webmaster to let others create pages by specifying which parts of the page they can edit and which parts they cannot modify

Create a Blank Template

Click the File menu, and then click New.

Click the Blank Template category.

Select the Template Type you want.

Select the Layout you want.

Click Create. Dreamweaver opens the template.

Click the File menu, then click Save and OK if necessary to dismiss the editable region alerty, specify a name and then click Save.

Create Editable Regions

Use your cursor to select an area of the image that you want to have the ability to edit. An editable area can be defined as an AP element, or table cell, etc.

Click the Insert menu, point to Template Objects, and then select from the following Region options:

Editable Region. Use this option to allow contributors to the Web page the ability to change or modify that selected area.

Optional Region. Use this option to allow contributors to define a section of the page that will or will not be shown, depending on what the content contributor decides.

Repeating Region. Use this option to allow contributors to the Web page the ability to duplicate the region. For example, creating a table that holds customer comments, and the contributor needs the ability to generate new pages, and add more rows to the table as needed.

Enter an appropriate name or the region.

Click OK. The selected area now takes on the appropriate characteristics.

Creating a Web Page from a Template

Instead of creating a Web page from scratch, you can create a new page based on anothe template that was previously created. This can save you a lot of time and effort. In the New Document dialog box, you can select your own custom template designs available in the Page from Template category or click Get More Content to openthe Dreamweaver Exchange on the Web to view more template designs that can be downloaded.

Click the File menu, and then click New.

Click the Page From Template category.

Select the stie that contains the template you want: Flah Sites and Project Sites appear as the default.

Select the template you want to use.

Select or clear the Update Page When Template Changes check box.

Click Create.

Click the File menu, click Save, specify a name, and then click Save.

This site proudly build with Site Build It!