Course Number: Course Title

SYLLABUS FOR WEB PAGE DESIGN

Term: Spring 2007 (062) (January 8 - April 28, 2007)<= /o:p>

Course Number: CIS 253A

Instructor: Mr. Darren Henderson<= /b>

Office: Room 508 (CIS) or 608 (Office of Institutional Research)

Office Phone: (219) 473-4346

E-mail: dhenderson@ccsj.edu

Office Hours:    Monday &= nbsp;           &nbs= p;            &= nbsp;      12:00 p.m.-   1:30 p.m.

Wednesday        &= nbsp;   9:00 a.m.- 12:00 p.m.

Thursday        &= nbsp;      12:00 p.m.- 1:30 p.m.

Instructor Background:

Education<= /span>

o      = M= aster of Science in Electrical Engineering from Purdue= University, West Lafayette, IN

o      = S= pecialization in Communications and Signal Processing

o      = G= raduate coursework: Digital Communications, Digital Signal Processing, Image Processing, Computer Networks, and Estimation Theory

o      = B= achelor of Science in Engineering from Purdue University Calumet, Hammond, IN

o      = U= ndergraduate coursework emphasis in mathematics and physics: Advanced Calculus, Partial Differential Equations, Complex Analysis, Advanced Analysis, Electromagnetic Field Theory, Optics, and Quantum Mechanics

o      = S= enior Project: Developed a prototype for a home security and convenience system w= ith a speech synthesis capability. = Wrote assembly language software for the Motorola HC11 microcontroller to control= the system and interface with a Texas Instruments speech synthesis chip

Work Experience

o      = Calumet College of St. Joseph, Hammond, IN

o      = A= ssistant Professor, Computer Information Systems

§C= ourses taught include Computer Literacy, Business Microcomputer Applications, Appl= ications in Databases: Access, Applications in Spreadsheets: Excel, Web Page Design,= C++ Programming I and II, Hardware and Software Concepts, Systems Analysis and Design, and Data Communications and Networking Theory

o      = I= nstitutional Researcher

§A= ccepted interim appointment beginning Spring 2007 term

o      = C= omputer Services Department

§H= elped lay the groundwork for the school's existing computer network and services. Responsible for ini= tially creating the faculty and staff e-mail accounts and for making the school's computers (faculty, staff, and 4^th floor computer labs) Internet accessible. Duties involved Unix/Linux and Windows NT System Administration and TCP/IP Network Administration in support of DNS, DHCP, WWW, and e-mail services. Implemented an early firewall to p= rotect the school's Univers database system from unauthorized access

Ivy Tech State College, Valparaiso, IN

Adjunct instructor in the Electronics Technology Department

Courses taught: Circuits I and II, Solid State I and I= I, Digital Principals, Digital Applications, and Electricity for HVAC.

Publicati= ons/Presentations

o      = &= #8220;Do Voter Registration Drives Increase Voter Turnout?” upcoming paper and presentation with Dr. Tina Ebenger for the 65^th Annual Meeting of the Midwest Political Science Association, Chicago, Illinois (scheduled for April 12-15, 2007)

o      = &= #8220;Tailoring an MIS degree: incorporating current skills in an accelerated format” paper with Kurt Jordan and George Schaefer, Information Systems Education Conference
(ISECON) 2006. (accepted/absentee)

o      = , Goodman, Henderson, Stenzel, Mellen Press, 2006 (ISBN 0-7734-5831-X)

o      = &= #8220;The Zen of Competency-Based Education”, presented at the Higher Learning Commission (NCA), with Dr. Eileen Stenzel and Dr. Barbara Goodman, March= 2004, Chicago, Illinois.

Research Interests

o      = D= atabase Theory, Database Warehousing/Mining, Software Engineering, Systems Analysis= and Design

Course Time: Mondays &= nbsp; 9:00 a.m. – 12:00 p.m.   &n= bsp;   Room 419

Course Description: The course will introduce students to the fundamentals of web page development using the Hypertext Markup Language (H= TML). Students will use a non-visual/code-based HTML development environment throughout the term. Students will also be introduced t= o the use of Adobe Photoshop for web-based image creation and processing.

Prerequisite: CIS 115

Learning Outcomes/ Competencies:

Students in this course will:=

·      =    U= nderstand the syntax differences between HTML 4.0 and XHTML 1.0

