ST.

XAVIER’S COLLEGE
KOLKATA
(AUTONOMOUS)

6th SEMESTER EXAMINATION

APRIL – MAY 2017
B.A./B.Sc.
Friday, April 21, 2017
CS36571P 10:00 AM to 04:00 PM
6 hours
WEB PAGE DESIGN AND
Full Marks : 80
SIMULATION LAB

READ THESE INSTRUCTIONS FIRST:

 Of the questions attempted, the answers to only the first required number of questions (as stipulated
in the question paper) will be evaluated. So please do not attempt extra questions.
 Use fountain pen or ball-point pen of blue or black ink.
 Answer in your own words as far as practicable.
 Do not write anything on the Question paper other than your Roll No.
 Answer each Group in a separate Answer script.

At the end of the examination, fasten all your work securely together.
The marks are given in brackets [ ] at the end of each question or part question.

The question paper consists of 7 pages.

21042017 1
 Of the questions attempted, the answers to only the first required number of
questions (as stipulated in the question paper) will be evaluated.
So, PLEASE DO NOT ATTEMPT EXTRA QUESTIONS.

Answer EACH GROUP in a SEPARATE ANSWER SCRIPT.

GROUP – A
Answer ANY ONE question. [35]
1. Create a website for an Online Shopping Portal containing at least 5 different web
pages and covering the following features:
(i) Text Formatting features using different Font styles, ordered lists and unordered
list and an E-mail link with a subject “Order”.
(ii) Pictures with links, as a background image and with the following attributes of
border and height =400, width= 400. Also use the ‘alt’ tag to provide a short
description for the picture.
(iii) Use an image for image-mapping with hotspots. Use atleast 2 shapes.
(iv) Forms with drop down menu (with at least 5 options), radio buttons (with a
default checked option), check boxes, text-area, submit-clear buttons.
 Respective verification and validation is maintained by implementing alert
boxes through Java Script. [e.g. If a text box is left blank then a message is
provided to the user to give a proper input.]
(v) Use Frames where the menu will be on the left hand pane and the new pages
(from links) will open on the right hand pane and on a new window.
(vi) CSS implementing External Style Sheets which should contain the following rules:
 A rule that displays H1 elements in RED, Bold and Underlined, H2/H3
elements in BROWN and Italics and other header elements in any colour.
The body background color must be sky blue with black text on it.
 Rules for implementing different mouse events like :
‘onclick’, ’onhover’, ’ondblclick’, onmouseout .
(vii) Using Java Script Event handling change the background color of the page and
throw a welcome message to the user when the mouse pointer in rolled over a
given text.

 All pages should have the option to be linked to the Home page as well as to the
different pages. [3+2+4+5+5+6+5+5]

2. Create a Website titled “JoyYatra.com” (an online website on travel and Tourism) with
at least 5 pages in it; the home page is to be designed with 3 frames as the following:

21042017 2
 (i) Insert a table in one of the pages (with a detailed schedule of different ongoing
tours’) highlighting the places to visit, with a Table Header, Rowspan, Colspan
and caption at the bottom of the table. An image is to be inserted in the table on
the upper right-hand side as a logo.
(ii) Implement hotspots (image map) in a picture of your choice and run a video file.
(iii) Implement a Gallery page with different pictures having a Slide show of
pictures using JavaScript.
(iv) Implement atleast 3 mouse events using JavaScript.
(v) Design a form for online registration of ‘One-day City Tour’ having all the
required form elements as Label, Text Box, Drop down list (with at least 4
options), Radio Buttons (with a default selected), Comment Box, Reset, Submit
Buttons and a Button (having value ‘ColourClick’) for changing the background
colour of the page from sky-blue to pink when clicked on it.
(vi) Design any one page using Embedded Style-sheet and Inline style-sheet.

 All pages should have the option to be linked to the Home page as well as to the
different pages. Use internal as well as external linking. [5+5+5+5+5+5+5]

3. Create a website about your College/Institution, with at least 5 web pages

implementing the following features:

