Marking Period 1

Click for Instructions
Click on the date to open the details.
Click date again to close the details.
Day
Date
   Discussion
09/06/04
 Monday - No School - Labor Day Holiday
1
   Tuesday - Class Overview and Rules
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Message from Principal - read, sign, & return
    4. Emergency Cards - fill out completely and return
    5. Computer Contract - read, sign, & return
    6. Social Security Numbers - fill out completely and return, required because the computers we're using were purchased with federal grant monies
    7. Student Handbook & School Rules - guidelines for a successful year
    8. Cell Phones/Beepers/Pagers - NJ State Statute ANN. 2C:33-19 prohibits students to bring or possess at any time on school property
    9. Smoking - smoking in on school grounds is a violation of Section 3 of P.L.1981, c.320 (C.26:3D-17) of New Jersey State Department of Health and Senior Services code
    10. Grading Policy - 2/3 attendance & participation, 1/3 tests, quizes, lab assignments
    11. Notebooks - handouts, returned assignments, notes
    12. Discipline Policy - rules & regulations
    13. Dress Code - no offensive clothing, no hats
    14. CD Players, etc. - not required for classroom activities
    15. Large Sums of Money - not required for classroom activities
    16. Driving Policy - students may not drive without prior approval from the Principal
    17. Safety - guidelines
    18. Fire Drills - exit route and outside meeting place
    19. School Lockdown Procedures - student response to emergencies
    20. Attendance - manditory (you can't learn if you're not here)
    21. Hall Passes - ask teacher for permission to leave classroom
    22. Bathroom Passes - ask teacher for permission to leave classroom
    23. Computer Science Pre-Test - later this week
    24. School/Community Service Project - voluntary
    25. Food & drink - not allowed in classroom
    26. Student Grievance Procedures - posted on board
    27. Skill Profiles - posted on board
    28. Student "CSS##" ID numbers
  2. Lab Assignment -
    1. Review classroom rules
    2. Forms to complete and return to teacher:
      1. Message from Principal - student signature
      2. Emergency Card - student fills out
      3. Computer Contract - student and parent/guardian signatures
      4. Social Security Number - student signature
    3. Research "History of the Computer" online, take notes, bookmark the best page, and be prepared to participate in classroom discussion tomorrow
    4. Contact information - send "mclarke@mail.ocvts.org" an e-mail from your e-mail address
    5. Contact AIM contact name - add "compSciClarke" to your contacts
    6. Watch TV - The Video Game Revolution on PBS 13 on Wednesday 09/08/04 at 9:00pm
    7. Guidelines to Add New Printer:
      1. Click "Start"
      2. Click "Printers and other hardware"
      3. Identify any existing printers (HP LJ5) and (Tektronix)
      4. If they both exist, simply close the printers window, otherwise, continue:
      5. Click "Add a Printer" to open the Printer Wizard
      6. Read the Welcome Message and Click "Next"
      7. Our printers are Network Printers, click that button, and click "Next"
      8. Search for printers
      9. Click "HP LJ5" and click "Next"
      10. Click "Finish" to add the printer
      Repeat for the "Tektronix" printer
2
 Wednesday - Class Rules and History of the Computer
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Review school rules (see 09/07/04)
    4. History of the Computer
  2. Lab Assignment -
    1. Review school rules
    2. Complete "Message from Principal", "Emergency Card", "Computer Contract", "Social Security Number" forms and return to teacher
    3. Research "History of Software" online, take notes, bookmark the best page, and be prepared to participate in classroom discussion tomorrow
    4. Organize notebook
      1. Classroom Notes - sorted by date
      2. HTML Handouts
      3. JavaScript Handouts
      4. ASP Handouts
      5. Flash Handouts
      6. Returned Assignments - sorted by date
3
 Thursday - Class Rules and History of Software
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Review school rules (see 09/07/04)
    4. History of Software
  2. Lab Assignment -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Review school rules
    4. Complete "Message from Principal", "Emergency Card", "Computer Contract", "Social Security Number" forms and return to teacher
    5. Research "History of the Internet" online, take notes, bookmark the best page, and be prepared to participate in classroom discussion 09/13/04
    6. Organize "H:" drive - make folders named:
      1. ASP (to save Advanced Server Pages programs)
      2. DreamweaverLabs (to save tutorial web pages)
      3. Flash (to save flash movies)
      4. Grades (for me to put your grade pages)
      5. HTML (to save web sites)
      6. JavaScript (to save programs)
      7. OtherAssignments (everything else)
4
 Friday - Class Rules and History of the Internet
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Review school rules (see 09/07/04)
    4. History of the Internet
  2. Lab Assignment -
    1. Review school rules
    2. Return "Message from Principal", "Emergency Card", "Computer Contract", "Social Security Number" forms to teacher
    3. Quiz - Computer Science Pre-Test - Open, answer, print, staple, and hand in
      (NOTE: do not refresh the screen after you have started filling in the textareas or you will lose all your answers)
      (NOTE: do not complete more than three (3) lines of any answer or the answer will not print completely)
5
 Monday - Vocabulary and Microsoft Word
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Vocabulary - Introduction
    4. Word Processing and Microsoft Word - Tutorial pages
  2. Lab Assignment -
    1. Take the Job Seeking Skills Quiz and answer as many questions as you can. We'll take this quiz again in June to see how much you've picked up.
    2. Microsoft Word I - Create a cover letter asking an employer to read your attached résumé. You may want to look at 1st Artists (top of page) to get some ideas. Also, Bellevue University has a page about preparing cover letters. Some reference pages from Internet 4 Classrooms: entering text, bullets.
      1. Open a new, blank Microsoft Word document, save the document as "coverLetter.doc" to your "H:/OtherAssignments" folder
      2. Change the margins to 1" on all four sides
      3. Change the font to "Times New Roman" at font size 12
      4. Create a return address block at the top (you may use your real address or make one up)
      5. Change your name to font size 20
      6. Insert the current date in the format "September 13, 2004", use the "Insert", "Date" menu
      7. Add a "to" address block for "Mr. Bill Gates Microsoft Corporation One Microsoft Way Redmond, WA 98052-6399
      8. Create a salutation, something like "Dear Mr. Gates,"
      9. 1st paragraph: say something to the effect that you will be graduating this spring and will be looking for work in the information technologies field
      10. 2nd paragraph: something like how much you really like computers and technology
      11. 3rd paragraph: a bulleted list of your knowledge and skills
      12. 4th paragraph: ask the reader to read your attached résumé
      13. Add a closing line "Sincerely,"
      14. Create a signature block above which you will sign
      15. Proofread your document for accuracy and to eliminate errors
      16. Use "File", "Print Preview" to make sure your document looks good; if not, make it look good
      17. Run the Word spellchecker
      18. Save the document as "coverLetter.doc" to your "H:/OtherAssignments" folder
      19. Make sure your name is legible, print it, hand it in
      I will use the 1st Artists (bottom of page) rubric to grade your letter, which will look similar to internet lesson plan
    3. Microsoft Word II - Create a sign "My Favorite Things" in landscape orientation with a border. Some reference pages from Internet 4 Classrooms: images, borders, signs.
        Open a new, blank Microsoft Word document, save the document as "myFavorites.doc" to your "H:/OtherAssignments" folder
      1. Change the margins to 1" on all four sides
      2. Change the font to "Times New Roman" at font size 12
      3. Change the document to landscape orientation
      4. Create the title "My Favorite Things" at font size 36
      5. Add an image using "Insert", "Picture", "Clip Art" and choose a picture of your choice. Resize the picture to make it fit and look good
      6. list 5-10 of your favorite things and why
      7. Use "File", "Print Preview" to make sure your document looks good; if not, make it look good
      8. Run the Word spellchecker
      9. Save the document as "myFavorites.doc" to your "H:/OtherAssignments" folder
      10. Make sure your name is legible, print it, hand it in
    4. Microsoft Word III - Create a newsletter with a heading and 2 columns in portrait orientation with 1 or more images. Some reference pages from Internet 4 Classrooms: newsletters.
      1. Open a new, blank Microsoft Word document, save the document as "newsletter.doc" to your "H:/OtherAssignments" folder
      2. Change the margins to 1" on all four sides
      3. Change the font to "Times New Roman" at font size 12
      4. Go to "View" menu and select "Header and Footer". Create your title in the header. Center, change font and/or insert an image to your liking. When finished, close the Header and Footer dialog box. Your header will appear light gray.
      5. Go to the "Format" menu and select "Columns". Select 2 columns. Most newsletters use two columns. You will see no difference in the set up of the page right away. As you type, the words will fill down in column one first. But, instead of typing, let's use an existing newspaper article. Open the Asbury Park Press article on Spyware. Copy the text of the entire article, from "Consumer Reports" at the top down to "spot spyware programs" at the bottom and paste it into your newsletter document.
      6. Justify the text (both sides aligned)
      7. Insert picture(s) as you go along. Place your cursor where you wish to insert the picture. You will need to resize most pictures to fit into the column.
      8. Use "File", "Print Preview" to make sure your document looks good; if not, make it look good
      9. Run the Word spellchecker
      10. Save the document as "newsletter.doc" to your "H:/OtherAssignments" folder
      11. Make sure your name is legible, print it, hand it in
    5. Research a good Microsoft Excel tutorial page online and bookmark the best page
