Web Design

Code:

WD101

Acronym:

WD

Keywords
Classification	Keyword
CNAEF	Design

Instance: 2025/2026 - 1S

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	65	Plano de estudos de LDC_publicaçao em DR de 24/05/2022	3	-	6	45	162

Teaching language

Suitable for English-speaking students

Objectives

The objective of the UC of Web Design is to conceive, design and publish web pages:

Understand the architecture and functioning of the Web;
Acquire and develop theoretical and practical knowledge about Web Design;
Develop Web Design project management skills from conception to implementation and online publication;
Foster a culture of practice and critical reflection on Web Design;

Learning outcomes and competences

At the end of this CU students should be able to:

• Understand the different phases that involve a Web Design project;


• Domain of basic principles of Web Design, including high fidelty prototyping and functional development;


• Domain of Web Design development technologies, namely the fundamentals of marking and structuring information in documents (HTML5) and its formatting and visual and interactive presentation (CSS3);


• Development of key Responsive Web Design (RWD) skills;

Working method

Presencial

Program

The Web Design curricular unit seeks to promote the acquisition and development of fundamental technological knowledge of Web Design projects (HTML and CSS). The course also aims to offer a general and comprehensive view of the process of development, management and evaluation of a Web Design project, and to promote good practices at a technical, visual and interaction level.

The program is organized into two modules:

1. Introduction: Digital Design Principles (flexible supports) and Hyper navigation and Interactivity (Agile Prototyping); Web Architecture; High fidelity interactive prootyping, Structure of information on pages (HTML); Formatting and Presentation (CSS); Responsive Web Design (RWD)


2. Project: Design Process; Standards and Principles; Interaction and Navigation; Development; Publication; Assessment.

The consolidation of competences in HTML and CSS is carried out in an approach of developing exercises, as well as in a holistic design approach that integrates and operationalizes the technical and social skills necessary for the development of a project in an autonomous way.

Mandatory literature

Jon Duckett; HTML & CSS. ISBN: 978-1-118-00818-8

Complementary Bibliography

Shay Howe; Learn to code HTML & CSS. ISBN: 978-0-321-94052-0
Ethan Marcotte; Responsive web design. ISBN: 978-1-9375571-8-8
Dan Cederholm; CSS3 for web designers. ISBN: 978-1-9375572-0-1
Jeremy Keith; HTML5 for web designers. ISBN: 978-1-9375572-4-9
Jenifer Tidwell; Designing interfaces. ISBN: 978-1-449-37970-4
Caddick, Richard; Cable, Steve; Communicating the User Experience, John Wiley & Sons, 2011. ISBN: 978-1-119-97110-8

Comments from the literature

The most recent and up-to-date documentation on code editing and web publishing standards and best practices will be used through online industry references, such as the Mozilla Foundation Documentation available at https://developer.mozilla.org/

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 aim at exploring and developing the knowledge exposed during the sessions and the reading/study materials provided, through the resolution of specific problems.

The projects aim at consolidating skills through the practical application of this knowledge in conjunction with the learning acquired throughout the course.

Seek to develop students' critical capacity through the analysis and collective discussion of the work developed in class and other Web Design projects.

Software

Visual Studio Code
Figma
Cyberduck

keywords

Physical sciences > Computer science > Systems design
Technological sciences > Architecture > Design
Technological sciences > Architecture > Design > Graphic design
Technological sciences > Architecture > Design > Computer-aided design
Social sciences > Communication sciences > Publishing > Electronic publishing
Social sciences > Communication sciences
Physical sciences > Computer science > Computer systems > Human computer interaction
Social sciences > Communication sciences > Graphic communication
Humanities > Arts > Visual arts > Graphic arts

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	72,00
Estudo autónomo	45,00
Frequência das aulas	45,00
Total:	162,00

Eligibility for exams

Positive average evaluation in the exercises and projects developed, and in the remaining evaluation parameters.

Calculation formula of final grade

The constructive and assiduous participation, integrity and responsibility of the students will be evaluated in relation to the class, the projects, and the fulfillment of the deadlines associated with these. The acquired knowledge will be evaluated, demonstrated by the resolution of exercises and applied to the developed projects.

The final classification is calculated from the weighted average of participation and the classifications obtained in each module:

• Participation: 10%;


• Module 1: 40%;


• Module 2: 50%;

Classification improvement

Improvement of the evaluation can only be made frequency in the year immediately following the obtaining of approval in the discipline