REMOTE ACCESS
Personalización avanzada: Acceso Web
Visión General
¿Cómo personalizar completamente la página de acceso a la web más allá de las capacidades del portal web?
Utilizando el Portal Web puede personalizar las Páginas de Acceso a la Web de TSPlus de forma extensa.
Sin embargo, en algunos casos, esto no es suficiente. En estos casos, puede personalizar completamente la Página de Acceso a la Web más allá de las capacidades del Portal Web, modificando usted mismo la Página de Acceso a la Web generada por el “Webmaster Toolkit”.
Atención, esta documentación está destinada únicamente a los desarrolladores web con experiencia.
Generación de configuraciones obligatorias
Para incluir las configuraciones obligatorias en su página de acceso a la Web, le recomendamos que empiece por generar su página de acceso a la Web utilizando el Portal Web.
Ubicación de los archivos
La página de acceso a la web se generará en la carpeta “C:Program Files (x86)TSplusClientswww”, por ejemplo, si elige “index” como nombre de la página, será el archivo llamado “index.html” en esta carpeta.
Se trata de un archivo HTML estándar, por lo que puede utilizar todos sus conocimientos de los lenguajes de programación “HTML”, “JavaScript” y “CSS” para desarrollar su página personalizada.
Todos los archivos incluidos se escriben relativamente en la carpeta “C:Program Files (x86)TSplusClientswww”. Por ejemplo, el archivo principal de estilos CSS se encuentra en “C:Program Files (x86)TSplusClientswwwsoftwarecommon.css”, por lo que se incluye en el archivo HTML de la página de acceso web mediante la siguiente línea
<link rel="stylesheet" type="text/css" href="software/common.css" />
Página de acceso a la web mínima
Partiendo de un archivo HTML generado por las Preferencias del Portal Web, lo reduciremos a una Página de Acceso Web mínima. Le aconsejamos que utilice un editor de texto como “Notepad” o “Notepad++” (no utilice Word).
Después de ello, el portal tendrá el aspecto de la siguiente captura:
En primer lugar, debe mantener todo lo que está entre las etiquetas y HTML – etiquetas meta para forzar a los navegadores a limpiar su caché – inclusiones de “archivos .js” – declaraciones de configuración de JavaScript
Luego, puedes reducir el contenido entre las etiquetas HTML ‘body’ y ‘/body’ a estas pocas líneas:
<body onKeyPress="CheckKey(event);" onload="setAll();" style="padding:20px;"> <form name="logonform"> <div><input type="text" name="Login" id="Editbox1" onblur="onLoginTyped();" value="/></div><br/> <div id="tr-password"><input type="password" name="Password" id="Editbox2" onfocus="onPasswordFocused();" value="/></div><br/> <div id="tr-domain"><input type="text" name="Domain" id="Editbox3" value=" /></div><br/> <input id="buttonLogOn" type="button" value="Log on" onclick="cplogon();" /><br/> <br/> <div id="accesstypeuserpanel" style="margin:0;"> <label id="label_accesstypeuserchoice_html5" for="accesstypeuserchoice_html5"><input type="radio" value="html5" name="accesstypeuserchoice" id="accesstypeuserchoice_html5" checked="checked"> HTML5 client</label> <label id="label_accesstypeuserchoice_remoteapp" for="accesstypeuserchoice_remoteapp"><input type="radio" value="remoteapp" name="accesstypeuserchoice" id="accesstypeuserchoice_remoteapp"> RemoteApp</label> </div> </form> </body>
Actualice la página web en tu navegador, y debería obtener la página mínima de la captura de pantalla anterior.
Le recomendamos que borre la caché de su navegador después de guardar cualquier archivo modificado.
Mientras mantenga las llamadas a las funciones de “JavaScripts” en eventos específicos y los identificadores dados (id=”…”), ¡su Página de Acceso a la Web totalmente personalizada funcionará bien!