1 / 11

Effective Use of Block Templates and Image Galleries for Web Content Management

This guide provides essential insights on utilizing block templates and image galleries effectively in web design. Block templates are ideal for creating visually appealing menus, whereas image galleries are best for showcasing multiple images. Avoid using these templates for text-heavy content or unordered lists. Common issues include maintaining consistent image sizes and heading lengths. For further assistance, reach out to the Creative Media or Marketing teams. Enhance your web pages with the right templates by following best practices outlined in this workshop.

howie
Télécharger la présentation

Effective Use of Block Templates and Image Galleries for Web Content Management

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. Web editors workshop How to use these templates: • block templates • image galleries Lucy Temple Web and Publications Manager 30 September 2008

  2. Block templates

  3. Image galleries

  4. What can I use these templates for? Block templates: • Menus – when you want to show options visually eg http://www.derby.ac.uk/library/contacts-and-opening-times Image galleries: • For pages showing multiple images

  5. Don’t use these templates for… Block images: • To present information in sections where there’s a lots of text – ‘Menu’ templates are better for this • For a list that you might want to reorder Eg, see http://www.derby.ac.uk/podcasts • For video menus – Menu (Videos) is better • For lists which expand – eg podcasts – ‘Menu of thumbnails’ is better

  6. Don’t use these templates for… Image galleries: • For images which require lots of text underneath • As a menu without adding explanatory text eg http://www.derby.ac.uk/careers/volunteering-newsletter

  7. Common problems Block templates: • Size of images must be the same • Heading length should be consistent for each row • Make sure your heading links and image links match Eg, see www.derby.ac.uk/podcasts

  8. Common problems or queries Image galleries: • Portrait images together and landscape images together www.derby.ac.uk/faculties/arts-design-and-technology/markeaton-street-derby/photos-and-videos/free-running • Image size – we recommend 150 x 150 at least www.derby.ac.uk/chaplaincy/derby/events-and-activities/photo-albums/taize-trip-06 • Reordering images • Long/meaningless captions eg ‘Graduate 1’

  9. How to create a block template • See notes on ‘Using block templates’ • Download images to use from: www.derby.ac.uk/webeditors/images-for-workshop

  10. How to create an image gallery • See notes on ‘Using image galleries’

  11. For more help with these templates Contact Creative Media team (was IMU) or Marketing depending on who your support team are – check the diagram in your folders. Creative Media • webjobs@derby.ac.uk • Deborah Fern ext 1256 • Pete Hutchinson/Changzhou Zhang ext 1258 • Bernice Kew ext 1258 Marketing • Charlotte Hancock ext 1916 • Lucy Temple ext 2375 • Sarah Liddle ext 1393

More Related