Web development Page 1

Web development Page 2

Web development Page 3
Web development Page 4
 Index:-
S.no Particular Page no Working hours
1 Introduction 3hr

1.1 Tgas used 3hr

1.2 -Formatting 3hr

1.3 -Attribute 3hr

1.4 -color
1.5 -color name
1.6 -Video
1.8 -Form
1.9 -nav
1.10 -doms
1.11 -quotation
1.12 -article
1.13 -cheatsheet
1.14 -attrubutes
1.15 -doms
1.16 -elements
1.17 -elements
1.18 -heading
1.19 -paragraph
1.20 -Br
1.21 -hr
1.22 -pre
1.23 -imgae
2 Css(Cascading style sheet)
2.1 Ways

Web development Page 5

2.2 Selector
2.3 Properties
2.4 Cheat sheet
2.5 Frameworks
2.6 Requirement
2.7 Framworks
2.8 Wesite template
Pratical session
3 Bootstrap
3.1 application
3.2 Layout
3.4 Container
3.5 Bootstarp
4 Javascript
4.1 Linking files
4.2 Feature
4.3 Application
4.4 Limitation
4.5 Array
4.6 String
4.7 Operator
4.8 Bitwise operator
4.9 Boolean method
4.10 Date
4.11 Data properties
4.12 Date method
Pratical session
5 System reqirement

Web development Page 6

5.1 Use requirement
5.2 Hardware requirement
5.3 Software
6 Screenshort
7 conclusion

Web development Page 7

Web development Page 8
ACKNOWLEDGEMENT:-
“If words to be the symbol of undiluted feelings and token of gratitude then let
the words play her aided role of expressing gratitude”.

We would like to express our sincere thanks to Dr.MR Pattabhiram, Honorable

Director of M.S.R.F for encouraging us to do this project work.

We take this great opportunity to express our sincere and heartfelt gratitude to
our beloved principal Dr.MK Purushothama, Ramaiah Institute of Business
Studies (RIBS) Bangalore, for the encouragement all throughout our under-
graduation course.

It is our privilege to thank our guide of BCA department, Mrs. Supriya P for the
constant encouragement during this project work.

We are extremely grateful to our HOD of BCA department, Mrs. Supriya P for her
inspiring guidance, encouragement for the work, timely suggestions and also for
providing us with all the facilities for the completion of the project.

We would also thank all those, directly and indirectly involved in helping us with
thecompletion of this project work successfully.

Web development Page 9

 Abstract:-
This web development project aimed to create a dynamic and
user-centric online platform by employing modern
technologies, robust frameworks, and agile methodologies.
Beginning with thorough planning and conceptualization, the
project progressed through iterative stages of design,
development, and testing. Key considerations included
responsive design principles, accessibility standards, and
performance optimization techniques to ensure an inclusive
and seamless user experience across various devices and
network conditions. Collaboration among multidisciplinary
teams facilitated innovation and refinement throughout the
project lifecycle. The implementation of emerging
technologies such as Progressive Web Apps (PWAs) and
serverless architecture added depth and versatility to the
platform. This abstract encapsulates the comprehensive
approach taken to deliver a cutting-edge web solution that
meets the evolving needs and expectations of users in the
digital age.

Web development Page 10

CHAPTER-1:-

INTRODUCTIONT OF HTML:-
HTML stands for HyperText Markup Language. It is the standard language used
to create and design web pages on the internet. It was introduced by Tim
Berners-Lee in 1991 at CERN as a simple markup language. Since then, it has
evolved through versions from HTML 2.0 to HTML5 (the latest 2024 version).
HTML is the language of the web, used by billions of websites to create the pages
you see every day.

1.1 HTML TAGS USED:-

HTML tags are the building blocks of web pages. By understanding and using
HTML tags effectively, you can create well-structured and informative webpages.

HTML <p> Tag

HTML <a> Tag

HTML <div> Tag

