Create a Web Page with Dreamweaver (DW)

Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. This tutorial is designed to get you started. Please use the Help Menu in DW to find additional information.

1. Launch Dreamweaver from the desktop

A window will appear that will assist you in creating a Web page.

The Objects window allows you to insert items into the body of the document.
The Properties window allows you to center items on the page, determine the fonts,colors, and size of text, type in links, and configure other features.
The body window is the window where you place all of your content.

2. When you begin creating your page, the first thing you want to do is give it a title.

Click in the title box and type your school name. Click Enter. You will also want to determine the color scheme or design of the page. There are several choices. To choose select page properties under Modify in the Menu.

Choose the background, link, visited link, and active link colors. Click Apply. If you want a pattern as the background, click on Browse and locate the file. Click OK.

Save your page. Go to File and select Save As. Type index.html. Click Save.

3. You probably have a logo or photo of your school.

This should appear at the top of your page. Click on the insert an image icon from the objects window. Locate your Logo and click OK.

4. Center the image using the Properties window.

Type the name of your school in the Alt Box. If you want a border around your picture type the number 1 in the Border box. Numbers indicate the width of the border, the larger the number, and the wider the border.

5. Click and press Enter so your cursor is below the picture.

Under the picture of your school, you will want to provide contact information. Choose the format of your text from the Properties window. Provide the school name, address, and telephone numbers.

6. To "single" space between lines.

You will need to insert a line break after typing each line. From your Objects window switch from common to characters. Select line break.

7. Create a table of contents that will link visitors to other pages on your site.

Tables,buttons, text, and links are used in creating a table of contents. Before you begin, make a list of pages for your site. For this workshop, we will use the following example. About Us, Class Directory, Calendar, Student Projects, Parent Information

Select insert table from the Objects window. The table window will appear. The table will have 3 rows and 4 columns. The cell spacing and cell padding will be 2 pixels. The width of the table will be 75% of the page. If you do not want a border, delete the number 1 in the border box. Click OK.

8. The table and its properties window appear on the screen.

Align the table to the center. Name your table. You will also see some of the same information you typed when you were setting up the table. There are some additional features. Take a few minutes to experiment with background and border colors.

9. Click on column two of row one and type About Us.

Click on column four of row one and type Class Directory. Continue doing these steps until the table is complete. To adjust the width of the table cells, hold down on the dividers and drag until you are satisfied with the width.

10. To link text or an image to another page or site.

Highlight the text or image and type the address in the link box or browse for a file. Press Enter.

11. The footer information should include the copyright date, when the page was updated, and an email contact.

Switch to characters in the Objects window and select insert copyright. The copyright symbol will be inserted on the page. To insert your email address, select insert email link from the Objects window. Type your name in the text box and your email address in the E-Mail box.