Module Information

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

Course Delivery

Delivery Type Delivery length / details
Lecture 42 hours lectures


Assessment Type Assessment length / details Proportion
Semester Exam 2 Hours   2 hour written exam  60%
Semester Assessment 2 practical assignments  each involving design and implementation of a set of web pages  40%
Supplementary Assessment Resit failed examination and/or resubmission of failed/non-submitted coursework components or ones of equivalent value  100%
Supplementary Exam 2 Hours   supplementary exam  60%

Learning Outcomes

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

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

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

Describe the main features of XML in the context of the web.

Describe main features of content management systems and online payment systems.

Build simple web pages by writing HTML, control presentation using CSS, embed ECMAScript code, and write simple animations.

Build a simple database driven web site using WYSIWYG editors.

Brief description

This module introduces the core technologies and architectures of the web. In it we cover communications; structure and presentation of content; the client server model; web development tools; e-comerce; and the future of the web. Students will have the opportunity to deveolop both theoretical and practical unstanding of the web.


Each item represents approximately 1 week, comprising 4 one-hour lectures and up to 2 hours of practical.

1. Introduction

Outline of the architecture of the web and the associated technologies: HTTP; servers; server environments; browsers, browser helper applications; static and dynamic content. Importance of standards, 'browser wars'. Introduction of a running case study. Version control. Information architectures.

2. Content, structure and presentation HTML, CSS. HTML as XML. Documents as trees.

3. Client-side code - EcmaScript: interaction with browsers; content generation; input checking.

4. Client-side code ? Applets

5. Server-side code Content generation.

The server-side environment: HTTP methods; HTTP parameters.

6. Code embedded in HTML Server-side includes. A suitable general language.

7. WYSIWYG Web Page Editors: Web development tools and simple database linking.

8. Graphics tools: Graphics Editors and Animation software.

9. The future of the web: HTML5, CSS3, sydication, search. Web 2.0.

10. Web 3.0. semantic, social, and mobile web.

11. Main features of XML in the context of the Web

Module Skills

Skills Type Skills details
Application of Number No
Communication The web is a communication medium. Many feature 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 No

Reading List

General Text
Felke-Morris, Terry. Basics of web design :HTML5 & CSS3 /Terry Ann Felke-Morris, Ed.D., Harper College. Second edition. Primo search Freeman, Elisabeth. (c2006.) Head first HTML with CSS & XHTML /Elisabeth Freeman, Eric Freeman. 1st ed. O'Reilly Primo search Pilgrim, Mark. (c2010.) HTML5up and running /Mark Pilgrim. O'Reilly
Recommended Text
Douglas Crockford (2008) JavaScript: The Good Parts O'Reilly


This module is at CQFW Level 4