Creating a Dreamweaver Web Page and Local Site (Adobe Dreamweaver CS5) Part 12

In the Lab

Lab 2: Creating a Gift Baskets Web Site

She enjoys the hobby so much that she has decided to start her own online business. She has asked you to assist her in preparing a Web site to help her understand how to share her knowledge and her work with others and how to turn her hobby into a business (Figure 1-73). Software and hardware settings determine how a Web page is displayed in a browser. Your Web pages may be displayed differently in your browser than the one shown in the figure.

Figure 1-73

Figure 1-73

Define a Web site and create and format a Web page for Baskets by Carole. The text for the Web page is shown in Table 1-5.

Table 1-5 Baskets by Carole Web Page

Section

Web Page Text

Heading

Baskets by Carole

Introductory paragraph

Gift basket making is a hobby that is enjoyed by many people. It can be a creative outlet, a form of self-expression, and a source of extra income. Attending shows and fairs provides an opportunity to meet others with a similar interest.


Second paragraph

If extra income is your goal, the Internet offers a plenitude of options for turning your basket-making hobby into a business. The following list contains some suggestions on how to market your baskets on the Internet.

List item 1

Decide on a Web site name

List item 2

Register the name

List item 3

Promote your business online

List item 4

Use social advertising

List item 5

Target your online advertising

List item 6

Use a banner ad

Closing

Creating successful advertising takes time and effort. A powerful headline is important. Incorporate motivators that address basic human needs.

Perform the following tasks:

1.    In Dreamweaver, use the Site Setup dialog box to create a local Web site in the your name folder. Enter Gift Basket Designs as the name of the new site.

2.    Using the Browse for folder icon next to the Local Site Folder text box, create a new subfolder in the your name folder. Enter baskets as the name of the subfolder. Open the folder, and then select it as the local site folder.

3.    Using the Advanced Settings category of the Site Setup for Gift Basket Designs dialog box, create and then select the your name\baskets\images folder as the default folder for images.

4.    Make sure the path in the Default Images folder text box ends with your name\baskets\images and make sure the path in the Local site folder text box ends with your name\baskets. Click the Save button in the Site Setup for Gift Baskets Designs dialog box to save the settings for the new site.

5.    Using Windows Explorer or the Windows Computer tool, copy the baskets_bkg.jpg from the Chapter01\lab02\images data files folder into the your name\baskets\images folder for the Gift Basket Designs Web site.

6.    Click File on the Application bar, and then click New. Click Blank Page, verify that HTML and <none> are selected, and then click Create. Use the Save As command on the File menu to save the page with the name index.

7.    Click the Modify menu and then click Page Properties. Apply the baskets_bkg background image to the index page.

8.    Click in the Document window and then type the Web page text shown in Table 1-5. Press the enter key after typing each section and after each list item in the table.

9.    Apply the Heading 1 format to the heading and then center the heading.

10.    Create an unordered list for the list items. With these items still selected, click the Indent button in the Property inspector to increase the indent.

11.    Enter Baskets by Carole as the Web page title.

12.    Click at the end of the closing line and then press the enter key. Type your name. Insert  a line break and then type the current date.

13.    Check the spelling of your document and correct any errors.

14.    Save your document and then view it in your browser, comparing your Web page to Figure 1-73. Submit your work in the format specified by your instructor.

In the Lab

Lab 3: Creating a Credit Protection Web Site

Problem: Identity theft is a growing issue and one of the major concerns facing people today. Recently, you learned that two fellow employees became victims of identity theft; you have decided to create a Web site (Figure 1-74) that will provide some information on how to prevent becoming a victim.

Figure 1-74

Figure 1-74

Table 1-6 Credit Protection Web Page

Section

Web Page Text

Heading

Credit Protection

Introductory paragraph

A credit card can be a great financial tool, but it also is a big responsibility. Applying for and receiving a credit card generally is an easy procedure. Offers from credit card companies arrive frequently in the regular mail.

Second paragraph

Many people, particularly first-time users, do not fully understand the implications of a credit card. They may charge more than they can repay. This can damage a credit rating and create credit problems that can be difficult to fix.

Third paragraph

Before you submit a credit application, obtain a copy of your credit report from one of the three major credit reporting agencies to make sure it is accurate. The Fair and Accurate Credit Transactions (FACT) Act allows consumers in the United States to receive one free copy of their credit report from each of the three major credit reporting agencies during a twelve-month period.

List item 1

Equifax Credit Information Services, Inc. P. O. Box 740241 Atlanta, GA 30374

List item 2

Experian

475 Anton Boulevard Costa Mesa, CA 92626

List item 3

TransUnion P.O. Box 2000 Chester, PA 19022

Perform the following tasks:

1.    In Dreamweaver, define a local Web site in the your name folder. Enter Credit Protection as the name of the site. Create a new subfolder in the your name folder and name the new subfolder credit. Select the your name\credit folder as the local site folder.

