Department Of Computer Science

E-Commerce Lab Manual

 DEPARTMENT OF COMPUTER SCIENCE

Lab Manual for the Semester IV, Academic Year 2019-2020

(In accordance with OU syllabus)

SUBJECT : E-COMMERCE

SUBJECT CODE : DSE503

YEAR/SEMESTER : III Year / V Semester

CLASS : B.Com (Computer Applications)

INSTRUCTIONS TO THE STUDENTS:

Preparation before each lab session is extremely important. At minimum your preparation should
include reading the entire session and its associated programs. Your goal should be to identify the
purpose of each program within the lab session before the actual session begins. A good approach
is to read each program and then ask you why that particular program is included at that specific
point in the lab session. You should approach each session in a spirit of experimentation. The lab
activities are not designed to tell you every detail about the topics covered. Instead, are designed
to encourage you to experiment and discover. In most cases the lab activities involve
experimenting with short programs.

a. Rules and guidelines

1) Students should keep their bags, footwear properly in the place provided.
2) Students should carry their id-card while entering into the computer lab.
3) Students should come in lab before 5 minutes of their scheduled lab session. Late
comers will not be allowed for that lab session.
4) Students should use only the allotted computer system.
5) Students should bring their observation book to the computer lab for each session.
6) Students should include proper comments in their program, which will enable to
understand the program written by them.
7) Before leaving lab, students should switch off their computer system and place chairs
properly, also should take signature in their observation book from faculty/lab faculty
members without fail.
8) Breakage amount will be collected from the students for any damage done to the
computer system.
9) It is the responsibility of each student to complete the previous session’s program
before starting new session.
10) 75% lab attendance is compulsory.

b. Do’s and Don’ts

Do’s:
1) Students should always sit in their respective system only.
2) Student should maintain silence in the computer lab.
3) Students should handle and use the computer and peripherals carefully.
Don’ts:
1) Students are not allowed to open or access other documents/files which are not
related to them or to current session.
2) Accessing the system file or settings is strictly not allowed.
3) Students should not change computer peripherals/accessories.
4) Usage of floppy diskette is not allowed.
5) Students should not browse internet during their regular lab sessions.
LAB INSTRUCTIONS:

1. Equipment in the lab for the use of student community. Students need to maintain a proper
decorum in the computer lab. Students must use the equipment with care. Any damage is caused
is punishable.

2. Students are instructed to come to lab in formal dresses only.

3. Students are supposed to occupy the systems allotted to them and are not supposed to talk or
make noise in the lab.

4. Students are required to carry their observation book and lab records with completed exercises
while entering the lab.

5. Lab records need to be submitted every week.

6. Students are not supposed to use pen drives in the lab.

LAB OBJECTIVES:

⮚ The Objective of this course is to familiarize management students with the basics of Web
programing with the help of MS Front Page.

⮚ The focus of the subject is on introducing Web Programming skills relating to HTML
with the aim to give computer application students practical experience on working in
typical office software like - Microsoft FrontPage 2003

⮚ To make the students to work with the Microsoft FrontPage 2003

LAB OUTCOME:

⮚ Able to use Microsoft FrontPage 2003 to make webpages

DETAILS ABOUT LAB

Installed systems configurations are as follows:

⮚ Processor : Pentium(R) Dual-Core CPU E5700 @ 3.00GHz

⮚ RAM : 4 GB

⮚ Hard Disk : 500 GB

⮚ Mouse : Optical Mouse

 INDEX
S No Name of the Program
1. Session 1:
1. Create a web page to display the following output: (use textboxes, submit button)
2. Create a web page to display the time table of your class using tables.
3. Create a web page which accepts user input as shown below. (use textboxes, place
your order button)
4. Create a web page to modify the default properties of h1 tag using internal style
sheet.
5. Create a web page to display an ordered list of courses offered in your college.

2. Session 2:
6. Create a web page to display a table with 2 rows and 2 columns. Also insert images
in the cells of the table.
7. Create a web page to display a hyperlink which when clicked directs you to
Amazon website.
8. Create a web page to demonstrate various marquee effects over a given text
9. Create a web page to display the following output: (take your own data into
consideration)
10. Create a web page to display the following output: (a+b)2=a2+2ab+b2

H2SO4

3. Session 3:
11. Create a web page to demonstrate the usage of nested tables as shown in the
diagram below:
12. Create a web page which acts as a home page where your college name is
properly aligned with the logo of your college followed by address and contact
details at the center of the page.
13. Create a web page to demonstrate definition lists by taking various applications
of ecommerce as an example.
14. Create a web page to display a bulleted list of subjects available in the current
semester.
15. Create a web page to give scrolling effect of an image (preferably your college
logo).
4. Session 4:
16 Create a web page to display a button which when clicked directs you to your
college website.
17. Create a web page to display various courses in your college. The courses should
be separated by a horizontal ruler of varying sizes and colors.
18 Create a web page to display four horizontal frames each frame containing a
 different color.