HTML <span> Tag

HTML <header> Tag

HTML <footer> Tag

HTML <break> Tag

Web development Page 11

HTML <nav> Tag

HTML <script> Tag

HTML Tags – A to Z List

1.2 HTML Formatting:-

HTML <i> Tag

HTML <small> Tag

HTML <ins> Tag

HTML <sub> Tag

HTML <strong> Tag

HTML <b> Tag

HTML <mark> Tag

HTML <del> Tag

HTML <em> Tag

HTML <sup> Tag

Web development Page 12

1.3 HTML Attributes:-

HTML attributes provide additional information about elements. Specified in the

start tag, attributes typically come in name/value pairs, like name=”value”.

Syntax:

<element attribute_name= "attribute_value">

HTML Global Attributes:-

Global attributes apply to all types of HTML tags. Some commonly used global
attributes include:

Egs – class,style,src,srcset,role..etc

1.4 HTML Colors:-

HTML Colors can be applied to text, backgrounds, borders, links, forms, tables,
etc. This article provides an in-depth look at how colors can be applied to various
elements such as text, backgrounds, borders, links, forms, and tables in HTML.
We will explore different color formats including hexadecimal, RGB, RGBA, HSL,
and named colors, offering you precise control over the color presentation on
your web pages.

1.5 HTML Colors Name:-

HTML color names offer a user-friendly way to specify colors. From classic colors
like Red, Green, Blue, Pink, Purple, Sky Blue, Gray, and Orange, to more exotic
shades, HTML provides a wide palette for web designers. Whether you’re

Web development Page 13

designing a serene theme or a vibrant layout, HTML color names have got you
covered.

Egs-Rgb(red,green,blue)

1 . 6 HTML Video:-

The <video> element in HTML allows you to embed video content directly into
web pages. It supports various video formats, including MP4, WebM, and Ogg. In
this guide, we’ll learn about the key features of HTML5 video. video and audio
tags are introduced in HTML5.

Syntax

<video src="" controls> </video>

1.7 HTML Forms:-

HTML Forms utilize the <form> element as a powerful tool to collect user input
through a variety of interactive controls. These controls range from text fields,
numeric inputs, email fields, password fields, to checkboxes, radio buttons, and
submit buttons.

Synatax:-

<form>
<!--form elements-->
</form>

Web development Page 14

Form Elements

The HTML <form> comprises several elements, each serving a unique purpose.
For instance, the <label> element is used to define labels for
other <form> elements.

Element:-label,input,button,select…etc

1.8 HTML <nav> Tag:-

The HTML <nav> tag is used for defining navigation sections in web documents.
It serves to organize and present links that facilitate user navigation within or
outside the current webpage.

Syntax;-

<nav> Links... </nav>

Supported Browser:

Google Chrome 5.0

Edge 12

Mozilla 4.0

Safari 5.0

Web development Page 15

Opera 11.1

1.9 HTML DOMS:-

HTML DOM:-The Document Object Model (DOM) is a programming interface for

HTML(HyperText Markup Language) and XML(Extensible markup language)
documents.

1.10 HTML Quotations:-

The HTML Quotation elements are used to insert quoted texts in a web page, that
is the portion of texts different from the normal texts in the web page. Below are
some of the most used quotation elements of the HTML.

Syntax:-<any words>

Tag Description

<abbr> Defines abbreviation or acronym.

<address> Defines contact info for the author/owner of a document.

<bdo> Defines text direction, left-to-right or right-to-left.

<blockquote> Defines a section quoted from another source.

Web development Page 16

Tag Description

<cite> Defines the title of a work, book, article, or publication.

<q> Defines short inline quotation, enclosed in quotation marks.

Supported Browser:

Google Chrome

Edge

Firefox

Opera

Safari

1.11 HTML5 <article> Tag:-

The article element represents a component of a page that consists of self-

contained composition in a document, page, or site. For Ex. in syndication.

