Fundamentals of Web Design

Standards and Benchmarks

Standard 1

Use principles of planning, management, and organization.
1.1	Demonstrate the use of time and equipment appropriately.
1.2	Demonstrate problem-solving techniques used in designing web pages.
1.3	Analyze and appraise data collected through a variety of research methods to prepare web sites.

Standard 2

Demonstrate knowledge of leadership.
2.1	Use critical thinking to resolve workplace issues.
2.2	Participate in business student organization.

Standard 3

Identify, plan, and prepare for a future career.
3.1	Explore career options in the web design occupations.

Standard 4

Demonstrate knowledge of finance and commerce in global economy.
4.1	Explore the ways the economy can impact web site development activities and businesses.

Standard 5

Apply professional customer service and communication skills.
5.1	Use effective graphic design and composition to communicate intent of web site.
5.2	Demonstrate essential and effective communications skills in a professional environment.

Standard 6

Demonstrate proficiency in the use of technology.
6.1	Produce web sites of professional quality.
6.2	Demonstrate ability to use web site enhancements.
6.3	Demonstrate proficiency in the navigation of the Internet.

COURSE OUTLINE

Unit Title:	Suggested Length:
XHTML Color and Visual Elements	5 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, and 5.1
Content:
Students will learn when to Use color on Web pages, Create and format horizontal rules on Web pages, Decide when to use graphics and what graphics are appropriate, Apply the image tag to add graphics to Web pages, Select images as backgrounds on tables and Web pages, Place images as hyperlinks, Find both free and free-based sources of graphics, and Follow recommended Web design guidelines when using graphics on Web pages.
Suggested Student Performance/Product:
End of Chapter Review Questions Assignment Sheet: Find the Missing Code Hands on Practice Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Unit Title:	Suggested Length:
The Internet & the World Wide Web	5 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, 3.1, and 6.3
Content:
Students will learn about The evolution of the Internet, Internet Standards, Organizations, The differences between Internet, Intranets, and Extranets, The beginning of the World Wide Web, Ethical use of information on the Web, Web accessibility, Future Internet trends, Client/server model, Protocols, Networks, URLs, Domain names, and Markup languages.
Suggested Student Performance/Product:
End of Chapter Review Questions Vocabulary Terms Hands on Practice Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Unit Title:	Suggested Length:
XHTML Basics	5 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, and 6.1
Content:
Students will learn about the development of HTML, why transition from HTML to XHTML, how to use HTML syntax, tags and document type definitions, the anatomy of a Web page, how to format the body of a Web page, how to format text on a Web page, the differences between physical and logical style tags, and how to create special characters.
Suggested Student Performance/Product:
End of Chapter Review Questions Assignment Sheet: Find the Missing Code Hands on Practice Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Unit Title:	Suggested Length:
XHTML Frames	5 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, and 6.1
Content:
Students will learn to Recognize a web page that uses a frame, Identify the advantages and disadvantages of using frames, Address web accessibility issues when using frames, Use the <frameset> and <frames> tags to create a frameset, Use the <noframes> tags to display content when frames are not supported, Create hyperlinks that target frames, and Use the <iframes> tag to create an inline frame.
Suggested Student Performance/Product:
End of Chapter Review Questions Assignment Sheet: Find the Missing Code Hands on Practice Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Unit Title:	Suggested Length:
XHTML Hyperlinks & Tables	5 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, and 6.1
Content:
Students will learn to Use the anchor tag to link from page to page, Create absolute and relative links, Make a link which opens a new browser window, Build links internal to the same page, Generate e-mail links, Create a table on a Web page, Apply attributes to format tables, table rows, and table cells, Format an entire Web page within a table, and Use nested tables.
Suggested Student Performance/Product:
End of Chapter Review Questions Assignment Sheet: Find the Missing Code Hands on Practice Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Unit Title:	Suggested Length:
Cascading Style Sheets	5 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, and 6.1
Content:
Students will learn to Describe the evolution of style sheets from print media to the web, List advantages of using Cascading Style Sheets, Create style sheets that configure common page and text properties, Apply inline styles, Use embedded style sheets, and Use external style sheets.
Suggested Student Performance/Product:
End of Chapter Review Questions Hands-On Exercises Web Site Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Unit Title:	Suggested Length:
E-Commerce Overview	5 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, 2.1, 4.1, and 5.2
Content:
Student will learn about E-commerce and the Web, Benefits and risks of e-commerce, E-commerce business models, E-commerce security and encryption, Electronic Data Interchange (EDI), Trends and projections for e-commerce, Issues related to e-commerce, Order and payment processing, and E-commerce solution options.
Suggested Student Performance/Product:
End of Chapter Review Questions Apply Your Knowledge Hands-On Exercises Web Site Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Unit Title:	Suggested Length:
Introduction to Web Page Interactivity	5 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, and 6.2
Content:
Students will learn to Describe the features and common uses of JavaScript, Add JavaScript code to a web page, Describe the features and common uses of java applets, Add a Java applet to a web page, Describe the features and common uses of DHTML, Add a DHTML effect to a web page, Describe the features and common uses of CGI, Invoke CGI from a web page, Describe the features and common uses of Macromedia Flash, Add a Flash animation to a web page, Find free JavaScript, Java applets, DHTML, CGI, and Flash resources on the web, and Describe other technologies that can be used to add web page interactivity.
Suggested Student Performance/Product:
End of Chapter Review Questions Apply Your Knowledge Hands-On Exercises Web Site Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Unit Title:	Suggested Length:
Web Media	5 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, and 6.1
Content:
Students will learn about Helper applications and plug-ins, Audio files types and how to obtain them, Adding sound to a web page, Video file types and how to obtain them, Adding video to a web page, and Streaming media.
Suggested Student Performance/Product:
End of Chapter Review Questions/Apply Your Knowledge Hands-On Exercises Web Site Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Unit Title:	Suggested Length:
Web Site Design	3 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, 5.1, and 6.1
Content:
Students will learn to Describe the most common types of web site organization, Create clear, easy web site navigation, Design user-friendly web pages, Improve the readability of the text on your web pages, Use graphics appropriately, and Create accessible web pages.
Suggested Student Performance/Product:
End of Chapter Review Questions Recommended Practices Hands on Practice Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Unit Title:	Suggested Length:
Web Site Development	2 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, 2.2, 3.1, 4.1, and 6.1
Content:
Students will learn to Describe the skills, functions, and job roles needed for a successful web project development, Utilize the stages in the standard System Development Life Cycle, Identify other common system development methodologies, Apply the System Development Life Cycle to web development projects, Identify opportunities and determine goals during the Conceptualization Phase, Determine information topics and site requirements in the Analysis Phase Create the site map, page layout, prototype, and documentation as part of the Design Phase, Complete the web pages and associated files during the Production Phase, Verify the functionality of the web site and use a test plan in the Testing Phase, Obtain client approval and launch a web site, Modify and enhance the web site during the Maintenance Phase, Compare the goals of the web site to the results as part of the Evaluation Phase, and Find the right web host provider for your web site.
Suggested Student Performance/Product:
End of Chapter Review Questions Hands on Practice Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Unit Title:	Suggested Length:
XHTML Forms	5 Class Periods
Standard & Benchmarks:
Fundamentals of Web Design 1.1, 1.2, 1.3, and 6.1
Content:
Students will learn to Describe common uses of forms on web pages, Describe the elements used in forms, Create forms on web pages using the <form>, <input>, <textarea>, and <select> tags, Create forms that provide additional accessibility features using the accesskey and tabindex attributes, Associate form elements and element groups using the <label>, <fieldset>, and <legend> tags, Create custom image buttons and use the <button> tag to include more variety and richer content than the standard form button, and Invoke server-side processing to handle form data.
Suggested Student Performance/Product:
End of Chapter Review Questions Assignment Sheet: Find the Missing Code Hands on Practice Case Studies
Suggested Resources:
W3schools.com Student Study Guides LAP
Pre-AP Extensions:

