Week 14, December 5 & 7

   Announcements

  • We will complete Grill and you will not be responsible for any work in Tutorial 7, 8, or 9.
 Tutorial 6: Publishing a Web Site, pp. 335-402

If you haven't already done so, click Form Fields.doc and print it.

Session 6.1, pp. 336-356

  • Creating a Page That Searches a Web Site, p. 336

p. 342. To use Google to search your Web site or the WWW, go to http://www.google.com.au/searchcode.html#both. This one searches either the web, or your own site just like our own Google Search page.

  • Creating a Page That Contains a Form, p. 342

This is a great Web site to get tips and tutorials on form creation. Go to http://frontpageforms.com/.

Session 6.2, pp. 357-372
  • Validating a Form Field, p. 357
  • Adding a Check Box to a Form, p. 359
  • Working With Push Buttons, p. 361
  • Using a Form Handler, p. 363
p. 365, Step 3, added steps. Save Results form handler. Right-click the form, Form Properties, Options, File Results tab. Save the form results in a second *.htm file named Feedback.htm in the _private directory. An *.htm file is easier to read than a *.csv file, but the *.csv file is the format you need to manage the information in a spreadsheet or database; therefore, you should use both. Include field names in the *.csv file so that Row 1 in Excel will have the field names as column headings. Uncheck Latest results at end so that the most recent entry appears first in the *.htm file and check Include field names to identify the fields.

p. 365, Step 5, added steps. Save Results form handler. Save these form results to your LACC e-mail account by filling in your LACC student e-mail address in the E-mail address box. You must send your form results to your LACC e-mail address to avoid permissions issues with our server.  See steps below.

Note: Your LACC e-mail address begins with your userID (also known as your alias) followed by @email2.lacitycollege.edu. The userID is composed of:
  1. First 2 letters of your first name;
  2. First 2 letters of your last name;
  3. Last 5 digits of your student identification number.

Accordingly, a student named John Smith with a student identification number of 123-45-6789 would have a userID of josm56789. His e-mail address would be josm56789@email2.lacitycollege.edu You might want to copy and paste @email2.lacitycollege.edu into the Email Address field and then add your user ID in front. Your 4-digit password is composed of two numbers representing the month and two numbers representing the day of your birthday. For example, if John Smith was born on January 2, his initial password would be 0102.
To check your LACC Student e-mail, click here to go to the LACC Web site. Click Student Services in the left panel. On the Services page, click Student E-Mail Service--Log-In.
  In the User name box, type lacc_uia\ followed directly by your user name just like you do to open your Web sites (for example, lacc_uia\josm56789). Fill in the password (your birthday) in the Password box, and you should gain access. 
p. 365, Step 5, added steps. Save Results form handler. Right-click the form, Form Properties, Options, E-mail Results tab. Under E-mail format, check Include field names so the results are easy to understand. Leave the Subject line box empty so that the subject line defaults to Data posted to form 1 of . . . In the Reply-to-line box, include the E-mail Text box name of UserEmail so that when you click Reply to write to the visitor, that visitor's e-mail address as submitted on the form appears automatically in the To box.

p. 365, Step 7, added steps. Save Results form handler. Right-click the form, Form Properties, Options, Saved Fields tab. Under the Saved Fields tab in the Form fields to save list, delete the Submit form field. Add Date format and Time format fields so that these fields are returned with the form results so you will know which record is the most recent. If you edit the form later, you must return here and click Save All to add the new fields to the confirmation page.

 Tutorial 6: Publishing a Web Site, pp. 335-402

Session 6.2, pp. 357-372

 
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.

Since I am publishing my Web to your directory, some of the hyperlinks I created for the hover buttons are pointing outside the local Web site and will therefore have to be edited. Open Garden and  edit these pages as follows:

  • In Garden, open the home page and edit the hyperlink on the thumbnail so that it points to YOUR MapPage.htm. Open your MapPage.htm and edit the hyperlink on the Return to Home Page button so that it points to YOUR home page, not mine.

  • Edit the Form Properties on requests.htm so that the results of the form will be e-mailed to your LACC e-mail account, not mine.

You will then be ready to open garden as it should be after the Review Assignment on p. 402 and continue working on it in Tutorial 7 if desired. 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.

p. 366. To add a file upload control to a form so visitors can upload files to be stored on your Web site: Insert, Form, File Upload. Edit the form as desired. Create a new folder to store uploaded files (perhaps /Upload). Right-click the form, Form Properties, Options, File Upload tab; under Destination, browse to folder you created to store uploaded files, OK. Double-click the file upload text box; in the Name box, type a name to identify this form field (perhaps FileUpload) on the confirmation page. If you want text to appear in the text box when a visitor first opens the form, type the text in the Initial value box. In the Width in characters box, type the desired width and publish to the server. Live on the server, right-click the new folder you created to store uploaded files, Properties; clear Allow scripts to be run so that the following two options will be available: check Allow anonymous upload to this directory and check Allow uploaded files to overwrite existing file names if you want existing files to be overwritten; OK. To download the files, go to the URL followed by the name of the upload directory. The uploaded files will be listed there for opening or downloading. The upload control form looks like this:

p. 366. To add included content from a page with a form: Steve Sakai, a former student, has used a web component feature in his form in an ingenious way on his Guest Book page of his Final Web site. You first create a form and set it to save it to a separate file as described above. Below your form use the included content page feature where the content of one page is appended into another: Insert, Web Component, Included Content, Page, Finish, and browse to the form results page. When a visitor clicks Submit, returns to the  page, and then refreshes the browser, the visitors' current comments will be displayed.
  • Testing a Form on a Client, p. 366
  • Opening an Office Document from a Web Site, p. 367

p. 367, Step 10. When you click Submit, the form should go through fine because we are on a server and you have typed in your LACC e-mail address.

p. 369. To add a Word and Excel viewer so visitors can open files from your Web site even if they don't have Office installed:

  • If you don’t have Excel installed, click here to install the Excel Viewer. With Excel Viewer 2003, you can open, view, and print Excel workbooks, even if you don't have Excel installed.
  • If you don’t have Word installed, click here install the Word Viewer. Word Viewer 2003 lets you open Word 2003 documents even if you don’t have Word installed.
  • Viewing the HTML Tags That Create a Form, p. 370
Tutorial 6: Publishing a Web Site (cont'd), pp. 372-402 (372-383 skipped)

Session 6.3, pp. 372-400

  • Using a Web Server, p. 372-375 (skip)

We will skip pp. 372-375. It doesn't apply in our classroom.

p. 372. To determine Windows version to see if your computer at home can function as a Web server: Right-click My Computer, Properties, and the version of Windows you are using will be displayed. Windows XP Professional must be in use for IIS to be installed.

  • Publishing a Web Site, p. 376 (skip)
We will skip Publishing a Web Site, pp. 376-383, was covered at the end of Tutorial 1 in the second week of class.

p. 377, Step 4. To publish a Web site to a disk-based Web: From the Remote Web Site tab, click File System. Click Browse and browse to a folder you created previously with the desired Web site name, and click OK. if your Web won't publish, go to the target destination outside of FrontPage and create a regular folder with the same name as the Web site first then try publishing again.
   
p. 379, Step 8. Remote Web Site Properties: the next time you publish this Web, FrontPage will default to these settings including the destination; review these settings when publishing to be sure they're the ones you want.

  • Processing Web Pages on a Server, p. 384 (start here)
  • Using a Hit Counter, p. 389

p. 389. To edit a form and the form results file after data has been submitted by visitors: Sometimes after you have created a form, you will want to delete, add, or change form fields. You must take special steps to do this.

  • Edit the form on the disk-based Web as desired and save it.
  • Right-click the form and choose Form Properties, Options, Saved Fields tab; click Save All to update all fields and delete any unwanted fields such as Submit.
  • In the _private folder, right-click the *.csv file and click Don't Publish so that when you publish to the server, you will not overwrite the *.csv file on the server that already has data entered.
  • Open the Web live on the server, open *.csv file in the _private folder, and insert or delete any columns as needed to match the edits you made in the form; use the exact names for the column headings that you used to name the form fields.
  • Close the edited *.csv file; click Yes to save changes to the *.csv file; click OK if you are prompted that the file could not be accessed; click Yes when you are prompted to save changes; click Save in the Save As window; click Yes when prompted to replace the existing *.csv file; click Overwrite and OK when prompted to overwrite the changed *.csv file; click Yes when prompted that the *.csv file may contain incompatible features.
     
p. 391. To create a custom hit counter: If you don't like the appearance of the default hit counter graphics as shown on p. 6.50, you can customize the hit counter. Create a custom picture in gif format, which must include the numbers zero (0) to nine (9), evenly spaced and should resemble the images shown in the Hit Counter Properties window. Make sure the width of the image is divisible by 10. You can also draw a picture, scan it, and save it as a gif image. You can create WordArt in Word (Impact, 14-pt. bold is a good choice for a font) and paste WordArt into FrontPage as an Image Tag (click the Paste Options smart tag arrow and click Paste as an Image Tag) so you can save the WordArt as a gif file. Save this gif file in your Images directory and remember what you name it—you might want to name it custom.gif. (Note: if a red X displays in the browser after you're done, try going into the Custom Picture box and changing the path in the Hit Counter Properties window to _borders/images/custom.gif. Also, be sure you are previewing page in browser rather than local drive.) Click the Web Component button; under under Component type, click Hit Counter, Finish; in the Hit Counter Properties window, click Custom Picture and type the exact path including the folder to the gif file you saved—for example, /images/custom.gif; click OK. Next, you should create another gif file with a matching font to serve an the introductory text.

Here is an example of a custom hit counter gif image created by a former student who needed a hit counter for an elementary school Web site. It was hand-drawn and then scanned:

Here is an example of the gif image scanned in to serve as the introductory text:

Here is what the hit counter looks like in FrontPage in Page View:

Here is what the hit counter looks like published:

Here is an example of the same gif images created in Word using WordArt with the font Impact 14 Bold pasted as an Image Tag in FrontPage:

  IntroText.gif        Hit Counter      custom.gif           Published
   
 
  • Recalculating and Verifying Hyperlinks, p. 391

p. 392, Steps 1 and 2. Click the Web site tab; click the Reports button at the bottom, then click the Verifies hyperlinks in the current web button in the upper-right hand corner.

  • Setting Permissions for a Web Site, p. 394
  • Going Live, p. 399

p. 399. Alpha Ware KISSfp Add-on for FrontPage that provides an enhanced way of publishing FrontPage-created Web sites to Web servers that do not support the Microsoft Office or FrontPage Server Extensions. KISSfp is ideally suited to publish your Web pages on multimedia CD-ROMs, and for using FrontPage with free hosts, which generally do not have Server Extensions loaded.

Review Assignments, p. 401. We will skip the review exercise this week.
Homework 
E-mail assignments with this e-mail icon to me no later than Sunday at noon unless otherwise announced. No assignments are accepted late. In all e-mail messages, the subject line should be Your Name, last 4 numbers of your student ID, project ID.
If you go back and change a name, a group name, or a value in any of your form fields, remember to go to Form Properties, Options, Saved Fields tab, and click the Save All button to update your fields so that changes will be reflected in your Confirmation page, etc.
Note: This assignment was started last week but is due the end of this week along with T6PT. Planning Analysis Sheet (PAS), 20 pts.
T6PT, up to 10 points:  The URL for Tutorial 6 Practice Test is http://caot.lacitycollege.edu/112/TestsPractice/tutorial_6_practice.htm. When you click this URL, the Tutorial 6 Practice test will open in your browser. Type your name in the Name box, answer each question, then click Check Your Work. You may retake the test as many times as you want until you earn the desired score.

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, T6PT.

  90-100%  = 10 pts.
    80-89%  = 5 pts.
Below 80%  = 0 pts.
We are finished completely with Grill and you will not be responsible for any work in Tutorial 7, 8, or 9.
You will work on your Final Web site for the remainder of the semester. See the Final Exam page for due dates and details. The best way to proceed today if you haven't already done this is to print out the Final page and use it like a checklist crossing off one step at a time as you move through it. I think you will be surprised to find that you have already completed the most difficult tasks on the list.
Homework 
E-mail assignments with this e-mail icon to me no later than Sunday at noon unless otherwise announced. No assignments are accepted late. In all e-mail messages, the subject line should be Your Name, last 4 numbers of your student ID, project ID.
Test, Tutorials 4-6: Study for a 60-minute, 91-question objective test on Tutorials 4, 5, and 6 to be taken next week. The best way to prepare is to study the Quick Checks in the book and the practice tests:
Continue working on the Final Web site. See the Final Exam page for due dates and details.

Extra Credit 

Here are ideas for extra credit on your Final Web site:

  • Customize your theme (p. 231), use a custom background picture, perhaps faded or watermark it (Tips, p. 75), or use a unique background color (Tips, p. 75) that harmonizes with your theme.

  • Add a sound to a page an explain its purpose in the Web site. (Help: Add a sound).

  • Create a custom bullet (Tips, p. 147).

  • Use a task list (p. 179).

  • Use a theme's picture as a top-of-page hyperlink (Tips, p. 160).

  • Create screen tips in a table (Tips, p. 301).

  • Add a FrontPage applet (Tips, p. 121).

  • Add a DHTML effect (Tips, p. 121).

  • Add e-commerce functionality (Tips, Microsoft FrontPage Resources).

  • Create a custom hit counter (Tips, p. 391).

  • Create dynamic ScreenTips with layers and behaviors (http://office.microsoft.com/en-us/assistance/HA011267121033.aspx ).

  • Add extra interactive buttons: (Liven up Web pages with interactive buttons http://office.microsoft.com/training/training.aspx?AssetID=RC010505401033).

  • Add a discussion group (Help: Add a discussion group to a FrontPage 2003 Web site)

  • Add a PowerPoint presentation to your Web site (major extra credit).

  • Add a multimedia presentation to your Web site (major extra credit).

After our last class meeting, I will add extra credit points to your Final Web site grade for each day you submit your Web site early.

Thursday,
May 24		 Friday,
May 25		 Saturday,
May 26		 Sunday,
May 27
+16 pts. +14 pts. +12 pts. +10 pts.

Last revised Tuesday, December 04, 2007 10:05 AM.
 

Hit Counter

  • This Web site and its entire contents are © 2007 [Amy Sirott] and may not be reproduced in any form without prior written permission. All rights reserved. Best viewed in Microsoft Internet Explorer, 1024 x 768 resolution. Revised October 12, 2008.