• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Drupal Theming
 

Drupal Theming

on

  • 622 views

Lecture 4 - Drupal Theming for Design and Authoring III at Algonquin College.

Lecture 4 - Drupal Theming for Design and Authoring III at Algonquin College.

Statistics

Views

Total Views
622
Views on SlideShare
618
Embed Views
4

Actions

Likes
1
Downloads
2
Comments
0

1 Embed 4

http://www.linkedin.com 4

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Drupal Theming Drupal Theming Presentation Transcript

    • drupalthemes Week 4 - MTM4081
    • Week 3 Review week3review• Core modules vs. contributed modules • Group assignment: Extend Drupal using a collection of contributed modules.• Covered modules including: CCK, Views, Internationalization, Flags, Rules, • Group presentations: Show off your new Taxonomy, Rate development.• Guest speaker, Andrew Sinkinson, from Statistics Canada provided insight on how • Possible work term placements at content management systems are being Statistics Canada with a Drupal used in his department. migration.• Drupal 7 architecture, system flow, modules, and documentation.
    • Guest Speakerlaurawesley About Laura Wesley is the web usability lead at Treasury Board of Canada Secretariat. Department Treasury Board is responsible for the accountability and ethics, financial, personnel and administrative management, and approving regulations. Website www.tbs-sct.gc.cawww.rework.com rework@mail.com (987) 124-5678 98 East Street, New York, NY 12345
    • intermission
    • Week 4gettingtechnical Last Week – Extending Drupal Content Construction Kit (CCK), Views Internationalization, Flags, Rules, Service Links, Rate, Taxonomy, Token Today – Theme and Modifications - Why Theme? - Theming Overview - Info file (.info) - Templates (*.tpl) - Sub-theme, Zen - Customizing Zen www.opin.ca chris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa
    • Week 4 documentationThere are thousands of websites devoted to Drupal. Most problems you mayencounter have been solved and documented online. Drupal Theming Guide http://drupal.org/documentation/theme Where you read how to create and modify Drupal themes. www.opin.ca chris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa
    • Week 4 whythemeThemes are a collection of files that make up the look and feel of your site.Themes are made up of most of the things you’d expect to see; style sheets,images, and Javascript files. Why do we use it? Whenever creating a system, we try to keep our visual layer separated from our programming. Why? www.opin.ca chris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa
    • Week 4themeoverview CSS To store all your theme CSS Images To store all your themes images Javascript To store all your themes Javscript Templates Structure for all theme components Info Details about the theme, required files, etc. www.rework.com rework@mail.com (987) 124-5678 98 East Street, New York, NY 12345
    • Week 4 *.tplThere are several tpl.php files associated with any given Drupal theme. Thesefiles build the HTML structure for the Drupal components. Important TPL files Block.tpl.php Comment.tpl.php HTML.tpl.php Node.tpl.php Page.tpl.php www.opin.ca chris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa
    • Week 4 ZenZen is the ultimate starting theme for Drupal. If you are building your own theme,you will find it much easier to start with Zen than any other.Easy IDs and Classes Print.cssProvides easy-to-use IDs and classes for CSS Optimize print display when sent to a printer.developers. Can create almost any designwithout modifying the TPLs.Column Resizing FlexibleAutomatic column resizing for 1,2 and 3 column Using Zen, you can create an wide variety oflayouts. designs by only altering the theme CSS. www.opin.ca chris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa
    • Week 4 onlinelab• Install Live CSS• Experiment with template CSS files www.rework.com rework@mail.com (987) 124-5678 98 East Street, New York, NY 12345
    • intermission
    • Week 2 groupwork Teams of 3. Assignment should take 1 hour followed by presentations.Create Design ConvertDesign ThemesIn your group, create a Using Live CSS, begindesign as a mock-up of what converting your design intoyou would like your website Drupal.to look like.Design should be 1, 2, or 3columns.Should have a header andfooter.
    • intermission
    • Week 2 presentations1. Group B2. Group H3. Group C4. Group 15. Group E6. Group F7. Group D8. Group G
    • Week 4 writtenGroup: Finish migrating the design of your website into Drupal.Individual: Write an article explaining what are the “Web Content AccessibilityGuidelines”. Why do we implement these guidelines? www.opin.ca chris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa