Editor Web OnLine de ENTEL DataCenter

Transcripción

1 Versión 1.4 Editor Web OnLine de ENTEL DataCenter Gerencia de Sistemas Dir. Desarrollo Internet y Banda Ancha Gerencia Depto. Data Center Area Data Center.

2 Versión 1.4 Pág. 2 INDICE 1 PRESENTACIÓN A) CÓMO INGRESAR A SU EDITOR WEB ONLINE B) CARACTERÍSTICAS GENERALES DEL SITIO DEL EDITOR WEB ONLINE C) RECOMENDACIONES OPCIONES DEL MENÚ DEL SITIO WEB A) IR A MI SITIO B) CREAR CARPETA C) CREAR PÁGINA D) RESPALDO Y RECUPERACIÓN E) CERRAR SESIÓN OTRAS OPCIONES A) CONDICIONES DEL SERVICIO B) AYUDA C) ENLACES DEL MENÚ SUPERIOR UTILIZACIÓN DE LAS OPCIONES GENERALES DE LA PÁGINA PRINCIPAL (BROWSER.PHP) A) CÓMO EDITAR UNA PÁGINA WEB DEL SITIO B) CÓMO CREAR UNA CARPETA DESDE LA PÁGINA PRINCIPAL C) CÓMO ELIMINAR UNA CARPETA O ARCHIVO DESDE LA PÁGINA PRINCIPAL D) CÓMO RENOMBRAR UNA CARPETA O ARCHIVO DESDE LA PÁGINA PRINCIPAL E) CÓMO SUBIR UN ARCHIVO AL SITIO WEB UTILIZACIÓN DEL EDITOR WEB ONLINE: A) CARACTERÍSTICAS Y USO DE LOS ELEMENTOS DEL EDITOR WEB ONLINE B) OPCIONES DE EDICIÓN C) MODO VISUAL O WYSIWYG D) MODO TEXTO E) UTILIZACIÓN DE LOS TEMPLATES (PLANTILLAS) QUE VIENEN INCLUIDAS CON EL EDITOR 15 F) MODIFICACIÓN DE LAS PROPIEDADES DEL DOCUMENTO G) AYUDA PARA EL USO DEL EDITOR WEB ONLINE: ADEMÁS DEL PRESENTE MANUAL H) OPCIONES DE TABLAS I) PROPIEDADES DE LA TABLA J) OPCIONES DE FILAS K) OPCIONES DE COLUMNAS L) OPCIONES DE CELDAS INDIVIDUALES M) OPCIÓN DE BORRADO RÁPIDO DE TABLAS Y OBJETOS N) OPCIONES DE TEXTO O) OPCIONES DE COLOR DE LOS ELEMENTOS DE LA PÁGINA P) INSERTAR ENLACES, IMÁGENES, Y SEPARADORES

3 Versión 1.4 Pág. 3 1 PRESENTACIÓN Bienvenido (a) al Manual de Uso de su Editor Online, aquí encontrará toda la información necesaria para llevar a cabo la confección de su sitio en forma sencilla y rápida. Sólo debe seguir las instrucciones que se señalan y utilizar su creatividad Buena Suerte. a) Cómo ingresar a su Editor Web Online Para ingresar a su Editor Web Online, sólo debe escribir en su navegador la siguiente dirección o URL: Luego, deberá ingresar su Username y Password asignados al contratar su cuenta de webhosting compartido y presionar el botón Aceptar. (Fig. A) Fig. A: Recuadro de ingreso al Editor Web Online b) Características Generales del sitio del Editor Web Online El Editor Web Online de ENTEL Datacenter es un servicio moderno y práctico que consiste en proporcionar al cliente las herramientas necesarias para crear y manejar con facilidad su propio sitio Web. Con este sistema podrá crear sitios completos con su propio diseño o basados en los Templates o Plantillas que vienen incluidos en el servicio. El Editor Web Online es muy similar a los software profesionales para editar páginas Web, con la ventaja que Usted crea todo su sitio en forma casi instantánea y listo para ser publicado, sin complicaciones.

4 Versión 1.4 Pág. 4 Portada del Editor Web Online: c) Recomendaciones Antes de empezar recomendamos que planee cómo va a ser su sitio Web. Una buena idea es escribir en un papel las secciones (cada una de las páginas) que incluirá en su Web y preparar los textos e imágenes que se insertarán. Recomendamos que antes de utilizar su Editor Web desactive todos los programas que cierren los Pop Up o ventanas emergentes. Los nuevos navegadores o browsers vienen con esa opción activada así que asegúrese de desactivarla. Por qué recomendamos eso? Porque el Editor utiliza ventanas emergentes o Pop Up para desplegar las diferentes opciones u elementos y si usted usa un programa que las elimina no podrá acceder a esas opciones. Importante: El Editor Web Online acepta todas las etiquetas de HTML básico, pero NO se puede agregar flash a su página Web, ni frames, ni javascripts o applets, ni tampoco DHTML o efectos especiales que tengan una programación diferente al HTML básico.

5 Versión 1.4 Pág. 5 2 OPCIONES DEL MENÚ DEL SITIO WEB En esta sección nos referiremos al uso de los enlaces o links presentes en el menú principal del sitio del Editor Web Online. (Fig. 1) Fig.1 menú principal del Editor Web Online: a) Ir a mi sitio Esta es la página principal de su Editor Web Online, en la que se encuentra la lista de archivos, páginas Web y carpetas que conforman su sitio Web. (Fig.2) Fig.2 Página de Ir a mi sitio de su Editor Web Online:

6 Versión 1.4 Pág. 6 b) Crear Carpeta Mediante esta opción Usted puede crear una nueva carpeta en su sitio Web para incluir en ella imágenes, gráficos o los elementos que usted necesita. Al hacer click en la opción Crear Carpeta se abrirá una ventana en la debe escribir el nombre para la nueva carpeta. Luego puede acceder a ella a través del listado de elementos de su sitio que aparece en Ir a mi sitio. (Fig. 3) Fig.3 Opción Crear Carpeta: c) Crear Página Mediante esta opción Usted puede insertar una nueva página a su sitio Web, al igual que en el caso de la opción Crear Carpeta al hacer click sobre la opción se abrirá una ventana donde debe escribir el nombre de la nueva página. Posteriormente podrá editarla y insertarles sus textos, imágenes, etc. (Fig.4) Fig.4 Opción Crear Página d) Respaldo y Recuperación Esta opción le permite guardar Respaldos o copias de todos los elementos de su sitio Web, los que podrá recuperar en caso de cometer un error que no puede solucionar o Eliminar accidentalmente uno de sus archivos o páginas Web. Recomendamos que guarde siempre copias de sus archivos. Si desea REEMPLAZAR su archivo o página Web dañada por la guardada en este Respaldo y Recuperación, sólo marque la o las casillas correspondientes y haga click sobre el botón "Restaurar Seleccionados". Esto sobrescribirá la o las páginas vigentes en su directorio. Asegúrese de que sus archivos de Respaldo y Recuperación están actualizados.

7 Versión 1.4 Pág. 7 Si desea revisar el Respaldo y Recuperación antes de restaurarlo, haga click en el nombre del archivo para cargarlo en el editor y reeditarlo. e) Cerrar Sesión Mediante esta opción Usted cerrará su sesión y saldrá del Editor Web Online. Siempre recuerde seleccionar esta opción cuando termine de usar su Editor ya que en algunos navegadores las claves o passwords se guardan automáticamente y si Usted no cierra su sesión otra persona podría entrar al Editor usando su cuenta. Esto es recomendado sobre todo en casos en los que se utilizan computadores de terceras personas o de cibercafés.

8 Versión 1.4 Pág. 8 3 OTRAS OPCIONES a) Condiciones del Servicio En está pagina Usted encontrará las normas y reglas que rigen el uso de su Editor Web Online, que se aplican mientras Usted tenga contratado el servicio de Editor Web Online de ENTEL Datacenter. b) Ayuda En esta página Usted encontrará una ayuda online que explica los usos de las diferentes opciones de su editor Web Online. c) Enlaces del menú superior En la parte superior de su Editor Web Online existe un menú de enlaces, estos enlaces lo llevarán a las diferentes páginas de los servicios de ENTEL Datacenter. (Fig.5) Fig.5 Menú superior de enlaces a ENTEL Datacenter:

9 Versión 1.4 Pág. 9 4 Utilización de las opciones generales de la página principal (browser.php) Página principal del sitio de su Editor Web Online a) Cómo Editar una página Web del sitio Para editar o modificar una de las páginas Web que existen en su Editor Web Online sólo haga click sobre el nombre de la página que desea cambiar. Se abrirá una nueva página en la que aparecerá su página en el Editor Web Online lista para ser modificada (Ver Fig.7). b) Cómo Crear una carpeta desde la página principal Para crear una carpeta utilizando la opción que aparece en la página de Ir a mi sitio o página de archivos, sólo debe hacer click sobre el ícono que dice Crear carpeta. Se abrirá una nueva ventana en la que debe colocar el nombre de su nueva carpeta. Luego podrá acceder a ella haciendo click sobre el nombre en la lista de archivos. (Fig.5 y 6)

10 Versión 1.4 Pág. 10 Fig. 5 Opción de Crear una nueva carpeta desde la página principal (opción resaltada en rojo) Fig. 6 Formulario para crear una nueva carpeta c) Cómo Eliminar una carpeta o archivo desde la página principal Para Borrar o Eliminar una carpeta ya existente, utilizando la opción que parece en la página de Ir a mi sitio o página de archivos, sólo debe marcar el recuadro correspondiente al nombre de la carpeta que desea eliminar y luego hacer click sobre el ícono que dice Eliminar Carpeta. (Fig.7) Fig.7 Opción de Eliminar una carpeta desde la página principal (opción resaltada en rojo)

11 Versión 1.4 Pág. 11 d) Cómo Renombrar una carpeta o archivo desde la página principal Para Renombrar o cambiar de nombre una carpeta o archivo ya existente utilizando la opción que aparece en la página de Ir a mi sitio, usted debe hacer click sobre el ícono que dice Renombrar Archivo/Carpeta. A continuación se abrirá una nueva ventana con la lista de elementos disponibles en su sitio. Sólo debe seleccionar el que desea renombrar (marcando el recuadro frente al nombre). Por último aparecerá un mensaje de confirmación en la pantalla anunciando que a la carpeta se le cambió el nombre.(fig.9) Fig.9 Opción de Renombrar una carpeta desde la página de Ir a mi sitio (opción resaltada en rojo) e) Cómo subir un archivo al sitio Web Para subir un archivo, ya sea una página, fotografía, gráfico, animación, etc., Usted debe hacer click sobre el ícono de que dice Subir Archivos. Se abrirá una ventana en la usted podrá buscar el archivo en su computadora, sólo haga click en Browse. Cuando encuentre el archivo que desea subir haga click en Subir Archivo. Una vez cargado el archivo usted puede acceder a el a través de la lista de archivos de su sitio Web (Ir a mi sitio). Recuerde que el archivo subirá a la carpeta del servidor donde Usted está trabajando. (Fig.10 y 11)

12 Versión 1.4 Pág. 12 Fig.10 Opción de Subir archivos desde la página de Ir a mi sitio (opción resaltada en rojo) Fig.11 Formulario para subir archivos a su sitio web:

13 Versión 1.4 Pág Utilización del Editor Web Online: a) Características y uso de los elementos del Editor Web Online El Editor Web Online es un completo sistema para crear y mantener un sitio Web actualizado en Internet. El programa de Edición en sí mismo funciona de forma similar a otros Editor de Páginas Web y en su configuración, opciones y modo de presentación de los iconos o botones es muy similar al programa Word de Office. (Fig. A, Fig. B) Fig.A Vista del Editor Web Online, parte superior Instrucciones y menú de opciones Fig.B Vista del editor Web Online, parte media Menú de opciones y sección de edición de páginas web.

14 Versión 1.4 Pág. 14 b) Opciones de edición El EDITOR funciona en forma muy similar al programa Word de Office y tiene dos opciones de edición: MODO VISUAL (WYSIWYG) y el MODO TEXTO, que es la opción recomendada para quienes sepan HTML. c) Modo Visual o WYSIWYG Es el modo de edición que se presenta por defecto al Editar cualquiera de las páginas Web que se encuentran en su sitio. Es el modo de edición recomendado para quienes no dominen el lenguaje HTML o a quienes les gusta observar directamente como va quedando la página Web. Las Figuras A, B y C muestran el Editor en su modo Visual o WYSIWYG. Cabe destacar que la mayoría de los programas de edición de páginas Web profesionales, tales como Dreamweaver, FrontPage y Golive, traen la opción de edición Visual por ser más cómoda para el usuario. d) Modo Texto Es el modo de edición recomendado para quienes dominan el lenguaje HTML o a quienes les gusta modificar las páginas Web directamente desde el código. (Fig. D) Para ir a este modo de Edición debe hacer click en el siguiente ícono: Fig. D Modo Texto del Editor Web Online

15 Versión 1.4 Pág. 15 e) Utilización de los templates (Plantillas) que vienen incluidas con el Editor El Editor Web Online incluye seis modelos de páginas Web o Plantillas que Usted puede usar como base para el diseño de sus propias páginas Web. Las Plantilla o templates vienen listas para insertarles texto e imágenes y son completamente personalizables, es decir le puede cambiar el tamaño, los colores, la distribución de los elementos, etc. Para usar las Plantillas Usted debe abrir una de sus páginas o crear una nueva página Web. Luego seleccione el siguiente ícono: Al hacer click en el ícono se abrirá una ventana con los seis modelos de Web disponibles (Fig.13), sólo marque el que desea y presione OK. Fig.13 Ventana con los modelos o Plantillas web disponibles

16 Versión 1.4 Pág. 16 f) Modificación de las propiedades del documento Toda página Web posee una serie de propiedades que determinan que tipo de página es y como se presenta visualmente en los navegadores (Por ejemplo en Internet Explorer). Cada una de las Plantillas Web o páginas creadas con el Editor Web tiene propiedades que están establecidas por defecto. Si desea cambiarlas o modificarlas debe seleccionar el siguiente ícono: Al hacer click en el ícono se abrirá una ventana con una serie de opciones (Fig.14) Fig.14 Ventana de Propiedades del Documento Título del documento En este recuadro debe escribir el título que Usted desea aparezca en su Web. Utilice siempre títulos cortos y claros que especifiquen que hay en la página. Por ejemplo si su página es sobre los productos de su empresa llamada Librería Diana, el título puede ser algo como: Librería Diana - productos y artículos en venta.

17 Versión 1.4 Pág. 17 Doctype Esta opción determina que clase de página Web es y es utilizada esencialmente por los buscadores y browsers o navegadores. No es necesario cambiar la información que viene por defecto. No borre esta opción. Plantilla CSS principal Las Plantillas o modelos Web del Editor Web Online vienen con hojas de estilos específicas que Usted puede modificar o cambiar. Las hojas de estilo son documentos en los que se determinan las características visuales de su página Web, es decir el diseño. En el caso de la Plantillas se utilizan principalmente para determinar el tamaño y color de los diferentes tipos de texto. forma: El enlace a su hoja de estilos debe ser agregado de la siguiente Obviamente, los datos deben ser cambiados de acuerdo a los nombres de sus archivos. Plantilla CSS alternativa Opción para insertar otra hoja de estilos, por ejemplo la que se utilizará para imprimir el documento. Esta opción es optativa y no es necesario que la utilice. Meta Descripción Las Metatags son etiquetas que ayudan a los buscadores a saber de que se trata su página Web. En Meta Descripción debe escribir una breve descripción acerca de su sitio, así, cuando los buscadores (como Google, por ejemplo) indexen su página será más fácil encontrarla.

18 Versión 1.4 Pág. 18 Meta Keywords Están son las palabras claves que describen el tema o contenidos de su página Web. Debe agregar tantas palabras como desee, separadas por comas (,). Por ejemplo, si su sitio es de una empresa de construcción las palabras apropiadas serían: construcción, Chile, casas, construcciones, constructores. Meta Autor Esta Metatags es optativa y sirve para señalar quien creó una determinada página Web. g) Ayuda para el uso del Editor Web Online: Además del presente Manual Usted cuenta con una ayuda online que explica en forma rápida los usos de las diferentes opciones o iconos del Editor Web Online. Para ir a la página de Ayuda, debe hacer click en el siguiente ícono: h) Opciones de tablas Cómo insertar Para insertar una nueva tabla a su página Web usted debe hacer click en el siguiente ícono: Se abrirá una nueva ventana en la que Usted deberá determinar las características de su nueva tabla. Cuando allá configurado todo, haga click en OK. (Fig.15, 16 y 17)

19 Versión 1.4 Pág. 19 Fig. 15 Ventana Insertar Tabla Filas: Es aquí donde Usted debe poner el número de filas horizontales o rows que utilizará en su tabla. Sólo escriba el número en el recuadro. Columnas: Es aquí donde Usted debe poner el número de columnas o filas verticales que utilizará en su tabla. Sólo escriba el número en el recuadro. Fig. 16 Ventana Insertar Tabla Ancho de la tabla Ancho: Se refiere al ancho o espacio que la tabla ocupará en su página Web. El ancho puede ser fijo o variable; es fijo cuando Usted opta por darle una medida en Pixeles (opción disponible en el menú desplegable (Fig.16). La medida de la tabla es variable cuando utiliza la opción Porcentaje (de 1 a

20 Versión 1.4 Pág %) y cuando utiliza la medida Em. Las más utilizadas son Pixeles y Porcentaje. Si desea que su nueva tabla se adapte a todas las medidas de pantalla, entonces utilice 100%. Fig.17 Ventana Insertar Tabla Alineación de la tabla Ancho del borde Opciones de Spacing Alineación: Se refiere a la posición que tomarán dentro de la tabla los diferentes elementos que ubicará en ella (textos, fotos, etc.). Si elige ninguna se usará la opción por defecto. Si utiliza Izquierda, los elementos se alinearán a la Izquierda, lo mismo pasa si elige Derecha. Si utiliza Al tope del texto, todos los elementos se ubicarán a la altura de sus textos. Al Centro, todo quedará centrado, si usa Línea o fila base los elementos gráficos se ubicarán aproximadamente a la mitad de las líneas de texto. Si elige Abajo, todo quedará al final de la tabla, si usa Al medio, todo quedará a la mitad de su tabla (opción muy usada en imágenes) y por último, si utiliza arriba, los textos y elementos gráficos quedarán al principio de la tabla, en el borde superior. Ancho del borde: todas las tablas poseen un borde que puede ser visible o invisible. Si no desea que el borde de su tabla se note, escriba 0 en el recuadro Ancho del Borde. Spacing (Espaciado de la celda): Esta opción determina la separación entre los bordes de las celdas.

21 Versión 1.4 Pág. 21 Padding de la celda: Esta opción determina la separación entre las celdas y se usa para separar los elementos que se ubican en las celdas. Si usted no quiere separaciones entre celdas, escriba 0 en ambas opciones. i) Propiedades de la tabla Esta opción le permite a Usted ver o modificar las propiedades de cada tabla que exista en la página que esta editando (Fig.18). Para ver la Propiedades o modificarlas haga click en el siguiente ícono: Fig.18 Ventana Propiedades de la Tabla

22 Versión 1.4 Pág. 22 Descripción Las opciones que aparecen no necesitan ser modificadas, pueden quedar como se presentan. Layout Las opciones que parecen en esta sección de la ventana de Insertar Tabla se refieren a la ubicación y posición de los textos dentro de la tabla. (Fig. a, b, c, d) Fig. a Sección Layout de la ventana de Propiedades de la Tabla Flotar Flotar: Esta opción determina donde se posicionará la nueva tabla. Si no desea que la tabla flote en una posición determinada elija la opción No. Usted tiene tres opciones No hacerla flotar, o posicionarla a la Izquierda o a la Derecha. Fig.b Sección Layout de la ventana de Propiedades de la Tabla Ancho y Alto Ancho y Alto: Estas opciones son muy similares a las vistas en Insertar una nueva tabla. Usted puede modificar el Alto y el Ancho de su tabla y cambiarle los atributos para que sea de tamaño fijo (píxeles) o de tamaño variable (porcentaje).

23 Versión 1.4 Pág. 23 Fig.c Sección Layout de la ventana de Propiedades de la Tabla Alineación del texto Alineación de texto: Esta opción de la sección Layout determina que posición presentarán los textos que se escriban en la tabla. Las opciones son: Centrar (texto centrado), Derecha (todo el texto siguiendo el eje derecho), Izquierda (todo el texto siguiendo el eje izquierdo), o texto Justificado. Fig. c Sección Layout de la ventana de Propiedades de la Tabla Alineación vertical Alineación vertical: Esta opción de la sección Layout determina que alineación presentarán los elementos gráficos que se incluyan en la tabla. Las opciones son: Centrar (elementos centrados), Alto (todos los elementos ubicados en relación a la parte superior de la tabla), Abajo (todos los elementos ubicados en relación al tope inferior de la tabla), Alineación (todos los elementos ubicados en relación a las alturas de los textos).

24 Versión 1.4 Pág. 24 Espaciado y Padding Estas opciones tienen que ver la separación entre celdas, ya sea en sus bordes (Espaciado) o entre celdas (Padding). Frames y borders Las opciones de esta sección de las Propiedades de la tabla tiene que ver con los bordes interiores y exteriores de la tabla (Fig. e y f) Fig. e Sección Frame and Borders de la ventana de Propiedades de la Tabla Bordes y Frames Bordes: En este recuadro usted deberá determinar el grosor del borde de su nueva tabla. Un borde decorativo siempre queda bien en las tablas del menú de enlaces, por ejemplo. Frames: Esta opción determina en lugar se ubicarán los bordes visibles de la tabla. Las Opciones son: A los cuatro lados, es decir en toda la tabla; sólo en la parte de arriba, es decir los otros tres costados quedan sin borde; sólo la parte inferior, igual que lo anterior sólo que en el costado inferior; sólo la parte de arriba y abajo, es decir costados superior e inferior; sólo la parte Izquierda o costado izquierdo y el resto sin bordes. Sólo la parte derecha o costado derecho y el resto sin bordes.

25 Versión 1.4 Pág. 25 Fig. f Sección Frame and Borders de la ventana de Propiedades de la Tabla Reglas Reglas: Esta opción determina si los bordes entre celdas serán visibles o invisibles. Las Opciones son: Sin reglas, es decir los bordes no son visibles entre las celdas; Regla entre columnas, es decir los bordes sólo serán visibles en las separaciones entre columnas; Regla entre filas, es decir los bordes sólo serán visibles en las separaciones entre filas o celdas horizontales; Reglas entre filas y columnas, todos los bordes serán visibles. Estilos (CSS) En esta sección de las Propiedades de la tabla Usted podrá determinar los colores de los elementos de la nueva tabla. (Fig. g) Fig. g Sección Estilos (CSS) de la ventana de Propiedades de la Tabla Color de fondo: Esta opción determina el color de fondo que tendrá la tabla. También puede poner una imagen de fondo, para ello ingrese la URL o dirección de su imagen en el recuadro. Para cambiar el color de fondo haga click sobre el rectángulo frente a Color de Fondo. Al hacer click se abrirá una ventana donde podrá elegir el color.

26 Versión 1.4 Pág. 26 Color Principal: Esta opción determina el color de texto que tendrá la tabla. Para cambiar el color de texto haga click sobre el rectángulo frente a Color Principal. Al hacer click se abrirá una ventana donde podrá elegir el color. Recuerde que el color por defecto es negro por lo que si pone un fondo oscuro debe cambiar el color de texto para que sea legible. Borde: Esta opción determina el color de texto que tendrán los bordes de la tabla. Para cambiar el color haga click sobre el rectángulo frente a Color Principal. Al hacer click se abrirá una ventana donde podrá elegir el color. En el menú desplegable que aparece junto al recuadro de color Usted podrá elegir el tipo de borde que quiere que tenga su tabla (Fig. h) y en el recuadro junto al menú despegable deberá insertar el grosor (en pixeles) que quiere que tenga su borde. Fig. h Sección Estilos (CSS) de la ventana de Propiedades de la Tabla Tipos de bordes Los tipos de bordes disponibles son: none o ninguno, dotted o punteado, dashed o línea o fila cortada, solid o sea una línea o fila normal, double o sea doble y gruesa, groove que simula estar hundida, ridge o borde con relieve a los cuatro costados, inset o que simula que la tabla esta hundida (como un botón) y outset que simula que la tabla esta en relieve. Modificar una tabla o seleccionar nuevas opciones para una tabla no es complicado, sólo hay que tener algo de paciencia y dejar volar la creatividad.

27 Versión 1.4 Pág. 27 j) Opciones de filas Cómo crear una nueva línea o fila de celdas en una tabla Para insertar una línea o fila de celdas en una tabla ya existente, Usted debe ubicarse en el lugar de la tabla donde desea crear una nueva línea. Luego debe hacer click en el siguiente ícono: Al hacer click en el ícono Insertar fila o línea o fila de celdas, se abrirá una nueva ventana en la que Usted deberá determinar las características de su nueva línea o fila de celdas. (Fig.19). Fig. 19 Ventana de propiedades de una línea o fila de celdas Las opciones que aparecen divididas en Layout y Estilos (CSS) son muy similares a las que aparecen en Propiedades de la tabla. Layout: Se refiere a la ubicación y posición de los textos dentro de la tabla. Estilos (CSS): Se refiere a todo lo que tienen que ver con los colores y presentación general de las celdas.

28 Versión 1.4 Pág. 28 Tabla. Para más información ver mismas opciones en Propiedades de la Cómo insertar una línea o fila de celdas sobre una línea o fila ya existente Para insertar una línea o fila de celdas sobre una línea o fila ya existente, primero Usted debe ubicarse en una celda de la línea o fila sobre la cual desea crear una nueva. Luego debe utilizar el siguiente ícono: Cómo insertar una línea o fila de celdas bajo una línea o fila ya existente Para insertar una línea o fila de celdas bajo una línea o fila ya existente, primero Usted debe ubicarse en una celda de la línea o fila bajo la cual desea crear una nueva. Luego debe utilizar el siguiente ícono: Cómo Borrar una línea o fila de celdas Para borrar una línea o fila de celdas ya existente, primero Usted debe ubicarse en una celda de la línea o fila que desea borrar. Luego debe utilizar el siguiente ícono:

29 Cómo dividir una fila en una tabla Versión 1.4 Pág. 29 Para dividir una línea o fila o fila de celdas ya existente, primero Usted debe ubicarse en una celda de la línea o fila que desea dividir. Luego debe utilizar el siguiente ícono: k) Opciones de columnas Cómo insertar una columna antes de una ya existente Para insertar una columna antes de una ya existente, primero Usted debe ubicarse en una celda antes de la columna que desea insertar. Luego debe utilizar el siguiente ícono: Cómo insertar columna después de una que ya existente Para insertar una columna después de una ya existente, primero Usted debe ubicarse en una celda después de la columna que desea insertar. Luego debe utilizar el siguiente ícono: Cómo Borrar una columna Para borrar una columna ya existente, primero Usted debe ubicarse en una celda de la columna que desea borrar. Luego debe utilizar el siguiente ícono:

30 Versión 1.4 Pág. 30 Cómo dividir columnas Para dividir una columna ya existente, primero Usted debe ubicarse en una celda de la columna que desea dividir. Luego debe utilizar el siguiente ícono: l) Opciones de celdas individuales Propiedades una celda Para insertar una celda en una tabla, primero Usted debe ubicarse en una celda de la tabla en la que desea crear una nueva celda Luego debe utilizar el siguiente ícono: Al hacer click en el ícono Insertar celda, se abrirá una nueva ventana en la que Usted deberá determinar las características de su nueva celda. (Fig.20). Fig. 20 Ventana de propiedades de la celda:

31 Versión 1.4 Pág. 31 Las opciones que aparecen divididas en Layout y Estilos (CSS) son muy similares a las que aparecen en Propiedades de la tabla. Layout: se refiere a la ubicación y posición de los textos dentro de la tabla. Estilos (CSS): se refiere a todo lo que tienen que ver con los colores y presentación general de las celdas. Tabla. Para más información ver mismas opciones en Propiedades de la Cómo insertar una celda antes de una ya existente Para insertar una celda antes de una ya existente, primero Usted debe ubicarse en una celda antes de la que desea insertar. Luego debe utilizar el siguiente ícono: Cómo insertar celda después de una ya existe Para insertar una celda después de una ya existente, primero Usted debe ubicarse en una celda después de la que desea insertar. Luego debe utilizar el siguiente ícono: Cómo Borrar una celda Para Borrar una celda, primero Usted debe ubicarse en la celda que desea borrar. Luego debe utilizar el siguiente ícono: