Week 3 Flashcards
Covers content taught in Week 3 (25 cards)
What is a linear web structure?
A structure where users navigate through content in a fixed sequence, like steps or chapters.
What is a tutorial web structure and its benefit?
It allows flexible navigation between concept, lesson, and review pages; ideal for task-oriented or educational content.
What type of website suits a web structure?
Small websites with limited pages, where users can move freely between pages.
What is the benefit of a hierarchical structure in web design?
It’s great for large content collections, enabling both section-based and linear navigation.
How does a cluster structure work?
Each topic is like an island; pages in each cluster link to each other, with clear navigation to main areas.
What kind of websites use a catalogue structure?
Online shopping platforms, allowing browsing, adding to cart, and checking out.
What is the first step in developing a website?
Define the website’s goals and purpose.
Why is wireframing important in web design?
It visually plans layout, flow, and functionality, addressing usability early and reducing costly changes later.
What is the goal of web accessibility?
To ensure all users, especially those with disabilities, can access and interact with websites.
What organization created WCAG standards?
The W3C’s Web Accessibility Initiative (WAI).
Name the three conformance levels of WCAG.
Level A, Level AA (UK legal requirement), and Level AAA.
What are the four WCAG principles?
Perceivable, Operable, Understandable, Robust.
What UK law enforces accessibility?
The Equality Act 2010 and the Public Sector Accessibility Regulations 2018.
Name a business advantage of accessibility.
Improved SEO, broader customer reach, legal compliance, and better UX.
What is character encoding?
A system for converting characters into numbers so computers can process them.
Why is UTF-8 preferred in web development?
It supports all Unicode characters and is compatible with ASCII.
How do you specify UTF-8 in HTML?
<meta></meta>
in the <head> section.
What does <!DOCTYPE html> do?
Declares the document uses HTML5.
What’s the difference between block-level and inline elements?
Block-level elements create sections; inline elements flow within text.
Give an example of a self-closing tag.
<img></img>, <br></br>, or <input></input>.
What is the main role of HTML?
Provides structure and content for web pages.
What does CSS do?
Styles the layout, colors, and fonts of a web page.
What is JavaScript used for?
Adds interactivity and dynamic behavior to web pages.
What is the DOM?
The Document Object Model, a tree structure representing HTML that JavaScript can manipulate.
