CGT / CIT 141 Internet Foundations, Technologies, and Development

Course Description

This course explores the history, architecture and development of the World Wide Web. Current tagging and scripting languages are covered in a tool independent environment. Topics also include authoring tools, design, graphic and multimedia formats, and commerce, implementation and security issues.

Course Objectives

Upon completion of CGT 141 / CIT 141, students will be able to:

  1. Use the HTML language and its more stringent counterpart xHTML, and use it to develop materials for the web.
  2. Demonstrate an understanding of raster graphics formats for the web and use them within web pages.
  3. Apply proven methods for information architecture focused upon audience, content, and delivery.
  4. Demonstrate an understanding of the effect of the server on design, implementation and delivery, and how the browser and display affect web designs and materials.
  5. Incorporate tables, frames, forms, audio, video and vector components on the web.
  6. Use client-side scripting to extend the capabilities of HTML and XHTML.
  7. Identify differences between extended technologies such as VBScript, CSS, DHTML, XHTML, XML and XSL, WML, WAP, XAML, and how they differ from HTML.
  8. Show understanding of the legal and ethical implications of publishing on the web.

Syllabus Updates

A copy of this syllabus is kept in the Blackboard space for this class. Please check that version often.

Required Materials & Books

  1. Neiderst Robbins, J. (2006). Web Design in a Nutshell, 3rd Edition, O'Reilly, ISBN 0596009879.
  2. Goodman, D. (2004). The Javascript Bible 5th Edition, IDG, ISBN 0764557432.
  3. Client Side Web Development with XHTM, CSS, and JavaScript.
  4. Web hosting space

Material Submital

Projects:

All materials associated with a project are to be sumbmitted electronically. First, you should deploy a version of your project to a web-server. Second, you should create a zip file that contains all of the files associated with your project. This should include your preproduction materials (functional specifications, color comps, etc.), your finished web files (xhtml, css, js, etc.). You then submit the files via BlackBoard, and a text file with the web-address of your deployed project. All files turned in should include your lastname and first initial in the filename. Example: Morales_C_Project1.Zip

Functional Specifications

All project will require a set of functional specifications. These should be turned in as PDF files on BlackBoard. All files turned in should include your lastname and first initial in the filename. Example: Morales_C_FuncSpecs.Zip

Labs

Labs are to be completed during your lab session. Before you leave lab, zip all of your files and submit them via BlackBoard. All files should include your lastname and first inital in the filename. Example: Morales_C_Lab1.Zip

Homework Assignments:

Homework assignments from the on-line e-book are to be turned in through the eAcademicBooks site by 9:00 PM Thursday of the week in which the assignments are given. For example, the first day of class will be Tuesday, January 12, 2010. The first set of assignments will be due by 9:00 PM on Thursday, January 14, 2010. The readings and assignments are typically separate from the materials covered in class. This arrangement allows us to cover material faster and in more depth than if we used lecture to go over the same materials as in the readings.

The eAcademicBooks site allows you to continuously resubmit your assignment (to yourself) until you get a 100%. Take advantage of this feature. At 9:01 PM, on Thursday the site will send a report and a copy of all of the assignments to your TA and professor. Do not send them your assignments directly, as they will not be considered for a grade. Please take into account that the server may be busy close to the turn-in time. If you hit the submit button at 8:58 PM and the server does not process your assignment until 9:01 PM, you will not get credit. Plan accordingly. Do your work early.

Grade Distribution

Points Assignment
100 Labs
150 Project 1
150 Project 2
200 Midterm Examination
200 On-Line eAcademicBooks Homework Assignments
200 Final Examination
1000 Total Points

Grading Scale

This course assigns grades as A, B, C, D, F. The +/- system is not used in this course.

90 - 100% A
80 - 89% B
70 - 79% C
60 - 69% D
0 - 59% F

Grading Philosophy

Superior work, professional  A
Above average student work 
Average student work  C
Below average student work  D
Failure 

Course Administration

