JCU Logo

JOHN CABOT UNIVERSITY

COURSE CODE: "CS 130-2"
COURSE NAME: "Web Design I"
SEMESTER & YEAR: Fall 2019
SYLLABUS

INSTRUCTOR: Marco Scaramastra
EMAIL: [email protected]
HOURS: TTH 1:30-2:45 PM
TOTAL NO. OF CONTACT HOURS: 45
CREDITS: 3
PREREQUISITES:
OFFICE HOURS:

COURSE DESCRIPTION:
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.
SUMMARY OF COURSE CONTENT:

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       Tools for Web design: Web editors, HTML Editors, Web publishing.

3       Web building primer. What is hypertext, a basic web page. Building blocks of a web page, adding colours, images, and links; HTML5 writing standards.

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

5       Layouts' strategies: (frozen, liquid, jello). HTML5 forms and tables.

LEARNING OUTCOMES:

On completion of the course students should be able to

1.      Develop web pages using HTML5 directly or in combination with a HTML 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.      Use online applications to create simple "client-side" dynamic content of various kinds.

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

7.      Understand and implement the principles of web page/content/site design and usability.
TEXTBOOK:
Book TitleAuthorPublisherISBN numberLibrary Call NumberComments
Head First HTML and CSS, 2nd EditionElisabeth Robson, Eric FreemanO'Reilly Media978-1-4493-9054-9 | ISBN 10: 1-4493-9054-4 pdf version ready for students
REQUIRED RESERVED READING:
NONE

RECOMMENDED RESERVED READING:
Book TitleAuthorPublisherISBN numberLibrary Call NumberComments
W3Schools HTML & CSS TutorialsW3SchoolsW3SchoolsW3Schools  
GRADING POLICY
-ASSESSMENT METHODS:
AssignmentGuidelinesWeight
Attendance and class assignments Class assignments are used to encourage students to continuously study throughout the course. Assignments will either require to answer a set of theoretical questions or to solve practical exercises where a given web page must be modified by applying the latest features learnt in class.30%
Portfolio The Portofolio will require the student to develop a web site in two steps (tasks):The first task must be ready for the midterm exam and the second one for the final exam.The design features and aesthetic quality of the web pages in the portofolio are expected to increase progressively throughout the course. The weigh of the two tasks is 20% for the first task (midterm) and 50% for the second task (final). Students will include in their work a written report where they analyze and justify their design-implementation choices (coding, color scheme, navigational features, information organization, etc.).The grade will be based upon the following: Coding ability, Page design and structure, Content design, Site design.70%

-ASSESSMENT CRITERIA:
AWork of this quality demonstrates professional-like skills in designing and implementing a web site (final portfoglio task) - All code and style sheets files will have passed the W3C validation te
BWork of this quality demonstrates competent skills in designing and implementing a web site (final portfoglio task) - All code and style sheets files will have passed the W3C validation test
CWork of this quality demonstrates acceptable skills in designing and implementing a web site (final portfoglio task) - Not all code and style sheets files will have passed the W3C validation test
DWork of this quality demonstrates just sufficient skills in designing and implementing a web site (final portfoglio task) - Not all code and style sheets files will have passed the W3C validation test
FWork of this quality demonstrates insufficient skills in designing and implementing a web site (final portfoglio task) - The code and style sheets files will not have passed the W3C validation test

-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



Topic

Assignments

1



Introduction to the internet: the language of the web.

How the web works: web servers, web browsers, web editors

HTML5

Styles: content separated from presentation - CSS

First example.

 

2



Structure of a web page - the box model

The tag <div>

The tags' hierarchy .

Work in class

3



Other useful tags:
paragraphs, images, breaks, list, hyperlinks

Adding style with CSS

Work in class

4



HTML5 standards. HTML5 Validation.

Changing the normal flow with CSS proprieties.

Work in class

5



More about CSS and style

Work in class

6



Review

Work in class

7



Review

 Work in class

8



Introduction to web page complex structure

 Work in class

9



Advanced  web page structure and construction

Work in class

10



Complex exercises

Assignment 1

11



 


Assignment 2

12




 Assignment 3

13




Assignment 4

14




 Assignment 5