week 14 - web viewstep 4. click wamp server icon on tast bar and select & click local host...

13
Week 14 Aim Download and install Latest, stable joomla package. Description A content management system is software that allows you to create and manage web pages easily by separating the creation of your content from the mechanics required to present it on the web. In this site, the content is stored in a database. The look and feel is created by a template. The Joomla! Software brings together the template and the content to create web pages. Your site actually has two separate sites. The site (also called the front end) is what visitors to your site will see. The administrator (also called the back end) is only used by people managing your site. You can access the administrator by clicking the "Site Administrator" link on the "This Site" menu or by adding /administrator to the end of you domain name. Log in to the administrator using the username and password created during the installation of Joomla!. Step by step procedure Step 1 Download latest stable joomla package from internet Step 2 Extract that file Step 3 Run wamp server Step 4 Click wamp server icon on tast bar and select & click local host option.

Upload: buihanh

Post on 09-Mar-2018

223 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

Week 14

AimDownload and install Latest, stable joomla package.

Description

A content management system is software that allows you to create and manage web pages easily by separating the creation of your content from the mechanics required to present it on the web.

In this site, the content is stored in a database. The look and feel is created by a template. The Joomla! Software brings together the template and the content to create web pages.

Your site actually has two separate sites. The site (also called the front end) is what visitors to your site will see. The administrator (also called the back end) is only used by people managing your site. You can access the administrator by clicking the "Site Administrator" link on the "This Site" menu or by adding /administrator to the end of you domain name.

Log in to the administrator using the username and password created during the installation of Joomla!.

Step by step procedureStep 1Download latest stable joomla package from internetStep 2 Extract that fileStep 3 Run wamp serverStep 4Click wamp server icon on tast bar and select & click local host option.

Page 2: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

Figure 1: displaying wamp server icon and selecting localhost option

Step 5It affects automatically opened one web browser and its url is http://localhost/

Figure 2: localhost page or wamp server home page

Step 6Select & click www directory option.

CSE Dept., MITS, Madanapalle Page 2

Page 3: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

Figure 3: Selecting www directory opetion

Affects it automatically opens c:\wamp\www folder. Paste extracted folder of joomla latest & stable package.

Figure 4: copying progress

Step 7Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

CSE Dept., MITS, Madanapalle Page 3

Page 4: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

Figure 5: Renaming “Joomla_1.6-Beta13-Full_Package” to appropriate website name “college”

Step 8Refresh WAMP server home page, then you can find college folder is visible in your WAMP server page.

Figure 6: Displaying college folder in WAMP Server

Step 9Click college folder on WAMP server home page. Automatically it shows language option of joomla installation

CSE Dept., MITS, Madanapalle Page 4

Page 5: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

Figure 7: selecting language

Step 10If you want to change default language, then change the language and click next button on top right corner.It prompts pre installation check screen.

Figure 8: Pre-installation check screen

Step 11Click on next. It prompts license screen

CSE Dept., MITS, Madanapalle Page 5

Page 6: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

Figure 9: Joomla license screen

Step 12Carefully read these all license statements, and then click next. It appears database configuration page.

Figure 10: Database Configuration page

Step 13Provide MySQL username, Password & database name and then click next. If username & password is valid and database name is available then it prompts FTP configuration Screen

CSE Dept., MITS, Madanapalle Page 6

Page 7: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

Figure 11: FTP configuration Screen

Step 14If you install this joomla package in FTP, then provide FTP username and password, otherwise i.e this package is installed in your local system then no need to specify the FTP username & password. Simply click on Next. It prompts Main configuration page

Figure 12: Main configuration Page

Step 15

In Main configuration page provide following detailsBasic settingsSite Name: Madanapalle Institute of Technology & ScienceAdvanced SettingsMeta Description:Meta Keywords:

CSE Dept., MITS, Madanapalle Page 7

Page 8: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

Note: these data can be used in SEO Technique and these are optional.Your Email: [email protected] Username: adminAdmin Password: adminConfirm Admin Password: admin

After providing above details, click on “Install Sample Data” button. It installed sample data belonging to joomla package into your system. It appears “sample data installed successfully” message in that button area.

Figure 13: Main configuration Screen – having all details

Step 16Click next. It appears finish screen.

Figure 14: Finish Screen

CSE Dept., MITS, Madanapalle Page 8

Page 9: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

This screen shows two buttons on top right corner. One is site and another is administrator. This screen shows an warning message in red colour. PLEASE REMEMBER TO COMPLETELY REMOVE THE INSTALLATION DIRECTORY.You will not be able to proceed beyond this point until the installation directory has been removed. This is a security feature of Joomla!.

So based on warning you completely remove the installation in folder in c:\wamp\www\college directory.

Step 17After deleting installation folder in c:\wamp\www\college directory, click site in Finish screen. It appears website home page.

Figure 15: Joomla website home page

Step 18:You can login administrator account. Open http://localhost/college/administrator/

CSE Dept., MITS, Madanapalle Page 9

Page 10: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

It prompts

Figure 16: Administrator page

Step 19Provide admin username and password. Click login button, it prompts admin’s account. You can configure your website depends on your requirement.

Figure 17: Administrator page

Change templateStep 1Login as a administrator

CSE Dept., MITS, Madanapalle Page 10

Page 11: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

Figure 18: Administrator page

Step2 Click on menu extenstions->template manager

Figure 19: selecting template manager option

Step 3Click on template manager, it prompts template manager screen

CSE Dept., MITS, Madanapalle Page 11

Page 12: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

Figure 20: Template Manager Screen

Step 4Click appropriate template and click on make default button. It shows a message “Default style successfully set.”

Figure 21: Successfully modifies template

Step 5 Open website, url is http://localhost/college. It appears latest template screen.

CSE Dept., MITS, Madanapalle Page 12

Page 13: Week 14 -    Web viewStep 4. Click wamp server icon on tast bar and select & click local host option. ... Step 7. Rename Joomla_1.6-Beta13-Full_Package to college (website Name)

Figure 22: website home page (Modified template)

CSE Dept., MITS, Madanapalle Page 13