Web Design

Intro to Web Design (HTML,CSS, JAVASCRIPT)
This is an elective course available to those students that have achieved a "90" average in Computer I or a teacher recommendation. The nuts and bolts of Web Page Construction are taught in a "lab oriented" differentiated learning environment. The course includes a practical, hands-on approach to Web Development. Students will develop pages using HTML-CSS, Javascript and Flash-Like Software. They will apply these web techniques by creating a variety of interesting projects. Project opportunities include:

A Hotel Reservation Form
Radio DJ Site
School Web Site Development
Electronic Student Portfolio "Base Example"
Animation & Image Manipulation
JavaScript Techniques

Students will be encouraged to discuss and compare their completed work with the class.
Additional projects will be given in Networking, PC Repair, and Technology Ethics essays and debates.

Have a question about the course?

Full name:

Email address:

Comments:

TOPIC

DESCRIPTION

Learning the Basic HTML tags

Using Tags to create a simple demo page

Project: The Web Quest

Students will experiment with simple html tags, creating and publishing a WEB QUEST page.

The Style Sheet

Nine Step Work Sheet

Project: Working Page that incorporates css elements

Project: The TAG & STYLE EXAM

Style Sheets will be introduced. Students will investigate several techniques to promote consistency and bring polish to their Web work.

Creating a Simple Submit Form

The Vacation Reservation Code

The Vacation Reservation Page

Form Submit Technique: HTML-PHP

Step by Step

HTML DEMO FORM

PHP Script

Simple interactive techniques are introduced here to create Forms with Submit options.

Work with Frames

Setting Frame Headers

Setting Frame Columns

Setting Frame Rows

Setting Frame Cols and Rows

Project: Implement the Vacation Reservation Page in Frame Setting

Frame Technique is reviewed and implemented. Pro's and Con's comparisons with DIV.

V. STUDENT PORTFOLIO PROJECT

The Students will combine their HTML skills to produce a multi-page Portfolio Web Site that will be used as a personal reference to prospective employers in the professional workplace. Upon completion, students will take part in a mock-job search and live interview.

VI. JavaScript Techniques

Additional Web techniques in JAVASCRIPT that will enable interactivity, animation, cascading menu systems and other interesting elements.

VII. MISCELLANEOUS TOPICS

Additional Web Projects: Student Book Store, DJ Studio, Small Business

Panoramic Views with Swishmax

Implementing Video Animation & Sound

Open completion of the basic curriculum, several additional opportunities are available to stretch the skill level of all interested students.

CLASS WEB PROJECTS