·      =    U= se a Web Browser to

o        view HTML source code

o        access Internet resources (e.g. documentation/tutorials/scripts) on Web page design concepts

o        preview their Web page designs/HTML source code

·      =    U= se Non-WYSIWYG HTML editors/tools to create web pages that contain<= /span>

o      = text

o      = bulleted and numbered lists

o      = relative and absolute links

o      = images

o      = tables

o        forms

·      =    A= cquire images from a digital library, from the Internet, from a scanner, and/or fr= om a digital camera

·      =    U= se Cascading Style Sheets (CSS) (embedded, inline, and external) to format and position text elements

·         U= se Adobe Photoshop for Web Graphics

o        understand the differences between vector-based images and bitmap images

o        understand the TIFF, PSD, JPG, and GIF file formats

o        convert an image to a differe= nt file format (e.g. TIFF à JPG)

o        determine an image’s dimensions (i.e. width and height) in an appropriate unit (e.g. pixels or inches)

o        work with color

§      =    sample a color from an image using the eyedropper tool

§         view a color’s RGB and hexadecimal values

o&nb= sp;       crop an image

o        create optimized GIF and/or J= PG images

o        create transparent and interl= aced GIF images

o        create navigation buttons and bars

·         A= pply “best practices” in Web page design and layout

·         I= ncorporate popular JavaScript scripts and Server-Side Includes (SSI) into their HTML

·         U= se HTML validation tools

·         U= pload Web pages to a Web server (e.g. via the File Transfer Protocol (FTP))<= /o:p>

Textbooks: (required)

HTML and XHTML, 4^th ed., Patrick Carey, Course Technology, Boston,= MA, 2005. (ISBN 0-619-26747-X)

Storage Media:

Students will need to use some form of porta= ble read/write storage to work in-class on the assigned class exercises and/or = to transport files between the CCSJ laboratory computers and their personal computer. It is expected that regular use of a portable storage device will exercise and will improve a student’s file management skills.&nb= sp; Today, a USB flash memory device is probably the safest choice for a storage device since increasingly many of the 4^th floor computer= s do not come configured with floppy disk drives. Alternatively, students may use ei= ther their CCSJ WebMail account to send an email with a file attachment or Blackboard’s Digital Dropbox “Add File” feature to save a file for later use if no portable storage device is available. Remember, files saved to the hard = disk (esp. My Documents and/or the Desktop) of a CCSJ laboratory computer will n= ot generally survive AFTER logging out of the machine!

Learning Strategies:

The course material will be presented and learne= d through a variety of teaching methods (including lectures, Socratic method instruction, electronic = minute papers, team/group activities and discussions, and instructor-led demonstrations). The teaching methods were chosen to actively engage the student in the teaching/learning process. Students will develop proficiency in Web Page Design and HTML by attending regularly and in activ= ely participating in class activities.

Assessment:

The student’s final semester course grade= is based on two assessment components: active participation in in-class formative assessments and by the r= esults of end of semester summative assess= ments. The grade calculation uses the weights for the various components shown bel= ow.

Formative Assessments

Attendance/Class Participation     =             &nb= sp;            =             &nb= sp;            =             &nb= sp;            =           15%

Performance-Based Class Exercises    &nbs= p;            &= nbsp;           &nbs= p;            &= nbsp;           &nbs= p;            &= nbsp;          20%=

Summative Assessments

Final Exam      &nb= sp;            =             &nb= sp;            =             &nb= sp;            =             &nb= sp;            =             &nb= sp;            =       25%

Project

Semester Web Page Project Deliverables:

        Planning Documents     &nbs= p;            &= nbsp;           &nbs= p;            &= nbsp;           &nbs= p;            &= nbsp;           &nbs= p;            &= nbsp;       5%

        (e.g. proposal and storyboard)

        Web Site      &nb= sp;            =             &nb= sp;            =             &nb= sp;            =             &nb= sp;            =             &nb= sp;            = 35%

        (i.e. according to course specifications) &n= bsp;            = ;            &n= bsp;            = ;            &n= bsp;          ---------=

        &= nbsp;           &nbs= p;            &= nbsp;           &nbs= p;            &= nbsp;           &nbs= p;            &= nbsp;           &nbs= p;            &= nbsp;           &nbs= p;            &= nbsp;         100%

