The document provides a comprehensive guide on creating and managing websites, particularly focusing on installing Joomla using XAMPP on a Windows system. It covers the necessary prerequisites, installation steps, and configurations required to successfully set up Joomla, along with explanations of web hosting services and technologies involved. The guide is aimed at helping users navigate through the web design process and utilize content management systems effectively.

1. 1 | P a g e
TheMANUAL

2. 2 | P a g e
http://wasimrlis.blogspot.in
https://coprofessionals.wordpress.com

3. 3 | P a g e
A website, also written as a website, is a collection of related web pages,
including multimedia content, typically identified with a common domain name,
and published on at least one web server. A website may be accessible via a
public Internet Protocol (IP) network, such as the Internet, or a private local area
network (LAN), by referencing a uniform resource locator (URL) that identifies
the site. All publicly accessible websites collectively constitute the World Wide
Web, while private websites are typically a part of an intranet.
Web pages, which are the building blocks of websites, are documents,
typically composed in plain text interspersed with formatting instructions of
Hypertext Markup Language (HTML, XHTML). They may incorporate elements
from other websites with suitable markup anchors. Web pages are accessed and
transported with the Hypertext Transfer Protocol (HTTP), which may optionally
employ encryption (HTTP Secure, HTTPS) to provide security and privacy for the
user. The user's application, often a web browser, renders the page content
according to its HTML markup instructions onto a display terminal.
Hyperlinking between web pages conveys to the reader the site
structure and guides the navigation of the site, which often starts with a home
page containing a directory of the site web content. Some websites require user
registration or subscription to access content. Examples of subscription
websites include many business sites, parts of news websites, academic
journal websites, gaming websites, file-sharing websites, message boards, web-
based email, social networking websites, websites providing real-time stock
market data, as well as sites providing various other services.
Anybody can create a website and maintain many things. It may be some
company, a business organisation, an association, an educational institute, an
NGO, non-profit organisations or may be a personal website. These websites may

4. 4 | P a g e
contain various things according to the owner. It may be photos, videos, audios,
information or may be some links.
Now, designing these websites encompasses many different skills and
disciplines in the production and maintenance of websites. The different areas of
web design include web graphic design; interface; authoring, including
standardised code and proprietary software; user experience design; and search
engine optimisation. Often many individuals will work in teams covering
different aspects of the design process, although some designers will cover them
all. The term web design is normally used to describe the design process relating
to the front-end (client side) design of a website including writing mark up. Web
design partially overlaps web engineering in the broader scope of web
development. Web designers are expected to have an awareness of usability and
if their role involves creating mark up then they are also expected to be up to
date with web accessibility guidelines.
A web hosting service is a type of Internet hosting service that allows
individuals and organisations to make their website accessible via the World
Wide Web. Web hosts are companies that provide space on a server owned or
leased for use by clients, as well as providing Internet connectivity, typically in
a data centre. Web hosts can also provide data centre space and connectivity to
the Internet for other servers located in their data centre, called colocation, also
known as Housing in Latin America or France.
You will find ‘n’ number of web hosting service provider providing
domain names in the Google. Two types of the domain name are there, free
domain host service provider and purchased domain name service provider.
Some hosting provides the both. The two basic differences are, free domain are
available with the low storage facility and an advertised URL name
(example.tripod.com). Whereas purchased domain names are available with
more storage space and on-demand URL name (example.com).

5. 5 | P a g e
Here I have given about installation of Joomla in XAMPP in Windows in
offline mode. Before going to that, we have to know some basic things like;
About Joomla- Joomla is a free and open-source content management
system (CMS) for publishing web content. It is built on a model–view–
controller web application framework that can be used independently of the
CMS. Joomla is written in PHP, uses object-oriented programming (OOP)
techniques (since version 1.5) and software design patterns, stores data in
a MySQL, MS SQL (since version 2.5), or PostgreSQL (since version 3.0)
database, and includes features such as page caching, RSS feeds, printable
versions of pages, news flashes, blogs, search, and support for language
internationalization.
About XAMPP- XAMPP is a free and open source cross-platform web server
solution stack package developed by Apache Friends consisting mainly of the
Apache HTTP Server, MariaDB database, and interpreters for scripts written in
the PHP and Perl programming languages. XAMPP stands for Cross-Platform (X),
Apache (A), MariaDB (M), PHP (P) and Perl (P). It is a simple, lightweight Apache
distribution that makes it extremely easy for developers to create a local web
server for testing and deployment purposes. Everything needed to set up a web
server – server application (Apache), database (MariaDB), and scripting
language (PHP) – is included in an extractable file. XAMPP is also cross-platform,
which means it works equally well on Linux, Mac and Windows. Since most
actual web server deployments use the same components as XAMPP, it makes
transitioning from a local test server to a live server extremely easy as well.

6. 6 | P a g e
I have given enough information for well aware about all basic things for
installing Joomla in XAMPP. Now let’s see what are the materials required for
installing Joomla;
 A computer system (laptop or desktop) with a Windows operating system
(preferably 32 bit). Other OS will also work but it may slow down your
system, so I prefer 32 bit OS.
 The system must connect to the internet. To download the necessary files
system must be connected.
That’s it; these are enough to start the installation process.

7. 7 | P a g e
Download the XAMPP first from Apache Friends
(https://www.apachefriends.org/index.html). If possible, avoid the latest
version. It may slow down your system. See the below image.
I have marked the picture with some arrows to draw your attention.
Simply click on that and download the XAMPP. It may take some time depending
on the speed of the internet.

8. 8 | P a g e
After completing the download, open the download folder and install the
XAMPP. It will look like as the below picture.
After this, the XAMPP welcome page is opened. Just click on ‘next’.

9. 9 | P a g e
In the next window, it will ask the components to be installed by you with
XAMPP. Just put a tick mark on the boxes the minimum needed fields, that is-
‘server’, ‘Apache’, ‘MySQL’, ‘Program Languages’, ‘PHP’, ‘Program Languages’,
‘phpMyAdmin’ and then click ‘next’. See the below picture.
Then it will ask where to save the installed folder. Normally it will save in
C:Program filesxampp or in C:xampp. See the below picture.
Check
these
boxes

10. 10 | P a g e
The next window will ask to install the bitnami installer for the app. But it
is no need for us, so leave blank the tick box and click next. See the below
picture.
After clicking next the XAMPP will begin to be installed in your system.
Just wait for the completing of the process. After completing it will ask for
opening the control panel. Just put a tick mark on the check box and click the
finish. See the below pictures.
Installation of XAMPP ends here.

11. 11 | P a g e
Now you have to open the XAMPP from the control panel and start the
Apache and MySQL. Before that, you have known about these two. Apache is the
world's most used web server software. Originally based on the NCSA
HTTPd server, development of Apache began in early 1995 after work on the
NCSA code stalled. Apache played a key role in the initial growth of the World
Wide Web and MySQL is an open-source relational database management
system (RDBMS). Its name is combinations of “My”, the name of co-
founder Michael Widenius' daughter, and "SQL", the abbreviation for Structured
Query Language. The MySQL development project has made its source code
available under the terms of the GNU General Public License, as well as under a
variety of proprietary agreements. MySQL was owned and sponsored by a
single for-profit firm, the Swedish company MySQL AB, now owned by Oracle
Corporation. See the below pictures.
After starting both of them close it.
It will look
like this

12. 12 | P a g e
Now it’s time to download the Joomla from
https://www.joomla.org/download.html. It may take some time depending on
the speed of the internet. See the below picture.
It will download a zip file. Now extract the zip file. You can rename the file
(optional). Then copy and paste the file in the following path of your computer-
C:program filesxampphtdocs or C:xampphtdocs. See the below picture.
This step ends here.

13. 13 | P a g e
In this step, open a browser and open the URL named
‘localhost/phpmyadmin’. After opening the page, find the database tab at the top
menu. Click on that to create a new database. See the below picture.
The database name should be the same as the Joomla folder name pasted in
the htdocs folder.

14. 14 | P a g e
Open a browser or open a new tab in the same browser and type in the
URL area the following line ‘localhost/your_database_name’ in my case it is
Joomla, so I have typed localhost/Joomla and hit enter. The joomla opened and
ask to choose the language. Choose your language just like the below picture.
Then it will ask for some pre-requisite for your site such as, your site name
you want to give, your site description (optional), and a mail-id for
communication, a admin username and admin password, confirm password for
login and check that site offline button is on at left bottom and then click on next
button. See the below picture.

15. 15 | P a g e
Now configure the database. Here first confirm the database type is set
MySQL and the hostname is set localhost. Then give the username as root and
leave the password blank. Then give the database name as same as the Joomla
folder. Leave the table prefix as it is. Then click next. See the below picture.
Now finilise your site by installing sample data by clicking default English
(GB) sample data. See the below picture.
Now let’s have an overview on those set parameter.

16. 16 | P a g e
Check the main configuration and database configuration as the below
picture.
Check pre-installation and recommended setting as the below picture.
Now click on the install button at the top right.

17. 17 | P a g e
If you face some issue at this time like the installation stopped at a certain
stage and it looks like the below picture.
Then just use a trick by changing some words in a file. Just go to the
following path in your system
“C:xampphtdocsJoomlainstallationsqlmysql”. In the folder find a file
named ‘joomla.php’, open it in Notepad++ and find ‘InnoDB’. Replace all
‘InnoDB’ with ‘MyISAM’ in that file. If you don’t have notepad++ than open it in
simple notepad file and cut and paste the code in a word file. Then find ‘InnoDB’.
Replace all ‘InnoDB’ with ‘MyISAM’, then again cut and paste in the same
notepad file (joomla.php). This process can be done in the simple notepad file but
the problem is, there are too much word named ‘InnoDB’ and you have replace
all. So, replacing one by one increase the chances of mistakes. Do in which way
you fill comfortable. Save the file and close all.

18. 18 | P a g e
Then complete the step 7 again as same as done it before. This time the
process will be completed. The next step asks to remove the installation folder. So,
do it by clicking the button. See the picture below.
After removing the installation folder, click on administrator button just
below installation folder successfully removed button. See the below picture.
This step ends here.

19. 19 | P a g e
Now log into your site with your user-id and password. See the below picture.
After login, click on your site name at the top right menu, or open a
browser or a tab in the same browser and put the URL “localhost/Joomla”. See
the below picture.
Now customise your site for a perfect interface. Happy using…
-----The End-----