CS 201

World Wide Web Coding and
Procedural Programming
(XHTML, CSS, and JavaScript)

Summary:

The focus of CS201 is World Wide Web coding and procedural programming. This course utilizes an incremental approach to teach various client-side coding and programming methodologies that are utilized on the Internet.

The course will begin with format description codes XHTML and CSS. These topics will serve as an introduction to the coding process and web page creation. They will also provide formatted output capabilities for programming assignments.

The course will progress to using JavaScript as a third generation high-level programming language with emphasis on program design, coding, debugging, testing, and proper documentation. The fundamental concepts of programming languages will be taught including variables, program control structures, functions, arrays, and objects.

Essentials:

Syllabus

Number Systems and Codes Handout

Project 1: Home and resume pages
Project 2: XHTML Tables and CSS
Project 3: Creating a Personal Web Site
Project 4: Simple Programs
Project 5: Control Structure Programs
Project 6: Function Programs
Project 7: Event Driven GUI Programs

Slide Set 1: Programming Languages
Slide Set 2: Introduction to XHTML
Slide Set 3: Lists
Slide Set 4: Web Images
Slide Set 5: Hyperlinks

Slide Set 6: Tables
Slide Set 7: RGB Colors
Slide Set 8: Cascaded Style Sheets
Slide Set 9: Advanced CSS

Slide Set 10: JavaScript Introduction
Slide Set 11: JavaScript Operators
Slide Set 12: Conditional Structures
Slide Set 13: Repetition Structures
Slide Set 14: More Control Structures

Slide Set 15: Functions
Slide Set 16: Arrays
Slide Set 17: Objects
Slide Set 18: Forms

Slide Set 19: Dynamic HTML

All documents are in Adobe Acrobat format. Acrobat Reader is free and available on textbook CD or download version 5 here.

(If doesn't load in browser save file and open with Acrobat Reader)

Textbook:

Internet & World Wide Web: How to Program
3rd Edition
Authors: Harvey Deitel, Paul Deitel, and Andrew Goldberg, November 2003
ISBN: 0131450913

Tools:

Web Content Development Tools:

Text Pad
Feature filled shareware text editor. Designed to be used as a programming language or html editor. Optional dictionary can be installed and Clip Libraries to aid in HTML coding.

Paintshop Pro Demo Versions

Highly recommended fully functional shareware graphics program. Each version is valid for 60 days.

Version 5 is the easiest with relatively few advanced features.
7.1 MBye download.
Version 6 has impoved features and vector graphics capability.
14.6 MByte download.
Version 8 is the current version. It has many complex and advanced features and is available on Jasc website. (80 MByte Download)

RGB Editor (What does 24 bit color really mean)

Web Server Hosting:

Geocities Membership is free and you are entitled to free use of web server space. Part of the Yahoo experience.
Ad supported pop-up windows.

Lunarpages is one of the best value webhosts on the net. Only $7.95 per month gives you 800 MByte of server space. Support for JSP, PHP, MySQL, amd ASP. Very easy to use interface. The webhost that I use.

Multi-OS Internet Browsers:

Opera International Browser

It is the fastest and a very compact browser that complies with W3C standards. Ad banner supported or pay $39.
Only 3.4 MByte download. Becoming an Opera lover in 30 days.