You are on page 1of 74

COMPUTER APPLICATION

PRACTICLE FILE
(CODE 214)

Delhi School of Professional Studies and Research


(Affiliated to Guru Gobind Singh Indraprastha University, New Delhi, India)

SUBMITTED TO: SUBMITTED BY:


Mrs. MANISHA SHARMA HARSHIT TANEJA
BBA (gen)-4th sem

1
CERTIFICATE

This is to certify that the project of computer application-II is an academic work done by
HARSHIT TANEJA submitted in partial fulfilment of the requirement for the award of
Bachelor of business administration from Delhi school of professional studies and
research under my guidance and direction. To the best of my knowledge and belief the data
and all the work done by HER

NAME AND SIGNATURE OF FACULTY GUIDE

Mrs. MANISHA SHARMA

2
DECLARARTION

This is to declare that project of computer application II is submitted by me in the partial


fulfillment of the requirement for the award of bachelors of Business administration to Delhi
school of professional studies and research ,Delhi comprises only my original work has not
been submitted in part full for any other degree of diploma of any university.

NAME & SIGNATURE OF CANDIDATE

3
ACKNOWLEDGEMENT

This project has been made possible due to valuable and support of a number of people to
whom I own my heartfelt gratitude and without whose help I may not have been able to
complete this report.

I would like to acknowledge the support of my faculty guide Mrs.Manisha Jain asst
professor,Delhi School of professional studies & research delhi for her/him constant guidance
in this project and for providing me the necessary information whenever required.heartfelt
thanks to other faculty members of delhi school of professional studies &research ,delhi for
their support and co-peration.

Finally I would loke to give special thanks to my family and my friends who make it all
happen and make it worthwhile.

4
FRONT PAGE

QUESTION-1

5
Create a new site. Start with a web page using your name to name the page.
Make it the home page and view the web in navigation and folder. View record
your observation.
Steps
1. Open Microsoft front page . the blank page open default ,go to the file menu,
choose save option and change the title of page as your name and change the
file name, save it.

Question 2

6
On the home page, give a brief description about yourself & type the following
sub heading qualification, hobbies and interest ,future plans, and
address.

Steps.

1. On the blank page write a content or description.

Question:3

7
Apply most appropriate theme at the web page and the the web site .

Steps:

1. go to the format menu of front page and choose theme option .

2. choose your favorites theme from the theme dialong box and click on ok
button.

8
Question: 4

Apply font and color style on to your web page and preview.

9
Steps:

1. select the content in which you want to apply a font and color styles.

2. right click on mouse button and select font option and use style as you want.

10
3. click on ok button

Question:5

11
Create a new page using front page explorer and write your academic and
professional qualification .places a bookmark at an appropriate place and save
the page as qualification.

Steps:

1. Click on file menu select new page .write your academic and professional
qualification.

2.click on file menu select save option and save the page as qualification.

12
Question-6

13
Link the page, qualification.htm, with the sub- heading qualification in the
home page.

Steps:

1. select the qualification word from the home page and right click the button
and click on hyperlink button.

2. select qualification.htm and click on ok button. The word will underline after
hyperlink.

14
Question 7

Create a new page and write your hobbies and interest on it .save as
hobbies.htm.
15
Steps:

1. click on file menu select new page option and write your hobbies and interest
on it.

2. go to the file menu select save option and save the page as hobbies.htm.

16
Question 8

17
Link the page, hobbies.htm, with the sub heading hobbies & interest in the
home page.

Steps:

1. select the sub heading hobbies & interest from the home page and right click
on it select the hyperlink option .

2. select the hobbies.htm on the dialong box and click on ok button, the word
will underline automatically as hyperlink.

18
Question 9

19
Create a new page and write a few lines on your future plan .save as future
plan.htm.

Steps:

1. click on file menu select new page option and write a few line about your
future plan.

2. go to the file menu select save option and save the page as futureplan.htm.

20
Question 10

21
Link the page, futureplan.htm, with the sub heading future plan in the home
page.

Steps:

1. select the sub heading future plan from the home page and right click on it
select the hyperlink option .

2. select the futureplan.htm on the dialong box and click on ok button, the word
will underline automatically as hyperlink.
22
Question 11.

23
Create a new page and write your address for communication .save as
address.htm.

Steps:

1. click on file menu select new page option and write your address for
communication.