19. Create a web page to display four vertical frames each frame containing a different
color.
20. Create a web page to display a button with label “search” adjacent to a text box.
Also change the color of text box and background of the web page.

5. Session 5:
21. Create a web page to display a table containing 2 rows and 2 columns which contains the
names of your friends and each cell filled with different background colors.
22.Create a web page to demonstrate the usage of row span and colspan for the figure
below:

23.Create a web page which asks for mode of payment which includes the
options: Credit card/Debit card/Online transfer (use radio buttons)
24. Create a web page which asks the user to enter his credit card details. Use
textboxes, drop down buttons.
25.Create a web page to generate a purchase order as shown below: (use textboxes,
drop down box, options buttons and Place your order)

6 Session 6:
26. Create a web page to display a hyperlink which when clicked displays excel
sheet containing student details.

27. Create a web page to display definition list which defines the terms: B2B,
B2C, C2B, C2C

28. Create a web page with paragraphs left, right and center aligned to explain about various
social networking sites. The paragraphs should be on different colors and separated by
horizontal lines of varying sizes.
29. Create a web page which displays four buttons containing text B2B, B2C, C2B,
C2C. Also when a button is clicked details about the clicked subject should appear
on a separate page.

30. Create a web page to modify the default properties of h1 tag using external
style sheet
8. Session 8:
31. Create a web page to scroll the text “E-Commerce” for exactly 5 times
from left to right of the screen.
32. Create a web page to insert an image which when clicked redirects you to your
college website.
33. Create a web page to display the name of your college in h6 size with blue
as font color and background color yellow separated by a thick line and
below which a paragraph about the facilities offered by your college is
described.
34. Create a web page with OSMANIA UNIVERSITY as the title and five
buttons labelled Home, About Us, Courses, ,feedback, Contact us as
shown in the diagram which when clicked displays the details on a
 separate pages
35. Create a web page to demonstrate a pull-down menu. The menu should
contain the list of your favourite south Indian dishes.

9. Session 9:
36. Create a web page with name of your college as text. The text should scroll,
alternate and slide.
37. Create a web page to display an image surrounded by text on all the four sides
38. Create a web page with 4 paragraphs of about 5 lines each describing
about E-Marketing, E- Shopping, E-banking and E-Learning. The
paragraphs should be aligned left, right, center and justified respectively.
39. Create a web page with name of your college as Text in h6 size, font as
verdana, blue as font color followed by a copyright symbol and
trademark symbol.
40. Create a login page asking the user to enter his username and password
followed by a submit button.

10. Session 10:

41 Create a web page to create links to the sections on the same page.
42. Create a web page using a form which collects data about students rollno,
name and marks in various subjects followed by submit and reset buttons.
43. Create a web page using a form titled as Feedback form which takes the
feedback of the various facilities offered in your college. The form should
have fields student name, rollno followed by 5 check boxes labelled
Excellent, Very Good, Good, Average, Bad respectively.

21. Session 11:

44. Create a web page to display the list of universities available in Telangana
state using a pull- down menu.
45. Create a web page to display an image surrounded by text on left and right sides
46. Create a web page using a default theme in front page to describe about
OSMANIA UNIVERSITY.
47. Create a user registration form for an upcoming examination.(use textboxes,
pulldown menus, option boxes, submit button)

12. Session 12:

48. Create a web page to display an image surrounded by text on left and right sides.
49. Create a table to demonstrate colspan, rowspan, cellspacing and cell
padding attributes of a table.
50. Create a webpage to insert an image using all the image attributes.
 Computer Lab – Practical Question Bank
FACULTY OF COMMERCE, OSMANIA
UNIVERSITY

B.Com Computers/Computer Applications (CBCS)-VI

Semester
E-COMMERCE
Time: 60 Minutes Record: 10
Skill Test: 15
Viva-voce: 10

Total Marks: 35

Note: All the questions should be practiced using Microsoft Front page/any related tools.
In the practical examination the students have to write the procedure for performing the
given task in front page followed by the html tags used to perform the task.

1. Create a web page to display the following output: (use textboxes, submit button)

2. Create a web page to display the time table of your class using tables.

3. Create a web page which accepts user input as shown below.

 4. Create a web page to modify the default properties of h1 tag using internal style sheet.
5. Create a web page to display an ordered list of courses offered in your college.
6. Create a web page to display a table with 2 rows and 2 columns. Also insert images in
the cells of the table.
7. Create a web page to display a hyperlink which when clicked directs you to Amazon
website.
8. Create a web page to demonstrate various marquee effects over a given text.
9. Create a web page to display the following output: (take your own data into consideration)

10. Create a web page to display the following output: (a+b)2=a2+2ab+b2

