Web Development

Module Guide
Dr Ebbi Shaghouei
School of Built Environment, Engineering and Computing
Caedmon CAE214
0113 812 5165
E.Shaghouei@leedsmet.ac.uk

Contents
Module overview .................................................................................................................................... 2
Learning outcomes.............................................................................................................................. 2
Delivery and feedback......................................................................................................................... 2
Contact schedule................................................................................................................................. 2
Assessment ......................................................................................................................................... 3
Expectations at the interim submission .......................................................................................... 3
Expectations at the final submission .............................................................................................. 3
Resources ............................................................................................................................................ 3
Books ............................................................................................................................................... 3
Web Resources ............................................................................................................................... 3

1
Module overview
This module aims to introduce an understanding of website design and development. It considers
HTML5, CSS3, JavaScript and best practice in web site implementation.

Learning outcomes
On completion of this module, you should be able to:

a) Understand the Internet based technologies that support web site development.
b) Design and implement a web site using current standards.
c) Demonstrate an awareness of ethical issues in the implementation of a web site.

Delivery and feedback

The delivery includes a series of lectures covering the underpinning concepts and languages used for
website development. The practical lab sessions will provide opportunity for completing a portfolio
of lab exercises followed by feedback and support to complete a lab test and develop and host a
website.

Lab material is on the module website at: http://ebbi.glitch.me/

The scheduled contact time is unlikely to be enough to complete all the lab exercises and
the development and hosting of your website and you need to plan to complete the lab
exercises in your own time as required.

Contact schedule
Wk. Lecture Lab
1 o Introduction to the module o Introduction to the lab exercises hosted on the
o Assessment module website
o Client – server architecture o Start assessment lab exercises
2 o Internet and the Web o Feedback and support - lab exercises
o XML, XHTML, HTML5 o Introduction to browser developer tools
3 o DTD o Feedback and support - lab exercises
o DTD humour - JML o The HTML exercises should be complete.
4 o DOM o Feedback and Review exercises for the lab test
o Type, id, and class selectors o Validation and CSS lab exercises
5 o CSS and DOM, CSS Rules and o Lab exercises should be complete and hosted
Specificity on the development web server
6 o JavaScript, data types, functions o Review of portfolio of lab exercises and
preparation for lab test.
7 o JavaScript, listeners and events o Feedback on hosted lab exercises and
preparation for lab test.
8 o No lecture, review for lab test o Lab Test

9 o Unobtrusive JavaScript, HTML5 o Feedback and support - Project

data-*
10 o JavaScript manipulating DOM o Feedback and support - Project

2
11 o JavaScript classes and objects o Feedback and support - Project

12 o Review and future of web o Feedback and support - Project

development

13 o No Lecture; Assessment submission o Final Assignment submission

14 and presentations

Assessment
Please refer to the separate assignment specification document for full details including
what, when, and how you need to submit the assessment; the following are explanatory
notes and a brief overview.

The assessment aims to achieve three things:

a) Complete a portfolio of lab exercise

b) Complete a lab test based on the portfolio of lab exercises
c) Design, implement and host a website

This is in two stages with an interim lab test and final submission of a portfolio and main website.

Expectations at the interim submission

• Attend a lab test

Expectations at the final submission

• Complete and host all the lab exercises
• Design, develop and host a website

Resources
Books
Use the search term HTML5 and CSS in the library catalogue search to see the latest books available

• The essential guide to HTML5 and CSS3 web design, Grannell, Craig, 2012
• HTML5 the missing manual Author MacDonald, Matthew, O'Reilly, 2011 – available in
electronic version via your student portal
• CSS the missing manual, McFarland, O'Reilly, 2009

Web Resources
Please avoid websites with outdated information.

• Module web site: https://ebbi.glitch.me/

• Mozilla Developer network (MDN) is an excellent site for developers:
https://developer.mozilla.org
• W3C Web design and applications, definitive resource for developers:
http://www.w3.org/standards/webdesign/

3
• W3C CSS home page: http://www.w3.org/Style
• W3C Accessibility guidelines at a glance: http://www.w3.org/2009/cheatsheet/#wcag2
• Stack overflow: http://stackoverflow.com - moderated site to post questions and answer
others’ questions, try a question in the search box.