Finishing the Recipes Page
You were exposed to line breaks earlier in this lesson, when you formatted Jade Valley's contact information in the table cell on about. I227, line breaks are created with the <br /> tag. In this task, you'll reformat the ingredients for the Cinnamon Baked Apples recipe, so that they're listed one after the other. To do this, you'll replace the paragraphs tags and separate the lines using <br /> tags.
1. | Position the insertion point just before "2 tablespoons butter." Press Backspace/Delete. Press Shift+Enter/Return to create a line break. |
As before, you're collapsing two paragraphs into one, and then inserting a line break between them.

2. | Reformat the next two lines (sugar and cinnamon) in the same way. |
The ingredients should now appear as shown in the figure, which is displayed in split view so you can also see th218 code for the list.
[View full size image]

3. | Press and drag to select "Ingredients," and make it Bold in the Property inspector. Make the same formatting changes for "Directions." |
At this point, you need to fine-tune the overall presentation of the recipes page by formatting these three text elements on the page. The new formatting attributes make these elements stand out, which makes the document easier to read.
4. | Select the word "contact" at the end of the content and create a hyperlink to about. |
You're getting close to finishing the development of this page. By creating a hyperlink to about, you're making it easy for users who visit Jade Valley's Web site to immediately go to the section they need without using the navigation bar at the top of the page
5. | Remove the PRODUCTS label and the banana photo and replace them with label_recipes.gif and apples.jpg. Enter Jade Valley Recipes. and Fall harvest apples make delicious snacks. as the alternate text, respectively. |
You've performed this task on several occasions. Refer to the steps earlier in the lesson if you need help.
This concludes the development of recipes.
[View full size image]

7. | Press F12 (Windows) or Option+F12 (Macintosh) to preview the page in a browser. Return to Dreamweaver. Save and close recipes. |