9. Composer: Bugs y consejos. Composer: bugs y consejos 9.1. Sobre la barra de herramientas de formato Elegir color para remarcar texto En la actualidad existe un lenguaje complementario a las etiquetas HTML que son las hojas de estilo. Si en las preferencias de Composer seleccionamos Usar estilos CSS en vez de elementos y atributos HTML conseguimos activar el uso de Hojas de Estilo en Cascada (CSS) para el formato de los documentos de Composer. Con esta preferencia habilitada, Composer genera HTML 4.01 formateado con estilos CSS. Si esta preferencia no está habilitada, Composer genera formato HTML 4.01, pero no usa estilos CSS. En la Universidad de Alicante, de momento, no utilizamos hojas de estilos para facilitar la navegación por la web, sobre todo en navegadores antiguos. 9.2. Sobre los formatos. En la actualidad existen muchos programas que soportan las etiquetas HTML, como es el Word o los clientes de correo electrónico. Cuando copiamos información desde estos programas al Composer hay que tener cuidado pues también copiamos esas etiquetas que en muchos casos no son compatibles con distintos navegadores Página 69
Por ejemplo si copiamos en Composer la siguiente tabla que tenemos en Word: Esto es un ejemplo Esto es otra celda A simple vista, el resultado que obtenemos en Composer, tras pegar, es que tenemos una tabla idéntica a la de Word Ahora escribimos en Word con estilo normal ejemplo con un tamaño 20 puntos y otro texto ejemplo con tamaño 11. Lo copiamos y pegamos en Composer. Al igual que antes obtenemos una réplica exacta en Composer Ejemplo ejemplo Pero si en el Composer intentamos modificar el tipo de letra o el tamaño nos encontramos con la sorpresa de que no podemos. Para poder modificar la letra o el tamaño, pinchamos sobre la frase (texto ejemplo ) y vemos que en la barra de estado aparecen los nombres de las etiquetas que estamos usando. Con el botón derecho pinchamos sobre <span>, seleccionamos eliminar y ya podemos modificar la letra y el tamaño. La mejor opción es que peguemos el texto sin formato. Para ello, cuando estemos en Composer, recurrimos al botón derecho del ratón y elegimos la opción copiar sin formato (traducción errónea, la correcta sería pegar sin formato aunque este error está solucionado en la versión de Mozilla 1.7.12). 9.3. Copiar y pegar enlaces o imágenes Supongamos que en una página colocamos el logotipo de la UA como en el siguiente ejemplo: Debemos tener cuidado de poner la imagen relativa a la ruta de la página, con lo que la dirección que nos queda es: /imagenes/logouap.gif. Página 70
Ahora (teniendo seleccionada el logotipo) copiamos (control + C) y la pegamos (control + V) un poco más abajo del documento. Si Pinchamos en el botón imagen y sacamos las propiedades del logotipo qué ha ocurrido? que nos ha escrito delante de nuestra dirección relativa, el prefijo http://www.ua.es. Esto se arregla simplemente marcando la pestaña La URL es relativa a la ruta de la página. 9.4. Sobre las tablas A veces resulta complicado situar el cursor en la parte superior de una página, justo encima de una tabla. La forma de hacerlo es utilizar la combinación de teclas Control + Inicio o Control + Fin para escribir algo al principio o al final de la tabla. También podemos situar el ratón y pulsar con el botón izquierdo a la derecha (para escribir debajo) o a la izquierda (para escribir encima) de la tabla. Podemos ver en la siguiente imagen como el cursor al situar a la izquierda de la tabla, éste se hace tan grande como la propia tabla. En otros casos lo que queremos es separar dos tablas que están totalmente juntas, una debajo de otra. Para situar el cursor entre ambas tablas y escribir en medio, debemos pinchar a la izquierda de la tabla de abajo o pinchar a la derecha de la tabla de arriba, de esta forma el tamaño del cursor se hace como el tamaño de la tabla inferior y podamos escribir lo que queramos. Página 71
9.5. Errores cuando copiamos y pegamos celdas de tablas Si tenemos una tabla rellena de datos y queremos extraer una fila, seleccionamos y copiamos la fila en cuestión y la pegamos en otro lugar de nuestra página. De esta forma creamos una nueva tabla de 1 fila x 3 columnas con el contenido seleccionado como vemos en la siguiente imagen. Si tenemos otra tabla rellena de datos como la que vemos a continuación, seleccionamos únicamente dos celdas y las copiamos en el portapapeles A continuación incrementamos la tabla con otra fila y seleccionamos la última fila. Por último cuando pegamos el contenido del portapapeles, el resultado es el que nos muestra la siguiente imagen Página 72
Tenemos una nueva fila con los datos copiamos solamente en dos de las celdas. Si queremos poner datos en la tercera cela, primero deberemos insertar la celda y luego introducir datos. Si por el contrario en lugar de haber seleccionado las tres celdas de la fila donde íbamos a copiar hubiéramos seleccionado solamente dos celdas, tal y como muestra la siguiente imagen El resultado hubiera sido Composer se hace un lío y crea una tabla de 1 fila x 1 columna en la segunda de las celdas en la que pone el texto que corresponda, en ese caso dos. Lo más grave es que Composer ahora no nos deja deshacer Página 73
Composer tampoco permite copiar y pegar columnas. En la siguiente imagen seleccionamos y copiamos una columna. A continuación, creamos una nueva columna en la que posteriormente pegamos lo que tenemos en el portapapeles. Podemos ver que Composer no lo entiende y crea tres columnas de una celda y no una columna de tres filas. 9.6. Incompatibilidad al publicar con diferentes versiones del mismo navegador. No es compatible publicar páginas web utilizando diferentes versiones del mismo navegador como son: Composer de Netscape y Composer de Mozilla. Si por ejemplo creamos una página con el Composer de Mozilla y la publicamos, tenemos: Texto Uno Dos Tres Cuatro Cinco Seis Texto Página 74
Si a continuación, esta misma página la editamos con Composer de Netscape, el editor nos introduce unos iconos de color amarillo. Si publicamos la página y la reeditamos con Composer de Mozilla vemos que la página ha cambiado y ahora aparece una línea en blanco entre la palabra Texto y la tabla que en la primera versión no existía. Para borrar esta línea en blanco, nos situamos sobre ella y observamos la barra de estado donde nos aparecen las etiquetas:. Seleccionamos con el ratón la etiqueta <caption>, pulsamos con el botón derecho sobre la propia etiqueta y seleccionamos eliminar etiqueta en el menú contextual que aparece Otra forma de eliminar esta línea en blanco, es pulsar con el botón derecho del ratón sobre cualquier parte de la tabla, elegir propiedades de la tabla y en la línea donde aparece alineación de la tabla, en título elegir ninguno. 9.7. Sobre la publicación Tal y como están configurados los distintos sitios web de la UA, la publicación de imágenes, documentos Word y PDF debe hacerse desde la herramienta publiweb (ver apartado 10). El Composer está limitado a la publicación de páginas web. 9.8. Sobre etiquetas HTML Hay algunas etiquetas que Composer considera obligatorias y que nos impide borrar. Lo curioso es que nos deja borrarlas desde la pestaña <HTML> código fuente pero en cuanto abandonamos esta pestaña la etiqueta vuelve a aparecer. Página 75