13 March 2015

Create a website in 3 steps

Written by Valentín García, Posted in How-to's,

Create a website in 3 steps

Create a website can be fun and easy when you are using the right tools. If your goal is to build a very basic website and take your first steps into Joomla, this tutorial is for you.

Continue reading to learn how to create a website in 3 steps.

 

Recommendations

For this tutorial it is recommend to have a hosting plan with a domain name..
For example: yourdomain.com

However if you don’t have a hosting plan, use LAMP software to host the website in your computer. In this scenario the installation process would be different. For more details read:


Step 1. Install Joomla

Let’s install Joomla. Go to yourdomain.com/cpanel and login.

cpanel

Be aware not all the hosting plans include CPanel, if that is your case ask your hosting provider for assistance or try the regular installation process.

Back to CPanel, find the auto installer for Joomla; the location of this option may depend on your hosting provider and the CPanel version.

installer

Fill all the information required such as database, site settings, language details and admin account. Pay special attention to admin account details, which consists of the username and password to login once Joomla is installed.

Find a reference for "Import sample data". If it exists, than we don’t need the demo content, so set this option to none.

When you’re done, click the "Install" button and wait for a successful message. If everything is fine, you will have a working Joomla site after a minute.


Step 2. Create the content

Go to yourdomain.com to see an empty website, which would need to be fed with content.

empty

Login in the backend to make it happen from yourdomain.com/administrator

login

At this point you already know what content must be added. We will create articles that would be inputted in pages later.

Go to Content > Article manager > Add new article

article steps

I created the "About us" article by typing the title and the content.

article

Optional: you can add images from Images & Links > Intro Image / Full article image

images

Click "Save & close" button when you’re done. Repeat the same process for every article you need.
 
In my list I have 5 articles, including "Welcome" that will be displayed in the homepage by clicking on the star icon as the next screenshot displays:

home


Step 3. Create the menu

We have articles, we need menu items to link to them.

Go to Menus > Main menu > Add new menu item

menu steps

I created the "About us" menu item linked to the article with the same name.

  • Choose the Menu item type: Articles > Single article
  • Choose the article named "About Us"

menuitem

Click "Save & close" button when you’re done. Repeat the same process for every menu item you need.

Be aware the only exception is your home page (i. e. "welcome" article), you already have a menu item for that page.

In my list I have 5 menu items for my menu.

mainmenu

The last part is visit your public website to see the end result: the articles are loaded in the left, the menu in the right.

final

 

About the Author

Valentín García

Valentín García

Web developer and designer that love building sites with Joomla. Currently working at OSTraining as Director of Design.