Consideraciones sobre

accesibilidad (w3c)

1
Índice
Presentación…………………………………………………………………1
Índice ………………………………………………………………………...2
Introducción……………………………………………………………….....3
Contenido ……………………………………………………………………4
1-Investigar los siguientes temas………………………………………….4
 ¿Qué es diseño web y para qué sirve?........................................4
 Investigue las fases básicas del diseño web y los diferentes tipos
de diseño web………………………………………………………...4
 Busque el significado del siguiente vocabulario utilizado en el
diseño Web……………………………………………………………6
2-Hacer un cuadro comparativo de las páginas Web estáticas, páginas
Web dinámicas y páginas orientadas al comercio electrónico…………8
Conclusión……………………………………………………………………9
Anexos………………………………………………………………………10
Bibliografía………………………………………………………………….12

2
 Introducción
Este trabajo trata sobre el funcionamiento del sitio web, que es un
sistema que debe estar muy bien engranado para que funcione
correctamente. Veremos las páginas web, diseños web, tipos de sitios
web, las etapas del para el diseño de un sitio web y más sobre que
debe tener un sitio web para su correcto funcionamiento.

3
 Actividad:
1-Investigar los siguientes temas
¿Qué es diseño web y para qué sirve?
El diseño web es un área enfocada en el desarrollo de interfaces digitales, como el
diseño de sitios y aplicaciones para web. Para ello, los diseñadores web crean las
páginas utilizando lenguajes de marcado como HTML.
El Diseño web es aquella actividad consistente en planificar, diseñar, mantener y
crear páginas web. Se aleja del término más tradicional del diseño en cuanto a
que engloba una gran variedad de aspectos diferentes, como pueden ser el diseño
de la interfaz, el diseño del material gráfico o incluso la experiencia del usuario con
el sitio.
El Diseño web sirve para ofrecer a los usuarios una experiencia adecuada, suave
y atractiva a la hora de moverse por una página en Internet. Es algo capaz de
transmitir la imagen de una marca y su mensaje, a la vez que muestra el grado de
compromiso de una firma por la buena experiencia de sus consumidores.

Investigue las fases básicas del diseño web y los diferentes tipos de
diseño web.
Fases del diseño Web:
El diseño Web, es un proceso elaborado que está formado por varias fases.
Cuanto más grande es el proyecto, más fases puede tener. A continuación, se
mencionan algunas de las fases básicas del diseño Web, con las que cuentan
todos los proyectos.
Análisis y definición del diseño Web
En esta fase del diseño se estudia la imagen que debe tener la página Web, de
acuerdo con el objetivo que desea cumplir. Es la fase en la que se genera una
primera visión del diseño que presentarán las páginas Web del sitio.
Creación de la página Web
Después de aprobar el boceto del diseño Web en la fase anterior, se procede a la
implementación de este diseño como página Web, con sus cabeceras, menús,
animaciones e imágenes.
Programación de la navegabilidad
Una vez creadas y estructuradas las páginas Web, se procede a programar su
navegabilidad y su funcionalidad, para una correcta presentación de las páginas
Web, tal y como se define en el diseño Web original.

4
Estos tres actos, se van haciendo uno tras otro, y a veces continuamente. Algunos
teóricos del diseño no ven una jerarquización tan clara, ya que estos actos
aparecen una y otra vez en el proceso de diseño.
Evaluación
Diseñar como acto cultural implica conocer criterios de diseño como presentación,
producción, significación, socialización, costos, mercadeo, entre otros. Estos
criterios son innumerables, pero son contables a medida que el encargo aparece y
se define.

Los diferentes tipos de Diseño Web:

El diseño web permite una serie de alternativas, que hasta hace algunos años
eran impensadas. Ahora, además de hacer un sitio web mediante código, también
se puede optar a los distintos CMS que existen para poder llevar a cabo una
página web.
Cuáles son los diferentes tipos de diseño web que se utilizan en la actualidad,
aunque unos van quedando más en el pasado que otros. Con este listado podrás
acceder a los diseños más utilizados, para que puedas realizar tu sitio.
Diseño web fijó
Este tipo de diseño, llamado fixed web design en inglés es uno de los más
ocupados en Internet. Permanece inalterable sea cual sea el dispositivo desde el
cual se vea el sitio web, es decir, es indiferente al tamaño de la pantalla.
Cualesquiera sean las características de la pantalla o navegador siempre se
visualiza el mismo tamaño preestablecido por el diseñador web en pixeles.
Diseño web responsive
Este tipo de diseño web también es conocido como sensible, el cual varía en
función del tipo de dispositivo desde el cual se visualiza o del ancho del navegador
web por el cual se accede. De esta manera, se puede apreciar un sitio en un
smartphone, otro en una tablet y otro en un computador de escritorio.
Diseño web fluido
Este tipo de pantalla ocupa todo el ancho de las pantallas, independiente del
tamaño de ésta. Es un tipo de diseño menos utilizado, ya que requiere de un
trabajo más minucioso, por parte de quien realiza esta página.
Si no se realiza como es debido, el resultado puede ser catastrófico, sin embargo,
pero de lo contrario, para pantallas normales, puede arrojar un resultado bastante
atractivo.

Diseño web elástico

5
Este es un tipo de diseño web muy similar al fluido, sólo que, en este caso, el
contenido también crece junto al ancho del diseño para rellenar la pantalla. Es un
tipo de diseño que no es muy utilizado.
El resultado de un diseño elástico puede resultar más o menos agradable en
tamaños de pantalla más o menos pequeños, pero una vez que se usan pantallas
muy grandes, el contenido se vuelve exageradamente irracional, por lo que salvo
en algunas circunstancias, no tiene razón de ser.

Busque el significado del siguiente vocabulario utilizado en el diseño

Web:
Banner: Un banner, o más formalmente web banner, es un formato publicitario en
Internet
Cliente FTP: Un cliente FTP emplea el FTP para conectarse a un servidor FTP
para transferir archivos a un alojamiento.
CSS (Cascading Style Sheets): Es un lenguaje de diseño gráfico para definir y
crear la presentación de un documento estructurado escrito en un lenguaje de
marcado.
Dominio: es un nombre único que identifica a una subárea de internet.
Editor de diseño web: Un editor de páginas web es una aplicación diseñada con el
fin de facilitar la creación y edición de documentos HTML o XHTML.
Frames (marcas): Define la organización de los marcos dentro de la ventana del
usuario. Sus etiquetas son: <frameset> y </frameset> (ambas obligatorias). Está
definido como: Elemento para marcos.
Hipervínculo: Es una referencia unidireccional en un documento electrónico que
entrelaza diferentes documentos o secciones entre sí.
Hipertexto: Es una estructura no secuencial que permite crear, agregar, enlazar y
compartir información de diversas fuentes por medio de enlaces asociativos y
redes sociales.
Home Page: Un home page es una página designada para ser el principal punto
de entrada a un sitio web, apareciendo cuando un usuario comienza una sesión.
Hosting: Es el servicio que provee a los usuarios de Internet un espacio de
almacenamiento en línea, también conocido como webs pace, que permite
publicar todo el contenido relacionado con un sitio web.
HTML (Lenguaje de marcas de hipertexto): es el componente más básico de la
Web. Define el significado y la estructura del contenido web.

6
HTTP (Protocolo de transferencia de hipertexto): El Protocolo de transferencia de
hipertexto es el protocolo de comunicación que permite las transferencias de
información a través de archivos en la World Wide Web.
Imagen: Para insertar una imagen en un documento HTML se utiliza el elemento
<IMG>. Este elemento puede ir acompañado de los atributos SRC ALT ISMAP
ALIGN WIDTH HEIGHT BORDER VSPACE HSPACE.
ISP (Internet Service Provider): El proveedor de servicios de internet es la
empresa que brinda conexión a Internet a sus clientes. Un ISP conecta a sus
usuarios a Internet a través de diferentes tecnologías como ADSL, cablemódem,
GSM, dial-up, fibra óptica, satélite, streaming, etc.
Lenguaje de programación: Un lenguaje de programación es una forma de
comunicarnos con una computadora, tablet o celular e indicarle qué queremos
hacer.
Página web: Conjunto de información que se encuentra en una dirección
determinada de internet.
Propiedades: Una propiedad es una variable que existe en una clase (y que puede
tener cualquier tipo de dato), mientras que un atributo HTML siempre contendrá
valores de tipo string.
Servidor: Un servidor es un conjunto de computadoras capaz de atender las
peticiones de un cliente y devolverle una respuesta en concordancia.
Sitio web: Es una colección de páginas web relacionadas y comunes a un dominio
de internet o subdominio en la World Wide Web dentro de Internet.
Tablas: Son objetos de base de datos que contienen todos sus datos.
URL (Localizador de recurso universal): Una URL no es más que una dirección
que es dada a un recurso único en la Web.
Webmaster: es una persona que maneja y gestiona un sitio Web.

7
2-Hacer un cuadro comparativo de las páginas Web estáticas,
páginas Web dinámicas y páginas orientadas al comercio
electrónico.
Página web estática: Página web dinámica: Páginas orientadas al
comercio electrónico
Contenido que no Puede tener cambios Son aquellas que están
cambia frecuentemente. frecuentes en la optimizadas para realizar
Información en archivos información. transacciones, ya sea
HTML (y otras Los contenidos se desde un sitio web
tecnologías como Flash). almacenan en una base independiente o por
Se actualiza de datos. medio de una aplicación
manualmente. Se actualiza a través de en los gestores de
Se utiliza algún tipo de un gestor de contenidos contenido.
programa editor. (CMS). Son el software
necesario para que las
empresas puedan vender
y conectar con sus
clientes.

8
 Conclusión
Este trabajo trato sobre el funcionamiento de un sitio web en el que el
diseño web implica conocer cómo se deben utilizar cada uno de los
elementos permitidos en el HTML, es decir, hacer un uso correcto de
este lenguaje dentro de los estándares establecidos por la W3C y en
lo referente a la web semántica.
La unión de un buen diseño con una jerarquía bien elaborada de
contenidos aumenta la eficiencia de la web como canal
de comunicación e intercambio de datos, que brinda posibilidades
como el contacto directo entre el productor y el consumidor de
contenidos.

9
Anexos

10
11