User Tools

Site Tools


the_basics

Differences

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

Link to this comparison view

the_basics [2012/12/07 10:40]
admin [Anatomy of the Web Module]
the_basics [2012/12/07 11:03] (current)
admin [Anatomy of the Web Module]
Line 27: Line 27:
 The Web module is divided into into several sections. Here we isolate those sections for closer examination. The Web module is divided into into several sections. Here we isolate those sections for closer examination.
  
 +==== The Preview ====
 +
 +{{:wiki:web-module-preview.jpeg?nolink|}}
 +
 +Prominently located in the center of the work area is the gallery Preview. Here, your design-in-progress is shown and updated in real-time as you make changes. Lightroom 4 uses Adobe's webkit-based APE web-browser to render the preview.
 +
 +At present, the APE browser utilizes an outdated version of the webkit architecture, so does not support some of the CSS3 properties common in modern webkit-based browsers such as Safari and Chrome. CSS3 properties presently known to be unsupported include linear gradients and the //background-sizing// property.
 +
 +==== Web module, left ====
 +
 +{{:wiki:web-module-left.jpeg?nolink|}}
 +
 +On Web module left are located the Preview, Template Browser and Collections panes. The Preview pane shows a thumbnail representation of your template; it is otherwise useless. The Template Browser allows you to manage your web templates, and the Collections pane allows you to access your image collections and saved web galleries. The Template Browser and Collections panes are addressed in greater detail elsewhere in this wiki.
 +
 +==== Web module, right ====
 +
 +{{:wiki:web-module-right.jpeg?nolink|}}
 +
 +On Web module right are located the Layout Style, Site Info, Color Palette, Appearance, Image Info, Output Settings and Upload Settings control panes. All of these panes are used to manipulate web engines' settings. In Layout Style, select the web engine you wish to use. The contents of the other panes house the web engine’s various options, and will change according to Layout Style is selected is selected.
 +
 +For the right control panel, the wider the better. To increase the width of the panel, simply grab the edge with your mouse and drag it wider. If you find that your web engine controls are getting cut off on the right side, pull the panel as wide as it will go. ( If you want to make the panel even wider still, you can hold the Opt key while dragging; it gets crazy wide! )
 +
 +==== The Toolbar and Filmstrip ====
 +
 +{{:wiki:web-module-filmstrip.jpeg?nolink|}}
 +
 +The toolbar and filmstrip may be used to manage those photos actively being used by your image gallery.
 +
 +The toolbar’s visibility may be toggled on/off by pressing the ‘T’ key on your keyboard. The square icon on the far left of the bar acts as a “reset” of sorts for the gallery preview; should you ever find yourself in a strange place and unsure how to get back to the front of your web gallery, press the square icon.
 +
 +The most useful portion of the toolbar, however, is the “Use” selection, which may be set to “All Filmstrip Photos”, “Selected Photos” or “Flagged Photos”. When set to Use: All Filmstrip Photos, the gallery will be generated using all of the photos currently available in your filmstrip. When set to Use: Selected Photos, the gallery will be generated using only those images in the filmstrip which are actively selected; you may select or deselect individual images by holding the CMD key on Mac, or the CTRL key on Windows while clicking the images in the filmstrip.
 +
 +To speed up render times in the Web module preview, work with fewer images. You can do this by setting Use: Selected Photos, then selecting 5-10 images to preview. When ready to publish, switch to Use: All Filmstrip Photos to publish the full collection of images. This technique can save you a lot of time waiting for the preview to update between changes!
the_basics.txt · Last modified: 2012/12/07 11:03 by admin