Week 1, September 4 & 6

   Announcements

  • I need a correct e-mail address from these students: (Just send me an e-mail and I'll automatically have your correct address.)

  • I need a Questionnaire from these students: __

  • The following students need to add:

  1. Welcome to Web Page Design, CAOT 112. We'll have a very full schedule today and every week. 
  2. Remember to be here promptly at 12:45 p.m. every Tuesday and Thursday. We usually break once during the afternoon and work until about 3:15.
  3. Always print your weekly assignment sheet the night before the first class of the week (no earlier) before coming to class. A supplies fee will be collected for printing done in class.
  4. My office hours are scheduled . It is best to make an appointment to insure that we don't miss each other.
  5. You will need a USB drive to store files.

Lesson Plan 

Orientation to Web Page Design

60% of you are likely to earn an A or B.
The majority of those who earned anything lower than a B had poor attendance
 didn't submit assignments regularly, if at all, and didn't prepare for objective tests.

A B C D F
37% 23% 12% 4% 24%
60%      

Daily Routine

  • Open Internet Explorer to our class Web site at http://caot.lacitycollege.edu/112/. You will see this icon on the Windows desktop or you can open Favorites from the browser menu and find us there.
  • Click the Assignments button and open the current week's assignment.
  • Open FrontPage by clicking the FrontPage icon on the QuickLaunch toolbar.
  • Open your textbook to the appropriate tutorial.
  • Bring a printout of your weekly assignment sheet and have it on your desk.

    Note:     Print assignment sheets the Sunday or Monday morning before class (never earlier) as I frequently change them as late as the day before class. There is a materials fee of 5 cents a copy for printing done in class. To print only the Homework section, drag down to select only the desired text and in the Print menu, click Selection.
      
  • Close any open programs before leaving.

Tutorial 1, Creating a Web Site, pp. 3-45 of 56

Case: Sunshine Landscape & Garden Center; owner, Brett Kizer; you are a landscape designer and will manage the Sunshine Web site development and teach Brett about FrontPage. You will work on the Garden Web site for Sunshine Landscape & Garden Center continuously throughout the semester. This Web site is never graded. Experiment freely. When we move on to a new tutorial, I will publish the correct solution to your URL so you're ready to begin each time with a correct Web site.

Session 1.1, pp. 4-29

  • Web Servers, p. 4
  • What is Front Page?, p. 5
  • Developing a Web Site, p. 6
These sites were developed with a team as described on p. 6 with different target audiences in mind to sell the textbook used in CAOT 1, Computer Keyboarding. What target audiences would be interested in this textbook?
   McGraw-Hill/Irwin Super Site
   Gregg College Keyboarding & Document Processing Information Center
  • Starting FrontPage, p. 11

p. 11: Explain hands-on (yellow background) vs. hands-off steps,

Formula for Success During Demonstrations

Understanding?

Hands on—WORK and Listen

Getting Lost?

 Hands-off—STOP, Breathe, Exhale, Listen, and Watch

Watch Me or Someone Else, Work Together Later, but Keep Listening and Stay on Track

      

You have an excellent book. You can work on your own during lab time to catch up. At the end of each tutorial, I always have solution files available for you, so relax—66% of you will earn an A or a B.

NOTE: The "checkmark" icon below indicates a special step that we took together while working through the tutorial or a step that requires additional explanation.

p. 11, Step 1: To access your data files from the hard drive in the CAOT labs, browse to Z:\datafiles\CAOT112 and continue browsing as needed.

Course Technology Data File Download. If you want to work on the Tutorials, Review Assignments, and Case Problems at home or explore great resources provided by your publisher, click here for steps to download the same data files that we use in class at MyCourse.com.

NOTE: This "pointing figure" icon indicates a valuable tip related to FrontPage that is not covered in your textbook. These special tips are found throughout this course Web site as a convenience to you. You might want to print them and cut and paste them into your book on the page indicated. If you click the FrontPage Tips link on the link bar on the home page, you can print them out all at once.

p. 12. To view the Getting Started Task Pane when it is not visible, click View, Task Pane. If you want it to be visible always, click Tools, Options, General tab; under Startup, check Startup Task Pane, and click OK.

p. 12. To show all menu commands in FrontPage so they are always visible: To show all menu commands in FrontPage so they are always visible: Tools, Customize, Options tab, check Always show full menus, Close.

Student Questionnaire

Go to the Questionnaire page and submit it. I will use the form results to add you to my e-mail address book. You will learn to create a form like this later in the semester. When you are finished, clear your information as explained below.

To clear a form for privacy after filling in the Questionnaire, do this in Internet Explorer: Tools, Internet Options, Content tab, AutoComplete, Clear Forms, OK, OK.
 

  • Creating a Web Site, p. 14

p. 16, Step 4: We will create the Garden Web site using a floppy disk in the A drive as a temporary storage area. Later, we will be publishing this Web and all your Webs to our LACC server. In the Browse box, type A:\garden.

To rename a Web If you accidentally published your Web with the wrong name, do this: Open the Web and click Tools, Web Settings; in the Web name box, change the name and click OK.

p. 17, Step 5: FrontPage names the home page index.htm (not default.htm) on our server.

  • Specifying a Browser Version, p.19

p. 19, Step 5. To change compatibility so all FP features are supported: Tools, Page Options, Authoring tab. Under Browsers, select Microsoft Internet Explorer only, OK. If you choose something other than this, FrontPage will disable unsupported features.

p. 19, Step 5. To change your default Web browser to MS Internet Explorer so that features like marquees and background sound will be supported: Close FrontPage, and open Internet Explorer. Click Tools, Internet Options, Programs tab, check Internet Explorer should check to see whether it is the default browser, OK; close Internet Explorer and open FrontPage; click File, Preview in Browser, select Microsoft Internet Explorer, Preview.

  • Specifying a Page Size, p. 20

p. 21, Step 1: After you create the one-page Web, remember to double-click index.htm to open the home page for editing.
 

  • Entering Text in a Web Page, p. 22

  • Inserting a File into a Web Page, p. 23

p. 23. Change the headings on p. 23 to read "Inserting the Contents of a File in a Web Page." Adding these words should remind you that these steps don't insert the file itself into the Web site. It is more like a copy/paste of the contents of the file into the page. Note the Reference Window, which gives you a list of "generic" steps to complete a task in FrontPage.

p. 23, Step 2. To display file extensions in Windows Explorer: It can be important to be able to view file extensions when you browse to files outside of FrontPage. This requires changing your Windows Explorer settings. Right-click the Windows Start button and click Explore to open Windows Explorer; open any directory with files in it; click Tools, Folder Options; click the View tab; in the Advanced Settings box, uncheck Hide file extensions for known file types; click OK.

p. 23, Step 2: To see my favorite settings for Windows, Windows Explorer, Internet Explorer, and Word: Click here and enjoy. I use these settings and find that my work is easier and more efficient in all Office programs when I use them.

p. 23, Step 4. When the contents of List.doc are inserted and converted to HTML code, the Word formatting is NOT brought in. Inserting file contents in this way is similar to  Edit, Paste Special, Normal paragraphs.

p. 27. Using the smart tag choice "Keep Text Only"  is the same as Edit, Paste Special, Normal paragraphs. You can try copying and pasting this line without any formatting into the home page rather than typing it and then delete it.

| Home | About Us | Products | Employment | Investor Relations | Feedback | Search |

  • Saving a Web Page, p. 27

  • Closing a Web Page, a Web Site, and FrontPage, p. 28

  • Session 1.2, pp. 29-45 (cont'd)

  • Opening a Web Site, p. 29

Quick Checks, p. 29. These are optional. Use them as study guides. You will find answers to them at the end of each tutorial. See pp. 66-67 for an example.

p. 30. To see a list of FrontPage icons that show up in your Folder List view, go to http://www.prowebsites.net/frontpagehelp/FP2KIcons.asp#2.


 p. 30. To add a Network Place shortcut to open your Web more easily, open your Web in the browser, click in the Address box, and copy the URL. Double-click the My Network Places icon on your Desktop. Under Network Tasks, click Add a network place. Follow the steps in the Add Network Place Wizard to add a shortcut. When you get to the Internet or network address box, paste in the URL you copied. Accept the default name for the new shortcut. When you're finished with the wizard, click File, Open Site; from the Favorite Places pane on the left side, click the Network Places icon, click your new shortcut, and click Open. Fill in your user name and password, and your Web site will open.

p. 30. To open a Web site in FrontPage from Internet Explorer. Click Tools, Internet Options, Programs tab, click the list arrow for the HTML editor box, choose Microsoft FrontPage, OK. Open a browser window in Internet Explorer; in the Address box, type in the URL of the Web site you want to open, click the Edit With Microsoft FrontPage button (it's next to the printer icon), fill in your user name and password, and your Web site will open.

  • Formatting a Web Page, p. 31

p. 37, Step 3: Pressing Shift-Enter to create a single-space in a Web site can cause problems in certain situations. If you want different paragraph formatting such as centering the first line and left-aligning the second line, you cannot use Shift-Enter. You would instead create a 2-row table and insert one line in the first row and the second line in the second row so that you can apply different paragraph formatting to each row. Another instance where using Shift-Enter is a bad idea is when you have two consecutive hyperlinks—one on the first line and a different one on the second line. The hyperlinks can often malfunction because FrontPage cannot distinguish where the first hyperlink ends and the second one begins. In this situation, it is better to create a 2-row table structure with one hyperlink in each row.

p. 38. To insert a special character, Em Dash: Type Alt+0151 on the numeric keypad. This (--) is a regular dash typed with hyphens. This (—) is an em dash. 

Also see http://www.cs.tut.fi/~jkorpela/www/windows-chars.html#list  regarding use of Windows characters in HTML. Go to http://www.primeshop.com/html/jump3b.htm#symbols to see the html strings for the 214 available ASCII symbols you may want to include in a Web page. 

Go to the Windows Character Map (Start, Programs, Accessories, System Tools, Character Map), select a font like Symbols, and click on a symbol. In the lower right-hand corner, you will see the keystroke combination to use with the numeric keypad to create the symbol.

p. 40. To use the eyedropper to create a custom color: Click the eyedropper; point to a color in any visible graphic for an exact match. Select a range of colors by dragging across something.

  • Previewing a Web Page, p. 41

p. 42: To change the start page in Internet Explorer: Open the desired page, Tools, Internet Options, Home Page, Use current.

 

  • Printing a Web Page, p. 44

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.
Note:  The assignments below do not include the e-mail icon, which means that this week, you don't have any homework to submit to me. Just do the assignments listed below on your own.
  • Read through Tutorial 1 and 2.
  • Complete the Quick Checks in Tutorial 1, and check your own answers at the end of Tutorial 1 on pp. 66-67. Quick Checks are not turned in or graded by me.
  • Print your Assignment Sheet for Week 1 and 2, place them in a binder, and bring them with you to class.
  • You will need to know your LACC user name and password to publish your Web next week. Click here and read the directions to figure it out before coming to class.

Extra Credit 

Extra credit assignments are due no later than Sunday evening. None this week.

 Last revised Tuesday, September 04, 2007 12:36 PM.
 

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.