The course material consists of various web page design “tool” concepts/building blocks (e.g. links, styles, CSS, CSS for page layout, tables, forms, JavaScript). The chosen formative assessments h= elp the student in building up their web page design toolkit. The final exam allows the student = to demonstrate knowledge and application of the web page design concepts and b= est practices. The semester proje= ct allows the student to demonstrate mastery of the material by the developmen= t of a web site of their own concept and design incorporating the tool components that were learned throughout the semester.= Therefore, the semester project in effect brings together in one pro= duct all of the web page building blocks.

Class Policy on Attendance/Class Exercises/Semester Project:

Regular attendance and active class participati= on is vital to success in this course.= Regular attendance also keeps the student apprised of any important class announcements, any deviations from the course outline below and of any supplemental material presented.

Periodically throughout the term, performance-b= ased class exercises will be given during the class session to reinforce = the course concepts and material. The class exercises are intended as a formative learning experience for the stu= dent and are to be completed and reviewed by the instructor in-class. Students missing a class session in which a class exercise is assign= ed may complete the class exercise and have it reviewed by the instructor at t= he start of the next class session on= ly. Therefore, frequent absence= s may result in the student failing to receive credit for the class exercise component of the course. Stud= ents are generally required to submit the completed class exercises in both electronic and hardcopy form. Students will submit electronic versions to the instructor via Blackboard’s Digital Dropbox.

Students will be required to complete a multi-p= age Web site as a final semester project. Further details on the project requirements and timetables will be g= iven throughout the semester at the appropriate times. The deadline for submitting the se= mester project is 12 p.m. on Monday, April 23, 2007 (i.e. Week #16). Submissions after this deadline will NOT be considered for credit and will result in an assigned score of zero unless prior arrangements have been made with the instructor.

Class Policy for Exams:

The official class policy is that there = is NO MAKE-UP EXAMS, however in recognition of the occasional personal and/or family emergency that = may occur during the semester, a make-up exam may be granted provided all= the following conditions are met:

1) &= nbsp;    The instructor is notified via voice mail (preferably) or email of the make-up exam request by the student before = or within 24 hours of the scheduled exam date/time.

2) &= nbsp;    A suitable alternate time can be arranged. Remember that make-= up exams will generally require that a computer lab be reserved. Therefore, make-up times are gover= ned both by computer lab availability and instructor availability. The general practice is to offer t= he student(s) one alternate make-up time.

3) &= nbsp;    The missed scheduled exam must be made-u= p within one-week of the sch= eduled exam date.

The granting of make-up exams is NOT an entitle= ment but is a courtesy granted to the student by the instructor. If this courtesy is abused by a particular student or the class as a whole, then the privilege may be revok= ed.

The final exam is comprehensive in conte= nt! The final exam may consist of two distinct parts. Part I will generally cover knowledge and application of web page design concepts, terminology, best practices and will be administered closed book and closed notes. Part II (if present) will be a “hands-on” application portion which will be administered = open book and open notes.

A missed final exam will be assigned a s= core of zero.

Grading Scale:

A: 93-100               A-: 90-92 &n= bsp;            B+: 87-89     B: 83-86         B-: 80-82    C+: 77-79

C: 73-76             &= nbsp; C-: 70-72             = D+: 67-69     D: 63-66         D-: 60-62    F: 59 & below

Class Policy on Electronic Devices:

As a matter of courtesy to the instructor and to fellow students, cell phones, beepers, pagers, etc. are generally NOT to be answered in class and should be switched off BEFORE class begins. If it is absolutely necessary to r= eceive a call during the class period, then the device should be placed in a “vibrate” mode and the student should answer the call outside t= he classroom so as to minimize disruptions to the learning environment.

Course Outline

Class Dates:

Topics/Assignments:

WEEK 1

1/08/2007

Syllabus/Course Policies

CCSJ Network Login/CCSJ Web Mail/Blackboard L= ogin

Web Page Design Introduction=

        web browsers, web page content, WWW infrastructure and operation,<= /span>

        web page authoring and publishing, web page tools,

        web page resources

WEEK 2

1/15

MLK Day – NO CLASS

WEEK 3

1/22

Blackboard 6 Introduction/Accounts/Digital Dropbox =

Semester Project Proposal Assignment<= /p>
Tutorial 1 – = Developing a Basic Web Page

