CS134 Web Site Design & Development

Midterm Exam

Name: ________________________ Score: _____________________

Email: ________________________

I True or false questions (T for true, F for false; 2 points each, total 6
points)

1. Not every document/resource on the WWW needs to have an identifier

in order to be accessed by others. [Answer: __F__]

2. The following two different ways (a and b) of specifying the list property
are not equal: [Answer: __F__]
a. list-style: url(images/star.jpg) inside disc;
b. list-style-type: disc;
list-style-image: url(images/star.jpg);
list-style-position: inside;

3. Advantage of using <div> for laying out web page is that it’s supported
by all browsers. But it has the disadvantage of difficulty of maintenance.
[Answer: __F__]

II Fill in the blanks. (2 points each, total 18 points)

1. In WWW, hypertext documents are created using a special kind of

document formatting language called __Hyper-Text Markup Language____.

2. We use __<a> (or anchor)__ tag to create a link.

3. CSS uses the Box Model when calculating the box properties. In the graph
below, please indicate the properties represent the areas labeled as “a”, “b”,
and “c”.
a: _____margin______
b: _____border__________
c: _____padding_________

4. In CSS, value of “font-size” property can be assigned in terms of

____length value____ or ____percentage value____. (I’ll give you credit if you
say any two of the following: em, ex, px, in, cm, mm, pt, pc, %)

5. <div> is a generic __block-level__ tag, and <span> is a generic _inline_

tag.

III Answer Questions (2 points each, total 6 points)

1. Precisely describe the process of how you can view a web page which is
on the remote server when you enter the URI of that web page in your
browser. Use the client-server concept.
(I give you credit if you approximately have the following meaning)
Browser sends a HTTP request, which includes the URI of the web page, to
the server. Server sends a HTTP reply, which contains the HTML file
requested (including its CSS file, images etc.), to the client (or browser).
Browser parses and displays the content of the HTML on the screen (probably
with the style specified in the CSS file for the HTML).

2. What are the two ways of adding a multimedia content to your web page?

1) Linking to the multimedia file;

2) Embedding the multimedia file.
3. Assume the following is the directory structure of my web site

If I want to insert the “image2.jpg” into the web page “assign1.html”, how
should I specify the URL of the image in the html code of “assign1.html”?

../images/image2.jpg

IV Designing Web page (70 points total)

Write the XHTML and CSS script of a web page described in the following
link:

http://www.cs.pitt.edu/~mehmud/cs134/Midterm_Q4.html

Zip your .html and .css file into “[Your name].zip” and submit it to the
submission directory under “/incoming/CS134/mid-term/”, using FTP. The
ftp address of CS department is ftp.cs.pitt.edu. You don’t need enter
username and password in order to connect to the FTP server.