Theme Development in Magento step by step is a tutorial series where you can learn Magento
theme development step by step from beginning to end.
Before starting Download Magento free from https://www.magentocommerce.com/download and install on your localhost or server.
There are two directories we deal with,
Magento Use its app/design/frontend/base for containing all files.All the files are locate in this directory.To make a new theme we copy some files from base package and use them in our theme.The code can also be written from scratch.
let say we want to make a theme name as mytheme.
So we go to app/design/frontend/ and make a package name here.This package will contain our theme name as mytheme.Create a folder and give the package a name called ‘aneesahmad.com’.Remember it could by anything.
2.Now in aneesahmad.com package make a folder name as mytheme.
3- In mytheme copy these folders from app/design/frontend/base/default/.It contains layout,etc and templates files.
before going ahead let talk about these three folder.Templates folder is consist of html and php files having extensions of files as phtml..It defines whether page should be 1 coloumn 2 coloumn or 3 coloumns etc.It have header.phtml that defines the header of our theme.
Other folder is layout that contains all layout files.If you want to add css and js in you theme you have to make a file name as local.xml.In this file we define the css and js in next chapter.
4-Now go to skin/frontend/ and make a package and theme here as i mention above.
5-Make the folder css, js, images in mytheme folder.You see all the css and js files even images will be here for our theme.