Note:
Website Authoring IGCSE ICT topic questions :
Topic Included are:
21.1 Web development layers
Candidates should know and understand:
The three web development layers
Notes and Guidance
Content layer is used to enter the content and create
the structure of a web page
Presentation layer is used to display and format
elements within a web page
Behaviour layer is for a scripting language to control
elements within a web page 'Create a web page
Candidates should be able to:
Use HTML in the content layer
Notes and Guidance
Create the content layer of a web page
Place appropriate elements in the head section of a
web page including:
• insert a page title to display in the browser
• attach external stylesheets (with the correct
hierarchy, using a relative file path)
• metatags to use the appropriate attributes
including to define the charset, name attributes
(description, keywords, author, viewport),
content attributes
• default target windows
Place appropriate content in the body section of a
web page
Insert a table including table header, table rows, table
data
Use appropriate table attributes to meet the needs
of the audience including to adjust cells to span more
than one row or column, to set table and cell sizes in
terms of pixels or % values, to apply styles to tables
Insert appropriate objects into a web page including
text, images, sound clips, video (display controls,
remove controls, autoplay), to adjust image or video
size, aspect ratio and apply alternate text
Use the
tag including to apply styles and
classes
Apply tags to text within a web page to display predefined styles including h1, h2, h3, p, li
Apply classes to elements within a web page
Apply styles to elements within a web page including
to a list (ordered list, unordered list)
Create a bookmark within a web page using an id
attribute
Create hyperlinks from text and images to:
• bookmarks on the same page
• other locally stored web pages
• a website using the URL
• send mail to a specified email address
• to open in a specified location (the same
window, a new window, with a window named as
specified)
21.2 Create a web page continued
Candidates should know and understand:
The use of HTML in the content layer
Notes and Guidance
Purpose of the head and body sections of a web page
The reason tables are used to structure elements
within a web page
Function of metatags including to define: the charset,
keywords for search engines, the author of the web
page, a description of the web page, the viewport (to
make your web page display on all devices)
Function of a hyperlink
Concept of a bookmark including methods of
creating a bookmark within a web page
Function of an anchor
Relative file path and absolute file path including
the reason absolute file paths must not be used for
hyperlinks to locally saved web pages/objects
21.3 Use stylesheets
Candidates should be able to:
Use CSS in the presentation layer
Notes and Guidance
Create the presentation layer of a web page
Create generic external styles and inline style
attributes including:
• background properties including colour, images
• font properties
• table, table row, table header and table data
properties including size, background colour,
horizontal and vertical alignment, spacing,
padding, borders: including collapsed, colour,
thickness, visible/invisible
Create classes including:
• background properties including colour, images
• font properties
• table, table row and table data properties
including size, background colour, horizontal and
vertical alignment, spacing, padding, borders:
including collapsed, colour, thickness, visible/
invisible
Create external styles to be tagged in a web page
including h1, h2, h3, p, li
Specify the font properties including font family, size,
colour, alignment, bold, italic
Attach comments to an external stylesheet
Save styles in cascading stylesheet format
21.3 Use stylesheets continued
Candidates should know and understand:
The use of CSS in the presentation layer
Notes and Guidance
Characteristics of cascading stylesheets including the
difference between attached stylesheets and inline
style attributes, the hierarchy of multiple attached
stylesheets and inline styles within a web page
Characteristics of a style and a class including the
difference between them
Reason relative file paths must be used for attached
stylesheets