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.

Required Materials & Books

  1. Client Side Web Development with XHTM, CSS, and JavaScript. Available from http://www.eAcademicBooks.com/XHTML.ASP
  2. 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. However, they may be turned in by 6:00 PM of the following Monday. 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

BlackBoard

Blackboard : http://www.itap.purdue.edu/tlt/blackboard/

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, Aug 23, 2011. The first set of assignments will be due by 9:00 PM on Thursday, Aug 25, 2011. 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 You are expected to attend class. 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  

8/22

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

Markup
Our tools
XHTML CSS JavaScript

Lab 1

 


ebook Chapter 1

2   

8/29

XML, HTML, XHTML
Uses
Syntax

Using xHTML for Semantic Markup

Block & In-Line Text Elements

Lab 2


3  

9/5

Intro to CSS

Using CSS

Lab 3

ebook Chapter 2

4

9/12

Using CSS for layout

Using CSS for layout
2 column w/ header demo

Lab 4 Project 1 Assigned

 

9/19

Intermediate XHTML
Validation

Validation & Accesability

Project 1

 

ebook Chapter 3

6  

9/26

Graphics formats and the web

Graphics formats and the web

Project 1  


7   

10/3

From PSD to a finished CSS site

From PSD to a finished CSS site

Project 1


ebook Chapter 4

10/10

October Break

Intermediate CSS

Project 1    

9   
10/17

Midterm Exam


Midterm Exam

Midterm Exam Project 1 Due ebook Chapter 5

10  

10/24

JavaScript JavaScript JavaScript  

11

10/31

JavaScript JavaScript   Project 2 Assigned ebook Chapter 6

12  

11/7

XHTML Forms Using PHP or ASP to process forms Project 2

13

11/14

JavaScript JavaScript Project 2    

14  

11/21

Targeting mobile devices using XHTML/CSS

Thanksgiving break

Project 2    

15  

11/28

Intro to AJAX

AJAX

Project 2 ebook Chapter 8

16 

12/5

Mobile (Web Runtime)

Mobile (Web Runtime)

Project 2

Project 2 Due

17
12/12

Final Exam

   

Resources