Scribd
Upload
66 views

Sahil DSPSR

This document contains instructions for a student to create a basic personal website using Microsoft FrontPage. The student is asked to create pages about themselves, their qualifications, hobbies, future plans, and contact information. They are instructed to apply themes, fonts, colors, images, links, and other basic HTML elements. They are also asked to test the hyperlinks between pages and import/apply images, sounds, and animations. The goal is to familiarize the student with building a simple website using FrontPage.

Uploaded by

Shardul Sharma
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
66 views

Sahil DSPSR

This document contains instructions for a student to create a basic personal website using Microsoft FrontPage. The student is asked to create pages about themselves, their qualifications, hobbies, future plans, and contact information. They are instructed to apply themes, fonts, colors, images, links, and other basic HTML elements. They are also asked to test the hyperlinks between pages and import/apply images, sounds, and animations. The goal is to familiarize the student with building a simple website using FrontPage.

Uploaded by

Shardul Sharma
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 85

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

GO TO FILE, CLICK PREVIEW IN BROWSER

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

NOW PREVIEW IT IN BROWSER

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

RIGHT CLICK AND SELECT HYPERLINK

SELECT FUTURE PLANS.HTML PRESS OK

GO TO FILE, CLICK PREVIEW IN BROWSER

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

NOW PREVIEW IT IN BROWSER

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

RIGHT CLICK AND SELECT HYPERLINK

SELECT ADDRESS.HTM PRESS OK

GO TO FILE, CLICK PREVIEW IN BROWSER

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

You might also like