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.

Apuntes

Páginas por escribir

• 071128: Google Analytics - http://trucosgoogleanalytics.com/
• 061121: sitemaps http://www.sitemaps.org
• 061003: favicon.
• 061003: Vista estructura (por ejemplo, para poner title a link a hoja de estilo.
• 051107. Escribir una página de notas sobre los ejercicios
• 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).
• 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.
• 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");
    ?>

Dudas

• 061003. ¿Se puede colgar una página completa (.mht)? y si se puede, ¿qué formato tiene?
• 041130. Si el nombre de una imagen tiene una ñ, Firefox no la muestra.
• 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.
  
• 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.

Erratas/correciones generales

• 051028. Sustituir los gif por png.
  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.
• 041127. ¿Qué término usar?: "casilla" o "celda" para las tablas.
• 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 que los nombres de las etiquetas salgan entre <>.
• 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.
• 030407. Añadir 2º hoja de estilo BN a apuntes. Comprobar que está actualizada con respecto a la hoja de estilo en color.

Cosas que faltan

• Encuesta inicial
  051003. Número de ordenador. ¿Has dado clase antes de html? ¿Qué llegaste a hacer?
• HTML Varios
  060928. Explicar que los comentarios en una página web se hacen en la vista Estructura (que se abre automáticamente).
  051027. Si hay un p dentro de un div, ¿se nota la diferencia entre margin de p o padding de div?
  051010. Explicar espacios en blanco en bordes de etiqueta
  051010. Explicar espacios duros &nbsp; ctrl+espacio (en tablas para que IE saque bordes).
  041210. Decir en algún sitio que nombre.JPG en Windows es lo mismo que nombre.jpp, pero que si el servidor es Linux, no es lo mismo.
  041130. Si se selecciona un h1 con F2 y se pulsa Return, 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 interiores o exteriores).
  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.
  
• HTML. Enlazar y abrir una hoja de estilo
  
• HTML. Divisiones
  051102. Hacer una división con un sólo elemento dentro es innecesario (aunque a veces se hace), basta con dar las propiedades al elemento.
  041029. Partir/unir divisiones con Return y Suprimir.
  
• HTML. Enlaces
  051024. Explicar archivo#id en href
  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. Mapas de imagen
  051221. Comprobar si los mapas de imagen van en IE y si validan. Corregirlos si hace falta.
• HTML. Tablas
  051128. ¿Cómo interfiere el atributo border de table con la propiedad css borde en table o en td? Tendría que probar combinaciones.
  051128. Calendario noviembre 2004 se puede hacer con border-collapse o con rules: box/all
  051128. Color en tbody y en columna: manda tbody
  050321. En atributos de tabla faltan summary y datapagesize.
  050206. El elemento tbody es optativo. Amaya lo muestra en la barra de estado aunque no esté en el código fuente.
  041125. ¿Cómo relacionan FF/IE el contenido con el tamaño de las celdas?
  
• HTML. Formularios
  060112. ¿Se pueden anidar forms?
  050128. Por error he escrito <input type="submit" name="enviar" /> (debería ser value en vez de name) y FF muestra "Submit query" en el botón.
  050128. Los checkbox no hacen caso de readonly (ni en FF ni en IE).
  050114. ¿Se puede poner un optgroup dentro de otro?
• SVG
  030412. en causeway hay ejemplos de CSS
• MathML
  
• CSS. Varios
  061006. Hoja de estilo por defecto del navegador: ¿dónde está? ¿se puede modificar?
  051121. Explicar propiedad display
  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
  051013. ¿Incluir líneas horizontales?
• CSS. Selectores
  040129. Decir qué cosas no son correctas
  030123. ¿Se puede poner "border-left, border-right: black 3px solid;"? No
• CSS. Pseudo-clases y pseudo-elementos
  05XXXX. :link se aplica a a con href. Va en FF, pero no en IE.
• CSS. Tamaños y colores
  061006. Decimales en unidades: explicar y poner algún ejemplo.
  041122. Vale como nombre de color #fff o #ccc
• CSS. Texto
• CSS. Fuente
  061010. En los ejemplos, h1 y h2 se van a la izquierda. Corregirlo para que se vean bien.
  061006. Si font-size está en px, ¿hace caso de negrita?
  051017. Fuentes descargables ¿llegaron a funcionar alguna vez?
• CSS. Bordes
  061006. ¿el borde de html se ve en IE o sólo saca el de body?
  051102. ¿Cómo funcionan los colores de los bordes inset u outset? Parece que hay que poner como color del fondo el color del borde.
  051020. Diferencia entre hidden y none
  051020. Si se pone sólo border-width y border-style, pero no border-color, pinta un borde negro (debe tenerlo en la hoja de estilo del navegador).
• CSS. Márgenes interiores y exteriores
  061017. Si hay un p con margin dentro de div, ¿se sale el margen del div o el div incluye el margin? ¿y si el margin está en un span?
  061006. Aclarar margin y padding en IE/FF: valores por defecto, si IE suma margin y padding de html y body, etc.
  051107. Aclarar qué ocurre al hacer pestaña con h2 en div (como en el ejercicio de recetas de jorge), porque a veces sale una rayita debajo del h2. Haciendo zoom a veces sale y a vces no, y parece que se quita al poner padding-bottom al h2.
  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 Firefox, pero sí en Amaya (comprobarlo).
• CSS. 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 tapar 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
  051114. background-position en px
  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.
  040129. Si se pone una imagen de fondo y se estira a toda la página, ¿se deforma?
• CSS. Listas
  041123. Probar ul:hover y li:hover a ver si sale algún efecto chulo.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 el "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;).
• CSS. Tablas
  051216. FF no aplica todos los estilos a col (font-size, text-transform o text-align no van, por ejemplo). ¿Cuáles son válidos y cuáles no?
  05XXXX. table layout: fixed (no tiene en cuenta el contenido de las casillas) o automatic (sí que lo tiene en cuenta).
  041125. Si hay propiedad border en css (o no) y en atributo border de td/tr/table (o no), ¿cuál manda más? probar combinaciones.
• CSS. Posicionamiento
  051207. Si se ponen left, right y width contradictorios, ¿de qué hace caso?
  040129. Contar cómo se evita que img con float se salga de división (clear en párrafo, min-height, ...)
• Ejercicios
  061006. Ejercicio personajes: cambiar colores, aumentar margen body
  061006. Hacer ejercicio con bordes en em, % y px
  061006. Cambiar unidades a valores fáciles: 10, 20, 30 en todos los ejercicios.
  061005. Recortar ejercicio Jargon file.
  051219. Los exámenes con mapas de imagen no son válidos. Tengo que corregirlos
  051219. El calendario del examen nº2 7L 2005/06 se ve fatal en IE
  051201. Añadir ejercicio para practicar sólo tamaños en % em y px
  051214. Añadir ejercicio de fondos como el examen 14/12/2005 de 7L, aunque sin tablas.
  051128. En el ejercicio de calendarios, unificar %, em o px en cada ejercicio.
  051123. En el ejercicio de diseño de listas 2, probar a separar los subpuntos.
  051121. Probar a hacer el ejercicio de diseño de listas 1 con display: inline en vez de float a ver si sale y qué cosas raras pasan.
  050601. Ejercicio Emperadores romanos: salen errores de validación
  050601. Ejercicios Cesare pavese, citas, Murphy, presentación cdlibre: no sale barra desplazamiento vertical.
  050601. Ejercicio Oscar Wilde: cuadros salen en una sola fila
  051024. Unificar valores de márgenes, padding, border, etc (múltiplos de 5 o de 10).
  051024. La dama o el tigre. FF muestra el enlace visitado, así que se sabe dónde hay que pulsar para ganar. Añadir a:link y a:visited en css.
  041123. Ejercicio Efemérides: el menú inicial no es una lista, más que un ejercicio de listas es un ejercicio de repaso.
  041121. Calendario Murphy: poner días 2, 12 y 22 en febrero y 3, 13 y 23 en marzo.
• Exámenes
  051207. Examen televisión: sobra imagen tve
  051026. Añadir versión sin formatear en exámenes
• Apéndices. Documentación
  041130. Enlaces a recomendaciones en inglés y castellano, en html y en PDF.
• Apéndices. Historia de la Web
  060111. Explicar XFrames

sTile

• 031113. Poner en inglés los nombres de las transformaciones (y el menú que hay que elegir) en todos los ejercicios
• 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, Firefox, extensiones, etc
• comprobar/actualizar página bugs Firefox y Amaya
• comprobar/actualizar página historia de la web (últimas versiones de las recomendaciones y de los navegadores).

Volver al índice

Software

Amaya: problemas / bugs

• 060112. Mapas de imagen: si se pulsa Return en pantalla alt, no se puede poner destino
• 060111. Si se selecciona una lista (o un fieldset o un div) y se pulsa Return, se crea una nueva lista. Si se vuelve a pulsar Return se crea un párrafo, pero no borra la lista vacía. Podría borrarla.
• 060109. Formularios. El reset se crea con value y name, mientras que el submit sólo tiene value.
• 090928. Al crear un nuevo XHTML, en tipo de documento pone "XHTML Strict/Transitional", debería poner "XHTML 1.0 Strict/Transitional"
• 051121. En una página que tiene <ul class="lista"><li class="azul"> al escribir en la css lista li.azul { }, Amaya hace caso aunque ponga lista en vez de ul.lista. Mozilla no hace caso. IE no lo sé.
• 051111. Transformar lista de definición funciona fatal
• 051028. Al hacer clic en un destino con id (pagina#id), en la barra de dirección no lo muestra.
• 051014. Si se pega un texto largo en el código fuente (por ejemplo enmedio de <title></title>), pega parte dentro y parte fuera
• 051014. El botón rojo de errores saca errores antiguos, hay que recargar el html y el css
• 051010. Etiquetas cruzadas se come espacios en blanco
• 051009. <style> sin type="text/css" no se detecta como error, pero el validador del W3C da error.
• 050601. Buscar en la selección no va en el código fuente.
• 050512. Al copiar y pegar un párrafo con una imagen, nada más iniciar Amaya lo hace, pero al rato ya no lo hace (no pega nada).
• 05XXXX. Apply class sólo muestra los stilos de <style>, no de CSS.
• 05XXXX. Crear clase no permite crear clases para una etiqueta determinada. Hace p { ... } o .clase { ... }, pero no p.clase { ... }
• 041221. Al minimizar y maximizar, se pierde el cursor.
• 041202. Si se escribe en una css "float: left font-size: 300%;" (sin el punto y coma entre las propiedades), Amaya detecta el error pero la muestra como si no hubiera error.
• 040129. Probar qué pasa si se guarda antes el archivo CSS que la página web.
• 031209. Al crear un menú, no pide value para el primer elemento.
• 031209. En menús con submenús (y datos sin submenús), el botón derecho no se aclara para cambiar selected.
• 030412. Si un enlace tiene rel y href, al añadir algo a href se añade también a rel.

Firefox: problemas / bugs

• 050929. Si hoja de estilo no tiene título, Mozilla la carga cuando se pide CSS alternativa. Si CSS alternativa está antes y CSS no tiene título, machaca la alternativa.
• 041118. Div con fondo con background-attachment: fixed no muestra la imagen.
• 041109. En ejercicio Radio Futura si se pone padding en a, en la página inicial sale una raya blanca a la izquierda.
• ??. div con position absolute, Moz no muestra padding-bottom

IE: problemas /bugs

• 051201. Al quitar la línea <?xml> funcionan en IE más cosas de las hojas de estilo
• 041221: IE no admite % en height
• ?? IE no hace caso de top bottom hay que poner top height (??)

Diferencias Firefox/IE

• 051130. Si se pone h1 { position: relative; top:-20em; }, FF hace + largo el documento, IE no (el h2 deja de verse).
• 051024. Ejercicio Dama y el Tigre. En IE se ve cuáles han sido los enlaces visitado, así que se sabe dónde hay que hacer clic.
• 041202. Al poner border, el caption se hace más grande (ver página Atributos de tablas).
• 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 Firefox e IE hacen cosas distintas, para variar. IE se va al name y Firefox 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/Firefox. Por cierto, Amaya hace lo mismo que IE. Podría preguntar a Irène si eso es correcto.
• 031101. Si se pone un valor negativo como borde de una tabla Firefox no pone borde, IE pone el borde mínimo.

Otros programas

• ColorWiz
• Xenu
• Hacer referencia a MozillaES
• Extensiones Firefox: editCSS
• Abyss Web Server. Probar xhtml en Abyss Web Server definiendo como text/html o application/xhtml+xml en MIME types

Volver al índice