OCVTS 2006 - Computer Science

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/04/06

Monday - No School - Labor Day Holiday

09/05/06

Tuesday - No School

09/06/06

Wednesday - Class Overview & Rules

Classroom Discussion -

Message from Principal - read, sign, & return
Emergency Cards - fill out completely & return
Computer Contract - read, sign, & return
Social Security Numbers - fill out completely & return, required because the computers we're using were purchased with federal grant monies
Student Handbook & School Rules - guidelines for a successful year
Cell Phones/Beepers/Pagers - Turned off & out of sight
Smoking - smoking anywhere in a school facility or 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 & Senior Services code
Grading Policy - 1/3 attendance & participation (every day), 1/3 tests & quizzes (every 2 weeks), 1/3 lab assignments (every day)
Notebooks - handouts, returned assignments, notes
Discipline Policy - rules & regulations
Dress Code - no offensive clothing, no hats
CD Players, etc. - not required for classroom activities
Large Sums of Money - not required for classroom activities
Driving Policy - students may not drive without prior approval from the Principal
Safety - guidelines
Fire Drills - exit route & outside meeting place
School Lockdown Procedures - student response to emergencies
Attendance - Mandatory - difficult to learn if you're not here - HS - 8 excused & 10 unexcused - PS - total 18 unexcused - over 18 days total absences will be removed from program
Hall Passes - I'm responsible to know where you are - ask for permission to leave classroom - take hall pass - get initial from visited person - return to me
Bathroom Passes - I'm responsible to know where you are - ask for permission to leave classroom - sign out - sign back in upon return
Computer Science Pre-Test - next week
School/Community Service Project - voluntary
Food & drink - not allowed in classroom
Student Grievance Procedures - separate handout - posted on board
Skill Profiles - separate handout - received at completion of course - tells an employer what you’ve mastered - posted on board
Student "CSS##" ID numbers & passwords - allow access to computer & network - good all year - memorize - do not share with other students
Installed Software Computers - only by authorized district technology personnel - only for learning purposes - do not install games on computers

Lab Assignment -
1. Review classroom rules
2. Forms to complete & return to teacher:
  1. Message from Principal - student signature
  2. Emergency Card - student fills out
  3. Computer Contract - student & parent/guardian signatures
  4. Social Security Number - student signature
3. Familiarize yourself with the classroom computers & make sure your User ID & Password allow you to sign onto the system
4. Work through the Microsoft Word Tutorial from Florida Gulf Coast University
5. Research "History of the Computer" online, take notes, bookmark the best page, & be prepared to participate in classroom discussion tomorrow
6. Contact information - send "mclarke@mail.ocvts.org" an e-mail from your e-mail address
7. Contact AIM contact name - add "compSciClarke" to your contacts
8. Guidelines to Add New Printer:
  1. Click "Start"
  2. Click "Printers & other hardware"
  3. Identify any existing printers (CSA_4050 on TRCOMPSCI) & (Phaser750 on TRCOMPSCI)
  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 & Click "Next"
  7. Our printers are Network Printers, click that button, & click "Next"
  8. Find a printer in the directory, Click "Next"
  9. Entire directory, Click "Find Now"
  10. Click "CSA_4050" & click "Next" <-- this should be your default printer
  11. Click "Finish" to add the printer
9. Repeat for the "Phaser750" printer

09/07/06

Thursday - Class Overview & Rules

Classroom Discussion -
1. Message from Principal - read, sign, & return
2. Emergency Cards - fill out completely & return
3. Computer Contract - read, sign, & return
4. Social Security Numbers - fill out completely & return, required because the computers we're using were purchased with federal grant monies
5. Student Handbook & School Rules - guidelines for a successful year
6. Cell Phones/Beepers/Pagers - Turned off & out of sight
7. Smoking - smoking anywhere in a school facility or 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 & Senior Services code
8. Grading Policy - 1/3 attendance & participation (every day), 1/3 tests & quizes (every 2 weeks), 1/3 lab assignments (every day)
9. Notebooks - handouts, returned assignments, notes
10. Discipline Policy - rules & regulations
11. Dress Code - no offensive clothing, no hats
12. CD Players, etc. - not required for classroom activities
13. Large Sums of Money - not required for classroom activities
14. Driving Policy - students may not drive without prior approval from the Principal
15. Safety - guidelines
16. Fire Drills - exit route & outside meeting place
17. School Lockdown Procedures - student response to emergencies
18. Attendance - manditory (you can't learn if you're not here) 8 excused & 10 unexcused, over 18 days total absences will be removed from program
19. Hall Passes - ask teacher for permission to leave classroom
20. Bathroom Passes - ask teacher for permission to leave classroom & sign out
21. Computer Science Pre-Test - next week
22. School/Community Service Project - voluntary
23. Food & drink - not allowed in classroom
24. Student Grievance Procedures - posted on board
25. Skill Profiles - posted on board
26. Student "CSS##" ID numbers
Lab Assignment -
1. Review classroom rules
2. Forms to complete & return to teacher:
  1. Message from Principal - student signature
  2. Emergency Card - student fills out
  3. Computer Contract - student & parent/guardian signatures
  4. Social Security Number - student signature
3. Familiarize yourself with the classroom computers & make sure your User ID & Password allow you to sign onto the system
4. Work through the Microsoft Excel Tutorial from Florida Gulf Coast University
5. Research "History of Software" online, take notes, bookmark the best page, & be prepared to participate in classroom discussion tomorrow
6. Contact information - send "mclarke@mail.ocvts.org" an e-mail from your e-mail address
7. Contact AIM contact name - add "compSciClarke" to your contacts
8. Guidelines to Add New Printer:
  1. Click "Start"
  2. Click "Printers & other hardware"
  3. Identify any existing printers (CSA_4050 on TRCOMPSCI) & (Phaser750 on TRCOMPSCI)
  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 & Click "Next"
  7. Our printers are Network Printers, click that button, & click "Next"
  8. Find a printer in the directory, Click "Next"
  9. Entire directory, Click "Find Now"
  10. Click "CSA_4050" & click "Next" <-- this should be your default printer
  11. Click "Finish" to add the printer
9. Repeat for the "Phaser750" printer

09/08/06

Friday - Class Overview & Rules

Classroom Discussion -
1. Message from Principal - read, sign, & return
2. Emergency Cards - fill out completely & return
3. Computer Contract - read, sign, & return
4. Social Security Numbers - fill out completely & return, required because the computers we're using were purchased with federal grant monies
5. Student Handbook & School Rules - guidelines for a successful year
6. Cell Phones/Beepers/Pagers - Turned off & out of sight
7. Smoking - smoking anywhere in a school facility or 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 & Senior Services code
8. Grading Policy - 1/3 attendance & participation (every day), 1/3 tests & quizes (every 2 weeks), 1/3 lab assignments (every day)
9. Notebooks - handouts, returned assignments, notes
10. Discipline Policy - rules & regulations
11. Dress Code - no offensive clothing, no hats
12. CD Players, etc. - not required for classroom activities
13. Large Sums of Money - not required for classroom activities
14. Driving Policy - students may not drive without prior approval from the Principal
15. Safety - guidelines
16. Fire Drills - exit route & outside meeting place
17. School Lockdown Procedures - student response to emergencies
18. Attendance - manditory (you can't learn if you're not here) 8 excused & 10 unexcused, over 18 days total absences will be removed from program
19. Hall Passes - ask teacher for permission to leave classroom
20. Bathroom Passes - ask teacher for permission to leave classroom & sign out
21. Computer Science Pre-Test - next week
22. School/Community Service Project - voluntary
23. Food & drink - not allowed in classroom
24. Student Grievance Procedures - posted on board
25. Skill Profiles - posted on board
26. Student "CSS##" ID numbers
Lab Assignment -
1. Review classroom rules
2. Forms to complete & return to teacher:
  1. Message from Principal - student signature
  2. Emergency Card - student fills out
  3. Computer Contract - student & parent/guardian signatures
  4. Social Security Number - student signature
3. Familiarize yourself with the classroom computers & make sure your User ID & Password allow you to sign onto the system
4. Work through the Microsoft PowerPoint Tutorial from Florida Gulf Coast University
5. Research "History of the Internet" online, take notes, bookmark the best page, & be prepared to participate in classroom discussion next week
6. Contact information - send "mclarke@mail.ocvts.org" an e-mail from your e-mail address
7. Contact AIM contact name - add "compSciClarke" to your contacts
8. Guidelines to Add New Printer:
9. Guidelines to Add New Printer:
  1. Click "Start"
  2. Click "Printers & other hardware"
  3. Identify any existing printers (CSA_4050 on TRCOMPSCI) & (Phaser750 on TRCOMPSCI)
  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 & Click "Next"
  7. Our printers are Network Printers, click that button, & click "Next"
  8. Find a printer in the directory, Click "Next"
  9. Entire directory, Click "Find Now"
  10. Click "CSA_4050" & click "Next" <-- this should be your default printer
  11. Click "Finish" to add the printer
