JCU Logo


COURSE NAME: "Web Design I"
SEMESTER & YEAR: Fall 2020

INSTRUCTOR: Patrizio Angelini
EMAIL: [email protected]
HOURS: MW 9:55-11:15 AM
OFFICE HOURS: Regular: Tuesday 10,30AM-11,30AM. Available by appointment in other time slots.

The premise of this course is that a web site differs from a traditional media publication because its contents can be updated at any moment, many possibilities exist for making it interactive, and reader attention span is short. The course provides students with technical knowledge and skills required to build a web site, while covering design, communication, and computer-human interaction issues. Topics include web history, HTML, style sheets, and effective information searching. As a final project, students create a web site on a liberal arts topic, which will be judged by the instructor and a reader specialized in the chosen topic.
The course will start with an introduction to the structure of the World Wide Web and of its history.
We will then introduce the HTML language and the main tools for Web design: Web editors, HTML Editors, Web publishing.

Using these tools, we will learn how to construct a basic web page, with hypertexts, colours, images, tables, and links, focusing on HTML5 standards. We will also use Cascading Style Sheets (CSS), which allow to define the look and feel of the web site independently of its content.

To create more professional web sites, we will study concepts of usability and Web design, and discuss the importance of identifying role, goal, target and audience of a web site.

In the second part of the course, as a final project, we will design and create a web site on a topic to be decided.
On completion of the course students should be able to

1. Write web pages using HTML directly or in combination with a HTML or Web editor.

2. Make web pages available on the web using file upload programs.

3. Use Cascading Style Sheets (CSS) to make web content attractive and comfortable to update.

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

5. Implement current coding standards, design and usability

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

7. Understand and implement the principles of web site design and usability.

Book TitleAuthorPublisherISBN numberLibrary Call NumberCommentsFormatLocal BookstoreOnline Purchase
Head First HTML and CSS 2nd editionElisabeth Robson & Eric Freeman O'Reilly978-0-596-15990-0      

Assignments4 assignments during the semester on the topics of the course: 3 home-assignments, with discussion of the solutions in the class, and 1 mid-term evaluation test during a lecture.40
ProjectDesign, creation, and deployment of a complete web site.50
Attendance and participationAttendance and participation are fundamental as students will be involved in practical work during lessons.10

AWork of this quality directly addresses the task or problem raised and provides a coherent application of the concepts, 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.
BThis is highly competent level of performance and directly addresses the task or problem raised. There is a demonstration of some ability to critically evaluate theory and concepts and relate them to practice. Discussions reflect the student’s own arguments and are not simply a repetition of standard lecture and reference material. The work does not suffer from any major errors or omissions and provides evidence of reading beyond the required assignments.
CThis is an acceptable level of performance and provides answers and solutions that are clear but limited, reflecting the information offered in the lectures and reference readings.
DThis 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.
FThis work fails to show any knowledge or understanding of the issues raised in the question. Most of the material in the answer is irrelevant.

You cannot make-up a major exam (midterm or final) without the permission of the Dean’s Office. The Dean’s Office will grant such permission only when the absence was caused by a serious impediment, such as a documented illness, hospitalization or death in the immediate family (in which you must attend the funeral) or other situations of similar gravity. Absences due to other meaningful conflicts, such as job interviews, family celebrations, travel difficulties, student misunderstandings or personal convenience, will not be excused. Students who will be absent from a major exam must notify the Dean’s Office prior to that exam. Absences from class due to the observance of a religious holiday will normally be excused. Individual students who will have to miss class to observe a religious holiday should notify the instructor by the end of the Add/Drop period to make prior arrangements for making up any work that will be missed.

Attendance is mandatory and is graded. Students will be granted 2 absences without penalty. Any other absences will only be excused with medical certificates or permission from the Dean's Office.
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.
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.


 Week 1  
Introduction to the Internet
World Wide Web and its elements: web  servers and browsers
HTML: the language of the Web

 Week 2  
Structure of a web page.
CSS and style: content separated from presentation.
Adding hyperlinks.

 Week 3
Inserting images into html documents: dimensions;  captions;  size; types.
File organization.

 Assignment 1
 Week 4
More on links and images.
HTML5: the latest version of HTML.

 Week 5  
Validation: writing HTML according to the standard.
Attributes, colors, and fonts.

 Week 6  
CSS and HTML practice.

 Assignment 2
 Week 7  
Box model.

 Mid-term eval.
 Week 8 : Semester break

 Week 9  
Advanced Web site construction
Div, floating, and spans

 Week 10  
Project proposals: brainstorming and planning

 Week 11  

 Assignment 3
 Week 12  
W3C Standards and Validators
Usability and User Experience

 Week 13  
Project: Design

 Week 14  
Project: Implementation

 Week 15  
Project: Implementation

Exam Week Project: Conclusion Project