(i) A home page with proper headings, link to all other pages, an image as a logo. The
different menus should be kept on the left Hand of the page/screen implementing a
Frame.
(ii) Use appropriate background Colour, Title and Header. Use the different Header tags.
Use the <p> paragraph tag, <br/>, <hr/> tags as required. Different Font properties
(face, colour, size), bold, italics, underlined, super/sub script texts.
(iii) A marquee text (“click here for results”) which will be linked to the page containing
the results of the students. Use different Marquee options such as: behavior =
“alternate”, direction = “left”, “right”, “up” and “down” , loop, scrolldelay for different
pages.
(iv) A page containing a table with caption ‘TOP RANKERS’ with Headers, caption,
rowspan and colspan attributes. Insert at least the names of 5 students as in the
following format:
RANK HOLDERS

SECTION
STUDENT YEAR OF MARKS
RESULTS OF (Science/Arts/ AVERAGE
NAME PASSING OBRAINED
TOP 5 Commerce)
STUDENTS

(v) Pictures with links, border =2 and height =200, width= 20. A page with an image as
a background, ordered lists (type i,ii,iii.., a,b,c… and I,II,III..) and unordered lists
(type circle, disc, square).
(vi) Implement a slide show of atleast 5 images in the Gallery page using JavaScript.
(vii) A page should have a Form for Registration of alumni students, using all the form
elements.
 All pages should have the option to be linked to the Home page as well as to the
different pages. [5+4+4+5+3+4+5+5]

21042017 3
4. (a) Implement the following mark sheet using JavaScript and XHTML form:

The Form should be implemented inside a HTML table.

(b) Implement the following Calculator using JavaScript and XHTML within a Table:

[15+15+5]
5. Create a News Website (liveupdate.com), containing atleast 5 WebPages. The
Homepage will have the following design:

Implement the following features in different pages:

(i) Text Formatting features with ordered lists (of type a,b,c….) and an E-mail link
with a subject “Queries”.
(ii) Forms (for registering as a Freelance Reporter) with drop down menu (with at least
5 options), radio buttons (with a default checked option),text-area, check boxes,
dob, submit-clear buttons.
(iii) Respective verification and validation is maintained by implementing alert boxes
through Java Script. [e.g. if a text box is expecting an input of a number type check
whether a proper number is given.]
(iv) Implement a table with rowspan and colspan attributes.

21042017 4
 (v) CSS implementing External Style Sheets which should contain the following rules:
A rule that displays H1 elements in BLACK, Bold and Underlined, H2/H3 elements
in BLUE and Italics and other header elements in any colour. The H1 and H2 header
must have a grey background.
(vi) Using JavaScript implement a slide show of images, with news headlines, the
hyperlinked page with detailed news will open on a new window.

 All pages should have the option to be linked to the Home page as well as to the
different pages. [5+3+5+4+4+4+5+5]

VIVA-VOCE: [5]
GROUP – B
Answer ANY ONE question from GROUP-B1 and ANY ONE question from GROUP-B2.
[You have to write Matlab Program Listing with data.]
GROUP – B1
Answer ANY ONE question. [15]
6. (i) Write a program to input a set of numbers in -dim array a( ) and also index of
each number in another array say id( ). Sort the numbers in ascending order using
any sorting method such as Bubble sort method or Insertion sort method. Input a
number to be searched in the list. Apply Binary search method to search a number
within the list. If the number is found then print where the number is found and if
the number is not found then print number is not found.
(ii) Solve the following linear simultaneous equations using Gauss elimination method.
5x1  x2  x3  18
x1  5x2  x3  14
x1  x2  5x3 = 10 [7.5+7.5]

7. (i) Input any positive integer (1-3000). Print the number in Roman numerals.
(ii) Solve the following differential equation using 4-th order Runge Kutta Method:
dy / dx  x  y 2 , . Calculate at to at in step of .01.
Plot versus . [7.5+7.5]

