QUESTION-1

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

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.

1
Question:3

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.

2
Question: 4

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

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.

3
3. click on ok button

Question:5

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:

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

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

Question-6

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.

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

Question 7

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

Steps:

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

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

Question 8

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 .

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

Question 9

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.

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

Question 10

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 .

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

Question 11.

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.

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

Question 12

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 .

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

Question 13

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.

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

Question 14.

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

Steps:

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

13
2. Here you can observe the hyperlinks.

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

14
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.

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

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.

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

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.

17
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.

Question 18

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

Steps:

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

18
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.

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.

19
 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

20
21
QUESTION 21

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

QUESTION 22.

Insert address book as caption for the table

22
QUESTION 23.

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

23
24
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

25
QUESTION 25. Use of marquee in web page

26
 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 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>

27
The rest of this is just more text
</BODY>
</HTML>

1.BIO-DATA
<HTML>
<HEAD>
<TITLE> BIO-DATA </TITLE>
</HEAD>
<BODY bgcolor="green">
<CENTER><FONT COLOR="WHITE"><h1><u>BIO-DATA Of Amanpreet
Singh</u></h1></FONT></CENTER><BR>
<CENTER><B><FONT COLOR="RED">NAME</B></FONT>:- Amanpreet Singh<BR>
<B><FONT COLOR="BLUE">CLASS</FONT></B>:- BBA-4B<BR>
<B><FONT COLOR="YELLOW">ROLL NO</FONT></B>:-00812501715<BR>
<B><FONT COLOR="PINK">COLLAGE</FONT></B>:-Delhi School Of Professional
Studies And Research</CENTER><BR>
</BODY>
</HTML>

28
29
2. USE OF UL & 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">

30
<LI>SLEEP</LI>
<LI>WAKEUP!</LI>
</UL>
</UL>
</UL>
</BODY>
</HTML>

31
32
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>

33
34
4.USE OF TABLE TAG WITH 3 ROWS AND 4 COLUMNS.
<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>Amanpreet Singh</TD><TD>BBA4</TD><TD>B</TD></TR>
<TR><TD>2</TD><TD>Nakul</TD><TD>BBA4</TD><TD>A</TD></TR>
<TR><TD>3</TD><TD>Lakshay</TD><TD>BBA4</TD><TD>C</TD></TR>
</TABLE></CENTER>
</BODY>
</HTML>

35
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">Amanpreet
Singh</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>

36
37
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>

38
39
7.FORM

40
8.IMAGE

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

41
42
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>

43
44
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 Amanpreet Singh</p>
</body>
</html>

45
46
11.Marquee
<HTML>
<HEAD>
<TITLE>HOW TO USE MARQUEE</TITLE>
</HEAD>
<BODY>
<MARQUEE>
THIS IS A TEXT WHICH MOVES
</MARQUEE>
</BODY>
</HTML>

47
<MARQUEE WIDTH=VALUE HEISHT=VALUE>
<MARQUEE DIRECTION=LEFT>
<MARQUEE DIRECTION=RIGHT>
<MARQUEE SCROLLDELAY=VALUE>
<MARQUEE SCROLLAMOUNT=VALUE>
<MARQUEE BGCOLOR=VALUE>

48