Module Details
Module Code: |
DSGN H2701 |
Module Title:
|
Web Design Methods
|
Title:
|
Web Design Methods
|
Module Level:: |
6 |
Module Coordinator: |
Janette Davies
|
Module Author:: |
Owen Brady
|
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 Assessment | 100.00% |
AssessmentsFull Time
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 |
---|
-
-
W3 Consortium. W3C Homepage,
-
Google.
-
-
-
|
|