1 / 11

Creating Reusable Basic Template Sets for Enhanced Web Design Usability

In this discussion, we explore the fundamentals of creating reusable basic template sets that improve your web design's efficiency and consistency. Key topics include the ideal number of templates in a set, standard content areas (or panes), their names, and the CSS required for styling. We also cover how to facilitate page transitions between templates and the importance of diverse layouts to enhance appeal. Additionally, we'll touch on template settings, hardcoding styles, and the possible future of template import/export functionalities.

pembroke
Télécharger la présentation

Creating Reusable Basic Template Sets for Enhanced Web Design Usability

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. Templates a discussion about creating reusable basic template sets Nick Airdo Software Engineer Central Christian Church Email: nick.airdo@cccev.com Twitter: @airdo

  2. Topics • Number of templates in a set • Standard content areas (aka panes) • Standard names of content areas • CSS for styling and layout • Structure

  3. Standard Content Areas? • Makes moving your pages from one template to another easier • Will probably want a few different standard layouts (this will make your template more appealing/usable)

  4. Basic Layout Top Left Center Right Bottom

  5. Template Settings • You can create “settings” but… • They should only be of render type textbox • Template settings are actually set on “page” instances, not the template.

  6. Template Settings? • Template settings are actually set on a “page”, so… • Hardcode into template: BasePage.AddCssLink(Page, "~/Templates/Cccev/Liger/css/wide-page.css"); • Or try using a module that injects a particular style sheet

  7. Demo • See Templates\Custom\RC\2010 • http://localhost/Arena/default.aspx?page=3418&refreshcache=true • http://localhost/Arena/default.aspx?page=34&pageid=3418&tab=PageDetails

  8. It’s in the Style • Use the style sheet to control • Layout • Width • Color • Images

  9. Template Import/Export • Perhaps in the future Ask Later

  10. Number of Templates • This depends highly on your design & layout • Home Page • Sub Page • Wide Page • Unless your templates are “full” width you’ll want a wide one for certain ‘public’ Arena modules

  11. Suggested Structure Templates\Custom\<ORGID>\<SetName>\ <Template1Name>.ascx <Template2Name>.ascx css\ js\ img\

More Related