• Categories
    Categories Displays a list of categories from this blog.
  • Tags
    Tags Displays a list of tags that have been used in the blog.

How to build a Joomla Website - Part1 - Installing Xampp and Joomla

Posted by on in Joomla Website Design
  • Font size: Larger Smaller
  • Hits: 127507
  • Subscribe to this entry
  • Print

Are you new to Joomla and want to learn how to build a joomla website in a few easy steps, if so this series of tutorials is for you. Well guess what, its not as difficult to use as you might think, so grab a coffee or if your Irish ‘A mug of teaaaa not tea’ sit up in your seat, give those hands a good rub together smile, relax and focus.

By the end of this series of tutorials over the coming weeks you will become proficient in creating and maintaining your own joomla website :).  We will be focusing on what is required to build a joomla site and ignoring many of the features and options in the administration that are not required for your average joe soap. ME!

Tutorial 1: How to install Xampp and Joomla on localhost. (Video Tutorial). Level: Beginners.
Similar to a house we need a foundation to build our joomla website on.  For our foundation we will need to download the following free software to proceed with this tutorial.
1: We need a Webserver, Php and MySql.  The quickest and most efficient way to install all three on your computer is to download and install Xampp from Apachefriends.org
2: Download Joomla 3 from Joomla.org

Some Explanations before we get started.
What is a webserver you may ask?
In simple terms a webserver is the Software, Hardware or combination of both that is used to deliver web content over the internet.  It is the place where your website sits and allows the world to view it.

 In our tutorial we are going to install Xampp a free software distribution.  Xampp is an excellent piece of software which contains mysql, php and Apache webserver so you kill 3 birds with the one stone ;).  You should have Xampp downloaded by now ;)

What is Joomla?
Joomla is an excellent free opensource CMS (Content Management system).  It allows you to easily add and edit content on your website. Example, Articles, Images, Menus and much more.

Let us now proceed to watch the video on how to Install Joomla and Xampp on your computer (Note: localhost is a term used to refer to your computer.  This will be mentioned throughout the video).  The video is best watched in HD Fullscreen.

If you have any questions or issues regarding the Install of Xampp or Joomla 3 please leave your comments below.

Topics we will be covering in the tutorials over the coming weeks.
1: How to install a template in joomla 3 and set it as default.
2: How to create new categories and articles in joomla.
3: Menus in Joomla
- How to create a New Menu
- How to create New Menu Item of Type Article.
- How to create Sub Menus
- How to create a Menu Module for your New Menu
- How to publish your New Menu
4: How to Install Configure and Publish Modules. Example Slideshow Module, Thumbsgallery Module.
+ Many More ;)

Rate this blog entry:


  • John O Connor
    John O Connor Wednesday, 27 November 2013

    This is just what i was looking for.
    Thank you for this tutorial and please keep going.
    I'm going to subscribe this and keep track of your great tutorial.

    Best Regards

    Reply Cancel
  • John O Connor
    John O Connor Wednesday, 27 November 2013

    Your welcome André :) Glad you find it useful.

  • John O Connor
    John O Connor Monday, 20 October 2014

    I would like to build a website, but I'm completely new. Pls correct me if I'm wrong. I have hostgator as my web hotel and have now installed joomla 3.3. Then I understood that it was better to develop my website offline, i.e. on a localhost. - fore example by using xampp. I installed xampp + joomla 3.3. Now, the question is, when I look at my HOSTGATOR joomla administration area -- Global configuration -- Server -- Database settings, I see that under "Host" it says "localhost". So my question is. Does the Joomla that installed in conjunction with xampp (that is on localhost) work "alone" or "together" with the joomla that I installed on Hostgator. Or in other words will the development I do in Joomla on hostgator automatically apply to Joomla on localhost - and vice versa - or are they completely independent?

  • John O Connor
    John O Connor Monday, 20 October 2014

    Hello Ea,

    They are 2 completely different setups and not related to one another. :)

    XAMPP - Is used to created a local server on your computer. Your COMPUTER = LOCALSERVER

    HOSTGATOR Webhosting - This is not anyway linked to your localserver on your computer. HOSTGATOR WEB HOST ACCOUNT = WEB SERVER

    The same goes for any software you have installed on your LOCALSERVER. IE Joomla. It is completely independent to what you have installed on your webserver.

    In simple terms the word "localhost just refers to the machine you are currently viewing ie "localhost".
    Please see the following link for a full description http://en.wikipedia.org/wiki/Localhost


  • John O Connor
    John O Connor Thursday, 08 January 2015

    i have already installed wamp server and i have joomla setup as a zlp file i extracted it . but i dont know how to install it . if you can please tell me how to install it

  • John O Connor
    John O Connor Friday, 09 January 2015

    Hello tharaka

    Have you watched the video in the post?

  • John O Connor
    John O Connor Monday, 23 February 2015

    How do I add videos, images and voice using xampp then watch it on the Joomlage website I created?

  • John O Connor
    John O Connor Monday, 23 February 2015

    Hello Frank,

    All your content is added in your Joomla administration. Any images you wish to use through out your site you add to the Media Manager. To add video and audio you will have to use an extension. Check out the joomla extensions directory which is full of such extensions - http://extensions.joomla.org


Leave your comment

Guest Tuesday, 19 January 2021


We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.

Use code   JAN21 at checkout


10% off Everything!

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.