1 / 16

Week 4 - MTM4081

Week 4 - MTM4081. drupal themes. week3 review. Core modules vs. contributed modules Covered modules including: CCK, Views, Internationalization, Flags, Rules, Taxonomy, Rate

teigra
Download Presentation

Week 4 - MTM4081

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Week 4 - MTM4081 • drupalthemes

  2. week3review • Core modules vs. contributed modules • Covered modules including: CCK, Views, Internationalization, Flags, Rules, Taxonomy, Rate • Guest speaker, Andrew Sinkinson, from Statistics Canada provided insight on how content management systems are being used in his department. • Drupal 7 architecture, system flow, modules, and documentation. • Group assignment: Extend Drupal using a collection of contributed modules. • Group presentations: Show off your new development. • Possible work term placements at Statistics Canada with a Drupal migration. • Week 3 Review

  3. Guest Speaker • laurawesley • 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.ca www.rework.comrework@mail.com (987) 124-5678 98 East Street, New York, NY 12345

  4. intermission

  5. Week 4 • gettingtechnical • Last Week – Extending DrupalContent Construction Kit (CCK), ViewsInternationalization, 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.cachris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa

  6. Week 4 • documentation • Drupal Theming Guide • http://drupal.org/documentation/themeWhere you read how to create and modify Drupal themes. • There are thousands of websites devoted to Drupal. Most problems you may encounter have been solved and documented online. www.opin.cachris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa

  7. whytheme • Why do we use it? • Whenever creating a system, we try to keep our visual layer separated from our programming. Why? • Themes 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. • Week 4 www.opin.cachris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa

  8. Week 4 • themeoverview • 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.comrework@mail.com (987) 124-5678 98 East Street, New York, NY 12345

  9. Week 4 • *.tpl • Important TPL files • Block.tpl.php • Comment.tpl.php • HTML.tpl.php • Node.tpl.php • Page.tpl.php • There are several tpl.php files associated with any given Drupal theme. These files build the HTML structure for the Drupal components. www.opin.cachris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa

  10. Week 4 • Zen • Zen 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 • Provides easy-to-use IDs and classes for CSS developers. Can create almost any design without modifying the TPLs. • Column Resizing • Automatic column resizing for 1,2 and 3 column layouts. • Print.css • Optimize print display when sent to a printer. • Flexible • Using Zen, you can create an wide variety of designs by only altering the theme CSS. www.opin.cachris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa

  11. Week 4 • onlinelab • Install Live CSS • Experiment with template CSS files www.rework.comrework@mail.com (987) 124-5678 98 East Street, New York, NY 12345

  12. intermission

  13. Week 2 • groupwork • Create Design • Design • In your group, create a design as a mock-up of what you would like your website to look like. • Design should be 1, 2, or 3 columns. • Should have a header and footer. Teams of 3. Assignment should take 1 hour followed by presentations. Convert Themes Using Live CSS, begin converting your design into Drupal.

  14. intermission

  15. Week 2 • presentations • Group B • Group H • Group C • Group 1 • Group E • Group F • Group D • Group G

  16. Week 4 • written • Group: Finish migrating the design of your website into Drupal. • Individual: Write an article explaining what are the “Web Content Accessibility Guidelines”. Why do we implement these guidelines? www.opin.cachris.smith@opin.ca (613) 851-7102 126 York Street, Office 300, Ottawa

More Related