Building a website based on Joomla

  • Published on

  • View

  • Download

Embed Size (px)


Building A Website

Building A WebsiteUsing JoomlaThe Tools Were Going to UseXAMPP Integrated server tool, it containsApache Main HTTP Server softwareMySQL Database software

Joomla 3 CMS toolInstructionsStep 1. Download all the tools we needStep 2. Start the ServerStep 3. Install the basic Joomla webpageStep 4. Get familiar to the InterfaceStep 5. Install a Theme Step 6. Install Modules we needStep 7. Add some contentsStep 8. Make it more completedStep 9. Get an online server and upload your websiteStep10. Get a domain nameStep 1. Download all the tools we needXAMPP: downloaded, please install it completely

Joomla 3: downloaded, please decompress all the files into a new folder under the htdocs folder which is under the position where you install XAMPP (the default position is C:\XAMPP\htdocs)Please notice: the name of this file folder will be part of your websites address For example: You can decompress all the files from the file into a new folder named website, then move this folder into C:\XAMPP\htdocs. In this case, the address later were goin to use in browser will be http://localhost/websiteStep 2. Start the ServerMake sure that Apache and MySQL can run successfullyThe color under Apache and MySQL turning green means running successfully, otherwise it means unsuccessfulIf they cannot, you should modify the http port that Apache uses.

If you open http://localhost and only see a blank page, then it also means that the server didnt run successfully, please refer this video to fix it: Step 2. Start the Serverhttp://localhost

This server admin pageStep 2. Start the ServerAdd a new database for your website from http://localhost/phpmyadmin/

Please remember this nameStep 3. Install the basic Joomla webpagehttp://localhost/(YourWebpageName)

Step 3. Install the basic Joomla webpage

The default setting is like this, you dont have to change itType in the name of database you just created in phpmyadmin pageStep 3. Install the basic Joomla webpage

And wait for it to be finishedRemember to delete the installation folder after installation!!Step 3. Install the basic Joomla webpageIf you need more detailed information about how to install Joomla, you can refer this video: or

Step 4. Get familiar to the Interface

Step 4. Get familiar to the InterfaceModule Manager

Step 5. Install a Theme You can get some template from these website:http://icetheme.com

Detailed tutorial for installing a theme:

Step 5. Install a Theme

Step 5. Install a Theme To active the theme just installed, we have to go to Extensions, Template Manager, and choose the theme as Default

Step 6. Install Modules we needMake sure that youve already installed the build-in module from the template.

You can find most of the modules you need on

For more introduction about installing modules, please refer this video:

Step 6. Install Modules we needSome common modules that recommended to install and how to:

JCE editor: CK:

There still are many more useful modules, such as e-commerce module, crowdfunding module, forum module and you can usually find some tutorials on Youtube, so go on and help yourself!

Step 7. Add some contentsHow to add articles:

How to add content as a more flexible form:use customized HTML module:

Step 8. Make it more completedThere are still many functions and possibilities can be utilized on Joomla, if you spend more time to discover them and search more information on the Internet, youll learn more and get to be a more powerful website designer.

However you can still easily and quickly get into Joomla and make a completed website in short time. To do so, please refer this integral and step by step tutorial: (please start from 13:30)

Step 9. Get a server and upload your websitePlease refer these video first: Part1:

but this uploading step involves some complicated knowledge to operate the whole procedure, so if you need to get a online server and upload your website, please email me and make an appointment with me.Step10. Get a domain nameIntroduction about some free domain name:

How to apply the .CF or .GA or .ML or .TK domain name: