Php guias

PHPRunner – Editor Visual

Autor: Ernesto Verdugo Asignatura: Programación web II

La herramienta de desarrollo proporciona las funcionalidades necesarias para permitir al desarrollador terminar y personalizar la configuración de su aplicación.

Paso 1 Antes de empezar esta guía asegúrese de tener los servicios de base de datos y servidor web iniciados y funcionando en su computador.Paso 2 Inicie la herramienta (PHPRunner) y abra su proyecto iniciado con la guía anterior.

Una vez iniciado el proyecto podremos visualizar las tablas de la base de datos seleccionadas para nuestra aplicación, vamos a saltar directamente al “Editor”, para esto presionamos el icono de PHPRunner para poder desplegar la barra de navegación y presionamos el botón de Editor.

El “Visual Editor”integrado en PHPRunner es un control que permite al usuario editar el contenido HTML de una manera más amigable. El control de edición es muy flexible y permite al usuario cambiar el aspecto de las páginas en el diseño o en modo html. Características:    

Permite ver el resultado final mientras las páginas se están creando. Simplemente arrastre y suelte objetos a la página y la posición deellos libremente. No se requiere codificación html y no necesita ninguna experiencia en la red. Usuarios avanzados pueden hacer los cambios y luego entrar en el modo HTML y limpiar el código HTML.

Herramientas del editor visual La Barra de herramientas es el corazón del Editor Visual y proporciona un montón de posibilidades. En los cuadros siguientes se describen las herramientas que se puedenencontrar en la barra principal y barra de herramientas izquierda junto con su uso (algunos de ellos están también disponibles en el menú del botón derecho).

Barra principal

Botón

Nombre de la herramienta Reset Cancela todos los cambios en la página y devuelve todos los elementos a su posición inicial. Modo diseño Editor Visual de HTML (vista diseño).

Descripción

Modo HTML Insertarfragmento de código PHP Insertar campo Constructor de Menú Utilice el constructor del menú puede modificar y reordenar las entradas de menú, crear menú en cascada. Deshacer Rehacer Color de fuente Propiedades de tabla Permite insertar una tabla nueva o editar las propiedades de las tablas existentes. Mostrar bordes Imagen Hipervínculo Editar Permite cortar, copiar y pegar texto, deshacer los cambioso insertar código HTML personalizado. Lista numerada Viñetas Insertar lista con viñetas Insertar una lista numerada. Insertar un hipervínculo. Insertar una imagen. Mostrar u ocultar los bordes de las tablas. Cambia el color del texto. Rehacer la última acción. Deshacer la última acción. Insertar un campo de la tabla en la base de datos. Insertar fragmento de código PHP

Editor del código HTML.Anular sangría Sangría Desplazamiento a la izquierda.

Desplazamiento a la derecha.

Barra Izquierda

Botón Insertar Tabla Al pulsar este botón aparece una nueva ventana en la que se debe especificar el número de filas y columnas y los atributos de tabla. Después de eso la nueva tabla se insertará en el lugar especificado. Insertar fila antes Antes de usar este botón usted tiene que fijarel cursor en una celda de la tabla. La Nueva fila se insertará antes de la fila donde se encuentra la celda especificada. Antes de usar este botón usted tiene que fijar el cursor en una celda de la tabla. La Nueva fila se inserta después de la fila donde se encuentra la celda especificada. Antes de usar este botón usted tiene que fijar el cursor en una celda de la tabla. La Nueva columna seinsertará antes de la columna donde se encuentra la celda especificada. Antes de usar este botón usted tiene que fijar el cursor en una celda de la tabla. La Nueva columna se insertará después de la columna donde se encuentra la celda especificada. Elimina la fila especificada Eliminar columna Combinar a la derecha Combinar hacia abajo Dividir celdas Propiedades de tabla Propiedades de celda Abre una...