JCU Logo

JOHN CABOT UNIVERSITY

COURSE CODE: "CS 130-1"
COURSE NAME: "Web Design I"
SEMESTER & YEAR: Spring Semester 2012
SYLLABUS

INSTRUCTOR: Gazziano Stefano
EMAIL: [email protected]
HOURS: MW 16:00-17:15
TOTAL NO. OF CONTACT HOURS: 45
CREDITS: 3
PREREQUISITES:
OFFICE HOURS: tba

COURSE DESCRIPTION:
The course provides students with the technical knowledge and skills required to design and build web site using HTML, CSS and Javascript. 
SUMMARY OF COURSE CONTENT:

Students will cover the following units:

1 - Introduction: history and essential standards of the World Wide Web. How the Web works. References online: the W3C tutorial and other reference material.

2 - Web building primer. What is hypertext, a basic web page. Building blocks of a web page, adding colours, images, links and tables, HTML writing standards.

3 – Usability and the art of Web design. Fonts, colours, cascade style sheets, page layout. Role, goal, target and audience of a web site.

4 – Tools for Web design: Web editors, HTML Editors, Web publishing.

5 – Cascade Style Sheets

LEARNING OUTCOMES:

On completion of the course a student should be able to           

1. Design web pages for public use;

2. Write web pages directly in the HTML and XHTML languages;

            3. Make web pages available on the web using file upload programs;

            4. Use Cascading Style Sheets (CSS) to make web content more attractive and easier to update.

5. Distinguish between "static" and "dynamic web pages", explain the role of both "client-side" and "server-side" technologies;

6. Demonstrate principles of good file and directory management, in the context of Web applications.

TEXTBOOK:
Book TitleAuthorPublisherISBN numberLibrary Call NumberCommentsFormatLocal BookstoreOnline Purchase
Head First HTML with CSS & XHTML Elisabeth Freeman, Eric FreemanO'Reilly Media978-0-470-25931-3      
REQUIRED RESERVED READING:
NONE

RECOMMENDED RESERVED READING:
NONE
GRADING POLICY
-ASSESSMENT METHODS:
AssignmentGuidelinesWeight
Midterm 40%
Final  40%
Class atendance and participation, tests 20%

-ASSESSMENT CRITERIA:

-ATTENDANCE REQUIREMENTS:
Attendance is required.

Bonus credit for attendance will be given to students with two or fewer unexcused absences.
ACADEMIC HONESTY
As stated in the university catalog, any student who commits an act of academic dishonesty will receive a failing grade on the work in which the dishonesty occurred. In addition, acts of academic dishonesty, irrespective of the weight of the assignment, may result in the student receiving a failing grade in the course. Instances of academic dishonesty will be reported to the Dean of Academic Affairs. A student who is reported twice for academic dishonesty is subject to summary dismissal from the University. In such a case, the Academic Council will then make a recommendation to the President, who will make the final decision.
STUDENTS WITH LEARNING OR OTHER DISABILITIES
John Cabot University does not discriminate on the basis of disability or handicap. Students with approved accommodations must inform their professors at the beginning of the term. Please see the website for the complete policy.

SCHEDULE

session date session focus reading assignment other assignments due dates exam dates
Week 1  Introduction to the internet: the language of the web.

How the web works: web servers and web browsers.

 

HTML; a simple html page;

 

Styles: content separated from presentation.

First example.

 

 
   
Week 2  Hypertext.Adding hyperlinks to html and non-html locations

Structure of a web page.

   Weekly Assignment    
Week 3 Publishing a web site. FTP. URL. HTTP.

 

Inserting images into html documents: dimensions; captions; size; types; labeling

 

Using images as links: thumbnails; image editing

 

   Weekly Assignment    
Week 4  HTML standards. HTML Validation. Meta tags.

The semantic web.

XHTML 1.0
   Weekly Assignment    
Week 5 Adding a little more style. CSS external files.

   Weekly Assignment    
Week 6  More about CSS and style    Portfolio Task 1  Week 8
 
Week 7  Midterm week: review - exam  
   Midterm
Week 8  Portfolio Task I Q&A session

 

Portfolio presentations

 

 
   
Week 9 XHTML elements.
Advanced  web page structure elements.
   Weekly Assignment    
Week 10  Advanced Web construction    Weekly Assignment    
Week 11  HTML editors: WYSIWYG or not?    Weekly Assignment    
Week 12

Tables.

Box model

   Portfolio task 2
 Week 14
 

Week 13 


 

Layout

 

Embedding multimedia into html documents

 

Portfolio Task II Q&A session

 

       
Week 14

 

Google applications

 

Submit Portfolio Task II

 

 
   
Week 15  Final exam
       Final