Εισαγωγή στο dreamweaverepl425/labs/joomlaintro.pdf · to have the newly installed...

35
Χριστόφορος Παναγιώτου

Upload: others

Post on 20-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Χριστόφορος Παναγιώτου

Page 2: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Joomla is one of the most popular content management systems (CMS).

With it you can easily create and manage your website. ◦ It does not require programming skills

With Joomla you can quickly set up a professional-looking website ◦ many free Joomla templates,◦ create articles, add contact forms, polls, counter, allow

user registrations, install extensions for additional functionality, etc

Joomla is absolutely free (GNU / GPL license).

Page 3: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

To install Joomla 1.5 manually follow the steps below: Step 1: Create a MySQL database and add a new user to it. Step 2: Go to the Joomla download page. Download the

.zip file with the latest version to a local folder and extract it there.

Step 3: Upload all the content from your local folder to the directory on the server where Joomla 1.5 will be installed.

Step 4: Open the URL of the newly uploaded Joomla files. This will be either http://your_domain_name.com or a subdirectory such as http://your_domain_name.com/example.

Step 5: You will be redirected to the Joomla installation page

Page 4: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Step 6: Joomla will perform a pre-installation check of the system environment Failing to meet a requirement or recommendation may cause functional and

security problems later

Installing Joomla

Page 5: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Step 7: Once you make sure all requirements are met, click on [Next] button

Step 8: Next you will have to accept Joomla's license and click on [Next] to continue

Step 9: The following page will ask about the MySQL details for the new Joomla 1.5 installation

Installing Joomla

Page 6: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Step 10: Next you will have to configure your File Transfer Protocol (FTP). Leave it to the default settings and just click [Next] from the top right menu.

Step 11: From the page that appears you will be able to complete the final Joomla 1.5 settings specifying your email and specifying the admin password. Click on [Next] to

proceed.

Installing Joomla

Page 7: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Step 12: In the last page of the installation wizard you will receive a confirmation that Joomla has been successfully installed

Installing Joomla

Page 8: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Visit your new site and login

Page 9: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

If you have installed Joomla with the sample data, you will already have a few articles created and published. You can take a look at how they are written and organized in

order to get used to managing your articles. To see them go to Content > Article Managerfrom the top admin menu.

Joomla websites

Page 10: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

There you will see several articles listed. Once you click an article link, you will enter the Edit mode for the article. From the Edit menu you can modify the article's title, text, etc.

Joomla websites

Page 11: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

There you will see several articles listed. Once you click an article link, you will enter the Edit mode for the article. From the Edit menu you can modify the article's title, text, etc.

Creating a new website with Joomla

Page 12: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Creating a new website with Joomla

Page 13: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

You can make the changes in the corresponding fields. E.g.:

Title: About usAlias: (blank)Section: UncategorizedCategory: UncategorizedPublished: Yes (If the article is not published, it will not be shown to your visitors. It will remain only as a draft.)Frontpage: Yes (This will allow it to appear on the first page of your site.)

In the main text field you can write some information about your page

You can also insert your logo. For this purpose click on the image icon at the bottom of the page

Page 14: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Since your logo is not uploaded yet, click on the [Upload file] link to upload it. Browse your local computer and find the logo image. Click on [Start Upload] to upload it.

You will see a confirmation that the file has been successfully uploaded. Now it can be found in the upper part of the window along with the default Joomla images. Click on the name of your

logo to select it and then on [Insert] to insert it in your article.

Creating a new website with Joomla

Page 15: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Creating a Contact us Page

Page 16: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Creating a Contact us Page

Page 17: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name
Page 18: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

From the admin panel, go to Menus -> Main Menu*

Linking Articles to the Menu

Page 19: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Let's add links to your articles and the "Contact us" page. For this purpose click on [New] from the top-left menu and select the item type. In our case it will be Internal link -

Article – Article Layout

Linking Articles to the Menu

Page 20: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Fill in the information about the links. Let's call the link "About us". Then from the left Parameters - Basic click on [Select]

Linking Articles to the Menu

Page 21: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

A box with all your pages will appear and you should click on "About us”

Linking Articles to the Menu

Page 22: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

While you are still in the Menu Item Manager, let's set your page "About us" as default

For this purpose check its radio button and click on [Default] from the top menu

How to set a page as default?

Page 23: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Let's add a link to the "Contact us" page. For this purpose click on the [New] icon from the top menu and choose: Internal Link -> Contacts -> Category -> Standard Contact Layout

How to add the Contact us page to the menu?

Page 24: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Fill the information about your new menu item "Contact us" and click [Save]

How to add the Contact us page to the menu?

Page 25: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

From the top menu in the Joomla admin area choose Components -> Polls

Creating a Poll in Joomla 1.5

Page 26: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Click [New] from the top right menu. Let's call it: "What do you think about our site?”

In the left menu we will list the poll options: "Great", "Not bad", "Awful"

Creating a Poll in Joomla 1.5

Page 27: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Now the poll has to be made public, i.e. to be published. For this purpose click on Extensions -> Module Manager from the top menu

Creating a Poll in Joomla 1.5

Page 28: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Choose [New] from the top - right menu, find Poll from the options listed and check it

Creating a Poll in Joomla 1.5

Page 29: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Set the poll title to: What do you think about our new site?

Set "Show title" to "No”

From the right box, Module Parameters > Poll select the poll called "What do you think about our new site“

Click on [Save] from the top right menu and you will have the poll published on your frontpage

Creating a Poll in Joomla 1.5

Page 30: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Installing a template on Joomla is an easy task. The first thing you have to do is to find the template of your choice and download it. The template file is a zip archive containing

everything needed for its installation.

To install it, please, log in to your Joomla administrator panel and go to Installers -> Templates – Site

How to install and change Joomla Templates?

Page 31: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Click on the [Browse...] button, select the .zip file of the template you downloaded and click on [Upload file & Install]

How to install and change Joomla Templates?

Page 32: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

You are now taken to the Template Manager section of the Joomla administration panel.

To have the newly installed template set as default for your site select the radio button just in front of its name and click on the [Default] button, at the top bar of the page.

How to install and change Joomla Templates?

Page 33: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

From your Joomla admin panel and go to Extensions -> Module Manager

From the top right menu choose [New]

From the listed options check "Statistics" and click "Next" from the top right panel

Adding a counter to your site

Page 34: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

The opened page has many advanced counter options.

For a simple counter you can change only:

Title: CounterShow Title: No

Hit Counter: Yes (From the right box)

Adding a counter to your site

Page 35: Εισαγωγή στο Dreamweaverepl425/labs/JoomlaIntro.pdf · To have the newly installed template set as default for your site select the radio button just in front of its name

Begin by test driving Joomla using a JoomlaDemo site◦ Log in to the backend Administrator and change a few

things◦ The demo sites are refreshed frequently◦ As you click around, consider the functionality you see. What would be great to have?

What do you not want in your Web site?

Further reading◦ Take a look at the Joomla! Core Features Guide scribd,

written by James Ramsay◦ See what features are available in each download of

Joomla