Joomla - Part 1
Joomla - Part 1
Joomla - Part 1
How To
Part-I
Build Your Professional
Website Using
Joomla
This article is part of a series on Joomla! It introduces users to the concept of content
management systems (CMS) in general, and Joomla in particular. The article provides a
step-by-step approach to getting Joomla, installing it, and using it to develop a website
without writing a single line of code.
I
n one line: Joomla is a Web content http://localhost/joomla15/installation/
management system (CMS). These index.php. The Joomla installation page must
systems allow you to manage and come up as shown in Figure 1. Here are the
administer content such as employee configuration steps.
data in an enterprise resource Step 1: Language: Select the language of
planning (ERP) system, accounts details in your choice and click Next, located on the top-
a financial system, customer information in right corner of the Web page.
a customer relationship management (CRM) Step 2: Pre-installation Check: Make sure
system, etc. Each of these systems has their own that there is a Yes next to each item. If No
way of managing their content. As a Web CMS, appears next to any item, you will have to take
Joomla allows individuals and enterprises to the necessary action to correct the problem. If
manage their website content. all the pre-requisites are met, click on Next.
Step 3: Licence: Accept the licence and click
Installing Joomla on Next.
Download the 1.5 (latest stable) release from Step 4: Database: This is where you need
www.joomla.org, then download and install to specify your database details. If you are a
XAMPP on Linux from www.apachefriends. database user, you know what I am talking
org/en/xampp.html. XAMPP comes with the about. If you are not, don’t worry. Follow these
MySQL database and Apache Web server, which steps to create a database for your Joomla
will be used to run Joomla. Follow the XAMPP Installation:
installation and operational instructions from l Download phpMyAdmin.
the site as it is outside the scope of this article. l Extract it in <xampp installed folder>/
Extract the downloaded Joomla tarball into the htdocs/phpmyadmin.
<xampp installed folder>/htdocs/joomla15 l Stop Apache and MySql services in XAMPP,
directory. if they are already running.
l Start Apache and MySql services in XAMPP.
Run XAMPP l Enter the following URL in the browser:
Start MySQL and Apache Web server services in http://localhost/phpmyadmin/. You will see
XAMPP. Enter the following URL in the browser: a page similar to what is shown in Figure 2.
cmyk
How To
Click Next!
Step 5: FTP Configuration: Specify the FTP account detail
in case you need it; otherwise, you can safely skip this
configuration. Click Next!
Step 6: Configuration: Enter the following details:
l Site Name: <your site name> (e.g. EventOrg)
l Your E-mail: <your e-mail id> (e.g. ajit.kumar@
eventorg.com)
l Admin password: <a valid password>
l Confirm admin password: <the valid password specified
above>
l Install default sample data is checked, by default.
Figure 2: Setting up database using phpMyAdmin
l Click on Install Sample Data button
Click on the Next button on the top-right corner
Step 7: Finish: This completes the Joomla 1.5
installation. You will see the greeting message with the
administrator login details, an important security related
message, and two icons—site and admin—on the top-right
Figure 3: Success message after database creation
corner.
cmyk
How To
cmyk
How To
cmyk
How To
category
l Title—Services
l Alias—services
l Published—Yes
l Section—Services
l Access level—Public
l No description is needed. Click on the Save button
on top.
l Create article
l On the Administration page, click on the Content
menu item and choose the Article Manager
option.
l Click on the New button on top to create a new
article
Figure 12: Site with new template l Title—Services
l Alias—Services
l Section—Services
l Published—Yes
l Front Page—No
l Category—Services
l Add the content and click on the Save button on
top.
l Add the Services entry by following these steps:
l On the Menus --> Main Menu page, click on the
New button to add an entry.
l Expand Articles under Internal Link in Select
Menu Item Type.
Figure 13: Menu Item Manager after selecting Unpublish l Click on the Article Layout under Article.
l Enter the following details:
l Select the following entries: l Title—Services
l Joomla! Overview l Alias—services
l Joomla! License
l Display in—Main Menu
l More about Joomla!
l Parent Item—Top
l FAQ
l Published—Yes
And click on the Unpublish button on the top. A red l Order—1 (Home) (Services will appear after
coloured cross will appear in the Published column of Home)
the above listed entries. The unpublished items do not l Access Level—Public
appear on the site. l On Click, Open In—Parent Window with
l Before we add a new menu entry, we need to create
Browser Navigation
static content to hold the content for the Services page. l On the right-hand side, in the Parameters—
l Create section
Basic, enter the following detail:
l On the Joomla! administration page, click on
l Select Article—Services
the Content menu item and choose the Section l Leave the other Parameters settings to default
Manager option and click on Save button on top.
l Click on the New button on top to create a new
l If you want, you can change the order of the
section menu items in the Top Menu by clicking the up
l Title—Services
or down arrow in the Order column.
l Alias—services
l Click on the Save button on top.
l Published—Yes
l Access level—Public Change About Joomla! to About EventOrg on the
l No description is needed. Click on the Save top menu
button on top. l Go to the Administrator window
l Create category l Click on Menus and choose the Top Menu option
l On the Administration page, click on Content l Click on About Joomla! Entry
menu item and choose Category Manager option l Change the Title to About EventOrg and click on the
l Click on the New button on top to create a new Save button
cmyk
How To
cmyk
How To
References
l XAMPP Download—http://www.apachefriends.org/en/
xampp.html
l Joomla! 1.5 Download—http://www.joomla.org/
l Free Joomla! 1.5 Templates—http://www.freecms-
Figure 20: Site with new Event Calendar templates.com/joomla.php, http://www.siteground.
com/joomla-hosting/joomla-templates.htm
l Click on Extensions and choose the Module Manager l Joomla! extensions page—http://extensions.joomla.
option. Browse through the list and you will find org/
the three modules related to the events, which you
recently installed. By: Ajit Kumar. The author is a freelance consultant
and trainer with Empower Consultancy & Services Pvt
l Enable these three modules by clicking on the red
Ltd. Support for Joomla articles, including this one, can
cross in the respective Enabled column.
be found at http://joomlatoday.blogspot.com/. You can
l The default position is left. Change this to right as
also send your queries directly to him at ajit.kumar@
we want to display the event calendar on the right- empowerconsultancy.in
hand side.
cmyk