Clasificación de las discapacidades

discapacidades motrices(relacionadas con la capacidad de movilidad)

discapacitados auditivos

discapacitados visuales(ceguera, visión reducida, visualización del color)

¿como benefician las tecnologías de la comunicación a las personas con discapacidad?

Internet y la informática permiten:

interpretar, utilizar y generar información, sin ayuda de terceras personas

permite el acceso a la cultura en igualdad de condiciones

comunicación en lenguaje de signos: videoconferencia

accesibilad web

uno de los aspectos por los cuales se ha convertido en una herramienta de comunicacion universal es que se puede acceder a la pagina web en todo el mundo independentemente de:

• localicacion geogracica
• lengua o cultura
• su habilidad fisica mental o tecnica
• su discapacidad

la accesibilidad web es la capacidad de un producto o servicio web de poder ser utilizado usado por el mayor numero posible de personas, indiferentemente de las limitaciones propias del individuo o de los medios tecnicos utilizados

beneficiarios accesibilidad en general

discapacitados permanentes: 3,5

edad avanzada no discapacitado: 4,4

circunstanciaa transitorias derivadas de situacione conyuntarales que resultan discapacitantes: 8,10

total 16 millines ( 40% de poblacion)

control

1¿Cuál de las siguientes se corresponde a la estructura de una etiqueta HTML?

a) <etiqueta atributo valor>

b)<etiqueta>atributo="valor"</etiqueta>

c)<etiqueta atributo="valor"></etiqueta>

d)<etiqueta atributo="valor" atributo2="valor2" /></etiqueta>

2. Las etiquetas que forman la estructura básica de la página son:

a) Una etiqueta html, que contiene a una etiqueta head, que a su vez contiene a una etiqueta body

b) Una etiqueta html, que contiene primero a una etiqueta head, y acontinuación una body

c) Una etiqueta html, que contiene head y body, en cualquier orden

d) Una etiqueta html, una head y una body, cada una a continuación de la anterior

3. ¿Donde escribiremos el texto de una página?

a) Dentro del body, y a su vez en otras etiquetas como párrafos, encabezados, tablas...

b) Dentro del head, utilizando siempre párrafos (p)

c) Siempre pondremos el primer texto de la página en un h1, luego en un h2, h3 ... y así sucesivamente

d) Sólo podemos ponerlo en párrafos (p) dentro de la página

4. ¿Cómo conseguimos saltar de línea en medio del texto?

a) Creando un salto de línea en el código fuente

b) Comenzando un nuevo párrafo, o introduciendo la etiqueta <br />

c) Cualquiera de las respuestas anteriores

d) Ninguna respuesta es correcta

5. ¿Cuales de estas imágenes podemos utilizar en una página web?

a) Imágenes HTML

b) Imágenes JPEG y PNG

c) Imágenes GIF y BMP

d) Cualquiera de las anteriores

6. ¿Qué indica el atributo alt de imagen?

a) Un texto que se mostrará si la imagen no se puede cargar

b) La ubicación del archivo de la imagen

c) Un título que se verá en cualquier navegador al pasar el cursor sobre la imagen

d) El alto de la imagen

7. ¿Para qué sirven los enlaces en una página web?

a) Para ir a otra parte de la página

b) Para abrir otras páginas

c) Para descargar un archivo

d) Cualquiera de las anteriores es cierta

8. ¿Qué atributo del enlace indica el archivo enlazado?

a) El atributo alt

b) El atributo src

c) El atributo href

d) El atributo link

9. ¿Cómo hacemos que una imagen enlace con una página?

a) Colocando la etiqueta de imagen dentro de la del enlace

b) Añadiendo a la imagen el atributo con el archivo enlazado

c) Añadiendo a la etiqueta de enlace el atributo con origen de la imagen

d) Los enlaces sólo puede ser de texto

10. ¿ Para que sirve la etiqueta div?

a) Para dividir una página en subpáginas

b) Principalmente para organizar nuestro contenido en nuestras páginas

c) Para hacer la página mas divertida

d) Para crear párrafos de texto

divisiones o capas

Una etiqueta muy utilizada<div></div>. Esta etiqueta forma una caja, un rectángulo, igual que el párrafo. Pero mientras que el párrafo es más común utilizarlo para contener texto, en un div podemos colocar lo que queramos, siempre que respetemos la anidación. Esta etiqueta nos resultara muy útil para distribuir los elementos en nuestras páginas.

Esta etiqueta es denominada de muchas formas: divisiones, capas, cajas, contenedores. Así que puede que a lo largo del curso utilicemos estos nombres para referirnos a ellas.

Por ejemplo, si queremos colocar la imagen de nuestro ejemplo en la parte derecha, crearemos una capa con el estilo "flotar a la derecha" y pondremos la imagen dentro. Más adelante explicaremos el estilo "flotar a la derecha" style="float: right".

enlaces

Un enlace se diferencia del texto normal porque al colocar el cursor encima, este cambia de forma y pasa de una flecha a una mano. También es muy frecuente que los enlaces aparezcan subrayados, ya que es la opción por defecto que les asigna el HTML.

En HTML, el enlace se identifica con la etiqueta <a>/<a>. La forma más básica de un enlace es la siguiente:

<a href="archivo_enlazado">contenido del enlace</a>

El atributo href indica la dirección (URL) a la que se enlaza. El contenido del enlace es lo que el usuario ve en la página y que al pulsar  sobre él nos lleva al enlace. Normalmente es texto o un imagen, en el siguiente ejemplo es el texto aquí.

Pulsa <a href="http://www.educarm.es".>aquí</a>.

se verá así:   Pulsa aquí.

El atributo href puede ser una dirección absoluta o una dirección relativa, como vimos para las imágenes.

Es muy común añadir a los enlaces el atributo title, para que muestre información sobre el destino del enlace cuando el usuario deje unos instantes el cursor encima del enlace. Por ejemplo:

Pulsa aquí ⇢ Pulsa <a href="http://www.aulaclic.es" title="Visita la web de aulalcic">aquí;</a>.


Por defecto, el enlace se abrirá en la misma ventana. Si queremos que se abra en una nueva ventana, podemos utilizar el atributo target="_blank". Aunque, el W3C, el organismo que regula los estándares del HTML desaconseja su uso, con la idea de que se debe permitir al usuaio decidir si quiere abrir el enlace en almisma u otra ventana pulsando con el botón derecho del ratón sobre el enlace, el atributo target se sigue utilizando porque la mayoría de los usuarios pulsan directamente sobre el enlace, sin usar el botón drecho. Así pues si en nuestra página queremos informar sobre la existencia de otra página del mismo tema, colocaremos un enlace a ella y le pondremos el atributo target="_blank" para evitar que el usuario se vaya a esa página y no se acuerde de volver a la nuestra.

ejecicio

<html>
<head>
   <title>IP TECNOLOGÍA</title>
</head>
<body>
  <h1>ASIGNATURA INICIACIÓN PROFESIONAL INFORMÁTICA </h1>
  <h2>diseño de páginas web</h2>
  <p>El diseñó de páginas web es una salida profesional muy interesante <br /> para nuestro futuro profesional.<br/>

  Hoy en día un comercio que no tiene un sitio web está perdiendo clientes.</p>

  <p>El diseñador web debe conocer<br /> - Diseño gráfico <br /> - Animaciones<br /> - Lenguaje web </p>

  <h3>El diseño gráfico</h3>

  <div style="flota:right"><img src="gimp.jpg" /></div>

  <p>gimp es un programa libre similar al photoshop</p>
  <img src="http://gimp-win.sourceforge.net/"  />

  <a ref="http://www.aulaclic.es">Cursos de informática</a>
  <a ref="http://www.educarm.es" title="Visita la Web de Educarm" target=_blank>Portal sobre educación</a>

<body>
</html>

etquetas de imagen

Cuando queremos introducir una imagen, lo hacemos con la etiqueta

                                             <img/>

Los atributos que como mínimo ha de tener esta etiqueta son los siguientes:

<img src="ubicacion/imagen.gif" alt="texto aternativo"/>

Lo primero que debemos de saber es dónde está la imagen, su ubicación, que es lo que debe contener el atributo src:

• Si la imagen está en una página Web, basta con saber su ruta, por ejemplo http://www.educarm.es/logo_ac1.jpg. Esto es lo que se llama una dirección absoluta.
• Si la imagen está en el mismo sitio que la página Web, podemos utilizar una dirección relativa, como imagen,gif o miagenes/imagen.gif.

Cuando el navegador no encuentra la imagen ubicada en scr no podrá mostrar la imagen. En su lugar puede mostrar una imagen de error, como en Internet Explorer que muestra una imagen de error, como en Internet Explorer que muestra

El atributo alt mostrar un texto alternativo cuando no se puede mostrar la imagen.

Ventaja.(Esto es importante para la accesibilidad a la web. Imaginemos que tenemos unas imágenes que hacen de botón para ir a partes de nuestra web, como inicio o galería.Si no ponemos el alt y no se muestran las imágenes, el usuairo no podrá navegar por nuestro sitio)

Los atributos height(alto) y width (ancho). Aunque no son obligatorios, es muy frecuentes añadirlos a la imagen introduciendo en elllos las dimensiones de la imagen, en píxeles.

Ventaja.( Al cargar una página, el navegador muestra primero el texto y después las imágenes. Si conoce las dimensiones de cada imagen, puede dejar un hueco reservado para ellas. Si no , pondrá el texto y luego irá desplazándolo para colocar las imágenes, lo que hará incómodo leer la página hasta que no esté totalmente cargada)

Atributo title. Si lo ponemos, al posar el cursor sobre ella se mostrará su valor. En IE7, cuando se omite title, se muestra el contenido de alt