10. Repeat for the "Phaser750" printer

09/11/06

Monday - Math & History of the Internet & Adobe (Macromedia) Dreamweaver & HTML

Classroom Discussion -
1. Money Skills - Making Decisions
2. The History of the Internet
3. Macromedia Dreamweaver - Dreamweaver MX is the professional choice for building web sites & applications. It provides a powerful combination of visual layout tools, application development features, & code editing support, enabling developers & designers at every skill level to create visually appealing, standards-based sites & 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, & legacy systems.
4. Adobe bought Macromedia, Adobe Macromedia Dreamweaver home page, & some 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
5. HTML - w3schools
  1. Browse to the w3schools HTML web site
  2. Read Home
  3. Read HTML & WWW
  4. Read Introduction
Lab Assignment -
1. 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 & do any steps as instructed
  5. Save any files created onto your "H:/Dreamweaver" folder

09/12/06

Tuesday - English & Adobe (Macromedia) Dreamweaver & HTML

Classroom Discussion -
1. English - Computer Vocabulary Terms Google search results
2. HTML - w3schools
  1. Browse to the w3schools HTML web site
  2. Read Elements
  3. Read Basic Tags
Lab Assignment -
1. 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" & all sub pages & do the steps as instructed
  5. Read "Adjust the layout" & all sub pages & do the steps as instructed
  6. Read "Add styled text" & all sub pages & do the steps as instructed
  7. Save any files created onto your "H:/Dreamweaver" folder

09/13/06

Wednesday - Career & Adobe (Macromedia) Dreamweaver & HTML

Classroom Discussion -
1. Career - career page
2. What does "lorem ipsum dolor sit amet" mean? Well, I looked it up:
3. HTML - w3schools
  1. Browse to the w3schools HTML web site
  2. Read Formatting
Lab Assignment -
1. Macromedia Dreamweaver tutorial - "A First Look at Dreamweaver Workspace"
  1. Open Macromedia Dreamweaver
  2. Select "Help", "Tutorials"
  3. Under "Contents", select "Getting Started", "Creating Your First Website", continue
  4. Read all sub pages & do the steps as instructed
  5. Save any files created onto your "H:/Dreamweaver" folder

09/14/06

Thursday - Science & Adobe (Macromedia) Dreamweaver & HTML

Classroom Discussion -
1. Science - how stuff works
2. Web Building - w3schools shows how to build a professional web site
3. Site Design - Wilson Internet Website Planning Worksheet to answer six questions: Who, What, When, Where, Why, & How
4. HTML - w3schools
  1. Browse to the w3schools HTML web site
  2. Read Entities
  3. Read Links
Lab Assignment -
1. Macromedia Dreamweaver tutorial - "A First Look at Dreamweaver Workspace"
  1. Open Macromedia Dreamweaver
  2. Select "Help", "Tutorials"
  3. Under "Contents", select "Getting Started", "Creating Your First Website", continue
  4. Read all sub pages & do the steps as instructed. Try to finish the tutorials today; I want to start designing web pages
  5. Save any files created onto your "H:/Dreamweaver" folder

09/15/06

Friday - SkillsUSA PDP & Adobe (Macromedia) Dreamweaver & HTML & School Rules Quiz