Class Exercise #1

WEEK 4

1/29

Tutorial 2 – = Developing a Basic Web Site

Class Exercise #2

WEEK 5

2/05

Tutorial 3 – = Designing a Web Page<= /span>

Class Exercise #3

WEEK 6

2/12

Semester Project Proposals Due

Tutorial 7 – = Working with Cascading Style Sheets<= o:p>

Diagramming HTML Elements

Class Exercise #4

WEEK 7

2/19

Tutorial 7 – = Working with Cascading Style Sheets (cont.)

            = (Cascading Style Sheets for Page Layout)

WEEK 8

2/26

Web Page Design Best Practices and Style Guide Web Resources

Web Page Design Best Practice (in brief)

      = ;   Plan, Plan, Plan!

      = ;   Establish Naming Conventions

      = ;   Use HTML Tools

  &n= bsp;         Image Processing Software, HTML/Markup validators,

  &n= bsp;         link checkers, CSS validators

Semester Project Guidelines<= /p>

Tutorial 4 – = Designing a Web Page with Tables

Class Exercise #5

WEEK 9

3/05

Appendix C – = Putting a Document on the World Wide= Web

Class Exercise #6

WEEK 10

3/12

Spring Break – NO CLASS

WEEK 11

3/19

Semester Project Planning Documents Due<= /o:p>

Tutorial 6 – = Creating Web Page Forms

Class Exercise #7

WEEK 12

3/26

Tutorial 10 –= Working with JavaScript

Class Exercise #8<= /b>

WEEK 13

4/02

Photoshop AVI Tutorial/Handout contents

      = ;      photoshop environment, toolbox, palettes, creating new images; (ch 2, ch 3); using layers (ch 4, ch 5); gif and jpg compression (ch 7)

AVI player operation instruction

      = ;      (play, pause, rewind, fast-forward, switch to and from full-screen, <= /span>

      = ;      use of headphones)

Class Exercise #9

WEEK 14

4/09

FINAL EXAM <= /p>

WEEK 15

4/16

Semester Project work/questions/troubleshootin= g

WEEK 16

4/23

= Semester Projects Due/Presentations

Class Participation:

See "Class Policy on Attendance/Class Exercises/Semester Project” above

CCSJ Tutoring Center:

Please be advised that the College’s two = existing tutoring centers (The Center for Academic Excellence and CLASS/PACE) are be= ing consolidated and will now be housed in Room 413. Tutoring services will be available both on a scheduled basis and a drop-in basis. The hours of operation will be Mondays, Wednesdays, and Fridays from 9:00 a.m. until 5:00 p.m. and Tuesdays and Thursdays from 9:00 a.m. until 7:00 p.m.

Academic Alerts:

In order = to assist students to successfully persist towards course completion, Calumet College of St. Joseph asks instructors to give a written evaluation in the = form of an Academic Alert at the end of the 5^th and 10^th w= eeks of the semester (Fall and Spring) for any students performing below “C” average work. The current practice is to have the instructor hand-deliver the alert to the student if possible otherwise the alert is forwarded to the CCSJ Academic A= dvising office where it is then delivered to the student via the U.S Postal Service. The intent of the ac= ademic alert system is to notify the student of substandard performance so that th= ey may take steps to rectify the situation (e.g. tutoring through the Tutoring Center) However, students sho= uld realize that NOT receiving an Academic Alert on week #5 or week #10 is NOT a guarantee of NOT receiving a grade below a “C” for the semester since a student’s assigned semester grade depends on the student̵= 7;s performance during all 15 weeks of the semester.

Statement of Plagiarism:

If an instructor or other Calumet College of St. Joseph personnel find that a student has plagiarized or been involved in another form of academic dishonesty, the instructor or other personnel may elect to bring the matter up for judicial review. The maximum penalty for a= ny form of academic dishonesty is dismissal from the College. The procedures f= or judicial review are listed under the section of CCSJ handbook that addresses student grievances.

Please note: Calumet College of St. Joseph subscribes to Turnitin.com and all papers can and may be submitted for chec= ks on plagiarism from the Internet/Electronic sources/Databases.

Citation Guidelines:

Calumet C= ollege of St. Joseph adheres to citation guidelines as prescribed by the particular discipline (i.e., MLA, APA, and Chicago Manual of Style or Turabian.). All of these guidelines are availa= ble in the Calumet College of St. Joseph library or bookstore. These texts outline how to cite re= ferences from a variety of sources, including electronic media.

