Back to Drupal Training Syllabus
Advanced Theming
For a Drupal themer, knowledge in HTML5 and CSS3 is must. He should be well versed in styling. Theme gives the look and feel for a website, same with Drupal as well.
Learning Objectives
Trainee should be able to develop a responsive drupal theme from psd file. He should be good in HTML5, CSS3, Bootstrap etc
Course Content
-
HTML5
-
CSS3
-
Preprocessing
-
Bootstrap
-
Views templating
HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and current version of the HTML standard.
http://www.w3schools.com/html/html5_intro.asp
CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. It brings a lot of long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts like multi-columns, flexible box or grid layouts.(Wiki)
http://www.w3schools.com/css/css3_intro.asp
The main role of the preprocessors is to set up variables to be placed within the template (.tpl.php) files
https://drupalize.me/tutorial/what-are-preprocess-functions?p=2512
Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
http://getbootstrap.com/
It is possible to style different areas of Views.
https://www.ostraining.com/blog/drupal/views-templates/
Reference
https://buildamodule.com/collection/drupal-7-theming-essentials-0
http://www.zyxware.com/articles/4758/drupal-how-to-theme-drupal-views-ta...