ICT IGCSE Practical – Revision Presentation
Web Authoring
• 21.1 Web Development Layers
• 21.2 Create a Web Page
• 21.3 Use Stylesheets
Chapter 21: Web Authoring
• 21.4 Test and Publish a Website
WWW.YAHMAD.CO.UK
, ICT IGCSE Practical – Revision Presentation
Web Authoring
Web Development Layers
Presentation Layer Content layer: Behaviour layer
To format whole web To enter the content To enter scripting
Chapter 21: Web Authoring
page(s) or individual (Text, images, audio, language to a web page
elements. Stylesheet video etc) into a web or an individual element.
could include page page and to create
layouts using Div Tags suitable hyperlinks. • Image Effects
and text/table formatting • Pop up message
properties. The Content layer is in
the HTML.
The presentation layer is
in the CSS.
WWW.YAHMAD.CO.UK
, ICT IGCSE Practical – Revision Presentation
Web Authoring
HTML (Hyper Text Markup Language) – Content Layer
• HTML is used to develop the
content layer of the website.
Chapter 21: Web Authoring
• The HTML file extension is .HTM
or HTML
Content is
• HTML can be written in web between the Body
authoring or text editing software Tags
CSS (Cascading Style Sheet) – Presentation Layer
• Styles can be created separately or
embedded into HTML.
No Style Sheet
• The CSS file extension is .CSS
• Style Sheets could be attached to a
number of webpages to give a
consistent layout and appearance.
WWW.YAHMAD.CO.UK Style Sheet Attached
, ICT IGCSE Practical – Revision Presentation
Web Authoring
Creating CSS for Text Styles
Tip: If you have been giving the task of creating a CSS then make sure you use the CSS Window.
1) Create New CSS and then Save
2) Open the CSS Window – using this will eliminate mistakes Tip: Write all colours in 6
hexadecimal digits e.g.
Chapter 21: Web Authoring
3) Select Tag and then write the name of the tag (H1, H2 etc.)
4) Select the properties for Tag (Size, colour etc.) #000000
1 2 3 4
Code – For Heading1
Tip: You can Align the style in Block
If you are writing the code the
center alignment is spelt at center.
Writing Centre will not work.
WWW.YAHMAD.CO.UK
Web Authoring
• 21.1 Web Development Layers
• 21.2 Create a Web Page
• 21.3 Use Stylesheets
Chapter 21: Web Authoring
• 21.4 Test and Publish a Website
WWW.YAHMAD.CO.UK
, ICT IGCSE Practical – Revision Presentation
Web Authoring
Web Development Layers
Presentation Layer Content layer: Behaviour layer
To format whole web To enter the content To enter scripting
Chapter 21: Web Authoring
page(s) or individual (Text, images, audio, language to a web page
elements. Stylesheet video etc) into a web or an individual element.
could include page page and to create
layouts using Div Tags suitable hyperlinks. • Image Effects
and text/table formatting • Pop up message
properties. The Content layer is in
the HTML.
The presentation layer is
in the CSS.
WWW.YAHMAD.CO.UK
, ICT IGCSE Practical – Revision Presentation
Web Authoring
HTML (Hyper Text Markup Language) – Content Layer
• HTML is used to develop the
content layer of the website.
Chapter 21: Web Authoring
• The HTML file extension is .HTM
or HTML
Content is
• HTML can be written in web between the Body
authoring or text editing software Tags
CSS (Cascading Style Sheet) – Presentation Layer
• Styles can be created separately or
embedded into HTML.
No Style Sheet
• The CSS file extension is .CSS
• Style Sheets could be attached to a
number of webpages to give a
consistent layout and appearance.
WWW.YAHMAD.CO.UK Style Sheet Attached
, ICT IGCSE Practical – Revision Presentation
Web Authoring
Creating CSS for Text Styles
Tip: If you have been giving the task of creating a CSS then make sure you use the CSS Window.
1) Create New CSS and then Save
2) Open the CSS Window – using this will eliminate mistakes Tip: Write all colours in 6
hexadecimal digits e.g.
Chapter 21: Web Authoring
3) Select Tag and then write the name of the tag (H1, H2 etc.)
4) Select the properties for Tag (Size, colour etc.) #000000
1 2 3 4
Code – For Heading1
Tip: You can Align the style in Block
If you are writing the code the
center alignment is spelt at center.
Writing Centre will not work.
WWW.YAHMAD.CO.UK
