Here is a tutorial for making your own Joomla templates. Note before reading, you should have some existing knowledge of web development using HTML and CSS.
1. Design Layout
Design your template in a graphics program like Adobe PhotoShop or Corel Draw for example (use whichever is your preference).
2. Isolate Images
Save important design pictures (header, background, footer, menu, etc.) in some folder (for example: "images").
3. Create Directory for your new Joomla Template
Open Joomla templates directory and make a new folder ("mytemplate") in it.
4. Create File/Folder Structure for your new Joomla Template
In "mytemplate" folder create some new files: "index.php", "template_thumbnail.png" and "templateDetails.xml".
Then, make another two folders, "images" and "css". In images folder, paste your pictures from step 2, and in css, create a new "style.css" file.
5. The Joomla Template Details XML
templateDetails.xml file with any code editor like NotePad++ or DreamWeaver for example (as with graphic design, it doesn't matter which one you choose as that is your preference).
Then, write this code, changing the information between the tags appropriately (e.g., "TEMPLATE NAME") and then save the file.
Note:<jdoc:include type="modules" name="main-column" /> means that there is the "main-column" module position that you will find in Joomla administration panel. The name of the module position must be the same in the "templateDetails.xml" and "index.php" files (e.g. main-column).
7. The Joomla Template StyleSheet
style.css file and add some CSS code for your template. I will not put examples for this, but as stated earlier you should already know some CSS and so you can write some simple test styles yourself here.
8. Activate Your Template!
Open your Joomla administrator panel and go to the template manager. You will see your own template's name which you can now set to the default and try it out!
I hope this will help you to make your websites better.