Test 2018

An Introduction to Web Design and Programming
Examination Paper
ID : L18139914 Name : Dicky Ivan S | 芦爱文 2018-12-17

Total：
Ⅰ. Choose the correct answer from following choices ( 10 x 1 )
(1)Download or upload a file communicates with a FTP server through a protocol is (A)
a: ftp b: telnet c: http d: file
(2)How many block-level list elements are available (C)
a: two block-level list b: three block-level list
c: four block-level list d: five block-level list
(3)Can hyperlink to other documents on the Web/Internet , the anchor elements is (C)
a:<p>…</p> b:<ul>…</ul> c: <a>……</a> d: <td>…<//td>
(4)A site consists of subsites independent of one another and maintained by departments by
diffent departments of an organiztion .This Web site model is(C)
a:newspaper model b:library model
c:distributed model d:central dispatching model
(5) The setInterval( “expression”, interval) ,the given time interval in (B)
a: second b: millisecond c: microsecond c: minute
(6)What symbol used as a selector selects every HTML element. (D)
a: $ b: # c: ! d: *
(7)A hyperlink is visited already to specify visual styles to indicate (B)
a: a: link{..} b: a: visited{..} c: a: active{..} d: a: hover{..}
(8)In HTML code ,error nesting layout is (C)
a: <html><head>..</html></head>
b:<body><li>..</li></body>
c:<body><p>…</p><li>…</li></body>
d:<table><tr><td>..</tr></td></table>
(9)What coordinate is the upper left corner of an screen (B)
a:(180,180) b:(0,0) c:(180,0) d:(0,180)
(10)How many heading elements can be used to define headings (C)
a: four b: five c: six d: seven
Ⅱ. Fill the blank ( 10 x 1 )

(1)Data on Internet are sent and received in PACKETS .
(2)The DNS organizes the entire Internet name space into a BIG TREE structure .
(3)An image map is an image with ACTIVES AREA that,when clicked ,lead to designated
URLs.
(4) Two of the most common visual balances in design are know as symmetrical and
ASSYMETHRICAL
(5)A newspaper model with FRONT PAGE,headlines,sections and quick index.
(6)JavaScript programs are responsive because they are executed by the CLIENT side.
(7)Arranging several THREE DIMENSIONAL BUTTON in a row and column,we can
easily build a handsome and responsive navigation bar .
(8)Pseudoclass selectors-The pseudoclass is a way to PERMIT SELECTION based on
information not contained in the document.
(9)Layout tasks include:brainstorming,thrumbnails,comp,and GRAPHICS
PRODUCTION production.
(10) Shape is a word that define TWO DIMENSIONAL visual elements.
Ⅲ. Nomenclature explanation ( 5 x 3 )
(1) Domain Name Server
Domain Name Servers (DNS) are the Internet's equivalent of a phone book. They
maintain a directory of domain names and translate them to Internet Protocol (IP)
addresses.
This is necessary because, although domain names are easy for people to remember,
computers or machines, access websites based on IP addresses.
(2) Class selector

A class selector is made from the class name prefixed with a period. It applies to every
element (of any type) that has that class.
(3) JavaScript Objects

Javascript provides access to language objects (Array, Boolean, Date, Function, Math,
Number, RegExp, String) for programming, and browser objects (navigator, window,
document, location, history, frame, Image, Form, etc.) for access and manipulation of
the browser and the displayed document. Complete Reference information for these
objects can be found on the Web (See the WDP site).
The language objects make writing programs easy. We have used a Date object in our
first Javascript program The page Id used in the rollover navbar example.
(4) Style Sheets

For Web pages, a style sheet performs a similar function, allowing the designer to
ensure an underlying consistency across a site's pages. The style elements can be
specified once for the entire document by either imbedding the style rules in the
document heading or cross-referring (linking to or importing) a separate style sheet. A
browser may allow the user to override some or all of the style sheet attributes.
(5) CSS
CSS stands for Cascading Style Sheets with an emphasis placed on “Style.” While
HTML is used to structure a web document (defining things like headlines and
paragraphs, and allowing you to embed images, video, and other media), CSS comes
through and specifies your document’s style—page layouts, colors, and fonts are all
determined with CSS. Think of HTML as the foundation (every house has one), and
CSS as the aesthetic choices (there’s a big difference between a Victorian mansion and
a mid-century modern home).
Ⅳ. Question ( 3x5 )
(1) What is Frames ? How to use Frames ?
HTML frames are used to divide your browser window into multiple sections where each
section can load a separate HTML document. A collection of frames in the browser window is
known as a frameset. The window is divided into frames in a similar way the tables are
organized: into rows and columns.
To use frames on a page we use <frameset> tag instead of <body> tag. The <frameset> tag
defines, how to divide the window into frames. The row sattribute of <frameset> tag defines
horizontal frames and cols attribute defines vertical frames. Each frame is indicated by
<frame> tag and it defines which HTML document shall open into the frame.
(2) What is mouse events and keyboard events ?
- Mouse event
The MouseEvent interface represents events that occur due to the user interacting
with a pointing device (such as a mouse). Common events using this interface
include click, dblclick, mouseup, mousedown.
MouseEvent derives from UIEvent, which in turn derives from Event. Though the
MouseEvent.initMouseEvent() method is kept for backward compatibility, creating
of a MouseEvent object should be done using the MouseEvent() constructor.
Several more specific events are based on MouseEvent, including WheelEvent and
DragEvent.
- Keyboard event
KeyboardEvent objects describe a user interaction with the keyboard; each event
describes a single interaction between the user and a key (or combination of a key
with modifier keys) on the keyboard. The event type (keydown, keypress, or
keyup) identifies what kind of keyboard activity occurred.
Note: KeyboardEvent events just indicate what interaction the user had with a key
on the keyboard at a low level, providing no contextual meaning to that interaction.
When you need to handle text input, use the input event instead. Keyboard events
may not be fired if the user is using an alternate means of entering text, such as a
handwriting system on a tablet or graphics tablet.
(3) What is an image map? How is it useful ? Where is an image map place in an HTML
file ?
An image map is an image with active areas that, when clicked, lead to designated URLs.
For example, you may use a picture of a number of products, a county map of a state, or a
group picture of classmates to make an image map.
Use image maps when the information you need to convey is better presented visually than
in text. The best use of an image map is for, well, a map. Maps convey a large amount of
information in a small space, and image maps serve to make them more interactive.
The image map code is placed within the head element and associated with an inline image
with the usemap attribute of the img element.
Ⅴ. Programming ( 1x50 ) （50）

(1) Design a Web sit of your hometown
Directory : my-hometown, html , css , js ,img , doc ….
Technology: HTML , XHTML, CSS, JavaScript…loca
Content: history , landscape , local habitude , cate …..

Test 2018

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Test 2018

Uploaded by

Copyright:

Available Formats

An Introduction to Web Design and Programming

ID : L18139914 Name : Dicky Ivan S | 芦爱文 2018-12-17

Ⅱ. Fill the blank ( 10 x 1 )

(2) Class selector

(3) JavaScript Objects

(4) Style Sheets

(2) What is mouse events and keyboard events ?

Ⅴ. Programming ( 1x50 ) （50）

You might also like