JCU Logo

JOHN CABOT UNIVERSITY

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

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

COURSE DESCRIPTION:
The course provides students with the technical knowledge to understand how the web works and the skills required to design and build web sites using HTML and CSS.
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 - File system, web site organization, files, paths, local storage, intranet and internet. 


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

5 – Tools for Web design: Web editors, HTML Editors, Web publishing, FTP protocol and FTP clients.

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 language; use web editors.

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. Demonstrate principles of good file and directory management, in the context of Web applications.
TEXTBOOK:
NONE
REQUIRED RESERVED READING:
NONE

RECOMMENDED RESERVED READING:
NONE
GRADING POLICY
-ASSESSMENT METHODS:
AssignmentGuidelinesWeight
Class test 30
Midterm project 30
Final project 30
Class participation 10

-ASSESSMENT CRITERIA:

 

 

A A

Work of this quality directly addresses the question or problem raised and provides a coherent argument displaying an extensive knowledge of relevant information or content. This type of work de

Work of this quality directly addresses the question or problem raised and provides a coherent argument displaying an extensive knowledge of relevant information or content. This type of work demonstrates the ability to critically evaluate concepts and theory and has an element of novelty and originality. There is clear evidence of a significant amount of reading beyond that required for the course .has an element of novelty and originality. There is clear evidence of a significant amount of reading beyond that required for the course

 

 

 

B

This is highly competent level of performance and directly addresses the question or problem raised.There is a demonstration of some ability to critically evaluatetheory and concepts and relate them to practice. Discussions reflect the student’s own arguments and are not simply a repetition of standard lecture andreference material. The work does not suffer from any major errors or omissions and provides evidence of reading beyond the required assignments.

 

C

This is an acceptable level of performance and provides answers that are clear but limited, reflecting the information offered in the lectures and reference readings.

 

 

D D

This level of performances demonstrates that the student lacks a coherent grasp of the material. Important information is omitted and irrelevant points included.In effect, the student has barely done enough to persuade the instructor that s/he should not fail.

 

 

 

 

 

F

 

 

This work fails to show any   knowledge or understanding of the issues raised in the question. Most of the material  in the answer is irrelevant.

 


-ATTENDANCE REQUIREMENTS:
Attendance is required
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

 

Week  Session Focus Assignment Due date
1 · Your first web page· HTML basics· Rules for use of Internet in class· File system     
2 · Local, Intranet, Internet storage· The World Wide Web: how the internet works, HTTP protocol,  client/server architecture· Tools for class: Moodle, MyJCU, our FB page, the CS server· Tools on the web: the W3school· Our first web site  Class tests: simple web site  
3 Building blocks of a web page – “tags”HTML is for content: CSS is for presentation: style and the CSS rulesUploading sites to the JCU CS server: FTP protocol and FTP clientsHTML editor used from now on    
4 HTML attributes. PathsExternal linksInserting images into html documents: dimensions; captions; size; types; labeling Using images as links: thumbnails; image editing Class Test: upload a complete sample web site  
5 External CSS. Adding more style. Box model. CSS classes. Fonts. Colors on the web. Inheritance.    
6 Midterm project discussion. Advanced web construction. Arranging elements.    
7 Recap. Midterm week Midterm portfolio online  
8 Flow model. Block and inline elements. Floted elements in the flow.    
9 Layouts: liquid, frozen and jello.    
10 Layouts and Tables. Usability and the art of web design: Role, goal, target and audience of a web site    
11 Final project discussion. Absolute positioning of elements. Class Test: advanced web site online  
12 Simple javascript. Redirecting a web page.    
13 Recap class    
14 Finals