[PE] Fix help

apps/presentationeditor/main/resources/help/es/ProgramInterface/ProgramInterface.htm

@@ -15,16 +15,34 @@
         </div>
 			<h1>Introduciendo el interfaz de usuario de Editor de Presentación</h1>
 			<p>El <b>Editor de Presentación</b> usa un interfaz de pestañas donde los comandos de edición se agrupan en pestañas de manera funcional.</p>
-            <p><img alt="Ventana Editor" src="../images/interface/editorwindow.png" /></p>
+            <div class="onlineDocumentFeatures">
+                <p>Ventana del editor de presentaciones en línea:</p>
+                <p><img alt="Ventana del editor de presentaciones en línea" src="../images/interface/editorwindow.png" /></p>
+            </div>
+            <div class="desktopDocumentFeatures">
+                <p>Ventana del editor de presentaciones de escritorio:</p>
+                <p><img alt="Ventana del editor de presentaciones de escritorio" src="../images/interface/desktop_editorwindow.png" /></p>
+            </div>
             <p>El interfaz de edición consiste en los siguientes elementos principales:</p>
             <ol>
-                <li>El <b>Encabezado del editor</b> muestra el logo, pestañas de menú, el nombre de la presentación y dos iconos a la derecha que permiten <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">ajustar derechos de acceso</a> y volver a la lista de Documentos.<p><img alt="Iconos en el encabezado del editor" src="../images/interface/rightpart.png" /></p>
+                <li>El <b>encabezado del editor</b> muestra el logotipo, <span class="desktopDocumentFeatures">las pestañas de los documentos abiertos, </span>el nombre de la presentación y las pestañas del menú.<p>En la parte izquierda del <b>encabezado del editor</b> están los botones de <b>Guardar</b>, <b>Imprimir archivo</b>, <b>Deshacer</b> y <b>Rehacer</b>.</p>
+                    <p><img alt="Iconos en el encabezado del editor" src="../images/interface/leftpart.png" /></p>
+                    <p>En la parte derecha del <b>encabezado del editor</b> se muestra el nombre del usuario y los siguientes iconos:</p>
+                    <ul>
+                        <li><img alt="Abrir ubicación de archivo" src="../images/gotodocuments.png" /> <b>Abrir ubicación del archivo</b> - <span class="desktopDocumentFeatures">en la <em>versión de escritorio</em>, permite abrir la carpeta donde está guardado el archivo en la ventana del <b>explorador de archivos</b>.</span> <span class="onlineDocumentFeatures">En la <em>versión en línea</em>, permite abrir la carpeta del módulo <b>Documentos</b> donde está guardado el archivo en una nueva pestaña del navegador.</span></li>
+                        <li><img alt="Icono mostrar ajustes" src="../images/viewsettingsicon.png" /> - permite ajustar los <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">ajustes de visualización</a> y acceder a los <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">ajustes avanzados</a> del editor.</li>
+                        <li class="onlineDocumentFeatures"><img alt="Gestionar derechos de acceso de documentos" src="../images/access_rights.png" /> <b>Gestionar los derechos de acceso a los documentos</b> - (disponible solamente en la <em>versión en línea</em>) permite <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">establecer los derechos de acceso</a> a los documentos guardados en la nube.</li>
+                    </ul>
                 </li>
-                <li>La <b>Barra de herramientas superior</b> muestra un conjunto de comandos para editar dependiendo de la pestaña del menú que se ha seleccionado. Actualmente, las siguientes pestañas están disponibles: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">Archivo</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Inicio</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insertar</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)">Colaboración</a>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Extensiones</a>.<p>Las opciones de <b>Imprimir</b>, <b>Guardar</b>, <b>Copiar, </b><b>Pegar</b>, <b>Deshacer</b> y <b>Volver a hacer</b> están siempre disponibles en la parte izquierda de la <b>Barra de herramientas superior</b> independientemente de la pestaña seleccionada.</p>
-                <p><img alt="Iconos en la barra de herramientas superior" src="../images/interface/leftpart.png" /></p>
+                <li>La <b>Barra de herramientas superior</b> muestra un conjunto de comandos para editar dependiendo de la pestaña del menú que se ha seleccionado. Actualmente, las siguientes pestañas están disponibles: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">Archivo</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Inicio</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insertar</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)"> Colaboración </a>, <span class="desktopDocumentFeatures">Protección</span>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Extensiones</a>.<p>Las opciones <img alt="Icono copiar" src="../images/copy.png" /> <b>Copiar</b> y <img alt="Icono pegar" src="../images/paste.png" /> <b>Pegar</b> están siempre disponibles en la parte izquierda de la <b>barra de herramientas superior</b>, independientemente de la pestaña seleccionada.</p>
                 </li>
                 <li>La <b>Barra de estado</b> de debajo de la ventana del editor contiene el icono <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">Empezar presentación de diapositivas</a>, y varias <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">herramientas de navegación</a>: indicador de número de diapositivas y botones de zoom. <b>La Barra de estado</b> también muestra varias notificaciones (como "Todos los cambios se han guardado" etc.) y permite <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">ajustar un idioma para el texto y activar la corrección ortográfica</a>.</li>
-                <li>La <b>Barra lateral izquierda</b> contiene iconos que permiten el uso de la herramienta <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Buscar</a>, minimizar/expandir la lista de diapositivas, abrir el panel <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comentarios</a> y <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a>, contactar a nuestro equipo de ayuda y ver la información del programa.</li>
+                <li>La <b>barra lateral izquierda</b> incluye los siguientes iconos:<ul>
+                        <li><img alt="Icono Buscar" src="../images/searchicon.png" /> - permite utilizar la herramienta <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Buscar y reemplazar</a>,</li>
+                        <li><img alt="Icono Comentarios" src="../images/commentsicon.png" /> - permite abrir el panel de <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comentarios</a>,</li>
+                        <li class="onlineDocumentFeatures"><img alt="Icono Chat" src="../images/chaticon.png" /> - (disponible solamente en la <em>versión en línea</em>) permite abrir el panel <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a>, así como los iconos que permite contactar con nuestro equipo de soporte y ver la información del programa.</li>
+                    </ul>
+                </li>
                 <li>La <b>Barra lateral derecha</b> permite ajustar parámetros adicionales de objetos distintos. Cuando selecciona un objeto en particular en una diapositiva, el icono correspondiente se activa en la barra lateral derecha. Haga clic en este icono para expandir la barra lateral derecha.</li>
                 <li>Las <b>Reglas</b> horizontales y verticales le ayudan a colocar objetos en una diapositiva y le permiten establecer paradas del tabulador y sangrías dentro de cuadros de texto.</li>
                 <li><b>El área de trabajo</b> permite ver contenido de presentación, introducir y editar datos.</li>