Go to:
Comuta visibilidade da coluna esquerda
Você está em: Start > WD502

Web Design II

Code: WD502     Acronym: WD

Classification Keyword
CNAEF Design

Instance: 2022/2023 - 1S Ícone do Moodle

Active? Yes
Responsible unit: Design
Course/CS Responsible: Communication Design

Cycles of Study/Courses

Acronym No. of Students Study Plan Curricular Years Credits UCN Credits ECTS Contact hours Total Time
DC 14 Plano Oficial do ano letivo 2017 4 - 4,5 64 121,5

Teaching Staff - Responsibilities

Teacher Responsibility
Pedro Manuel Reis Amado

Teaching - Hours

Theoretical and practical : 3,00
Type Teacher Classes Hour
Theoretical and practical Totals 1 3,00
Pedro Manuel Reis Amado 3,00

Teaching language

Suitable for English-speaking students


  • Understand the architecture and the workings of the Web, specifically in what concerns the Web design project;

  • Introduce the students to the management of Web projects, from conception to implementation;

  • Promote good practices in designing and developing for the Web;

  • Breed a critical view of the designer in their relation to the Web.

Learning outcomes and competences

  • Understand the various stages of the Web design project;

  • Master the technologies to build and format a Web page (HTML and CSS);

  • Acquire programming skills for the Web (JavaScript).

Working method


Pre-requirements (prior knowledge) and co-requirements (common knowledge)

Basic technical knowledge of Web development (HTML and CSS) and Web Design


The course unit of Web Design II aims to develop knowledge at the level of the technologies to build Web interfaces (HTML and CSS), exploring new skills in programming languages for the Web (JavaScript). The course unit further aims to offer an overview of the process of development of a Web design project and to promote good practices at the technical and methodological levels.

The course is organized in the following modules: one that aims to consolidate the necessary skills in HTML and CSS, within a responsive web design application development context introducing Javascript; the consolidation and development of programming with Javascript and introduciton do Javascript Libraries; a hollistic project approach that integrates and makes use of all the technical and social skills to develop a project in an autonomous fashion.

Mandatory literature

Duckett Jon; HTML & CSS. ISBN: 978-1-118-00818-8
Duckett, Jon; JavaScript and JQuery: Interactive Front-End Web Development, John Wiley & Sons, Inc., 2014. ISBN: 978-l-118-53164-8
Gross, Benedikt; Bohnacker, Hartmut; Laub, Julia; Lazzeroni, Claudius ; Generative Design: Visualize, Program, and Create with JavaScript in p5.js, Princeton Architectural Press, 2018. ISBN: 978-1616897581

Complementary Bibliography

Andrew, Rachel; Get ready for CSS grid layout, A Book Apart, 2016. ISBN: 978-1-9375572-7-0
Caddick, Richard; Cable, Steve; Communicating the User Experience, John Wiley & Sons, 2011. ISBN: 978-1-119-97110-8
Cederholm, Dan; CSS3 for Webdesigners, A Book Apart, 2014. ISBN: 978-1-9375572-1-8
Cederholm, Dan; SASS for Web Designers, A Book Apart, 2013. ISBN: 978-1-937557-13-3
Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher; About Face: The Essentials of Interaction Design, John Wiley & Sons, Inc., 2014. ISBN: 978-1-118-76657-6
Head, Val; Designing Interface Animation, Rosenfeld , 2016. ISBN: 1-933820-12-8
Head, Val; CSS animations, Five Simple Steps, 2013. ISBN: 978-1-907828-18-8
Keith, Jeremy; HTML5 for Web Designers, A Book Apart, 2010. ISBN: 978-0-9844425-0-8
Kissane, Erin; The Elements of Content Strategy, A Book Apart, 2011. ISBN: 978-0-9844425-5-3
Krug, Steve; Don't Make Me Think: A Common Sense Approach to Web Usability, New Riders, 2006. ISBN: 0321965515
Marcotte, Ethan; Responsive Web Design, A Book Apart, 2014. ISBN: 978-0-9844425-7-7
Maria, Jason Santa; On Web Typography, A Book Apart, 2014. ISBN: 978-1-9375570-7-2
Robbins, Jennifer Niederst; Learning Web Design, 4th Edition: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics, O'Reilly Media, 2012. ISBN: 978-1-4493-1927-4
Stein, Bram; Webfont Handbook, A Book Apart, 2017. ISBN: 978-1-937557-64-5
Tidwell, Jenifer; Designing Interfaces: Patterns for Effective Interaction Design, O'Reilly, 2010. ISBN: 978-1-449-37970-4
Wroblewski, Luke; Mobile First, A Book Apart, 2014. ISBN: 978-1-937557-02-7
Howe, Shay; Learn to Code HTML & CSS - Beginner & Advanced, New Riders, 2014. ISBN: 978-0321940520
Lomas, Rik; Learn to Code Now, SuperHi Inc., 2017
Levin, Golan; Brain, Tega; Code as Creative Medium: A Handbook for Computational Art and Design, The MIT Press, 2021. ISBN: ‎ 978-0262542043

Teaching methods and learning activities

The curricular unit is developed according to a theoretical-practical model that alternates training classes with classes dedicated to the development of exercises and projects. The exercises will aim at the exploration, solidification and consolidation of the knowledge acquired through the resolution of specific problems, the projects will have as objective the practical application of this knowledge in articulation with the learning acquired throughout the course. Students must seek to develop the critical capacity of the students through the analysis and collective discussion of the works developed in class and other design projects.


Bibliotecas Javascript (JQuery, p5.js) e diferentes APIs online (Teachable Machine) (Gratuitas)
Visual Code Studio (Gratuito)
Atom (Open Source)
Adobe Dreamweaver (Comercial)
Adobe Brackets (Open Source)


Technological sciences > Architecture > Design
Humanities > Arts > Visual arts > Graphic arts
Technological sciences > Technology > Internet technology
Technological sciences > Architecture > Design > Graphic design

Evaluation Type

Distributed evaluation without final exam

Assessment Components

Designation Weight (%)
Participação presencial 10,00
Trabalho laboratorial 40,00
Trabalho prático ou de projeto 50,00
Total: 100,00

Amount of time allocated to each course unit

Designation Time (hours)
Elaboração de projeto 25,50
Estudo autónomo 32,00
Frequência das aulas 64,00
Total: 121,50

Eligibility for exams

Average positive classification in the exercises and projects developed, as well as the remaining grade parameters.

Calculation formula of final grade

  • The final classification is calculated from the weighted average of the classifications obtained in the projects carried out in each module:
    Module 1: 40%. Module 2: 60%;

  • The evaluation comprises the acquired knowledge, demonstrated by the resolution of exercises and their application to the project in development: 

  • Other grade parameters include the conceptual component, the project's realization and the application of the acquired knowledge to the resolution of design problems, as well as the capacity to communicate works in development; 

  • Presence to the classes, responsibility towards the class, the projects and the deadlines associated with these will also be taken under consideration.

Classification improvement

Only by re-attending the course.


It's essential to have attended the Web Design I course or to demonstrate equivalent knowledge.

Recommend this page Top
Copyright 1996-2023 © Faculdade de Belas Artes da Universidade do Porto  I Terms and Conditions  I Acessibility  I Index A-Z  I Guest Book
Page created on: 2023-10-05 at 02:27:25 | Acceptable Use Policy | Data Protection Policy | Complaint Portal