Sahil DSPSR

COMPUTER APPLICATION
PRACTICAL FILE
DELHI SCHOOL OF PROFESSIONAL STUDIES AND RESEARCH
Submitted to:
Mrs. Simple Tandon
Submitted by:
Shalu Dwivedi
06912501713
BBA 208
4 th sem.
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, Ms Simple Tandon, Delhi School
of Professional Studies & Research, Delhi for her 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 cooperation.
Finally I would like to give special thanks to my family and my friends who make it all happen
and make it worthwhile.
SHALU DWIVEDI
06912501713
OBJECTIVES OF THE STUDY

The objective of the study is to familiarize the students with various Web based packages to
develop customize Web site. It is one of the most important ways of orientation to the front page
environment and building web sites. This project helps in working with tables and frame. With
the help of HTML forms are created and connecting to the Database.
This project attempts to integrate the concept of World Wide Web with the methodology in
creating of a web site. It provides guidelines on how to create a web site and how to use the tools
that are needed for the purpose. The Front Page and HTML are two tools that have been
discussed in length.
HTML
Hyper Text Markup Language, commonly referred to as HTML, is the standard
markup language used to create web pages. It is written in the form of HTML
elements consisting of tags enclosed in angle brackets (like <html>). HTML tags
most commonly come in pairs like <h1> and </h1>, although some tags
represent empty elements and so are unpaired, for example <img>. The first tag in
a pair is the start tag, and the second tag is the end tag (they are also
called opening tags and closing tags).
Web browsers can read HTML files and compose them into visible or audible web
pages. Browsers do not display the HTML tags and scripts, but use them to
interpret the content of the page. HTML describes the structure of
a websitesemantically along with cues for presentation, making it a markup
language, rather than a programming language.
HTML elements form the building blocks of all websites. HTML allows images
and objects to be embedded and can be used to create interactive forms. It provides
a means to create structured documents by denoting structural semantics for text
such as headings, paragraphs, lists, links, quotes and other items. It can
embed scripts written in languages such as JavaScript which affect the behavior of
HTML web pages
CONTAINER TAGS AND EMPTY TAGS

