Website authoring

Topics

Choose a topic to revise

Sample objectives

What this unit covers

• Web development layers: Understand the three layers involved in web development: the content layer, which is responsible for entering content and structuring a web page; the presentation layer, which formats and displays elements on the page; and the behaviour layer, which utilizes a scripting language to manage the elements of the web page.
• Create a web page continued: Develop a web page by utilizing HTML in the content layer. Candidates should be capable of: Creating the content layer of a web page, including placing suitable elements in the head section such as: a page title for browser display, linking external stylesheets with the correct hierarchy using relative file paths, and including metatags with appropriate attributes like charset, name attributes (description, keywords, author, viewport), content attributes, and default target windows. In the body section, candidates should insert appropriate content, including a table with headers, rows, and data, and use relevant table attributes to cater to audience needs, such as spanning cells across multiple rows or columns, setting table and cell sizes in pixels or percentages, and applying styles to tables. Candidates should also insert suitable objects into the web page, including text, images, sound clips, and videos (with display controls, removal of controls, and autoplay options), adjusting image or video size and aspect ratio, and applying alternate text. The use of the <div> tag for styling and class application is required, as well as applying tags to text for predefined styles (h1, h2, h3, p, li) and applying classes and styles to elements, including lists (ordered and unordered). Candidates should create bookmarks within the web page using an id attribute and establish hyperlinks from text and images to: bookmarks on the same page, other locally stored web pages, websites via URL, email addresses, and specified locations (same window, new window, or named window). Candidates should understand: the role of HTML in the content layer, the purpose of the head and body sections, the use of tables for structuring elements, the function of metatags (defining charset, keywords for search engines, author, description, viewport for device display), the function of hyperlinks, the concept of bookmarks and methods for creating them, and the distinction between relative and absolute file paths, including the reason for avoiding absolute file paths for locally saved hyperlinks.
• Use stylesheets continued: Utilize stylesheets effectively. Students should be capable of: Applying CSS within the presentation layer, Developing the presentation layer of a webpage, Creating generic external styles and inline style attributes that include: • Background properties such as color and images • Font properties • Properties for tables, table rows, table headers, and table data, including size, background color, horizontal and vertical alignment, spacing, padding, and borders (including collapsed, color, thickness, and visibility) • Establishing classes that encompass: • Background properties such as color and images • Font properties • Properties for tables, table rows, and table data, including size, background color, horizontal and vertical alignment, spacing, padding, and borders (including collapsed, color, thickness, and visibility) • Creating external styles to be referenced in a webpage for elements like h1, h2, h3, p, and li • Specifying font properties such as font family, size, color, alignment, boldness, and italics • Adding comments to an external stylesheet • Saving styles in cascading stylesheet format. Students should also understand: The role of CSS in the presentation layer, The characteristics of cascading stylesheets, including the distinctions between attached stylesheets and inline style attributes, the hierarchy of multiple attached stylesheets, and inline styles within a webpage, The differences between a style and a class, and The necessity of using relative file paths for attached stylesheets.