Supplementary material
TT284 Web Technologies
The Arab Open University
Tutor-marked Assignment
Contents Cut-off date: Dec 10, 2013
TMA01 TT284
This tutor-marked assignment (TMA)
comprises four questions.
IMPORTANT NOTE: In addition to a hard
copy submitted directly to your tutor, you must submit your assignment to the
e-TMAs forum. The file you submit should be in Word Doc format unless otherwise
arranged with your tutor.
Question 1: [6 Marks]
1.
What
would the following XHTML form appear like? Draw the outcome sketch:
1.
<form
action="http://norton.open.ac.uk/reflect.php"method="post"
name="form1">
2.
3.
<!–
Input text Boxes –>
4.
<p><b>First
Name: </b>
5.
<input
type="text" name="first_name" value="First Name"
size="30" maxlength="30" /></p>
6.
<p><b>Last
Name: </b>
7.
<input
type="text" name="second_name" value="Last Name"
size="30" maxlength="30" /></p>
8.
<p><b>E-mail
address: </b>
9.
<input
type="text" name="visitor_email"
value="email@yourdomain" size="30" maxlength="40"
/></p>
10.
11.
<!–
Text Area –>
12.
<p><b>Postal
Address:</b><br />
13.
<textarea
name="address" cols="35" rows="5">Type your
address here...</textarea></p>
14.
15.
<!–
Radio buttons –>
16.
<p>I
wish to receive third party offers
17.
<input
type="radio" name="offers" value="yes"
checked="checked" />Yes
18.
<input
type="radio" name="offers" value="no"
/>No</p>
19.
20.
<!–
Submit and reset buttons –>
21.
<p><input
type="submit" name="submit" value="Submit" />
22.
<input
type="reset" name="reset" value="Reset"
/></p>
23.
24.
<!–
Closing the form element –>
25.
26.
</form>
Q2) List the processes involved in the operation of web services. (3
marks)
Q3) Create a web page for your favorite football team, the page should
include (6 marks):
1. Title
2. Sub menus of at least 5 best players
3. Image (Logo of the team)
4. Short introduction about team, its achievements.
You need to submit the following:
1-
An initial stitch of the web page using
The Pencil Environment Application ( 2
marks)
2-
The required XHTML code including the
needed CSS code where it is a must to adapt Alternative web
accessibility initiative ( use ‘alt’ and ‘longdesc’ attributes) (4 Marks)
Q4)
what are the challenges of producing websites for mobile devices based
on their screen sizes? What is the difference between screen size and pixel
size? Calculate is the resolution in pixels per inch for the iPhone 5 and also
for Galaxy S4 based on the information in the below image? (5 Marks)