A potential source for Article Element is:

Web development Page 17

A magazine/newspaper article

A blog entry

A forum post

A user-submitted a comment

Syntax:-

<article> {

display:block;

1.12 HTML CheatSheet:-

HTML Cheat Sheet is a simple, and quick reference list of basic HTML elements
and attributes. The purpose of this Cheat Sheet is to provide you with some quick
accurate ready-to-use code snippets and necessary HTML tags and attributes.

1.13 HTML ENTITES:-

HTML entities offer methods to display reserved characters, ensuring correct

rendering. Reserved characters, like ‘<‘, can create ambiguity if not displayed

Web development Page 18

properly. HTML provides entity names and numbers for symbols not on basic
keyboards (e.g., £, ¥, €, ©), resolving ambiguity and enabling accurate display.

Syntax:-

&entity_name; or & #entity_number;

Table of Content:-

Entity Name and Entity Number

Reserved Characters

Other Characters

Advantages and Disadvantages of HTML Entity

Non-breaking Space

Combining Diacritical Marks

1.14 HTML DOM:-

HTML DOM: The Document Object Model (DOM) is a programming interface for
HTML(HyperText Markup Language) and XML(Extensible markup language)
documents.

Web development Page 19

1.15 HTML Comments:-

HTML comments are an very important for developers, providing a way to

annotate code without affecting the rendered webpage. HTML Comments enhance
code readability, facilitate collaboration, and can be used to temporarily disable
code segments. Enclosed within <!– and –>, HTML comments serve as invisible
notes within the code.

1.16 HTML Elements:-

An HTML Element is a collection of start and end tags with the content inserted
between them. HTML elements are building blocks of web pages, representing
different types of content such as headings, paragraphs, links, and images.

Syntax:-

<tagname > Contents... </tagname>

1.17 HTML Headings:-

HTML headings, from <h1> to <h6>, indicate content hierarchy and importance.
Search engines use them for indexing. Users navigate by headings. Employ <h1>
for main titles, <h2> for subsections, and progressively lower levels for less
important content to maintain structure and readability.

HTML provides six levels of heading elements, ranging from <h1>

Web development Page 20

Purpose and Usage of Heading Tags:

1. <h1> – Main Heading (Largest):

Represents the primary topic of the page.

Use it sparingly to maintain clarity.

2. <h2> – Subheadings:

Ideal for dividing content into sections.

If further subsections exist, employ <h3> elements.

3. <h3> to <h6> – Smaller Headings:

Gradually decrease in size.

Use them for finer subdivisions.

Syntax:-

// the 'h' inside the tag should be in small case only.

<h1>Heading1</h1>
<h2>Heading2</h2>
.
.
.
<h6>Heading6</h6>

Web development Page 21

1.18 HTML Paragraphs:-

The <p> tag in HTML signifies a paragraph. Enclosed within the opening <p> and
closing </p> tags, any content is recognized as a paragraph. As a block-level
element, a new paragraph inherently starts on a fresh line, with browsers
intuitively adding space before and after a paragraph for enhanced readability.

Syntax:-

<p> Content </p>

Part 1:-

1.19 <br> tag:-

The HTML <br> tag element creates a line break, giving you a new line without
starting a new paragraph. Use `<br>` when you want to move to the next line
without beginning a whole new paragraph.

Syntax:-

<br>

Web development Page 22

Part 2:

1.20 <hr> tag:-

The HTML <hr> tag is used to create a horizontal rule or line, visually separating
content on a webpage. Use <hr> when you want to insert a horizontal line to
signify a division between sections or elements, providing a clear visual break in
the page.

Syntax:-

<hr>

1.20 Align attribute:-

The <p> tag specifically supports the alignment attribute and allows us to align
our paragraphs in left, right, or center alignment.

Web development Page 23

Syntax:-

<p align="value">

1.21 <pre> tag:-

The <pre> is used for pre-formatted text. It keeps the original spaces and line
breaks exactly as they are in the code. When you use <pre>, the text appears in a
fixed-width font, preserving the formatting and layout just as it looks in the
HTML code.

Syntax:-

<pre> Content </pre>

1.22 HTML Links Hyperlinks:-

HTML links, or hyperlinks, connect web pages. They’re created using the <a>
tag with the href attribute, which specifies the destination URL. Users can click
on links to navigate between different pages or resources.

Web development Page 24

Syntax:-

<a href="url">link text</a>

1.23 HTML Images:-

The HTML <img> tag is used to embed an image in web pages by linking them. It
creates a placeholder for the image, defined by attributes like src, width, height,
and alt, and does not require a closing tag.

There are 2 ways to insert the images into a webpage:-

By providing a full path or address (URL) to access an internet file.

By providing the file path relative to the location of the current web page file.

Syntax:-

<img src=”example.jpg”>image</img>

Web development Page 25

1.24 HTML Layout:-

HTML layouts are the backbone of web pages, structuring content for user-
friendly navigation.

Ch-2

Css(Cascading Style Sheets):-

CSS (Cascading Styling Sheet) is the language that defines the presentation of a
document written in a markup language like HTML. CSS is the language that
transforms a basic HTML structure into a user-friendly and visually beautiful
webpage. It can change the font, color, size, and spacing of content, split it into
multiple columns, or add animations and other features.

CSS, or Cascading Style Sheets, is the secret sauce that styles all the websites you
visit. It’s a simple language that controls how HTML elements (like text, images,
and buttons) are displayed on a webpage. With CSS, you can change the font
size and color, add backgrounds, and control the layout, transforming a basic
webpage into a visually appealing and user-friendly experience

2.1 CSS has 3 ways to style your HTML:-

Web development Page 26

Inline: Add styles directly to HTML elements (limited use).

Internal: Put styles inside the HTML file in a <style> tag.

External: Create a separate CSS file (.css) and link it to your HTML

Syntax:-

Selector { Property: value; }

2.3 CSS Selectors:-

CSS selectors are used to select HTML elements based on their element name, id,
class, attribute, and many more.

CSS Properties:-

CSS Properties Complete Reference serves as a comprehensive guide to CSS

properties, covering their usage, syntax, and browser support. Organized
alphabetically, it provides detailed explanations and examples, making it an
essential resource for mastering cascading style sheets in web development.

CSS property is used to set the style or assign behavior of HTML elements. The
CSS property contains two parts, property_name, and property_value. The
property_value is enclosed within double quotes (” “).

Web development Page 27

2.5 CSS Cheat Sheet :-

CSS i.e. Cascading Style Sheets is a stylesheet language used to describe the
presentation of a document written in a markup language such as HTML, XML,
etc. CSS enhances the look and feel of the webpage by describing how elements
should be rendered on screen or in other media.

CSS Cheat Sheet provides you with the most common style snippets CSS gradient,
background, button, font family, order, radius, box, and text-shadow generators,
color picker, and more tools to add more visual weight to your document. All
these and other useful web design tools can be found on a single page.

2.6 CSS Frameworks:-

CSS Framework is a pre-prepared library that contains different styles and

templates that help to standardize the steps for designing and developing, along
with enhancing the process of designing and styling web pages by providing the
leverage to expedite the Developers. CSS frameworks tackle the challenge of
responsive design, seamlessly adapting layouts to diverse screen sizes.

Web development Page 28

CSS framework provides various features like efficiency, responsive design,
cross-browser compatibility, customization, and community support. CSS
framework is used to write CSS code more efficiently. Most of the time writing
CSS code from scratch is quite time-consuming and it takes a lot of time to debug.
CSS frameworks are built with pre-designed components and pre-coded utility
classes useful overall development process by reducing the time writing CSS from
scratch.

2.7 Project requirement :-

Project Requirements: Choose the framework according to the nature of your

project. First, understand what kind of project you are going to develop. A small
website, a simple landing page, or a large-scale application such as an e-
commerce platform because some frameworks are comprehensive and provide
many features, while others are lightweight with fewer features and useful for
small projects.

Performance: Check the file size of the framework, a smaller file size increases
the load time of the web page and enhances the performance of the website.

Community and Support: Choose the framework that has large and active
community support, you can be updated on all the updates and have a good
amount of resources such as documentation, tutorials, etc that are useful
throughout the development process.

Responsiveness: If the project requires a responsive design then choose a

framework that supports a mobile-first approach for development. The built-in
grid systems, utility classes, and responsive pre-designed components are useful.

Browser Compatibility: Ensure that the framework has been tested and is
compatible with major browsers to avoid cross-browser compatibility issues.

Web development Page 29

2.8 Benefits of CSS Frameworks :-

Efficiency: CSS frameworks are always on top when time is a concern since you do
not need to write code from scratch there is a pre-designed set of codes that will
help developers simply integrate into their applications which helps to save lots
of time with pleasing design.

Browser Compatibility: There is always a challenge in how the website looks on

different browsers but CSS frameworks are designed after various testing across
various browsers which reduces extensive debugging.

Responsiveness: Most CSS frameworks provide a feature of responsiveness when

you use their utility classes or components.

Community Support: Most of the popular CSS frameworks have large community
support.

2.9 Website Templates:-

HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) form the
fundamental building blocks for designing and developing the structure of any
web page or website. Together, they create an interactive and visually appealing
user interface through the use of various CSS properties.

This article curates a list of top-notch HTML & CSS template-based projects.
These projects are designed to enhance your frontend skills and deepen your
understanding of HTML & CSS.

Web development Page 30

Ch-3

Bootstrap :-

Bootstrap is a widely-used open-source front-end framework for web

development, providing a collection of HTML, CSS, and JavaScript components
and tools that enable developers to build responsive, mobile-first websites with
ease.

Bootstrap is a free and open-source tool collection for creating responsive

websites and web applications. It is the most popular HTML, CSS,
and JavaScript framework for developing responsive, mobile-first websites.
Nowadays, the websites are perfect for all browsers (IE, Firefox, and Chrome)
and for all sizes of screens (Desktop, Tablets, Phablets, and Phones). All thanks
to Bootstrap developers – Mark Otto and Jacob Thornton of Twitter, though it
was later declared to be an open-source project.

3.1 usage of bootstarp:-

It is Faster and Easier way for Web-Development.

It creates Platform-independent web-pages.

It creates Responsive Web-pages.

It designs responsive web pages for mobile devices too.

It is a free and open-source framework available on www.getbootstrap.com

Web development Page 31

3.2 Applications of Bootstrap:-

Responsive Web Design: Bootstrap empowers developers to create websites that

seamlessly adapt to different screen sizes and devices, providing a consistent
and optimal user experience.

Mobile-First Development: Bootstrap’s mobile-first approach ensures that

websites are designed and optimized for mobile devices, catering to the
increasing usage of smartphones and tablets.

Efficient Prototyping: With its extensive collection of pre-designed components

and templates, Bootstrap facilitates rapid prototyping, enabling developers to
quickly create functional website layouts and UIs.

Consistent Cross-Browser Compatibility: Bootstrap’s standardized CSS and

JavaScript codebase ensures consistent rendering and functionality across
various web browsers, saving developers time and effort in browser-specific
troubleshooting.

Customizable Themes and Styling: Bootstrap offers a wide range of customizable

themes and styles, allowing developers to create visually appealing and unique
designs that align with their brand or project requirements.

Time and Cost Efficiency: By leveraging the power of Bootstrap, developers can
save significant time and effort in front-end development, resulting in faster

project delivery and cost savings. Bootstrap 5

Bootstrap 5 Layout :-

Web development Page 32

facilitates the different components for the Layout to build a better user
interface, along with enhancing the overall interactivity of the website. It helps
to customize the in-built functions to make a responsive layout & scalable that
fits across different device or viewport sizes.

3.4 Containers:-

Containers are basically used to add pad the contents inside or center the items
inside the container.

3.5 Bootstap:-

Bootstrap 5 Content facilitates the different components, such as typography,

