The student will...

Unit I:  Introduction to Computers and the Internet

Getting Comfortable with your computer

1.A.1.  Identify the changes in society that have occurred as a result of computer use.
1.A.2.  Examine the use of computer technology in various fields.
1.A.3.  Adhere to the telecommunications policy of WCBOE.
1.A.4.  Demonstrate an understanding of the function of each major computer component.
1.A.5.  Identify the CPU clock speed, hard drive size, amount of  RAM, and amount of Video RAM a PC has.
1.A.6.  Use commands to navigate the DOS operating system.
1.A.7.  Identify some of the characteristics of the Windows 3.x operating system.
1.A.8.  Identify some of the characteristics of the Windows 9x operating system.
1.A.9.  Navigate and understand the desktop of the computer.
1.A.10.  Open multiple programs and use the task bar to alternate the programs to be used.
1.A.11.  Save and open files using the location box.
1.A.12.  Examine the components of the eight-plus-three file name structure (file types and extensions).

Introduction to the Internet

1.B.1.  Break down the web address to show what each part means.
1.B.2.  Understand how the browser communicates with the web server.
1.B.3.  Get acquainted with Netscape Communicator's Interface.
1.B.4.  Use Netscape Communicator's Toolbar to navigate the World Wide Web.
1.B.5.  Use the menu bar to access the different options of Netscape Communicator.
1.B.6.  Get acquainted with Internet Explorer's Interface.
1.B.7.  Use Internet Explorer's Toolbar to navigate the World Wide Web.
1.B.8.  Use the menu bar to access the different options of Internet Explorer.
1.B.9.  Identify the difference between the Netscape Gold, Netscape Communicator, and Internet Explorer Interfaces.
1.B.10.  Save a web page as a bookmark.
1.B.11.  Define HTML.
1.B.12.  Identify how HTML is interpreted by the browser.
1.B.13.  Use the View Source command to view the HTML code of other pages.
1.B.14.  Navigate the web using search engines in order to find  information.
1.B.15.  Narrow search results using Boolean operators.
1.B.16.  Evaluate search results to locate information.
1.B.15.  Identify the elements that make up a good web page.

Unit II:  Basic Web Design

Considering Content

2.A.1.  Brainstorm and write down ideas for an educational web site.
2.A.2.  Define a specific topic that the student would like to base there web site on, and submit for teacher approval.
2.A.3.  Create a thorough outline for the web page that the student will develop, and submit for teacher approval.

Using the WYSIWYG editor

2.B.1.  Identify the HTML code.
2.B.2.  Understand how HTML code is used.
2.B.3.  Identify the body tag and how the attributes of it effect the page.
2.B.4.  Use hexadecimal code to change the colors of the different attributes on a web site.
2.B.5.  Use the <BR> and <P> tags to create a text based page.
2.B.6.  Create a link to another web site using HTML.
2.B.7.  Insert and manipulate an image into a web page using HTML.
2.B.8.  Create an ordered list using HTML.
2.B.9.  Create an unordered list using HTML.
2.B.10.  Create a very basic web site using all the HTML tags discussed.
2.B.11.  Identify the WYSIWYG (what you see is what you get) web page editor.
2.B.12.  Describe how Netscape Composer and Microsoft Front Page can create a web page without typing the HTML code.

Getting Started on your Web Site

2.C.1.  Describe the program Paint Shop Pro.
2.C.2.  Understand how Paint Shop Pro can be used to create graphics.
2.C.3.  Identify all the Paint Shop Pro tools.
2.C.4.  Understand the effects the tools have on an image.
2.C.5.  Use the Paint Shop Pro text tool to create a header for the student's web page.
2.C.6.  Identify how to save an image using Paint Shop Pro.
2.C.7.  Identify the differences between .gif and .jpg files.
2.C.8.  Identify how to add and edit text using Composer and Front Page.
2.C.9.  Use the cut, copy, and paste tool to more easily move text around.
2.C.10.  Identify the differences in text styles, fonts, and sizes.
2.C.11.  Use Composer and/or Front Page to insert an image into a web page.
2.C.12.  Understand the copywrite laws of the content on the World Wide Web.
2.C.13.  Navigate the web and use it as a resource for ideas on images, web page layout, and content of a web site.
2.C.14.  Use Composer and/or Front Page to insert a link onto a web page.

Adding Pages to your Web Site

2.D.1.  Understand the uses of a document template.
2.D.2.  Set up a document template for a web page.
2.D.3.  Identify how to edit the colors of the different attributes on a web page using Netscape Composer.
2.D.4.  Identify how to edit the colors of the different attributes on a web page using Microsoft Front Page.
2.D.5.  Understand the structure of links and how to make navigation on your page easy.
2.D.6.  Identify reasons for broken links and how to correct them.
2.D.7.  Identify reasons for broken images and how to correct them.
2.D.8.  Understand how to check links and images to see if any are broken.
2.D.9.  Use current knowledge to troubleshoot common problems in web design.

Unit III:  More Advanced Web Design

Advanced Page Layout

3.A.1.  Extend basic knowledge in web design to include more advanced methods of HTML.
3.A.2.  Understand the format and layout of tables.
3.A.3.  Understand how tables can make navigation on the web site more easy.
3.A.4.  Identify the table tag.
3.A.5.  Identify the different attributes of the table tag
3.A.6.  Identify how the different attributes of the table tag affect its appearance.
3.A.7.  Create a table in order to make navigation on a web page more easy.
3.A.8.  Create an ordered list using Netscape Composer.
3.A.9.  Create an unordered list using Netscape Composer.
3.A.10.  Create an ordered list using Microsoft Front Page.
3.A.11.  Create an unordered list using Microsoft Front Page.
3.A.12.  Understand how to place a link inside of a table.
3.A.13.  Understand how to create a link inside an ordered list.
3.A.14.  Understand how to create a link inside an unordered list.