2.    Create a subfolder in the credit folder and name it images. Select the your name\credit\images folder as the default folder for images.

3.    Copy the image data file (credit_bkg.jpg) into the your name\credit\images folder.

4.    Open a new Document window and use the Save As command to save the page with the name index. Apply the background image to the index page.

5.    Type the heading and first three paragraphs of the Web page text shown in Table 1-6. Press the enter key after typing each section of the text in the table. Insert line breaks where shown in Figure 1-74.

6.    Type List item 1 as shown in Table 1-6. Insert a line break after the company name and after the address. Press the enter key after the city, state, and zip code. Type List items 2 and 3 in the same fashion.

7.    Apply the Heading 1 style to the heading text. Align the heading to the left (to ensure it is displayed properly in the browser).

8.    Select the three list items (companies and addresses) and create an unordered list. Insert two line breaks between item 1 and item 2, and between item 2 and item 3.

9.    Bold the company name of the first item in the bulleted list (Equifax Credit Information Services, Inc.). Bold the names of the other two companies.

10.    Title the Web page Credit Protection.

11.    Click at the end of the last line of text and then press the enter key. If a bullet is displayed, click the Unordered List button in the Property inspector to remove the bullet. Type your name, add a line break, and then type the current date.

12.    Check the spelling of your document and correct any errors.

13.    Save your document and then view it in your browser, comparing your Web page to Figure 1-74.

Submit your work in the format specified by your instructor.

Cases and Places

Apply your creative thinking and problem-solving skills to design and implement a solution.

•    Easier ••More Difficult

•    1: Create the Favorite Sports Web Site

Define a Web site named Favorite Sports with a local root folder named sports (stored in the your name folder). Prepare a Web page listing your favorite sports and favorite teams. Include a title for your Web page. Bold and center the title, and then apply the Heading 1 style. Include a sentence or two explaining why you like the sport and why you like the teams. Bold and italicize the names of the teams and the sports. Give the Web page a meaningful title. Apply a background image to your Web page. Check the spelling in the document. Use the concepts and techniques presented in the topic to format the text. Save the file in the sports folder. For a selection of images and backgrounds, visit the Dreamweaver CS5 Media Web page (scsite.com/dwcs5/media).

• 2: Create the Hobbies Web Site

Your instructor has asked you to create a Web page about one of your hobbies. Define the Web site using Hobbies for the site name and hobby for the local root folder name. Store the hobby folder in the your name folder. Italicize and center the title, and then apply the Heading 1 style. Type a paragraph of three or four sentences explaining why you selected the subject. Select and center the paragraph.

Add a list of five items and create an ordered list from the five items. Include line breaks between each numbered item. Title the Web page the name of the hobby you selected. Check the spelling in your document. Use the concepts and techniques presented in the topic to format the text. For a selection of images and backgrounds, visit the Dreamweaver CS5 Media Web page (scsite.com/dwcs5/media).

• 3: Create the Politics Web Site

Assume you are running for office in your city’s local government. Define a Web site using the name of the city in which you live and a local root folder named government. Include the following information in your Web page: your name, centered, with Heading 1 and a font color of your choice; the name of the office for which you are running, bold and italicized; and a paragraph about the duties of the office. Create a bulleted list within your Web page. Change the title of the Web page from Untitled to your name. Use the concepts and techniques presented in the topic to format the text. For a selection of images and backgrounds, visit the Dreamweaver CS5 Media Web page (scsite.com/dwcs5/media).

• 4: Create the Favorite Baseball Player Web Site Make It Personal

Define a Web site and create a Web page that gives a description and information about your favorite baseball player. Name the Web site Favorite Player and the local root folder player. Apply a background image to the Web page. Include a center-aligned heading formatted with the Heading 1 style. Include a subheading formatted with Heading 3. List four facts about why you selected this baseball player. Include informational facts regarding a) the team for which he plays, b) his position, and c) his batting average. Bold and italicize each of the facts and apply a font color of your choice. Create an ordered list from the three facts. Title the Web page Favorite Player. Use the concepts and techniques presented in the topic to format the text. Save the file as index in the baseball folder. For a selection of images and backgrounds, visit the Dreamweaver CS5 Media Web page (scsite.com/dwcs5/media).

• 5: Create the Student Trips Web Site Working Together

Your school has a budget for student celebrations and dances. Your assignment and that of your teammates is to put together a Web site and Web page that lists various information about these two topics. Save the site in a local root folder named celebrations. Apply an appropriate background image. Include a title, formatted with Heading 1, and a subtitle, formatted with Heading 2. Add a bullet to each item and include information about the location for each item. Title the page Student Celebrations. Use the concepts and techniques presented in the topic to format the text. For a selection of images and backgrounds, visit the Dreamweaver CS5 Media Web page (scsite.com/dwcs5/media).

Next post:

Previous post: