Module Overview

Web Development Fundamentals

The aim of this module is to provide learners with:(i) A theoretical understanding of web client and web server technologies and their interactions;(ii) Practical experience and skills in designing, developing and evaluating web sites.(iii) An understanding and ability to apply theories for quality and usability to web applications;

Module Code

COMP H1026

ECTS Credits


*Curricular information is subject to change

1: Overview of world wide web and web site development.

- Overview of client-server model, and role of web-browsers and web servers- Browser-server interaction with HTTP- Hypertext and non-sequential organisation- Web project job roles

2, 3 and 4: HTML Markup

- Metadata and mark-up languages- Introduction to HTML for hypertext document markup- core structure (DOCTYPE and head elements)- basic block elements (headings, paragraphs, lists, horizontal rules, tables)- basic inline elements (a, em, strong, span, img/media)- difference between tag, element and attribute

5: CSS Stylesheets - basics

- Separation of structural and presentational markup with CSS style sheets- Importing stylesheets into a web page- styling text- styling colours- styling links

6 and 7: CSS stylesheets - advanced

- class selectors- descendent and child selectors- box model for border / spacing

8: Page layouts

- page elements (header / footer / aside / nav)- generic elements (span and div)- strategies for multi-column layouts- flexboxes

9: Quality and usability

- correctness (validation and link checking)- usability (indicating current site / page)- usability (core content 'above the fold' - avoid scroll bars)- consistency of layouts between pages- using web applications to validate your website (HTML and CSS)

10: SEO

Basic SEO rules with clear reference to Google guidelines (e.g., alt, images, title)

Module Content & Assessment
Assessment Breakdown %
Other Assessment(s)100