BHARATIYA VIDYA BHAVAN’S COLLEGE
(Affiliated to Guru Gobind Singh Indraprastha University Dwarka
New Delhi)
BACHELOR OF COMPUTER APPLICATIONS (BCA)
YEAR: 2024-2028
SEMESTER 1
PRACTICAL FILE
WEB TECHNOLOGY LAB
Subject Code: BCA 105P
SUBMITTED TO: MS. NIDHI SHARMA
(Assistant Professor)
SUBMITTED BY: Utpal kumar singh
Enrollment Number:___________________
Acknowledgement
I wish to express my heartfelt gratitude for the Successful
completion of my WEB TECHNOLOGY Practical file. This
achievement was only possible Due to the unwavering
support and guidance Provided by my teacher MS. Nidhi
sharma .Her Clear explanations and valuable insights
Significantly enriched my understanding.
Additionally, I want to thank my friends for their
Collaborative efforts, enhancing the quality of the
Project. Their input and encouragement were Invaluable
throughout this journey. Lastly, my Family’s constant
support and motivation played a Pivotal role in achieving
excellence in this Challenging endeavor.
CERTIFICATE
This is to certify that Utpal Kumar Singh of first
year, having ENROLLMENT NUMBER –
__________________has submitted WEB
TECHNOLOGY LAB PRACTICAL in Partial
fulfilment for The award of Bachelors of
Computer applications (BCA) for the session
2024-2028. It has been found to be satisfactory
and hereby Approved for the submission.
INDEX
S.NO. NAME OF PAGE DATE SIGNATURE
PROGRAM NO.
01. What is Web 5-6
Design?
02. What is CSS? 7-9
03. Types Of CSS 10-11
03. What Is 12-13
JavaScript?
04. What is XML 14-18
05. List of programs 19-20
06. Create a table to 21-22
implement with
rowspan and
columnspan
07. Implement all 23-24
types of list.
08 Create a college 25-2
registration form.
09. Create 4 frames 28-29
in a
page & display 4
images in those
frames.
10. Create login page 30-35
with validation.
11. Implement 36-39
onload event in
an html page.
12. Implement a 40-65
JAVASCRIPT to
file with regular
expression.
13. Implement and 66-67
load image in an
html page.
14. Insert a node & 68-71
attribute in html
page to DOM.
What is Web Design?
Web Design is a field related to designing
websites on the Internet. Without a good
design, a website fails to perform well and
cannot produce a good impact on the user.
Design is a creative process that affects the
ranking of the brand. A good website design
helps to create an engaging online presence
that captivates the audience.
Before beginning to design a website a user
has to be clear about what web designing is. It
is the art of making websites look and feel
good to the user and providing easy access to
the website features to the client. It focuses on
improving the user experience rather than
development.
Types of Web design
The following are the types in which you can do
Web Design:
Static Website: This type of design is used
when little or no interaction is required from
the user.
Dynamic Website: When user interaction is
required and information is to be displayed
according to the request then a dynamic
design pattern is followed.
E-commerce Website: This type of website
design is required when a business wants to
sell their products to the consumer.
Flat Design: Minimalist approach
characterized by clean, simple elements,
vibrant colors, and absence of textures or
gradients.
Neuromorphic Design: Mimics physical
interactions and textures, creating interfaces
that blend realism with digital functionality.
Minimalism Design: Focuses on stripping away
unnecessary elements, favoring simplicity,
clean lines, and ample white space for an
uncluttered user experience.
What is CSS?
CSS stands for Cascading style sheets. It
describes to the user how to display HTML
elements on the screen in a proper format.
CSS is the language that is used to style HTML
documents. In simple words, cascading style
sheets are a language used to simplify the
process of making a webpage.
CSS is used to handle some parts of the
webpage. With the help of CSS, we can control
the colour of text and style of fonts, and we
can control the spacing between the paragraph
and many more things. CSS is easy to
understand but provides strong control on the
Html documents.CSS is combined with HTML.
Here are the following advantages of CSS,
such as:
Faster page speed: It has a faster page speed
than other code’s page speeds. With the help
of the CSS rule, we can apply it to all
occurrences of certain tags in HTML
documents.
Better user experience: CSS makes a webpage
very attractive to the eyes. Also, CSS makes it
user-friendly. When the button or text is in a
proper format, it improves the user
experience.
Quicker Development time: With the help of
CSS, we can specify the format and style the
multiple pages into one code string. In
cascading style sheet, we can make a
duplicate copy of several website pages.
If we make a webpage, it has the same
formatting, looks, and feel, so with the help of
the CSS rule for one page, and it is sufficient
for all the pages.
Easy Formatting changes: In CSS, if we need to
make changes in the format, it is very easy; we
only need to change the one-page format it will
automatically apply to the other pages of CSS.
There is no need to correct individual pages in
a CSS style sheet. If we fix a CSS style sheet, it
will automatically update the other CSS style
sheet.
Compatibility: Compatibility is very important
in today’s age. If we create any webpage, it
should be very responsive and user-friendly.
CSS is used with Html to make webpage
design responsive.
Types of CSS
There are three types of CSS:
1. Inline CSS
Inline CSS is used to style the elements of
HTML documents. It is used in HTML to style
the attributes without using the selectors. It is
challenging to manage the inline function in
websites compared to other types. It is very
helpful in Html in some situations.
2. Internal CSS :Internal CSS is used to design
the style single page effectively. It is more
time-consuming because we can only work on
one page or we need to style each web page. In
internal CSS, we style a single webpage
uniquely.
3. External CSS
External CSS is used to link all webpage with
an external file. CSS, which can be created in a
text file. It is more efficient for styling an
extensive webpage. It also increases the
readability of the CSS files.
What Is JavaScript?
JavaScript is a lightweight programming
language commonly used by web developers
to add dynamic interactions to web pages,
applications, servers, and even games.
It works seamlessly alongside HTML and CSS,
complementing CSS in formatting HTML
elements while providing user interaction, a
capability that CSS alone lacks.
JavaScript’s widespread applications in web,
mobile app, and game development make it a
valuable language to learn.JavaScript uses
other coding languages as the basis for a web
page’s structure and content and builds off
that structure to create dynamic page
elements. One of the reasons for JavaScript’s
popularity is its ability to create complex and
secure web features using the simplest forms
of code. JavaScript, HTML and CSS all work
seamlessly together to create both simple and
complex web page features.JavaScript and
HTML
Programmers use HTML, the most basic
programming language, as the outline for a
page’s content. JavaScript directly influences
and updates the HTML based on user
commands, such as the click of a mouse or
entering information into a web form.
JavaScript controls how the web page interacts
with or changes HTML content through these
commands.
JavaScript and CSS
CSS outlines the visual elements on a web
page. CSS interacts with JavaScript providing
guidelines for how JavaScript can influence the
web page. While HTML provides the content for
a web page, CSS modifies the visual display
through shape, colour, size and style.
JavaScript can only operate within the
boundaries set by the CSS code.
What is XML (Extensible Markup
Language)?
XML (Extensible Markup Language) is used to
describe data. The XML standard is a flexible
way to create information formats and
electronically share structured data via the
public internet, as well as via corporate
networks.
XML is a markup language based on Standard
Generalized Markup Language (SGML) used for
defining markup languages.
XML’s primary function is to create formats for
data that is used to encode information for
documentation, database records,
transactions and many other types of data.
XML data may be used for creating different
content types that are generated by building
dissimilar types of content – includinweb,print
and mobile content – that are based on the
XML data.
Like Hypertext Markup Language (HTML),
which is also based on the SGML standard,
XML documents are stored as American
Standard Code for Information Interchange
(ASCII) files and can be edited using any text
editor.XML works by providing a predictable
data format. XML is strict on formatting; if the
formatting is off, programs that process or
display the encoded data will return an error.
For an XML document to be considered well-
formed – that is, conforming to XML syntax and
able to be read and understood by an XML
parser – it must be valid XML code. All XML
documents consist of elements; an element
acts as a container for data. The beginning and
end of an element are identified by opening
and closing tags, with other elements or plain
data within.
XML works by providing properly formatted
data that can be reliably processed by
programs designed to handle XML inputs.XML
entities
XML elements can also contain predefined
entities, which are used for special reserved
XML characters. Custom entities can be
defined to insert a predefined string of
characters for inclusion in an XML file.
The five standard predefined XML entities are
the following:
< -- The less than symbol (<), also known as
the open angle bracket, is normally used in
XML to indicate the start of an XML tag. This
entity is used when the open angle bracket is
part of the content of the XML file.
> -- The greater than symbol (>), also known
as the close angle bracket, is normally used in
XML to indicate the end of an XML tag. This
entity is used when the close angle bracket is
part of the content of the XML file.
& -- The ASCII ampersand symbol (&) is
reserved in XML for indicating the start of an
XML entity. This entity is used when an
ampersand occurs within an XML element.
" -- The ASCII double quote character (“)
is used in XML element tags to identify
optional attribute values of the element. For
example, an <emphasis> tag might include
options for emphasizing some text, such as
bold, italic or underline. This entity is used
when a double quote character appears in the
contents of an XML element.
' -- The ASCII single quote character (‘),
also known as an apostrophe, is used in XML
element tags to identify option attributes of
the element. For example, an <emphasis> tag
might include options for emphasizing some
text, such as bold, italic or underline. This
entity is used when a single quote or
apostrophe appears in the contents of an XML
element.
