The aim of this module is to provide learners with:(i) A theoretical understanding of web client and web server technologies and their interactions;(ii) Practical experience and skills in designing, developing and evaluating web sites.(iii) An understanding and ability to apply theories for quality and usability to web applications;
1: Overview of world wide web and web site development.
- Overview of client-server model, and role of web-browsers and web servers- Browser-server interaction with HTTP- Hypertext and non-sequential organisation- Web project job roles
2, 3 and 4: HTML Markup
- Metadata and mark-up languages- Introduction to HTML for hypertext document markup- core structure (DOCTYPE and head elements)- basic block elements (headings, paragraphs, lists, horizontal rules, tables)- basic inline elements (a, em, strong, span, img/media)- difference between tag, element and attribute
5: CSS Stylesheets - basics
- Separation of structural and presentational markup with CSS style sheets- Importing stylesheets into a web page- styling text- styling colours- styling links
6 and 7: CSS stylesheets - advanced
- class selectors- descendent and child selectors- box model for border / spacing
8: Page layouts
- page elements (header / footer / aside / nav)- generic elements (span and div)- strategies for multi-column layouts- flexboxes
9: Quality and usability
- correctness (validation and link checking)- usability (indicating current site / page)- usability (core content 'above the fold' - avoid scroll bars)- consistency of layouts between pages- using web applications to validate your website (HTML and CSS)
10: SEO
Basic SEO rules with clear reference to Google guidelines (e.g., alt, images, title)
| Module Content & Assessment | |
|---|---|
| Assessment Breakdown | % |
| Other Assessment(s) | 100 |