This PPT gives information about: 1. Basic Intro to the Modules 2. Introduction to Creating Forms in Drupal 3. Introduction to Creating Blocks

2. Introduction toIntroduction to
Drupal TemplateDrupal Template
DesignDesign

3. About DrupalAbout Drupal
• Standards Based; xhtml, css, PHP
• Large user community
• Many templates to choose from
• Many modules to choose from

4. Drupal Is CoolDrupal Is Cool
• Centralized management
o Templates and modules
o Styles
o Scripting
• Content creation, editing, and maintenance can be done
without technical Web knowledge
• Changes in styles, layout can be done across the site without
content maintainers involvement

5. ……More CoolMore Cool
• Information management
o Categories
o Taxonomies
o Keywords
• Navigation structures generated for you
• Easy to add Web2.0 features

6. ……Even More CoolEven More Cool
• Authentication, roles
• Workflow
• Customization based on default designs, templates,
styles
o Intercepts, overrides, and subthemes

7. Accessible DesignAccessible Design
EfficiencyEfficiency
• Templates, stylesheets, modules can address many aspects of
accessible design
• Content authors and editors do not have to know as much
about…
o Skip to content
o Font sizing
o Color choices
o Labeling, Alt texts
o Semantic markup
o Page layout

8. Steps to Accessible DesignSteps to Accessible Design
1. Install
2. Update
3. Select theme
4. Add modules
5. Build blocks
6. Apply your design

9. 2. Update2. Update
• Updates are essential
• Each time the administrator logs in Drupal will
display messages of needed updates
• Do them promptly

10. 3. Select Theme3. Select Theme
• Tables or tableless?
o Tableless layouts best, especially if fluid
• Controllable with CSS
• Reading order can be independent of layout position
• Fluid sizing allows scaling by user as needed
o Table layout not so good
• Imposes reading sequence
• Presentation only somewhat controllable with CSS
o Nested tables bad
• Navigation nightmare
• Many theme design philosophies

11. Managing ThemesManaging Themes

12. Accessible ThemesAccessible Themes
Box_grey Theme
Blue Bars Theme
Blue Lake Theme
Celju Theme
Clean Theme
CWS Theme
Flexible 2 Theme
Genesis Theme
Pluralism Theme
Pixture Reloaded Theme
Tendu Theme
Zen Theme

13. Theme ProblemsTheme Problems
• Non-nested use of h-elements
o One h1 per page; main topic
o h2; subtopics
o h3; subsubtopics, etc.
• Inconsistencies among modules in how headings
are done
• Deeply nested tables
• Not specifying default language

14. 4. Add Modules4. Add Modules
• Hundreds of modules are available
• Offer a wide range of functionality
o Editors, games, feeds, tools
• Most are standards compliant
o Problem: Inconsistent implementations among modules
• Frequently updated

15. 5. Build Blocks5. Build Blocks
• Blocks contain the code fragments for the
different areas of your layout
• Blocks are placed in page regions
• Must be well-formed and strictly compliant
to fit in context
o Structured, semantic markup very desireable to
get CSS to work
• How you add things like “Skip to Content”

16. Semantic MarkupSemantic Markup
• Use elements according to their logical type
o Make headings with h-elements, not big bold
paragraphs
• Properly nest h-elements
o H1 is the main page topic, h2s are subtopics, h3s
are subsubtopics, etc.
• Choose a content editor that makes
semantic markup possible, even if you have
to go into html mode sometimes

17. 6. Apply Your Design6. Apply Your Design
• Use subtheme, intercept, and override
methods
o Never modify original templates, stylesheets,
• Customize templates
• Customize CSS
o Layout adjustments
o Color scheme
o Font size
o Contrast

18. Color SchemeColor Scheme
• Color Selection: Consider the colorblind

19. Color SchemeColor Scheme
• Contrast: 5:1 or more for text:background contrast

20. Maintaining AccessibilityMaintaining Accessibility
• Do
o Validate all modifications - strictly compliant
o Choose editor that makes semantic HTML
o Consider content flow in page structure
o Add aids such as “Skip to Content”
o Use semantic markup
o Use scripting libraries and methods that support
accessibility

21. Maintaining AccessibilityMaintaining Accessibility
• Don’t
o Invent non-semantic elements (divs) when
appropriate semantic elements are available
o Used fixed sizes
o Reduce contrast for artistic effect
o Put essential content exclusively in media
o Have visual media without captioning

22. ThankThank You !!!You !!!
For More Information click below link:
Follow Us on:
http://vibranttechnologies.co.in/drupal-classes-in-mumbai.html