Websites Software — Open College Network Northern Ireland Vocationally-Related Qualification Digital Skills & IT Revision

    This element covers the foundational skills of building a website, including creating structured HTML documents and styling them with CSS. Learners will us

    Topic Synopsis

    This element covers the foundational skills of building a website, including creating structured HTML documents and styling them with CSS. Learners will use appropriate software tools to prepare and optimise content such as text, images, and multimedia, ensuring accessibility and usability. Finally, they will learn to deploy a website to a live server, understanding file transfer protocols and basic hosting concepts, which is essential for presenting a functional online presence.

    Key Concepts & Core Principles

    Exam Tips & Revision Strategies

    Common Misconceptions & Mistakes to Avoid

    Examiner Marking Points

    Websites Software

    OPEN COLLEGE NETWORK NORTHERN IRELAND
    vocational

    This element covers the foundational skills of building a website, including creating structured HTML documents and styling them with CSS. Learners will use appropriate software tools to prepare and optimise content such as text, images, and multimedia, ensuring accessibility and usability. Finally, they will learn to deploy a website to a live server, understanding file transfer protocols and basic hosting concepts, which is essential for presenting a functional online presence.

    2
    Learning Outcomes
    7
    Assessment Guidance
    8
    Key Skills
    2
    Key Terms
    8
    Assessment Criteria

    Assessment criteria

    OCN NI Level 2 Award in Information Technology Applications
    OCN NI Level 2 Certificate in Information Technology Applications

    Topic Overview

    The OCN NI Level 2 Award in Information Technology Applications provides a foundational understanding of how to use common IT software effectively in personal, educational, and workplace contexts. This qualification covers key areas such as word processing, spreadsheets, databases, presentation software, and safe internet use. It is designed to equip learners with practical digital skills that are essential for further study or entry-level employment in a wide range of sectors.

    In today's digital world, proficiency in IT applications is not just an advantage but a necessity. This award helps students develop confidence in using software to create, manage, and present information. It also emphasises the importance of data security, file management, and ethical use of technology. By completing this qualification, students demonstrate that they can apply IT skills to solve real-world problems, making them more effective in both academic and professional settings.

    This qualification fits within the broader Digital Skills & IT curriculum by bridging basic computer literacy and more advanced technical studies. It prepares students for further qualifications such as the OCN NI Level 3 Certificate in IT or other vocational IT courses. The practical nature of the award ensures that students gain hands-on experience, which is highly valued by employers and further education providers.

    Key Concepts

    Core ideas you must understand for this topic

    • →Word Processing: Creating, formatting, and editing documents using features like tables, images, headers/footers, and mail merge.
    • →Spreadsheets: Using formulas, functions (e.g., SUM, AVERAGE), charts, and cell formatting to analyse and present numerical data.
    • →Databases: Understanding tables, queries, forms, and reports to store, retrieve, and manage structured information.
    • →Presentation Software: Designing effective slides with animations, transitions, and multimedia elements to communicate ideas clearly.
    • →Safe Internet Use: Recognising secure websites, protecting personal data, and understanding copyright and plagiarism issues.

    Learning Objectives

    What you need to know and understand

    • Be able to create structures and styles for websites., Be able to use software tools to prepare content for websites., Be able to publish websites.
    • Be able to create structures and styles for websites., Be able to use software tools to prepare content for websites., Be able to publish websites.

    Assessment Criteria

    Key criteria assessors look for in your portfolio

    • Award credit for demonstrating the ability to create a well-formed HTML document with appropriate semantic elements (header, nav, main, footer) and effective use of CSS for layout and design.
    • Expect learners to show competence in using a text editor or web development software to write and save code files, and to test them locally in a browser.
    • Evidence of preparing web-ready content includes resizing images, optimizing file sizes, and converting documents to suitable formats (e.g., PDF, JPEG, PNG).
    • For publishing, look for correct setup of FTP client settings (host, username, password), successful upload of website files, and verification that the site is accessible via a URL.
    • Award credit for demonstrating a logical HTML document structure using semantic elements (e.g., <header>, <nav>, <main>, <footer>) to enhance accessibility and maintainability.
    • Award credit for consistently separating content from presentation by using an external CSS file, with evidence of responsive design techniques (e.g., media queries, flexible layouts).
    • Award credit for preparing and optimising multimedia content (images, audio, video) with appropriate file formats, compression, and descriptive alternative text, ensuring fast loading times.
    • Award credit for successfully uploading the website to a live server, including verifying that all internal and external links function correctly and the site renders consistently across different browsers.

    Assessment Guidance

    Guidance for achieving higher grades

    • 💡Always validate your HTML and CSS using W3C validators before submission to catch syntax errors.
    • 💡Document your process with screenshots and annotations, explaining decisions you made about structure, style, and content preparation.
    • 💡Test your published website on different devices and browsers to demonstrate responsiveness and cross-browser compatibility.
    • 💡Ensure you understand and can articulate the difference between local development and live hosting, particularly regarding relative vs absolute paths.
    • 💡Always use a clear folder structure for your website assets (images, CSS, scripts) and maintain consistent relative paths; this demonstrates professional practice and prevents broken resource links on the server.
    • 💡In your evidence portfolio, include annotated screenshots showing before/after content optimisation (e.g., resized images, compressed video) to explicitly fulfil the 'prepare content' criterion.
    • 💡When publishing, provide a live URL and screenshots of the site running in multiple browsers and on a mobile device; this proves cross-browser and responsive design competence—a key marking point.
    • 💡Always save your work frequently and use sensible file names (e.g., 'Report_v2') to avoid losing data and to demonstrate good file management.
    • 💡When answering questions about software features, use the correct terminology (e.g., 'cell reference' not 'box name') to show your understanding.
    • 💡For practical tasks, read the entire question before starting. Plan your steps to ensure you meet all requirements, such as including a chart or applying a specific format.

    Common Mistakes

    Common errors to avoid in your coursework

    • Confusing the roles of HTML and CSS, such as using presentational HTML tags instead of semantic markup with separate stylesheets.
    • Forgetting to close tags or using incorrect nesting, leading to broken layouts.
    • Overlooking image optimization, resulting in slow-loading pages that may not meet accessibility standards.
    • Misconfiguring file paths or permissions when uploading, causing broken links or missing resources on the live site.
    • Over-reliance on inline styles or deprecated HTML tags instead of using CSS for presentation, which leads to poor maintainability and fails to meet separation-of-concerns criteria.
    • Using images straight from a camera without resizing or compressing, resulting in slow page load times and a poor user experience; forgetting to set alt attributes harms accessibility.
    • Linking to local file paths (e.g., C:\Users\...\image.jpg) instead of relative paths when assembling the site, causing broken links once the website is published online.
    • Neglecting to test the live site thoroughly after publishing—missing broken links, layout inconsistencies across devices, or overlooking validation errors that could affect functionality.
    • Misconception: 'Spreadsheet formulas are the same as calculator functions.' Correction: Spreadsheet formulas use cell references (e.g., =A1+B1) rather than direct numbers, allowing automatic updates when data changes.
    • Misconception: 'A database is just a big spreadsheet.' Correction: Databases are designed for efficient data retrieval and management using queries and relationships, unlike spreadsheets which are more for calculation and analysis.
    • Misconception: 'Using bold and colours makes a document professional.' Correction: Over-formatting can distract; professional documents use consistent styles, appropriate white space, and clear headings.

    Frequently Asked Questions

    Common questions students ask about this topic

    Before You Start

    Prior knowledge that will help with this topic

    • •Basic computer literacy: ability to turn on a computer, use a mouse and keyboard, and open/close applications.
    • •Understanding of file types (e.g., .docx, .xlsx) and how to save and retrieve files from local storage or cloud services.
    • •Familiarity with common internet browsers and basic online navigation.

    Key Terminology

    Essential terms to know

    • Be able to create structures and styles for websites., Be able to use software tools to prepare content for websites., Be able to publish websites.
    • Be able to create structures and styles for websites., Be able to use software tools to prepare content for websites., Be able to publish websites.

    Ready to learn?

    AI-powered learning tailored to this unit

    Related Topics in OPEN COLLEGE NETWORK NORTHERN IRELAND vocational Digital Skills & IT

    OCN NI Entry Level 3 Certificate in Essential Skills – Digital ICT - Core Content

    View Topic

    OCN NI Level 1 Certificate in Essential Skills – Digital ICT - Core Content

    View Topic

    OCN NI Level 2 Certificate in Essential Skills – Digital ICT - Core Content

    View Topic

    Bespoke Software

    View Topic