2.go to the file menu select save option and save the page as address.htm.

24
Question 12

25
Link the page address.htm to the sub heading address for communication
page in the page.

Steps:

1. select the sub heading address from the home page and right click on it select
the hyperlink option .

2. select the address.htm from the hyperlink dialong box and click on ok
button ,the word will hyperlink with the page.

26
Question 13

27
Interest a navigation bar in the page.

Steps:

1. go to the navigation option appear on the left side of the front page and right
click on the home button and select add existing page.

2. choose the page which you want to add. And click on ok button the page will
added on the navigation bar.

28
Question 14.

29
Test all hyperlink in the front page editor and record your observation.

Steps:

1. go to the hyperlinks option lies on front page.

30
2. Here you can observe the hyperlinks.

31
Question 15

Import an image , and use image to link the home page.

Steps:

1. choose any page to insert an image and go to the insert menu choose picture
option click on from file. And choose image from it

32
2. right click on image and click on hyperlink option .

3. select the home page from the dialong box appear and click on ok button.

33
4. the image will link with the home page , use ctrl+click to check hyperlink.

34
Question 16

Make the image brighter and lower contrast.

Steps:

1. select the image, picture dialong box appear choose more brightness option
for brighter the image.

35
2. chooseless contrast option for lower the contrast image.

36
Question 17

Make the color transparent and assign a alternative text .

Steps:

1. select the image ,in the picture dialong box select set transparent color and
click on the image. the image will be transparent from a particular place.

37
2.for insert a alternative text, right click on the image, select the picture
properties , the dialong box appear ,select on general tab and write a text on
alternative representation box and click on ok button.

38
Question 18

Open the web page interest.htm and insert a background sound file into the
page.

Steps:

1. right click on the page, select the page properties option.

39
2. a dialong box appear, in the general tab go to the background sound location
select browse option and choose the audio file for background play and click on
ok button.

40
Question 19

Open a web page hobbies.htm and apply animation .

Steps:

1. select the image or text for animation ,on the DHTML EFFECT box select
the animation style.

41
2. save the page and check it on preview in browser.

Question 20.

Open the page and insert a table of atlest 4 column and 4 rows with column
heading as name,address,phone no and date of birth align the table to the center
of the webpage and text flow at centre

42
43
44
Question 21

Enter data into the table and adjust the font as book antique and font size as
12

45
Question 22.

Insert address book as caption for the table

46
Question 23.

Split the column named cell phone no into two and name them as office and
resident

47
48
49
50
Question 24.

Open the page bearing your name and insert a form assign the base name as
personal details and save the file as personal.txt format

51
Question 25. Use of marquee in web page

52
53
54
HTML

Introduction to HTML:

HTML of Hyper Text Markup Language is the standard which is used by World Wide Web
documents. We use a program to view documents. It is not a programming language even
though it is termed as a language. The basic element of an HTML page and therefore any
document on the Web is ASCII text. HTML uses what is called a tag and it is represented by
the angle brackets < and >. Any text which is contained by the angle brackets is
considered as an HTML tag by the browser and interpreted accordingly. Since HTML uses
ASCII text, the Web documents are delivered over the network such that they are not
platform dependent. Hence only a Web browser is required which can interpret HTML files

55
irrespective of whether it is running on a machine using windows or UNIX or Macintosh or
on any other operating system or hardware platform.

HTML mainly contains two tags. These are the followings:

Container Tags
Those tags which have the form <TAG> and </TAG> are called container tags. They hold, or
contain, the text and other HTML elements between the two tags. The <TITLE>, <HTML>,
<HEAD>, and <BODY> tags are all container tags.

The syntax for container tags is

<TAG> Text or other HTML elements go here </TAG>

Empty Tags
Some tags that do not require </> tags are called empty tags. An example of this is the
<HR> or horizontal rule tag. This tag draws a line across the width of your document.
Consider the following listing
Example:
<HTML>
<HEAD>
<TITLE> Horizontal Line </TITLE></HEAD>
<BODY>
The following is a horizontal line:
<HR>
The rest of this is just more text
</BODY>
</HTML>

56
Question 1 Make your Bio Data, Font tag use.

<HTML>

<HEAD>

<TITLE> BIO-DATA </TITLE>

</HEAD>

<BODY bgcolor="green">

