|
|
JOHN CABOT UNIVERSITY
COURSE CODE: "CS 131"
COURSE NAME: "Web Design II"
SEMESTER & YEAR:
Fall 2022
|
SYLLABUS
INSTRUCTOR:
Marco Scaramastra
EMAIL: [email protected]
HOURS:
TTH 1:30 PM 2:45 PM
TOTAL NO. OF CONTACT HOURS:
45
CREDITS:
3
PREREQUISITES:
Prerequisite: CS 130
OFFICE HOURS:
|
|
COURSE DESCRIPTION:
The course provides students with the technical knowledge required to deal with the professional process of designing, developing, installing and maintaining a business web site.
|
SUMMARY OF COURSE CONTENT:
1. Web design review - Layouts' strategies: The box-model
2. Web design review - Layouts' strategies: Positioning
3. Advanced Web design - Responsive design
4. HTML5 and Javascript
5. JavaScript fundamentals
6. Interactivity - The Document Object Model (DOM)
7. Functions and objects
8. Practice with Javascript
9. Advanced CSS for image's effects
10. Javascript for image's effects
Students will set up a web site using professional designing, styling, and programming tools as a course project.
|
LEARNING OUTCOMES:
On completion of the course a student should be able to
1. Apply the technology behind modern professional web design and development
2. Utilize the standard tools for web design: designing, styling, and programming tools
3. Develop and validate web sites conform to usability and accessibility W3C rules;
4. Apply Design Principles to Website design
|
TEXTBOOK:
|
REQUIRED RESERVED READING:
| Book Title | Author | Publisher | ISBN number | Library Call Number | Comments |
| W3Schools Java Script Tutorials | W3Schools Java Script Tutorials | W3Schools | W3Schools | | |
RECOMMENDED RESERVED READING:
|
GRADING POLICY
-ASSESSMENT METHODS:
| Assignment | Guidelines | Weight |
| Attendance and class activities/assignments | Class activities and assignments are used to encourage students to continuously study throughout the course. Assignments will require to solve practical exercises where students must modify or improve a web page/script by applying the latest features learnt in class. | 20% |
| midterm project | Students need to design and implement the home page of the website that will be completed, as well as enriched and improved, for the final project - The page must be developed using HTML5 designing features and should include simple Javascript web apps - topic is free. Students will also include in their work a written report where they analyze and justify their design/implementation choices (coding, color scheme, navigational features, information organization, etc). | 30% |
| Final project | Students must complete, as well as enrich and improve by means of HTML5 designing features and Javascript web apps, the website they started for the midterm project. Students will include in their work a written report where they analyze and justify their design/implementation choices both technically and according to the topic chosen and the potential users (coding, color scheme, navigational features, information organization, etc). The pages must all pass the W3C validation check. The grade will be based upon: Coding ability, Home page design and structure, Content design - Information architecture, Site design - navigation, unified look, usability. | 50% |
-ASSESSMENT CRITERIA:
AWork 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 co
BThis 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.
CThis is an acceptable level of performance and provides answers 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.
-ATTENDANCE REQUIREMENTS:
Attendance is mandatory.
The class is a lab and no lesson should be lost.
|
|
|
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 1-2. Web design review - Layouts' strategies: (the box-model).
Week 3-4-5. Designing for responsiveness.
Week 6-7. JavaScript fundamentals - The Document Object Model (DOM)
Week 8-9. Functions and objects - Practice with Javascript - Modifying the page DOM
Week 10-11-12. Advanced CSS for image's effect
Week 13-14. CSS and Javascript to add a dynamic behaviour to your pages
|
|
|