Classroom Discussion -
1. PDP - Starter Kit - Introduction
2. HTML - w3schools
  1. Browse to the w3schools HTML web site
  2. Read Lists (skip Frames & Tables, we'll come back to them)
  3. Read Images (skip Forms, we'll come back to it)
Lab Assignment -
1. School Rules Quiz - Take the quiz (You must get 100% to continue)
2. PDP - pass out Starter Level, put your names on the covers, put the books in your black magazine holder box, discuss Starter Kit Level 1 - 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", "Creating Your First Website", continue
  4. Read all sub pages & do the steps as instructed. Try to finish the tutorials today; I want to start designing web pages
  5. Save any files created onto your "H:/Dreamweaver" folder

09/18/06

Monday - Math & HTML & Macromedia Dreamweaver

Classroom Discussion -
1. Money Skills - Making Money
2. Review HTML on the w3schools.com web site
  1. Introduction
  2. Elements
  3. Basic Tags
  4. Formatting
  5. Entities
  6. Lists
  7. Images
3. Review Dreamweaver tutorials "Create Your First Web Site"
  1. Create a Site
  2. Create a Document from a Template
  3. Adding Text
  4. Duplicate a Document
  5. Add an Image Placeholder
  6. Add an Interactive Image
  7. Create a Hyperlink
4. Review "H:" network drive folders:
  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)
Lab Assignment -
1. School Rules Quiz - Re-take the quiz if you haven't gotten 100% (You must get 100% to continue)
2. Create a Web Page "MyFavoriteThings", a list of up to ten (10) of things you like:
  1. Make a new folder "MyFavoriteThings" in "My Documents" to save images & your work
  2. Open Dreamweaver (or you may use notepad)
  3. Create a new site in Dreamweaver connected to your new folder
  4. Create a new document or copy an existing template
  5. Title your document "My Favorite Things"
  6. Add a header "My Favorite Things", centered & larger font
  7. Make a list of up to ten things you like
  8. Locate up to ten pictures on the internet to represent your favorite things (yahoo images)
  9. Add these images to your web page
  10. Make it look good - align the images with the text
  11. Save frequently (5 seconds to save -- hours to recreate your work)
  12. When complete, copy the entire folder "MyFavoriteThings" to your "H:/HTML" folder (so I can look at it)

09/19/06

Tuesday - Science & HTML & Macromedia Dreamweaver

Classroom Discussion -
1. How the Ipod Works
Lab Assignment -
1. School Rules Quiz - If you did not receive 100%, retake the quiz
2. Create a web page "Government Links", a list of links to ten (10) US Governments web sites
  1. Make a new folder "GovernmentLinks" in "My Documents" to save images & your work
  2. Open Dreamweaver (or you may use notepad)
  3. Create a new site in Dreamweaver connected to your new folder
  4. Create a new document or copy an existing template
  5. Title your document "Government Links"
  6. Add a header "Government Links", centered & larger font
  7. Locate ten US Government web sites on the internet & identify the URL (Uniform Resource Locator) address
  8. Create hyperlinks (text or image) to the ten sites
  9. Add some appropriate images (Yahoo images)
  10. Make it look good - align the images with the text
  11. Save frequently (5 seconds to save -- hours to recreate your work)
  12. When complete, copy the entire folder "GovernmentLinks" to your "H:/HTML" folder (so I can look at it)

09/20/06

Wednesday - Career & HTML & Macromedia Dreamweaver

Classroom Discussion -
1. Career - Dress & Demeanor
  1. You Never Get a Second Chance to Make a First Impression
  2. Clothes make the man or woman
  3. The best way to make a powerful first impression is with proper attire
  4. Dress to convey a message
  5. To project a professional image, consider these suggestions:
    - Don't buy clothes, invest in them. Invest in at least one power suit that makes you feel great
    - Find a clothing store and/or salesperson you can trust. Also, find a good tailor or seamstress. Proper tailoring is as important as the quality of the clothes you wear
    - Pay particular attention to the condition of your shoes. Check the condition of heels, soles, polish, leather, & shoelaces before going out
    - Dress for the place. Choose your wardrobe to match the region, company, & person with whom you are meeting. In recent years, casual dress became a standard for most businesses, but this is changing. More & more offices are adopting more formal modes of dress
  6. Some web sites with additional ideas:
2. HTML - Image maps specify regions of an image or object & assign a specific action to each region:
  1. w3schools Create an Image Map
  2. htmlGoodies.com Create an Image Map
  3. kasparius.com Create an Image Map
  4. w3.org Create an Image Map
3. HTML - The <FONT> tag w3schools.com
Lab Assignment -
1. Web Completer Exam - non-graded
2. Create a multi-page web site "Kelsey’s Diner" with a diner’s menus.
3. Concept: The client wants a web site to list menus. This web site will contain four (4) pages:
  1. A home page "index.htm" with a welcome message & links to other pages
  2. A page "breakfast.htm" with the menu of food available for breakfast
  3. A page "lunch.htm" with the menu of food available for lunch
  4. A page "dinner.htm" with the menu of food available for dinner
4. Preparation:
  1. Make a new folder "KelseysDiner" in "My Documents" to save images, text files, & your work
  2. Open Dreamweaver (or you may use notepad)
  3. Create a new site in Dreamweaver connected to your new folder
  4. All the images you need are in a folder "Q:/webDesign/KelseysDiner", copy to your Dreamweaver site
    1. "kelseys.jpg" is the splash image for the home page
    2. "breakfast.jpg" is the splash image for the "breakfast.htm" page
    3. "lunch.jpg" is the splash image for the "lunch.htm" page
    4. "dinner.jpg" is the splash image for the "dinner.htm" page
    5. "tan.jpg" is the background image
  5. The menus you need are also in a folder "Q:/webDesign/KelseysDiner", copy to your Dreamweaver site
    1. "index.txt" has suggested text for the home page
    2. "breakfast.txt" has the menu for the "breakfast.htm" page
    3. "lunch.txt" has the menu for the "lunch.htm" page
    4. "dinner.txt" has the menu for the "dinner.htm" page
5. The home page:
  1. Create a new document or copy an existing template
  2. Title your document "Kelsey’s Diner"
  3. Add the image "tan.jpg" for your body background
  4. Add the image "kelseys.jpg" at the top, centered
  5. Add the text from "kelseys.txt", change the font size, face, color properties
  6. Create an image map of the splash image, let the words "breakfast" hyperlink to "breakfast.htm", "lunch" hyperlink to "lunch.htm", & "dinner" hyperlink to "dinner.htm" (you have not created these pages yet so you can't test your web site yet)
  7. Make "index.htm" look good
  8. Save the file "index.htm"
6. Lunch:
  1. Duplicate "index.htm" to "breakfast.htm"
  2. Change the splash images on the "breakfast.htm" page to "breakfast.jpg"
  3. Change the text on the "breakfast.htm" page using the "breakfast.txt" file, copy & paste
  4. Change the font size, face, color properties on the "breakfast.htm" page
  5. Create a hyperlink "Home Page" back to "index.htm"
  6. Make "breakfast.htm" look good
  7. Save the file "breakfast.htm"
7. Lunch & Dinner:
  1. Duplicate "breakfast.htm" to "lunch.htm" & "dinner.htm"
  2. Change the splash images to "lunch.jpg" & "dinner.jpg"
  3. Change the text using "lunch.txt" & "dinner.txt", copy & paste carefully
  4. Make each of "lunch.htm" & "dinner.htm" look similar to "breakfast.htm"
  5. Change the image map on each menu page to remove the hyperlink to the current page ("breakfast" should not point to "breakfast.htm" on the breakfast page, etc.)
  6. Save the files "lunch.htm" & "dinner.htm"
8. Finishing Up:
  1. Test the hyperlinks on each page to each page
  2. Make it look good
  3. Save frequently (5 seconds to save -- hours to recreate your work)
  4. When complete, copy the entire folder "KelseysDiner" to your "H:/HTML" folder (so I can look at it)

09/21/06

Thursday - English & HTML & Dreamweaver

Classroom Discussion -
1. English - Ms. Gerrick will visit to discuss the importance of "Following Instructions"
2. HTML - Review images as hyperlinks on w3schools Create an Image Hyperlink:
```
<a href="pageToLinkTo.htm">
<img src="imageThatWillBeTheClickableLink.jpg">
</a>
```
Lab Assignment -
1. Create a multi-page web site "Tri-State Realty" to list property for sale
2. Concept: The client wants a web site to list houses, apartments, & businesses available for purchase including picture & a description of the property. This web site will contain multiple pages:
  1. A home page "index.htm" with a welcome message & links to other pages
  2. A page for each type of property available:
    1. New Homes
    2. Business
    3. Family Homes
    4. Mansions
    5. Apartments
  3. A page for each property available (for this lab there are four (4) family homes & two (2) mansions for sale)
  4. New Homes, Business, & Apartments should say "Under Construction"
3. Preparation:
  1. Make a new folder "TriStateRealty" in "My Documents" to save images, text files, & your work
  2. Open Dreamweaver (or you may use notepad)
  3. Create a new site in Dreamweaver connected to your new folder
  4. All the images you need are in a folder "Q:/TriStateRealty", copy to your Dreamweaver site
    1. "listings.gif" is the image for an image map to hyperlink to the other pages
    2. "tristate.gif" is the company logo
    3. "tsback.gif" is the background image
    4. There are 12 other images: "house.jpg" (1-4) & "mansion.jpg" (1-2) as properties for sale (small & large images)
4. The home page:
  1. Create a new document or copy an existing template
  2. Title your document "Tri-State Realty"
  3. Add the image "tsback.gif" for your body background
  4. Add the image "tristate.gif" at the top, centered (you may have to change the size properties height & width to make it look good)
  5. Add the welcoming text found in file "index.txt", change the font size, face, color properties
  6. Add the image "listings.gif" at the bottom, centered
  7. Create an image map of the listings image, let the words hyperlink to appropriate pages that you have not yet created
  8. Make "index.htm" look good
  9. Save the file "index.htm"
5. Family Homes:
  1. Duplicate "index.htm" to "familyHomes.htm"
  2. Add the text found in file "family.txt", change the font size, face, color properties
  3. Create clickable images ("house01Small.jpg") as hyperlinks in addition to text hyperlinks
  4. Create a hyperlink "Home Page" back to "index.htm"
  5. Make "familyHomes.htm" look good
  6. Save the file "familyHomes.htm"
6. Duplicate "familyHomes.htm" to "mansions.htm" & change the hyperlinks, "mansion01.htm", etc.
7. House01:
  1. Duplicate "index.htm" to "house01.htm"
  2. Add the image "house01Large.jpg"
  3. Add text from "house01.txt", change the font size, face, color properties
  4. Make "house01.htm" look good
  5. Save the file "house01.htm"
8. Duplicate "house01.htm" to the other three houses & two mansions & change the images, hyperlinks, & text
9. Finishing Up:
  1. Test the hyperlinks on each page to each page
  2. Make it look good
  3. Save frequently (5 seconds to save -- hours to recreate your work)
  4. When complete, copy the entire folder "TriStateRealty" to your "H:/HTML" folder (so I can look at it)

09/22/06

Friday - SkillsUSA PDP & HTML & Dreamweaver & HTML Quiz 1

Classroom Discussion -
1. PDP - Starter Kit-1 – Personal Interests
Lab Assignment -
1. HTML 1 Quiz - Print for your records (in case the database fails)
2. Web Completer Exam - non-graded
3. PDP - Starter Kit-1 – Personal Interests - read & complete the lesson
4. Complete any incomplete labs

09/25/06

Monday - English & Good vs. Bad Web Design

Classroom Discussion -
1. Guest Speaker from DeVry University
2. w3schools.com - Review pages on Web Building:
  - Building
  - WWW
  - Design
  - Users
3. Some interesting sites that discuss web design:
  1. Examples of bad web design at web pages that suck & their daily sucker
  2. cindyRoyal.com - great one-page overview, links don't work
  3. webDeveloperNotes.com - loads of great information
  4. ratz.com - web design features
  5. stanford.edu - wordy but relevant
  6. flyMaster.com - notes on fonts
  7. mason.gmu.edu - good/bad examples
  8. google.com - search
4. Good sources for web design help:
  1. htmlhelp.com/a> - promote creation of web sites
  2. tips-tricks.com - design help
  3. devArticles.com - toos for geeks
  4. htmlGoodies -
5. My list of references
Lab Assignment -
1. Modify your existing "myFavorites.htm" page, add some links:
2. Concept: A web site listing some of your favorite things
3. Preparation:
  1. You should already have a folder & Dreamweaver site for "myFavorites"
4. Changes:
  1. Open "index.htm" 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 & some image links
  5. Each of your images should have the "alt" attribute with a value
  6. Add a "nested" list for one (or more) of your favorites, for example:
    - My Favorite Bands
      - America
      - Boston
      - Chicago
      - Kansas
    - My 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, & use this code:
```
<body background="imageName.jpg">
```
  8. See if you can get your list to align either left or right of an image
5. Finishing Up:
  1. Test every hyperlink
  2. Make it look good
  3. Save frequently (5 seconds to save -- hours to recreate your work)
  4. When complete, copy the entire folder "TriStateRealty" to your "H:/HTML" folder (so I can look at it)

09/26/06

Tuesday - Science & Web Design with HTML Tables

Classroom Discussion -
1. Science - How Sudoku Works
2. More
3. Science - How Sudoku Works on good web design:
4. HTML Tables from w3schools.com
5. Table Manipulation:
  1. Width & Height
  2. Borders
  3. Headings
  4. Empty Details
  5. Captions
  6. Cellspan
  7. Tags inside Tables
  8. Cellpadding vs. Cellspacing
  9. Background Color or Background Image
  10. Aligning Content
  11. Table Frames

Lab Assignment -

Update your "myFavorites" web page to include tables
Concept: Create one or more tables on your favorites to better organize the page:
1. Two columns, one for images, the other for text
2. Multple rows, one row for each of your favorite things
Preparation:
1. Open Dreamweaver or Notepad
2. Navigate to the correct site/folder
3. Open "index.htm"

Process:

Add HTML Table tags to create a table putting your images & text inside the Table Details:

<!-- comments - how to create a table-->
<!-- this table has 2 rows with 2 columns each-->
<table> <!-- create the table -->
<tr> <!-- create a table row -->
<td> <!-- create a table detail -->
<a href="www.w3.org/"><img src="pic1.jpg" alt="picture1"></a> <!-- add an image link -->
</td> <!-- close the first detail -->
<td> <!-- create a second detail -->
<a href="www.w3.org/"><my favorite 1></a> <!-- add a text link -->
</td> <!-- close the second detail -->
</tr> <!-- close the first row -->
<tr> <!-- create a second table row -->
<td> <!-- create a table detail -->
<a href="www.w3.org/"><img src="pic2.jpg" alt="picture2"></a> <!-- add a second image link -->
</td> <!-- close the first detail -->
<td> <!-- create a second detail -->
<a href="www.w3.org/"><my favorite 2></a> <!-- add a second text link -->
</td> <!-- close the second detail -->
</tr> <!-- close the second row -->
<!-- continue to create rows, one for each of your favorite things -->
</table> <!-- close the table -->

Finishing Up:
1. Make it look good
2. Save frequently (5 seconds to save -- hours to recreate your work)
3. When complete, copy the entire folder "TriStateRealty" to your "H:/HTML" folder (so I can look at it)

09/27/06

Wednesday - Career & Web Design with Dreamweaver Tables

Classroom Discussion -
1. PDP - Starter Kit-1 – Personal Interests - read & complete the lesson
2. Career - Self-assessment from LiveCareer.com :
  - Signup
  - Take the assessment
  - Print out the "spider web" chart
  - Put your name on the printout
  - Hand it in
  - Remember - don't pay for stuff on the internet & don't sign up for any advertisements
3. What Makes a Great Site?
4. Some Dreamweaver Table Tutorial web sites:
  - berkeley.edu - easy reading
  - wiredgorilla.com - create complex, professional page layouts
  - itsu.vt.edu - tables for layout
  - dwfaq.com - DreamweaverFAQ
  - rit.edu - pretty, with pictures even
  - northwestern.edu - good & bad
  - photoshopsupport.com - video tutorials
  - stockvault.net - cool
  - google.com - google search
Lab Assignment -
1. Create a web site "TV Guide" to use an HTML table to display TV listings for Wednesday, 09/27/06
2. Concept: The client wants a web site to display local TV listings for Philadelphia, PA, for one day, today, from 8:00 p.m. to 11:00 p.m. This web site will contain one page:
  1. A home page "index.htm"
3. Preparation:
  1. Make a new folder "tvGuide" in "My Documents" to save images, text files, & your work
  2. Open Dreamweaver (or you may use notepad)
  3. Create a new site in Dreamweaver connected to your new folder
  4. No images are required, but images/colors may be added at the designer's choice
  5. 1 file "index.txt" containing the text to be added found at "Q:/webDesign/tvGuide"
4. The home page:
  1. Create a new document or copy an existing template
  2. Title your document "Philadelphia TV, Wednesday, 09/27/06"
  3. Images/logo/colors may be added at the designer's choice
  4. Create a table large enough to add all TV programs for the evening:
    - You need to display the station name (abc, cbs, etc), plus 8:00 pm to 11:00 pm can be up to six (6) half-hour shows, so you need seven (7) table detail columns
    - Seven (7) table rows, one for each of the three major networks (ABC, CBS, NBC), three minor networks (Fox, CW, MNT), & one public station (PBS)
    - A half-hour show (8:00-8:30) is one table detail
    - A one-hour show (8:00-9:00) spans across two table details
    - An hour-and-a-half show (8:00-9:30) spans across three table details
    - A two-hour show (8:00-10:00) spans across four table details
    - A two-and-a-half-hour show (8:00-10:30) spans across five table details
    - A three-hour show (8:00-11:00) spans across all six table details
  5. Add the text, change the font size, face, color properties
  6. Place the text into the table details
  7. Make "index.htm" look good
  8. Save the file "index.htm"
5. Finishing Up:
  1. Make it look good
  2. Save frequently (5 seconds to save -- hours to recreate your work)
  3. When complete, copy the entire folder "tvGuide" to your "H:/HTML" folder (so I can look at it)

09/28/06

Thursday - Math & More Table Practice

Classroom Discussion -
1. Math - Ms. Verde will visit to discuss Finance Formulas
2. Tomorrow we'll put some of the Finance Formulas into practice using Microsoft Excel
3. Some helpful web pages that discuss HTML Tables:
  - w3c Tables - THE source of HTML
  - Netscape Tables - How Netscape implemented tables, tags, attributes, & controls
  - Netscape Table Sampler - Netscape Table Samples
  - htmlGoodies Tables - great tutorial site with loads of examples
  - University of Hawai`i at Manoa Tables - examples & examples
  - Page Tutor Tables - fun with graphics & lots of examples
  - HTML Help Tables - clean, simple text, no graphics
  - Google Search on HTML Table
Lab Assignment -
1. Create a web site "Dunstan Retreat Center" usint tables to advertise a business hotel & conference center online
2. Concept: The client wants a web page to advertise the hotel. The page will contain information about the hotel, next week's activities, upcoming events, & a letter from a satisfied customer. This web site will contain one page:
  1. A home page "index.htm" with a table containing columns of text
3. Preparation:
  1. Make a new folder "dunstan" in "My Documents" to save images, text files, & your work
  2. Open Dreamweaver (or you may use notepad)
  3. Create a new site in Dreamweaver connected to your new folder
  4. All the images & text you need are in a folder "Q:/webDesign/dunstan", copy to your Dreamweaver site
    1. "dLogo.jpg" is the company logo
    2. "river.jpg" is a picture of a river that runs through the woods of the center
    3. "adams.jpg" is a picture of Ben Adams, director of the hotel
    4. "welcome.txt" is welcoming text
    5. "nextWeek.txt" is text highlighting next week's special events
    6. "events.txt" is text calendar of events in future months
    7. "letter.txt" is a letter from a satisfied customer
4. The home page:
  1. Create a new document or copy an existing template
  2. Title your document "Dunstan Retreat Center"
  3. The customer has drawn up a sketch for you to use to design the page
  4. Create a table with one row & three columns:
    1. Left column has an image of Ben Adams, Director of Dunstan Retreat Center "adams.jpg" with the welcome message found in "welcome.txt"
    2. Center column is empty used as a spacer
    3. Right column has details contained in another table
  5. Create a table within the last column containing three columns & four rows:
    1. Top row spans the three columns with the logo image "dLogo.jpg"
    2. Middle row spans the three columsn with the river image "river.jpg"
    3. Bottom row left column has next week's events found in "nextWeek.txt"
    4. Bottom row center column spans two rows & is empty used as a spacer
    5. Bottom row right column spans two rows & contains the letter from a satisfied guest found in "letter.txt"
    6. Last row left column shows a calendar of upcoming events found in "events.txt"
5. Finishing Up:
  1. Make it look good
  2. Save frequently (5 seconds to save -- hours to recreate your work)
  3. When complete, copy the entire folder "dunstan" to your "H:/HTML" folder (so I can look at it)

09/29/06

Friday - SkillsUSA PDP & Web Design with Tables

Classroom Discussion -
1. PDP - Starter Kit Chapter 2 – Team Negotiation
2. Review HTML Tables on the w3schools site
3. Microsoft Excel Practice with Finance Formulas discussed yesterday
Lab Assignment -
1. On screen practice with Microsoft Excel - create a spreadsheet to calculate future value
2. Create a web page to display your class schedule & save it to a folder "H:/HTML/mySchedule/":
  - Purpose: Practice creating a web page using HTML tables
  - Site Organization: 1-page called "index.htm"
  - Colors & Accents: Author's choice, make it look good
  - Navigation System: None
  - Basic Page Elements: Title = "My Class Schedule", sized large
  - 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
3. Complete any incomplete labs

10/02/06

Monday - No School - Yom Kippur

10/03/06

Tuesday - Science & Web Design with Tables

Classroom Discussion -
1. How Motherboards Work
2. Science - Another page on How Motherboards work
3. HTML Tables - Table Attributes:
  - <table>
  - align
  - bgcolor
  - border
  - cellpadding
  - cellspacing
  - frame
  - rules
  - summary
  - width
Lab Assignment -
1. On screen practice with Table Attributes
2. Create "index.htm", a visually pleasing & well organized page layout using a graphic & table attributes:
  - Create a graphic in Microsoft Paint
  - Carve it up so that it can fit onto an HTML table
  - Use your graphic & HTML tables to design an "index.htm" page for your "My Favorites" project
  - Add text for links to other pages

10/04/06

Wednesday - Career & Web Design with Tables

Classroom Discussion -
1. Career – Career Assessment & Career Choices:
  - Match the self-assessment from LiveCareer.com
  - with possible career paths from careerKey.org
2. HTML Tables - Table Row Attributes:
  - <tr>
  - align
  - bgcolor
  - valign
3. HTML Tables - Table Header Attributes:
  - <th>
  - align
  - bgcolor
  - colspan
  - height
  - nowrap
  - rowspan
  - valign
  - width
4. HTML Tables - Table Detail Attributes:
  - <td>
  - align
  - bgcolor
  - colspan
  - height
  - nowrap
  - rowspan
  - valign
  - width
Lab Assignment -
1. On screen practice with Table Row, Header, & Detail Attributes
2. Modify the "index.htm" to include an organized & easily understandable menu navigation system using table row, header, & detail attributes:
  - Each of your favorite things will be on a separate page, one page for each favorite
  - Add text links to each of the other pages (you may not have created any other pages yet)
  - Make the "index.htm" page look good
  - When complete, copy "index.htm" to "fav1.htm" (rename it to your favorite thing)
  - Add images & text to your "fav1.htm" page
  - Remove the link to "fav1.htm" from the "fav1.htm" page (don't link back to the same page -- your users will get confused)
  - Repeat for "fav2.htm" through "fav10.htm" (renaming)
  - When all 10 are done, remove the link to "index.htm" from the "index.htm" page (don't link back to the same page)
  - Test all links (lots of where here)
  - Save to "H:/HTML/"

10/05/06

Thursday - English & HTML Quiz 2

Classroom Discussion -
1. English - Work Interest Inventory:
  - myFuture.com
  - learnMoreIndiana.org
Lab Assignment -
1. HTML 2 Quiz - Print for your records (in case the database fails)
2. Complete any incomplete labs

10/06/06

Friday - No School - Teacher In-Service Workshops

10/09/06

Monday - No School - Columbus Day Holiday

10/10/06

Tuesday - Science & HTML Frames

Classroom Discussion -
1. Good Character - Integrity - goodCharacter.com
2. How Microprocessors Work - How Stuff Works
3. How Microprocessors Work - smartComputing.com
4. How Microprocessors Work - crews.org
5. How Microprocessors Work - Intel Corporation
6. How Microprocessors Work - How Computers Work
7. HTML Frames - w3schools.com
  - <frameset>
  - <frame>
8. Lab Assignment -
  1. Create a multi-page web site "Doc Centric" using HTML frames to display sales data for a fictional company
  2. Concept: The client wants a web site to display sales data for regions of the US using a color-coded chart. This web site will use frames to display multiple pages:
    1. A home page "index.htm" with a welcome message & frames
    2. "index.htm" will be a frameset that contains two frames: left & right
    3. The left frame will be another frameset that contains two frames: top & bottom
    4. The "leftTop" frame will contain the company logo & will function as a link back to the home page
    5. The "leftBottom" frame will contain an image map to link to other pages
    6. The "right" frame will be used to display all the content
    7. A page "leftTop.htm" for the logo
    8. A page "leftBottom.htm" for the image map
    9. A page "right.htm" for the welcome message
    10. A page for each of the four regions of the US: "midWest.htm", "northEast.htm", "south.htm", & "west.htm"
  3. Preparation:
    1. Make a new folder "docCenric" in "My Documents" to save images, text files, & your work
    2. Open Dreamweaver (or you may use notepad)
    3. Create a new site in Dreamweaver connected to your new folder
    4. All the images & text you need are in a folder "Q:/webDesign/docCentric", copy to your Dreamweaver site
      1. "dcclogo.jpg" is the company logo
      2. "dccmap.jpg" is the image for an image map to hyperlink to the other pages
      3. "dccmwchart.jpg" is the chart of MidWest sales
      4. "dccnechart.jpg" is the chart of NorthEast sales
      5. "dccschart.jpg" is the chart of South sales
      6. "dccwchart.jpg" is the chart of West sales
      7. "dccwelcome.txt" is the text for the home page
      8. "dccmw.txt" is the text for the MidWest page
      9. "dccne.txt" is the text for the NorthEast page
      10. "dccs.txt" is the text for the South page
      11. "dccw.txt" is the text for the West page
  4. The logo page "leftTop.htm":
    1. Place the logo "dcclogo.jpg"
    2. Make it look good
    3. Save the file "leftTop.htm"
  5. The welcome page "right.htm":
    1. Add the welcoming text from "dccwelcome.txt"
    2. Make it look good
    3. Save the file "right.htm"
  6. The regional pages "midWest.htm", "northEast.htm", "south.htm", & "west.htm":
    1. Add the correct text from "dccmw.txt", "dccne.txt", "dccs.txt", or "dccw.txt"
    2. Add the correct chart from "dccmwchart.jpg", "dccnechart.jpg", "dccschart.jpg", or "dccwchart.jpg"
    3. Make each look good
    4. Save each of the regional pages files
  7. The image map page "leftBottom.htm":
    1. Place the image map "dccmap.jpg"
    2. Create the image map hot spots & link them to the correct regional page
    3. When a hot spot is clicked, load the correct regional page into the correct named frame
    4. Make it look good
    5. Save the file "leftBottom.htm"
  8. The home page "index.htm":
    1. Create a new document or copy an existing template
    2. Title your document "index.htm"
    3. Add a frameset with two frames named "left" & "right"
    4. Inside the "left" frame add another fameset with two frames "leftTop" & "leftBottom"
    5. Create & name the framesets & frames
    6. Load "lefttop.htm" into the "leftTop" frame
    7. Load "leftBottom.htm" into the "leftBottom" frame
    8. Load "right.htm" into the "right" frame
    9. Make "index.htm" look good
    10. Save the file "index.htm"
  9. Finishing Up:
    1. Test all the hyperlinks
    2. Make it look good
    3. Save frequently (5 seconds to save -- hours to recreate your work)
    4. When complete, copy the entire folder "docCentric" to your "H:/HTML" folder (so I can look at it)

10/11/06

Wednesday - Career & HTML Frames & Job Seeking Skills Quiz

Classroom Discussion -

OCC Application for High School Students - DUE TOMORROW

Web Completer Exam - non-graded

Students who have not taken the Completer Exam MUST take the Completer Exam:		AM		PM
				css31

Good Character - Caring - goodCharacter.com
Job Seeking Skills Pre-Test - Take the quiz - non-graded
College Night (Tuesday 10/05 7:00 pm) at Ocean County College

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

HTML Frames - w3schools.com
- <noframes>

Lab Assignment -
1. Create a multi-page web site "Warner Computer Peripherals" using frames to display items for sale by a fictional computer company
2. Concept: The client wants a web site to display images & discriptions of computer parts the company makes. This web site will use frames to display multiple pages:
  1. A home page "index.htm" with a welcome message & frames
  2. "index.htm" will be a frameset with two frames
  3. One frame will contain thumbnail images of the products for sale
  4. The second frame will display larger images of the product as well as a discrition of the product
  5. "welcome.htm" will display the welcome message & the Warner logo
  6. "items.htm" will display the thumbnail images of items for sale
  7. You will also need one page for each of the seven items for sale
3. Preparation:
  1. Make a new folder "warner" in "My Documents" to save images, text files, & your work
  2. Open Dreamweaver (or you may use notepad)
  3. Create a new site in Dreamweaver connected to your new folder
  4. All the images & text you need are in a folder "Q:/webDesign/warner", copy to your Dreamweaver site
    1. "wLogo.gif" is the company logo
    2. There are seven images, one for each peripheral for sale
    3. "welcome.txt" is the text for the home page
    4. There are seven text files, one description for each peripheral
4. The welcome page "welcome.htm":
  1. Place the logo "wLogo.gif"
  2. Add the text from "welcome.txt
  3. Make it look good
  4. Save the file "welcome.htm"
5. One page for each of the seven items for sale:
  1. Place the correct image
  2. Add the text from the correct text file
  3. Make each look good
  4. Save each of the seven items files
6. The items for sale page "items.htm":
  1. Place thumbnail images for the seven items that are for sale
  2. Make each image link to the correct item page
  3. When a thumbnail image is clicked, load each item page into the correct named frame
  4. Create some way for the user to get back to the welcome page
  5. Make it look good
  6. Save the file "items.htm"
7. The home page "index.htm":
  1. Create a new document or copy an existing template
  2. Title your document "index.htm"
  3. Add a frameset with two named frames
  4. Load "welcome.htm" into one of the frames
  5. Load "items.htm" into the other frame
  6. Save the file "index.htm"
8. Finishing Up:
  1. Test the hyperlinks on each page to each page
  2. Make it look good
  3. Save frequently (5 seconds to save -- hours to recreate your work)
  4. When complete, copy the entire folder "warner" to your "H:/HTML" folder (so I can look at it)

10/12/06

Thursday - Math & HTML Frames

Classroom Discussion -
1. OCC Application for High School Students - DUE TODAY
2. Math - Ms. Verde will visit to discuss some additional Finance Formulas
3. Good Character - Diligence - goodCharacter.com
4. HTML Frames - w3schools.com
  - <iframe>
5. Lab Assignment -
  1. Create a multi-page web site "Kelsey's Frames" to display the diner menus insode a frameset
  2. Concept: The client wants to update the menu pages to use frames techniques
  3. Preparation:
    1. Make a new folder "kelseysFrames" in "My Documents" to save images, text files, & your work
    2. Open Dreamweaver (or you may use notepad)
    3. Create a new site in Dreamweaver connected to your new folder
    4. All the images & text you need are in a folder "Q:/webDesign/kelseys", copy to your Dreamweaver site
      1. "kelseys.jpg" is the image for an image map to hyperlink to the other pages
      2. "tan.jpg" is the background image
      3. There are three images for each meal serving: "breakfast.jpg", "lunch.jpg", & "dinner.jpg"
      4. There are three text files containing the menu items: "breakfast.txt", "lunch.txt", & "dinner.txt"
      5. "index.txt" is the text for the home page
  4. The welcome page "welcome.htm":
    1. Create a new document or copy an existing template
    2. Title your document
    3. Add the background image "tan.jpg"
    4. Add welcoming text from "index.txt"
    5. Make it look good
    6. Save the file "welcome.htm"
  5. Create a menu page for each of the three meal servings: Breakfast, Lunch, & Dinner:
    1. Create a new document or copy an existing template
    2. Title your document
    3. Add the background image "tan.jpg"
    4. Add the text from the correct text file: "breakfast.txt", "lunch.txt", or "dinner.txt"
    5. Make each look good
    6. Save each file
  6. The home page "index.htm":
    1. Create a new document or copy an existing template
    2. Title your document "index.htm"
    3. Add the background image "tan.jpg"
    4. Add a named iframe
    5. Load "welcome.htm" into the named iframe
    6. Add "kelseys.jpg" & make hot spot links to the three menu pages
    7. When a hot spot is clicked, load each menu page into the correct named iframe
    8. Save the file "index.htm"
  7. Finishing Up:
    1. Test the hyperlinks on each page to each page
    2. Make it look good
    3. Save frequently (5 seconds to save -- hours to recreate your work)
    4. When complete, copy the entire folder "kelseysFrames" to your "H:/HTML" folder (so I can look at it)

10/13/06

Friday - SkillsUSA PDP & Microsoft Excel & HTML Frames Review

Classroom Discussion -
1. Good Character - Fairness/Justice - goodCharacter.com
2. HTML Frames Review - w3schools.com
  - <frameset>
  - <frame>
  - <noframes>
  - <iframe>
3. PDP - Starter Kit Chapter 3 – Communication Skills
4. Microsoft Excel Practice with Finance Formulas discussed yesterday
Lab Assignment -
1. On screen practice with Microsoft Excel - create a spreadsheet to calculate how much you need to save each month to reach a future value
2. Complete any incomplete labs

10/16/06

Monday - Violence & Vandalism Awareness & HTML Forms

Classroom Discussion -
1. Tomorrow Night - College Night (Tuesday 10/17 7:00pm to 9:00pm) at Ocean County College Gym
2. Violence & Vandalism Awareness - Violence Warning Signs (handout & discussion)
3. HTML Forms - w3schools.com
  - <form> tag & attributes
  - <input type="text"> tag
Lab Assignment -
1. On screen practice with <form> <input type="text">
2. Create a web page "addrForm" to practice with text input fields. At the end of this week you will have a complex web page using different types of user input
3. Concept: The client wants a web site that will allow the user to enter information
4. Preparation:
  1. Make a new folder "addrForm" in "My Documents" to save images, text files, & your work
  2. Open Dreamweaver (or you may use notepad)
  3. Create a new site in Dreamweaver connected to your new folder
  4. There are no images & no text files
5. The home page:
  1. Create a new document or copy an existing template
  2. Title your document "User Information Page"
  3. Choose the background color
  4. Choose the text color
  5. Choose the text size
  6. Add labels & <input type="text"> tags for:
    - Date
    - Time
    - Name
    - User ID
    - Password
    - Age
    - Street Address
    - City
    - State
    - Zip
    - Phone
  7. Make "index.htm" look good
  8. Save the file "index.htm"
6. Finishing Up:
  1. Make it look good
  2. Save frequently (5 seconds to save -- hours to recreate your work)
  3. When complete, copy the entire folder "addrForm" to your "H:/HTML" folder (so I can look at it)

10/17/06

Tuesday - Violence & Vandalism Awareness & HTML Forms

Classroom Discussion -
1. Tonight - College Night (Tuesday 10/17 7:00pm to 9:00pm) at Ocean County College Gym
2. Violence & Vandalism Awareness - Workplace Violence (handout & discussion)
3. HTML Forms - w3schools.com
  - <input type="radio"> tag
  - <input type="checkbox"> tag
Lab Assignment -
1. On screen practice with <form> <input type="radio"> <input type="checkbox">
2. Modify web page "addrForm" to practice with text input fields. At the end of this week you will have a complex web page using different types of user input
3. Concept: The client wants a web site that will allow the user to enter information
4. Preparation:
  1. Open Dreamweaver (or you may use notepad)
  2. Switch to the "addrForm" site in Dreamweaver
5. The home page:
  1. Modify "index.htm"
  2. Add labels & <input type="radio"> tags for:
    - Gender: Male or Female
    - School: High School or Post Secondary
  3. Add labels & <input type="checkbox"> tags for:
    - Pets: Dog, Cat, Fish, Other
    - Household Size: Less, 3, 4, 5, More
  4. Make "index.htm" look good
  5. Save the file "index.htm"
6. Finishing Up:
  1. Make it look good
  2. Save frequently (5 seconds to save -- hours to recreate your work)
  3. When complete, copy the entire folder "addrForm" to your "H:/HTML" folder (so I can look at it)

10/18/06

Wednesday - Violence & Vandalism Awareness & HTML Forms

Classroom Discussion -
1. Violence & Vandalism Awareness - Stop Violence, Students Taking on Prevention (online PowerPoint presentation)
2. HTML Forms - w3schools.com
  - <textarea> tag & </textarea>
  - <select> tag & </select>
  - <option> tag & </option>
Lab Assignment -
1. On screen practice with <form> <input type="text">
2. Create a web page "addrForm" to practice with text input fields. At the end of this week you will have a complex web page using different types of user input
3. Concept: The client wants a web site that will allow the user to enter information
4. Preparation:
  1. Open Dreamweaver (or you may use notepad)
  2. Switch to the "addrForm" site in Dreamweaver
5. The home page:
  1. Modify "index.htm"
  2. Add labels & <textarea> & </textarea> tags for:
    - Comments
  3. Change the radio buttons into drop-down options for:
    - Gender
    - Pets at Home (multiple)
    - Year in School
    - Household Size
    - State
  4. Make "index.htm" look good
  5. Save the file "index.htm"
6. Finishing Up:
  1. Make it look good
  2. Save frequently (5 seconds to save -- hours to recreate your work)
  3. When complete, copy the entire folder "addrForm" to your "H:/HTML" folder (so I can look at it)

10/19/06

Thursday - English & Violence & Vandalism Awareness & HTML Forms

Classroom Discussion -
1. Ms. Gerrick will visit to discuss newspaper help wanted advertisements
2. Violence & Vandalism Awareness - Nightmare in Minnesota (online worksheet)
3. HTML Forms - w3schools.com
  - <input type="submit"> tag
  - <input type="cancel"> tag
4. Review Tables:
  - <table> tag & attributes
  - <tr> tag & attributes
  - <th> tag & attributes
  - <td> tag & attributes
5. Review Forms:
  - <form> tag & attributes
  - <input> tag & attributes
  - <textarea></textarea> tag & attributes
  - <select></select> tag & attributes
  - <option> tag & attributes
Lab Assignment -
1. Organize Notebook - Create "tab dividers" in your notebooks to organize & save your work & handouts:
  - ASP - web page program printouts & cheat sheets
  - Dreamweaver - tutorials
  - Flash - screen shots & tutorials
  - Grades - Quizs & printouts
  - HTML - web page printouts & cheat sheets
  - JavaScript - web page program printouts & cheat sheets
  - Other Assignments - everything else
  - Related Academics - career, english, math, science printouts, & PDP book
2. Put papers & handouts & quizes into notebook folders
3. On screen practice with <form> <input type="text">
4. Create a web page "addrForm" to practice with text input fields. At the end of this week you will have a complex web page using different types of user input
5. Concept: The client wants a web site that will allow the user to enter information
6. Preparation:
  1. Open Dreamweaver (or you may use notepad)
  2. Switch to the "addrForm" site in Dreamweaver
7. The home page:
  1. Modify "index.htm"
  2. Add labels & <input type="submit"> & <input type="cancel"> tags:
  3. Make "index.htm" look good
  4. Save the file "index.htm"
8. Finishing Up:
  1. Make it look good
  2. Save frequently (5 seconds to save -- hours to recreate your work)
  3. When complete, copy the entire folder "addrForm" to your "H:/HTML" folder (so I can look at it)

10/20/06

Friday - SkillsUSA PDP & HTML Quiz 3

Classroom Discussion -
1. SkillsUSA PDP - Starter Kit Level 6 - Recognize Stress Factors
2. HTML Forms Review - w3schools.com
Lab Assignment -
1. HTML Quiz 3 - Print for your records (in case the database fails)
2. Organize Notebook - Create "tab dividers" in your notebooks to organize & save your work & handouts:
  - ASP - web page program printouts & cheat sheets
  - Dreamweaver - tutorials
  - Flash - screen shots & tutorials
  - Grades - Quizs & printouts
  - HTML - web page printouts & cheat sheets
  - JavaScript - web page program printouts & cheat sheets
  - Other Assignments - everything else
  - Related Academics - career, english, math, science printouts, & PDP book
3. Put papers & handouts & quizes into notebook folders
4. Extra Credit for AM Mandatory for PM: Create a web page "newspaperSearch" to perform an online search in different classified sections of several newspapers:
  1. Images for "submit", "reset", & "help" buttons may be found in "Q:/webdesign/newspaperSearch"
  2. Search only one of the following sections:
    - Employment
    - For Sale
    - Housing
    - Personal
    - Miscellaneous
    - All of the Above
  3. Search one or more of the following online newspapers:
    - Midwest Times
    - Great Lakes Classifieds
    - Modern News
    - Middleton Daily
    - Employment Today
    - Cashtown Daily News
  4. Allow for search between user specified dates
  5. Allow the user to enter keywords to search on
  6. Use standard "submit" & "reset" buttons or use the "search", "cancel", & "help" images supplied in the "Q:/webDesign/newspaperSearch" folder
5. Complete any incomplete labs

10/23/06

Monday - Vocabulary & Halloween Website Design

Classroom Discussion -

Computer Technology Vocabulary

Web Design Techniques:

Good Web Design Techniques
build-website.com - Web Design: Define Objectives Design Web Page Download Editor Construct Web Page Find a Web Server Upload Web Page Promote Web Page Monitor Page Hits	datahost.com - Website Planning: Define the Objective Consider Resources Make a Budget Service Provider Domain Name Site Features Content Assemble Content Research Competition Marketing Strategy	essdack.org - Planning Your Site sitepoint.com - Good Website, Bad Website sitepoint.com - Design Guidelines websitetips.com - Design & Layout websitegear.com - Website Layout wilsonweb.com - Website Planning Worksheet makingthenetwork.org - Planning a Website site-maker.com - Website Planning Guide diveindesigns.com - Website Pkanning Guide asiostudio.com - Strategic Website Planning

w3schools.com - CSS - Cascading Style Sheets

Lab Assignment -
1. Halloween website, (50 pts) day one of a five-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 & 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 & 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 & 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 & how you want it to look. Think about what you want to communicate to visitors
  4. Create a folder called "myDocuments/halloween" & put all your work & 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 & content from other internet websites
  8. Test (preview) your web page frequently
  9. Save file frequently
  10. You have five days to finish this assignment. Do your best, take your time, but DON'T DAWDLE
  11. On Thursday we will start to evaluate each other's websites
2. Alternate 5-day lab choice: Create a multi-page website about Daylight Saving Time:
  1. Many countries all over the world have some version of Daylingt Saving Time
  2. In the Unites States, Daylight Saving Time starts the first weekend of April & ends the last weekend in October
  3. Research Daylight Saving Time & create a multi-page web site about it
3. Work on any unfinished asslgnments - the end of marking period 1 is November 8th

10/24/06

Tuesday - Science & Halloween Website Design

Classroom Discussion -
1. Science - How Hard Disks Work
2. w3schools.com - CSS - Cascading Style Sheets
Lab Assignment -
1. Halloween (or Daylight Saving Time) website, (50 pts) day two of a five-day lab assignment. Continue working on your web site. Find guidelines on Monday
2. Work on any unfinished asslgnments - the end of marking period 1 is November 8th

10/25/06

Wednesday - Career & Halloween Website Design

Classroom Discussion -
1. Online Job Searching:
  - america's job bank
  - careerBuilder.com
  - computerJobBank.com
  - computerJobs.com <-- Great Site
  - computerWork.com
  - dice.com <-- Great Site
  - job-hunt.org
  - job.com
  - jobs.net
  - jobweb.com
  - tech-centric.net
  - technologyLadder.com
  - usaJobs.com
2. w3schools.com - CSS - Cascading Style Sheets
Lab Assignment -
1. Halloween (or Daylight Saving Time) website, (50 pts) day three of a five-day lab assignment. Continue working on your web site. Find guidelines on Monday
2. Work on any unfinished asslgnments - the end of marking period 1 is November 8th

10/26/06

Thursday - Math & Halloween Website Design & Review

Classroom Discussion -
1. Ms. Verde will visit with Binary Numbers
2. How Binary Numbers Work
3. How Boolean Logic Works
4. w3schools.com - CSS - Cascading Style Sheets
Lab Assignment -
1. Halloween (or Daylight Saving Time) website, day four of a five-day lab assignment. In-class, on-screen review & critique of students' Halloween websites. I’ll pull up your sites on my projector & we’ll discuss the good features of your site & how your site might be improved. I’ll take your comments into consideration during grading
2. Work on any unfinished asslgnments - the end of marking period 1 is November 8th

10/27/06

Friday - SkillsUSA/PDP & Halloween Website Design & Review

Classroom Discussion -
1. SkillsUSA/PDP - Starter Kit-4 - Workplace Components
2. w3schools.com - CSS - Cascading Style Sheets
Lab Assignment -
1. Halloween (or Daylight Saving Time) website, day five of a five-day lab assignment. In-class, on-screen review & critique of students' Halloween websites. I’ll pull up your sites on my projector & we’ll discuss the good features of your site & how your site might be improved. I’ll take your comments into consideration during grading
2. Work on any unfinished asslgnments - the end of marking period 1 is November 8th

10/29/06

Sunday - Daylight Saving Time ends - 2am becomes 1am

10/30/06

Monday - Math & Macromedia Fireworks & Cascading Style Sheets

Classroom Discussion -
1. Money Skills - Budgeting
2. More HTML Cascading Style Sheets from w3schools.com:
  - Dimension
  - Classification
  - Positioning
3. Macromedia Fireworks Live Effects
Lab Assignment -
1. Create a web page “schoolMap” using an image of a local town with links to home town school web sites:
  1. Create a new folder "schoolMap" in your "My Documents" folder
  2. Create a new Dreamweaver site "School Map" & link to the "schoolMap" folder
  3. Copy the map of your town from "Q:/webDesign/maps/" folder or see if you can find a map image of your town online
  4. Locate the schools in your town on the map
  5. Locate the school web sites online
  6. Create "how spot" links to the schools' web sites
  7. Save frequently
  8. Make it look good
  9. When complete, copy the folder twice: first to "H:/HTML/" & second to "H:/toBeGraded/"
2. Work on any unfinished asslgnments - the end of marking period 1 is November 8th

10/31/06

Tuesday - Science & Macromedia Fireworks & Cascading Style Sheets

Classroom Discussion -
1. Science - Bytes
2. More HTML Cascading Style Sheets from w3schools.com:
  - Pseudo-class
  - Pseudo-element
3. Macromedia Fireworks Rollover
Lab Assignment -
1. Create a new folder "countyAttractions" in your "My Documents" folder
  1. Create a new Dreamweaver site "County Attractions" & link to the "countyAttractions" folder
  2. Copy the county map from "Q:/webDesign/maps/" folder or see if you can find a county map image online
  3. Locate locate major Ocean County attractions online, here are some examples:
    - Barnegat Bay Decoy and Baymen's Museum
    - Barnegat Lighthouse
    - Berkeley Island County Park
    - Boardwalk
    - Cattus Island County Park
    - Colliers Mills Wildlife Sanctuary
    - Deep Sea Fishing
    - Dentzel/Looff Carousel
    - Double Trouble State Park
    - Fantasy Island
    - Georgian Court College
    - Holgate Wildlife Sanctuary
    - Jenkinson's Aquarium
    - Long Beach Island Arts Foundation
    - Long Beach Island Museum
    - Naval Air Engineering Station
    - New Egypt Speedway
    - Ocean County College
    - Ocean County Historical Museum
    - Ocean County Library
    - Ocean County Mall
    - Ocean County Park
    - Popcorn Park Zoo
    - River Cruises
    - Robert J. Miller Airpark
    - Robert J. Novins Planetarium
    - Rova Farms
    - Six Flags Great Adventure
    - Strand Theater
    - Surflight Theater
    - Thundering Surf
    - Toms River Seaport Society Maritime Museum & Park
    - Water Works
    - Wells Mills County Park
  4. Locate the attraction web sites online
  5. Create "how spot" links to the attractions' web sites
  6. Save frequently
  7. Make it look good
  8. When complete, copy the folder twice: first to "H:/HTML/" & second to "H:/toBeGraded/"
2. Work on any unfinished asslgnments - the end of marking period 1 is November 8th

11/01/06

Wednesday - Career & Macromedia Fireworks & Cascading Style Sheets

Classroom Discussion -
1. Career - The "Hidden" Job Market from jobStar.org" (never buy a service that you can do yourself)
2. More HTML Cascading Style Sheets from w3schools.com:
  - Media Types
3. Macromedia Fireworks Buttons & Navigation Bars
Lab Assignment -
1. Create a web page "allOfThem" as a page of links to all of the web pages & web sites you've created so far:
  1. Create a new file "allOfThem.htm" in your "My Documents" folder
  2. If you save "allOfThem.htm" directly in the "My Documents" folder, you can easily link to the "index.htm" of each of your other folders
  3. Create links from "allOfThem" to each "index.htm" in each of your other folders. Here's what your text links might look like:
```
				
<a href="../myFavorites/index.htm"
   target="_blank">My Favorites</a>
<a href="../governmentLinks/index.htm"
   target="_blank">Government Links</a>
<a href="../kelseys/index.htm"
   target="_blank">Kelsey's Diner</a>
```
  4. Image links might look like this:
```
				
<a href="../myFavorites/index.htm" target="_blank">
   <img srg="flag.jpg" alt="Click for My Favorites"></a>
<a href="../governmentLinks/index.htm" target="_blank">
   <img srg="flag.jpg" alt="Click for Government Links"></a>
<a href="../kelseys/index.htm" target="_blank">
   <img srg="flag.jpg" alt="Click for Kelsey's Diner"></a>
```
  5. Things to consider:
    - What types of links will you use: Text? Images? Image Map?
    - Will you open in a new window or the same one?
    - Could you use frames? How would it look?
    - What text font/size/color?
    - What colors?
    - Any images?
  6. Save frequently
  7. Make it look good
  8. When complete, copy the folder twice: first to "H:/HTML/" & second to "H:/toBeGraded/"
2. Work on any unfinished asslgnments - the end of marking period 1 is November 8th

11/02/06

Thursday - English & Macromedia Fireworks & Cascading Style Sheets

Classroom Discussion -
1. English - Internet Job Searching
2. More HTML Cascading Style Sheets from w3schools.com:
  - Colors
  - Color Values
  - Color Names
3. Macromedia Fireworks Pop-up Menus
Lab Assignment -
1. Continue working on the "allOfThem" web page to link all of your work together
2. Work on any unfinished asslgnments - the end of marking period 1 is November 8th

11/03/06

Friday - SkillsUSA/PDP & HTML Quiz 4

Classroom Discussion -
1. SkillsUSA PDP - Starter Kit Level 5 - Surveys
Lab Assignment -
1. HTML Quiz 4 - Print for your records (in case the database fails)
2. Work on any unfinished asslgnments - the end of marking period 1 is November 8th

11/06/06

Monday - Good Citizenship & HTML Page Formatting Tricks

Classroom Discussion -
1. 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. Election Day in the US is the first Tuesday after the first Monday in November each year. Since today is the first Monday, tomorrow is election day.
  2. Who's running for what - cnn.com election 2006
  3. Politics as Normal? Real websites in alphabetical order:
  4. Neither Here nor There? Independent-Sounding websites:
  5. The Importance of Voting:
    - 'One Vote' Statements
    - 'One Vote' Fallacies
2. HTML Page Formatting Tricks from bignosebird.com
  - Lists
  - Tables
Lab Assignment -
1. Create a web page “schoolMap” using an image of a local town with links to home town school web sites:
  1. Create a new folder "schoolMap" in your "My Documents" folder
  2. Create a new Dreamweaver site "School Map" & link to the "schoolMap" folder
  3. Copy the map of your town from "Q:/webDesign/maps/" folder or see if you can find a map image of your town online
  4. Locate the schools in your town on the map
  5. Locate the school web sites online
  6. Create "how spot" links to the schools' web sites
  7. Save frequently
  8. Make it look good
  9. When complete, copy the folder twice: first to "H:/HTML/" & second to "H:/toBeGraded/"
2. Work on any unfinished asslgnments - Wednesday is the end of marking period 1

11/07/06

Tuesday - Good Citzenship & HTML Page Formatting Tricks

Classroom Discussion -
1. Voting - A Right or A Responsibility?
  - bensguide.gpo.gov
  - theoaklandpress.com
  - Where, in the usConstitution, are rules for voting?
2. HTML Page Formatting Tricks from bignosebird.com
  - Navigation
  - Images
Lab Assignment -
1. Create a new folder "countyAttractions" in your "My Documents" folder
  1. Create a new Dreamweaver site "County Attractions" & link to the "countyAttractions" folder
  2. Copy the county map from "Q:/webDesign/maps/" folder or see if you can find a county map image online
  3. Locate locate major Ocean County attractions online, here are some examples:
    - Barnegat Bay Decoy and Baymen's Museum
    - Barnegat Lighthouse
    - Berkeley Island County Park
    - Boardwalk
    - Cattus Island County Park
    - Colliers Mills Wildlife Sanctuary
    - Deep Sea Fishing
    - Dentzel/Looff Carousel
    - Double Trouble State Park
    - Fantasy Island
    - Georgian Court College
    - Holgate Wildlife Sanctuary
    - Jenkinson's Aquarium
    - Long Beach Island Arts Foundation
    - Long Beach Island Museum
    - Naval Air Engineering Station
    - New Egypt Speedway
    - Ocean County College
    - Ocean County Historical Museum
    - Ocean County Library
    - Ocean County Mall
    - Ocean County Park
    - Popcorn Park Zoo
    - River Cruises
    - Robert J. Miller Airpark
    - Robert J. Novins Planetarium
    - Rova Farms
    - Six Flags Great Adventure
    - Strand Theater
    - Surflight Theater
    - Thundering Surf
    - Toms River Seaport Society Maritime Museum & Park
    - Water Works
    - Wells Mills County Park
  4. Locate the attraction web sites online
  5. Create "how spot" links to the attractions' web sites
  6. Save frequently
  7. Make it look good
  8. When complete, copy the folder twice: first to "H:/HTML/" & second to "H:/toBeGraded/"
2. Work on any unfinished asslgnments - tomorrow is the end of marking period 1

11/08/06

Wednesday - Election Results & HTML Page Formatting Tricks

Classroom Discussion -
1. CNN election 2006 results page - cnn.com election 2006
2. HTML Page Formatting Tricks from bignosebird.com
  - Text
  - Forms
Lab Assignment -
1. Work on any unfinished asslgnments - today is the end of marking period 1

11/09/06

Thursday - No School - Teachers' Convention

11/10/06

Friday - No School - Teachers' Convention