<CENTER><FONT COLOR="WHITE"><h1><u>BIO-DATA
OfHarshitTaneja</u></h1></FONT></CENTER><BR>

<CENTER><B><FONT COLOR="RED">NAME</B></FONT>:- HarshitTaneja<BR>

<B><FONT COLOR="BLUE">CLASS</FONT></B>:- BBA-4B<BR>

<B><FONT COLOR="YELLOW">ROLL NO</FONT></B>:-8<BR>

<B><FONT COLOR="PINK">COLLAGE</FONT></B>:-Delhi School Of Professional


Studies And Research</CENTER><BR>

</BODY>

</HTML>

57
58
Question 2. Use Of UL And OL

<HTML>
<HEAD>
<TITLE> Use OF OL and UL Tag </TITLE>
</HEAD>
<BODY>
<CENTER>Use of Order List Tag</CENTER>
<OL TYPE="1">
<LI>DRINKS</LI>
<LI>EAT</LI>
<OL TYPE="I">
<LI>PLAY</LI>
<LI>ENJOY</LI>
<OL TYPE="i">
<LI>SLEEP</LI>
<LI>WAKEUP!</LI>
</OL>
</OL>
</OL>
<CENTER>Use of UNOrder List Tag</CENTER>
<UL TYPE="1">
<LI>DRINKS</LI>
<LI>EAT</LI>
<UL TYPE="I">
<LI>PLAY</LI>
<LI>ENJOY</LI>
<UL TYPE="i">
<LI>SLEEP</LI>
<LI>WAKEUP!</LI>

59
</UL>
</UL>
</UL>
</BODY>
</HTML>

60
Question 3. Heading Tag
<HTML>
<HEAD>
<TITLE> Use of Heading Tag </TITLE>
</HEAD>
<BODY>
<h1>this heading will be the largest(h1)</h1><br>
<h2>this heading will be the lower the size of h1(h2)</h2>
<h3>this heading will be the lower the size of h2(h3)</h3>
<h4>this heading will be the lower the size of h3(h4)</h4>
<h5>this heading will be the lower the size of h4(h5)</h5>
<h6>this heading will be the smallest heading(h6)</h6>
</BODY>
</HTML>

61
62
Question 4. Use Of Table Tags With 3 Rows And 4 Coloumns

<HTML>

<HEAD>

<TITLE> Use of Heading Tag </TITLE>

</HEAD>

<BODY>

<CENTER><TABLE BORDER="1">

<CAPTION>Students</CAPTION>

<TR><TH>ROLL
NO</TH><TH>NAME</TH><TH>ClASS</TH><TH>SECTION</TH></TR>

<TR><TD>1</TD><TD>Harshit</TD><TD>BBA4</TD><TD>B</TD></TR>

<TR><TD>2</TD><TD>Lakshay</TD><TD>BBA4</TD><TD>A</TD></TR>

<TR><TD>3</TD><TD>Twinkle</TD><TD>BBA4</TD><TD>C</TD></TR>

</TABLE></CENTER>

</BODY>

</HTML>

<HTML>

<HEAD>

<TITLE> Use of Heading Tag </TITLE>

</HEAD>

<BODY>

<CENTER><TABLE BORDER="1">

<CAPTION>Students</CAPTION>

<TR><TH>ROLL
NO</TH><TH>NAME</TH><TH>ClASS</TH><TH>SECTION</TH></TR>

<TR><TD>1</TD><TD>Harshit< TD><TD>BBA4</TD><TD>B</TD></TR>

<TR><TD>2</TD><TD>Lakshay</TD><TD>BBA4</TD><TD>A</TD></TR>

63
<TR><TD>3</TD><TD>Twinkle</TD><TD>BBA4</TD><TD>C</TD></TR>

</TABLE></CENTER>

</BODY>

</HTML>

64
Question 5. Use Cell And Row Attribute
<HTML>
<HEAD>
<TITLE> Use of Heading Tag </TITLE>
</HEAD>
<BODY>
<CENTER><TABLE BORDER="1" BGCOLOR="YELLOW" WIDTH=500>
<CAPTION>Students</CAPTION>
<TR><TH BGCOLOR="pink">ROLL
NO</TH><TH>NAME</TH><TH>ClASS</TH><TH>SECTION</TH></TR>
<TR><TD>1</TD><TD BGCOLOR="pink">Harshit
</TD><TD>BBA4</TD><TD>B</TD></TR>
<TR><TD>2</TD><TD>Lakshay</TD><TD
BGCOLOR="pink">BBA4</TD><TD>A</TD></TR>
<TR><TD>3</TD><TD>Twinkle</TD><TD>BBA4</TD><TD
BGCOLOR="pink">C</TD></TR>
<TR ALIGN=CENTER><TD COLSPAN="4" BGCOLOR="RED">END</TD></TR>
</TABLE></CENTER>
</BODY>
</HTML>

