Module Details

Module Code: TECH H2605
Module Title: Web Technology and Video
Title: Web Technology and Video
Module Level:: 6
Credits:: 10
Module Coordinator: Cathal Nolan
Module Author:: Rolf Zaska
Domains:  
Module Description: The aim of this module is to give students an ability to design a responsive web site using HTML and CSS code with a text editor and/or a WYSIWYG editor.
In doing so the students will display knowledge of integrating video and photo files on the site along with showcasing online marketing techniques. Video formats that work in tandem with web technologies will also be explored.
 
Learning Outcomes
On successful completion of this module the learner will be able to:
# Learning Outcome Description
LO1 Combine HTML and CSS code in order to design a website.
LO2 Produce video content specifically for online platforms.
LO3 Differentiate between various WYSIWYG programs and text editors.
LO4 Develop a responsive web page that will work across multiple devices.
LO5 Value and display online-marketing techniques.
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
Introduction & planning a website
Topics to include: Protocols and standards. Routing. IP addresses, accessibility, principles of graphic design and colour theory. Defining the target audience.
HTML Programming
The history of HTML (different versions of HTML/current standard). HTML syntax . HTML elements. Setting up a folder structure. HTML for building site content. Introduction to WYSIWYG software and text editors. Elements of a basic HTML page. Tables. Inserting photo, video and audio. Linking (externally & internally). Comments and organising code. Hierarchy with headers. Page structure with tables. Page structure with Div’s. Accessability in web design. Introduction to CSS. Cross-over between HTML & CSS. Completing a page design with HTML only. Testing the page and debugging. Design a homepage with HTML & CSS.
Cascading Style Sheets (CSS)
Define cascading style sheets (CSS). Define CSS terms, style definition locations and CSS benefits. Create CSS Rule types. Define HTML tag rules. Set CSS preferences. Create external, embedded and inline CSS. Use points, pixels or ems for font sizes. Export CSS rule definitions. Class and ID selectors. Pseudo-elements selectors and combination selectors. Understand cascading order and inheritance of styles. Working with CSS frameworks. Design forms with HTML and CSS. Design a complete website with HTML & CSS.
WYSIWYG editor
Navigate through the WYSIWYG’s interface. Define a local root folder. Use the Files panel. Use the development view. Add page titles and save pages.
Working with Video and other Media
Insert video, photo and audio into a web page. Produce video for online platforms that adhere to current trends. Convert media into different file formats with current software. Work with native and embedded video. Exploration of third party video hosts and platforms. Video marketing and the web.
Responsive Design
Designing web pages for different screens and devices. Using classes. Using CSS frameworks. Using multiple CSS documents. The basics of Java Script.
Test, Maintain, and Upload
Test a complete site. Check accessibility settings. Check links. Check browser compatibility. Generate site reports. Maintain files and folders. Rename and move site files. Work with the integrated file browser. Connect to a remote server. Upload files using FTP. Cloak files and folders. Synchronize files and folders.
Module Content & Assessment
Assessment Breakdown%
Continuous Assessment10.00%
Project50.00%
Practical40.00%

Assessments

Full Time

Continuous Assessment
Assessment Type Other % of Total Mark 10
Timing Week 5 Learning Outcomes 1
Non-marked No
Assessment Description
A written continuous assessment test in relation to HTML & CSS coding will assess the learning outcomes covered up to that point.
Project
Assessment Type Project % of Total Mark 50
Timing End-of-Semester Learning Outcomes 1,2,3,4,5
Non-marked No
Assessment Description
A significant project which will assess the degree to which the students have achieved the skill, competencies and knowledge as defined in the learning outcomes.
Practical
Assessment Type Practical/Skills Evaluation % of Total Mark 40
Timing Week 7 Learning Outcomes 1,2
Non-marked No
Assessment Description
Each student will be required to complete a practical assignment as part of the assessment of this module.
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
Learners that fail but achieve a minimum final percentage of 30% in the module will be eligible for one or more of the following: Submit assignment, Re-submit components, Practical examination, Interview or Presentation.

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 Laboratory Every Week 6.00 6
Independent Learning Non Contact Estimate Learner Hours Every Week 2.00 2
Total Weekly Contact Hours 6.00
 
Module Resources
Recommended Book Resources
  • P. Hong. (2018), Practical web design: Learn the fundamentals of web design with HTML5, CSS3, bootstrap, jQuery, and vue. js., Packt Publishing Ltd..
  • Jon Duckett. (2014), HTML and CSS: Design and Build Websites, Wiley.
  • Terry Felke-Morris. (2015), Basics of Web Design: HTML5 & CSS3, 3rd edition. Pearson Education.
This module does not have any article/paper resources
Other Resources
Discussion Note: