Specifying HTML options

When you publish project, you have a number of different publishing options. After selecting to publish to the desired format, use the controls on the Options tab to specify the following:

Name of First HTML file for Project

Specify the HTML page name of the first page of project. By default, this is index.html.

Create ALT tags for images and buttons

This option is selected by default and will create ALT tags for all images and buttons in the project. ALT tags are created based on the names that are used in project's Project Explorer. An ALT tag will be displayed in a tool tip when the user hovers their mouse over an image or button. ALT tags are also used by screen readers to identify the image or button.

If the Web accessibility settings are enabled, the Create ALT tags for images and buttons option is set and disabled. For more information about Web accessibility, see Preparing a project for accessibility and Creating Web-based, accessible content (Section 508/WCAG).

Convert page names to short ID-based names

This option will only default as selected when Lectora Online encounters a page name with a multi-byte international character. This option will use the page’s unique internal number so that the generated HTML page names are compatible with Web browsers.

Use Lightbox pop ups

Select this to display pop-up windows using a Lightbox-style window. This options is enabled by default.

If you disable this option, pop-ups will be displayed in a new browser window and your users might encounter issues with pop-up blockers.
  Lightbox pop-ups are not allowed for 508/WCAG projects. For details see Using actions and integrating accessible interactivity in Creating Web-based, accessible content (Section 508/WCAG).
Optimize published image sizes

To save space select this to optimize the size of images in published projects. The images are converted and published to the largest size used within the project. Deselect this to retain the resolution if high-resolution images are required for your published project. This does not affect the sizes of the resources in your working project.

You can save space when you are developing your projects by optimizing large images in the Resource Manager. For details, see Optimizing large images.
Publish for Seamless Play

This option is selected by default and provides for auto-playing of media and smooth flow from page to page, eliminating the screen wipe commonly associated with HTML pages.

  A page with 25 or more media configured to automatically start might experience issues on mobile devices. For more information, see Automatically playing media on mobile devices.
  For custom JavaScript relating to Seamless Play Publishing, see Custom JavaScripting.
 

If the Web accessibility settings are enabled, the Publish for Seamless Play option is disabled. For more information about Web accessibility, see Preparing a project for accessibility and Creating Web-based, accessible content (Section 508/WCAG).

Protect content (disables copying content)

If this option is selected, the Publisher will eliminate the functionality of keyboard shortcuts such as copy and paste, as well as equivalent right-click menu options within the browser so users cannot easily copy content material.

Disable browser resize of published content

For responsive projects, select this to prevent non-desktop views from being displayed when the browser window is re-sized. For details about creating responsive content, see Working with responsive content.

Scale content to fill window

If this option is selected, your content will fill the full size of the browser. Enable the Fit content to width check box if you want your content to fill the browser based on the width of the browser.

To scale content on mobile devices, see Scale content to fill mobile device view (RCD only).
  For the best results possible, use a larger, high-resolution image in the project and then size it appropriately for the page. When the image is published with Scale content to fill window enabled, as the image is zoomed, it gets closer to the original size and will still look crisp. Disabling Optimize published image sizes when scaling will also help. This ensures Lectora Online will keep the original size with the published content.
Scale content to fill mobile device view (RCD only) For responsive projects, if this option is selected, your content will fill the full size of the browser for mobile devices. For details about creating responsive content, see Working with responsive content.

Debug Published Content

Select this to debug project within its published format. If this option is selected and you launch your published project, an additional debug window will launch, displaying all of the variable interactions and actions executed within the published project. Click the Debug Published Content box and select one or more of the following options to include in the debug window:

Variable Reads

With this selected, the debug window will display the original variable values for variables that are associated with objects on the page. Variable values for questions, form objects, change contents actions, submit actions and variable modification actions are displayed within the Debug Window.

See also: Working With Variables

Variable Writes

With this selected, the debug window will display new variable values as they are changed on the page. That is, if the variable is modified through a question, form object, variable modification action or other means, the new variable value will be displayed within the Debug Window.

See also: Working With Variables

Actions Triggered With this selected, the debug window will display an "Action fired!" message every time an action is triggered, along with details of what triggered the action.
HTTP Communications With this selected, any POST or GET methods used to communicate within the project will be posted to the debug window when they are executed.
LMS Communications With this selected, if you load your published project into a learning management system, the Debug Window will log all communications with the learning management system. This includes the transfer of test results as well as other communications.

Knowledge Base | Training | Support
© Copyright ELB Learning 2023