FYBCA 2023 SEM-II Web Development Lab Book Solutions

    

 

Web Technology Exercise 1: Basic HTML Tags 

1. Create an html page which will display names of your family members on separate lines in different sizes. State size of each line in its text.

2. Create an html page which will display names of players of Indian cricket team with all the different text styles (bold, italic and underlined) and its combinations on separate lines. State style of each line in its text.

3. Create an html page containing the polynomial expression as follows

         ao + a1x+ a2x2 + a3 x3 

4. Create an html page with following specifications

  a. Title should be about MYCOLLEGE 

  b. Put the windows Logo image in the background 

  c. Place your College name at the top of the page in large text followed by address in smaller size 

  d. Add names of courses offered each in a different color, style and typeface. 

  e. Add scrolling text with a message of your choice 

  f. Add college image at the bottom 

5. Create an html5 page with following specifications

  a. Title should be about MYCITY 

  b. Place your City name at the top of the page in large text and in blue color 

  c. Add names of landmarks in your city each in a different color, style and typeface 

  d. One of the landmark, your college name should be scrolling 

  e. Add scrolling text with a message of your choice 

  f. Add some image at the bottom 

Web Technology Exercise 2: Creating List through HTML

1.     Write a HTML code to generate the following output

                      1. Undergraduate Courses

i.                  BBA(CA)

ii.               BCA(Science)

iii.             B.Sc.(Computer Science)

                 2. Post Graduate Courses

i.          M.Sc.(Comp.Sci.)

ii.        M.Sc.(CA)

iii.  MCA 

2. Write a HTML code to generate the following output

    a. Flowering Plant

• Rose
• Lily
• Jasmin

    b. Non Flowering Plant 

• Fern 
• Spore

3.Write HTML code which generates the following output And Display each element of list in different size, color & font

1. DYP

• Courses  
•  BCS 
• BCA 

2.Indira 

• Courses
• BCA
• MCs  

3.ATSS 

• Courses
• BBA
• BCS

4.Write HTML code which generates the following output and display each element of list in different size, color & font

• Honda
• Petrol

1. Honda City
2. Brio

• Diesel 

1. Amaze
2. Brio  

• Maruti-Suzuki
• Petrol

1. Swift 
2. Ritz

• Diesel 

1. Swift-Desire 

Web Technology Exercise 3 : Creating Tables trough HTML 

1. Write html code to create following table

RollNo	Name	Marks
101	Nilesh Patil	80.56%
102	Pranav Kadam	90.45%
103	Suhas Choudhari	67.89%

2. Write a HTML code to display Theory Time table of FYBBA(CA)

3. Write a HTML code to display calendar of current month in tabular format. Use proper color for week days and holidays. Display month name, year and images as advertisement at the beginning of the calendar.

4.Write the HTML code to create the following table

Book_No	Book_Name	Price
			RS	Paise
101	DBMS	200		50
102	C-Prog	150		75
103	JAVA	300		00
104	PHP	250		50
105	ASP	100		00

5. Write the HTML code which generates the following output.

Country	Population (in Crores)
INDIA	1998	85
	1999	90
	2000	100
USA	1998	30
	1999	35
	2000	40
UK	1998	25
	1999	30
	2000	35

6.Write HTML code to create following table.

Course	Fee Structure			Year
	FY	SY	TY
B.Sc.(CS)	20000	25000	30000	2017
BCA(Sci)	15000	20000	25000	2018
BBA(CA)	25000	30000	35000	2019

                

Web Technology Exercise 4 : Creating Frames through HTML 

1.Write a HTML code to divide the web page into 4 section using frame as follows

2.Write a HTML code to divide the web browser in to 4 section using frame as follows

3.Create HTML page to Divide the frames in to different sections as shown below and add appropriate HTML files to each frame.

First Frame : Your Name and address
Second Frame : Bulleted list of favourite colours		Thi	rd Frame : Numbered List of Cities
Fourth Frame: Scrolling Message	Fifth Frame: Blinking Reminders		Sixth Frame: Name of Countries

4.Write HTML code to design a web as per given specification. Divide the browser screen into two frames. The first frame will display the heading. Divide the second frame into two columns. The frame on the left should be name of cities consisting of hyperlinks. Clicking on any one of these hyperlinks will display related information in right hand side frame as shown below.

IT Industries in INDIA
City 1.     Pune 2.     Mumbai	Pune •      Infosys •      Persistent

5. Write a HTML code which will divide web page in three frames. First frame should consists of name of college as heading. Second frame should consists of name of courses with hyperlink. Once click on any course it should display subject of that course in third frame.

    

Web Technology Exercise 5 : Creating Forms through HTML 

1.Create below give using HTML.

2.Design an HTML form for customer registration visiting a departmental store. Form should consists of fields such as name, contact no,gender, preferred days of purchasing, favorite item(to be selected from a list of items),suggestions etc.. You should provide button to submit as well as reset the form contents.

3.Design an HTML form to take the information of a customer for booking a travel plan consisting of fields such as name, address, contact no., gender, preferred season(Checkboxes), location type(to be selected from a list) etc. You should provide button to submit as well as reset the form contents. (All the fields should be properly aligned)

4.Design a HTML form for Bus Ticket Reservation consisting of fields for Name, Address, contact no, source station(Dropdown list), Destination station, Date of booking, date of journey, no of passenger, name of passenger, gender of passenger etc. (Use proper alignment)