responsive images, tables, etc., that help to organize the content in the
hierarchical order, along with styling them in an elegant, consistent, and simple
baseline, in order to enhance the overall user-experience to the

Web development Page 33

Ch:4

Introduction to JavaScript:-

It was created in 1995 by Brendan Eich while he was an engineer at Netscape. It

was originally going to be named LiveScript but was renamed. Unlike most
programming languages, JavaScript language has no concept of input or output.
It is designed to run as a scripting language in a host environment, and it is up
to the host environment to provide mechanisms for communicating with the
outside world. The most common host environment is the browser. javaScript is
a lightweight, cross-platform, single-threaded, and interpreted
compiled programming language. It is also known as the scripting language for
webpages. It is well-known for the development of web pages, and many non-
browser environments also use it.

JavaScript is a weakly typed language (dynamically typed). JavaScript can be

used for Client-side developments as well as Server-side developments.
JavaScript is both an imperative and declarative type of language. JavaScript

Web development Page 34

contains a standard library of objects, like Array, Date, and Math, and a core set
of language elements like operators, control structures, and statements.

Process of linking file of HTML:-

Internal JS: We can add JavaScript directly to our HTML file by writing the code
inside the <script> tag. The <script> tag can either be placed inside the <head>
or the <body> tag according to the requirement.

External JS: We can write JavaScript code in another files having an extension.js
and then link this file inside the <head> tag of the HTML file in which we want to
add this code.

Features of JavaScript:-

According to a recent survey conducted by Stack Overflow, JavaScript is the most

popular language on earth.
With advances in browser technology and JavaScript having moved into the
server with Node.js and other frameworks, JavaScript is capable of so much
more. Here are a few things that we can do with JavaScript:

JavaScript was created in the first place for DOM manipulation. Earlier websites
were mostly

Applications of JavaScript:-

Web Development: Adding interactivity and behavior to static sites JavaScript

was invented to do this in 1995. By using AngularJS that can be achieved so
easily.

Web development Page 35

Web Applications: With technology, browsers have improved to the extent that a
language was required to create robust web applications. When we explore a
map in Google Maps then we only need to click and drag the mouse. All detailed
view is just a click away, and this is possible only because of JavaScript. It uses
Application Programming Interfaces(APIs) that provide extra power to the code.
The Electron and React are helpful in this department.

Games: Not only in websites, but JavaScript also helps in creating games for
leisure. The combination of JavaScript and HTML 5 makes JavaScript popular in
game development as well.

Limitations of JavaScript:-

Security risks: -JavaScript can be used to fetch data using AJAX or by

manipulating tags that load data such as <img>, <object>, <script>. These
attacks are called cross-site script attacks. They inject JS that is not part of the
site into the visitor’s browser thus fetching the details.

Performance: JavaScript does not provide the same level of performance as

offered by many traditional languages as a complex program written in
JavaScript would be comparatively slow. But as JavaScript is used to perform
simple tasks in a browser, so performance is not considered a big restriction in
its use.

Complexity: To master a scripting language, programmers must have a thorough

knowledge of all the programming concepts, core language objects, and client
and server-side objects otherwise it would be difficult for them to write
advanced scripts using JavaScript.

4.5 JavaScript Array:-

JavaScript Array is used to store multiple elements in a single variable. It can

hold various data types, including numbers, strings, objects, and even other
arrays. It is often used when we want to store a list of elements and access them
by a single variable.

Web development Page 36

4.6 JavaScript String :-

JavaScript Strings are used for storing and manipulating text content.

4.7 JavaScript Operators:- Operators are used to performing

specific mathematical and logical computations on operands. In other words, we
can say that an operator operates the operands.

4.8 JavaScript Bitwise Operators:

These operators convert the number to a 32-bit binary number and perform the
bitwise operation. The number is converted back to the 64-bit number after the
result.

4.9 JavaScript Boolean Constructor:-

A constructor gets called when an object is created using the new keyword.

4.10 JavaScript Boolean Methods:-

If the method is called on an instance of a boolean then it is called an instance

method.

Web development Page 37

4.11 JavaScript Date:-

JavaScript Date object is used to represent a moment in time It is used to work

with date and time This time value is since 1 January 1970 UTC

JavaScript Date Constructor:-

JavaScript Date Properties:-

Instance Properties:- An instance property is a property that has a new copy for
every new instance of the class.

Properties Description

constructor Returns the constructor function for an object.

4.13 JavaScript Date Methods:-

Web development Page 38

 Static
Methods Description

Return the number of milliseconds elapsed since January 1,

now()
1970, 00:00:00 UTC.

Return the time difference in milliseconds from, January 1,

parse()
1970, till the date we provide.

Return the number of milliseconds in a Date object since

UTC()
January 1, 1970, 00:00:00, universal time.

Ch-5 System requirement:-

5.1 User Requirements:

Since end users are the ones who are finally going to use the system, their
requirements need to be identified. This involves questioning the end users what their
expectations were. The main requirement of the end user is that the system should be
easy to use and take less time.

In addition to these another important factor was to eliminate the need for database
conversion and migration that had to be carried out presently. After conducting
interviews with the users a document called the software requirement specification
was created. This is the most important document that forms the basis for system
development. It should be consistent, complete, unambiguous, traceable and inter-
related. This document has the following components:

Web development Page 39

Functional Requirements:

The functional requirements specify relationship between the inputs and outputs. All
the operations to be performed on the input data to obtain output are to be specified.
This includes specifying the validity checks on the input and output data, parameters
affected by the operations and the other operations, which must be used to transform
the inputs into outputs.

Functional requirements specify the behavior of the system for valid input and outputs.

Performance Requirements:

This section includes performance of the product that are set by user interaction and
studying the existing system of the organization. These are stated in complete
measurable terms, so that they can be verified during system evaluation phase.

5.2 Hardware Requirement :

Processor : Intel Pentium iv

Processor speed : 2.66GHz

Main memory : 252 MB RAM

Display device : plug and play monitor

Key board : 108 keys

Web development Page 40

Mouse : ps/2 compatible mouse

Screenshort:-
Css code(:-

Web development Page 41

Web development Page 42
Web development Page 43
Web development Page 44
Web development Page 45
Web development Page 46
Light.css code:-

Web development Page 47

Web development Page 48
Web development Page 49
Index.html code:-

Web development Page 50

Web development Page 51
Web development Page 52
Output of the code:-

Web development Page 53

Conclusion:-

In conclusion, the journey of web development detailed in

this report underscores the dynamic nature of the digital
landscape. From initial concept to final deployment, each stage
demands meticulous planning, creativity, and technical
expertise. Through innovative technologies, robust frameworks,
and agile methodologies, developers are continually shaping the
online experience.

This report has highlighted the significance of responsive design,

accessibility, and performance optimization in delivering user-
centric web solutions. Furthermore, it has underscored the
importance of collaboration among multidisciplinary teams,
fostering a culture of innovation and continuous improvement.

As we look to the future, emerging trends such as Progressive

Web Apps (PWAs), serverless architecture, and augmented
reality (AR) present exciting opportunities for further exploration
and experimentation. By embracing these advancements and
staying attuned to evolving user expectations, developers can
continue to push the boundaries of possibility and elevate the
web experience for all.

Web development Page 54