Module Information

Module Identifier
Module Title
Web Development Tools
Academic Year
Semester 2
Mutually Exclusive
Other Staff

Course Delivery

Delivery Type Delivery length / details
Practical 10 x 2 Hour Practicals
Lecture 22 x 1 Hour Lectures


Assessment Type Assessment length / details Proportion
Semester Exam 2 Hours   Written exam  60%
Semester Assessment 2 practical assignments  each involving design and implementation of a set of web pages  40%
Supplementary Assessment Practical Assignment  Students should resit failed components  40%
Supplementary Exam 2 Hours   Written Exam  Students should resit failed components  60%

Learning Outcomes

On successful completion of this module students should be able to:

1. Build simple web pages using a content management system and by writing HTML and controlling presentation using CSS

2. Describe the architecture of the web and the distinction between client and server side processing.

3. Explain the distinction between structure, content and presentation of web material and the benefits of maintaining that distinction.

4. Write client-side code to interact with the web page, read and process form content.

5. Design, setup and interrogate multi-table databases and explain the reasons for using a multi-table database


The aim of this module is to ensure students understand the basics of how the web works and are able to build simple websites including the use of HTML, CSS and databases.

Brief description

This module introduces the core technologies and architectures of the web. In it we will cover communications; structure and presentation of content; the client server model; basics of databases for web applications. Students will have the opportunity to develop both theoretical and practical understanding of the web and databases.


1. WYSIWYG Web Page Editors: Web development tools. How a web site is hosted.

2. Database introduction: Creating DBs, creating tables, inserting data, selecting data

3. Simple database linking for WordPress and OSCommerce (or similar)

4. Multi-table databases - Entity-relationship modeling: entities, attributes, relationships, many-to-many relationships. Primary and foreign keys. Derivation of a set of tables from a model.

5. Content, presentation and structure. (X)HTML, CSS.

6. Validation, web standards, HTML as XML/SGML. Documents as trees. Browser wars.

7. Client side scripting - ECMAScript (JavaScript) and HTML forms processing. The Document Object Model.

8. Client and server side comparison. Server side includes. The HTTP protocol. Introduction to the principles of server-side programming.

9. Graphics tools: Graphics Editors and Animation software.

10. The future of the web: Syndication, search. Web 2.0. Web 3.0. The semantic, social, and mobile web.

Module Skills

Skills Type Skills details
Application of Number
Communication The web is a communication medium. Many features for effective communication are covered and good application of them will be emphasised.
Improving own Learning and Performance Detail of technologies will have to be learned from professional technical sources, give strategic guidance in lectures. Effective use of these resources requires good browsing/reading strategies.
Information Technology Whole module concerns IT
Personal Development and Career planning Time management skills will be needed to enable students to complete course work.
Problem solving Many aspects of web functionality can be provided in more than one way or are intrinsically complex to develop. Students will need to apply knowledge to effective solutions.
Research skills The students will need to search for and use relevant technical information while completing practical and assessed course work.
Subject Specific Skills Students will develop detailed knowledge of client side internet technologies and have an appreciation of modern tools.
Team work


This module is at CQFW Level 4