H2SO4

11. Create a web page to demonstrate the usage of nested tables as shown in the diagram below:

12. Create a web page which acts as a home page where your college name is properly
aligned with the logo of your college followed by address and contact details at the center of
the page.
13. Create a web page to demonstrate definition lists by taking various applications of
ecommerce as an example.
14. Create a web page to display a bulleted list of subjects available in the current semester.
15. Create a web page to give scrolling effect of an image (preferably your college logo).
16. Create a web page to display a button which when clicked directs you to your college
website.
17. Create a web page to display various courses in your college. The courses should be
separated by a horizontal ruler of varying sizes and colors.
18. Create a web page to display four horizontal frames each frame containing a different color.
19. Create a web page to display four vertical frames each frame containing a different color.
20. Create a web page to display a button with label “search” adjacent to a text box. Also
change the color of text box and background of the web page.

21. Create a web page to display a table containing 2 rows and 2 columns which contains the
names of your friends and each cell filled with different background colors.

22. Create a web page to demonstrate the usage of row span and colspan for the figure
below:

23. Create a web page which asks for mode of payment which includes the options:
Credit card/Debit card/Online transfer (use radio buttons)
24. Create a web page which asks the user to enter his credit card details. Use textboxes, drop
down buttons.
25. Create a web page to generate a purchase order as shown below:

26. Create a web page to display a hyperlink which when clicked displays excel sheet
containing student details.
27. Create a web page to display definition list which defines the terms: B2B, B2C, C2B, C2C.
28. Create a web page with paragraphs left, right and center aligned to explain about various
social networking sites. The paragraphs should be on different colors and separated by
horizontal lines of varying sizes.
29. Create a web page which displays four buttons containing text B2B, B2C, C2B, C2C.
Also when a button is clicked details about the clicked subject should appear on a separate
page.
30. Create a web page to modify the default properties of h1 tag using external style sheet.

31. Create a web page to scroll the text “E-Commerce” for exactly 5 times from left to
right of the screen.
32. Create a web page to insert an image which when clicked redirects you to your college
website.
33. Create a web page to display the name of your college in h6 size with blue as font color
and background color yellow separated by a thick line and below which a paragraph about
the facilities offered by your college is described.
34. Create a web page with OSMANIA UNIVERSITY as the title and five buttons labelled
Home, About Us, Courses, ,feedback, Contact us as shown in the diagram which when
clicked displays the details on a separate pages.
35. Create a web page to demonstrate a pull-down menu. The menu should contain the list
of your favourite south Indian dishes.
36. Create a web page with name of your college as text. The text should scroll, alternate and
slide.
37. Create a web page to display an image surrounded by text on all the four sides.
38. Create a web page with 4 paragraphs of about 5 lines each describing about E-
Marketing, E- Shopping, E-banking and E-Learning. The paragraphs should be aligned
left, right, center and justified respectively.
39. Create a web page with name of your college as Text in h6 size, font as verdana, blue
as font color followed by a copyright symbol and trademark symbol.
40. Create a login page asking the user to enter his username and password followed by a
submit button.
41. Create a web page to create links to the sections on the same page.
42. Create a web page using a form which collects data about students rollno, name and
marks in various subjects followed by submit and reset buttons.
43. Create a web page using a form titled as Feedback form which takes the feedback of the
various facilities offered in your college. The form should have fields student name, rollno
followed by 5 check boxes labelled Excellent, Very Good, Good, Average, Bad
respectively.
44. Create a web page to display the list of universities available in Telangana state
using a pull- down menu.
45. Create a web page to display an image surrounded by text on left and right sides.
46. Create a web page using a default theme in front page to describe about OSMANIA
UNIVERSITY.
47. Create a user registration form for an upcoming examination.(use textboxes, pulldown
menus, option boxes, submit button)
48. Create an web page to display a multilevel list taking your own example.
49. Create a table to demonstrate colspan, rowspan, cellspacing and cell padding
attributes of a table.
50. Create a webpage to insert an image using all the image attributes.
 ECOMMERCE LAB MANUAL

1. Create a web page to display the following output: (use textboxes, submit button)

Name

Address

S
SUBMIT

I. Objective: To create a webpage using form having text boxes and submit button.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Click on Microsoft front page the web page below opens
Step2: Click on the Insert menu -> select the form tab in the sub options
Step3: The form window will be opened on the page
Step 4: Type the content
Step 5: Click on the insert menu click on form and select text box in the front of the first label
Step 6: Click the mouse beside the submit and press backspace to move the “Submit button” in
the middle
Step 7: Go to preview and enter the details in the name and address text boxes

Output:
2. Create a web page to display the time table of your class using tables.

