Web Design Lab Manual
Day: 1-2 HTML Basic Tags
1. Set the background color as BLACK.
2. Write atleast 5 sentence of your favourate picnic place.
A. use heading tag.
B. use alignment attribute.
C. use font color attribute.
D. use to draw line.
3. write a paragraph about yourself using paragraph tag and alignment is
CENTER.
4. display the exact format that are given below:
#include ”stdio.h”
void main( )
{
printf("Hello HTML");
}
5. write a paragraph about what you like and you dont like using break line and
without break line tag.
1
Web Design Lab Manual
6. Show exactly following paragraph on webpage.
2
Web Design Lab Manual
Day: 4-5 Table
7. Show following using table elements.
8. Show following using table elements.
3
Web Design Lab Manual
9. Show following using table elements.
4
Web Design Lab Manual
10. Show following using table elements.
5
Web Design Lab Manual
Day: 6 Imagemap
11. Show following Solar System using image map and it’s elements.
When I click on Jupiter then open another page regarding topic like following.
6
Web Design Lab Manual
7
Web Design Lab Manual
Day: 7 Frame
12. Show following using frame elements.
8
Web Design Lab Manual
13. Show following using frame and it’s elements.
9
Web Design Lab Manual
Day: 9 Form
14. Show following using frame elements.
10
Web Design Lab Manual
Day: 10 Marquee
15. Show following using marquee tag and its attributes.
11
Web Design Lab Manual
12
Web Design Lab Manual
Day: 12 Css Type
16. Show use of inline and internal CSS.
17. Show use of External CSS.
13
Web Design Lab Manual
Day: 13 Background Properties
18. Create following web page using background properties.
14
Web Design Lab Manual
Day: 14 Font & Text Properties
19. Create following web page using text & font properties.
15
Web Design Lab Manual
Day: 15 Images
20. Create following web page using Image properties.
16
Web Design Lab Manual
Day: 16 Margin & Padding
21. Create following web page using margin & padding properties.
22. Create My Gallery using margin, padding & background properties.
17
Web Design Lab Manual
Day: 17 Layer
23. Create following web page using z-index.
18
Web Design Lab Manual
Day: 18 Filter
24. Create following web page using Special topic.
25. Create web page to show of All filter Properties.
19
Web Design Lab Manual
Day: 20 JavaScript Introduction
26. Write a Javascript to implement inline & internal javascript and show current
time.
20
Web Design Lab Manual
Day: 21 External Javascript
27. Write a Javascript to implement External javascript to show message.
28. Write a Javascript to print message and use html tag & css properties.
21
Web Design Lab Manual
Day: 22-23 Variable & Operator
29. Write a Javascript to use of all operators.
30. Write a Javascript to perform following operation.
22
Web Design Lab Manual
23
Web Design Lab Manual
24
Web Design Lab Manual
Day: 24 - 25 If else & switch
31. Write a Javascript to input number from use and check given number is
zero,+ve or -ve.
32. Write a Javascript to input two number from user and find maximum number
from user.
33. Write a Javascript to check given number is odd or even.
34. Write a Javascript to input three number from user and find maximum number
from user.
35. Write a Javascript to input character from user and print regrading city name
with colorful text.
36. Write a Javascript to input choice and number from user and perform
operation according choice(using switch case - calculator).
37. Write a Javascript to show use of alert box,confirm box and prompt box.
25
Web Design Lab Manual
Day: 26-27 All Loops
38. Write a Javascript to print 1 to 10 using while loop, do while loop and for loop
with background color.
39. Write a Javascript to print odd number between 1 to 12 in reverse order.
40. Write a Javascript to print even number between 21 to 40 in reverse order.
41. Write a Javascript to print sum of even number between 51 to 100.
42. Write a Javascript to print sum of even number and sum of odd number
between 1 to 20 using for loop.
43. Write a Javascript to print 1 to 100 that is not divisible by 5.
44. Write a Javascript to show use of break keyword.
26
Web Design Lab Manual
Day: 28 Function
45. Write a Javascript to create function and print sum of two number.
27
Web Design Lab Manual
Day: 29 Math Functions
46. Write a Javascript to show use of all inbuilt math function.
28
Web Design Lab Manual
Day: 30 Date Function
47. Write a Javascript to show use of all date function.
48. Write a Javascript to give proper message as particular time. For example
(Good Morning, Good Afternoon).
29
Web Design Lab Manual
Day: 31 String Function
49. Write a Javascript to show use of all string function.
50. Write a Javascript to find substring in given string.
30
Web Design Lab Manual
Day: 32 Array
51. Write a Javascript to input 3 name from user and print with css properties
(background-color,color).
52. Write a Javascript to input add and remove value from array using push & pop
function.
31
Web Design Lab Manual
Day: 33 Events
53. Write a JavaScript to define dropdown and select color whatever select color
change background-color accordingly.
54. Write a Javascript to perform all JS event.
32
Web Design Lab Manual
Day: 35 Structure
55. Create a webpage for following structure(last).
33
Web Design Lab Manual
Be Creative
34
