Pir Meher Ali Shah

Arid Agriculture University, Rawalpindi

Office of the controller of Examinations
Mid Exam / Spring 2021 (Paper Duration 12 hours)
To be filled by Teacher

Course No.: CS-565/CS-566 Course Title: Web Technologies

Total Marks: 12 Date of Exam: May 6, 2021
th th th
Degree/Semester/Section:…BS(CS) ( 4 5 / 6 ) M
Q.No. 1 2 3 4 5 6 7 8 9 10 Marks Obtained/Total Marks
Marks /12
Obtaine
d
Total Marks in Words:
Name of the teacher: Shakeel Ahmad
Who taught the course: Signature of teacher / Examiner:

To be filled by Student

Registration No.: …18-ARID-6384………….Name…Badar Munir…………….

Instruction: Answer the following questions. Each question carries Equal marks.. Also
while attempting each Question, read the Red Color Instructions against each Question
carefully.
Replace Your Name RegNo in all the Questions while Coding with your own Name and
Reg No, if you fail to do so, You will get 0 Marks

Q #1: Marks (05)

Create a HTML file with yourNameRegNo.html (For Example Shakeel19Arid-90.html),

(Add this step screen shot too).

Next,
Write HTML Code to design the web page as shown here. HTML Code must be neat and
clean. Also define External CSS file and apply CSS to all the Text Fields, Buttons and
Lables.
Complete all ten tasks marked on the design page
Provide complete HTML Code, and Attach the screen shots of the output of above code.

Answer:
Q #2: Mareks: 04

Do as directed (Only hand written Answers will be accepted, copy-paste/Plagrism will

award you 0 Marks).

Create another HTML File with YourNameReqgNoQ2.html (Add this step screen shot too)
which contains the user informatio form for the training institute as given below:

Coded and Develped by: Your Name and Reg. Number

a) Display the content in web browser using HTML elements

b) Apply box model on body and the other elements of HTML i.e., 5px equidistance
margin and padding so that the display of HTML page is similar across browsers.
c) Write JavaScript that reads the value of each input element filled by the user and
display the same information on the same HTML page, after the form submission

Answer:
Q # 3: Mark: 03
Create another HTML File with YourNameReqgNoJavaScript.html (Add this step screen
shot too). Design the form and show the output as shown below (using table, text fields,
buttons, radio buttons and formatting tags). Also define External CSS file and apply CSS to
all the Text Fields, Buttons and Lables

Name

Email

Answer Red

Gray

Blue

Address
|(no more thane 20 word)

Enter Now

Your are required to create a validation function for the competition form in Figure.

The function should check that the user has done the following things:

❑ Entered his or her name

❑ Provided a valid e- mail address

❑ Selected one of the radio buttons as an answer to the question