Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

Archive for julio, 2007

HTML: el atributo scope

Fecha de publicación: 2007/07/31

El atributo scope se utiliza para vincular la información contenida en las diferentes celdas de una tabla.

Este atributo especifica el conjunto de celdas cuya información se refiere a la celda que contiene este atributo.

Supone una alternativa simple al atributo headers.

El atributo scope puede tomar uno (solamente uno) de los siguientes valores:

  • row. La celda se refiere al resto de celdas que componen su fila.
  • col. La celda se refiere al resto de celdas que componen su columna.
  • rowgroup. La celda se refiere al las celdas que componen su grupo de filas.
  • colgroup. La celda se refiere al las celdas que componen su grupo de columnas.

Saber más sobre el atributo scope.

Datos del artículo:

Título de experto en Ofimática e Internet en la UCM

Fecha de publicación: 2007/07/19

La UCM imparte un título propio relacionado con la ofimática e Internet. Una de las asignaturas (o lo que sea) trata sobre diseño web:

Módulo de introducción al diseño web

Introducción al diseño web practicando las técnicas básicas que se necesitan para desarrollar sitios web sencillos.

El módulo comprende los siguientes temas:

  • Sitios y páginas web.
  • Desarrollo de sitios web.
  • Edición de páginas web sencillas.
  • Tablas.
  • Páginas de marcos.
  • Formularios.
  • Más sobre páginas web.
  • Sitios web prediseñados y publicación.
  • Efectos especiales.
  • Estilos profesionales y accesibilidad.

El estudio se centra en el programa de diseño web Microsoft FrontPage 2003.

Captura de pantalla de la página del curso (para cuando desaparezca).

Parece interesante, incluso se habla de accesibilidad. Pero la aplicación no ha podido ser peor seleccionada: Front Page 2003, una aplicación de la que no van a salir más versiones, y que hace código muy guarro. Hubiera sido más adecuado Dreamweaver, o mejor, un editor de texto plano que coloree la sintaxis del HTML.

Parece que los profes que han diseñado el curso están un poquito alejados de las tecnologías del diseño web.

Y lo de efectos especiales no quiero ni saber lo que es. ¿Flash parpadeante? ¿GIF animados? ¿Javascript exclusivo para Internet Explorer?

¿Hablarán acerca de la existencia de navegadores distintos de Internet Explorer 6?

Y por último: el curso tiene patrocinio de Microsoft.

Datos del artículo:

El elemento OL y el atributo start

Fecha de publicación: 2007/07/18

En el caso de crear una serie de listas ordenadas que tengan continuidad de una a otra puede ser interesante que algunas empiecen por un número distinto de 1.

La solución a ese problema es el atributo start en el eelemento OL. Pero resulta que el W3C lo considera fuera de uso, por lo que solo valida para HTML 4.01 Transitional. Esto es lo que dice la referencia HTML acerca del atributo start:

start = number [CN]
Deprecated. For OL only. This attribute specifies the starting number of the first item in an ordered list. The default starting number is “1”. Note that while the value of this attribute is an integer, the corresponding label may be non-numeric. Thus, when the list item style is uppercase latin letters (A, B, C, …), start=3 means “C”. When the style is lowercase roman numerals, start=3 means “iii”, etc.

Se puede hacer por CSS, pero aquí surge el inconveniente de que cuando CSS no esté disponible no se verá la numeración.

No creo que sea lógico dejar fuera de uso este atributo, ya que se valor podría considerarse semántico, y no solo de presentación. Creo que en W3C no han estado muy acertados al tomar esta decisión.

Saber más

Datos del artículo:

Seleccionar columnas de texto en Notepad++

Fecha de publicación: 2007/07/12

En Notepad++ para seleccionar una columna de texto (por ejemplo, solo la parte izquierda de varias líneas) basta con pulsar ALT y realizar la selección mientras se continúa manteniendo pulsado.

Datos del artículo:

Sustitución rápida de texto en Notepad++

Fecha de publicación: 2007/07/11

Notepad++ tiene una interesante función de sustitución de texto que funciona de la siguiente forma: se escribe una palabra, se pulsa CTRL+INTRO y esa palabra se sustituye por un texto que se le asoció previamente.

Para realizar esa asociación de texto hay que ir a la siguiente opción de menú: Plugins > QuickText > Options. Una vez allí se selecciona el tipo de documento para el que se va a hacer el atajo y se escribe la palabra y el texto que la va a sustituir.

Datos del artículo:

Acer Aspire 5612WLMi (5610)

Fecha de publicación: 2007/07/08

Por fin he cambiado mi viejo Toshiba Equium 3200 (Pentium III 450 Mhz 256 MB RAM), que llevaba algún tiempo funcionando de pena. Ya no podía ni siquiera con Windows 2000 (hace como un año aun podía con él).

Como no me hacía falta una máquina especialmente poderosa me decanté por comprar algo económico, pequeño, poco ruidoso y sin extras de tipo webcam y otros similares. Me decanté por comprar un portátil, y mi elección fue el Acer Aspire 5612WLMi (5610):

Acer Aspire 5610 (5612WLMi)

Características:

  • Procesador Dual Intel Core Duo T2300 a 1,66Ghz.
  • 1GB de RAM DDR2.
  • Disco duro de 80GB.
  • Pantalla de 15,4 pulgadas, resolución 1280×800.
  • Gráfica Intel 945GM, que no es muy poderosa pero puede con juegos como NFS Most Wanted o Pro Evolution Soccer 6.
  • Wi-fi Intel 3945 a/b/g.
  • Modem (que tampoco uso, pero que no está de más).
  • Grabadora DVD de doble capa.
  • Windows XP Home, de Vista no quiero saber nada.

Por el momento el rendimiento que ha dado ha sido excelente, a pesar de ser un portátil cutre.

Instalando Kubuntu Linux

Le he instalado Kubuntu 7.04 y va de maravilla, aunque con alguna que otra pega:

  • Añadir una segunda pantalla es complicado.
  • Las teclas especiales no van.
  • Hay que actualizar el Kernel para evitar cuelgues en los reinicios.

No he probado todavía ni el modem ni el Wi-fi, pero no creo que den demasiado problema.

Datos del artículo:

CSS: Especificidad de los selectores (2)

Fecha de publicación: 2007/07/01

Anteriormente había hablado de la especificidad en CSS. En esta ocasión voy a tratar el tema de una forma más clara y añadir algunos detalles que se me pasaron en la ocasión anterior.

Valores a tener en cuenta: lista resumida

Se deben tener en cuenta los siguientes valores:

  • El identificador vale 100.
  • La clase vale 10.
  • El elemento vale 1.

Valores a tener en cuenta: lista completa

Elemento de selector Valor
Elemento (P, IMG, etc.) 1
Clase (valor del atributo class) 10
Identificador (valor del atributo id) 100
Atributo (elemento que contiene un atributo: a[title]). El valor especificado es el del atributo (title en el ejemplo). 10
Pseudo-clases (first-child, hover, active, visited, focus, etc.) 10
Pseudo-elementos (before, after, first-line, first-letter, etc.) 1

Referencia y enlaces relacionados

Datos del artículo:

Información del sitio