Lecture and 
Demonstration
Lectures will concern the body of knowledge surrounding hypermedia production.The demonstrations will cover specific operations and techniques. You are expected to be at both of these. If you have to miss a lecture or a demonstration, it is your responsibility to secure all materials and information presented in lecture or demo. Lectures and demonstrations will not be repeated.
Absenses While you are expected to attend all class activities in connection with this couse, attendance is not taken. Missing labs will impact your ability to turn assignments (lab assignments must be turned in during lab), and missing lecture will impact your ability to get the necessary information to the course.
Outside work Outside work will be necessary.
File security
and disks
You are responsible for the security of your files. You should have multiple copies on multiple sources (CD-R, USB, TCN server, ICS server) at all times. Loss of data, files, or other associated items do not constitute a reason for an extension of a deadline.
Student Conduct 
and Policies
Follow the Purdue University Student Conduct Code
Campus Emergencies

In the even of a major campus emergency, course requirements, deadlines, and grading percentages are subject to changes that may be necessitated by a revised semester calendar or other circumstances. The following are ways to get information about changes in this course:

  • Course Web Page
  • My email address: morales@purdue.edu
  • My office phone: 494-7204

Course Assignments

Lab Exercises Throughout the course you will be required to work through the specific xHTML, CSS and other exercises.  The exercises are designed to help familiarize you with these "languages."  Each tutorial contains specific tasks to help you get over the learning curve of using it. You are expected to create these exercises by hard coding -- not with a page or site editor.
Projects You will be expected to successfully complete two projects. Projects will be graded on  professionalism, execution, creativity, technical merit, aesthetic value, and communicative value. Details will be provided when the project is assigned.
On-line Assignments The on-line assignments from eAcademicBooks are intended to test your understanding of the technical aspects of XHTML, CSS, and JavaScript in a low stakes environment. Each assignment may be reapeted until you achieve a 100%.
Exams  The midterm exam will cover material from the book(s), lecture, demonstrations, laboratory, and project portions of the course and be administered during the lecture time period. The final exam will be a cumulative and comprehensive exam and given at the appropriately scheduled time. 

Weekly Layout

The weekly topics are subject to change at any time by the course administrator. For the most up to date weekly topics, see the course website.

Week 

Lecture - 1

Lecture - 2

Lab

Projects

On-Line Homework

1  

01/11

Intro Syllabus On-line homework TCP/IP FTP Web Server

Markup
Our tools
XHTML CSS JavaScript

Lab 1

 

Niederst Robbins Ch. 1-5
Chapter 1

2   

01/18

XML, HTML, XHTML
Uses
Syntax

Intro to CSS

Lab 2


3  

01/25

Relationship of CSS and XHTML

Using CSS

Lab 3

Niederst Robbins Ch. 8-10, 16

Chapter 2

4

02/01
 

Using CSS for layout

Using CSS for layout
2 column w/ header demo

Lab 4 Project 1 Assigned

 

02/08

Intermediate XHTML
Validation

Validation & Accesability

Project 1

 

Chapter 3

6  

02/15

Graphics formats and the web

Graphics formats and the web

Project 1  


7   

02/22

From PSD to a finished CSS site

From PSD to a finished CSS site

Project 1


eChapter 4

03/01

Intermediate CSS

Intermediate CSS

Project 1    

9   
03/08

Midterm Exam


Midterm Exam

Midterm Exam Project 1 Due Chapter 5

10  

03/15

Spring Break


Spring Break

Spring Break Spring Break
Spring Break

11


03/22

JavaScript JavaScript Lab 5 - JavaScript Project 2 Assigned Chapter 6

12  

03/29

XHTML Forms Using PHP or ASP to process forms Lab 6 - Create Form and ASP/PHP to process form

13

04/05

JavaScript JavaScript Project 2  

Niederst Robbins Ch. 18, 24-26


Chapter 7

14  

04/12

Targeting mobile devices using XHTML/CSS

Targeting mobile devices using XHTML/CSS

Project 2    

15  

04/19

Intro to AJAX

AJAX

Project 2 Chapter 8

16 

04/26

Mobile (Web Runtime)

Mobile (Web Runtime)

Project 2

Project 2 Due

17
05/03

Final Exam

   

Resources