Module: Advanced Web Design

Latest Module Specifications

Current Academic Year 2025 - 2026

Module Title	Advanced Web Design
Module Code	CSC1019 (ITS: CA2106)
Faculty	Computing	School	Engineering & Computing
NFQ level	8	Credit Rating	5

Description

This module introduces more advanced aspects of web design. Students wil gain an understanding of semantic markup, CSS3, and including Javascript in web pages. Students will also gain an appreciation of reusable components, user experience and accessibility.

Learning Outcomes

1. Understand the role of HTML in the creation of web-based user interfaces
2. Understand the role of CSS3 in the creation of web-based user interfaces
3. Apply problem-solving techniques to the design and creation of well-structured web pages.
4. Become familiar with the concepts of user experience
5. Gain an understanding of designing with accessibility in mind.
6. Develop an understanding of the process of creating a component-based web page through individual and/or team-based projects.

*Type*	*Hours*	*Description*
Workload	Full time hours per semester
Workshop	24	Workshops and presentations.
Laboratory	24	Module practical work.
Directed learning	30	Projects and other assignments
Independent Study	47	Individual study
Total Workload: 125

Section Breakdown
CRN	10192	Part of Term	Semester 1
Coursework	0%	Examination Weight	0%
Grade Scale	40PASS	Pass Both Elements	Y
Resit Category	RC1	Best Mark	N
Module Co-ordinator	Tai Mai	Module Teacher	Tracey Mehigan

Type	Description	% of total	Assessment Date
Assessment Breakdown
Assignment	Build an individual portfolio, or other similar web-page	25%	n/a
Completion of online activity	Create a component of a web page (such as navigation) based on a specification.	10%	n/a
Project	Group project to build a comprehensive web-site	50%	n/a
In Class Test	Three short class tests	15%	n/a

Reassessment Requirement Type
Resit arrangements are explained by the following categories; RC1: A resit is available for both^* components of the module. RC2: No resit is available for a 100% coursework module. RC3: No resit is available for the coursework component where there is a coursework and summative examination element. ^* ‘Both’ is used in the context of the module having a coursework/summative examination split; where the module is 100% coursework, there will also be a resit of the assessment

Pre-requisite	None
Co-requisite	None
Compatibles	None
Incompatibles	None

All module information is indicative and subject to change. For further information,students are advised to refer to the University's Marks and Standards and Programme Specific Regulations at: http://www.dcu.ie/registry/examinations/index.shtml

Indicative Content and Learning Activities

user Experience
Understanding contexts of use.

Designing for different devices.

Advanced HTML
Use of proper semantic mark-up.

Use of appropriate navigational tags.

using sectional and other HTML tags.

Understanding the HTML Document Object Model and Outline Algorithm

CSS3
Use of Flex-box

Use of Grid.

Applying Responsive Design Techniques to facilitate use on different devices and in different contexts.

JavaScript
When to use, and when not to use, Javascript.

Using Javascript to add interaction to web-pages.

Accessibility
Understanding WCAG2.1

Evaluating Websites for compliance with WCAG2.1

Automated and human testing and evaluation.

Forms
Creating semantically correct and usable forms.

using appropriate advanced HTML elements.

Styling forms with CSS3.

Indicative Reading List

Books:
None

Articles:
None

Other Resources

None