I. Objective: To Create Class Time table using Tables menu by inserting the rows and columns

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Click on Microsoft front page the web page below opens
Step2: Click on the Table menu -> Select insert tab and click on the table sub tab
Step3: Insert table dialog box will appear and give appropriate values in the dialog box
Step4: The table will be displayed on the web page with the required

Output:

3. Create a web page which accepts user input as shown below.

Name

Address

State

City

Pin code

Place your order

I. Objective: To create a webpage using form having text boxes and Place your order button.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Click on Microsoft front page the web page below opens
Step2: Click on the Insert menu -> select the form tab in the sub options
Step3: The form window will be opened on the page
Step 4: Type the content
Step 5: Click on the insert menu click on form and select text box in the front of the first label
Step 6: Click the mouse beside the submit and press backspace to move the “Place your order”
in the middle
Step 7: Go to preview and enter the details in the name and address text boxes

Output:

4. Create a web page to modify the default properties of h1 tag using internal style sheet.

I. Objective: To create to modify the default properties of h1 tag using internal style sheet.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Click on Microsoft front page the web page below opens. The front page window will be
displayed. And new blank page
Step2: Go the format tab >Select style option dialog box appears.
Step3: At the left side pane, Select h1 tag & click on modify another
Step4: Click on format option, different options will be available select the required option
Step 5: Go to preview below the screen .Click on that and see output.

Output:
 Aurora Degree

5. Create a web page to display an ordered list of courses offered in your college.

I. Objective: To create a Ordered List of courses offered in your college.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Click on Microsoft front page the web page below opens. The front page window will be
displayed.

Step2: In the standard bar click on numbering

Step3: The number will be displayed on the screen.

Step4: Enter the details as you required

Output

i. B.Com (Computers)
ii. B.Com (Generals)
iii. B.B.A
iv. B.A
v. B.S.C

6. Create a web page to display a table with 2 rows and 2 columns. Also insert images in the
cells of the table.

I. Objective: To create a display a table with 2 rows and 2 columns. Also insert images in
the cells of the table.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Click on Microsoft front page the web page below opens. The front page window
will be displayed.
Step2: In the standard bar click on numbering Step3Step 1: Click on Microsoft front
page the web page below opens. The front page window will be displayed.
Step 2: Click on -> insert table -> by default the number of rows and columns is set at 2.
Step 3: click on insert/ok. The required table appears
Step 4: click on the cells of the table, go to insert -> picture [you can insert the required
pictures from clipart or files from the computer] Step 5 : the required pictures will be pasted
 Output:

Pic 1 Image Pic 2 Image

Pic 3 Image Pic 4 image

7. Create a web page to display a hyperlink which when clicked directs you to Amazon
website.

I. Objective: To create a webpage with a hyperlink

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Click on Microsoft front page the web page below opens . The front page window
will be displayed.

Step2: Click on file New Tab select blank page

Step 3: Enter the text as www.amazon.com web page and select the text.
Step 4: Click on the hyperlink icon on the tool bar option
Step 5: Give the appropriate details the Text name and click ok.
Step 6: Select the preview Option the bottom status bar and click on the Text Amazon.
The required amazon website will be displayed on the webpage.

Output

8. Create a web page to demonstrate various marquee effects over a given text.

I. Objective: To demonstrate a webpage with Marquee effects over a given text

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Click on Microsoft front page the web page below opens. The front page window will
be displayed.
Step2: Enter the text as required and select the given
Text. Step 3: Click on the web component from the
standard bar.
Step 4: The Dialogue box will appear on the screen. Select Marquee option.
 Step 5: Other Dialogue box will be displayed on the screen. Select the option as you
required the various options will be displayed.

Output:

9. Create a web page to display the following output: (take your own data into consideration)

I. Objective: To create a web page to display image and data

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Click on Microsoft front page the web page below opens . The front page window will
be displayed.

Step2: Note * Refer steps of problem no: 6 as per the given question select the table format.

Output:

I. Objective: To create a text with superscript and subscript.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
 Step1: Click on Microsoft front page the web page below opens. The front page window
will be displayed.

Step2: Click on the file -> New tab select blank page, A new blank page webpage
will be displayed.
Step 3: Enter the context on the webpage
Step 4: Select the number i.e (a+b)2 from this content and right click on it
Step 5: In the effects, select the superscript and click on Ok. The 2 will be displayed as a
superscript
Step6: Do the same process for H2 SO4

Output:

I. Objective: To create nested tables

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Click on Microsoft front page the web page below opens. The front page window will
be displayed.
Step2: Click on the file tab -> New tab select blank page from a right tab. A new blank
page webpage will be displayed.
Step 3: Click on Table Tab in that Insert Table box appears. In the Dialogue Row and
Column
Step 4: A box appears on the web page screen. To add on the middile line 40 to table insert
cell.

Output:
12. Create a web page which acts as a home page where your college name is properly
aligned with the logo of your college followed by address and contact details at the
center of the page.