School Closing Information: <= /b>

  &nb= sp;            = Internet:        &= nbsp;           &nbs= p;            &= nbsp;           &nbs= p; http://www.ccsj.edu

  &nb= sp;            =

http://www.EmergencyClosings.com

Facility: Calumet College of St. Joseph

Phone: 219.473.4770

  &nb= sp;            = Radio:

WAKE – 1500 AM

WGN - 720 AM

WIJE – 105.5 FM

WLS – 890 AM

WZVN – 107.1 FM

WBBM NEWS RADIO 78

        &= nbsp;       TV Channels:

2, 5, 7, 9 (WGN), 32 (WFLD)

&nbs= p;

Withdrawal from Classes Policy:

After the= last day for class changes has passed (see College calendar), students may withd= raw from a course in which they are registered with permission from the faculty member conducting the course. A written request detailing the reason(s) for= the withdrawal must be filed with the Registrar. The Registrar must receive wri= tten request for withdrawal by the last day of classes prior to the final examination dates specified in the catalogue. Written requests may be maile= d to the Registrar or faxed to the College fax number 219-473-4259. Students are= to make note of the refund schedule when withdrawing from courses. The request= is forwarded to the faculty member, who makes the final determination to accep= t or deny the request. If the request is honored, the student will receive notification of official withdrawal; if denied, the notification will indic= ate why the withdrawal is disallowed.

&nbs= p;

An offici= al withdrawal is recorded as a "W" grade on the student's transcript. Dropping a course without written permission automatically incurs an "F" grade for the course (see Refund Schedule).

Class Dates:	Topics/Assignments:
WEEK 1	1/08/2007	Syllabus/Course Policies CCSJ Network Login/CCSJ Web Mail/Blackboard L= ogin Web Page Design Introduction= web browsers, web page content, WWW infrastructure and operation,<= /span> web page authoring and publishing, web page tools, web page resources
WEEK 2	1/15	MLK Day – NO CLASS
WEEK 3	1/22	Blackboard 6 Introduction/Accounts/Digital Dropbox = Semester Project Proposal Assignment<= /p> Tutorial 1 – = Developing a Basic Web Page Class Exercise #1
WEEK 4	1/29	Tutorial 2 – = Developing a Basic Web Site Class Exercise #2
WEEK 5	2/05	Tutorial 3 – = Designing a Web Page<= /span> Class Exercise #3
WEEK 6	2/12	Semester Project Proposals Due Tutorial 7 – = Working with Cascading Style Sheets<= o:p> Diagramming HTML Elements Class Exercise #4
WEEK 7	2/19	Tutorial 7 – = Working with Cascading Style Sheets (cont.) = (Cascading Style Sheets for Page Layout)

WEEK 8	2/26	Web Page Design Best Practices and Style Guide Web Resources Web Page Design Best Practice (in brief) = ; Plan, Plan, Plan! = ; Establish Naming Conventions = ; Use HTML Tools &n= bsp; Image Processing Software, HTML/Markup validators, &n= bsp; link checkers, CSS validators Semester Project Guidelines<= /p> Tutorial 4 – = Designing a Web Page with Tables Class Exercise #5
WEEK 9	3/05	Appendix C – = Putting a Document on the World Wide= Web Class Exercise #6
WEEK 10	3/12	Spring Break – NO CLASS
WEEK 11	3/19	Semester Project Planning Documents Due<= /o:p> Tutorial 6 – = Creating Web Page Forms Class Exercise #7
WEEK 12	3/26	Tutorial 10 –= Working with JavaScript Class Exercise #8<= /b>
WEEK 13	4/02	Photoshop AVI Tutorial/Handout contents = ; photoshop environment, toolbox, palettes, creating new images; (ch 2, ch 3); using layers (ch 4, ch 5); gif and jpg compression (ch 7) AVI player operation instruction = ; (play, pause, rewind, fast-forward, switch to and from full-screen, <= /span> = ; use of headphones) Class Exercise #9
WEEK 14	4/09	FINAL EXAM <= /p>
WEEK 15	4/16	Semester Project work/questions/troubleshootin= g
WEEK 16	4/23	= Semester Projects Due/Presentations