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.
Introduction to client-side scripting. Frameworks and libraries.
Assessment Breakdown
%
Continuous Assessment
100.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