A

PROJECT REPORT
ON
“Web Page Development”
is a partial fulfillment of the Diploma in Information
Technology of Maharashtra State Board of Technical Education,
Pune during the academic year 2023-24

By
Name of student: SHIRSEKAR VEDANT PRASAD
Enrollment No:2107110144

Guided by
(Ms.B.D.Kamble)

DEPARTMENT OF INFORMATION TECHNOLOGY

JSPM’s JAYAWANTRAO SAWANT POLYTECHNIC

HADAPSAR, PUNE-411028.

(Academic Year: 2023-24)

 JSPM’s

JAYAWANTRAO SAWANT POLYTECHNIC

HADAPSAR PUNE-28

Academic year 2023-24

CERTIFICATE

This is to certify that Ms./Mr. Vedant Prasad Shirsekar (institute) Jayawantrao Sawant
Polytechnic having Enrollment no:-2107110144 has completed Industrial Training(22049)
having title “Web Page Development” individually in a Group consistency of 1 candidates
under the guidance of the faculty guide.

Ms.B.D.Kamble
(Project guide) (Project Coordinator)

Mrs.S.B.Barasakar

(Head of Department)
(External Examiner)

Dr. Deokar S. M.
(Principal)
 ACKNOLEDGEMENT

It is matter of great pleasure for me to submit this report on “Web Page Deveploment” a part
of curriculum for award of Maharashtra education of technical education’s Diploma in
Information technology Engineering from JSPM’s Jayawantrao Sawant Polytechnic.

Firstly, I would like to express my gratitude to my guide Ms. B.D.Kamblefor their inspiration,
adroit guidance, constant supervision, direction and discussion in successful completion of this
Seminar.

I am thankful to Mr.Sandip Gadekar, Project coordinator for guiding and helping me right from
the beginning, also Head of Department Ms. T. D. Sayyad, for her valuable support and
guidance.

Also, I extend my thanks to all my colleagues those who have helped me directly or indirectly
in completion of this seminar and last but not least, I am thankful to my parents, who had
inspired me with their blessings.

SUBMITED BY-

Name: Shirsekar vedant

Enrollment No: 2107110144
 INDEX

Sr. No Title
 Title page
 Certificate
 ACKNOWLEDGEMENT
 ABSTRACT
Chapter 1. Introduction to company
1 1.1 Introduce to industry
1.2 Organization Background and nature of the Business

2 Chapter 2. The Industrial Training Program

2.2 Scope of responsibility
3 Chapter 3. Manufacturing Processes

4 Chapter 4. Type of major requirement

5 Chapter 5. Innovative Practices and suggestions
6 Conclusion
 Abstract

Industrial training course is introduced to all diploma program with an objective to

develop the traits of industry culture among the students before they enter into world
of industry. By exposing and interacting with the real-life industrial setting, student
will appreciate and understand the actual working of an industry, best practices
adopted in industry.
i2ispecialist Technology Private Limited focus on the job role-based training aligned
to the market demand. student can access a number of different career offerings and
select the one that support their career goal most effectively.
Through the blended learning approach, student can learn at their own pace that best
suits their individual style. The experience allows for user to interact with content
using both online and classroom-based environment.
 Chapter 1.

Introduction to Company

Name of the company:-i2iSpecialist Technologies Private Limited

i2iSpecialist Technology Private Limited is young company in kharadi. It is said

to be young because it is people by young, energetic, curious and the committed
who are excited about solving complex business problems, ethically. Conceived
with a vision to leave behind a legacy of transformed people as an organization,
they place a high emphasis on working in partnership with customers. They
change to match our needs as they say they very well understand the
consequences of this and they actually do this to satisfy their client needs.

Their professional take their time to understand the client’s business needs,
suggest re-engineering process and develop appropriate, cost-effective solution.
Their experience has taught them to provide any solution; they need creativity
and lots of inspired thinking their experience professionals along with the ‘let-
us- do-it’ attitude of the fresh talent is constantly pushing the horizons.
i2iSpecialist Technologies Private Limited registered office is spread over an
area of 780 sq.ft. and Corporate office area 280 Sq. Ft.at kharadi, Pune. The
industry year wise turnover is around 35lac+ for all software turnover they
undertake, backed by comprehensive management planning and supervision.

1.2 Organization Background and nature of the Business:-

India’s premier information technology and consultancy organization.

i2iSpecialist Technologies Private Limited creates IT and software solution that
effectively respond to a rapidly changing global business environment.
 Undertaking strategic business initiatives.
 Enhancing business efficiency and productivity.
 Improving time to market.
 Chapter 2.

The Industrial Training Program

2.1 Objectives of the Industrial Training Program:

1. To provide comprehensive learning platform to student where they can

enhance their employability skills and become job along with real
corporate exposure.
2. To enhance student’s knowledge in one particular technology.
3. To Increase self-confidence of students and helps in finding their own
proficiency
4. To cultivated student’s leadership ability and responsibility to perform or
execute the given task.
5. To provide learners hands on practice within a real job situation.

2.2 Scope of responsibility:

I enrolled for an Online Certification Course With a corporate philosophy that

considers Human Resource as that most prized assets of the organization, it’s
natural for i2iSpecialist Technologies Private Limited solution to continually
hone employee skills, enhance their knowledge and their expertise and their
aspiration to fruition.
 High Reliability
 High support and service
 Moderate Prices
 Speedy project implementation
 Chapter 3.

Manufacturing Processes With Production Planning and Control

Methods:
Detail Description of Software Development process of Product:

 Web Development:-
refers to the creating, building, and maintaining of websites. It includes aspects
such as web design, web publishing, web programming, and database
management. It is the creation of an application that works over the internet i.e.
websites
Web development, also known as website development, refers to the tasks
associated with creating, building, and maintaining websites and web
applications that run online on a browser. It may, however, also include web
design, web programming, and database management. Web development is
closely related to the job of designing the features and functionality of apps
(web design). The term development is usually reserved for the actual
construction of these things (that is to say, the programming of sites).
The basic tools involved in web development are programming languages called
HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), and
JavaScript/Python. There are, however, a number of other programs used to
“manage” or facilitate the construction of sites that would otherwise have to be
done “from scratch” by writing code. A number of content management systems
(CMS) fall into this category, including WordPress, Joomla!, Drupal, TYPO3,
and Adobe Experience Manager, among others.
Web development is closely related to the job of designing the features and
functionality of websites and apps (often called “web design”), but the “web
development” term is usually reserved for the actual construction and
programming of websites and apps.

The Languages used for Web Development are:-

1. HTML
2. CSS
3. PYTHON
There are three main types of web development: front-end development, back-
end development, and full-stack development

 Front-end Development:
involves the “client-facing” side of web development. That is to say usually,
front-end web development refers to the portion of the site, app, or digital
product that users will see and interact with. A Front-End Developer,
therefore, is
responsible for the way a digital product looks and “feels,” which is why they
are often also referred to as Web Designers.
 Back end Development :
If Front-End Developers are responsible for how a digital product looks, Back-
End Developers are focused on how it works. A Back-End Developer creates
the basic framework of a website before maintaining it and ensuring it performs
the way it should, including database interactions, user authentication, server,
network and hosting configuration, and business logic. Working behind the
scenes – or server-side – Back End Developers are concerned with the systems
and structures that allow computer applications to perform as desired.

Basics of Web Page and HTML

 HTML

Introduction HTML (Hyper Text Mark-Up Language):

is what is known as a "markup language" whose role is to prepare written
documents using formatting tags. The tags indicate how the document is
presented and how it links to other documents. The World Wide Web (WWW
for short). or simply the Web. is the worldwide network formed by all the
documents (called "web pages") which are connected to one another by
hyperlinks. Web pages are usually organized around a main page, which acts as
a hub for browsing other pages with hyperlinks. This group of web pages joined
by hyperlinks and centered around a main page is called a website. The Web is
a vast living archive composed of a myriad of web sites. Giving people access
to web pages that may contain formatted text, images, sounds, video, etc.

 What is the Web?

The Web is composed of web pages stored on web servers, which are machines
that are constantly connected to the Internet and which provide the pages that
users request. Every web page, and more generally any online resource, such as
images, video, music, and animation, is associated with a unique address called
a URL. The key element for viewing web pages is the browser, a software
program which sends requests to web servers, then processes the resulting data
and displays the information as intended, based on instructions in the HTML
page. The most commonly used browsers on the Internet include: Mozilla
Firefox, Microsoft Internet Explorer, Google Chrome, Safari, Opera.
EXAMPLE:
</HTML>
<HEAD>
</HEAD>
<H5>THIS IS AN EXAMPLE </H5>
</BODY>
</HTML>
CSS (Cascading Style Sheets)

 What Is CSS?
• CSS describes how HTML elements are to be displayed on screen, paper, or
in other media.
• CSS saves a lot of work. It can control the layout of multiple web pages all at
once.
• External style sheets are stored in CSS files.
• CSS describes how HTML elements should be displayed.
• CSS Saves a Lot of Work! The style definitions are normally saved in external
.css files.
• With an external style sheet file, we can change the look of an entire website
by changing just one file!
• CSS can be either external or internal.

 CSS Syntax:
A CSS rule-set consists of a selector and a declaration block:
• CSS selector: The selector points to the HTML element you want to style. Each
declaration includes a CSS property name and a value, separated by a colon. A CSS
declaration always ends with a semicolon, and declaration blocks are surrounded by curly
braces.
• The External CSS can be declared in the required HTML page as: The
External CSS file is saved by using the .css extension whereas the internal CSS is saved
corresponding HTML file using the internal

 CSS Comments:
Comments are used to explain the code, and may help when you edit the source
code at a later date. Comments are ignored by browsers. A CSS comment starts
with /* and ends with */ or //Comments can also span multiple lines.
Example Document. write(“I want full internal marks”); //msg on screen
Document. write(“Give me full internal marks”); /* msg on screen */

 CSS Styles:
• Background properties
• Border properties
• Padding
• Margin
• Color
• Font properties
• Text properties Link properties/ Navigation bar properties
  MYSQL:
MySQL ( My S-Q-L or "My sequel" ) is a relational database management
system (RDBMS) which has more than 6 million installations. MySQL stands
for "My Structured Query Language"
The program runs as a server providing multi-user access to a number of
databases. Some commonly used storage techniques or types of databases used
to store, retrieve and process data with utmost performance.
• Flat File System: It is one of the easiest to understand and oldest techniques
used. It basically revolves around creating a single file that would act as a huge
dump for data. All the records will be stored in the single file.
• Relational Database: One of the most widely used techniques. Here we split
the data into various tables and link each other based on the relation they carry.
It works best when the data you get is structured and organized properly.
• NoSQL Database: Often known as “Not Only SQL”. The necessity of
developing such technique was due to rapid increase in unstructured data in the
industry. Such systems don’t work on standard RDBMS (Relational Database)
concepts and cater to the unstructured data appropriately.

 Features:
• A broad subset of ANSI SQL 99, as well as extensions
• Cross-platform support
• Stored procedures
• Triggers Cursors
• Strict mode
• Updatable Views
• Query caching
• Sub- SELECTs (i.e. nested SELECTs)
• Replication with one master per slave, many slaves per master, no automatic
support for multiple masters per slave.
Web Server Software:
 XAMPP:
XAMPP is one of the widely used cross-platform web servers, which helps
developers to create and test their programs on a local webserver. It was
developed by the Apache Friends, and its native source code can be revised or
modified by the audience. It consists of Apache HTTP Server, MariaDB, and
interpreter for the different programming languages like PHP and Perl. It is
available in 11 languages and supported by different platforms such as the IA-
32 package of Windows & x64 package of macOS and Linux.
 What is XAMPP?
XAMPP is an abbreviation where X stands for Cross-Platform, A stands for
Apache, M stands for MYSQL, and the Ps stand for PHP and Perl, respectively.
It is an open-source package of web solutions that includes Apache distribution
for many servers and command line executables along with modules such as
Apache server, MariaDB, PHP, and Perl. XAMPP helps a local host or server to
test its website and clients via computers and laptops before releasing it to the
main server. It is a platform that furnishes a suitable environment to test and
verify the working of projects based on Apache, Perl, MySQL database, and
PHP through the system of the host itself. Among these technologies, Perl is a
programming language used for web development, PHP is a backend scripting
language, and MariaDB is the most vividly used database developed by
MySQL. The detailed description of these components is given below.
 Components of XAMPP:
As defined earlier, XAMPP is used to symbolize the classification of solutions
for different technologies. It provides a base for testing of projects based on
different technologies through a personal server. XAMPP is an abbreviated
form of each alphabet representing each of its major components. This
collection of software contains a web server named Apache, a database
management system named MariaDB and scripting/ programming languages
such as PHP and Perl. X denotes Cross-platform, which means that it can work
on different platforms such as Windows, Linux, and macOS.
 Cross-Platform:
Different local systems have different configurations of operating systems
installed in it. The component of cross-platform has been included to
increase the utility and audience for this package of Apache distributions. It
supports various platforms such as packages of Windows, Linus, and MAC
OS.
1. Apache:
It is an HTTP a cross-platform web server. It is used worldwide for
delivering web content. The server application has made free for installation
and used for the community of developers under the aegis of Apache
Software Foundation.
The remote server of Apache delivers the requested files, images, and other
documents to the user.
2. MariaDB:

Originally, MySQL DBMS was a part of XAMPP, but now it has been
replaced by MariaDB. It is one of the most widely used relational DBMS,
developed by MySQL. It offers online services of data storage,
manipulation, retrieval, arrangement, and deletion.
3. PHP:
It is the backend scripting language primarily used for web development.
PHP allows users to create dynamic websites and applications. It can be
installed on every platform and supports a variety of database management
systems. It was implemented using C language. PHP stands for Hypertext
Processor. It is said to be derived from Personal Home Page tools, which
explains its simplicity and functionality.
4. Perl:
It is a combination of two high-level dynamic languages, namely Perl 5 and
Perl 6. Perl can be applied for finding solutions for problems based on
system administration, web development, and networking. Perl allows its
users to program dynamic web applications. It is very flexible and robust.
5. phpMyAdmin:
It is a tool used for dealing with MariaDB. Its version 4.0.4 is currently
being used in XAMPP. Administration of DBMS is its main role.

6. OpenSSL:
It is the open-source implementation of the Secure Socket Layer Protocol
and Transport Layer Protocol. Presently version 0.9.8 is a part of XAMPP.
7. XAMPP Control Panel:
It is a panel that helps to operate and regulate upon other components of the
XAMPP. Version 3.2.1 is the most recent update. A detailed description of
the control panel will be done in the next section of the tutorial.
8. Webalizer:
It is a Web Analytics software solution used for User logs and provide details
about the usage.
9. Mercury:
It is a mail transport system, and its latest version is 4.62. It is a mail server,
which helps to manage the mails across the web.
10.Tomcat:
Version 7.0.42 is currently being used in XAMPP. It is a servlet based on
JAVA to provide JAVA functionalities.
11.Filezilla:
It is a File Transfer Protocol Server, which supports and eases the transfer
operations performed on files. Its recently updated version is 0.9.41.
 XAMPP Format Support
XAMPP is supported in three file formats:
o .EXE- It is an extension used to denote executable files making it
accessible to install because an executable file can run on a computer as any
normal program.
o .7z - 7zip file- This extension is used to denote compressed files that
support multiple data compression and encryption algorithms. It is more
favored by a formalist, although it requires working with more complex files.
o .ZIP- This extension supports lossless compression of files. A Zipped file
may contain multiple compressed files. The Deflate algorithm is mainly used
for compression of files supported by this format. The .ZIP files are quite
tricky to install as compared to .EXE.
Thus .EXE is the most straightforward format to install, while the other two
formats are quite complicated and complex to install.
Prerequisites
Before going through XAMPP tutorial in-depth, you must have a
fundamental knowledge of web development languages like HTML, and
PHP.
Audience
Our XAMPP tutorial is designed for the aspirants who want to test their
website or application on a localhost webserver. This tutorial will help those
who want to build their career as a front end or web developer.
 Chapter 4.

Type of major requirement

1. Software requirement:

 Operating system: window 11

2.Hardware Requirement:

 Processor: AMD Ryzen 5 5600U with Radeon Graphics

 Ram: 16.0 GB
 Keyboard and Mouse
 Monitor
 Printer
 Chapter 5.

Innovative Practices and suggestions

3.1 Innovative Practices:

Gleaned from those discussions were two best practices for promoting student
success in online learning environments:

1. Understand current future student population: “ To best serve the

online learner population now and in the future, it is critical to gain a through
understanding of these educational and career goals, and interventions that will
support their success, “ noted the report, adding that this population is likely to
change dramatically over time.

2. Design online program and courses to deliver personalized

learning:
Here the report recommended rethinking traditional course requirement,
prerequisites and processes, in order to “adopt a student-fist focus.” The power
of online learning, the report said, is in “using real-time data to identify
individual needs and develop curricula that provide individualized instruction ,
remediation, and tailored support directly to individual student.”
“online program must continually adapt and evolve to meet student needs, the
report added.”

3.2 Suggestions:

In this course I found everything sufficiently efficient but IT would be more

convenient if the questions asked on forum get replied in time. The complexity
of the assignment questions is also much harder than expected and also the
questions sometimes are faulty.
 Chapter 6.

Conclusion

The courses conducted by i2iSpecialist Technologies Private Limited regarding

to a various module, can contains all the contents that can be need for that
particular type. A detailed description about each and every key concepts is
given by course instructors. The online sessions they conduct can help students
to interact with their instructors and ask the problems they have; A proper and
well described solution are also provided by instructors to students. This course
truly satisfies my expectation from this course regarding the content in which I
feel doubts, this course clears my all concepts, related to HUB, Switch, Modern,
Xmps, UPS, and coding knowledge including HTML, CSS, C++,C, Java ,
Visual Basic, SQL, Technologies.