This action might not be possible to undo. Are you sure you want to continue?
5: Users Guide
What is Joomla? Joomla is an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made Joomla the most popular Web site software available. Best of all, Joomla is an open source solution that is freely available to everyone. What's a content management system (CMS)? A content management system is software that keeps track of every piece of content on your Web site, much like your local public library keeps track of books and stores them. Content can be simple text, photos, music, video, documents, or just about anything you can think of. A major advantage of using a CMS is that it requires almost no technical skill or knowledge to manage. Since the CMS manages all your content, you don't have to. I need to build a site for a client. How will Joomla! help me? Joomla is designed to be easy to install and set up even if you're not an advanced user. Many Web hosting services offer a single-click install, getting your new site up and running in just a few minutes. Since Joomla is so easy to use, as a Web designer or developer, you can quickly build sites for your clients. Then, with a minimal amount of instruction, you can empower your clients to easily manage their own sites themselves. If your clients need specialized functionality, Joomla is highly extensible and thousands of extensions (most for free under the GPL license) are available in the Joomla Extensions Directory. Joomla! seems the right solution for me. How do I get started? Joomla is free, open, and available to anyone under the GPL license. Read Getting Started with Joomla to find out the basics then try out our online demo and you'll quickly discover how simple Joomla is.
Once you have completed the installation. If you have been successful. Installing Apache and MySQL as services is recommended: 3. 1. 2. you should see the following screen: .apachefriends. you first need to have a server installed on which Joomla can run. Download the XAMPP installer for your version of Windows from the XAMPP website: http://www.0 XAMPP Setup In order to set up Joomla. make sure that the installation was successful by visiting http://localhost/. After downloading XAMPP.2.org/en/xampp.html. The easiest way to set up a server on your own computer is to use XAMPP. run the setup and follow the given instructions.
5.15 Upgrade Package ZIP files from the net.5. Go to http:// www.´ 2.15 Full Package ZIP file then extract 1. After completing the download. => Open up the folder ³htdocs:´ => Create a new folder in ³htdocs´ titled ³site1. Open the folder that you installed XAMPP into ± usually C:\XAMPP.0 Joomla Setup Now that you are done setting up the server. it is time to download and unzip Joomla!.5.3.joomla. First. and download the latest copy of Joomla 1.5.14 to 1. copy the both zip file into the ³site1´ directory that we created.org . 3. click ³Yes to All´ .=> Confirm file replace.5.5.15 Upgrade Package ZIP file.15 Full Package and 1. 1.14 to 1. we need to make a folder for Joomla. Extract the 1.
2.0 Joomla installation 1. 3. Select your language English(US) and click Next. .4. First. Make sure that the Pre-installation check everything ok. Make sure your Apache and Mysql is turn on and running. click Next. then go to http://localhost/site1.
4. you will see this page. Read over the license and click Next. . enter the following details. 6. Then go to http://localhost/xampp/ . 5. Click phpMyAdmin. On the ³Database Configuration´ page.
9. sw . Click Add a new User to make a new database for your own. 8. click the radio button Create database with same and grant all privileges and click Check All then Go. This screen will appear and click privileges. select No Password.7. choose localhost. Type the Username.
12. . It was listed at the phpMyAdmin coloum. Now the username is web and the database also the same. then click Next. Back to Jommla of the ³Database Configuration´ page. Choose No for Enable FTP file system layer and click Next. fulfill the Username and Database Name with web.10. 11.
No sample data or other data installed. Go to C drive>xampp>htdocs>site1>and delete the ³installation´ folder. . then the e-mail address and admin password of your choice. Enter the site name. Finish. 14. 15. Click OK.13.
0 Joomla Content 5. .1 Sections. Sections can contain numerous categories. and categories can contain numerous articles. Go to http://localhost/site1/administrator and log in with the username ³admin´ and the password you specified during the installation.5. Now that we have a blank site setup. and Articles One of the most important parts of a website is the content. Categories. 1. let us get some articles on the site! Articles are sorted in two ways: sections and categories.
To begin managing sections.2.´ . click on section manager. Click on ³New´ on the Joomla! toolbar. 4. ³Swimming Styles´ and a section for ³Music Instrument. 3. add a section for ³IT Education´. Create as many sections as you need. Use sections to group generally similar items together into groups. Insert a title and description for the section and then press ³Save´ on the toolbar. For our landscaping site.
5. ³Hardware´ and ³Networking´. create a category for ³String instruments´. create a category for ³Software´. Follow the same steps to create categories. Click on ³Content´ on the menu and select ³Category Manager´ when you are done with sections. Under ³Music Instrument´ section. assigning each to one of the sections created above. ³Wind instruments´ and ³Percussion instruments´. 7. Under ³Swimming Styles´ section. . 6. For the ³IT Education´ section. create a category for ³Breaststroke´. Use categories for more specific groupings. ³Freestyle´ and ³Butterflystroke´.
If you selected ³yes´ for ³FrontPage. -You have the option to publish or un-publish your article. This is the article screen. . Select ³New´ from the toolbar. -You can use the ³image´ button to insert an image into your article using the simple upload form in combination with Joomla!'s media manager. -You can use the ³page break´ button to divide the article into pages. There are a lot of different things you can do here: -Add a title for the article.´ then your article will show up on the home page. as well as the choice whether to display the article on the front page. and put it into a section and category. 9. 10. -You can use the ³read more´ to divide the article into the section to display in a summary view and full view. -The large box is for the article's contents. Click on ³Content. Finally.8. click ³Save´ to save it and return to the articlemanager. we need to create some articles.´ then ³Article Manager´. When you are done typing each article.
2 Menu A website will not do you much good unless there is a menu to help users navigate to different pages. Let us add the components we have already configured to the site: From the ³Menus´ menu. web links. If you look at the front page of your site. This is because each page displays one component at a time. and articles not published on the front page are not visible. This system is built around the three types of information in Joomla!²components. modules. select ³Main Menu. and plugins. Joomla! has a built-in system for managing menus. you can see only the front page articles.5. If Components are the main information in Joomla! and are driven by menus. news feeds.´ . The contact information.
You can click on ³Home´ to edit many of its settings including the name of the home page as well as the number of articles that are displayed. In ³Parameters ± Advanced´ make sure that ³Show a Feed Link´ is enabled. This will make the front page accessible by an RSS news feed. which provides access to articles to which you have enabled the ³Front Page´ option. These articles will stretch the entire width of the news box. This will display in the browser's header as well as in the header for that page in the document. In ³Parameters ± System. ³Columns´ is the number of columns in which articles are display. . Click on ³Home´ to configure the home page. From the ³Menus´ menu. These articles will fill only the width of one column.´Already on the menu is the default ³Home´ link. select ³Main Menu. not the entire page. 2. there are a number of different options you can configure: ³# Leading´ is the number of article intros to display on the front page with a ³read more´ link to see the entire article. In the ³Parameters .´ enter a title for the page inside of the ³Page Title´ field. enter ³Landscape Smart´ to replace the ³Welcome to the Frontpage!´ text: 3. ³# Links´ is the number of articles to display only as links at the bottom of the page. Click ³Save´ to finish setting up the home page. For this website.Home 1. ³# Intro´ is the number of article intros to display on the front page with a ³read more´ link to see the entire article.Basic´ area.
Name the menu item accordingly.´ Click on ³New.´ Alphabetical´ in ³Parameters . 3. we need to create four links to the ³IT Education.´ and ³Music Instrument´categories that we created: From the ³Menus´ menu. select ³Main Menu. Next. Adjust the settings similarly to the ³Home´ item and make sure to include a feed link in ³Parameters ± Advanced.´ select ³Articles´ and then ³Category Blog Layout.Categories 1. Click ³Save´ and check out the site for the results: .Advanced:´ Title the page in ³Parameters ± System. Under ³Parameters ± Basic´ select one of the three categories we created.´ ³Swimming Styles.´ 2.´ You also may want to change the ³Primary Order´ to ³Title.
Contact Us 1. There is no need for a news feed from this page. Name the page ³Contact Us´ and select ³Webmaster´ for the category. Next up.´ Select ³New. go Components>Contacts>Categories create a new category with the name ³Webmaster´. so disable that option. select ³Main Menu. Under ³Parameters ± System. 2.´ make sure to name the page ³Contact Us:´ .´ then click ³Contacts´ followed by ³Contact Category Layout:´ 3. we need to add a link to the ³Contact Us´ page: Before create the contact us menu. From the ³Menus´ menu.
google. Create links for information about landscaping information. Web links are things such as: http://www. From the ³Menus´ menu. 2. select ³Main Menu. Click ³Save´ and check out the site for the results: Web Link Our next component is ³Web Links:´ 1.org http://www.joomla. Add a few links to the ³Landscaping Information´ category.4.´ Click on ³New. go Components>Web Links>Categories create a new category with the name ³Landscape Information´. Before create the contact us menu. Click ³New´ to create a new link. Components>Web Links>Links. Press ³Save´ to save your link.´ select ³Web Links´ and then ³Category List Layout:´ .com 3.
Name the page ³Search.4.´ make sure to name the page ³Web Links:´ 5. Name the page ³Web Links´ and select ³Landscape Information´ for the category. There is no need for a news feed from this page. so disable that option.´ Under ³Parameters ± System. select ³Main Menu. Click ³Save´ and check out the site for the results: Search 1. The last menu item we need to create is the ³Search´ page: From the ³Menus´ menu.´ make sure to name the page ³Search:´ .´ select ³Search´ and then ³Search:´ 2.´ Click on ³New. Under ³Parameters ± System.
Modules are sections that lie in predefined boxes along each page around the main content.´ or ³footer. For this website.´ . These boxes may be such things as ³left.´ The menu displayed on the front page is one example of a module. let us add a few helpful modules: From the ³Extensions´ menu. Click ³Save´ and check out the site for the results: 5.3.´ ³right. select ³Module Manager.3 Modules The next type of content in Joomla is modules.
choose ³All´ or ³Select Menu Item(s) from the List´ in order to pick the pages on which the syndicate module will be available: .´ then select ³Syndicate´ and click ³Next:´ 2.´ Under menu assignments. Select a position to display your syndicate module in: usually ³left´ or ³right. This is the module manager page. First off. let us add a module to show the RSS feed that we created for the front page: From the ³Extensions´ menu. you can manage which modules display on each page. From here. select ³Module Manager.Syndicate 1. Type a name for the syndicate box.´ Click on ³New.
3.´ Click on ³New. . Click ³Save´ and check out the site for the results. From the ³Extensions´ menu. Configure this module with the name ³Login´ and choose the ³left´ position. select ³Module Manager. Login 1.´ then select ³Login´ and click ³Next.´ 2.
Click ³Save´ and check out the site for the results. select ³Polls.´ . Polling 1.3. From the ³Components´ menu.
´ 4. select ³Module Manager.´ then select ³Poll´ and click ³Next. 3. Click on ³New.2.´ .´ write a title and options for the section and then press ³Save´ on the toolbar. From the ³Extensions´ menu. Click on ³New.
Newsflash . Configure this module with the name ³Polling´ and choose the ³left´ position at the bottom of Login. Click ³Save´ and check out the site for the results. choose the poll ³How about the articles´. Under parameters. Under menu assignments. 6.5. choose ³Select Menu Item(s) from the List´ and pick Home page.
´ Click on ³New.1. For this demonstration. 3. Choose any category you like to display. Name the module ³Latest News´ and choose the ³Top´ position in order to display this next to the logo.´ 2. the ³Newsflash´ module will display news from the president: From the ³Extensions´ menu.´ then select ³Newsflash´ and click ³Next. This module displays a random article from a specific category. For another module. Click ³Save´ and check out the site for the results. select ³Module Manager. Breadcrumbs . Make the title linkable so that the reader can view the full article after clicking on the title and mark ³Yes´ in ³Article Title´ to show the title of the article. let us add a ³Newsflash´ module.
3. Name the module ³Breadcrumbs´ but disable the title in the ³Show Title´ setting. Leave the rest of the settings the same. the ³Breadcrumbs´ module. Let us add one final module. From the ³Extensions´ menu. Click ³Save´ and check out the site for the results. 5. This module helps users navigate the site.´ Click on ³New.4 Template . select ³Module Manager.1.´ 2. Navigate around to different pages to see how the breadcrumbs change.´ then select ³Breadcrumbs´ and click ³Next.