Announcements

Lesson Plan  Review exercise Buffalo Case Problem 1 Page 257-258

Finish T5WS, Case Problem 2. Finish as much of this in class as possible since I am there to help you the entire class period.

Homework 

T5WS, 30 points:

Meghan Elliott wants to replace the existing menu.htm page with a frames page that will open four pages in its main frame to list specials in four menu categories: Appetizers, Sandwiches, Entrees, and Desserts. Information will be organized on these pages in a table.

Step 1: Open the Grill Web site. Make sure you have made all the changes I indicated when I graded your Web site before beginning this case problem.

Step 2: In Folders view, select the app.htm, desserts, htm, entrees.htm, and sand.htm pages, and turn off the bottom shared border for these selected pages ony. (Hint: To select multiple files, click the first file, press and hold Ctrl, select the remaining files, and then release Ctrl.)

Step 3: Rename these pages as follows and update any hyperlinks.

• Rename menu.htm to frameset_menu.htm.

• Rename app.htm to frame_main1_app.htm.

• Rename entrees.htm to frame_main2_entrees.htm.

• Rename sand.htm to frame_main3_sand.htm.

• Rename desserts.htm to frame_main4_desserts.htm.

Step 4: Study the screen shot of the frameset page you will create before beginning. Use the Contents frames page template to create a frames page. Save the page with the filename frameset_menu.htm and the title Menu. Overwrite the existing frameset_menu.htm page when you save it and update any hyperlinks.

Step 5: Create a new page in the contents frame (the frame on the left) with the filename frame_contents.htm and the title Contents. Rather than creating manual hyperlinks from the contents frame to open pages in the main frame, you will insert a link bar.

Change to navigation view and verify that the main pages (Appetizers, Sandwiches, Entrees, and Desserts) are child pages of Menu. Edit the navigation button names as needed. Insert a link bar based on the navigation structure in the contents pane with the last bar style (underlined links), vertical orientation, style set to display Same level.

Drag frame_contents.htm into the navigation structure on the same level with the main pages (Appetizers, Sandwiches, etc.). Right-click it in navigation view and deselect Included in Link Bars.

Insert a blank line above the link bar and type Home. Add a hyperlink to the home page and set the target frame to Whole Page to display the home page in a whole window. Test all links to be sure they work and display properly.

Step 6: Set the Appetizers page as the initial page in the main frame.

Step 7: Create the table for the Appetizer page shown below using these table settings:

		Appetizers

Type (or copy/paste) this information in the tables as shown in the screen shots, and right-align Column C and left-align the Columns A and B.

Appetizers
Menu Item, Description, Price
Buffalo Wings, Hot and spicy chicken wings, $3.25
Cheddar Peppers, Stuffed jalapenos with cheddar cheese, $2.95
Chips and Salsa, Lots of freshly-baked chips and hot sauce, $1.50

Apply a Table AutoFormat using the Classic 4 style in the Table AutoFormat window. Set the width of the table to 70 percent.

Step 8: With the insertion point inside the Appetizers table, click Table, Select, Table, and copy the table. Open the Entrees page and paste the table. Do the same with the Sandwiches and Desserts pages. Edit the table content as indicated below. Your tables should look like those in the screen shots below when you are finished.

Type (or copy/paste) this information in the tables as shown in the screen shots, and right-align Column C and left-align the Columns A and B.

Sandwiches
Menu Item, Description, Price
Club Sandwich, A triple-decker sandwich with ham, turkey, and bacon and served with potato salad, $5.95
Cheeseburger, Cooked to your specifications, and served with home-style fries, $5.50
Vegetarian Sandwich, A delicious vegetarian choice served on wheat bread with steamed vegetables, $4.25

Entrees
Menu Item, Description, Price
Pasta primavera, A light pasta dish with fresh vegetables, $5.95

Spaghetti and Meatballs, An old favorite, served with lots of sauce and garlic bread, $5.75
Chicken Salad, A delicious meal—broiled chicken with salad greens, ham, egg, and your choice of dressing, $4.95

Desserts
Menu Item, Description, Price
Chocolate Cake, Double-decker cake with chocolate cream cheese icing, $3.95
Key Lime Pie, Made with fresh limes, $2.95
Vanilla Pudding, Made with skim milk for a low-fat alternative, $1.95

Step 9: Create a new frame in the Menu page by splitting the contents frame. Hold Ctrl and drag the bottom border of the contents frame up about 2 inches to create the new frame. Next, create a new Web page in the new frame with the filename frame_contact.htm and the title Contact Us. In the new frame, type Didn't find your favorites? Specials change each week! Increase the size of the new frame to best fit the text. See the screen shots.

Step 10: Test the frameset page in a browser. Increase the height and width of the contents and contact frames as needed so they do not contain any scroll bars.

Step 11: Paste a screen shot of your folder list and navigation view as shown here into homework.htm. Your Web should be organized and files and titles named exactly as shown here.

.

Step 12: Paste a screen shot of your navigation view and frameset page as shown here into homework.htm.

Step 13: inside the Address box and press Ctrl-C to copy the URL to grill. Open your e-mail client and paste the URL into the body of the message. You should see a hyperlink to your Web site appear. The e-mail subject line should be Your Name, last 4 digits of your student ID, T5WS.

• Your URL should be http://ca112.lacitycollege.edu/ca112axx/grill/ with "xx" changed to your directory number.

Step 14: Next, open homework.htm in Internet Explorer by clicking the Preview button. Click inside the Address box and press Ctrl-C to copy the URL to homework.htm. Paste the URL into the body of the message on a new line below the grill URL. You should see a hyperlink to homework.htm page appear.

• Your URL should be http://ca112.lacitycollege.edu/ca112axx/grill/homework.htm  with "xx" changed to your directory number.

Final Web Site You will continue to work on your Final Web site (the main pages of the frameset in particular) so that by the end of class next week, you will be prepared for me to look at the required features for Tutorials 1-6. See the Final Exam page for details. This is an ideal time to get personal attention, answers to individual questions, and help with technical issues. In addition to next week the last class meeting will be completely devoted to working on your Final Web site.

Final Web Site and PAS: Next week, we will continue your Final Web site and PAS. Here is a checklist to help you get started:

• On the PAS the Objective and Reference section should be complete. The Navigation and Requirements sections should be completed for this assignment.

• The list of Web pages must include a form of your choice.

• The list of Web pages must include a Final page as the last page in your child level 1 hierarchy.

• Identify the frameset page in blue and identify the main frame pages and their content.

• Use link bars generated by FrontPage.

• Navigation in the link bar in the shared border should point to child pages under home and home.

• Capitalize all link bar button and banner names.

• Include a bottom shared border on all pages with a counter, revision date, and top picture for navigation to the top of each page.

• Include a top shared border on home and child level 1 pages with navigation and a link to child pages under home and the home page.

• Place all content (include content inside your shared borders) inside a 640-pixel, centered, borderless table. (Click here for steps if you can't see the bottom of the Insert Table dialog box.) Left-align paragraphs.

• Your home page should be nearly finished.

• Check mechanics.

• Apply a theme and tell me the name of your theme.

• Center the table on the Final page and add working hyperlinks to any finished items.

Click here to see a handout that summarizes steps to create frameset pages with link bars based on navigation structure and shared borders. This handout will be helpful when you create your frameset pages with me next week for your Final Web site.

Extra Credit 

None this week.