Will I Lose My Work If I Re-Install?

At times you might have problems with your Joomla, such as certain functionalities not functioning as they should. When that happens, you might be tempted to simply re-install Joomla.

The wonderful Joomla logo!

If that is the case, keep in mind that while this may fix the problems you encounter concerning the functionalities, this will also result in you losing any work you have done upto that point. Thus, instead of re-installing, give the below a try:

- Change your template to the default template to see if this changes anything. Many problems encountered are the result of faults in templates.

- Upload the Joomla files to your site to write over the old files. Sometimes there are corrupted files and everything could be fixed if you can replace that corrupted file with an uncorrupted version. But since you won't be able to determine which is the corrupted file (well, at least not the common user), you'll need to overwrite all of the files. However, do not FTP the installation folder. This will only affect the original Joomla files and will not touch any files that came with other packages (e.g. templates installed after installation will not disappear).

The fastest way to carry out the action presented above is to get your Joomla setup zip, take out the installation folder from it, upload the zip to your site and then extract the folder. This can all be done from cPanel, which I'm sure almost everyone has some familiarity with by now.

[Read More...]

How to Find Out What Template is Used on a Site

Sometimes you see a site and you're sure it's using Joomla.You really like the template being used and would like to know what the name of the template is, but the site contains no information on this.

One very simple trick you can try then is to view the source code of the site. This should be available from your browser's View menu. Once you view the source code, try to find which directory the template.css file is linked from. The name of the folder will generally give you the name of the template. If the name of the folder is not enough right away for you to get the whole name, make a google search for the folder name and I'm sure some information will be available on another site.

[Read More...]

Building a website

Free tutorial for beginners on how to choose a domain name and hosting for your website.

First of all: if you want to have your own website you have to know that you have to buy a domain name and hosting.

You can buy a domain name and hosting for example: from www.GoDaddy.com or from any hosting company in your area.

Second, you can develop your website locally on your computer, so you can build your website and then buy a domain name and hosting.

Note: I don't recommend using free hosting for your official website. If you want, you can use free hosting just for testing propose.


Before we start making the website lets talk about choosing a name (domain name) for your website.

Choosing a domain name for your own website before you start is better if you already have a logo. You can make or choose a template for your website based on the color of your logo.

When choosing a domain name for your website is better to choose one that is relevant to your activity and not your company's name.

For example your company name is ABCD and you make, for example, candles. Is better for you to have a domain name called www.candles.com then www.abcd.com.

Why not to choose for domain name your company's name when creating your own website?

Let's say you are a customer, wouldn't you search for candles, in our case, or for abcd, the company's name?

Don't get me wrong, if you are a company like Microsoft, Coca-Cola or some other giant in your domain, your website domain name could be the company's name and people will still find you.

Okay if your website domain name is more than one word I recommend you use dashes, because is better for website optimization and can be remembered easier. Here is an example: www.wedding-candles.com.

Now that we determined how you can choose a name for your website, let's view some techniques for creating a website.

     First, you can create a website like I describe in the articles: creating a html website or creating a css website.

     Second, you can download a free template or buy one and build your website based on that template.

Here I will show you how to create a website based on a free template.

Here is a list of website where you can download templates for your website:

     http://www.freecsstemplates.org/ - Free CSS Templates

     http://www.free-css-templates.com/ - Free CSS Templates

     http://www.free-css.com - CSS Resources

     http://www.freewebsitetemplates.com/ Website Templates.

     http://www.freewebtemplates.com/

Before we download a template and start building the website, we are going to talk about choosing the right image types for your website.

[Read More...]

Building My First WebSite - CSS Tutorial

Before Creating a WebSite with CSS you should have some knowledge of HMTL.

So if you haven't read my tutorial about HTML, you can click on Building a WebSite with HTML now.


1. What does CSS mean?

CSS stands for Cascading Style Sheets.

2. What does CSS do?

CSS defines how to display HTML elements, adds style to this elements.

3. How do we write CSS code?

To write a line of CSS code you need three things: a HTML element, a property and a value for that property.

Here is an example: h1 { color:red; }.  => Some H1 text.

4. How to include CSS in our WebSite?

There are two ways to include styles in your WebSite. The first method is to save your styles in external .css files. External style sheets enable you to change the appearance and layout of all the pages in a WebSite, just by editing one single file! Or you can write your CSS code directly into the HTML page.

Here are some example of Ways To Include CSS in a HTML page.

This code must be placed between the  tag.

Link to external file.

There are two ways to add style to HTML elements if we use external css file. You can use the attribute class or id.

1. ID atribute is used to specify a style for a single, unique element. We define it with a "#".

2. CLASS atribute allows you to set a particular style for any HTML elements with the same class. We define it with a ".".

Write code direct in page.

Inline style. Add style directly to specific HTML element.

As you can see, on the first line is the attribute "style" which value is the CSS code, the CSS property (font-size) and its value (16pt), the HTML element here being the tag.

Now we know what CSS means, how to write a CSS code line and how to add CSS to your website, so click on Building a WebSite with CSS to move forward.

[Read More...]

HTML Tutorial

Before we dive in and start learning HTML let's answer these questions.

1. What is HTML and what does it do?

HTML (Hyper Text Markup Language) it is a markup language for describing web pages.

2. How does HTML markup language works?

HTML uses markup tags to describe the web pages. This tags are usually called HTML tags or HTML elements.

3. How does HTML Tags works?

HTML tags normally come in pairs, the opening tag and the closing tag.

Here is an example and , this is the link tag.

4. What is a web page?

A web page is a document that contains HTML Tags and plain text. Web pages are read by web browser like Firefox. The browser does not display the tags, but uses the tags to interpret the content of the page.


Here is an example of a web page:

You can write the code in a plain text editor like notepad and save it as first_webpage.html (or file_name.html)

Ok, we have our first web page, now let's analyze the tags in the example.

     - the tag on line 1, tells the browser where to start and end the web page;


     - on line 2 is the head tag which defines information about the html document;


     - on the third line is the title tag which defines the title of your web page;


     - the tag, line 5, is where all the web page content goes;


     - on line 6 is the paragraph tag.



A short list of the most used HTML tags:

     tag- with this tag you can create a link.

As you can see I added title in the tag, which is responsible for the text that appears when you put your mouse over the link.

     tag - makes the text bold.

          Ex: Hello World  => Hello World

     tag - defines the document's body.

          Ex: - makes the page background color blue.

    
tag - defines a single line break.(yes this does not came in pair)

    

 tag- defines a section in a document.

     tag - defines the font face, size and color for text.

          Ex: Hello World   =>  Hello World

    

 tag - defines an HTML form for user input.

     This is the result :

     tag - let's you add an image to your web page.

          Ex: .

    

tag - defines a list items.

    

tag - defines an unordered list.

    

tag - defines an ordered list.

          Example:

     This is an ordered list:

     tag - defines a section in a document.

     tag - defines a table in a web page.

     tag - defines a table cell.

     tag - defines a row in a table.

          Example:

     The result is a table with one row and two cells.

Now that you found out what HTML means let's click on the following link to start building a website.

[Read More...]

CMS Based Website

What's CMS (Content Management System)?

A content management system (CMS) is a collection of procedures used to manage work flow in a collaborative environment.

Here we are going to talk about WEB CSM. This is a software that keeps track of every piece of content on your Web site.
WEB CMS are Joomla!, Drupal, PHP-Fusion and a lot more.

Why use a CMS System to build your website?

You can build a website much faster with a CMS System and the best part of a CMS website is that maintenance it is very easy since it does not requires almost no technical skill.
On this website I'll talk especially about Joomla!, why? Because as you can see at the bottom of the page this website was made with Joomla!.

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. (taken from joomla.org)

Here is a list of other WEB CMS:


     Drupal is a free software package that allows an individual or a community of users to easily publish, manage and organize a wide variety of content on a website.

PHP-Fusion is a light-weight open-source content management system (CMS) written in PHP4. It uses a mySQL database to store your site content and includes a simple yet comprehensive administration system.

MODx Revolution is a powerful PHP Content Management Framework that plays nicely with custom code and helps you build sites faster and maintain them with ease.

WebsiteBaker helps you to create the website you want: A free, easy and secure, flexible and extensible open source content management system (CMS).

CMS Made Simple provides a fast and easy way to create a web site and manage its contents. Use it to make a home page for your family -- or your multinational corporation!

If you want even more, you can take a look at opensourcecms.com or you can search on the web for open source cms.

[Read More...]

Web Building Tools

Here is a webmaster list of tools, links and other things that can help you build, optimize and promote your website.

Software

     Firefox -  the browser ;

     Firebug - this is an add-on for Firefox ;

     Page Speed - this is an add-on for Firefox/Firebug, this mean that you have to first install Firefox and Firebug. (Google page speed test)

     YSlow - another add-on for Firefox (Yahoo page speed test)

     Notepad++ - a free, open source, plain editor ;

     GIMP (GNU Image Manipulation Program) - free image editing software ;

   JCE Editor for Joomla!. This is a Content Editor for Joomla! that I recommand.

    RIOT - Radical Image Optimization Tool "is a free image optimizer that will let you to visually adjust compression parameters while keeping minimum filesize." - download here.

Links

     W3C HTML Validation Service (this examines your HTML code to meet the W3C standards)

     The W3C CSS Validation Service (this examines your CSS code to meet the W3C standards)

     Bing Webmaster (Bing Webmaster Tools - add your website to Bing)

 

    Google Webmasters (Add your website to Google)

 

     Yahoo! Site Explorer (Add your website to Yahoo! - this is Yahoo! Webmaster Central)

[Read More...]