Cosas por hacer

Esta página está dedicada a recoger las cosas que me quedan por hacer en estos apuntes. Hasta ahora, lo apuntaba en hojas, pero creo que si lo pongo todo aquí, me será más fácil aclararme. He empezado a copiar lo que tenía apuntado en hojas, para poder tirarlas.

HTML/CSS

Dudas

Cosas para corregir

• 041130. Si el nombre de una imagen tiene una ñ, Mozilla no la muestra.
• 041123. ¿Para qué sirve la propiedad outline? En Mozilla 1.8a5 han resuelto un bug relacionado, el bug 24676.
• 041121. ¿Qué caracteres son válidos en el nombre de una página web (o en el camino)? Por ejemplo, # no es válido. Si el nombre del archivo tiene un #, al abrirlo con Amaya, sale en blanco, pero al decir recargar, sí que se abre.
  
• 041019. Propiedad compuesta font. La he contado mal, porque en realidad no tenía claro cómo funcionaba. Tengo que terminar de aclararme y explicarlo en clase.
• 041116. ¿Para qué sirve la etiqueta outline? ¿Funciona en Mozilla o en IE? ¿Qué tiene que ver con los bordes?
• 041105: Si en una página hay dos destinos con id y name intercambiados ( id1=name2 y id2 = name1), ¿dónde van los navegadores? ¿al id o al name?
  He hecho la prueba y parece que Mozilla e IE hacen cosas distintas, para variar. IE se va al name y Mozilla se va al id (independiente del orden de id y name en la etiqueta). Otra cosa para poner en la página de diferencia IE/Mozilla. Por cierto, Amaya hace lo mismo que IE. Podría preguntar a Irène si eso es correcto.
• 031104. ¿el orden de las pseudoclases en la hoja de estilo es importante? tenía apuntado que :visited manda sobre :hover y :active, pero no estoy seguro de que sea cierto.

Volver al índice

Apuntes

Páginas por escribir

• 051004. Cuando se definen etiquetas en línea cruzadas se sigue comiendo espacios en blanco. Cuando es una etiqueta en línea dentro de otra, mete etiquetas innecesarias, en vez de ponerlas sólo alrededor. Los espacios en blanco se los come, pero no a la primera. Si se escriben en la ventana de código fuente parece que tarda más en comerselos.
• 050128. No he contado nada sobre eventos.
• 050125. Para insertar un espacio en blanco "duro" hay que pulsar Ctrl+espacio. La entidad de carácter del espacio en blanco es  , pero Ctrl+espacio no utiliza ese código, sino que en el código fuente se ve un ~.
• 041202. Debería tener un índice de materias, para que fuera posible encontrar un tema determinado. Tendría que ser algo que se pudiera crear automáticamente, para que fuera útil (algún elemento que contuviera las palabras clave, a partir de las que se generaría el índice).
• 041125. No tengo nada sobre eventos.
• 041125. Hacer una página con los errores de los navegadores (propiedades no soportadas, etc), para poder comprobar si en versiones posteriores están corregidas.
• Diferencias entre Mozilla e IE
  • describir brevemente las cosas que son diferentes en cada navegador, con enlace a la página en que está explicado
• Añadir en el índice las páginas previstas que faltan (sin enlace a la página, claro).
• Quitar del índice los comentarios de "en elaboración". Decir en cada página las cosas que faltan y en esta página anotarlo en el apartado "Cosas que faltan".
• 041104: Blog de los desarrolladores de IE: http://blogs.msdn.com/ie/
• 041117. Daniel Glazman hizo en 1998 unos tests CSS2 interesantes.
• 041117. He preguntado en un foro de Googlemania si saben por qué ya no salen gráficos en Google Zeitgeist los gráficos de navegadores, sistemas operativos e idiomas empleados para acceder a Google.
• 01117. Los de w3schools tienen estadísticas de utilización de navegadores, sistemas operativos, resolución, etc. Supongo que lo harán a partir de las visitas que reciben, así que no serán muy representativos de la web en su conjunto.
• Cabeceras http
  • 041117. Para indicar a Google que una dirección ha cambiado:
    <?php
    Header("HTTP/301 Moved Permanently");
    Header("Location: http://www.googlemania.com");
    ?>
• Bugs IE
  041202. Al poner border, el caption se hace más grande (ver página Atributos de tablas).

Erratas/correciones

• 041202. Ejercicio anuncios por palabras. El texto "Anuncios por palabras" debería ser un h1 con clase y los h3 deberían ser h2 y los h4 deberían ser h3.
• 041130. Quitar todos los destinos definidos con anclas (<a>) y cambiarlos a id.
• 041127. ¿Qué término usar?: "casilla" o "celda" para las tablas.
• 041126. Dejar un tbody en cada tabla de ejemplos de código. No hace falta tener varios tbody para separar las filas.
• 041125. Unificar las expresiones cuando un navegador no admite una propiedad. Por ejemplo: "Internet Explorer no es capaz de interpretar esta propiedad", o algo así.
• 041124. Pasar en las explicaciones del tú al impersonal.
• 041123. Repasar qiue los nombres de las etiquetas salgan entre <>.
• 041123. Decir etiqueta en vez de marca.
• 041115. Las páginas con mapas de imagen no son válidas. El map tiene que estar en algún bloque y tener id.
• 041105: Uitlizo a veces la clase aviso y otras veces la clase incompleto. Aclarar si se pueden unificar.
• 041017. Autor: poner enlace a dirección de correo + comprobar que gasto <address>
• 030429. Tengo una clase amaya-menu, pero debería tener también las clases menu-amaya, menu-moz, menu-ie, aunque se vieran igual, para localizarlas rápidamente.
• 030407. Añadir 2º hoja de estilo BN a apuntes. Comprobar que está actualizada con respecto a la hoja de estilo en color.
• 031111. Tablas CSS: falta icono Mozilla en posición leyenda: bottom.
• 031117. Definir colgroup en tabla de colores para que salgan líneas verticales

Cosas que faltan

• HTML Varios
  041130. Si se selecciona un h1 con F2 y se pulsa Intro, se crea un nuevo h1, pero si se pone el cursor al final, se crea un p..
  041117. Explicar que un navegador muestra sólo un espacio en blanco cuando hay varios espacios en blanco seguidos, salvo para algunas etiquetas y con la propiedad white-space. Explicar que Amaya borra los espacios en blanco duplicados (sin hacer caso de la propiedad white-space). Enlazar con la página de bugs de Amaya.
  041117. Explicar que un navegador no muestra los párrafos vacíos (tengo que aclarar si muestra los márgenes o los rellenos).
  041117. Explicar que si hay un espacio tocando una etiqueta por el lado de dentro, el espacio no se muestra. Amaya borra ese espacio al recargar el documento.
  041117. Explicar que si se seleccionan varios elementos con F2 y se asigna un atributo, el valor se asigna a todos los elementos. Un error típico de los alumnos ocurre cuando hay varios párrafos dentro de una división y al ir a dar clase a la división, seleccionan sólo los párrafos y le dan clase a los párrafos y no a la división.
  041007. Explicar <span>
  
• HTML. Enlazar y abrir una hoja de estilo
  041111. Falta hablar de las opciones del menú "Borrar enlace", "activar" y "Desactiva"
  041007. Explicar que Amaya saca la hoja de estilo amaya.css además de las que estén enlazadas (igual hay que actualizar las imágenes).
• HTML. Divisiones
  041029. Partir/unir divisiones con Intro y Suprimir.
  041029. Imagen flotante dentro de div con borde. El tamaño lo define el texto, así que la imagen se sale. Para evitarlo, hay que dar clear: both a algo que esté dentro de la división, aunque sea un párrafo vacío.
  041102. Divisiones como elementos en línea (div dentro de p).
  
• HTML. Enlaces
  041117. Decir que si una página es larga, el destino sale al principio de la pantalla, pero si es corta no (los navegadores funcionan así)
  041117. Contar cómo se puede anular la creación de un enlace cuando se ha empezado a crearlo (si se puede).
• HTML. Tablas
  050206. El elemento tbody es optativo. Amaya lo muestra en la barra de estado aunque no esté en el código fuente.
  031111. En valor de border se entiende siempre en píxeles. Si se ponen cosas raras "14cm", "4,6", "4 6" no hace ni caso, pero en validador del W3C no detecta ningún error. Un valor negativo hace que Mozilla no ponga borde, IE pone el borde mínimo.
• MathML

  051005. Tendría que actualizar completamente la página, hablando de la fuentes STIX (dicen que saldrán en 2006), del plug-in para IE y de cómo hacer que se vean las páginas en Amaya, Mozilla e IE (no sé si se habrán resuelto los problemas con el tipo del documento).

• CSS. Varios
  041117. ¿El orden en que se escriben las reglas CSS es importante en algún caso? (por ejemplo, poner antes las clases que la etiqueta sin clase, o las etiquetas antes de las divisiones, o los h antes de body)
  031016. Alberto Carbonell quería conseguir un borde de dos colores y puso border-color: red none blue; y le salió un borde negro.
• CSS. Lista de propiedades
  041007. Incluir todas las propiedades, aunque no las explique.
• CSS. Selectores
  030123. ¿Se puede poner "border-left, border-right: black 3px solid;"?
• CSS. Texto
  041028. Añadir propiedad line-height.
• CSS. Márgenes y rellenos
  041117. Explicar margin:auto. Explicar cómo se centran cosas en IE.
  041117. Aclarar si es verdad que cuando hay dos elementos pone como separación entre ellos el mayor de los margin de los dos elementos.
  031009. margin-top o margin-bottom en elementos en-línea (p.e. span) no funciona en IE ni Mozilla, pero sí en Amaya (comprobarlo).
• CSS. Imágenes
  050114. Explicar bordes en las imágenes. IE no muestra padding en las imágenes.
  04117. Las imágenes flotantes no se tienen en cuenta al calcular el tamaño vertical de los elementos que las contienen. Así que una imagen, si es grande, puede tapa el borde inferior de la división que la contiene. Para evitarlo, se puede añadir un párrafo vacío, con clear:both.
• CSS. Enlaces
  050114. Explicar cómo quitar el subrayado de los textos y el borde de las imágenes.
• CSS. Fondos
  041117. Si se coge una imagen estrecha muy ancha como fondo, ¿se corta? ¿sale la barra de desplazamiento horizontal? La idea es que se vea un degradado a cualquier resolución.
• CSS. Listas
  030120. ¿Cómo se puede centrar una lista (pero que los puntos salgan alineados) en una página en vez de que salga a la izquierda. 041130. En la página de diseño de listas está explicado cómo hacerlo pero solamente para listas de menú (con display: inline). El sólo se aplica ek "truco" de margin-left:auto no sale bien, porque la lista es un bloque y ocupa todas la pantalla de izquierda a derecha (se ve claro con background-color;).

• Apéndices. Documentación
  041130. Enlaces a recomendaciones en inglés y castellano, en html y en PDF.

sTile

• 031113. Poner en inglés los nombres de las transformaciones (y el menú que hay que elegir)
• 031113. Imagen 1 de efecto óptico 1 se ve mal.

Mantenimiento

• pasar Xenu para ver si hay enlaces rotos
• pasar Checky para ver si el html y el css son válidos
• comprobar/actualizar página última versión de Amaya, Mozilla, Checky, etc
• comprobar/actualizar página bugs Mozilla y Amaya
• comprobar/actualiza página historia de la web (últimas versiones recomendaciones y navegadores).

Volver al índice

Software

Otros programas

• Checky
• ColorWiz
• MozIE
• Xenu
• Hacer referencia a MozillaES
• Extensiones Firefox: colorzilla, editCSS

Mozilla: problemas / bugs

• 041118. Div con fondo con background-attachment: fixed no muestra la imagen.
• ??. div con position absolute, Moz no muestra padding-bottom
• 04115. Al instalar Checky 2.4 en Mozilla 1.7.3 en castellano, se estropea Mozilla. He escrito un mensaje en MozillaES, a ver si alguien me dice algo. La solución creo que será instalar la versión inglesa y luego el xpi de traducción al castellano.

IE: problemas /bugs

• ?? IE no hace caso de top bottom hay que poner top height (??)

Diferencias Mozilla/IE

• 031104. Al hacer enlaces a body o html, IE no hace caso. Mozilla sí.

Volver al índice