WebSite X5 propone un Objeto específico para cada tipo de contenido que se desee añadir a una página: texto, imagen, animación, formulario de email, etc. Gracias a la posibilidad de además gestionar también el Obejto Código HTML, las posibilidades se hacen prácticamente ilimitadas. En efecto, gracias al Objeto HTML y Widgets es posible insertar directamente porciones de código y resolver así funciones particulares, incluso no contempladas inicialmente.
Los comandos disponibles para crear un Obejto Código HTML están divididos en las siguientes secciones: Código HTML y Avanzado.
En esta sección está disponible un editor mediante el cual elaborar el código HTML que se desea introducir en la página.
El editor disponible en el recuadro Código HTML ofrece los siguientes comandos:
|
Cortar [CTRL+X] - Copiar [CTRL+C] - Pegar [CTRL+V]
Cortan, copian y pegan el texto seleccionado.
|
|
Cancelar [CTRL+Z] - Restablecer [ALT+MAIUSC+BACKSPACE]
Anulan y restablecen la última operación realizada/anulada.
|
|
Insertar Widgets
Inserta el código referido al Widget seleccionado: pulsando sobre la flecha al lado del botón es posible visualizar la lista de todos los Widgets disponibles.
|
Para facilitar la escritura/lectura del código, en el editor HTML ha sido introducido:
| ▪ | la numeración automática de las líneas de código; |
| ▪ | el resaltado de la sintaxis (Syntax highlighting). Esta función hace que determinados elementos del código sean distinguidos mediante el uso de colores, sin que por ello se modifique en modo alguno el significado del texto. |
Como es fácil suponer, la introducción de estas funciones no solo hace más rápida la escritura del código, sino que contribuye también a hacer la estructura del código introducido más clara y legible permitiendo así localizar más fácilmente posibles errores.
|
Nota sobre la compatibilidad con las versiones precedentes:
Objetos disponibles - En la anterior versión 10, el Obejto Código HTML estaba equipado con una serie de Widgets. En la presente versión 11, los widgets han sido potenciados e incluidos como Objetos Opcionales que se pueden utilizar directamente en el Paso 3 - Creación de la página.
|
Por último, en el recuadro Propiedades están disponibles las siguientes opciones:
| ▪ | Ancho: muestra el valor del ancho del Obejto Código HTML, este valor es definido automáticamente en función del espacio disponible en la rejilla de maquetación. |
| ▪ | Altura: define el valor de la altura del Obejto Código HTML. |
| ▪ | Activar Altura Automática: hace que el Objeto tome automáticamente la altura mínima necesaria para que el contenido pueda ser visualizado completamente sin recurrir a una barra de desplazamiento. Esta función solo tiene efecto si el Objeto está posicionado dentro de una fila de la Rejilla de maquetación en la que no hay otros Objetos, esto es, si no tiene al lado Objetos cuyas alturas determinan la estructura de la Página. |
| ▪ | Visualizar barras de desplazamiento: activa por defecto, hace que se añada automáticamente la barra de desplazamiento si el Obejto Código HTML tiene una altura superior a la definida mediante la opción Altura. |
|
Por medio de los comandos de esta sección se puede crear una hoja de estilo en cascada (.CSS) y/o definir la lista de archivos para adjuntar al Obejto Código HTML en el que se está trabajando.
En el recuadro Código CSS está disponible un editor (análogo al que hay en la sección Código HTML) por medio del que es posible introducir las instrucciones para conformar la hoja de estilo en cascada. No olvidemos que la finalidad de las CSS es definir el aspecto gráfico de las páginas HTML a las que están vinculadas.
En el recuadro Archivos conectados al código HTML, en cambio, todos los archivos vinculados se muestran a través de una tabla-resumen en la que, además del nombre de los archivos, se indica también la Ruta del servidor.
Para elaborar la lista de los archivos vinculados al código HTML es posible utilizar los siguientes comandos:
| ▪ | Editar...: abre la ventana Cargar archivo vinculado para modificar los ajustes definidos para el archivo seleccionado en la tabla-resumen de los archivos vinculados. |
| ▪ | Eliminar: elimina el archivo seleccionado de los presentes en la tabla-resumen de los archivos vinculados. |
|
