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.

3. write a paragraph about yourself using paragraph tag and alignment is

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