A single Magento installation can run various stores and these stores could possibly have a similar look and feel. One can deal with the look of each store by developing themes, the themes are assembled together in a design packages by which the stores can utilize the own theme or share a single theme or can utilize combination of themes.
Design Package
All the themes related to stores in Magento are managed with the assistance of design package, in earlier versions of Magento the design packages are known as interfaces. After installation, Magento have few packages named “
base package”, and depending on the edition installed there will be another package called “
default” in
CE, “
PRO” in
PE and “
Enterprise” in
EE.
Magento support multiple design packages but must and should have at least one design package installed.
Themes
Themes in Magento contain some template files like layouts, locale, template and skin files such as css, images, javascript. These files are used for the better look of the store and are divided into two directories as mentioned below.
Skin -
These directory helps in controlling the look of the store such as images, CSS and more.
CSS - The website visual look is controlled with the help of CSS
Images - All the images of a theme is controlled by this file
JS - The JavaScript callable and routines functions are controlled by these files.
App/design -
These directory help in controlling the template page rendering.
Layout - The Layout file control the page encoding and Meta information and also contain XML files which define the block structure of various pages in Magento.
Template - The template files contain some XHTML and PHTML files along with PHP in order to create the visual look and are divided in to page and block templates.
Locale - The Locale files contains some CSV text files which are coordinated based on per language with translation strings for producing text in Magento.
Magento breaks its theme files into separate directories like this to permit you more control over the security level of every directory on your server. The files in the skin directory should be available to web browsers and need an exceptionally open consent setting. The files in the app/design directory just should be available to the application and can be secured encourage.