Author Legacy (v5.x): Editor guides
-
How to choose the best template for my content
Tokyo template It is the most complete template we offer you, with more than 30 components of text, graphics or multimedia. Ideal for creating the most complex content. It is perfect for: new procedures mandatory content for job performance development programs, etc. You have pages (sections) that you can divide into screens (subsections), generating a double navigation, horizontal or vertical, to access sections and subsections. Example | User manual Berlin template Oriented to the editorial field and tutored training. Organize the contents into pages (lessons) in which you can add graphic sections, to differentiate, for example, the theory of practice. Among its components there is a very special one: the content of the teacher, where you can add additional material for the teacher, such as instructions, solutions to the activities, etc. Example | User manual Vienna template Designed for microlearning, it is ideal for mobiles and tablets. It is perfect for: Summaries Reminders supplementary information, etc. You can create contents of one or more pages. Decide how to navigate: With a main menu or design a learning path using cross-page recommendations. It offers the basic components to create agile content: text, image, video and simple response activities. Sometimes less is more. Example | User manual Vegas template Create small, separate resources to use on your platform. It is perfect for: reinforcement questionnaires interactive infographics You have a blank canvas, without menus, headers or other navigation elements, so you can add what you need. This template has the same components as the Tokyo template. You will have absolute freedom of creation! Example | User manual London template It is aimed at creating presentation type content. This template is specially designed for corporate content that want to display information in slides (as in a PowerPoint), which will be fully displayed in any browser without the need to scroll. Example | User manual Paris template It is designed to create responsive training content which adapts to any device (PC, tablet or mobile), and allows you to create units with pages of variable length. You can create content of a single page, oriented to micro-learning, or longer content, with several pages. It is a template with a very modern and minimalist design, designed to easily adapt to any content and training need. It has more than 70 different sections that will allow you to compose your pages as you want. Example | User manual
-
Unit Common properties
In this video you will see how to configure the common properties of the units in the Auhtor editor. IMPORTANT: Active the captions NOTE: Change the captions it you want to see it in english Unit common properties | Content edition from Netex on Vimeo.
-
Tool bar
In this video you will see how to use the top toolbar of the editor of Author. IMPORTANT: Active the captions <span class="fr-mk" style="display: none;"> </span> Tool bar | Content edition from Netex on Vimeo.
-
Manage pages and popups
With the Author editor, it's possible to: Create pages and popups Move their position Copy and paste pages in the unit or paste it into another unit. Delete pages and popups. In this video you'll see how you manage pages and popups. IMPORTANT: Active the captions <span class="fr-mk" style="display: none;"> </span> Manage pages and popups | Content edition from Netex on Vimeo.
-
Add and configure components
This video shows how to add new components in the pages and how to configure them. IMPORTANT: Active the captions Add and configure components | Content edition from Netex on Vimeo.
-
Copy and paste components
The Author editor allows you to copy or move the various components and paste them: In another position on the page. On another page or popup of the same unit. On a page or popup of another unit. Copy or move a component Select the desired component, access the Navigator tab, and at the bottom of the screen, press Copy or Cut (to move it position). Paste the component on the same page First you need to position yourself where you want to copy/move the component. To do this, tap the component next to which you want to carry the copied content. Then, in the lower area of the tab Navigator and clic Paste. Then decide where you want to paste the component: Before or After the other selected component (or even Inside,if the chosen component allows it). Paste a component on another page To paste a component on another page, simply open the new page and follow the previous process: Selects the component next to which you want to paste the copied component. Go to the Navigator tab and clicPaste . Decide which position to paste the component into: Before, After, or Inside. Paste a component into another unit To do this, you first need to: Have the two units open in the same browser (in two different tabs). Have both units use the same template. Then the usual copying process follows: Copy the component to drive A Stand on unit B, select the component next to which you want to paste. Go to the B tab Navigator and press Paste. Decide which position to paste the component into: Before, After, or Inside.
-
Link pop ups
A pop-up can be linked to: A text. A pop-up is set by selecting one or two words that work as a link. It can be used to open an external link or to show the meaning of a word. An image. To display additional information on an image or to enlarge the image, etc. A specific component of the page. Certain components, especially those defined on custom templates, allow adding pop-ups to download a document, to access a link or to provide more information. The way to create a pop-up link depends on the element to which is associated: Linking a text Select a word or words from a text, go to the text toolbar and select "Popup link" from the "Link" drop-down menu. La palabra aparecerá marcada como si fuese un enlace. Púlsala y accede a la pestaña "Propiedades". Aquí podrás seleccionar el popup correspondiente en la propiedad "Ventana emergente asociada". Linking an image and other components To link an image to a pop-up, select the image and go to the properties panel of the component and select "Associated pop-up". The pop-up can be used to display additional information on an image or to enlarge the image. In the event that this option is available in other components, it will be displayed on the panel properties of the component, for example, on the "Multi-página" template there is a widget that allows linking a pop-up. It is useful to add an "Did you know?", author credits or additional information.
-
Use of the "Navigator" tab
This video shows the uses and benefits of the "Navigation" tab in the Author editor. IMPORTANT: Active the captions <span class="fr-mk" style="display: none;"> </span> Using Navigator tab | Content edition from Netex on Vimeo.
-
Comments
In this video you will see how to add comments and work as a team with other users of the Author editor. IMPORTANT: Active the captions <span class="fr-mk" style="display: none;"> </span> Comments | Content edition from Netex on Vimeo.
-
Edit texts
A text is a basic component of any template in Author Unlike other components, the text is set and edited using a text edition panel similar to that provided by Microsoft Office. These are the functionalities: 1. HTML source. - HTML source code editor. 2. Paste options. - Cut | Paste | Paste as plain text | Paste from Word | undo | redo 3. Spelling. - Activate Corrector 4. Text formatting - Bold | Italic |Tachado | underlined | subscript | superscript 5. Deleted format - Delete Format | Flat format (removes links and other formats). 6. Move the CKEditor editor to the position. 7. Alignment - Align left | Center | Align Right | Justified 8. Listings - Numbered list | Bulleted list 9. Sangria. Decrease Bleeding | Increase Bleeding | Quote 10. Add multimedia - Add Image in line with text | Insert Special Character | Add formulas with Wiris*. *(Wiris is a mathematical formula editor. To be able to use it, it must be contracted additionally. For more information, contact the Netex sales team). 11. Color - Text color | Background color| No wrap** ** (forces the union between texts. For example "10 000 €", by applying "No wrap" we prevent it from separating if it is at the end of the line). 12. Style and Formatting - Apply normal style or various styles of headlines. 13. Classes - Apply special formats (depending on the template). 14. Links. - External Link| Resource Link| Pop-up Link 15. Tables. Create Table | Table Settings| Row | Column | Cell | Move | Add | Delete | Join Cells | Split Cells This panel allows: Paste texts Delete text format Include images inline in the text Create links Configure list Create tables Edit HTML source Pasting texts from other locations It is usual that, instead of writing the text, you copy the text from another source (eg, from Word, PowerPoint, Google Docs, etc.). With the CTRL + V combination, you can paste the copied text, but it is not recommended since it keeps both the original formats (bold, italic ...), if not the typeface used, which causes problems with the styles of the template and the text will not behave correctly in environments of responsiveness (e.g. by reducing its size on certain devices). To avoid it, paste the text into Maker using the combination of keys CTRL + SHIFT + V. The test will be paste as plain text, and you can edit it properly with Maker editor. If it is usual that we have to copy many texts, it is recommended to use the Import units from Word functionality, which should restrict the typefaces and styles of the template and, in addition, will keep the relevant formats like bold, italic or listed. Delete text format If you have pasted text from Word, surely it bring unwanted formats. What can you do? Easy. Select the text and press the option Remove format. It will erase all the text formats, including bold and italics. If you also want to delete other formats, such as listings or links, you use the option Without format. Avoid widow text and orphan text in your content Imagine that you want to write the number 10 000 but, as at end of line, is party. Avoid it with the "A_2" functionality. This option will allow you to unify the text in a single word, even if you have spaces in the middle. Thus, your data will never be separated or you will avoid orphaned at the end of line. Add images online The text editor allows you to add images in line with the text. Thus, you can add small icons and images that appear in the middle of the content. Place the mouse in the text area where you want to add the image and press this option: When doing so, an icon that you must configure will appear in the chosen space. Select it and access the "Properties" tab. The three available properties are: Link: Press "Examine" to locate the image you want to add in the resources folder of the unit. Alternative text: Text that will be displayed if the image is not displayed. It will also be used by automatic text readers to facilitate accessibility for blind people. Title: Text that will be displayed when the mouse is placed on the image. Creating links The text editor allows adding links to one or several words. To do this, click on the "Links" drop-down menu and select the type of link you want to generate: External link. A link to a web site. Resource link. It is very useful to link a word(s) with a resource, for example, a pdf document. We support files with the extensions pdf, zip, rar, 7z, ppt, pptx, pps, ppsx, doc, docx, xls, xlsx, odf, odt, odp and ods. Glossary link. Option available and functional only on "Multi-página" and "Express" templates. It allows linking a word(s) with a specific word included in a glossary (a kind of pop-up). Popup link. It allows linking a text with a pop-up. Once a link type has been selected, we have to configure its properties from the properties tab in the components menu. Configure listings 1. Select the text that you want to make a list. 2. Select from a list of numbered or bulleted text. 3. Right-click on the new list and click on "List properties". 4. In the properties you can modify: The starting number of the list (if the list is alphabetical, we will indicate the number of the letter, that is to say, if we put 3, the list will start in the letter C. If the list is alphabetical, we will indicate the number of the letter, that is to say, if we put 3, the list will start in the letter C. The type listed. If it is a numbered list you can choose between numeral, alphabetical or Roman numeration. If it is a list of bullets, you can select between three types of bullets. 5. Additionally, you can create indented lists. To do this: a. Create a list. Then, select the text with all the options you want to indent. b. Press the button to increase indentation. The list will be created. c. As a recommendation, change the type of listing to bullet format. Additionally, in the Text Properties area, you have two specific properties associated with the listings: - Numbered list style: Select from several styles: normal, bold or italic. Only applies to the numeral type list - List color: Apply the color you choose to the bullets or numbers in the list. Configure Tables Some templates have a specific "Table" component, which gives us presets of different types of tables, saving us editing time. Anyway, we can create tables from scratch inside the texts. To do this: 1. Press the editor button. 2. Indicate if you want the table to occupy 100% of the available width and if you want it to have a header. 3. Select the number of rows and columns it should have. 4. When you create a table, the table editing bar is activated in the editor: y a. Properties - Modify the properties and formats of the table, row, column or cell. b. Move - Move row up or down | Move column right or left c. Add Rows and Columns - Add Row Up or Down | Add Column Right or Left | Add Cell Right or Left d. Add Cells - Add cell on the left| Add cell on the right e. Delete - Delete column, row or cell f. Join - Join cells horizontally or vertically g. Split - Split cells horizontally or vertically 5. The table, its rows, its columns and its cells have their specific properties, but they all share the same behavior: h. Fast styles. It allows you to quickly add basic styles such as background color, border, text alignment, etc. i. Create your own styles. With the "Add" button, you can set custom styles using css. j. Modify styles. Once added a style, we can modify it (for example, in the upper case we could change the thickness of the border, from 1px to 2px). Editing HTML source To access the source code and to perform changes directly such as pasting code or adding a new code, click on "Source". It is recommended to avoid overusing this functionality for not interfering with the template development by adding codes or CSS. However, it is useful for: Copying and pasting the table code that we have created in other texts, especially if they are tables with specific formats (color, configuration...). Adding a video embed code hosted in a streaming server (for example, YouTube). The possibility of including HTML code directly on the content can help the author to include certain resources as tables or a YouTube link, but it has also its limitations to guarantee the responsive correct behavior of the content.