Course Syllabus

Fundamentals of Web Design 10-12 Grades

Rationale and Course Description

The purpose of this course is to help students learn how to construct web pages. This course is an introduction to XHTML and JavaScript. The course assumes no previous programming experience but does assume knowledge of the Internet. Topics will include:

Using XHTML and JavaScript.
Data Types: Integer, Float, and Strings
Using Hyperlinks, Images, Lists, Tables, Frames, Forms, Cascading Style Sheets,
Similarities and differences between XHTML and JavaScript
Debugging Techniques
Using Lists
Object-Oriented Programming
Control Structures: Selection and Repetition (Looping)
DHTML, CSS, & Animation
Arrays

Acquisition of HTML editors and graphics libraries, and sites for storing web pages will also be covered.

How will students learn?

Students will learn through:

Lectures: Important material from the text and outside sources will be covered in class. Students should plan to take careful notes because not all material can be found in the texts and/or readings. Discussion is encouraged as is any other outside material that is relevant to topics being covered.
Assignments: Review assignments, case problems, and other projects will be periodically assigned to make sure that you understand the material in the text. These assignments may require you to be familiar with various software packages.
Quizzes: Occasional unannounced quizzes will be given to make sure that you have stayed up with assigned material.
Exams: Two to four exams will be given. The exams will cover assigned reading and material discussed in class. Review sheets will be provided prior to exam day.
Internet: All material will be distributed on the Internet. Students are encouraged to go to the class website in order to obtain file downloads and/or view other items of interest throughout the semester.

