kapikua blog

Acabo de terminar un curso sobre Accesibilidad Web, aunque estoy convencido de que jamas necesitare preparar una paguina accesible siempre es bueno estar al loro de estas cosas, ya sabeis el dicho que dice “Nunca digas nunca jamas”.Este es el indice del curso.

UNIDAD 1

Concepto de discapacidad y revisión de los distintos tipos de discapacidad y su problemática para el acceso al ordenador en general y a Internet en particular.

• Visual
• Auditiva
• Motora
• Cognitiva

UNIDAD 2

Concepto de ayuda técnica, y ayudas técnicas más usuales para el acceso al ordenador

• Lectores de pantalla
• Emuladores de ratón y teclado
• Etc.

UNIDAD 3

Pautas de accesibilidad al contenido de la red

• Normas de accesibilidad del w3C: WAI
• Prioridades 1, 2 y 3 de accesibilidad.
• Revisión de las 14 pautas de accesibilidad

UNIDAD 4

Puntos de validación y herramientas de validación:

• Bobby
• TAW

UNIDAD 5

Selección de herramientas que facilitan el diseño web accesibles.

El curso ha sido muy interesante, algunas cosas que he estudiado ya las conocia y me ha servido para refrescar la memoria. Lo que mas pena me ha dado es descubrir la poca importancia que le damos a estas reglas.

Tambien acado de terminar otro curso, sobre 3ds max, es un curso dividido en 3 niveles, y acabo de terminar el primero, era un nivel muy basico que yo controlaba a la perfeccion pero era imprescindible hacerlo para poder pasar al siguiente. Asi, que ahora voy a empezar el segundo nivel que es mas complicadito y mas interesante.

Estoy en una epoca que necesito aprender cosas, tengo mucho tiempo libre al mediodia y quiero aprovecharlo para cursos. Tambien estoy aprendiendo a programar componentes de Flash , ya tenia algunos conocimientos sobre Actionscript pero no sabia aplicarlos a los componentes, ahora si lo se, y estoy preparando algunas cosillas muy interesantes.

Que guay, el theme Leia ha salido en la portada del blog oficial de Wordpress, que contento estoy. Para mi es el mejor sitio donde podria haber salido. Todo a sido gracias a Weblog Tools Collection que tambien lo han publicado en portada.

No pensaba yo que este theme fuera a funcionar tanto, os puedo asegurar que lo esta usando mucha peña, mas de lo esperando. Tendremos que ir haciendole una actualizacion al Theme para dejarlo mejor de lo que esta.

Ultimamente he estado viendo como muchos blogs hacian referencia a una web que te permitia crearte tu propio logo Web 2.0. Como vi que habia mucha demanda de ese tipo de cosas he pensado preparar un pequeñito tutorial para que veais lo sencillo que es.

En este minitutorial voy a dar por hecho que sabeis usar las herramientas basicas del Photoshop, de toda formas si alguien tiene dudas ya sabe, en los comentarios se solucionan todos los problemas.

1-. En primer lugar vamos a crear un archivo con las dimensiones 400 x 130 px.

2-. Hacemos un degradado desde #393B2E hasta #797A77

Deberia quedar asi mas o menos

3- Escribimos el texto que queramos, y le ponemos alguna fuente que os guste, en este caso es. Impress BT

4-. A continuacion con la capa del texto seleccionada vais al menu horizontal y seleccionais Capa > Estilo de Capa > Superposicion de colores , se os abrira un panel con la opcion se Superposicion de colores a la izquierda seleccionada, en el centro tendreis un panel para cambiar el color, pues bien pulsar sobre el recuadro coloreado y en la parte inferior derecha poneis este codigo RGB ( A4DC0C ) . Pulsais OK y no cerreis aun el panel de Estilos, ahora seleccionais la casilla de Trazo y os aparecera en el centro las propiedades para generar un trazo alrededor del texto, las propiedades deben ser:

Tamaño: 1
Posicion: Fuera
Modo de difucion: Normal
Opacidad: 100%
Tipo de relleno: Color
Color: 324500

Esto se hace simplemente para darle un poco de cuerpo al texto y hacerlo mas visible.

5-. Bien ahora vamos a hacer el reflejo, pulsamos con el boton derecho sobre la capa del texto y seleccionamos Duplicar capa , vereis como en la parte superior de esa misma capa se ha generado otra capa identica, ahora lo que hacemos es invertirla verticalmente, para ello vamos a Edicion > transformar > Voltear vertical y el texto que hemos duplicado se volteara verticalmente, una vez hecho esto lo tenemos que poner en la parte inferior del texto principal.

6-. Ahora vamos a difuminar el texto que hace el reflejo, como el fondo no es un mismo tono vamos a tener que hacer un pequeño experimento para fundir el texto con el fondo, en primer lugar hacer una seleccion alrededor del texto que fundiremos.

A continuacion seleccionamos la herramienta para hacer el degradado y seleccionamos el color inferior y superior de las esquinas de la seleccion, tal y como muestra la captura. Tambien teneis que ponerle la opacidad 0 al color b para que difumine con el fondo.

Bien, os tendria que quedar algo como esto.

7-. Bueno esto esta casi ya terminado señores, ahora solo nos queda quitarle opacidad a la capa reflectante, podeis ponerlo a 30% y ya esta terminado.

Podeis hacer todas las variaciones que querais.

Espero que os sirva de algo, ahora podreis prepararos vuestras propias cabeceras sin depender de otras paginas que lo hacen por vosotros y tendreis mas independencia a la hora de elegir lo que quereis para vosotros.

Podeis descargaros el archivo PSD pulsando aqui