Acknowledgement

While presenting this report I’m very glad to Acknowledgement to employ of company for
giving us a fairly good co-operation and guide in the V2V Edtech LLP. I’m also thankful to,
Mr. Rajan Shukla Sir for giving us the opportunity to intake the training in their Classes,
Without his constant encouragement, timely advice,solving our queries and valuable discussions,
it would have been difficult in completing this work and also wish to expressour sincere
thanks for his valuable time and motivating support throughout the course ofthe implant
training. I’m very grateful/ thankfull and express my sincere thanks to my implant training
guide, Mrs. Mayuri Narudkar Mam for her constant encouragement and support throughout
during the training, especially for the useful suggestions given during the courseof the implant
training period and for giving us the opportunity to intake the training in the company. I wish
would also like to wish to express my special thanks to our Principal sirMr. Nagesh shelke
, for suggesting me such a excellent company from where I get the good knowledge.

SANKET BIRADAR

( Computer Engineering)

1
 Abstract

Vision 2 Victory is our Partner in Studies from FY.BSc.IT and CS to TY.BSc.IT and
CS(Mumbai University), Engineering and Diploma. From Under graduation to Professional
level they ensure best learning environment.

To provide the best of education to the student community through innovative and effective
learning methodologies, constant improvement, cultivation of practical skills and unflinching
commitment to academic quality.

We as a ITR completed training on the topics like Web development,HTML, CSS, Boot-
strap, XAMPP, Apache etc.

Introduction on HTML and how to add the heading tags, paragraphs, attributes, style,
tables and forms.

Introduction on CSS and how to use the buttons and styles. To use the Hover Effect in the
Website.

2
 Contents

Acknowledgement

Abstract

Contents

1 Organizational Structure 2
1.1 Organizational Structure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

2 Introduction 3
2.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
2.1.1 History . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
2.2 Service Provides . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
2.2.1 What is Web Application . . . . . . . . . . . . . . . . . . . . . . . . 3
2.2.2 Web Development . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2.2.3 Types of Web Application . . . . . . . . . . . . . . . . . . . . . . . . 5

3 Types of Major Equipment 9

3.1 Monitor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
3.1.1 Specification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
3.1.2 Use . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
3.1.3 Cost ................................................................................................................ 10
3.2 Keyboard ................................................................................................................... 10
3.2.1 Specification ................................................................................................... 10

3
 A Report on Industrial Training

3.2.2 Use . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
3.2.3 Cost . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
3.3 Mouse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
3.3.1 Specification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
3.3.2 Use . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
3.3.3 Cost . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
3.4 Printer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
3.4.1 Specification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
3.4.2 Use . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
3.4.3 Cost . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
3.5 Scanner . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
3.5.1 Specification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
3.5.2 Use . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
3.5.3 Cost . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

4 Manufacturing Process 14
4.1 The Sequential Phases in Waterfall Model are: . . . . . . . . . . . . . . . . . 14
4.1.1 Requirement Gathering and analysis . . . . . . . . . . . . . . . . . . 14
4.1.2 System Design .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
4.1.3 Implementation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
4.1.4 Integration and Testing . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.5 Deployment Of System . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.6 Maintenance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

5 Major Material Handling Product 16

5.1 HTML .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
5.2 Sublime Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
5.3 Bootstrap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
5.4 XAMPP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
5.5 Apache . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
 A Report on Industrial Training

6 Safety Procedure Followed 21

6.1 Safety and Security ................................................................................................... 21

7 Particular of Practical Experiences in Industry 23

7.1 HTML .............................................................................................................. 23
7.1.1 Structure Of HTML .. . . . . . . . . . . . . . . . . . . . . . . . . . 23
7.1.2 HTML TAGS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
7.2 CSS .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
7.2.1 Inline CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
7.2.2 Internal CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
7.2.3 External CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
7.3 Bootstrap.................................................................................................................... 25
7.4 XAMPP ............................................................................................................. 26
7.5 Apache ....................................................................................................................... 27

8 Short Report Of the Product 28

8.1 Write The Value Program......................................................................................... 28
8.2 Chaining Effect Program ........................................................................................... 29
8.3 Hide and Show Function .......................................................................................... 29
8.4 Fade Function............................................................................................................ 30
8.5 Slide Function ............................................................................................................ 30
8.6 Stop The Sliding Panel .............................................................................................. 31
8.7 Animate Function...................................................................................................... 31

9 Bibliography 32
 Chapter1

Organizational Structure

1.1 Organizational Structure

Vision 2 Victory is our Partner in Studies from FY.BSc.IT and CS to TY.BSc.IT and
CS(Mumbai University), Engineering and Diploma. From Under graduation to Professional
level they ensure best learning environment.

To provide the best of education to the student community through innovative and effective
learning methodologies, constant improvement, cultivation of practical skills and unflinching
commitment to academic quality.

2
 Chapter2

Introduction

2.1 Introduction

2.1.1 History

Vision 2 Victory is our Partner in Studies from FY.BSc.IT and CS to TY.BSc.IT and
CS(Mumbai University), Engineering and Diploma. From Under graduation to Professional
level they ensure best learning environment.

To provide the best of education to the student community through innovative and effective
learning methodologies, constant improvement, cultivation of practical skills and unflinching
commitment to academic quality.

2.2 Service Provides

2.2.1 What is Web Application

Basics Of Web Application:

• V2V EdTECH LLP provides Web Application services.

3
 A Report on Industrial Training

• Planning the design and layout of our web application.

• web designer generally charges their clients according to the scope of the project also
how many man hours it will take to complete the project.

• A web application is software that runs in your web browser.

• Businesses have to exchange information and deliver services remotely.

• They use web applications to connect with customers conveniently and securely.

2.2.2 Web Development

• Basics of setting up the development Environment for writing code.

• Learn HTML in depth along with the web page document for writing code.

• Learn CSS and Positioning, use it to style your web page.

• Learn to design the layout of elements on your web page with margin and Padding
properties in CSS.

• Learn to reuse your CSS styles with the help of classes JavaScript and AJAX.

Figure 2.1: Web Application

 A Report on Industrial Training

2.2.3 Types of Web Application

• Front End

Front-end, also known as the client-side, refers to the part of a software application that
the user interacts with directly. In the context of web development, the front-end is thevisible
and interactive portion of a website or web application that users see and interact with through
their web browsers.

Front-end development involves designing and implementing the user interface (UI) and
user experience (UX) of a web application, ensuring that it is visually appealing, intuitive, and
responsive across different devices and screen sizes.
• Key components of front-end development include:

1. HTML (Hypertext Markup Language): HTML provides the basic structure of a web page.
It uses elements like headings, paragraphs, lists, images, and links to organize and present
content on the web page.

2. CSS (Cascading Style Sheets): CSS is used to style the HTML elements, controlling the
layout, fonts, colors, spacing, and other visual aspects of the web page. It allows developers
to customize the appearance of the user interface.

3. JavaScript: JavaScript is a programming language used to add interactivity and dy-

namic behavior to web pages. It enables developers to create features like animations, form
validations, and interactive elements that respond to user actions.

• Business Logic

Business logic in web applications refers to the set of rules, processes, and operations that
define how the application functions and processes data to meet its specific business
requirements. It represents the core functionality and decision-making processes that drive
the behavior of the web application based on user interactions and data input.
 A Report on Industrial Training

Figure 2.2: Front end

Here are some common aspects of business logic in web applications:

1. Data Validation: Web applications often receive input from users through forms and
other input mechanisms. Business logic is responsible for validating this data to ensure it
meets certain criteria and constraints. For example, it may check that required fields are
filled out, numeric values are within valid ranges, and dates are in the correct format.

2. Data Processing and Manipulation: Business logic processes and manipulates data en- tered
by users or retrieved from databases. It may involve calculations, transformations, and other
operations necessary to generate meaningful results or to implement specific business
workflows.

3. Workflow Management: Web applications often involve complex business workflows

that require multiple steps to be executed in a specific order. Business logic manages these
workflows, ensuring that the appropriate steps are taken based on user interactions or system
events.
 A Report on Industrial Training

Figure 2.3: Business Logic

• Database

In a web application, a database is a critical component that stores and manages data
needed for the application’s functionality. It serves as a persistent and organized storage
system where information can be stored, retrieved, updated, and deleted by the application
as required. Databases are essential for web applications that require data persistence and
dynamic content.

Here are some key points about databases in web applications:

1. Data Storage: Web applications often need to handle large amounts of data, such as
user information, product details, posts, comments, and various other entities. Databases
provide a structured way to store this data, ensuring it is organized, searchable, and easily
accessible.

2. Data Retrieval: When a user interacts with a web application, the application needs
to retrieve relevant data from the database to present it on the user’s screen. For example,
 A Report on Industrial Training

when a user logs in, the application fetches the user’s details from the database to personalize
their experience.

3. Data Manipulation: Databases support operations like inserting, updating, and deleting
data, allowing web applications to modify the stored information based on user actions or
system events. For instance, when a user places an order on an e-commerce website, the
application stores the order details in the database.

Figure 2.4: Database

 Chapter3

Types of Major Equipment

3.1 Monitor

3.1.1 Specification

Monitor are display device external to the computer case and connect to a port on the video
card or motherboard even though the monitor sites outside computer housing, it is an essential
part of the computer system.

3.1.2 Use

• A computer monitor is an output device that is used as an electronic visual display for
computers.

• This device is allows is and= the user to view program operations with a mouse the user
can visually control program operations on the monitor.

9
 A Report on Industrial Training

3.1.3 Cost

Best Monitors Models Price

Samsung LC24F390FHWXXL 23.6 inch curved Monitor-8999/-
LG 22MP68VQ 22- inch LED Monitor-8549/-
Dell E2016H 20- inch Screen Monitor-4983/-
LG 19M38A-B 18.5- inchLED Monitor-454/-

3.2 Keyboard

3.2.1 Specification

A computer keyboard is an input device that allows a person to enter letters, numbers,
and other symbols(these are called character in a keyboard) into computer.

3.2.2 Use

Find the keyboard shortcut for what you want to accomplish.

Press all keys in the shortcut at the same time.
Lift your fingers to see the result of the shortcut.

3.2.3 Cost

Best Keyboards Models Price

Circle CG MARKSMAN4 Ultra Speed Gaming Mouse-1375/-
Rapoo NX1720X USB Keyboard and Mouse Combo-1475/-

10
 A Report on Industrial Training

3.3 Mouse

3.3.1 Specification

A computer Mouse, often simply referred to as a mouse, is a hand-held pointing device that
detects two-dimensional motion relative to a surface. This motion is typically translated into
the motion of the of a pointer on a display, which allows a smooth control of the graphical
user interface.

3.3.2 Use

Move the Mouse Cursor The Primary function is to move the mouse pointer on the screen.

• Open or Executed a program.

Once you have moved the pointer to an icon,folder, or other-objects clicking or double clicking
that object opens the document or executes program.

• Open or Executes a program- once you have moved the pointer to an icon, or folder, or
other object clicking or double-clicking that objects open the document or executed the
program selects- A mouse also allows you to select text or file or highlight and select and
select multiple files at once.

3.3.3 Cost

Best Mouse Models Price

Redragon Griffin M607 Wired Gaming Mouse-12700/-
Logitech G402 4000 DPI Hyperion Fury Wired Gaming Mouse (910-004070, Black)-2095/-
ENTWINO F-1 Gaming Mouse Wired For Compute Wired Optical Gaming Mouse-299/-

11
 A Report on Industrial Training

3.4 Printer

3.4.1 Specification

In computing, a printer is a peripheral device in which makes a persistent representation

of graphics or text on paper. While most output is human readable, bar code printers are
an examples of an expanded use for printers.

3.4.2 Use

Getting the printout of important documents

To prepare projects in schools or colleges
To print books
To print the hard copy of presentation in business or companies

3.4.3 Cost

Best Printers MOdels Price

Cannon pixms G 2000 Multi-function printer-11999/-
HP 2623 Multi-Function Wireless Printer-4099/-
HP DESKJET Ink advantages 2135 All-in-one-printer-5535/-
HP Desktop Ink Advantages 2138 Multi-Functions printer-3899/-

3.5 Scanner

3.5.1 Specification

An images scanner often abbreviated to just scanner the term is ambiguous of context
is device that optically scan images,printed text,handwriting or an object and converts to
digital image.

12
 A Report on Industrial Training

3.5.2 Use

• Scan Document File.

• A scanner captures images using reflected light and converts them into files that the
computer can read and interpret in order to show them.
• Scanners can scan images in black-and-white or colour, and they come in high- and low-
resolution models.
• The scanner can be used for a wide variety on the basis of users’ requirements.

3.5.3 Cost

Best Printer Models Price

Cannon Canscan lide 300 Scanner-4400/-
Cannon Desktop C130 scanner-32500/-
Epson V19 Perfection V19 Scanner-4895/-
Epson Perfection V600 Photo Scanner Scanner-29999/-

13
 Chapter4

Manufacturing Process

4.1 The Sequential Phases in Waterfall Model are:

4.1.1 Requirement Gathering and analysis

All possible requirement of the system is first development are captured in this phase in
documented in a specification document.

4.1.2 System Design

The Requirement specification from first phase are studies in this phases and the systemdesigned
is prepared. this system design helps in the specifying hardware and system re- quirement and
helps in define the overall system architecture.

4.1.3 Implementation

With inputs from the system design, the system is first developed is small programs called
units, which are integrated in next phase. Each unit is developed and tested for it’s func- tionality,
Which is referred to as a unit testing.

14
 A Report on Industrial Training

4.1.4 Integration and Testing

All the units developed in the implementation phases are integrated into the system after testing
of each unit. Post integration the entire system is tested for any faults and failures.

4.1.5 Deployment Of System

Once the functional and non-functional testing is done; the product is developed in the customer
environment released into the market.

4.1.6 Maintenance

There are some issue which cone up in the client environment. To fix those issue, patches
are released,. also to enhance the product some better version are released. Maintenance is
done to deliver those changes in the customer environment.

15
 Chapter5

Major Material Handling Product

5.1 HTML
HTML stands for ”Hypertext Markup Language.” It is the standard markup language
used to create the structure and content of web pages. HTML provides a set of tags or
elements that define the different parts of a web page, such as headings, paragraphs, images,
links, tables, forms, and more.

When a web browser reads an HTML document, it interprets the markup and renders the
content accordingly, displaying text, images, multimedia, and interactive elements to theuser.

Figure 5.1: HTML

16
 A Report on Industrial Training

5.2 Sublime Text

Sublime Text Editor is a full featured Text editor for editing local files or a code base.It
includes various features for editing code base which helps developers to keep track of changes.
Various features that are supported by Sublime are as follows
• Syntax Highlight
• Auto Indentation
• File Type Recognition
• Sidebar with files of mentioned directory Macros
• Plug-in and Packages

Sublime Text editor is used as an Integrated Development Editor (IDE) like Visual Studio
code and NetBeans. The current version of Sublime Text editor is 3.0 and is compatible with
various operating systems like Windows, Linux and MacOS.

Figure 5.2: Sublime Text 3

17
 A Report on Industrial Training

5.3 Bootstrap
Bootstrap is a popular open-source front-end framework used to design and develop re-
sponsive and mobile-first web applications and websites. It was originally created by Twitter
and is now maintained by the Bootstrap team, a group of developers and contributors.

Bootstrap provides a collection of pre-designed HTML, CSS, and JavaScript components,

as well as a responsive grid system, that simplify the process of creating modern, visually ap-
pealing, and consistent user interfaces. By using Bootstrap, developers can build responsive
web pages that automatically adapt to various screen sizes and devices, such as desktops,
tablets, and smartphones.

Figure 5.3: Bootstrap

5.4 XAMPP
XAMPP is a free and open-source software package that provides an easy way to set up
a local development environment for web applications. The name ”XAMPP” is an acronym
that stands for:-
X: Cross-platform, which means it works on multiple operating systems like Windows, ma-
cOS, and Linux.
A: Apache, a popular web server software.

18
 A Report on Industrial Training

M: MySQL, a relational database management system (RDBMS).

P: PHP, a server-side scripting language used for web development.
P: Perl, a programming language used for various purposes, including web development.

Figure 5.4: XAMPP

5.5 Apache
Apache, also known as Apache HTTP Server, is the world’s most widely used open-source
web server software. It is maintained and developed by the Apache Software Foundation, a
nonprofit organization that supports various open-source projects.

Apache HTTP Server is a powerful and flexible web server that serves web content over
the internet. It is compatible with many operating systems, including Windows, macOS,
Linux, and Unix-based systems, making it highly versatile and widely adopted.

Figure 5.5: Apache

19
 A Report on Industrial Training

5.6 PHP
PHP is an open-source, interpreted, and object-oriented scripting language that can be
executed at the server-side. PHP is well suited for web development. Therefore, it is used
to develop web applications (an application that executes on the server and generates the
dynamic page.).

PHP script is executed much faster than those scripts which are written in other languages
such as JSP and ASP. PHP uses its own memory, so the server workload and loading time
is automatically reduced, which results in faster processing speed and better performance.

Figure 5.6: PHP

20
 Chapter6

Safety Procedure Followed

6.1 Safety and Security

• Patch, Patch, PATCH !

An unhatched machine is more likely to have software vulnerability’s that can be ex-
ploited.Turn on automatic updates install protective software.Sophos is available as free
download from IST’s software grid.

• Choose Strong Password.

Strong password use as a combination of letter, numbers, and special characters. create
unique password for each account Last Pass can manage all of your password for you and
it’s free.

• Back Up on a regular basic.

Scheduling routing backup can protect you from unexpected. always keep a few months worth
of retrievable backup Download and Install Crash plan and learn how to back up your system.

21
 A Report on Industrial Training

• Control access to your machine.

Don’t leave your computer is an unsecured, public area especially if your logged on. this
include Athena clusters and quick stations. The Physical security of your machine is just as
30. A Report On Industrial Training important as it’s technical security.

• Use email and internet safety.

Ignore unsolicited mails be wary of attachments, Links and forms in email that come from
people you don’t know, or which seem ”phishy” Avoid untrustworthy (often free) downloads.
learn tag about dealing with spam at MIT.

• Use Secure Connection

When connected to the internet, your data can be vulnerable while in transit. Use remote
connectivity and secure file transfer option when off Campus.

• Protect sensitive data.

Securely remove sensitive data files from your hard drive, especially when recycling or re
purposing your computer. Protect sensitive files using the encryption tools built into your
operating system.

• Use Desktop firewalls

Mac and Windows computers use basic desktop firewalls to protect your computer files
from being scanned. Make sure they are properly configured. Most Importantly, stay in-
formed. Stay current with latest with the latest development. Follow IST ON Facebook and
Twitter. bookmark IST secure computing.

22
 Chapter7

Particular of Practical Experiences in

Industry

7.1 HTML
The Hypertext Markup Language, or HTML is the standard markup language for docu-
ments designed to be displayed in a web browser. It can be assisted by technologies such as
Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

Web browsers receive HTML documents from a web server or from local storage and render
the documents into multimedia web pages. HTML describes the structure of a web page
semantically and originally included cues for the appearance of the document.

7.1.1 Structure Of HTML

The ≤!DOCTY PEhtml > declarationdefinesthatthisdocumentisanHTML5document.

The < HTML > elementistherootelementofanHTMLpage.
The < head > elementcontainsmetainformationabouttheHTMLpage.
AReportOnIndustrialTraining
The < title > elementspecifiesatitlefortheHTMLpage(whichisshowninthebrowser′stitlebarorinthep

23
 A Report on Industrial Training

The < body > elementdefinesthedocument ′sbody, andisacontainerforallthevisiblecontents, suchashe

The < h1 > elementdefinesalargeheading
The < p > elementdefinesaparagraph
Example
<!DOCTY PEhtml >
< html >
< head >
< title > PageTitle < /title >>
< /head >
< body >
< h1 > MyFirstHeading < /h1 > Sp > Myfirstparagraph. < /p >
< h1 > MyFirstHeading < /h1 > Sp > Myfirstparagraph. < /p >
< /body >
< /html >

7.1.2 HTML TAGS

HTML tags are like keywords which defines that how web browser will format and display
the content. With the help of tags, a web browser can distinguish between an HTML content
and a simple content. HTML tags contain three main parts: opening tag, content and closing
tag. But some HTML tags are enclosed tags.
Each HTML tags have Different properties
≤ h1 > Headingno.1!‘/bl
< h2 > Headingno.2!‘/h2
< h3 > Headingno.3!‘/h3
< h4 > Headingno.4!‘/h4
< h5 > Headingno.5!‘/h5
< h6 > Headingno.6!‘/h6

24
 A Report on Industrial Training

7.2 CSS

7.2.1 Inline CSS

We can apply CSS in a single element by inline CSS technique. The inline CSS is also a
method to insert style sheets in HTML document. This method mitigates some advantages
of style sheets so it is advised to use this method sparingly.

7.2.2 Internal CSS

The internal style sheet is used to add a unique style for a single document. It is defined
in ¡ head ¿ section of the HTML page inside the ¡ style ¿ tag.

7.2.3 External CSS

The external style sheet is generally used when you want to make changes on multiple
pages. It is ideal for this condition because it facilitates you to change the look of the entire
web.

7.3 Bootstrap
Bootstrap is the most popular HTML, CSS and JavaScript framework for developing a
responsive and mobile friendly website. It is absolutely free to download and use. It is a
front-end framework used for easier and faster web development. It includes HTML and CSS
based design templates for typography, forms, buttons, tables, navigation, modals, image
carousels and many others. It can also use JavaScript plug-ins. It facilitates you to create
responsive designs.
Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter.It was released as
an open source product in August 2011 on GitHub.

25
 A Report on Industrial Training

Bootstrap package contains

• Scaffolding: Bootstrap provides a basic structure with Grid System, link styles, and back-
ground.
• CSS: Bootstrap comes with the feature of global CSS settings, fundamental HTML ele-
ments style and an advanced grid system.
• Components: Bootstrap contains a lot of reusable components built to provide iconogra-
phy, dropdowns, navigation, alerts, pop-overs, and much more.
• JavaScript Plugins: Bootstrap also contains a lot of custom jQuery plugins. You can easily
include them all, or one by one.
• Customize: Bootstrap components are customizable and you can customize Bootstrap’s
components, LESS variables, and jQuery plugins to get your own style.

7.4 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 descriptionof these components is given below.

26
 A Report on Industrial Training

7.5 Apache
Apache is free and open-source software of web server that is used by approx 40 percent
of websites all over the world. Apache HTTP Server is its official name. It is developed and
maintained by the Apache Software Foundation. Apache permits the owners of the websites
for serving content over the web. It is the reason why it is known as a ”web server.” One of
the most reliable and old versions of the Apache web server was published in 1995.

If someone wishes to visit any website, they fill-out the name of the domain in their browser
address bar. The web server will bring the requested files by performing as thevirtual delivery
person.

27
 Chapter8

Short Report Of the Product

8.1 Write The Value Program

28
 A Report on Industrial Training

8.2 Chaining Effect Program

8.3 Hide and Show Function

29
 A Report on Industrial Training

8.4 Fade Function

8.5 Slide Function

30
 A Report on Industrial Training

8.6 Stop The Sliding Panel

8.7 Animate Function

31
 Chapter9

Bibliography

References

1. ”HTML and CSS: Design and Build Websites” by Jon Duckett.

2. ”JavaScript: The Good Parts” by Douglas Crockford.
3. ”Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graph-
ics” by Jennifer Niederst Robbins.
4. ”CSS Secrets: Better Solutions to Everyday Web Design Problems” by Lea Verou.
5. ”React Up and Running: Building Web Applications” by Stoyan Stefanov and Chad
Adams.

Web links
1. For learning the PHP and MySQL integration:
Link: https://www.w3schools.com/
2. For more Examples for learning:
Link: https://www.tutorialspoint.com/

32