20 Elementary Web Authoring

ICT Focus
Project management skills, knowledge of different cultures, communication skills and
aesthetic judgement ability

Activity 2
2. (a) Yes
(b) Hello World!
(c) Sorry, I am Chan Tai Man, not World.

3. document.write("<p><b>Sorry, I am Chan Tai Man, not

World.</b>")

4. ‧Javascript Tutorial (http://www.w3schools.com/js/)

‧JavaScript Kit (http://www.javascriptkit.com)

Concept Map
1. J
2. I
3. B
4. E
5. F
6. H
7. A
8. D
9. G
10. C

Concept Checker
1. T
2. F
3. F
4. F
5. T

Multiple Choice Questions

1. D

1
2. C
3. B
4. A
5. B
6. B
7. D
8. B
9. D
10. C

Short Questions
1. (a) ‧The web browser does not support JavaScript. (1)
‧The web browser blocks the JavaScript actions for security reasons. (1)
‧The JavaScript actions contain syntax errors. (1)
(b) ‧Update the web browser or use one which supports JavaScript. (1)
‧Lower the security level set in the web browser or disable the
JavaScript blocking function of the browser. (1)
‧Debug the JavaScript instructions and upload the web page to the web
server again. (1)

2. (a)

II (1)

I (1)
IV (1)

III (1)

(b) Either II or IV (1) because both frames do not affect the game playing. (1)

3. (a) ‘Dreamweaver Behaviours’ is a collection of pre-written JavaScript

functions provided by Dreamweaver, (1) which allows users to apply special
actions to a web page without having to write the JavaScript code
themselves. (1)
(b) ‧Dreamweaver transfers the files which have been changed since the

2
 last update. This can reduce the uploading time. (1)
‧Dreamweaver helps keep track of any updates or broken links among
files. (1)
4.
Table (1) Image (1)

Hyperlink (1) Comment (1)

Named anchor (1)

5. (a) ‧The animation effect of a rollover image is created by JavaScript

instructions, where several still images are comprised together, while
an GIF image is itself an animation file. (1)
‧A rollover image usually changes its appearance when a mouse pointer
is over or away from the image. A GIF image changes its appearance
in a defined period of time. (1)
(b) Some web browsers may block actions performed by JavaScript. This will
cause problems in web browsing. (1) Hence, many web sites of public or
large organizations usually use GIF images instead of rollover images to
ensure that all visitors can browser their web sites properly. (1)

3
Long Questions
1. (a)
Identifying an intended audience (1)

Setting clear objectives for the web site

Designing the information structure of the web site (1)

Designing the content and layout of each web page (1)

Preparing materials for the web pages

Building web pages

Publishing the web site (1)

Testing the web site in web browsers (1)

(b) ‧A discussion forum / a newsgroup

‧An electronic bulletin board / a newsletter
‧A photo gallery
‧A blog
‧A chatroom / instant messaging tool
(any two  1)
(c) (i) ‧Too much eye-catching animation may confuse the visitors.
‧The full-sized photo and the real-time video will increase the
downloading time of the whole web page.
‧The title and the logo of the web site should be of the alumni
association, instead of those of the school.
‧The alumni association’s name and its logo will be out of the
screen when the page is scrolled down.
(any three  1)
(ii) ‧Alumni login control
‧Contact method of the web site’s administrator

4
 ‧Date of the last update
(any two  1)

2. (a) Hierarchical structure: Related information is grouped systematically so that

visitors can access their required information with minimum effort. (1)
Linear structure: It gives a simple and clear organization of information. (1)
(b) (i) Advantage: Related information can be accessed easily. (1)
Disadvantage: ‧The hyperlinks are difficult to manage when some
web pages are added or removed.
‧Users may get lost easily when surfing inside a large
web site using a web structure.
(any one  1)
(ii) ‧Online encyclopaedia, e.g. Wikipedia (1)
‧Web sites which provide travel information of the road network or
train network of a city (1)
(c) (i) In this structure, users can access other pages on the same level (1) or
to return to the preceding levels at any time. (1)
(ii) Any reasonable answer  2