6
 Tuesday - PDP and Microsoft Excel
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. PDP - Introduction
    4. Electronic Spreadsheets and Microsoft Excel - Tutorial pages
  2. Lab Assignment -
    1. Microsoft Excel I - Create a spreadsheet to determine what price car you can afford. Some reference pages from Internet 4 Classrooms Excel.
      1. Open a new, blank Microsoft Excel spreadsheet, save the spreadsheet as "carPayments.xls" to your "H:/OtherAssignments" folderFord Focus
      2. Add text to the cells across the top row: "Car Model", "Sale Price", "Down Payment", "Amount Financed", "Years", "Rate", "3-Year Payment", "Years", "Rate", "4-Year Payment", "Years", "Rate", "5-Year Payment"
      3. Highlight the top row and format the cells for alignment wrap text and horizontal center
      4. Put "Ford Focus" in cell A2 (the name of our first "dream car")
      5. Put the sale price of $13635.00 in cell B2 (MSRP from Kelly Blue Book)
      6. Let's put a down payment of $2500.00 in cell C2 (to lower the financed amount)
      7. Put a formula in cell D2 that will calculate the difference between the Sale Price (cell B2) and Down Payment (cell C2) ("=B2-C2")
      8. Put the number "3" in cell E2, "4" in H2, and "5" in K2 (percentage rates for different years)
      9. Format the interest rate cells (F2, I2, and L2) as percentage
      10. Format cells E2, H2, and K2 for 2 decimal points (so you can see the percentages)
      11. Put interest Rates of 3 years 5.00%, 4 years 5.25%, and 5 years 5.50% into cells F2, I2, and L2 (From MONOC Credit Union)
      12. Put the payment formula "=PMT(F2/12,E2*12,-$D2)" into cell G2, and then copy G2 into cell J2 and cell M2 (Monthly payment)Mazda RX-8
      13. Your payments should be:
        • cell G2 = $333.73
        • cell J2 = $257.69
        • cell M2 = $212.69< /li >< /li >
      14. Did you get these numbers? (If not, fix it before you continue)
      15. Is this car affordable?
      16. Search the internet for a car of your choosing and put the name in cell A3
      17. Search the internet for the MSRP (look it up in dictionary.com and put the sale price in cell B3
      18. Search the internet for MONOC Credit Union automobile 3, 4, and 5 year loan rates and place the appropriate rate into the appropriate cells (E3, G3, and I3) (MONOC Credit Union)Mazda Miata
      19. Copy cells E2 through M2 into cells E3 through M3.
      20. What are your payments for the car you want to purchase?
      21. Repeat steps m through q for a total of 5 cars.
      22. Highlight all cells and "Data", "Sort" by the 3 year payment column. Be sure that "Ascending" and "Header Row" are selected before you click "Okay" (places your cheapest car payment at the top)
      23. Use "File", "Print Preview" to make sure your document looks good; if not, make it look good
        (Here's what mine looks like)
        carPayments
      24. Do you need to make it "Landscape" in order to fit everything on one page? "File", "Page Setup"
      25. Save the document "carPayments.xml" to your "H:/OtherAssignments" folder
    2. Microsoft Excel II - Modify your existing "carPayments.xls" spreadsheet to add a chart as a visual effect. Some reference pages from Florida Gulf Coast University.
      1. Open your Microsoft Excel spreadsheet "carPayments.xls" and re-save it as "carPaymentsChart.xls" to your "H:/OtherAssignments" folderToyota MR-2 Spyder
      2. Use the Florida Gulf Coast University page as a reference to create a chart of how much each car would cost for each loan term
      3. Highlight the "Car Model", "3-Year Payment","4-Year Payment", "5-Year Payment" columns (Column header and 5 rows of data) (highlight the first column then press and hold [CTRL] to highlight the other columns also but not the data in between)
      4. Select "Insert", "Chart" or click the "Chart Wizard" button
      5. Under "Chart Wizard - Step 1 - Chart Type", I selected "Chart Type Column" and "Chart Sub-Type 3-D Column" and click "Next"
      6. Under "Chart Wizard - Step 2 - Chart Source Data", I left the "Data Range" as highlighted and selected "Series In Rows" and click "Next"
      7. Under "Chart Wizard - Step 3 - Chart Options", I experimented with putting data in the boxes but realized that it takes up lots of spaces so I left them all blank and click "Next"
      8. Under "Chart Wizard - Step 4 - Chart Location", I selected "As Object In" my current worksheet and click "Next"
      9. When the chart displays, move it around and resize it (always use the corner resizing "handles" in order to maintain proper proportionality)
        (Here's what mine looks like)
        Car Payments ChartToyota Camry Solara
      10. Use "File", "Print Preview" to make sure your document looks good and will print everything on 1 page; if not, make it look good
      11. Save the document "carPaymentsChart.xml" to your "H:/OtherAssignments" folder
      12. Make sure your name is legible, print it, hand it in
    3. Research Microsoft Excel functions online and bookmark the best page
    4. Research Macromedia Dreamweaver tutorial online and bookmark the best page
7
 Wednesday - Math and HTML and Macromedia Dreamweaver
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Review Computer Contract
    4. Math with Ms. DiPierro at 9:00 and 12:00
    5. Money Skills - Making Decisions
    6. Classroom Discussion -
    7. Macromedia Dreamweaver - Dreamweaver MX is the professional choice for building web sites and applications. It provides a powerful combination of visual layout tools, application development features, and code editing support, enabling developers and designers at every skill level to create visually appealing, standards-based sites and applications quickly. From leading support for CSS-based design to hand-coding features, Dreamweaver provides the tools professionals need in an integrated, streamlined environment. Developers can use Dreamweaver with the server technology of their choice to build powerful Internet applications that connect users to databases, web services, and legacy systems.
    8. Review the Macromedia Dreamweaver tutorial pages I found:
      1. University of Wisconsin - very thorough
      2. training cafe - interactive practice
      3. training tools - easy reading
      4. cbt cafe - with quicktime movies
      5. about.com - Dreamweaver tips
      6. dreamweaver fever - fun site
      7. iBoost - another one
      8. Google Search Results
    9. HTML
  2. Lab Assignment -
    1. Organize "H:" drive - make sure you have folders named:
      1. ASP (to save Advanced Server Pages programs)
      2. DreamweaverLabs (to save tutorial web pages)
      3. Flash (to save flash movies)
      4. Grades (for me to put your grade pages)
      5. HTML (to save web sites)
      6. JavaScript (to save programs)
      7. OtherAssignments (everything else)
    2. HTML - w3schools
      1. Browse to the w3schools HTML web site
      2. Read Home
      3. Read HTML & WWW
      4. Read Introduction
    3. Macromedia Dreamweaver tutorial - "A First Look at Dreamweaver Workspace"
      1. Open Macromedia Dreamweaver
      2. Select "Help", "Tutorials"
      3. Under "Contents", select "Getting Started", "Introduction", "A First Look at Dreamweaver Workspace"
      4. Read all three sub pages and do any steps as instructed
      5. Save any files created onto your "H:/Dreamweaver" folder
    4. Math quiz with Ms. DiPierro (9:00 & 12:00)
8
 Thursday - Science and HTML and Macromedia Dreamweaver
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Science - how stuff works
    4. Macromedia Dreamweaver
    5. HTML
  2. Lab Assignment -
    1. HTML - w3schools
      1. Browse to the w3schools HTML web site
      2. Read Elements
      3. Read Basic Tags
    2. Macromedia Dreamweaver tutorial - "Set up a Local Site"
      1. Open Macromedia Dreamweaver
      2. Select "Help", "Tutorials"
      3. Under "Contents", select "Getting Started", "Creating Your First Website"
      4. Read "Set up a local site" and all sub pages and do the steps as instructed
      5. Read "Adjust the layout" and all sub pages and do the steps as instructed
      6. Read "Add styled text" and all sub pages and do the steps as instructed
      7. Save any files created onto your "H:/Dreamweaver" folder
9
 Friday - English/Career and HTML and Macromedia Dreamweaver
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. What does "lorem ipsum dolor sit amet" mean? Well, I looked it up:
      1. Google search
      2. fun-with-words
      3. cloud 9
    4. Macromedia Dreamweaver
    5. HTML
  2. Lab Assignment -
    1. HTML - w3schools
      1. Browse to the w3schools HTML web site
      2. Read Formatting
    2. Macromedia Dreamweaver tutorial - "A First Look at Dreamweaver Workspace"
      1. Open Macromedia Dreamweaver
      2. Select "Help", "Tutorials"
      3. Under "Contents", select "Getting Started", "Editing code in Dreamweaver"
      4. Read all sub pages and do the steps as instructed
      5. Save any files created onto your "H:/Dreamweaver" folder
10
 Monday - Vocabulary and Site Design and HTML and Dreamweaver
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Career - career page
    4. Web Building - w3schools shows how to build a professional web site
    5. Site Design - Wilson Internet Website Planning Worksheet to answer six questions: Who, What, When, Where, Why, and How
    6. HTML - w3schools Entities and links
    7. Tomorrow we're building our first web page
  2. Lab Assignment -
    1. HTML - w3schools
      1. Browse to the w3schools HTML web site
      2. Read Entities
      3. Read Links
    2. Macromedia Dreamweaver tutorial - "A First Look at Dreamweaver Workspace"
      1. Open Macromedia Dreamweaver
      2. Select "Help", "Tutorials"
      3. Under "Contents", select "Getting Started", "Editing code in Dreamweaver"
      4. Read all sub pages and do the steps as instructed. Try to finish the tutorials today; I want to start designing web pages tomorrow
      5. Save any files created onto your "H:/Dreamweaver" folder
11
 Tuesday - PDP and HTML and Dreamweaver
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. PDP
    4. HTML - w3schools
      1. Browse to the w3schools HTML web site
      2. Read Lists (skip Frames and Tables, we'll come back to them)
      3. Read Images (skip Forms, we'll come back to it)
    5. Create a web page called "My Favorites":
        Requirements for web page My Favorites: (Planning Worksheet)
      • Purpose: Practice creating a 1-page web site
      • Site Organization: 1-page called "myFavorites.htm"
      • Colors and Accents: Author's choice, make it look good
      • Navigation System: None
      • Basic Page Elements: Title = "My Favorite Things", sized "h1"
      • Graphics: Author's choice, centered on page, make it look good
  2. Lab Assignment -
    1. School Rules Quiz - Take the quiz (You must get 100% to continue)
    2. PDP - pass out Starter Level and Level 2 books, put your names on the covers, put the books in your black magazine holder box, discuss Starter Kit Level 1 - Set Personal Goals
    3. Using Notepad or Dreamweaver, create and save onto your "H:/HTML" folder a web page named "myFavorites.htm":
      1. Open either Notepad or Dreamweaver
      2. Open the Word document named "myFavorites.doc"
      3. Retype or copy/paste your favorites into your html page
      4. Save the web page file to your "H:/HTML" folder as "myFavorites.htm"
      5. Preview the web page often to ensure it looks good
      6. Set the title "My Favorites" to be header size 1 and centered: 
        <h1 align="center">My Favorite Things</h1>
      7. Your image should be saved as a "jpg" or "gif" file in the same folder: 
        <img src="imageName.jpg">
        Remember that the image tag has no ender tag
      8. Set the list of your favorite things as an HTML list: 
        <ul>
	<li>1st item</li>
	<li>2nd item</li>
	<li>etcetera</li>
</ul>
      9. Change the size of the header and text as neccessary to make your page look better: 
        <h2 align="center">My Favorite Things</h2>
      10. Change the background color of your page and the color of the text on it: 
        <body bgcolor="blue" text="aliceblue">
      11. Change the height and width of the image as necessary to make your page look better; but remember to keep the proportions the same or your image will look skewed: 
        <img src="imageName.jpg" height="123" width="321">
      12. To center the image, add either the "center" tags or "paragraph" tags with the align attribute set to value center: 
        <center><img...></center>
	or
<p align="center"><img...></p>
      13. To slide the list of favorites to the right a little, use the "blockquote" tags: 
        <blockquote><blockquote>
	<!--your list goes here-->
</blockquote></blockquote>
      14. Add more favorite things to your list for a total of 10 items
      15. Save frequently ad "myFavorites.htm" to your "H:/HTML" folder
      16. Do not put put personal information on the internet
12
 Wednesday - Math and Web Design
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Math Money Skills - Making Decisions
    4. Web Building - w3schools shows how to build a professional web site
    5. Some interesting sites that discuss web design:
      1. Examples of bad web design at web pages that suck and their daily sucker
      2. web developer notes has loads of great information
      3. wcs web builders has some good tips but their main site doesn't work so well
      4. Little things from fine points that make a big difference
      5. Some web design features from rats.com
    6. Good sources for web design help:
      1. Web Design Guide
      2. WebMonkey
      3. htmlGoodies
    7. And my list of OCVTS Computer Science References 2002 from two years ago
    8. Tomorrow we'll be making another page and linking them together
  2. Lab Assignment -
    1. Students who did not score 100% on the School Rules Quiz must retake it until you do score 100%
    2. Math Money Skills - review lesson and take the quiz (do not print/do not hand in)
    3. Web Building - review pages "Building", "WWW", "Design", and "Users"
    4. Class critique of submitted web designs
    5. Modify your existing "myFavorites.htm" page, add some links:
      1. Open your existing "myFavorites.htm" file in your choice of web design software: Macromedia Dreamweaver, Microsoft Visual Studio InterDev, or even Notepad
      2. Perform an internet search for interesting pages about each of your favorite things
      3. Create links from each of your favorite things to one of the interesting pages you found
      4. Make some text links and some image links
      5. Each of your images should have the "alt" attribute with a value
      6. Add a "nested" list, something like this:
        • Favorite Bands:
          • America
          • Boston
          • Chicago
          • Kansas
        • Favorite Foods:
          • Chicken baked
          • Chicken fingers
          • Chicken fried
          • Chicken nuggets
          • Chicken soup
        etcetera...
      7. Add a background image to your page. Find a nice background, save it to your folder, and use this code: 
        <body background="imageName.jpg">
      8. See if you can get your list to align either left or right of an image
      9. Test your page as you modify it
      10. Save your page frequently
13
 Thursday - Science and Web Design
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Science - How Plasma Displays Work
    4. How Stuff Works Big List of HTML Tags
    5. Web Style Guide
    6. What Makes a Great Web Site?
    7. Building and Promoting a Web Site
  2. Lab Assignment -
    1. Students who did not score 100% on the School Rules Quiz must retake it until you do score 100%
    2. Create simple web pages for each of your favorites and link to them from your "myFavorites.htm" page:
      1. Create a new page for your first favorite thing, maybe call it "thing1.htm", saved to the same folder on your "H:/" drive as your "myFavorites.htm" page
      2. Remember, one of the techniques of good web site design is to have a "theme" that repeats on every page throughout your site, so your pages should all look the same, even while containing different pictures and text content
      3. Add images and text about your first favorite thing
      4. Be sure to save frequently
      5. Create a link to "thing1.htm" page from your "myFavorites.htm" page
      6. Repeat for your other nine favorite things
      7. Test your favorites, starting at the top. Does it work the way you wanted? Or do you have to always go "back" to the favorites page to get to another favorite thing?
      8. Add links from each favorite page to the next one, for instance "thing2.htm" should link back to "thing1.htm" and forward to "thing3.htm", etc, so the user doen't have to go back to favorites each time. Remember, your job is to design pages and sites that make it easier for the user,
        because all users are
      9. Edit "thing2.htm" and add a "next" link, something like this: 
        <a href="thing1.htm">Next Page</a>
      10. Of course, while you're at it, why not add a "back" link also, something like this: 
        <a href="thing3.htm">Next Page</a>
      11. The "back" link on the "thing1.htm" page will link to the "myFavorites.htm" page
      12. The "thing10.htm" page will have a "home" link instead of a "next" link, and will also link to "myFavorites.htm"
      13. Continue to test. Continue improving your web pages and web site
14
 Friday - English/Career and Web Design
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. English - Fun With Words - Anagrams
    4. English - Ms. Russen will visit
    5. What Makes a Great Site?
  2. Lab Assignment -
    1. Students who did not score 100% on the School Rules Quiz must retake it until you do score 100%
    2. Your "myFavorites.htm" page should have 10 subpages created and linked to it. But it won't be the first page on your website. The first page will be "index.htm":
      1. Create an "index.htm" web page that will serve as the main home page of your web site
      2. Create a link from "index.htm" to "myFavorites.htm"
      3. Search the internet for a cool looking "home" button
      4. Use the new "home" button to add a link to all of your "thing" pages (1-10) that will point to your home page "index.htm"
      5. Save your work frequently
      6. Test your work frequently
      7. Add an image link to the official OCVTS website: "http://www.ocvts.org" from your home page
15
 Monday - Vocabulary and Web Design with Tables
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Web Building - review pages "Building", "WWW", "Design", and "Users"
    4. View a Typical Web Page Structure using tables
    5. w3schools.com discussion on HTML Tables
    6. Some helpful web pages that discuss HTML Tables:
    7. Class critique of class web designs
  2. Lab Assignment -
    1. Computer Vocabulary Quiz 1 (all terms are computer-related)
    2. In class practice - create a Philadelphia TV Guide web page saved to a folder called "H:/HTML/tvGuide/" - watch the board and copy the work:
        Requirements:
      • Purpose: Practice creating a web page using HTML tables
      • Site Organization: 1-page called "tvGuide.htm"
      • Colors and Accents: Author's choice, centered on page, make it look good
      • Navigation System: None
      • Basic Page Elements: Title - "Philadelphia TV Guide", Sub-Title - "Monday, September 27th, 2004"
      • Graphics: None
      3. Step-by-step:
      1. Create a title "Philadelphia TV Stations"
      2. Create a sub-title "Schedule for Monday, September 27th, 2004"
      3. Add a horizontal line, change the width and size attributes to make the line look good
      4. Create a table with 7 columns and 4 rows, change the width attribute to make the table 90%
      5. 1st row data for the first column is blank and the other 6 is (8:00pm) (8:30pm) (9:00pm) (9:30pm) (10:00pm) (10:30pm)
      6. 2nd row data is (CBS 3) (Still Standing) (Listen Up) (Everybody Loves Raymond) (Two and a Half Men) (CSI: Miami)
        • CSI: Miami is an hour long, so you need to "span" two columns
      7. 3rd row data is (ABC 6) (The Benefactor) (NFL Football)
        • The Benefactor is an hour long, so you need to "span" two columns
        • NFL Football is two hours long, so you need to "span" four columns
      8. 4th row data is (NBC 10) (Fear Factor) (Las Vegas) (LAX)
        • Each of the NBC shows is an hour long, so you need to "span" two columns for each
      9. Add another horizontal line, same attributes as the first
      10. Make your page look good
      11. Save your file frequently
    3. Improve your page, find shows for other stations on the internet and add them to your web page:
      1. PBS 12
      2. WB 17
      3. PBS 23
      4. FOX 29
      5. UPN 32
16
 Tuesday - PDP and Web Design with Tables
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. PDP - Starter Kit Chapter 1 - Identify Personal Interests
    4. Review HTML Tables on the w3schools site
    5. Class critique of class web designs
  2. Lab Assignment -
    1. HTML 1 Quiz - General HTML terms
    2. Create a web page newsletter for The Dunstan Retreat Center and save it to a folder "H:/HTML/dunstan/":
        Requirements:
      • Purpose: Practice creating a web page using HTML tables
      • Site Organization: 1-page called "dunstan.htm"
      • Colors and Accents:
      • Navigation System: None
      • Basic Page Elements: Follow step-by-step instructions
      • Graphics: 3 images, "adams.jpg" top right of welcome column, "dLogo.jpg" and "river.htm" above nextweek and letter
      Step-by-step:
      1. Locate your folder for "Q:/dunstan/"
      2. Copy the 7 files located there ("adams.jpg", "dLogo.jpg", "events.txt", "letter.txt", "nextWeek.txt", "river.jpg", and "welcome.txt"
      3. Open an HTML editor (Dreamweaver, InterDev, or Notepad
      4. Save a blank file as "dunstan.htm" to your "H:/HTML/dunstan/" folder
      5. Add a table with 3 columns and 1 row
      6. Create the left column:
        1. Put the "adams.jpg" file as an image aligned right into the left column
        2. Open the "welcome.txt" file and copy the text into the left column
        3. Change the background color of the left column, make it look good
      7. The middle column is simply a filler column; it is empty; you may place a "&nbsp;" into it if you wish
      8. Create the right column:
        1. Add a nested table with 3 columns and 4 rows to the right column
        2. Put the "dLogo.jpg" file as an image in the 1st row span 3 columns
        3. Put the "river.jpg" file as an image in the 2nd row span 3 columns
        4. Open the "nextWeek.txt" file and copy the text into the 3rd row left column
        5. Open the "events.txt" file and copy the text into the 4th row left column
        6. The middle column is simply a filler column; it is empty; but it needs to span 2 rows (3rd and 4th); you may place a "&nbsp;" into it if you wish
        7. Open the "letter.txt" file and copy the text into the 3rd row right column and span 2 rows
      9. Make it look good
      10. Test (preview) your web page frequently
      11. Save your file frequently
    3. Create a web page to display your class schedule and save it to a folder "H:/HTML/mySchedule/":
        Requirements:
      • Purpose: Practice creating a web page using HTML tables
      • Site Organization: 1-page called "mySchedule.htm"
      • Colors and Accents: Author's choice, make it look good
      • Navigation System: None
      • Basic Page Elements: Title = "My Class Schedule", sized "h1"
      • Graphics: 1 image, Author's choice, centered on page, make it look good
      Step-by-step:
      1. None. You're on your own! Make it look good
      2. DO NOT PUT PERSONAL INFORMATION (NAME AGE ADDRESS) ON A WEB PAGE
17
 Wednesday - Math and Web Design with Tables
  1. Classroom Discussion -
    1. College Night (Tuesday 10/05 7:00 pm) at Ocean County College
    2. Student attendance contract meetings at 8:30 and 11:30
    3. Daily Vocabulary Computer Term
    4. Daily Web Page Critique
    5. Ms. DiPierro will visit for the Math lesson
    6. Guest speaker from Cittone will discuss networking for jobs
  2. Lab Assignment -
    1. Modify your "myFavorites.htm" to use tables
18
 Thursday - Science and Web Design with Frames
  1. Classroom Discussion -
    1. College Night (Tuesday 10/05 7:00 pm) at Ocean County College
    2. How Virtual Memory Works
    3. How GPS Works
    4. Daily Vocabulary Computer Term
    5. Daily Web Page Critique
    6. w3schools.com discussion on HTML Frames
    7. Why Frames Suck
    8. Some helpful web pages that discuss HTML Frames:
  2. Lab Assignment -
    1. In class, on screen practice frames lab
    2. Warner Peripherals is a small company that makes hard drives and tape storage devices. They would like a small website to display their products.
        Requirements:
      • Purpose: Practice creating a web page using HTML frames
      • Site Organization: 1-page website using frames
      • Colors and Accents: Author's choice, make it look good
      • Navigation System: None
      • Basic Page Elements:
        1. Top: Warner's Logo, centered
        2. Middle: Changable, depending on the user, will display an image of the peripheral and information
        3. Bottom: A list of the items that Warner sells, as clickable links that will change the page displayed in the middle frame
      • Graphics: Images of the peripherals that Warner sells
      Based upon these requirements, you've determined that a Frames website would be best
      Step-by-step:
      1. Make a folder for "H:/HTML/warner/"
      2. Locate the "Q:/warner/" folder and copy the files located there
      3. Make a simple page called "wLogo.htm" and center the "wLogo.gif" image
      4. Make a second page called "wMain.htm" with the short welcome message from "wMain.txt"
      5. Make a third page called "wLink.htm", when the user clicks on a link, the center frame (named "wMain") will display the proper peripheral
      6. Make a page for each of the peripherals using the proper image and the text description from the ".txt" files and name each appropriately. Make each of these pages identical except for the text and image
      7. Create an "index.htm" page using 3 horizontal frames
        • The source for the top frameset is "wLogo.htm" and the name is wLogo
        • The source for the middle frameset is "wMain.htm" and the name is wMain
        • The source for the bottom frameset is "wLink.htm" and the name is wLink
      8. Make it look good
      9. Test (preview) your web page frequently
      10. Save your file frequently
19
 Friday - English/Career and Web Design with Frames
  1. Classroom Discussion -
    1. College Night (Tuesday 10/05 7:00 pm) at Ocean County College
    2. US Census Bureau Lifetime Earnings Expectations by Education:
      High School Diploma    $1,100,000
      Bachelor Degree    $2,100,000
      Master's Degree    $2,500,000
      Doctorate    $4,400,000
    3. Daily Vocabulary Computer Term
    4. Daily Web Page Critique
    5. English - Fun With Words - Anagrams
    6. Class critique of class web designs
  2. Lab Assignment -
    1. HTML 2 Quiz - Tables
    2. Make a second Warner frames website (make "index2.htm" in a Warner folder) with the links menu on the left side frame. Same requirements as above, but the step-by-step is up to you.
    3. Which is a better design? Links on bottom or links on left?
20
 Monday - Joint class with Cosmotology to discuss "Violence in the Workplace"
  1. Classroom Discussion -
    1. Some websites:
    2. College Night (Tuesday 10/05 7:00 pm) at Ocean County College
    3. US Census Bureau Lifetime Earnings Expectations:
      High School Diploma$1,100,000
      Bachelor Degree$2,100,000
      Master's Degree$2,500,000
      PhD$4,400,000
    4. Pretty in Pink day (Thursday 10/07) for cancer awareness
    5. Daily Vocabulary Computer Term
    6. Daily Web Page Critique
  2. Lab Assignment -
    1. Participate in class discussion
    2. "Violence in the Workplace" questionnaire
21
 Tuesday - PDP and Web Design with Table tag
  1. Classroom Discussion -
    1. College Night (Tuesday 10/05 7:00 pm) at Ocean County College
    2. US Census Bureau Lifetime Earnings Expectations:
      High School Diploma$1,100,000
      Bachelor Degree$2,100,000
      Master's Degree$2,500,000
      PhD$4,400,000
    3. Pretty in Pink day (Thursday 10/07) for cancer awareness
    4. Daily Vocabulary Computer Term
    5. Daily Web Page Critique
    6. Web -
  2. Lab Assignment -
    1. HTML 3 Quiz - Frames
    2. Create an on-line web page newsletter based on the Asbury Park Press article on Spyware:
        Requirements:
      • Purpose: More practice creating a web page using HTML tables
      • Site Organization: 1-page website using tables
      • Colors and Accents: Dark text, light background, author's choice, make it look good
      • Navigation System: Include all links from the original Press page
      • Basic Page Elements:
        • Three columns of text from the Press article on Spyware
        • Each column a different color
        • Each column vertically aligned at the top
        • All three columns with aproximately the same amount of text so that they all line up at the same place at the bottom
        • Do NOT break paragraphs leaving one half at the bottom of one column and the other half at the top of another column
        • The article title centered across all three columns of text
        • The date of the article centered at the top of the first column
        • All three text justified inside each column
        • Lists left aligned
        • A footer at the bottom centered across all three columns of text giving credit to and linking back to the original Asubry Park Press article
      • Graphics: 1 image per column, author's choice, related to spyware
      Step-by-step is up to you:
      1. Make it look good
      2. Test (preview) your web page frequently
      3. Save your file frequently
22
 Wednesday - Math and Web Design with Font tag
  1. Classroom Discussion -
    1. Pretty in Pink day (Thursday 10/07) for cancer awareness
    2. Math - Making Money - Recognize and identify some of the real and hidden costs and benefits of working, provide tips for starting a new career, and provide practice reading and interpreting pay stubs
    3. Daily Vocabulary Computer Term
    4. Daily Web Page Critique
    5. Web -
  2. Lab Assignment -
    1. Kelsey's Diner:
        Requirements:
      • Purpose: Kelsey's Diner wants to be on the net. Create a small website for them to display their breakfast, lunch, and dinner menues:
      • Site Organization: 4-page website using tables or lists and changing fonts:
        • An main page called "index.htm" with a welcome message and meal times
        • A page called "breakfst.htm" with the breakfast items listed
        • A page called "lunch.htm" with the lunch items listed
        • A page called "dinner.htm" with the dinner items listed
      • Colors and Accents: Page background source is "tan.jpg"
      • Navigation System: Create links on each page to each of the other pages
      • Main Page Elements:
        • Kelsey's theme colors are green and tan
        • All text on the main page is to be green
        • Breakfast is served from 6:30 a.m. to 11:00 a.m.
        • Lunch is served from 10:30 a.m. to 3:00 p.m.
        • Dinner is served from 4:00 p.m. to 10:00 p.m.
        • Add a "Welcome to Kelsey's" message
        • Create links to the breakfast, lunch, and dinner pages
        • Add an instruction message to "click a link for a menu" black and small
      • Menu Page Elements:
        • Menu title to be green and large
        • Serving times are to be black and small
        • Menu item titles are to be green and large
        • Descriptions are to be black and small
        • Create links to the home page and the other two menu pages
        • Add an instruction message to "click a link for a menu" black and small
      • Graphics: Kelsey has provided a set of five images for you to use:
        • "tan.jpg" is the background image on each page
        • "kelseys.jpg" goes on the home page
        • "breakfst.jpg" goes on the breakfast page
        • "lunch.jpg" goes on the lunch page
        • "dinner.jpg" goes on the dinner page
      Step-by-step is up to you:
      1. Make it look good
      2. Test (preview) your web page frequently
      3. Save your file frequently
23
 Thursday - Science and Web Design with Head & Meta tag & URLs
  1. Classroom Discussion -
    1. Pretty in Pink day (today) for cancer awareness
    2. Science - from How Stuff Works
    3. Daily Vocabulary Computer Term
    4. Daily Web Page Critique
    5. Web -
    6. OCVTS is closed Monday for the Columbus Holiday. Check the holidays page to see if your school is closed Friday and Monday
  2. Lab Assignment -
    1. Learning Styles Lab:
    2. Check your Grades folder and complete any unfinished labs
24
 Friday - English/Career and Extra Credit Web Design Lab
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. English - Ms. Russen will visit
    4. English - Fun With Words - Anagrams
    5. OCVTS is closed Monday for the Columbus Holiday. Check the holidays page to see if your school is closed Monday
  2. Lab Assignment -
    1. Check your Grades folder and complete any unfinished labs
    2. For Extra Credit: Design a web page to list links to some US Government pages. For example:
      • Department of Agriculture
      • Small Business Administration
      • Department of Commerce
      • Department of Defense
      • Department of Education
      • Department of Energy
      • Federal Bureau of Investigation
      • General Services Administration
      • Department of Health and Human Services
      • Department of Housing and Urban Development
      • Department of Interior
      • Department of Justice
      • Department of Labor
      • Department of State
      • Department of Transportation
      • Department of Treasury
      • Department of Veteran Affairs
      • The White House
      3. You may add more. You may use less. Requirements:
      • Purpose: Practice creating a web page
      • Site Organization: Author's choice, make it look good
      • Colors and Accents: Author's choice, make it look good
      • Navigation System: Author's choice, make it look good
      • Basic Page Elements: Author's choice, make it look good
      • Graphics: Author's choice, make it look good
      Step-by-step is up to you:
      1. Make it look good
      2. Test (preview) your web page frequently
      3. Save your file frequently
    3. Have a Great Weekend!
10/11/04
 Monday - No School - Columbus Day Holiday
25
 Tuesday - PDP and Image Maps
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. What are image maps? An image map is an image that has been divided into regions, or "hotspots"; when a hotspot is clicked an action occurs, for example a new file opens. All links are in one image which are linked to different pages. Some examples:
  2. Lab Assignment -
    1. The Ocean County Attractions page is good but would be better. Copy and modify it using an image map to link to the attractions. Call it "oceanCountyMap.htm" saved in a folder called "oceanCountyMap" on your "H:/HTML/" drive.
      Requirements:
      • Purpose: Copy and modify an existing web page. Add an image map with links to Ocean County attractions
      • Site Organization: 1 page called "oceanCountyMap.htm"
      • Colors and Accents: Use the existing colors, fonts, sizes
      • Navigation System: Create and use an Image Map
      • Basic Page Elements: Use what already exists
      • Graphics: Map of Ocean County, NJ
      Step-by-step:
      1. Make an Ocean County Attractions image map links page
      2. Start with the existing page and make it better
      3. Create 1 link for each of the 14 location circles on the map
      4. Make it look good
      5. Test (preview) your web page frequently
      6. Save your file frequently
26
 Wednesday - Math and More Image Map
  1. Classroom Discussion -
    1. Math - Ms. DiPierro will visit
    2. Daily Vocabulary Computer Term
    3. Daily Web Page Critique
    4. Image Maps - Attributes of the <map> and <area> tags
  2. Lab Assignment -
    1. TriState Realty.
      Requirements:
      • Purpose: Create a web site for TriState Realty, a real estate sales and marketing company advertising a plethora of kinds of property
      • Site Organization: multi-page website in a folder called "H:/HTML/triState".
        • a home page called "index.htm" with links to all the other pages
        • a page called "apartment.htm" to market rental properties
        • a page called "business.htm" to market commercial properties
        • a page called "family.htm" to market single family properties
        • a page called "mansion.htm" to market exclusive properties
        • a page called "newHome.htm" to market new construction properties
      • Colors and Accents: Font face, size, and color author's choice (make it look good)
      • Navigation System: Create an Image Map using the "listings.gif" file on each page. DON'T have any page link to itself (bad web page design)
      • Basic Page Elements: Company logo, page title, content (may initially be blank), and links
      • Graphics: Use the images found on the "Q:/" drive
        • use "listings.gif" for the image map
        • use "triState.gif" as the company logo
        • use "tsBack.gif" as the background on each page
      Step-by-step:
      1. Create the "index.htm" page
      2. Create the other pages
      3. Create the image map on each page to link to each of the other pages
      4. DON'T have any page link to itself (bad web page design)
      5. Make it look good
      6. Test (preview) your web page frequently
      7. Save your file frequently
      8. Extra Credit - Add sales or rental properties to each of the market pages and create a page for each property with images and descriptive content to advertize the sale or rental
    2. Ocean County Attractions: Complete the "oceanCountyAttractions" web page found on yesterday's lab
27
 Thursday - Science and Image Maps and Frames and Tables
  1. Classroom Discussion -
    1. Daily Vocabulary Computer Term
    2. Daily Web Page Critique
    3. Look at an image map example were the status bar shows the coordinate of the mouse on the image
    4. Science - from how stuff works:
  2. Lab Assignment -
    1. Modify the Kelsey's Diner website to use frames and image maps and tables:. Copy the entire Kelseys directory. Call the new folder "kelseysFrames" on your "H:/HTML/" drive.
      Requirements:
      • Purpose: Create a web page using an image map with farmes
      • Site Organization: multiple pages
        • "index.htm" using frameset and frames
        • "links.htm" that will use the "kelseys.jpg" as an image map and target the bottom frame
        • "main.htm" that has a welcome message and the hours food is served
        • "breakfast.htm" with the breakfast menu
        • "lunch.htm" with the lunch menu
        • "dinner.htm" with the dinner menu
      • Colors and Accents: Already existing
      • Navigation System: Create and use an Image Map in a links frame, be sure to target the correct frame
      • Basic Page Elements: Already existing
      • Graphics: "kelseys.jpg"
      Step-by-step:
      1. Rename "index.htm" to "main.htm"
      2. Copy "main.htm" to "link.htm"
      3. Create a new "index.htm" as a frameset with two frames:
        • top frame src="link.htm" name="top"
        • bottom frame src="main.htm" name="bottom"
      4. Edit "link.htm" to only have the image "kelseys.jpg" as an image map with links to main, breakfast, lunch, and dinner, target the bottom frame
      5. Edit the other pages to remove the "kelseys.jpg" image
      6. Make it look good
      7. Test (preview) your web page frequently
      8. Save your file frequently
    2. Work on any unfinished labs
    3. Make improvements to your finished labs
28
 Friday - Mid-Term Exam - Image Maps and Frames and Tables
  1. Classroom Discussion - None
  2. Lab Assignment -
    1. (50 pts) Mid-Term Exam. DocCentric is a company that builds and sells copiers nationwide. They have four sales regions. They want you to create a web site that will display sales statistics (an excel chart) for each region with a short commentary about how the region fared.
      Requirements:
      • Purpose: Create a web site for Doc-Centric Copiers to highlight their annual sales report
      • Site Organization: multiple pages using frames, tables, and image maps
      • Colors and Accents: Author's choice, make it look good
      • Navigation System: Create and use an Image Map in a links frame, be sure to target the correct frame
      • Basic Page Elements: Author's choice, make it look good
      • Graphics:
        • "dccLogo.jpg" company logo
        • "map.jpg" sales regions of USA
        • "mwChart.jpg" mid-western region sales chart
        • "neChart.jpg" north-eastern region sales chart"
        • "sChart.jpg" southern region sales chart"
        • "wChart.jpg" western region sales chart"
      • The commentary is supplied in files:
        • "mwComment.txt" mid-western region commentary
        • "neComment.txt" north-eastern region commentary"
        • "sComment.txt" southern region commentary"
        • "wComment.txt" western region commentary"
      • "report.txt" you may use for the introductory page text
      Step-by-Step is up to you.
      1. Create a folder called "docCentric" on "H:/HTML/" and put all your work there
      2. Copy the images found on "Q:/docCentric" folder to your folder
      3. Create a frames website that uses an image map for control
      4. Create a page for each region
      5. Display the correct text commentary and chart image for each region
      6. Make the image map link to the correct region page
      7. Make it look good
      8. Use the suggestions I provide during our class critique sessions
      9. Test (preview) your web page frequently
      10. Save your file frequently
      Complete this lab in the time provided today. Points will be awarded for completeness. Points will be deducted for lateness.
29
 Monday - School Violence Awareness/Avoidance/Prevention and Internet Graphics and Macromedia Fireworks
  1. Violence and Vandalizm Awareness Week - "Bullying": an on-screen presentation
  2. Classroom Discussion -
    1. Violence and Vandalizm Awareness Week - Bullying: web sites with more information:
    2. Design, optimize and integrate web graphics - Fireworks MX 2004 has the tools web professionals need to create everything from simple graphical buttons to sophisticated rollover effects. Readily import, edit, and integrate all major graphics formats, including vector and bitmap images. Easily export Fireworks images to Flash, Dreamweaver, and third-party applications.
  3. Lab Assignment -
    1. Class participation in "Bullying", on-screen presentation and teacher talk
    2. Macromedia Fireworks - Open Fireworks and work on the tutorial titled "Graphic Design Basics". Read and follow each step carefully. Be sure to complete each step in order or the later steps won't work correctly. Go as far as you can today and we'll finish up on Wednesday.
    3. You may continue to work on any existing labs to earn additional points
30
 Tuesday - School Violence Awareness/Avoidance/Prevention and Internet Graphics and Macromedia Fireworks
  1. Classroom Discussion -
    1. Violence and Vandalizm Awareness Week - "Conflict Resolution": web sites with more information:
    2. More on Fireworks as an internet graphics design tool
    3. (postponed) Guest speaker from Chubb will speak about careers of choice
  2. Lab Assignment -
    1. Class participation in "Conflict Resolution", on-screen presentation and teacher talk
    2. Macromedia Fireworks - Open Fireworks and work some more on the tutorial titled "Graphic Design Basics". Read and follow each step carefully. Be sure to complete each step in order or the later steps won't work correctly. Try to finish this section today.
31
 Wednesday - School Violence Awareness/Avoidance/Prevention and HTML Forms
  1. Classroom Discussion -
    1. Violence and Vandalizm Awareness Week - "Harassment": web sites with more information:
    2. HTML Forms allow the user to enter data and are used to pass user-data to a specified URL. A form can contain textfields, checkboxes, radio-buttons and more. Some websites with tutorials about forms:
  2. Lab Assignment -
    1. Class participation in "Harassment", on-screen presentation and teacher talk
    2. Classified newspaper search form using forms to get user input:
      • Purpose: Create a web site for classified newspaper searches. Gordon Publishing publishes six area newspapers. They want a web site to allow customers to perform searches of the classified advertising pages
      • Site Organization: One page using form elements that allow the user to input choices
      • Colors and Accents: Author's choice, make it look good
      • Navigation System: Create and use a form with elements to allow the user to enter a selection
        • Link "search" to yahoo
        • Link "help" to google
        • Link "cancel" to dogpile
      • Basic Page Elements: Radio buttons, checkboxes, and text boxes (see sample below)
      • Graphics: images on buttons to provide for user selection
        • "search.gif"
        • "help.gif"
        • "cancel.gif"
      Step-by-Step is up to you.
      1. Create a folder called "newspaper" on "H:/HTML/" and put all your work and images there
      2. Copy the images found on "Q:/newspaper" folder to your folder
      3. Set the form "method=post" and "action="http://www.1112.net/lastpage.html"
      4. Make it look good
      5. Test (preview) your web page frequently
      6. Save your file frequently
      Here's what mine looks like:
  3. Extra Time - Try this if you have extra time:
    1. Locate and open the "School Rules Quiz" and save the source to a folder "H:/HTML/SchoolRules" as "quizSchoolRules.htm"
    2. Modify to create a form
    3. Set the form "method=post" and "action=mailto:mclarke@mail.ocvts.org"
    4. Add "Submit" and "Reset" buttons
    5. Test it (Answer the questions and click "Submit"
    6. Ask me to see if I get the e-mail
32
 Thursday - School Violence Awareness/Avoidance/Prevention and HTML Forms
  1. Classroom Discussion -
    1. Violence and Vandalizm Awareness Week - "Anger Management": web sites with more information:
    2. Review forms and related tags
  2. Lab Assignment -
    1. Class participation in "Anger Management", on-screen presentation and teacher talk
    2. Finish the newspaper forms web page from yesterday
    3. Extra Time - A simple survey using forms to get user input. This one should display your input back to you:
      • Purpose: Create a web site to get user information
      • Site Organization: One page using form elements that allow the user to input choices
      • Colors and Accents: Author's choice, make it look good
      • Navigation System: One submit button and one reset button
      • Basic Page Elements: Radio buttons, checkboxes, and text boxes (see sample below)
      • Graphics: Author's choice, make it look good
      Step-by-Step is up to you.
      1. Create a folder called "addressForm" on "H:/HTML/" and put all your work and images there
      2. Copy the "addressForm.htm" file from the "Q:/addressForm" folder
      3. Start with this web page and add your form to it. Set the form "method=post" and "action=""
      4. In order that the programming on the page works, use these input names:
        • Name: name="Name"
        • Password: name="Psword"
        • Age: name="Age"
        • Gender: name="Gender"
        • Salary Range: name="Range"
        • Education Level: name="Edu"
        • Occupation: name="Occupation"
        • Hobbies: name="Sing" name="Garden" name="Walk" name="Shop" name="Other"
        • Comments: name="Comments"
      5. Make it look good
      6. You can't test (preview) your web page frequently, because the programming on the page won't work until it is complete
      7. Save your file frequently
      Here's what mine looks like:
33
 Friday - English/Career
  1. Classroom Discussion -
    1. Guest speaker from DeVry will speak about trends in the job market
    2. English - Ms. Russen will visit
    3. English - Fun With Words - Anagrams
    4. PDP - SK4, Team Negotiation - convince the teacher to watch a movie next week
  2. Lab Assignment -
    1. Work on any unfinished asslgnments
34
 Monday - Halloween Website Design
  1. Classroom Discussion -
    Good Web Design Techniques
    1. build-website.com - Web Design:
      1. Define Objectives
      2. Design Web Page
      3. Download Editor
      4. Construct Web Page
      5. Find a Web Server
      6. Upload Web Page
      7. Promote Web Page
      8. Monitor Page Hits
    1. datahost.com - Website Planning:
      1. Define the Objective
      2. Consider Resources
      3. Make a Budget
      4. Service Provider
      5. Domain Name
      6. Site Features
      7. Content
      8. Assemble Content
      9. Research Competition
      10. Marketing Strategy
    1. essdack.org - Planning Your Site
    2. sitepoint.com - Good Website, Bad Website
    3. sitepoint.com - Design Guidelines
    4. websitetips.com - Design and Layout
    5. websitegear.com - Website Layout
    6. wilsonweb.com - Website Planning Worksheet
    7. makingthenetwork.org - Planning a Website
    8. site-maker.com - Website Planning Guide
    9. diveindesigns.com - Website Pkanning Guide
    10. asiostudio.com - Strategic Website Planning
  2. Lab Assignment -
    1. Halloween website, (50 pts) day one of a four-day lab assignment:
      • Purpose: Create a web site about Halloween
      • Site Organization: Multi-page site using many of the HTML tag elements we've learned (basic tags, colors, formatting, entities, fonts, forms, frames, images, layout, links, lists, tables)
      • Colors and Accents: Author's choice, make it look good
      • Navigation System: Author's choice, make it work well. Some page organization suggestions:
        (this is NOT a complete list and you DON'T have to use all of these)
        • home (index.htm)
        • history of Halloween in the USA
        • history of Halloween international
        • other dress-up holidays
        • downloadable images
        • downloadable music
        • local towns' trick-or-treat nights
        • local towns' curfew
        • trick-or-treat tips to get the most goodies
        • safety tips
        • others?
        • links
      • Basic Page Elements: Author's choice, make it look good
      • Graphics: Author's choice, make it look good
      Step-by-Step is up to you.
      1. Define the objective of your site - write it down! Defining your goals will help shape the design and functionality
      2. Make a list of features you want on the site - write them down!
      3. Think about content - write a short paragraph or sketch a simple drawing of what you want on your home page and how you want it to look. Think about what you want to communicate to visitors
      4. Create a folder called "halloween" on "H:/HTML/" and put all your work and images there
      5. Assemble site content - gather together any text, graphics, or other materials you want. Put everything in the same folder
      6. Research the competition - perform searches for similar websites
      7. Make it look good. Use images and content from other internet websites
      8. Test (preview) your web page frequently
      9. Save your file frequently
      10. You have three days to finish this assignment. Do your best, take your time, but DON'T DAWDLE
      11. On Thursday we will evaluate each other's websites
    2. Work on any unfinished asslgnments - the end of marking period 1 is the first week in November
35
 Tuesday - Lunar Eclipse and Halloween Website Design
  1. Classroom Discussion -
    1. Total Lunar Eclipse - Beginning at 9:14 p.m. EDT, Wednesday, Oct. 27th
    2. sitepoint.com - Design Guidelines
  2. Lab Assignment -
    1. Halloween website, (50 pts) day two of a four-day lab assignment. Continue working on your Halloween web site. Find guidelines on Monday
    2. Work on any unfinished asslgnments
36
 Wednesday - Math and Halloween Website Design
  1. Classroom Discussion - None, just a huge lab
  2. Lab Assignment -
    1. Halloween website, (50 pts) day three of a four-day lab assignment. Continue working on your Halloween web site. Find guidelines on Monday
    2. Work on any unfinished asslgnments
37
 Thursday - Halloween Website Design
  1. Classroom Discussion - None, just a huge lab
  2. Lab Assignment -
    1. Halloween website, (50 pts) day three of a four-day lab assignment. In-class, on-screen review and critique of students' Halloween websites. I’ll pull up your sites on my projector and we’ll discuss the good features of your site and how your site might be improved. I’ll take your comments into consideration during grading
38
 Friday - Computer Movie
  1. Classroom Discussion - None
  2. Lab Assignment -
    1. Watch the movie Pirates of Silicon Valley, an early history of Bill Gates (Microsoft) and Steve Jobs (Apple)
    2. Review and discuss movie
    3. Sunday is Halloween. Have a safe and productive (get the goodies) day
39
 Monday - Vocabulary & Politics & HTML Tricks (Colors, Menus, Page Formatting)
  1. Classroom Discussion -
    1. Vocabulary
    2. I will not tell you for whom I will be voting, but I want you to recognize the importance of making an informed decision
      1. Politics as Normal? Real websites in alphabetical order:
      2. Neither Here nor There? Independent-Sounding websites:
      3. Political Spoofs? Take-off websites:
      4. The Importance of Voting:
    3. bignosebird.com
      • Internet-Safe Colors
      • Menus & Navigation Devices
      • Page Formatting Tricks
    4. Tech Rep Day (Monday 11/08) visit from select schools
  2. Lab Assignment -
    1. Add some internet-safe colors or menus and navigation or page formatting tricks to your myFavorites
40
 Tuesday - PDP & HTML Tricks (Forms, FTP, Icons, Add to Favorites)
  1. Classroom Discussion -
    1. Tech Rep Day (Monday 11/08) visit from select schools
    2. bignosebird.com
      • Forms
      • FTP
      • Site Icon
      • Add to Favorites
  2. Lab Assignment -
    1. Add some forms or ftp or icon or "add to favorites" tricks to your myFavorites
41
 Wednesday - Technology Movie
  1. Classroom Discussion -
    1. Watch a movie that has a technology twist
    2. In-class movie review/discussion
    3. Tech Rep Day (Monday 11/08) visit from select schools
  2. Lab Assignment - none
11/04/04
 Thursday - No School - Teachers' Convention
11/05/04
 Friday - No School - Teachers' Convention
42
 Monday - Vocabulary and <iframe>
  1. Classroom Discussion -
    1. Computer Vocabulary
    2. HTML inline frame <iframe> tag. Very simply, the inline frame tag allows you to open new pages directly inside a main page. Inline or 'floating' frames are ones which appear on a page, much like an image or a table would. This allows you to open complete separate pages in the middle of your writing. Here's a simple example of an inline frame: And here are some great <iframe> tutorial and example pages:
  2. Lab Assignment -
    1. Computer Vocabulary Quiz 2 (all terms are computer-related)
    2. Work with the IFRAME tag. Modify either the Tri-State Realty or Kelsey's Diner websites to take advantage of IFRAME.
      • Purpose: Modify an existing site to take advantage of the IFRAME tag
      • Site Organization:
      • Colors and Accents: Use the existing colors, fonts, backgrounds, images, etc.
      • Navigation System: Modify the existing navigation to display sub pages inside the IFRAME
      • Basic Page Elements: Use existing elements
      • Graphics: Use existing graphics
      Step-by-Step is up to you.
      1. Choose either Tri-State Realty or Kelsey's Diner
      2. Copy the entire folder; call the new folder either Tri-State IFrame or Kelseys IFrame
      3. Copy the "index.htm" page to "index2.htm"
      4. Modify the new "index2.htm" to remove the links and add instructions to use the links you will be placing on the "index.htm" page
      5. Modify the "index.htm" page to remove everything but the links and add an "iframe" with the source being "index2.htm" and name it
      6. Modify the links on the "index.htm" page to target the name of the "iframe"
      7. Make it look good
      8. Test (preview) your web page frequently
      9. Save your file frequently
    3. Visit with representatives from technical schools and ask questions
    4. Work on any unfinished websites
43
 Tuesday - PDP, <iframe> practice, and Tech Reps
  1. Classroom Discussion -
    1. Professional Development Starter Kit Level 8, The Importance of Goals
    2. Tech Rep Day (today) visit from select schools. We will be called. This is your chance to ask questions
  2. Lab Assignment -
    1. Create a web page to display all of your currently existing websites inside an <iframe>. It must work from my PC also
    2. Work on any unfinished websites
44
 Wednesday - Math
  1. Classroom Discussion -
  2. Lab Assignment -
    3. Work on any unfinished websites
11/11/04
 Thursday - No School - Veterans' Day Holiday
45
 Friday - English/Career and/or movie "Pirates of Silicon Valley"
  1. Next Week Anouncements
  2. Classroom Discussion -
    1. Ms. Russen will visit
    2. English - Fun With Words - Anagrams
  3. Lab Assignment -
    3. Work on any unfinished websites