Module Details

Module Code: DSGN H2701
Module Title: Web Design Methods
Title: Web Design Methods
Module Level:: 6
Credits:: 10
Module Coordinator: Janette Davies
Module Author:: Owen Brady
Domains:  
Module Description: Develop knowledge and competency in front-end web design technology, techniques and workflow.
 
Learning Outcomes
On successful completion of this module the learner will be able to:
# Learning Outcome Description
LO1 Design web interfaces using a design process that follows best contemporary practice.
LO2 Demonstrate proficiency in the application of HTML, CSS and javascript web standards.
LO3 Manage the implementation of a website on a remote server along with all associated files.
LO4 Demonstrate the use of a high level web development tools.
Dependencies
Module Recommendations

This is prior learning (or a practical skill) that is recommended before enrolment in this module.
No recommendations listed
Co-requisite Modules
No Co-requisite modules listed
Additional Requisite Information
No Co Requisites listed
 
Indicative Content
HTML
Start and end tags, elements, composite tags, attributes, containers. Forms and layout options. Input types.
CSS
CSS syntax, properties, values, precedence. CSS box model. Compound selectors, ids, classes, advanced CSS selectors. External vs Internal vs Inline CSS. Media Queries, Grid Layout, Flexbox Layout, Container Queries.
Scripting
Introduction to client-side scripting e.g. javascript. Basic event listeners, functions, conditional statements, DOM Model.
Server Management
Server accounts. Server rules. Folder hierarchy, server request/response, urls. Deployment of websites on servers. FTP.
Web Design
Design workflow. Web design tools, text editors, plugins, productivity tools for web designers, developer modes in browsers. Design documents, organisational schema, wireframe, mockups. Contemporary design trends. Responsive web design. Mobile 1st design, User Experience (UX).
Module Content & Assessment
Assessment Breakdown%
Continuous Assessment100.00%

Assessments

Full Time

Continuous Assessment
Assessment Type Project % of Total Mark 50
Timing Week 7 Learning Outcomes 1,2,3
Non-marked No
Assessment Description
Create a website that displays specified content. The design separates content in HTML files and is formatted from a CSS file. Code must be commented appropriately. Upload the website to a remote server.
Assessment Type Project % of Total Mark 50
Timing Week 15 Learning Outcomes 1,2,3,4
Non-marked No
Assessment Description
Follow a process that includes organisational schema, wireframe and mockups to design a website that will display given content. Implement this design using a high level web authoring tool to create a responsive website. The website will be cross-browser compatible. All design graphics must be created by the student. Use advanced targeting techniques in CSS to minimise the complexity of your HTML structure. Apply javascript techniques to improve user experience.
No Project
No Practical
No End of Module Formal Examination
Reassessment Requirement
Coursework Only
This module is reassessed solely on the basis of re-submitted coursework. There is no repeat written examination.
Reassessment Description
Marks for all projects/briefs are collected at the end of each semester. If a student fails to complete a project, re-assessment can take place if the student obtains the agreement of the tutor to submit completed work at the end of the semester.

SETU Carlow Campus reserves the right to alter the nature and timings of assessment

 

Module Workload

Workload: Full Time
Workload Type Workload Category Contact Type Workload Description Frequency Average Weekly Learner Workload Hours
Laboratory Contact Contact Hours 12 Weeks per Stage 6.00 72
Independent Learning Non Contact Practical work, research and assessment preparation 15 Weeks per Stage 6.00 90
Total Weekly Contact Hours 6.00
Workload: Part Time
Workload Type Workload Category Contact Type Workload Description Frequency Average Weekly Learner Workload Hours
Laboratory Contact Web Design Methods 12 Weeks per Stage 3.00 36
Independent Learning Non Contact Practical work, research and assessment preparation 15 Weeks per Stage 4.00 60
Total Weekly Contact Hours 3.00
 
Module Resources
Supplementary Book Resources
  • Ben Frain. (2020), Responsive Web Design with HTML5 and CSS, Third Edition, 3rd. [ISBN: 1839211563].
  • Jennifer Niederst Robbins. (2018), Learning Web Design, O'Reilly Media, p.808, [ISBN: 1491960205].
  • Joe Attardi. (2021), Modern CSS, 1st. Apress, [ISBN: 148426293X].
This module does not have any article/paper resources
Other Resources
Discussion Note: