Announcements

Lesson Plan 

  

   

When you click Start, the timer in the upper-right corner begins. You will have a total of 2 minutes to take the Sample Test. Watch the timer at a the top of the screen to budget your time.

Use the navigation buttons to skip a question you are unsure of to budget your limited time.

If you have time left, use the Go To button to return to hard questions and select an answer. Unanswered questions are shown in bold.

Use the Check button at the bottom of the screen if you want to check your answer. Your will see one of the responses shown below. You cannot change an incorrect answer after you check it, so be careful if you decide to use the Check button. Also remember that checking answers uses up valuable time.

Objective Test, Tutorial 1, 2, You will take a 60-minute, 86-question objective open book test on Tutorials 1, 2, and 3 under my direction. I will announce the test password at that time. After you take the test, CALL ME OVER TO RECORD YOUR SCORE OR IT COULD BE LOST!! You can review your test on your own and then leave. Click here for standards of student conduct. Click the ExamView Player icon on the desktop to launch the test software. Step 1: In the Login window in the Name box, type your first and last name without any errors, and click Next. Type all 9 numbers from your student ID accurately without spaces of hyphens. If you have any errors, you will not be able to log-on and take the test. Step 2: Make sure that next to the folder button at the bottom, you see \\10.24.1.1\fp2002\Examview\tests so that your test will be saved on our server. If you don't, call me over for help to browse to fp2002 on 'acadntsrv3' (G:)\Examview\tests. Highlight Tutorial 1 2 3, and click Next. Step 3: Enter your password, which I will announce, and click Next. Read the directions and click Start to begin the test.

The ExamView Player software will exit you from the test automatically when your time is up (in this case, 2 minutes). Watch the timer at a the top of your screen to budget your time.   Test, Tutorials 1-2: Study for a 60-minute, 50-question objective test on Tutorials 1, and 2 to be taken next week. The best way to prepare is to study the Quick Checks in the book and the practice tests: http://caot.lacitycollege.edu/112/TestsPractice/tutorial_1_practice.htm http://caot.lacitycollege.edu/112/TestsPractice/tutorial_2_practice.htm http://caot.lacitycollege.edu/112/TestsPractice/tutorial_3_practice.htm

Discuss T2WS, the Garden Gill Web site.

Tutorial 3: Using Lists, Anchors, and Web Site Views, pp. 139-183

Session 3.1, pp. 140-161

• Creating Lists, p. 140

p. 147. Create a bulleted list with a custom bullet:
First, create a custom picture by inserting and sizing the desired picture:

To create a custom picture:

1. From the menu, click Insert, Picture and choose either ClipArt or From File. If you choose Clip Art, choose the Buttons & Icons category, right-click the desired picture and click Insert.
2. Select and insert the desired picture. The picture should be one that can be resized until it is very small and still be recognizable and appropriate.
3. With the picture selected, drag on the sizing handles to size it as desired.
4. Click the Resample button on the Pictures toolbar to resample the picture.
5. Save the picture in your Images folder and delete the picture on the page.

To create a custom bullet:

1. From the menu, click Format, Bullets and Numbering, Picture Bullets tab.
2. Click Specify Picture and click Browse to find the picture you created in the previous steps. Click OK, OK.
3. Insert, Picture and choose either ClipArt or From File.

p. 146, Step 4: You must take special steps here in order to maintain correct spacing on the list. After you complete Step 4, do this before going on to Step 5: in the Picture Bullets tab, click Style; in the Modify Style window, click Format, Paragraph; in the Paragraph window, Spacing Before box—type 0, Spacing After box—type 0, OK, OK, OK.

p. 151, Step 7. To fix extra spacing in a list (with or without nests) courtesy of Seol-Ah Park, F06 class: First, type an unformatted list. Then select the unformatted list, Format, Bullets and Numbering, Specify picture, Browse, click the desired picture, Open; in the Picture Bullets tab, click Style; in the Modify Style window, click Format, Paragraph; in the Paragraph window, Spacing Before box—type 0, Spacing After box—type 0, OK, OK, OK. In design view select the items to be nested, click Increase Indent twice, then click the Numbering button--voila!!

• Creating Anchors and Hyperlinks to Anchors, p. 153

p. 157. To create a hyperlink to a bookmark on a page other than the current page: Create your bookmark first on the target page; create your hyperlink second on the source page, such as this Final page; select the text for the hyperlink on the source page; click the Hyperlink button or Ctrl-K; in the Insert Hyperlink dialog box, under the Link to pane, click Existing File or Web Page; from the list of files, click the desired target page where the bookmark was created; click the Bookmark button, click the desired bookmark, and click OK.

p. 160, step 4. Use a theme's picture as a top-of-page hyperlink. Try searching your theme for great "hidden" pictures as follows: Tools, Site Settings, Advanced tab, check Show hidden files and folders; Insert Picture From File button; In the Look In box, browse to _themes/ThemeName; click the View button and select Preview; double-click the desired picture to insert it.  Create the hyperlink that points to the top-of-page non-text bookmark.

Session 3.2, pp. 162-183

• Using Web Site Views, p. 162
• Page View, p. 163
• Folders View, p. 166
• Report View, p. 168
• Hyperlinks View, p. 171
• Tasks View, p. 179

Review Assignments, p. 184-186. We'll skip these this time.

garden Web site solution: At the end of each tutorial, I will publish to the garden Web so that you will always have the correct solution for the next tutorial.  You will find it at http://ca112.lacitycollege.edu/ca112axx/garden in which xx will be replaced by your assigned publishing number. You will then be ready to open garden as it should be after the Review Assignment on p. 186 and continue working on it in Tutorial 4. As always, the best way to learn to use FrontPage is to practice; therefore, publish the garden Web site you have been working on in class to http://ca112.lacitycollege.edu/ca112axx/gardenPractice, open gardenPractice, and continue working on it as desired.

Homework 

T3WS, 30 points: Case Problem 2. On p. 187, read the introductory paragraphs only and then follow the steps listed below rather than those in your book.

When you received your grade for T2WS, you should have saved that e-mail message. Open it now and use it as a checklist to be sure that you have made all corrections on the list. I will DEDUCT POINTS AGAIN for any errors you leave uncorrected from the previous tutorial. I will DEDUCT MORE POINTS if you do not paste in my e-mail message showing your previous your grade! When I am forced to look up your grade for you, my valuable time is wasted because you haven't done your job—please cooperate on this. You'll be glad you did.

When you are finished, your pages should have the information arranged and formatted exactly like these screen shots. I check for typos, formatting errors, and attention to detail; so examine your home page carefully.

Step 2: Open jobs.htm in Design view and review its contents.

Step 3: Format the second and third paragraphs in jobs.htm (with the text "Managers" and "Staff Associates") as a bulleted list. change the bullet character to the bullet.gif picture. Save the page and save the picture in the Images folder.

Step 4: Change the five paragraphs below the paragraph that begins "Garden Grill's managers are outstanding . . ." to a bulleted list with the bullet.gif picture. If bullet.gif is not in your images folder, go to the Tutorial.03, Grill, Images folder and import it.

Step 5: Change the six paragraphs below the paragraph that begins "Garden Grill is one of the most . . ." to a bulleted list with the bullet.gif picture.

Step 6: Create a bookmark for each heading in the page (the bold "Managers" and "Staff Associates" text) using a lowercase name of your choice that does not contain spaces or exceed eight characters. Then create a hyperlink from each item in the first bulleted list to its corresponding bookmark.

Step 7: Create a bookmark named top to the left of the picture link bar at the top of the page.

Step 8: Format the two paragraphs beginning with the bold "Managers" heading and ending with the paragraph that ends "the following qualifications:" as a definition list. The paragraph with the bold "Managers" heading is a defined term and the paragraph below it is the definition.

Step 9: Indent the bulleted list below the definition paragraph you created in Step 8 one additional tab stop. (Hint: Select the bulleted list and then use the Increase Indent toolbar button.)

Troubleshooting spacing on a list. I had trouble getting the numbered list in this step to single space. It looks single spaced in Page View in FrontPage, but when you preview it in the browser, it appears double spaced. To fix extra spacing in a list (with or without nests) courtesy of Seol-Ah Park, F06 class: First, type an unformatted list. Then select the unformatted list, Format, Bullets and Numbering, Specify picture, Browse, click the desired picture, Open; in the Picture Bullets tab, click Style; in the Modify Style window, click Format, Paragraph; in the Paragraph window, Spacing Before—type 0, Spacing After—type 0, OK, OK, OK. In design view select the items to be nested, click Increase Indent twice, then click the Numbering button--voila!!

Step 10: Format the two paragraphs beginning with the bold "Staff Associates" heading and ending with the paragraph that ends "at a Garden Grill location near you:" as a definition list. The paragraph with the bold "Staff Associates" heading is a defined term and the paragraphs below it is the definition. Indent the bulleted list below the definition paragraph by one additional tab stop.

Step 11: Create a new paragraph below the last bulleted list, and then decrease the paragraph's indentation to zero. (Hint: Click at the end of the "Bartenders" item in the list, press Enter twice to end the bulleted list and create a new paragraph, and then use the Decrease Indent toolbar button to change the new paragraph so it is not indented.)

Step 12: In the new paragraph you created in step 11, create a "Top of Page" hyperlink using the top bookmark as its target.

Step 13: Create a "Top of Page" hyperlink to the top bookmark below the bulleted list that appears below the "Managers" heading. Save jobs.htm.

Step 14: Add a task associated with the Job Opportunities page with the Task name New jobs with the description When the new staff associate positions have been created, add them to this page. Assign the task to yourself, and assign it a high priority. When you are done, paste a print screen of the Tasks view into homework.htm where you have been saving screen shots of your practice tests.

Step 15: Preview the home page in the browser and test the hyperlinks between pages and the hyperlinks to bookmarks. (Note: You will add content to menu.htm, fran.htm, feedback.htm, and search.htm in another tutorial.)

Step 16: In a new paragraph at the bottom of jobs.htm, use the Insert Comment feature to add a comment that you can see in Design view with the following content: "This page last updated by [Your Name]." (Type your own name.) Save jobs.htm. Paste a print screen of the jobs.htm page in Design view with the comment visible into homework.htm where you have been saving screen shots of your practice tests.

Step 17: Save your Web and press F5 to refresh the Folder List view before beginning this step to insure that your folders and files are accurately displayed. In Folder List view, expand the Images folder so that I can see the filenames of all files stored here. Drag the right edge of the Folder List bar so that the entire Web site URL is displayed. Paste a print screen of this page into homework.htm where you have been saving screen shots of your practice tests. Your Web should be organized as shown here. Your Images file names may be different.

Step 18. When you are finished with all steps for grill, open grill in Internet Explorer. Click 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, T3WS.

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

Step 19. 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.

When you receive your grade for T3WS, correct all errors as noted in my e-mail to you before you continue this case in Tutorial 4.  Any errors that are not corrected will result in another deduction in T4WS. Reply to my e-mail with the list of corrections as soon as you have fixed all problems. I will make note of it and you are then ready to continue to the next tutorial. I will use the list of corrections as a checklist to be sure you made all changes.

T3PT, up to 10 points: 

When you are satisfied with the score, paste a print screen into homework.htm that shows your name and the score. Paste the print screen at the top of the page so your most recent test is always shown first. When you are finished, 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. Open your e-mail client and paste the URL into the body of the message. You should see a hyperlink to homework.htm appear. The e-mail subject line should be Your Name, last 4 digits of your student ID, T3PT.

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

• Read through Tutorial 4 and complete the Quick Checks.

• We will create and start work on your Final Web site, Items 1 and 2, next week, so you should have your topic in mind. I realize many of you will change your mind on your topic, and that's fine. But you need to have a topic in mind as a starting point regardless for next week.