Website Development (Module SWDWD301) Practice Flashcards

These vocabulary flashcards cover the key concepts of Website Development including hardware skills, HTML5, CSS3, and design principles based on the Rwanda TVET Training Manual.

Keyboard

An input device used to enter characters and functions into the computer system by pressing buttons or keys; it is the primary device used to enter text.

Keyboard Layout

Any specific physical, visual, or functional arrangement of the keys, legends, or key-meaning associations on a computer keyboard or mobile phone.

QWERTY

The first keyboard layout ever created, designed in the 1870s by Christopher Latham Sholes for typewriting machines.

AZERTY

A modified QWERTY layout used primarily for the French language to make typing easier by moving frequently used letters like 'A' to the first row.

Control keys (Special Function)

Keys used alone or in combination with others to perform certain actions, such as Ctrl, Alt, the Windows logo key, and Esc.

Function keys

Keys labeled F1 through F12 used to perform specific tasks, where functionality varies from program to program.

Navigation keys

Keys used for moving around in documents or webpages and editing text, including arrow keys, Home, End, Page Up, Page Down, Delete, and Insert.

Numeric keypad

A group of keys arranged in a block like a conventional calculator used for entering numbers quickly.

Cursor (Insertion Point)

A blinking vertical line that shows where the text being typed will begin.

Key combination

Also known as a keyboard shortcut or hotkey, it is a sequence of two or more keys pressed together to perform a specific function or command.

Typing

The process of writing or inputting text by pressing keys on a typewriter, computer keyboard, mobile phone, or calculator.

Touch typing

A method of typing on a computer keyboard without looking at the keys, involving the use of all ten fingers.

Ergonomics

The process of designing or arranging workplaces, products, and systems so that they fit the people who use them, enhancing performance, comfort, and safety.

Words Per Minute (WPM)

A measure of typing speed where a 'word' is defined as $5$ characters or keystrokes, including spaces and punctuation.

Accuracy

A measurement of typing proficiency calculated by dividing the number of correct keystrokes by the total number of keystrokes made and multiplying by $100$..

Website

A related collection of web pages that are publicly accessible, share a single domain name, and are published on at least one web server.

Web page

A document written in hypertext (HTML) that is displayed in a web browser as a single page within a website.

Web browser

A software application that allows users to access and navigate web pages on the internet by retrieving resources from a web server and displaying them.

Search engine

Particular websites (e.g., Google, Bing, Yahoo) that provide search results that can be accessed via a web browser.

Text editor

A tool that allows a user to create and revise documents or write and modify HTML code on a computer.

Hyperlink

Also called a 'link,' it is an element that connects one web page to another web page, document, or resource.

URL (Uniform Resource Locator)

A web address or reference used to access specific resources on the internet, containing the protocol, domain name, and path.

HTML (Hypertext Markup Language)

The standard markup language for creating and structuring web page elements like sections, paragraphs, links, and media files.

Paired tags

HTML tags that require an opening tag to turn a formatting feature on and a closing tag (with a forward slash) to turn it off.

Unpaired tag (Singular Tag)

Stand-alone tags that take effect immediately without a closing tag, such as ,
, or

---

.

HTML Attribute

A piece of markup language written within an opening tag used to adjust the behavior, display, or properties of an HTML element.

Semantic Tags

Tags that clearly describe their meaning to both the browser and the developer (e.g.,

, ,

), enhancing SEO and accessibility.

Canvas

An HTML5 element used as a container to draw graphics, such as shapes or animations, on the fly via JavaScript.

SVG (Scalable Vector Graphics)

An XML-based markup language for creating two-dimensional vector graphics that are resolution-independent and can be scaled without losing quality.

Page Layout

The arrangement and organization of elements on a web page, including headers, navigation menus, content sections, and footers.

Website Optimization

The process of improving website performance in areas such as web traffic, conversion rates, loading speed, and usability.

SEO (Search Engine Optimization)

The practice of optimizing a website to improve its visibility and ranking on organic search engine results pages (SERPs).

Web accessibility

Designing websites and tools so that all people, including those with disabilities, can perceive, understand, navigate, and interact with the Web.

CSS (Cascading Style Sheets)

A style sheet language used for describing the presentation of a document written in HTML or XML, separating content from presentation.

Inline CSS

A styling method applied directly to a specific HTML element using the 'style' attribute.

Internal CSS

Styles placed within a

External CSS

A method where web pages are linked to a separate .css file, allowing the styling of an entire site at once.

CSS Selector

The part of a CSS syntax that describes and points to the HTML element(s) you want to style (e.g., element, ID, or class).

CSS Box Model

A concept that defines every HTML element as a box consisting of Content, Padding, Border, and Margin.

Typography

The art and technique of arranging letters and text to make the copy readable, clear, and visually appealing to the reader.

Typeface

A design style that comprises a family of related fonts of varying sizes and weights (e.g., Serif, Sans-serif).

Media Query

A CSS technique that applies styles to elements based on device characteristics like screen width, height, resolution, or orientation.

Breakpoint

Specific viewport widths (e.g., 768px for tablets) where a website's design changes to adapt to the screen size.

iframe

An 'Inline Frame' tag used to embed one HTML document within the current HTML document, creating a nested webpage.