Building A WebsiteUsing Joomla

The Tools We’re Going to Use

• XAMPP – Integrated server tool, it contains• Apache – Main HTTP Server software

• MySQL – Database software

• Joomla 3 – CMS tool

Instructions

Step 1. Download all the tools we need

Step 2. Start the Server

Step 3. Install the basic Joomla webpage

Step 4. Get familiar to the Interface

Step 5. Install a Theme

Step 6. Install Modules we need

Step 7. Add some contents

Step 8. Make it more completed

Step 9. Get an online server and upload your website

Step10. Get a domain name

Step 1. Download all the tools we need

• XAMPP: https://www.apachefriends.org/index.html• After downloaded, please install it completely

• Joomla 3: http://www.joomla.org/• After 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 website’s address

• For example: You can decompress all the files from the Joomla_3.X.X-Stable-Full_Package.zip file into a new folder named “website”, then move this folder into C:\XAMPP\htdocs. In this case, the address later we’re goin’ to use in browser will be http://localhost/website

Step 2. Start the Server

• Make sure that Apache and MySQL can run successfully• The color under “Apache” and “MySQL” turning green means running

successfully, otherwise it means unsuccessful

• If they cannot, you should modify the “http port” that Apache uses.

If you open http://localhostand only see a blank page, then it also means that the server didn’t run successfully, please refer this video to fix it:http://youtu.be/-DWZ6Ecjl6I

Step 2. Start the Server

• http://localhost

←This server admin page

Step 2. Start the Server• Add a new database for your website from http://localhost/phpmyadmin/

Please remember this name

Step 3. Install the basic Joomla webpage

• http://localhost/(YourWebpageName)

Step 3. Install the basic Joomla webpage

←The default setting is like this, you don’t have to change it

←Type in the name of database you just created in phpmyadmin page

Step 3. Install the basic Joomla webpage

And wait for it to be finished

Remember to delete the installation folder after installation!!

Step 3. Install the basic Joomla webpage

• If you need more detailed information about how to install Joomla, you can refer this video: http://youtu.be/MH36mH88iDA or http://youtu.be/EsUsRdm7DYY

Step 4. Get familiar to the Interface

Step 4. Get familiar to the Interface

• Module Manager

Step 5. Install a Theme

• You can get some template from these website:

• http://icetheme.com

• http://beautiful-templates.com/

• http://www.joomfreak.com/

• http://www.astemplates.com/

• http://www.joomla24.com/

• Detailed tutorial for installing a theme: http://youtu.be/xGfgZsf7v0s

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 need

• Make sure that you’ve already installed the build-in module from the template.

• You can find most of the modules you need on http://extensions.joomla.org/

• For more introduction about installing modules, please refer this video: http://youtu.be/4g5t1mz5syQ

Step 6. Install Modules we need

• Some common modules that recommended to install and how to:

• JCE editor: http://youtu.be/xNTxReEtJB4

• Slideshow CK: http://youtu.be/U4cMkoMFowo

• Xmap: http://youtu.be/k3yV0aI0Kys

• 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 contents

• How to add articles: http://youtu.be/1ZB26hQ4QzE

• How to add content as a more flexible form:• use “customized HTML” module: http://youtu.be/oWpDIaCPkCo

Step 8. Make it more completed

• There 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, you’ll 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: http://youtu.be/QG7rqu731sI?t=13m30s(please start from 13:30)

Step 9. Get a server and upload your website

• Please refer these video first: • Part1: http://youtu.be/TAtpHThfkU0

• Part2: http://youtu.be/fYFl8u0GaGY

• 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 name

• Introduction about some free domain name: http://youtu.be/r0zJoDWFOYo

• How to apply the “.CF” or “.GA” or “.ML” or “.TK” domain name: http://youtu.be/KQAdR_VzhH0