8. (i) Input any sentence/text. Calculate and print the following : (1) number of vowels,
(2) number of consonants, (3)number of words, (4) number of special characters in
that sentence.
(ii) Write a program to remove all comment lines from any Matlab source program. In
Matlab source file comment line starts with % sign. However, if a % sign comes
within single quote (‘) that should not be removed. Display how many comment
lines are removed from source code. [7.5+7.5]

9. (i) Write a program to extract all words from any given text file. Store those words in
some array. Sort the words in alphabetical order. Display all sorted words and also
how many words are extracted.

21042017 5
 (ii) Write a program to input any file name. Convert each character of the file into bits.
Store those bits in some array. Perform bit-wise complement operation in prime
position of the bits. Reverse all bits and then again perform bit-wise complement
operation in prime positions. Perform bit-wise XOR operation between 1st bit and
2nd bit and substitute the result in 2nd bit position. Perform same operation between
3rd and 4-th bit and repeat upto ( )-th bit and n-th bit. Convert each 8 bit to
characters. Write those characters in some output file. [7.5+7.5]

10. (i) Input any file name. Input also pattern/string to be searched and new pattern/string
to be replaced. Search the entire file for old pattern and replace it by new pattern.
Copy modified data to some output file. Display how many times the pattern found
and replaced by new pattern.
(ii) Write a program to input any post-fix expression and convert it into its value.
[Example: Suppose Post expression ->35+, Value =3+5=8] [7.5+7.5]

11. Solve Eigen value equation given in the form of a matrix and calculate eigen values and
eigen vectors using Jacobi method. Given [15]

A=

GROUP – B2
Answer ANY ONE question. [15]
12. (i) Input an image. Divide the image into 2 equal images along y-axis. Change the color
of RHS image to B/W. Add left image (color image) and right image (B/W) to obtain
one image. Give a black border on the entire image. Display and save the modified
image.
(ii) Input any image file name and also how many times say ‘ ’ the image to be copied
along axis and how many times say ‘ ’ to be copied along axis. . Copy the
image -times along axis and m-times along along y-axis. Display and save
modified image. [7.5+7.5]

13. (i) Input any image file. Divide the image into two(2) along axis wise and two(2)
along axis wise. Change the color of 4 split images as follows: (1) 1st image to
Gray scale, (2) 2nd image to reddish, (3) 3rd image to greenish and (4) 4-th image to
bluish. Combine all 4 split image files to one single modified image file. Display and
save the modified image file.
(ii) Input any image file and split the image along two diagonals and save all split image
files. [7.5+7.5]

14. (i) Input any image file. Split the image into 3 segments along -axis. Change 2nd
segment to gray scale and the 3rd segment to inverse of B/W image. Club the 3
segments output image file. Display and save the modified image.

21042017 6
 (ii) Write your Roll number, Name, e-mail address in 3 different lines using paint
software. Save the file as myname1.jpg in MATLAB folder. Take one image file say
image1.jpg and embed Roll number, name and e-mail in image1.jpg. Save modified
image and also display on screen. [7.5+7.5]

15. (i) Take an image. Insert a text message into it. The text message contains some search
message. Convert secret message to bits.
(ii) Take a gray scale image and detect the edge. Assume appropriate user input. [8+7]

16. (i) Input two audio files (.wav file), where the first audio file is pure human voice and
the 2nd file is some instrumental music. Adjust the size, speed and amplitude of both
the audio files and club them so that voice will be foreground audio and
instrumental music will be background music. Play modified audio file and also save
in some output file.
(ii) Input an audio file. Increase the audio intensity by 1.5 times. Reverse the entire
audio data. Play the reverse audio file and also save in some output file. [7.5+7.5]

17. (i) Input any color image file (RGB). Convert the color of the image to gray scale. Copy
the gray scale image 2 times along -axis wise and 2-times along -axis wise. Change
each pixel value by 1.5 times than original value. Display modified image and also
save in some output file.
(ii) Input any image file. Increase the size by 50% along -axis and decrease the size by
50% along -axis. Display and save the modified image. [7.5+7.5]

VIVA-VOCE: [10]

************************

21042017 7