I. Objective: To create a home page with college logo followed by address and contact
details at the center of the page with the effects of Text alignments.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Click on Microsoft front page the web page below opens. The front page window will
be displayed.
Step2: Enter your college name with appropriate font style font colour properly
aligned. Step 3: Click on Insert menu -> Select logo will be inserted into the
webpage.
Step 4: Align the logo of your college properly on the webpage i.e. at the Centre of the
page
Step 5: Click on preview tab which is on the button of the webpage to display the
output.

Output:

13. Create a web page to demonstrate definition lists by taking various applications of
ecommerce as an example.

I. Objective: To create a webpage to demonstrate definition lists by taking various

applications of ecommerce

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Click on Microsoft front page the web page below opens. The front page window will
be displayed.
Step2: Go to the normal style, Click on the button List appears select
definition. Step 3: Type any tow links on the screen.
Step 4: Then go to the code down screen there you see definition list.
<dl>
Step 5: <dl> <dd>Aurora<\dd>
<dt>Temple of Learning<\dt>
<dl>
Output:

14. Create a web page to display a bulleted list of subjects available in the current
semester.

I. Objective: To create a webpage to display a bullet list of subjects available in the current
semester

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Click on Microsoft front page the web page below opens the front page window
will be displayed. A web page will be opened
Step2: Go to the style bar on the screen list or on the Title box select any bulleted list.
Step 3: Click on that and enter your semester details by clicking enter and bulleted list display.

Output:

● Commerce Lab

● Ecommerce

● RDBMS

● Company Law

● Managerial Accounting

● RIB

● SIE

● GST

15. Create a web page to give scrolling effect of an image (preferably your college logo)

I. Objective: To create a webpage scrolling with the college logo image

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Click on Microsoft front page the web page below opens the front page window will be
displayed. A web page will be opened
Step 2: select insert menu -> pictures -> clip art -> insert any image go to menu bar and
select insert -> web component -> college image logo -> then select marquee and click
on finish Step 3: click on code option, automatically a code is generated
Output:

16. Create a web page to display a button which when clicked directs you to your
college website.

I. Objective: To create a webpage displaying a button when clicked directs to your college website

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select the blank page
Step 3: click on Insert->Web component-> interactive button from right pane
Step 4: Interactive Buttons Dialog box appears, Change the Text to Display and
Link to www.adc.edu.in
Step 5: Click ok
Go to preview tab and click on the Display button, College website will display.

Output:
 17. Create a web page to display various courses in your college. The courses
should be separated by a horizontal ruler of varying sizes and colors.

I. Objective: To create a webpage display various courses in colleges separated by a horizontal

ruler of varying sizes.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select the blank page
Step 3: In the Design Tab, Type the course in the college
ex: B.Com Applications with subjects
Step 4: Click the Insert-> Horizontal line
Step 5: repeat the steps 3 and 4 until all the courses inserted.
Finally click on the preview button and show the out put

Output:

18. Create a web page to display four horizontal frames each frame containing a
different color.

I. Objective: To create a webpage to display four horizontal frames with different colors.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select more templates
Step3: Select Frames tab from the dialog box and select two horizontal frames
Step4: Select the first frame and click on the frames menu and select spilt frames, will get two
frames
Step5: Repeat the same step in the second frame, total 4 frames will appear
Step6: Click on the new page in the frame and select the frame page properties by clicking the
right mouse button in the frame area
Step7: Select the formatting tab from the page properties window and select background color for
that frame
Step8: repeat for the other three frames.

Output:
 19. Create a web page to display four vertical frames each frame containing a
different color.

I. Objective: To create a webpage to display four vertical frames with different colors.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select more templates
Step3: Select Frames tab from the dialog box and select two horizontal frames
Step4: Select the first frame and click on the frames menu and select spilt frames, will get two
frames
Step5: Repeat the same step in the second frame, total 4 frames will appear
Step6: Click on the new page in the frame and select the frame page properties by clicking the
right mouse button in the frame area
Step7: Select the formatting tab from the page properties window and select background color for
that frame
Step8: repeat for the other three frames.

Output:

20. Create a web page to display a button with label “search” adjacent to a text box.
Also change the color of text box and background of the web page.

I. Objective: To create a webpage with a button with label search and also change the color of text
box and background.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Click on Insert ->form->Text box
Step4: Click on text button and change to search
To change the color of the form
1. In Page view, at the bottom of the document window, click Design .
2. Right-click the page, and then click Page Properties on the shortcut menu.
3. Click the Formatting tab.
4. Under Colors, click the color you want in the Background list.

Output:
21. Create a web page to display a table containing 2 rows and 2 columns which contains the
names of your friends and each cell filled with different background colors.

I. Objective: To create a webpage with a table containing 2 rows and 2 columns contain different
background colors

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: click on table->Insert->table
Step4: Insert table dialog box appears and select 2 rows and 2 columns
Step5: Click ok
Step6: Write your friend’s names and change the back ground colour by right click cell properties
and change the background color

Output:

22. Create a web page to demonstrate the usage of row span and cols pan for the figure
below:
I. Objective: To create a webpage with a table containing rows and columns demonstrate the usage
of row span and cols pan

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Select Microsoft front page 2003
Step2: Click on the file menu -> new and select blank page
Step3: Click on the table menu-> Insert-> table
Step 4: Select 4 rows and 3 columns
Step5: Select 1st row and merge all columns
Step6: Select 2nd and 3rd rows 1st column and merge and repeat for the 2nd and 3rd cells
Step7: Select the 4th row and merge all cells into one row
Step8: Type then data into the cells
Hence the output

Output:

23. Create a web page which asks for mode of payment which includes the options:
Credit card/Debit card/Online transfer (use radio buttons)

I. Objective: To create a webpage which asks for mode of payment with options credit card/ debit
card using radio buttons

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Click Insert->Form->Group box
Step4: Click Insert->Form->radio button and type text after radio button
Step 5: repeat for all the options, hence the solution
Output:

24. Create a web page which asks the user to enter his credit card details. Use textboxes, drop
down buttons.

I. Objective: To create a webpage with a credit card details by using form Text boxes, drop down
buttons.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Select Microsoft front page 2003
Step2: Click on the file menu -> new and select blank page
Step3: Click Insert->Form-> text box / type the data
Step4: Click Insert->Form-> text box button
Step 5: repeat for all the options, hence the solution

Output:

25. Create a web page to generate a purchase order as shown below:

I. Objective: To create a webpage to generate a purchase order with the given details by using text
boxes, option buttons and place your order

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Select Microsoft front page 2003
Step2: Click on the file menu -> new and select blank page
Step3: Click Insert->Form-> text box / Rearrange the label and text box
Step4: Click Insert->Form-> text box button / type name, address, state, city, pin code
Step 5: : Click Insert->Form->Drop down box, double click on the drop down box, properties box
will display, add the magazine
Step6: Click on insert->Form->radio button
Step7: Click on Insert->Form-> button
Hence the output

Output:

26. Create a web page to display a hyperlink which when clicked displays excel sheet
containing student details.