More on Graphics

3.B.1.  Use Paint Shop Pro to change the size of an image.
3.B.2.  Create a transparent image using Paint Shop Pro.
3.B.3.  Correct image color using Paint Shop Pro.
3.B.4.  Change image contrast using Paint Shop Pro.
3.B.5.  Changing an images brightness using Paint Shop Pro.
3.B.6.  Understand how to cut, copy, and paste an image in Paint Shop Pro.
3.B.7.  Identify how to cut, copy, and paste sections of an image in Paint Shop Pro.
3.B.8.  Identify how layers effect an image's appearance.
3.B.9.  Identify how one can use layers to enhance an image.
3.B.10.  Understand how to create layers using Paint Shop Pro.
3.B.11.  Identify how to fade in and out images using layers in Paint Shop Pro.
3.B.12.  Use Paint Shop Pro to buttons an image.
3.B.13.  Create a drop shadow on an image using Paint Shop Pro.
3.B.14.  Create the chisel effect using Paint Shop Pro.
3.B.15.  Use Paint Shop Pro's Effects to manipulate an image.
3.B.16.  Use Paint Shop Pro to scan an image from a scanner.
3.B.17.  Understand how to use a digital camera to take a picture that can be placed on a web page.
3.B.18.  Understand how an animated gif works.
3.B.19.  Identify several uses for an animated gif.
3.B.20.  Create an animated gif using Paint Shop Pro's Animation Shop.
3.B.21.  Understand how to save an animated gif using Animation Shop.

Multi-media as an Extension of Curriculum

3.C.1.  Identify a sound file.
3.C.2.  Identify the different types of sound files that are commonly used.
3.C.3.  Understand several uses of sound files.
3.C.4.  Understand the effects of sound files on a web page (good and bad).
3.C.5.  Identify a video file.
3.C.6.  Identify different types of video files that are most commonly used.
3.C.7.  Understand several uses of video files.
3.C.8.  Understand the effects of video files on a web page (good and bad).
3.C.9.  Understand streaming content.
3.C.10.  Identify its uses on a web site.
3.C.11.  Understand Real Audio.
3.C.12.  Identify how Real Audio works with the World Wide Web.
3.C.13.  Use Real Audio's Real Producer to create streaming audio files.

Unix IV:  Managing Your Web Site

Web Site Management

4.A.1.  Define the term imagemap.
4.A.2.  Identify the uses of an imagemap.
4.A.3.  Identify how an imagemap can enhance a web page.
4.A.4.  Create an imagemap using MapMaker 32.
4.A.5.  Create an imagemap using Microsoft Front Page.
4.A.6.  Identify a client-side imagemap.
4.A.7.  Identify a server-side imagemap.
4.A.8.  Understand how several images inserted into a table can appear as an imagemap.
4.A.9.  Describe the importance of the Unix operating system.
4.A.10.  Identify several uses for Unix.
4.A.11.  Understand how Unix is used by most servers.
4.A.12.  Describe a page that uses frames.
4.A.13.  Understand how a frames page enhances a web site.
4.A.14.  Identify the frames tag.
4.A.15.  Identify the elements of the frames tag.
4.A.16.  Understand how the different elements of the frames tag effect the web pages layout.
4.A.17.  Create a frames page using HTML.
4.A.18.  Create a frames page using Microsoft Front Page.
4.A.19.  Define CGI (Common Gateway Interface).
4.A.20.  Identify several applications of CGI on the internet.
4.A.21.  Cite the most common programming languages used to create a CGI script.
4.A.22.  Understand how web browser interprets CGI.
4.A.23.  Define Cascading Style Sheets.
4.A.24.  Identify how Cascading Style Sheets can be used to better a web site.
4.A.25.  Understand how to use Microsoft Front Page to create Cascading Style Sheets.

The Basics of JavaScript

4.B.1.  Describe the JavaScript programming language.
4.B.2.  Cite several uses of JavaScript in web design.
4.B.3.  Identify the JavaScript tag in HTML.
4.B.4.  Identify the different types of mouseover effects.
4.B.5.  Create a mouseover image swap effect.
4.B.6.  Create a mouseover effect that manipulates the status bar.
4.B.7.  Describe several uses for the mouseover and status bar effects.
4.B.8.  Define a JavaScript alert.
4.B.9.  Create an alert using JavaScript.
4.B.10.  Define JavaScript redirection.
4.B.11.  Identify several uses for redirection on a web page.
4.B.12.  Create a page that will redirect the viewer to a different page using JavaScript.
4.B.13.  Identify several reasons why a web designer may have a separate window open while the page is being viewed.
4.B.14.  Cite how one can manipulate the size and viewability of the new window to be opened using JavaScript.
4.B.15.  Apply the window open effect on a web page using JavaScript.

The Final Product

4.C.1.  Brainstorm for content to be used on an educational web site.
4.C.2.  Use properly the internet as an information resource in creating an educational web site.
4.C.3.  Understand how to cite an internet resource.
4.C.4.  Understand how to use information received from the internet to create an educational web site.
4.C.5.  Use information received from the internet and knowledge of web design to create an educational web site.