How to Create a Liferay Theme and Theme Development

Overview of Liferay Theme Development and Liferay Theme Layout and Plugins

 Themes consist of the following thing:

                    •    Java script
                    •    Velocity   
                    •    CSS
                    •    HTML        
                    •    Alloy         
                    •    Jquery

 1. Java Script

 JavaScript is important to provide functionality of event that means using java script we can create input box,button list box drop down etc
The Main use of JavaScript in theme is:
                  •    Functionality
                  •    Validate forms
                  •    Communicate with the server

2. Velocity

Velocity Language consists of.......
Java-based template engine Open source software project Reference objects defined in java code Control statements arbitrary java methods Java code cannot be embedded in pages and here is it application:
                •    Web applications.
                •    Source code generation.
                •    Automatic emails.
                •    XML transformation.

 3. CSS   

CSS stands for (Cascading style sheet).
Styles define how to display HTML elements on page
Why CSS is used?
•    Css is used to give good formating and style for text
•    Styles define how to display HTML elements
•    External Style Sheets can save a lot of work     
•    Make a global change
•    More flexibility
•    Change the appearance and layout of all the pages

4. HTML  

HTML is simple but use to giving structure of template for the theme.
Using Html we make table in template HTML is used only developed Static page.

5. Alloy

Is Liferay open-source JavaScript library. It is a JavaScript library. A CSS framework. A set of HTML recipes and a taglib library.
  Important of Alloy:
  •    Simple code for professional UI
  •    Custom form tags
  •    Classes are available for Alloy Modules
  •    Improve coding efficiency
  •    Browser compatibility
6. Jquery

Query is a library of JavaScript Functions.jQuery is a lightweight "write less, do more" JavaScript library. The jQuery library contains the following features:
  •    HTML element selections
  •    HTML element manipulation
  •    CSS manipulation
  •    HTML event functions
  •    JavaScript Effects and animations
  •    HTML DOM traversal and modification
  •    AJAX
  •    Utilities
So for the development of theme we have to use all these resource which I mentioned above and for the theme we have to make layout may be any form according to the user or client required.

For More Information :- liferay training and liferay portal development