User Tools

Site Tools


web:layout_templates

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
web:layout_templates [2013/09/03 12:00] – [Global Layout Templates vs. Layouts] henning_stummerweb:layout_templates [2015/12/03 11:02] (current) – [Layout Templates vs. Layouts] penelope_chapron
Line 3: Line 3:
 To achieve consistent appearance and facilitate easy navigation, web sites typically match designs across many pages.  In StudioLine, Layout  Templates and Layouts define common design elements, such as the background, logos, headlines, navigation buttons, and image placeholders.  They also control certain automated and default behaviors, such as the creation of image views and image processing defaults. To achieve consistent appearance and facilitate easy navigation, web sites typically match designs across many pages.  In StudioLine, Layout  Templates and Layouts define common design elements, such as the background, logos, headlines, navigation buttons, and image placeholders.  They also control certain automated and default behaviors, such as the creation of image views and image processing defaults.
  
-===== Global Layout Templates vs. Layouts =====+===== Layout Templates vs. Layouts =====
  
 The following chart explains the differences between templates and [[:web:layout|layouts]], in terms of their scope, when they are used and how they interact. The following chart explains the differences between templates and [[:web:layout|layouts]], in terms of their scope, when they are used and how they interact.
  
-^Effect^Global Layout Template^Layout| +^Effect^Layout Template^Layout| 
-|Scope|Affects all new pages of a site, and their image views (if any.)|Affects the single page and its image views (if any.)| +|Scope|Affects all new pages of a site, and their image views (if any).|Affects the single page and its image views (if any).
-|Timing|One time association - when page is created or when template is manually applied to an existing page.|Continuous association – a layout is an integral part of its page.|+|Timing|When page is created or when template is manually applied to an existing page.\\ If the template is modified, all applied pages will be updated.|layout is an integral part of its page.|
 |Interaction|May be defined as the site’s default.  May be applied manually to an existing page.|May be saved as a new Layout Template.| |Interaction|May be defined as the site’s default.  May be applied manually to an existing page.|May be saved as a new Layout Template.|
  
Line 31: Line 31:
   * open the page in Page Editor mode   * open the page in Page Editor mode
   * switch to Layout mode   * switch to Layout mode
-  * To view and customize a layout template:+ 
 +To view and customize a layout template:
   * switch to Layout Template mode   * switch to Layout Template mode
   * select a template   * select a template
Line 44: Line 45:
   * right click on the mouse to access the Context menu and choose Transfer to Layout   * right click on the mouse to access the Context menu and choose Transfer to Layout
  
 +**Note:** This is not available for Layout Templates!
 ===== Image Views ===== ===== Image Views =====
  
Line 51: Line 53:
  
 Typically, the initial image defined with the Image Prototype for a particular webpage would be relatively small, like a thumbnail. Once multiple photos are imported from Image Archive onto the page, the resulting webpage would be composed of a gallery of thumbnails, or whichever size you chose using the Image Prototype. Then you could create additional Image Views for that webpage with increasingly larger sizes. The resulting sub-pages display only one picture each, at the size that you specify using the Image Prototype. A web visitor would simply click on a picture to see a larger version, or choose a navigation link to browse between Image View pages. Typically, the initial image defined with the Image Prototype for a particular webpage would be relatively small, like a thumbnail. Once multiple photos are imported from Image Archive onto the page, the resulting webpage would be composed of a gallery of thumbnails, or whichever size you chose using the Image Prototype. Then you could create additional Image Views for that webpage with increasingly larger sizes. The resulting sub-pages display only one picture each, at the size that you specify using the Image Prototype. A web visitor would simply click on a picture to see a larger version, or choose a navigation link to browse between Image View pages.
- 
-==== Application of the Image Views page ==== 
- 
-This feature is a great time-saver for publishing pictures in a user-friendly manner. For a product catalogue, listing pages can show small preview pictures for each item - and the detail page with a full view is only a mouse-click away. 
- 
-Photographers can design extensive thumbnail galleries that load quickly, yet visitors can still gain access to full-size images. By adding an Automatic Forward from the Page menu, one can even publish a self-running slide show. 
  
 ==== Creating Multiple Image Views ==== ==== Creating Multiple Image Views ====
web/layout_templates.1378224036.txt.gz · Last modified: 2013/09/03 12:00 by henning_stummer