COURSE SYLLABUS
Course DescriptionThis is a year-long course in Web Page Development and Design. In the first semester, students will learn the basic structure and syntax of HTML (HyperText Markup Language) documents and how to create and edit web pages in raw HTML using a simple text editor. They will learn the major elements and attributes which are used to construct these document, as well as the use of both formatting tags and styles to enhance their content. Students will also be introduced to basic guidelines for web page design.
In the second semester, students will be introduced to XHTML, CSS and JavaScript. The XHTML (Extensible HyperText Markup Language) section of the course will introduce students to web standards developed by the W3C (World Wide Web Consortium) and promoted by the Web Standards Project and the Web Standards Group. XHTML will require students to build clean, well-formed web pages and validate them using the W3C Markup Validation Service. CSS (Cascading Style Sheets) will introduce students to the process and syntax of formatting web pages through the use of style sheets, both internal and external. With JavaScript, students will learn how to make their page content more dynamic and interactive.
Students will acquire the above skills and expertise through a series of online tutorials offered through a variety of free online tutorial sites. They will demonstrate their knowledge and skill by developing a series of web pages escalating in complexity of both design and content. For content, students will select a theme of their choosing, which will be expected to evolve in scope and volume as they progress through their web page assignments.
All course materials and content are available online at this site or through this site. No other materials or textbooks are needed or required. However, students are strongly encouraged to have a computer with Internet access at home, as this will greatly facilitate their learning and coursework. This is a hands-on course. Students will learn by doing.
Students will be expected to complete a final Web Project as the culmination of this course. This will be a group project with groups consisting of 3 or 4 students. The project will be expected to add something of value and usefulness to the LACES website. An example would be this website, which was created with the assistance of such a group from the 2009/10 school year.
Course Objectives - Students Will:
Computer/Internet Basics
- Use:
- a computer network resource to store and access their work
- email in a professional and formal manner for academic communication and work submission
- contacts and signature features of email
- Create folders on the network to organize and maintain their work effectively, productively and efficiently
- Maintain a daily log, using Excel, of their activities and reflections on their learning
- Set up:
- and maintain an email account using both an online provider and local email client
- online accounts in a professional manner with usernames and passwords
- Configure a local email client (Outlook Express)to access their email
- Be able to access and use a variety of online accounts for class purposes
- Print documents using a network printer
- Adhere to basic netiquette guidelines
Web Page Content - Theme
- Select a theme of their choosing for their websites based on their interests and/or activities
- Use:
- a variety of resources and their own knowledge to gather and organize informational content relevant to their chosen theme
- HTML structural elements to effectively and efficiently organize and display their content
- Communicate this information in a structured and organized manner using HTML
- Develop their theme over time as their knowledge and expertise with HTML grows
- Demonstrate thought, planning and organization in the delivery of their web content
- Adhere to proper English writing standards in their web pages
HTML Basics
- Know that HTML is an acronym for HyperText Markup Language
- Understand:
- that HTML is the basic language of the World Wide Web
- the importance and use of the head, title and body elements in an HTML document
- the importance and use of the primary elements/tags mentioned above
- the importance of hyperlinks in HTML documents
- the importance of URL's (Uniform Resource Locator) in web addressing and use one to create a hyperlink
- Learn the basic structure of an HTML document
- Demonstrate the proper use of indenting in a text editor to enhance readability and editability of HTML documents
- Use a browser and simple text editor to create, edit, save and view web pages
- Create, edit and view a simple web page using the primary HTML elements/tags: html, head, title, body, headings, paragraphs
- Add simple link and image tags to a web page
Formatting & Styles
- Understand the difference between:
- Inline and Block Elements and their effect on HTML structure
- and demonstrate the proper use of heading and paragraph tags in content delivery
- Add information and styling to HTML elements with Attributes
- Demonstrate:
- the proper use of a variety of both Inline and Block elements in web page construction
- correct use of a variety of font/text styling attributes (i.e. font selection, alignment, size, color)
- the proper use of Entities (i.e. the ampersand symbol &)in HTML documents
- proper use of both line breaks and horizontal rules in HTML
- the correct use of the Comment tag
- Use:
- proper syntax for adding attributes to elements
- a variety of heading tags to highlight the structure and organization of a web page (content titles & sub-titles)
- paragraph tags properly to add informational content to a web page (analogous to the body of a paper)
- the style attribute to properly format both headings and paragraphs
- the style attribute to set the background color of a page
- a variety of formatting tags to add additional formatting elements, such as italicized text to a web page
- Avoid the use of deprecated tags such as <font> in their HTML documents
Links, Images, Tables & Lists
- Incorporate:
- a table into their HTML document, with caption, borders and background color
- both ordered and unordered lists into their HTML document
- Demonstrate:
- a variety of hyperlinks using both text and images with proper link syntax
- the proper use of the anchor links to facilitate the internal navigation of HTML documents
- a variety of image alignments both within text and float
- the proper use of the alt attribute with images
- the use of the heading tag in tables
- different cell alignments in tables
- the proper use of nested lists
- Create a working email link including: to, cc, bcc, subject and message
- Use:
- the target attribute to open links in new tabs
- styles to employ an image as background
- Set the width of a table
Table Layout
- Utilize a table to structure and organize their page content
- Create a visually appealing page layout using a table layout design
- Show thought and planning in their design considerations
- Demonstrate:
- proper use of column and row span attributes in table layout and design
- good design considerations in background image selection
- good use of color in web page design
- ability to correct errors in previous HTML coding assingment
- Express color values as hex values in their HTML document
Forms
- Demonstrate continued growth in the appreciation and consideration of page layout and design, including:
- overall page layout
- placement of text & graphics
- color compatibility
- content readability
- Create a web page which uses a form
- Set form action to submit user input via email
- Demonstrate correct use/syntax of name and value attributes in form field creation and data collection
- Demonstrate proficiency in form field construction using:
- textbox
- text Area
- check Box
- radio Buttons
- crop-down menu
- submit/reset buttons
Frames
- Demonstrate an introductory proficiency with HTML creation and design
- Show academic growth by incorporating learning from previous tutorials and assignments
- Use a Frameset Web Design to create a portfolio of their semester's work
- Create:
- a Title Frame to introduce page, contents and purpose
- a Navigation Frame which facilitate navigation of the site
- a Show Frame to display their portfolio work
- Continue to demonstrate good design considerations per objectives outlined above
- Utilize the noresize="noresize" attribut/value combination in their Frameset page
Student Expectations - you are expected to:
Academic:
- be prepared, use your time wisely and productively
- maintain academic integity, do your own work
- read directions carefully and listen to instructions
- collaborate effectively with your peers
- submit your work on posted due dates
Attendance:
- be on time and be ready to work
- avoid excess tardies as they will impact your work habits grade
- make arrangements for any planned absences - exams, assignments are still due
- complete assignments on time
- understand that participation in extra-curricular activities (sports & clubs) is not an acceptable reason to miss due dates or exams
- avoid requesting hall passes, take care of business at appropriate times
Behavior:
- be courteous and respectful towards all
- not talk while I am talking
- adhere to the District's and LACES' Acceptable Use Policies regarding computer/Internet use
- not bring food or drink into the computer lab, it will be confiscated and disposed of (including gum)
- use polite language at all times, profanity is frowned upon
- not whine, it'll get you nowhere
- not bring or invite your friends to class
Grading Policy
Standard Grading Scale
This class employs a standard grading scale in determining your course grade, as follows:
| % | Grade |
|---|---|
| 100 - 90 | A |
| 89-80 | B |
| 79-70 | C |
| 69-60 | D |
| below 60 | F |
Final Grade - Weighted Average
Your final semester grade in the class will be based on a weighted average. For the final grade determination, the relative weight distribution will be s follows:
| Item | Weight |
|---|---|
| Setup & Tashsheet | 10% |
| Web Page Projects | 45% |
| Tests | 45% |
Class Setup & Tasksheet - 10% of Final Grade
Class Setup
Your work will be evaluated based on your ability to read and follow directions. You will be expected to accomplish these tasks in a mature and responsible manner. Standard English protocols should be maintained at all times.
Tasksheet
Your tasksheet submissions will be evaluated based on your time and effort. Show diligence in keeping it up-to-date. Read the directions for completing your tasksheet carefully.
Varying Weight
Class Setup items and Tasksheet will weigh more in the early grading periods, when we have less web work and exams to base your grade on. For the final grade, their weight will be 10%.
Here is a breakdown of the weight of these items as the semester progresses.
| Period | Weight |
|---|---|
| 5-Week | 60% |
| 10-Week | 40% |
| 15-Week | 20% |
| Final | 10% |
Tests and Web Projects, evenly weighted, will make up the remaining percentage of your grade for each grading period.
Tests - 45% of Final Grade
All tests are multiple choice and taken online using QuizStar
Tests are scored based on the percentage of correct responses. Your corresponding grade is indicated by the standard scale above.
Your lowest test score will be dropped in determining your final semester grade.
Individual exams are not curved.
Web Projects - 45% of Final Grade
Each web project has HTML coding specifications and guidelines for you to follow and adhere to.
Web projects are evaluated based on:
- HTML coding proficiency
- Successful fulfillment of specifications and guidelines
- Content development and presentation
Course Outline
| Wks | Dates | Unit |
|---|---|---|
| 1 | Sept 13-17 | Setup & Tasksheet |
| 2 | Sept 20-24 | Primer |
| 3-4 | Sept 27 - Oct 15 | Basics |
| 5-7 | Oct 18 - Nov 5 | Formatting & Styles |
| 8-10 | Nov 8-26 | Tables & Lists |
| 11-13 | Nov 29 - Dec 17 | Table Layout |
| 14-15 | Jan 10-21 | Forms |
| 16-17 | Jan 24 - Feb 4 | Frames |
| 18 | Feb 7-11 | Finals |
| Wks | Dates | Unit |
|---|---|---|
| 1-2 | Review, Recap & Repair | |
| XHTML - Part 1 | ||
| XHTML - Part 2 | ||
| JavaScript | ||
| Web Project |