You will be learning Dreamweaver for the rest of the year. Take your time and experiment with things for as long as you need to. Dreamweaver has lots of features that you won't use in this course at all! Feel free to print out this page in order to follow all the directions.
Remember to save your page often!
When you open Dreamweaver, you'll get a new blank page. Select File Save As and save your document Assignment2.html. 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.
You are about to answer the following questions in your Dreamweaver document. Click inside the Title and type Assignment 2. Select the questions below and choose Edit from the menu bar and Copy the questions. Now select Edit and paste into your Dreamweaver document and type the answers to the questions.
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.
4. Explain the functions of the 10 buttons on the Insert Common Tab.
5. Describe the B, I, h1, h2, h3, ul, ol, li, buttons on
the Text Tab.
6. Try the other characters by typing them into your document. Find this character ® and type it into your document. What is the HTML code for this symbol?

7. Add a horizontal rule to your page. What Insert Tab did the horizontal rule come from?
8. Explain what a break is.
9. What is the difference between <br> and <p>
10. 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 "+2" sizes.
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 Explorer and Safari.
Make a new page using Dreamweaver. This page should be about your classes here at L-S, your family and your interests outside school. You can use your information from your Aboutme.html. Use lists, different text sizes, different headings, colors, and horizontal rules. Save this page as Dream2.html
To do more: Create a new document called dreamweaver.html. 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".] Use one appropriately in your project. Try using different fonts. Use several browsers to see if those fonts show up appropriately.
To do much more: Explain the Modify - Page Properties menu item and experiment with it in your dreamweaver.html document.
Back to Ms. Errico's Web Publishing Main Page