files: Assignment3.html, Dream2.html

 

Objective: You will be able to create a basic web page using Dreamweaver, preview that page in a web browser, and identify the basic design features/menus used in Dreamweaver.

The Steps

Open Dreamweaver (inside Applications: Adobe Dreamweaver). Make a new page, and choose Basic Page and HTML. You will get a new blank page. This page is not really blank! Save the page as "Assignment3.html" in your folder on the webserver.

Find the button that looks like this:

In your page, describe what each of the buttons does.

Find the box that looks like this:

Use it to change the title of your page to "Your Name: Assignment 3".

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 Assignment3.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. If you don'te 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 10 buttons on the Insert Common Tab.

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

5. 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?

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 "+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. What html did Dreamweaver put into your document to make the text red?

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

The Assignment

There are two separate parts to the assignment

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

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

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

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.

Helpful Hint:

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