I. Objective: To create a webpage to display a hyperlink which when clicked displays excel [

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Select Microsoft front page 2003
Step2: Click on the file menu -> new and select blank page
Step3: Click on Insert -> insert hyper link
Step4: Hyperlink dialog box appears, Select the excel file or link the file in the address box
Step5: Click ok

Output:
27. Create a web page to display definition list which defines the terms: B2B, B2C, C2B, and
C2C.

I. Objective: To create a webpage to display definition list which defines the terms:B2B,B2C,C2B
and C2C.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Select definition list from the style group in the formatting tool bar and type the Data

Output:

28. Create a web page with paragraphs left, right and center aligned to explain about
various social networking sites. The paragraphs should be on different colors and
separated by horizontal lines of varying sizes.

I. Objective: To o create a webpage with paragraph left, right and center aligned to explain various
social networking sites as paragraphs should be on different colors and separated by horizontal
lines of varying sizes.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Type the paragraphs and select each paragraph and select alignment tabs accordingly
Step4: Select the paragraph and change the colors by selecting font and back ground color
Step5: Click on Insert-> Horizontal line
Step6: Select each line and right click and select properties and change the size.

Output:
29. Create a web page which displays four buttons containing text B2B, B2C, C2B, C2C.
Also when a button is clicked details about the clicked subject should appear on a separate
page.

I. Objective: To o create a webpage to display four Buttons B2B,B2C, C2B,C2C when a button is
clicked details about clicked subject should appear on a separate page.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Select Microsoft front page 2003
Step2: Click on the file menu -> new and select blank page
Step3: Create separate word files for B2B, B2C, C2B,
C2C when four each buttons clicked then clicked
button subject appears on separate pages.

Output:

30. Create a web page to modify the default properties of h1 tag using external style
sheet.

I. Objective: To create a webpage to modify the default properties of hi tag using external style
sheet.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Select Microsoft front page 2003
Step2: Click on the file menu -> new and select blank page
Step3: Select H1 tag in the style box from formatting tool bar
Step4: Type the data and change accordingly (ie. color, alignment, size, font etc)
Step5: check in preview tab
H1 tag default properties are changed.
Output:

31. Create a web page to scroll the text “E-Commerce” for exactly 5 times from left to
right of the screen.

I. Objective: To create a webpage to scroll E-Commerce for 5 times exactly from left to right of
the screen.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Select Microsoft front page 2003
Step2: Click on the file menu -> new and select blank page
Step3: Click Insert->Web component
Step4: Web Component window appears, Select marquee and click finish
Step5: Marquee properties dialog box appears, in Repeat option select 5 times
Step6: Type “E-Commerce and click ok

Output:
32. Create a web page to insert an image which when clicked redirects you to your
college website.

I. Objective: To create a webpage inserting an image when clicked redirects you to the screen.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Click on Insert ->Picture
Step4: Right click on the image and select insert hyper link
Step4: Hyperlink dialog box appears, Select the link of Auroras’ Degree & PG College in the
address box or type www.adc.edu.in
Step5: Click ok

Output:

33. Create a web page to display the name of your college in h6 size with blue as font
color and background color yellow separated by a thick line and below which a
paragraph about the facilities offered by your college is described.

I. Objective: To create a webpage page to display the name of your college in h6 size with blue as
font color and background color yellow separated by a thick line and below which a paragraph about the
facilities offered by your college described.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Click on Microsoft front page the web page below opens. The front page window will be
displayed. And new blank page
Step2: Go the format tab >Select style option dialog box appears.
Step3: At the left side pane, Select h6 tag & click on modify another
Step4: Click on format option, different options will be available select the required option
say like Step 5: Go to preview below the screen .Click on that and see output.

Output:
34. Create a web page with OSMANIA UNIVERSITY as the title and five buttons
labelled Home, About Us, Courses, ,feedback, Contact us as shown in the diagram
which when clicked displays the details on a separate pages.

I. Objective: web page with OSMANIA UNIVERSITY as the title and five buttons labeled Home,
About Us, Courses, feedback, Contact us as shown in the diagram which when clicked displays the
details on a separate pages.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Select Microsoft front page 2003
Step2: Click on the file menu -> new and select blank page
Step 3: Type the content OSMANIA UNIVERSITY as the title and five buttons labeled
Step 4: Create separate word files for Home, About Us , Courses,
FeedBack, Contact us details webpages whenever any of the five
buttons clicked then clicked button subject appears on separate pages.

Output:
35. Create a web page to demonstrate a pull-down menu. The menu should contain the list
of your favourite south Indian dishes.

I. Objective: To create a webpage to demonstrate a pull-down menu containing the list of favouite
shouth Indian dishes say like Idli, Dosa, Vada

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Click on the Insert->Form->Drop down box
Step4: Drop down box properties dialog box appears, add the favourite south Indian dishes and
give the values to it
Step5: Remove the buttons

Output:

36. Create a web page with name of your college as text. The text should scroll, alternate and
slide.

I. Objective: To create a webpage with the name of college as text, by using web component-
Marquee the college text scroll, alternate and slide

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Click Insert->Web component
Step4: Web Component window appears, Select marquee and click finish
Step5: Marquee properties dialog box appears, in Repeat option select 5 times
Step6: Type “name of college” and click ok

Output:
37. Create a web page to display an image surrounded by text on all the four sides.

I. Objective: To create a webpage with the image surrounded by text , by using web component-
Marquee the college text scroll, alternate and slide

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Click Table->Insert-> Table (3X3)
Step4: Insert pic from Insert menu in the middle cell
Step5: Merge the cells top and button of the picture and on the left and right
Step6: Type the data into the cells

Output:

38. Create a web page with 4 paragraphs of about 5 lines each describing about E-
Marketing, E- Shopping, E-banking and E-Learning. The paragraphs should be aligned left,
right, center and justified respectively.

I. Objective: To create a webpage having 4 paragraphs of about 5 line describing about E-

Marketing, E- Shopping, E-banking and E-Learning. - aligned left, right, center and justified
respectively.
II. Requirements: Microsoft FrontPage 2003
III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Select definition list from the style group in the formatting tool bar and type the Data with
4 paragraphs of about 5 lines each describing about E- Marketing, E- Shopping, E-banking and E-
Learning.
Step4: The paragraphs should be aligned left, right, center and justified respectively.

Output:
 39. Create a web page with name of your college as Text in h6 size, font as verdana, blue as
font color followed by a copyright symbol and trademark symbol.

I. Objective: To create a webpage with the name of your college as Text in h6 size font style as a
verdana, blue as font color followed by a copyright symbol and trademark symbol.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Click on Microsoft front page the web page below opens. The front page window will be
displayed. And new blank page
Step2: Go the format tab >Select style option dialog box appears.
Step3: At the left side pane, Select h6 tag & click on modify another
Step4: Click on format option, different options will be available select the required option
say like Step 5: Go to preview below the screen .Click on that and see output.

Output

40. Create a login page asking the user to enter his username and password followed by a submit
button.

I. Objective: To create a webpage login with the user name and password using text box and
submit button.

II. Requirements: Microsoft FrontPage 2003.

III. Procedure:

Same as Q.No 1

Output:

41. Create a web page to create links to the sections on the same page.

I. Objective: To create a webpage using hyper link to the sections on the same page.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Use 4 to 5 Hyperlinks for different sections using different files like above question 26

Output:

42. Create a web page using a form which collects data about student’s roll no, name and
marks in various subjects followed by submit and reset buttons.

I. Objective: To create a webpage using a form which collects data about student’s rollno,name
and marks in various subjects using the text box, submit and reset button

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Same as Q.No 3 adding some more text boxes and keeping 2 buttons

Output:

43. Create a web page using a form titled as Feedback form which takes the feedback of the
various facilities offered in your college. The form should have fields student name, roll no
followed by 5 check boxes labelled Excellent, Very Good, Good, Average, Bad respectively.
I. Objective: To create a webpage login with a form titled as Feedback form which takes the
feedback of user name and password using text box and submit button

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Same as above, plus

● Click Insert->Form-> Check box ,change the value of the button property to Excellent

● Repeat the same for Very good, Good, Average, Bad

Output:

44. Create a web page to display the list of universities available in Telangana state
using a pull- down menu.

I. Objective: To create a webpage login the list of universities available in Telangana state with
a pull down menu

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Click on the Insert->Form->Drop down box
Step4: Drop down box properties dialog box appears, add the available universities and give the
values to it
Step5: Remove the buttons

Output:

45 Create a web page to display an image surrounded by text on left and right sides.

I. Objective: To create a webpage displaying an image surrounded by text on left and right sides

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page

Step3: Click Insert->Clipart->pic, next

1. In Page view, at the bottom of the document window, click Design.

2. Right-click the graphic, and then click Picture Properties on the shortcut menu.
3. Click the Appearance tab, and then do one of the following:
o Under Wrapping Style, click the option you want.
o Under Layout, in the Alignment box, click an option to specify how you want the graphic to
be aligned on the page.
4. Under Layout, in the Horizontal spacing box, type or select the number of pixels you want
on the left and right sides of the graphic.
5. Under Layout, in the Vertical spacing box, type or select the number of pixels you want on
the top and bottom sides of the graphic.

Output:
 46. Create a web page using a default theme in front page to describe about OSMANIA
UNIVERSITY.

I. Objective: To create a webpage displaying a default theme in front page to describe about
OSMANIA UNIVERSITY.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page

Step3: Click on the format menu -> click on Theme and type describing listing the OSMANIA
UNIVERSITY details

Output:

47. Create a user registration form for an upcoming examination.(use textboxes, pull-
down menus, option boxes, submit button)

I. Objective: To create a webpage displaying a form for an upcoming examination using text
boxes, pull-down menus, option boxes, submit button

II. Requirements: Microsoft FrontPage 2003

III. Procedure:
Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page

Follow the procedure steps Same as above question No 25

Output:

48. Create a web page to display a multilevel list taking your own example.

I. Objective: To create a webpage displaying a multilevel list.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Click on the Insert->Form->Drop down box
Create an multi-level list
1. In Page view, at the bottom of the document window, click Design.
2. Place the insertion point where you want to create an outline or multi-level list.
3. On the Format menu, click Bullets and Numbering, and then click the Numbers tab.
4. Click the box with the style of numbers or letters that you want to start with, and then click
OK.
5. For each item or line of text that you want in the outline or multi-level list, regardless of its
level, type the text, and then press ENTER.
6. When you have typed the last item, press ENTER twice to end the list.
7. To place each item on the correct level, do one of the following:
o To move items down to the next consecutive level, select the items, and then click Increase
Indent twice.
o To format items as a paragraph on the current level (without bullets or numbering), select
the items, and then click Increase Indent once.
o To move items up to previous level(s), select the items, and then click Decrease Indent one or
more times, as needed.
8. To apply numbering or lettering styles to the different levels, select an item on a level
or sublevel, right-click, and then click List Properties on the shortcut menu.
9. On the Numbers tab, click the box with the style you want to use.

Output:
49. Create a table to demonstrate colspan, row span, cells pacing and cell padding
attributes of a table.

I. Objective: To create a webpage demonstrate colspan, row span, cells pacing and cell
padding attributes of a table.

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Follow Same procedure steps of Q.No: 22

Output:

50. Create a webpage to insert an image using all the image attributes.

I. Objective: To create a webpage inserting an image by using all the image attributes

II. Requirements: Microsoft FrontPage 2003

III. Procedure:

Step1: Select Microsoft front page 2003

Step2: Click on the file menu -> new and select blank page
Step3: Click on the Insert->Picture ->From file/clip art
(i.e downloaded image file saved on desktop or selecting
any picture from clip art gallery.)
Will have image attributes and pic will be inserted

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 3</title>
</head>
<body>
<p>
<img border="0" src="file:///C:/Users/USER/Desktop/7003%20pp.jpg" width="414"
height="534"></p>
</body>
</html>

Output: