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:
- Use the HTML language and its more stringent counterpart xHTML, and use it to develop materials for the web.
- Demonstrate an understanding of raster graphics formats for the web and use them within web pages.
- Apply proven methods for information architecture focused upon audience, content, and delivery.
- 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.
- Incorporate tables, frames, forms, audio, video and vector components on the web.
- Use client-side scripting to extend the capabilities of HTML and XHTML.
- Identify differences between extended technologies such as VBScript, CSS, DHTML, XHTML, XML and XSL, WML, WAP, XAML, and how they differ from HTML.
- Show understanding of the legal and ethical implications of publishing on the web.
Required Materials & Books
- Client Side Web Development with XHTM, CSS, and JavaScript. Available from http://www.eAcademicBooks.com/XHTML.ASP
- 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 | B |
Average student work | C |
Below average student work | D |
Failure | F |
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 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 |
Lab 1 |
|
|
2 8/29 |
XML, HTML, XHTML |
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 |
Lab 4 | Project 1 Assigned |
|
5 9/19 |
Intermediate XHTML |
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 |
|
|
8 10/10 |
October Break |
Intermediate CSS |
Project 1 | ||
9 |
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 |
Final Exam |