CSC2406 Faculty of Health Engineering and Sciences

Subject Code :
CSC2406
Country :
AU
University :
University of Southern Queensland

Question 1

Explain the difference between a “client” and a “server”.

Question 2

Explain the difference between the World Wide Web and the Internet.

Question 3

What is the difference between HTML and XHTML?

Question 4

Draw the nodes of the DOM tree of the following HTML document:

<head>

<title>Example Document</title>

</head>

<body>

<h1>An <em>Example</em> HTML Document</h1>

<ul>

<li>An XML document can be represented

by a <em>tree diagram</em>.</li>

<li>All content linked in a tree of nodes</li>

<li>The browser's internal representation

is a <strong>DOM</strong> tree.</li>

</ul>

</body>

</html>

Question 5

There are three ways to include CSS markup in a HTML document. Discuss

each method and when it should be used.

Page 2 of 4 csc2406 — Web Technology I

Examination Period — Semester 2, 2018

Question 6

Explain the difference between “content” and “style” and why they should

be separated?

Question 7

Within the context of CSS, what is “responsive design”

Question 8

Why is it a good idea to always supply the title attribute to anchor elements?

Question 9

In CSS, explain the concept of “floating” boxes.

Question 10

Explain why all site pages should be approximately three clicks away from

the site home page?

Question 11

Explain each line of the following Javascript code:

1 var quote=document.getElementsByTagName("blockquote");

2 for(var i=0; i<quote.length; i++) {

3 if( quote.item(i).className == 'poetry') {

4 quote.item(i).setAttribute("style","font-style:italic");

5 }

6 }

Question 12

Explain all of the parts of the following jQuery command:

$('table#lang tr:nth-child(2n+1)').addClass('backgd');

Question 13

Explain the effect of the following jQuery code:

$('h1').replaceWith('<h2>'+$(this).html()+'</h2>');

csc2406 — Web Technology I Page 3 of 4

Examination Period — Semester 2, 2018

Question 14

An event propagating through the document tree is said to be in the Capture

phase, the Target phase, and the Bubble phase. Explain each one of these

phases.

Question 15

Explain in detail the code below and its effect:

1 $("a").click(function( event ) {

2 var elem = $( this );

3 if ( elem.attr( "class" ).match("clicked") ){

4 event.preventDefault();

5 } else {

6 elem.addClass( "clicked" );

7 }

8 });

Question 16

Discuss two usability design strategies that should be used when constructing a Web form.

Question 17

Within a HTML form, what is the purpose of the fieldset and legend elements?

Question 18

What is an “‘interlaced” raster image?

Question 19

When defining audio and video resources the “container” and the “codec” must be defined. What are the “container” and the “codec”?

Question 20

What are the differences between “raster” and “vector” graphics?

Question 21

Why is it a good idea to use the label element, especially with radio buttons and checkboxes?

Question 22

Why is it important to validate the form input fields on the client, using either Javascript Events or HTML validation?

Question 23

When using the Drag and Drop API what is the reason for specifying the “draggable” and “droppable” attributes of HTML elements?

Question 24

When a Web application wishes to use the Media Devices API why is the permission of the user sought by the browser before the application can use the API?

Question 25

Why does the input tag have so many values for the type attribute? Most input could be handled by type="text" — a single line of text as input.

Posted on : November 11th, 2019

CSC2406 Faculty of Health Engineering and Sciences

Have any Query? Contact with us