Dr. D. Y.

Patil Pratishthan’s
D. Y. Patil Institute of Master of Computer Applications and Management
Sector No.29, Behind Akurdi Railway Station, Pradhikaran, Nigdi, Pune – 411044
Tel No: 020-27640998, 202737393, Fax no: 27653054,Website: www.dypimca.ac.in, Email: [email protected]
(Approved by AICTE, Recognized by DTE, Mah.; Affiliated to SPPU )

Part A :Preliminary Practical Test

MCA – I (Sem – II) Academic Year 2023-2024 (Term: Jan Jun 2024)
Lab : Advanced Internet Technologies
Q1. Design MCA Timetable Using HTML5 and CSS3
Time /Day 09:45-10:45 10:45-11:45 11:45- 12:00-01:00 01:00-02:00 02:00- 02:45-03:45 03:45-04:45 04:45-05:15
12:00 02:45
SPM ADBMS Guide Interaction
Monday OC4 Python Prog AIT Lab
S (Mini Project)
AIT SPM L Guide Interaction
Python Prog OT H Python Lab
Tuesday O
O (Mini Project)
N
R OT Guide Interaction
Wednesday Language Lab/SS-II OC3 G Mini Project-II
T (Mini Project)
SPM Tutorial/Theor Guide Interaction
R
Thursday AIT Python Prog R y Practical AIT Lab (Mini Project)
E
E /HR/IS
C
C OT ADBMS Guide Interaction
Friday ADBMS AIT E Python Lab
E (Mini Project)
S
AIT Lab Python Lab S Mini Project-II Academic Activity/ Guide Interaction
S
Saturday S Tutorial/Theory Practical (Mini Project)
/HR/IS
Q.2 Design the following web page by using HTML5 and CSS3.Using Client side image mapping
display following Output. After image click show the health benefits of fruits page respectively.
a.Change the background color, font and font size and color of text. And display at center in
header b. Change color of footer and write given text

Organization Name (add animation) Organization Logo

Menu

Advertisement
Add footer
Q3. Programs using Canvas and SVG.
Show the following output using Canvas and SVG example
Website Name (add animation)

Add Video

Display using Canvas/SVG

Add footer

Q4. Programs using Canvas and SVG.

Show the following output using Canvas and SVG example
Website Name

Add Video

Display using Canvas/SVG

Add footer
Q5.. Program to design form using HTML5 elements, attributes and Semantics for your web page.

Online Shopping Website Image

Menu
Advertisement
Scrolling/Slide show
Product order form Product’s

Add footer

Q6. Programs using Canvas and SVG.

Show the following output using Canvas and SVG example
Olympics 2024

Display using Canvas/SVG Olympics video

Add footer

Q7. Programs using Canvas and SVG.

Show the following output using Canvas and SVG example
Olympics Winner Details 2023

Display using Canvas/SVG Winner video

Add footer
Q8. Programs using Canvas and SVG.
Show the following output using Canvas and SVG example
Emoji Website

Display using Canvas/SVG with Animation Add Audio

Add footer
Q9. Write a Program to design web page using HTML5 elements, attributes and Semantics
Show the following output
Gift and Greeting House

Create your own Greeting using Css properties

like background text etc Advertisement
Scrolling/Slide show Gifts
Add footer

Q10. Write CSS code for creating following External Style Sheet and link to HTML
page.
a) Apply for heading <h1> background color red
b) Change text color to white for <h1>.
c) Text having 18px font-size, italic and underline
d) Apply border for division tag (left side: dotted, right side: dashed top: double
bottom: Single)
e) Hyper link without underline
f) In paragraph each word first letter must be in capital letters rest all in small case.
g) Display Text with following effect 25% off Now 60%
h) Background colour with div as blue & heading as aqua.
 i) Specify the space between two sentences
j) Add margin 2inch and Padding for your webpage
k) Rotate image by 15deg.

Q11.Design Webpage using HTML5 and CSS3

Home About Us Sign Up/Sign In Photo Gallery Donation

Add Audio and Video

(Scrolling)
1. "Together we can change their story"

2. "Help make their dreams come true"

3. "Be the hope in their lives"

4. "Every child deserves a family"

5. "Orphans are our responsibility"

6. "Lend a helping hand to the helpless"

7. "Be the difference in their lives"

8. "No child should be alone"

9. "Change a life, adopt an orphan"

10. "One act of kindness can change everything"

11. "Give them a chance to be happy"

12. "Helping orphans is a noble cause"

13. "Every orphan needs a hero"

Q12.Design Webpage using HTML5 and CSS3

Orphanage Registration Form

Q 13. Design the web page using HTML5 and CSS3 semantic elements
Q14 Write a Program to design web page using HTML5 elements, attributes and Semantics
Show the following output

Web Site Name ( Add animation to text)

Create your own Greeting using Css properties
like background text properties etc Advertisement

Scrolling/Slide show

Add footer

Q15 Programs to demonstrate external and internal styles in the web page using font,
text, background, borders, opacity and other CSS 3 properties.
Web Site Name ( Add animation to text)

Introduction To Html
S c a l a b l e V e c t o r G r a p h I c s (S V G) are an XML-
based markup language for
describing two-dimensional based vector graphics . As
such, it's a text-based, open

Web standard for describing images that can be rendered cleanly

at any size and are designed specifically to work well
with other web standards including CSS, DOM,
JavaScript, and SMIL. SVG is used to define vector-based
graphics for the WebSVG is, essentially, to graphics what
HTML is to text.
sVG gRAPHICS dO nOT lOSE aNY qUALITY iF tHEY
are zoomed or resized
html html5
Advertisement
Scrolling/Slide show

Add footer