65
Question 6.Frames
<HTML>
<FRAMESET rows="70,*">
<frame src="1.html"margin height=5 margin width=6 name="f1" bordercolor=green>
<FRAMESET cols="35%,*">
<frame src="2.html" NAME="F2" Border=20 bordercolor=yellow noresize>
<frame src="3.html" NAME="F3" scrolling="yes">
</FRAMESET>
</FRAMESET>
<noframes>
</HTML>

66
Question 7. Forms
<html>
<head>
<title>application form</title>
</head>
<body>
<center><h2> application form </h2></center>
<form>
<font color="black">
<b>name :</b><input type="text" name="name" value="enter your name" size=25
maxlength="10"><br>
<b>password :</b><input type="text" name="password" value="enter your password"
size=25 maxlength="10"><br>
<b>address :</b><input type="text" name="address" value="enter your address" size=25
maxlength="100"><br>
<h4>select your nationality </h4>
<input type="radio" name="nationality " value="indian" checked>indian<br>
<input type="radio" name="nri " value="nri" checked>nri<br>
<h4>select your hobbies </h4>
<input type="checkbox" name="games " value="tennis" checked>outdoor activities<br>
<input type="checkbox" name="games " value="carrom board" checked>indoor
activities<br><br>
<b>select your counrty</b>
<select name="counrty">
<option value= "india">india
<option value= "usa">usa
<option value= "uk">uk
<option value= "canada">canada
<option value= "russia">russia
</select><br><br>
<b>select games</b>

67
<select name="games" multiple>
<option value= "tennis">tennis
<option value= "football"> football
<option value= "cricket"> cricket
<option value= "hocky"> hockey
<option value= "athletics">athlectics
</select>
<br>
<br>
<b>remarks :</b>
<textarea name="coments" rows=2 cols=20 wrap="virtual">
enter your comments here
</textarea>
<br>
<br>
<b>attach your cv:</b>
<input type="file" name="attachments" size=30 accept="">
<br>
<br>
<input type="submit" value="submit" >
<input type="reset" value="reset" >
</font>
</form>
</body>
</html>

68
69
Question 8. Image

<HTML>
<HEAD>
<TITLE>HOW TO ADD IMAGE</TITLE>
</HEAD>
<BODY>
<imgsrc="DSPSR.jpg" style="width="550" height="550">
</BODY>

</HTML>

70
Question 9.HYPERLINK ON IMAGE AS WELL AS IN IMAGE

<HTML>
<HEAD>
<TITLE>HOW TO ADD HYPERLINK ON IMAGE AS WELL AS IN
IMAGE</TITLE>
</HEAD>
<BODY>
<A HREF="http://www.dspsr.in/"> CLICK HERE TO GO TO
DSPSR</A><BR>
<A HREF="http://www.dspsr.in/"><IMG SRC="DSPSR.JPG"></A>
</BODY>

</HTML>

71
Question 10.CSS

<html>
<head>
<title>how to use CSS</title>
<style>
body {background-color: powderblue;}
h1{color: blue;}
p{color: red;}
</style>
</head>
<body>
<h1>This topic is about the use of CSS in html </h1>
<p>this is a project on computer application which is presented by HarshitTaneja</p>

72
Question 11.marquee

<HTML>
<HEAD>
<TITLE>HOW TO USE MARQUEE</TITLE>
</HEAD>
<BODY>
<MARQUEE>
THIS IS A TEXT WHICH MOVES
</MARQUEE>
</BODY>

</HTML>

<MARQUEE WIDTH=VALUE HEIGHT=VALUE>

73
<MARQUEE DIRECTION=LEFT>

<MARQUEE DIRECTION=RIGHT>

<MARQUEE SCROLLDELAY=VALUE>

<MARQUEE SCROLLAMOUNT=VALUE>

<MARQUEE BGCOLOR=VALUE>

74