Module Descriptors
WEB TECHNOLOGIES
COWB40341
Key Facts
School of Digital, Technologies and Arts
Level 4
30 credits
Contact
Leader: Fiona Knight
Email: F.L.Knight@staffs.ac.uk
Hours of Study
Scheduled Learning and Teaching Activities: 72
Independent Study Hours: 228
Total Learning Hours: 300
Assessment
- COURSEWORK weighted at 40%
- COURSEWORK weighted at 60%
Module Details
Module Special Admissions Requirements
This module is for students on the HND/HNC/Foundation degree routes
Module Resources
Web Server / Hosting
Module Texts
Beginning HTML5 and CSS3: The Web Evolved, Murphy C, Clark R, Studholme O, Manian D. (2012), Apress, ISBN-10: 1430228741
Learning JavaScript: A Hands-on Guide to the Fundamentals of Modern JavaScript, Wright T. (2012), Apress, ISBN-10: 0321832744
Learning JavaScript: A Hands-on Guide to the Fundamentals of Modern JavaScript, Wright T. (2012), Apress, ISBN-10: 0321832744
Module Learning Strategies
24 hr Lecture, 48 hrs practical/tutorial,
The weekly lecture will supply the underlying knowledge for the module, supported by the 2 hour weekly practical/tutorial. This will be facilitated with booklets, course texts, and the Internet.
The weekly lecture will supply the underlying knowledge for the module, supported by the 2 hour weekly practical/tutorial. This will be facilitated with booklets, course texts, and the Internet.
Module Additional Assessment Details
100% Portfolio
A portfolio consisting of exercises, and staged tasks including a design / planning report, and practical implementation.
A series of exercises on mark-up / theory, CSS and course concepts (worth 40%) Learning Outcomes 3 and 4.
Staged tasks (worth 60%) in the production of a web site with 3 stages of:
A design / planning report (1500 words) and accompanying presentation to present the students design and planning rationale for the web site, with the supporting presentation to elaborate on these ideas and to answer related questions;
Creation of initial site (with tests) via presentation in order to develop the design and planning work and to acquire feedback as to the web sites further development;
Creation of an enhanced site (with tests) and presentation in order to show improvements made from the initial site design. Learning Outcomes 1 to 5. Final
A portfolio consisting of exercises, and staged tasks including a design / planning report, and practical implementation.
A series of exercises on mark-up / theory, CSS and course concepts (worth 40%) Learning Outcomes 3 and 4.
Staged tasks (worth 60%) in the production of a web site with 3 stages of:
A design / planning report (1500 words) and accompanying presentation to present the students design and planning rationale for the web site, with the supporting presentation to elaborate on these ideas and to answer related questions;
Creation of initial site (with tests) via presentation in order to develop the design and planning work and to acquire feedback as to the web sites further development;
Creation of an enhanced site (with tests) and presentation in order to show improvements made from the initial site design. Learning Outcomes 1 to 5. Final
Module Indicative Content
Design
- Web Standards / W3 and where we are
- Web Graphics Concepts - Graphics and Compression
- Design Tools / Rapid Prototypes
- Web Design Concepts
- Accessibility
- Testing for web sites such as Compliance, Browser and Accessibility.
- Responsive Web Design and current trends
- Impact of the web on businesses and the public
HTML
- What HTML is all about / the history
- Current versions of HTML versus older versions such as HTML5 v XHTML
- HTML Tags including forms, lists, tables, semantic structure
- The DOM
- Web Servers and Hosting
CSS
- What CSS is all about
- Current status of CSS Modules
- CSS Positioning and the box model
- CSS Selectors
- Responsive CSS such as media queries
JavaScript
- History and where we are now
- Current coding practices in JavaScript
- Language basics
- Events
- Form handling
- Use of the console
- Web Standards / W3 and where we are
- Web Graphics Concepts - Graphics and Compression
- Design Tools / Rapid Prototypes
- Web Design Concepts
- Accessibility
- Testing for web sites such as Compliance, Browser and Accessibility.
- Responsive Web Design and current trends
- Impact of the web on businesses and the public
HTML
- What HTML is all about / the history
- Current versions of HTML versus older versions such as HTML5 v XHTML
- HTML Tags including forms, lists, tables, semantic structure
- The DOM
- Web Servers and Hosting
CSS
- What CSS is all about
- Current status of CSS Modules
- CSS Positioning and the box model
- CSS Selectors
- Responsive CSS such as media queries
JavaScript
- History and where we are now
- Current coding practices in JavaScript
- Language basics
- Events
- Form handling
- Use of the console