[go: up one dir, main page]
Scribd
Upload
686 views8 pages

Ict Igcse Paper 3 Revision Webauthoring

This document provides instructions on how to complete various tasks for an ICT IGCSE Practical Paper 3 exam on web authoring. It outlines 16 tasks students need to be able to do, including opening and editing images, creating web pages and style sheets, inserting tables, images, links and lists. It also provides examples of tasks students may be asked to do, such as formatting specific elements like headings, paragraphs and lists in a style sheet or applying styles to text. Finally, it lists things examiners may ask students to highlight in the HTML code printouts, like attributes that were set for tables, images and links.

Uploaded by

Prayrit Jain
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
686 views8 pages

Ict Igcse Paper 3 Revision Webauthoring

This document provides instructions on how to complete various tasks for an ICT IGCSE Practical Paper 3 exam on web authoring. It outlines 16 tasks students need to be able to do, including opening and editing images, creating web pages and style sheets, inserting tables, images, links and lists. It also provides examples of tasks students may be asked to do, such as formatting specific elements like headings, paragraphs and lists in a style sheet or applying styles to text. Finally, it lists things examiners may ask students to highlight in the HTML code printouts, like attributes that were set for tables, images and links.

Uploaded by

Prayrit Jain
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 8

ICT IGCSE Practical Paper 3 Revision for Web Authoring

You need to make sure that you can do the following: Can you do it?
1. Opening the image XXX.JPG in a SUITABLE APPLICATION

Use a drawing package that you are comfortable with such as PAINT or FIREWORKS

You should be able to manipulate (i.e RESIZE, REDUCE IMAGE RESOLUTION etc) using
that package!

REMEMBER to drag the image from the corner when you are asked to maintain the
aspect ration!

2. Creating a new web page

3. Attaching a STYLE SHEET


ICT IGCSE Practical Paper 3 Revision for Web Authoring

Can you do it?

Click on ATTACH STYLE SHEET icon and follow the instructions.

4. Opening a STYLE SHEET and EDITING

That is what a style sheet looks like in the code view in Dreamweaver:
ICT IGCSE Practical Paper 3 Revision for Web Authoring

Can you do it?


That is what a style sheet looks like in NOTEPAD:

You may open the .CSS file in NOTEPAD or DREAMWEAVER code view to edit it.

e.g. Edit the stylesheet to change the styles so that:


• h1 is 48 point
 h2 – black, serif font, e.g. 20 pixels, centre aligned, bold
 p – e.g. dark blue, sans-serif font, 14 pixels, left aligned, italic
• h5 is left aligned
• h4 is black
• the red and blue components of h1, h2, h3 and h5 remain the same and there
is no green component in any of these styles
• the paragraph style has no red component and the green and blue
components are set to 50%

OR you may be asked to:

e.g.

Using a suitable software package, prepare the following styles for use within all
pages of this website:

• h1 – dark blue, sans-serif font, 24 point, centre aligned, bold


• h2 – dark blue, sans-serif font, 18 point, centre aligned
• h3 – blue, sans-serif font, 12 point, right aligned
• h4 – blue, sans-serif font, 12 point, centre aligned
• li – black, serif font, 10 point, bullet points, left aligned, italic
• p – blue, serif font, 10 point, left aligned.

Then you either open NOTEPAD or DREAMWEAVER code view and type in the style sheet
from scratch and SAVE AS .CSS file.
ICT IGCSE Practical Paper 3 Revision for Web Authoring

Can you do it?


5. Applying STYLE

e.g. Apply style h3 to all the text added

6. Inserting IMAGE / BACKGROUND image

Inserting BACKGROUND
ICT IGCSE Practical Paper 3 Revision for Web Authoring

Can you do it?


7. Inserting & formatting tables

 Set width / height


 Set the table width to 95% of the width of the window.
 Set the cell spacing for the table to e.g. 5 pixels.
 Set the cell padding for the table to e.g. 3 pixels.

 Align
 Set borders
 Merge cells

8. Creating a NAMED ANCHOR

9. Creating a LINK to the NAMED ANCHOR

You need to CLICK IN THE POTION that you want to insert the anchor then click on
INSERT Named Anchor option.

REMEMBER to first SELECT the text that you want to link to the anchor and then use
# to insert link to an anchor.
ICT IGCSE Practical Paper 3 Revision for Web Authoring

Can you do it?


e.g. #TOP

10. Inserting an EMAIL LINK

Add subject to the email.

11. Creating a HYPERLINK from TEXT and from an IMAGE


ICT IGCSE Practical Paper 3 Revision for Web Authoring

Can you do it?


12. Formating LISTs as ORDERED list (i.e. bulleted/numbered list) OR UNORDERED list (i.e.
without any bulleted/numbered list)

Select the items to be put in a list

Then

13. Opening a web page in a new window

You will be asked to create a link to a webpage that will open in a new window.
ICT IGCSE Practical Paper 3 Revision for Web Authoring

Can you do it?


14. Opening a page in a new window

15. Printing the HTML SOURCE (code)

16. After the examination time – on the html printouts of your webpage you may be asked
to do the following:

On your printout highlight those portions of the code which show that:
• your name, Centre number and candidate number are present on all printouts
• the external stylesheet is attached to webpages
• the table widths of all the tables in XXX.HTM have been set
 the table borders in the webpages are set to 2 point
 the cell spacing for the table is e.g. 5 pixels
• the cell padding for the table is e.g. 3 pixels
• the horizontal and vertical alignment for the rows of the table are e.g. centre
aligned
• the image has the width set to e.g. 360 pixels
• the image has the width set to e.g.160 pixels
• the anchors have been placed
• Text is set as a hyperlink to the anchor
• the hyperlink from the image opens XXX.HTM in a new window called _YYY
• the hyperlink from the image sends an email message to xxx@cie.org.uk with a
subject line ZZZ
• the hyperlink from the text ‘clicking on this link’ goes to the anchor top
• in the file XXX.htm you have set an ordered list
• in the file YYY.htm you have set an unordered list

You might also like