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)
