Module: Advanced Web Design

Module Specifications..

Current Academic Year 2023 - 2024

Please note that this information is subject to change.

Module Title	Advanced Web Design
Module Code	CA2106
School	School of Computing
Module Co-ordinator	Semester 1: Tai Tan Mai Semester 2: Tai Tan Mai Autumn: Tai Tan Mai
Module Teachers	Jennifer Foster Andrew McCarren Brian Davis Tai Tan Mai Tracey Mehigan
NFQ level	8	Credit Rating	5
Pre-requisite	None
Co-requisite	None
Compatibles	None
Incompatibles	None

Coursework Only

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

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.

Assessment Breakdown
Continuous Assessment	100%	Examination Weight	0%

Type	Description	% of total	Assessment Date
Course Work 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; 1 = A resit is available for all components of the module 2 = No resit is available for 100% continuous assessment module 3 = No resit is available for the continuous assessment component
This module is category 1

Indicative Reading List

Other Resources

None

Programme or List of Programmes

COMBUS	BSc in Computing for Business
EC	BSc in Enterprise Computing
ECSA	Study Abroad (Engineering & Computing)
ECSAO	Study Abroad (Engineering & Computing)

Archives: