WEB DESIGN FUNDAMENTALS

SHE Level 2
SCQF Credit Points 20.00
ECTS Credit Points 10.00
Module Code M2I322921
Module Leader Edward Horn
School School of Computing, Engineering and Built Environment
Subject Computing
Trimester
  • A (September start)

Pre-Requisite Knowledge

Visual Design Fundamentals

Summary of Content

The aim of this module is to provide students coming from a digital design background with the knowledge, understanding and skills required to design interactive web sites and to implement these sites with respect to current publishing standards.

Syllabus

User needs analysis techniques: identifying target audience; user centred web design concepts. Web design planning and documentation: site structure diagrams, wireframes. Technical fundamentals: HTTP protocol HTML syntax CSS purpose and syntax including the box model, styling, layout and positioning of elements; Client / Server architecture; Forms and form processing Creation of web forms to collect data Basic server side scripting to enable straightforward form processing Principles of good web authoring: separation of content from presentational attributes; progressive enhancement; authoring for accessibility Design for interactivity Introduction to javascript syntax data types logic Document Object Model (DOM). The W3 DOM. The DOM HTML API. Accessing, traversing and modifying documents via the DOM. CSS and event handling. Changing the presentation layer Changing the document's behaviour with event handling Using 3rd party code libraries. Using libraries, such as jQuery, Dojo. Critical Review of current and emerging Web standards e.g. markup html 4.0, xhtml, html 5 styles CSS 2, CSS3 data interchange formats xml, json Contextual Issues: e.g. legal and copyright restrictions; data protection; accessibility Design Issues: Suitability of medium to message; graphic design techniques for web; navigation models; choice of file formats. Web authoring: using both simple text editors and industry standard authoring tools

Learning Outcomes

On completion of this module, students should be able to:Conduct a user needs analysis to inform the design of an appropriate solution to a project briefConstruct an interactive website using standard mark-up, appropriate client-side interaction techniques and CSS which is designed to display well across a range of devicesCompare and contrast the relative merits of code based and visual approaches to web design Carry out a critical review of current and emerging web standards

Teaching / Learning Strategy

The university 'Strategy for Learning' documentation has informed the learning and teaching strategy for this module. Lectures will be used to introduce the key concepts. These will be supported by laboratory based exercises which will use graphical development tools to illustrate the principles. Practical activities will be designed to encourage a student-led, problem-solving approach, with students being encouraged to experiment with code modification and authoring. Some teaching will take place in the lab sessions to address practical implementation of specific concepts. Independent study will be supported through the use of text books, web sites, GCULearn and social networking tools. The university library has a good range of ebooks in the subject area and these will be incorporated into the module site on the VLE as appropriate. Students will receive formative feedback on their performance in undertaking the practical exercises. Summative feedback and grades will also be provided for the coursework assignment undertaken as part of the module using GCU Learn.

Indicative Reading

Title: The definitive guide to HTML5 Author: Freeman, Adam Publisher: Apress Pub date:c2011 Title: Begining html, xhtml, css and javaScript Author: Ducket, Jon Publisher: Wrox, c2010. Title Learning jQuery Author Chaffer, Jonathan Publisher:Packt Publishing Limited , 2011. Title: DOM scripting: web design with JavaScript and the Document Object Model 2nd ed. Author: Keith, Jeremy, with Sambells,Jeffrey Publisher: Apress , c2010. Title: javaScript and jQuery 2 nd ed Author: McFarland, David Sawyer Publisher:,Pogue/O'Reilly c2011. plus relevant contemporary web resources e.g. http://w3schools.com http://www.w3.org/

Transferrable Skills

D1 Specialist knowledge and application D2 Critical thinking and problem solving D3 Critical analysis D4 Communication skills, written, oral and listening D7 Computer literacy D10 Creativity, innovation & independent thinking D15 Ability to prioritise tasks and time management

Module Structure

Activity Total Hours
Lectures (FT) 24.00
Practicals (FT) 36.00
Independent Learning (FT) 122.00
Assessment (FT) 18.00

Assessment Methods

Component Duration Weighting Threshold Description
Coursework 1 n/a 100.00 40% Web site accompanied by appropriate documentation