Module Title:Web Design Methods
Language of Instruction:English
Credits: 10
NFQ Level:6
Module Delivered In No Programmes
Teaching & Learning Strategies: This is a lab based module. Students will learn from demonstrations and multiple choice quizzes. Students will partake in practical exercises, group critique, buddy programming, project meetings,
Module Aim: Develop knowledge and competency in front-end web design technology, techniques and workflow.
Learning Outcomes
On successful completion of this module the learner should be able to:
LO1 Design web interfaces using a design process that follows best practice.
LO2 Demonstrate proficiency in the application of HTML and CSS web standards.
LO3 Use the File Transfer Protocol (FTP) through FTP clients to upload and manage a website and all associated files on a remote server.
LO4 Demonstrate the use of a high level web authoring tool.
Pre-requisite learning
Module Recommendations

This is prior learning (or a practical skill) that is recommended before enrolment in this module.

No recommendations listed
Incompatible Modules
These are modules which have learning outcomes that are too similar to the learning outcomes of this module.
No incompatible modules listed
Co-requisite Modules
No Co-requisite modules listed
Requirements
This is prior learning (or a practical skill) that is mandatory before enrolment in this module is allowed.
No requirements listed
 

Module Content & Assessment

Indicative Content
Web Communications
Development of the World Wide Web. Standards Development and Browser Relationship. Mobile Web. Development tools.
HTML
Start and end tags, elements, composite tags, attributes, containers. Forms and layout options. Input types.
CSS
CSS syntax, selectors, properties, values, precedence. CSS box model. Compound selectors, ids, classes, advanced CSS selectors. External vs Internal vs Inline CSS. Media Queries.
Web Design
Design workflow. Design documents, organisational schema, wireframe, mockups. Contemprorary design trends. User Experience (UX).
Scripting
Introduction to client-side scripting. Frameworks and libraries.
Assessment Breakdown%
Continuous Assessment100.00%
Continuous Assessment
Assessment Type Assessment Description Outcome addressed % of total Assessment Date
Project 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. 1,2,3 50.00 Sem 1 End
Project 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 advance targetting techniques in CSS to minimise the complexity of your HTML structure. 1,2,3,4 50.00 Sem 2 End
No Project
No Practical
No End of Module Formal Examination

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

 

Module Workload

Workload: Full Time
Workload Type Frequency Average Weekly Learner Workload
Lecture Every Week 3.00
Total Hours 3.00