Module Code: H6WD
Long Title Web Design
Title Web Design
Module Level: LEVEL 6
EQF Level: 5
EHEA Level: Short Cycle
Credits: 10
Module Coordinator: Sam Cogan
Module Author: Sam Cogan
Departments: School of Computing
Specifications of the qualifications and experience required of staff  
Learning Outcomes
On successful completion of this module the learner will be able to:
# Learning Outcome Description
LO1 Have a detailed knowledge of current and legacy web standards.
LO2 Have a specified knowledge of the use of HTML, CSS and JavaScript in the design and creation of web pages.
LO3 Evaluate and apply appropriate approaches to design problems.
LO4 Evaluate and use appropriate deployment methodologies.
Dependencies
Module Recommendations

This is prior learning (or a practical skill) that is required before enrolment on this module. While the prior learning is expressed as named NCI module(s) it also allows for learning (in another module or modules) which is equivalent to the learning specified in the named module(s).

No recommendations listed
Co-requisite Modules
No Co-requisite modules listed
Entry requirements  
 

Module Content & Assessment

Indicative Content
Overview of the Internet
• The Internet and the World Wide Web. • History of the Internet and the World Wide Web. • Transmission across the Internet. • TCP/IP and Domain Names. • Basic services from FTP to the WWW. • Uniform Resource Locators (URLs). • Intranets and Extranets. • Content of the Internet. • Web Design Issues. • Internet Future.
Web Standards
• What are Web standards? • Advantages of Web standards. • Design strategies for varying accessibility needs. • Create interactive web sites in accordance with W3C Standards. • Implementing Web standards.
Basic HTML and XHTML
• HTML, XML and XHTML. • Basic tags Lists. • Rules and Breaks. • Special characters. • Links and Link tags. • Images and Image tags Tables.
Optimisation
• SEO Accessibility. • Usability Speed.
Forms and Form Tags
• Introduction Form Structure. • Elements. • Tags. • Layout and Design.
Cascading Style Sheets
• Introduction. • Style Tags. • Inline Styles. • Internal Style Sheets. • External Style Sheets. • Selectors/Properties/Values. • Workarounds. • Resets. • Classes/IDs.
Layout
• Responsive design. • Inheritance Positioning. • Floats Block vs inline elements.
Introduction to JavaScript
• What is JavaScript. • Output Escape sequences. • Variable declaration. • Dialogs. • Arithmetic. • Equality and Relational Operators
JavaScript Control Structures
• Keywords Assignment • Operators • Increment and Decrement Operators • Logical Operators • Sequence Structures • Selection Structures • Repetition Structures
JavaScript Functions
• Introduction to functions. • Math object function. • Scope rules. • Global functions. • Recursion.
Deployment
• Cloud FTP/SFTP. • Deployment methodology.
Advanced Topics
Emerging trends/standards in web design
Assessment Breakdown%
Coursework50.00%
End of Module Assessment50.00%

Assessments

Full Time

Coursework
Assessment Type: Formative Assessment % of total: 10
Assessment Date: Every Second Week Outcome addressed: 2,3,4
Non-Marked: No
Assessment Description:
As part of a flipped classroom model, students will be required to watch video content or perform similar research between lecture and lab sessions. The students will then be given small tasks to perform to demonstrate their learning. Each task should be worth around 2% and students should be given no more than 1 task per week.
Assessment Type: Mid Semester Examination % of total: 10
Assessment Date: Week 6 Outcome addressed: 1
Non-Marked: No
Assessment Description:
CA2 should be a 30 question quiz consisting of MCQ elements, essay type answers, short answer qs etc. This quiz will be a mixture of around 90% theory and 10% code.
Assessment Type: Project % of total: 30
Assessment Date: n/a Outcome addressed: 2,3,4
Non-Marked: No
Assessment Description:
You are required to develop a website for an assigned business customer. An example would be a website for a local taxi service. You are required to liaise with your client to establish requirements and build an appropriate website. The project will be completed as part of a team and must be deployed online.
End of Module Assessment
Assessment Type: Terminal Exam % of total: 50
Assessment Date: End-of-Semester Outcome addressed: 1,2,3,4
Non-Marked: No
Assessment Description:
End-of-Semester Final Examination
No Workplace Assessment
Reassessment Requirement
Repeat examination
Reassessment of this module will consist of a repeat examination. It is possible that there will also be a requirement to be reassessed in a coursework element.

NCIRL reserves the right to alter the nature and timings of assessment

 

Module Workload

Module Target Workload Hours 0 Hours
Workload: Full Time
Workload Type Workload Description Hours Frequency Average Weekly Learner Workload
Lecture No Description 4 Every Week 4.00
Lab No Description 2 Every Week 2.00
Independent Learning No Description 15 Every Week 15.00
Total Weekly Contact Hours 6.00
Workload: Part Time
Workload Type Workload Description Hours Frequency Average Weekly Learner Workload
Lecture No Description 4 Every Week 4.00
Total Weekly Contact Hours 4.00
 

Module Resources

Recommended Book Resources
  • John Duckett. (2011), HTML and CSS: Design and Build Websites, John Wiley & Sons.
Supplementary Book Resources
  • Harry Roberts et al. (2014), Smashing Book #4 - New Perspectives on Web Design, Smashing Magazine.
This module does not have any article/paper resources
This module does not have any other resources
Discussion Note: