The Steps
... to starting in Dreamweaver and getting to know it.

Open Dreamweaver, create a new file, and you'll get a new blank page. This page is not really blank!

In order to see the HTML code click on the <> button icon.

To look at the HTML code and the design click on the icon next the the HTML button. To get out of the HTML mode and into the Design mode click on the next button.

Select File Save As and save your document Assignment2.html.

Click inside the Title Box and type 'Your Name: Assignment 2'.

You are about to answer the following questions in your Dreamweaver document. Select the questions below and choose Edit - Copy from the menu bar to copy the questions. Now click into your Assignment2.html and select Edit - Paste to paste the questions into your Dreamweaver document. Type the answers to the questions below the questions themselves.

1. What tag does the return key create? (Hint: Hit the return key while watching the HTML source).

2. Save your document. What does the World Icon on the Toolbar do?

Now take a look at the Insert Bar. You will notice different Tabs (Common, Layout, Forms, Text, HTML, etc.). It may appear with Tabs or as a Menu.

As you put your mouse over each icon you will get a mini description of the button. Experiment with them in your Dreamweaver document.

3. Explain the functions of the 12 buttons on the Insert Common Tab .

4. Describe the B, I, h1, h2, h3, ul, ol, li, buttons on the Text Tab.

5. Try other characters (see below) by putting them into your document. Find this character ® and type it into your document. What is the HTML code for this symbol (put a space after the '&' for this answer so that Dreamweaver doesn't convert your answer to the symbol itself)?

6. Add a horizontal rule to your page. What Insert Tab did the horizontal rule come from?

7. Explain what a break is.

8. What is the difference between <br> and <p>

9. Use a button to insert today's date.

Now explore the "Properties" window.

Ignore the "Link" box for now. That will be the topic of a future lesson.

Copy the following to your page, and complete the instructions.

10. Make this whole line bold, and larger by making the font size "large."

11. Make an ordered list of your 4 favorite foods.

12. Make an unordered list of your 4 favorite CDs or movies.

13. Make a heading of each of the six heading styles. Call the first one "Heading One", the second "Heading Two", etc.

14. Center this line.

15. Make this line red.

Save your document. Preview your document in both FireFox and Safari.

The Assignment

1. Answer all questions and complete all instructions above (1-15) in Assignment2.html.

2. Make a new page using Dreamweaver, save it as Dream2.html, so that:

• Dream2.html consists of information about your classes at L-S, your family and your interests outside school (You can use your information from your aboutme.html).
• Dream2.html includes ordered and unordered lists, different text sizes, different headings, colors, and horizontal rules.

3. Demonstrate and describe when and how to use a definition list (it can be found under the "Text" menu. Go to "List" then "Definition List"), so that:

• Assignment2.html contains a description AND example of a definition list after question #15.

4. Explore and experiment with the Modify - Page Properties menu item and use it in your Assignment2.html page, so that:

• Assignment2.html provides a description of the Page Properties function (what can it be used for).
• Assignment2.html has been altered using the Page Properties box.
• Assignment2.html contains a description of what properties were changed using the Page Properties box.

Helpful Hint:

Assignment2.html will end up with a lot of different information in it. Organize the page to separate different parts of the assignment, using space or horizontal rules or any other way that appeals to you.

back to the top