Container tags are tags that you place on your site to trigger not one, but many
other tags. Container tags make it easier for you to add, change, or remove tags,
because they provide a delivery mechanism for the tags they contain.
EXAMPLE: <HTML>
</HTML>
Empty tags do not have to be wrapped around an element and do not require a
closing tag. Empty tags are also known as standalone tags.
EXAMPLE: <br>, <img>, <col>, <hr>, etc.
Basic html code document
Paragraph tag <P>
paragraph align tag <p align>
Back ground image and text color <body text=------ body background=
------.jpg>
<Blockquote>
font tag<font>
font size<font size=--------->
Font face<font face=---------->
Font color <font color=------>
Font basefont tag <basefont face=--- size=------- color=------->
Heading tag <h1>
Demo of headings
Horizontal rule tag <hr>
Ordered list demo <ol type=--->`
Pre tag demo <pre>
Unordered list tag <ul>
Br tag <br>
Comment tag 
Implicit and explicit tag

Bold tag <b>,strong emphasis tag <strong >,italic tag <i>,teletype text <tt>,
emphasis tag <em>,underlined text <u>
Implicit tags
Explicit tags
Division tag <div>
Basefont tag <basefont face=--------size= color=------>
Marquee tag <marquee>
Nested list(unordered list and ordered list together) tag
Menu list <menu>
Link demo
Image tag(inline image and background image ) <img>
Align an image ,border to an image and alternate text to an image
Directory list <dir>
Definition list <dl>
Working with tables
Table data <td>,table row <tr>
Table tag using align and valign tag <td align =--------- valign=------------->
Insert image in table cell<imgsrc=-----------.jpg>
Insert table tag with cellpadding and more tags
Insert a image in table and text together in cells
Insert a specify size of any cell
Insert a table tags
Insert a cell padding
Insert a cell spacing and bgcolor in table
Insert change colors of cells in specified row
Use colspan with table tag
Insert rowspan in table
Creating forms
Insert a form with name, address, etc
Insert a form
Frames
Insert a frame with frame set
Css
Using css with internal style sheet
Q.1) Create a new site. Start with new page using Your Name to name the
page. Make the home page and view the web in navigation and folder. View
record your observation.
Steps:1. CLICK RIGHT AND CREATE NEW FOLDER

2. OPEN THE FOLDER AND CREATE A NEW PAGE
3. NAME THE PAGE SHALU.HTM
4. WRITE NAMEAND SELECT IT
5. GO TO FILE AND CLICK THE OPTION PRIEVIEW BROWSER
Q.2) ON THE HOME PAGE,GIVE A BRIEF DESCRIPTION ABOUT

YOURSELF AND TYPE THE FOLLOWING SUB HEADING
QUALIFICATION, HOBBIES, AND INTEREST, FUTURE
PLANS,AND ADDRESS FOR COMMUNICATION
STEPS:
FILL ALL THE INFORMATION
GO TO FILE AND CLICK PRIEVIEW IN BROWSER
Q.3) APPLY THE MOST APPROPRIATE THEME AT THE WEB PAGE

AND THE WEB SITE.
STEPS:
GO TO FORMAT TOOL BAR
CLICK ON THE OPTION THEME AND APPLY THEME
GO TO FILE AND CLICK PREVIEW IN BROWSER
Q.4) APPLY FONT AND COLOR STYLES ON TO YOUR WEB PAGE AND
PREVIEW.
STEPS:
SELECT THE DATA WRITTEN
RIGHT CLICK AND GO TO FONT PROPERTY SELECT THE COLORAND

FONT STYLES.
GO TO FILE, CLICK PREVIEW IN BROWSER
Q.5) CREATEA NEW WEB PAGED USING THE 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.CREATE A NEW PAGE NAMED QUALIFICATION
2.GO TO INSERT AND SELECT A BOOKMARK
3.WRITE BOOKMARK NAME PERSUING IP UNIVERSITY
Q.6) LINK THE PAGE, QUALIFICATION.HTM,WITH THE SUB-H

EADING QUALIFICATION IN THE HOME PAGE.
STEPS:
1. SELECT QUALIFICATION FROM FRONT PAGE
2. RIGHT CLICK AND SELECT HYPERLINK
3. SELECT QUALIFICATION.HTML PRESS OK
4. GO TO FILE, CLICK PREVIEW IN BROWSER
Q.7) CREATE A NEW PAGE USING THE FRONT PAGE EDITOR AND
WRITE YOUR HOBBIES AND INTEREST ON IT.SAVE THE PAGE AS
HOBBIES.HTM.
STEPS:
CREATE A NEW PAGE NAMED AS HOBBIES
INSERT DATA IN IT AND THEN SAVE IT
NOW PREVIEW IT IN BROWSER
Q.8) LINK THE PAGE, HOBBIES.HTM, WITH THE SUB-HEADING

HOBBIES AND INTEREST IN THE HOME PAGE.
STEPS:
SELECT HOBBIES FROM FRONT PAGE
RIGHT CLICK AND SELECT HYPERLINK
SELECT HOBBIES.HTML PRESS OK
Q.9) CREATE A NEW PAGE AND WRITE A FEW LINES ON YOUR

FUTURE PLANS AND SAVE THE PAGE AS FUTURE PLAN
STEPS:
CREATE A NEW PAGE NAMED AS FUTURE PLANS
INSERT DATA IN IT AND THEN SAVE IT
Q.10) LINK THE PAGE. FUTURE PLANS.HTM, WITH THE SUB

HEADING FUTURE PLANS IN THE HOME PAGE.
STEPS:
SELECT FUTURE PLANS FROM FRONT PAGE
SELECT FUTURE PLANS.HTML PRESS OK
Q.11) CREATE A NEW PAGE,WRITE YOUR ADDRESS

COMMUNICATION AND SAVE THE PAGE AS ADDRESS
STEPS:
CREATE A NEW PAGE NAMED AS ADDRESS
INSERT DATA IN IT AND THEN SAVE IT AS ADDRESS.HTM
FOR
Q.12) LINK THE PAGE, ADDRESS.HTM TO THE SUB-HEADING

ADDRESS FOR COMMUNICATION PAGE IN THE PAGE.
STEPS:
SELECT ADDRESS FROM FRONT PAGE
SELECT ADDRESS.HTM PRESS OK
Q.13) SHOW A NAVIGATION VIEW OF WEB PAGES IN FRONT PAGE

EDITOR
STEPS:
SELECT NAVIGATION FROM VIEWS TOOLBAR
RENAME THE HOME PAGE AS SHALU
CREATE SUB BRANCHES OF HOME WEB PAGES
Q.14) TEST ALL HYPERLINK IN THE FRONT PAGE EDITOR AND

RECORD YOUR OBSERVATION.
STEPS:
VIEW THE WEB HOME PAGE IN BROWSER
CLICK ON LINK FOR JUMP ON THE LINKED WEB PAGE
Q.15) IMPORT AN IMAGE, IF IT IS NOT AVAILABLE ON THE LOCAL

DRIVE.USE CLIPART ON EACH PAGE AND USE IMAGE TO LINK TO
THE HOME PAGE.
STEPS:
GOTO INSERT AND THEN ON PICTURE AND SELECT CLIP ART
SELECT APPROPRIATE PICTURE FOR WEB PAGE
NOW RIGHT CLICK ON PICTURE AND SELECT HYPERLINK
NOW SELECT THE HOME PAGE AND THEN CLICK ON OK
PREVIEW IN BROWSER
Q.16) MAKE THE IMAGE BRIGHTER AND LOWER THE CONTRAST.
STEPS:
GOTO PICTURE TOOLBAR AND SELECT MORE BRIGHTNESS
NOW SELECT LESS CONTRAST AND SAVE IT
PREVIEW IT IN BROWSER
Q.17) MAKE THE COLOR TRANSPARENT AND ASSIGN ALTERNATE

TEXT WITH A SUITABLE CAPTION TO THE IMAGE.
STEPS :
GOTO PICTURE TOOLBAR
SELECT TRANSPARENT, THEN CLICK ON IMAGE
RIGHT CLICK ON PICTURE AND SELECT PICTURE PROPERTY
GOTO GENERAL AND GIVE ALTERNATE TEXT AND CLICK ON OK
SAVE IT THEN SELECT PREVIEW
Q.18) OPEN THE WEB PAGE FUTURE.HTMAND INSERT A

BACKGROUND SOUND FILE INTO THE PAGE.
STEPS :
RIGHT CLICK ON ANY WHERE IN NORMAL VIEW PAGE
SELECT PAGE PROPERTIES
BROWSE THE SOUND FILE AND THEN CLICK ON OK
Q.19) OPEN THE WEB PAGE HOBBIES.HTMAND APPLY ANIMATION

(AS ANIMATION GIF) TO THE IMAGE OR CLIPART (IF INSERTED)
STEPS :
SELECT IMAGE THEN GOTO FORMAT AND SELECT DHTML EFFECT
SPECIFY THE APPROPRIATE EFFECTS AND METHOD
Q.20) OPEN THE PAGE, HOBBIES.HTMAND INSERT A TABLE OF AT

LEAST COLUMN AND FOUR ROWS,WITH COLUMN AND FOUR
ROWS,WITH COLUMN HEADING AS NAME, ADDRESS, PHONE NO
AND DATE OF BIRTH. ALIGN THE TABLE TO THE CENTRE OF THE
WEBPAGE AND TEXT FLOW AT CENTRE.
STEPS :
GOTO TABLE ,THEN INSERT AND SELECT TABLE
SPECIFY THE NO OF ROWS AND COLUMNS AND CLICK OK
SELECT ALIGN CENTRE, THEN FILL THE DATA
Q.21) ENTER DATA INTO THE TABLE AND ADJUST THE FONT AS
BOOK ANTIQUA AND FONT SIZE AS 12.
STEPS :
CLICK ON TABLE ,THEN GO TO FONT AND SELECT TIMES NEW ROMAN

FONT TYPE
GOTO FONT SIZE AND SELECT 3 (12pt)
INSERT THE DATA IN TABLE
Q.22) INSERT GENERAL INFORMATION AS CAPTION FOR THE

TABLE.
STEPS:
CLICK ANY WHERE IN TABLE AND THEN GOTO TABLE TOOL BAR
GOTO INSERT AND SELECT CAPTION
WRITE CAPTION AS GENERAL INFORMATION
Q.23) OPEN THE PAGE,BEARING YOUR NAME AND INSERT A

FORM.ASIGN THE BASE NAME AS PERSONAL DETAILS AND SAVE
THE FILES AS PERSONALTEXT FORMAT.
STEPS:
GOTO FILE, THEN TO NEW AND SELECT PAGE OR WEB
SELECT FORM PAGE WIZARD
SPECIFY THE NO OF QUESTION AND THEN CLICK ON NEXT AND THEN ON

FINISH
Q.24) USE OF MARQUEE IN WEB PAGE
STEPS:
GO TO INSERT AND SELECT WEB COMPONENT
SELECT MARQUEE
SPECIFY TEXT , STYLE , DURATION AND TIME COLOR ETC THEN CLICK ON
OK
PREVIEW IN BROWSER

Sahil DSPSR

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Sahil DSPSR

Diunggah oleh

Hak Cipta:

Format Tersedia

COMPUTER APPLICATION

DELHI SCHOOL OF PROFESSIONAL STUDIES AND RESEARCH

OBJECTIVES OF THE STUDY

CONTAINER TAGS AND EMPTY TAGS

Basic html code document

Paragraph tag <P>

paragraph align tag <p align>

Font face<font face=---------->

Font color <font color=------>

Font basefont tag <basefont face=--- size=------- color=------->

Heading tag <h1>

Horizontal rule tag <hr>

Ordered list demo <ol type=--->`

Pre tag demo <pre>

Unordered list tag <ul>

Comment tag

Implicit and explicit tag

Division tag <div>

Basefont tag <basefont face=--------size= color=------>

Marquee tag <marquee>

Nested list(unordered list and ordered list together) tag

Menu list <menu>

Image tag(inline image and background image ) <img>

Align an image ,border to an image and alternate text to an image

Directory list <dir>

Definition list <dl>

Working with tables

Table data <td>,table row <tr>

Insert image in table cell<imgsrc=-----------.jpg>

Insert table tag with cellpadding and more tags

Insert a image in table and text together in cells

Insert a specify size of any cell

Insert a table tags

Insert a cell padding

Insert a cell spacing and bgcolor in table

Insert change colors of cells in specified row

Use colspan with table tag

Insert rowspan in table

Steps:1. CLICK RIGHT AND CREATE NEW FOLDER

Q.2) ON THE HOME PAGE,GIVE A BRIEF DESCRIPTION ABOUT

FILL ALL THE INFORMATION

GO TO FILE AND CLICK PRIEVIEW IN BROWSER

Q.3) APPLY THE MOST APPROPRIATE THEME AT THE WEB PAGE

GO TO FORMAT TOOL BAR

CLICK ON THE OPTION THEME AND APPLY THEME

GO TO FILE AND CLICK PREVIEW IN BROWSER

SELECT THE DATA WRITTEN

RIGHT CLICK AND GO TO FONT PROPERTY SELECT THE COLORAND

GO TO FILE, CLICK PREVIEW IN BROWSER

Q.5) CREATEA NEW WEB PAGED USING THE FRONT PAGE

Q.6) LINK THE PAGE, QUALIFICATION.HTM,WITH THE SUB-H

CREATE A NEW PAGE NAMED AS HOBBIES

INSERT DATA IN IT AND THEN SAVE IT

NOW PREVIEW IT IN BROWSER

Q.8) LINK THE PAGE, HOBBIES.HTM, WITH THE SUB-HEADING

SELECT HOBBIES FROM FRONT PAGE

RIGHT CLICK AND SELECT HYPERLINK

SELECT HOBBIES.HTML PRESS OK

GO TO FILE, CLICK PREVIEW IN BROWSER

Q.9) CREATE A NEW PAGE AND WRITE A FEW LINES ON YOUR

CREATE A NEW PAGE NAMED AS FUTURE PLANS

INSERT DATA IN IT AND THEN SAVE IT

NOW PREVIEW IT IN BROWSER