Content Outline

Students will cover units on:

· The Internet and the World Wide Web

· XHTML Basics

· XHTML Hyperlinks & Tables

· XHTML Color and Visual Elements

· XHTML Frames

· XHTML Forms

· Web Site Design

· Web Site Development

· Cascading Style Sheets

· Web Media

· E-Commerce Overview

· Introduction to Web Page Interactivity

How will students be assessed?

Student grade will be based on the following:

· Major exams

· Quizzes

· Semester project

· Final exam

Major Projects/Products

Students will complete the following projects:

Create a web page that contains text, image(s), and hyperlinks using HTML.

· Create a web site that includes a home page that serves as an index to the other pages in the site.

· Design and construct a unified web site that makes use of the techniques and tools that we have covered this semester.

· Careers in the Interactive Media Area

Learning Resources (e.g. textbook, other publications, community resources, etc)

Web Developer Foundations: Using XHTML Textbook

Grading Policy

Make-Up Work Policy

Pacing Calendar

1^st Quarter

Standard 2: Demonstrate knowledge of leadership.
2.1	Use critical thinking to resolve workplace issues.
2.2	Participate in business career/tech student organization.
Standard 3: Identify, plan, and prepare for a future career.
3.1	Explore career options in the web design occupations.

2nd Quarter

Standard 1: Use principles of planning, management, and organization.
1.1	Demonstrate the use of time and equipment appropriately.
1.2	Demonstrate problem-solving techniques used in designing web pages.
Standard 3: Identify, plan, and prepare for a future career.
3.1	Explore career options in the web design occupations.
Standard 4: Demonstrate knowledge of finance and commerce in global economy.
4.1	Explore the ways the economy can impact web site development activities and businesses.

3rd Quarter

Standard 1: Use principles of planning, management, and organization.
1.3	Analyze and appraise data collected through a variety of research methods to prepare web sites.
Standard 5: Apply professional customer service and communication skills.
5.1	Use effective graphic design and composition to communicate intent of web site.
Standard 6: Demonstrate proficiency in the use of technology.
6.1	Produce web sites of professional quality.

4th Quarter

Standard 5: Apply professional customer service and communication skills.
5.2	Demonstrate essential and effective communications skills in a professional environment.
Standard 6: Demonstrate proficiency in the use of technology.
6.2	Demonstrate ability to use web site enhancements (Flash, After Effects, etc.)
6.3	Demonstrate proficiency in the navigation of the Internet.