piarddg.files.wordpress.com€¦  · web viewactividad 4. accesibilidad para la creaciÓn de...

12
DANIELA ALEJANDRA GUTIÉRREZ DIMAS Universidad Autónoma de Nuevo León Facultad de Ciencias de la Comunicación M.C. CARLOS RODRÍGUEZ SALAZAR RECUERSOS ACTIVIDAD 4. ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB Lunes 9 de octubre del 2017

Upload: others

Post on 02-Oct-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: piarddg.files.wordpress.com€¦  · Web viewACTIVIDAD 4. ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB. RECUERSOS DIGITALES. M.C. CARLOS RODRÍGUEZ SALAZAR. DANIELA ALEJANDRA

DANIELA ALEJANDRA GUTIÉRREZ DIMAS

Universidad Autónoma de Nuevo LeónFacultad de Ciencias de la Comunicación

M.C. CARLOS RODRÍGUEZ SALAZAR

RECUERSOS DIGITALES

ACTIVIDAD 4. ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB

Lunes 9 de octubre del 2017

Page 2: piarddg.files.wordpress.com€¦  · Web viewACTIVIDAD 4. ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB. RECUERSOS DIGITALES. M.C. CARLOS RODRÍGUEZ SALAZAR. DANIELA ALEJANDRA

índice

Contenido No. de PáginaIntroducción 3

Antecedentes 4

Páginas web y el código HTML 4

Elementos de una página web 5

Imágenes 6

Titulares 6

Contenido 6

Navegación 7

Créditos 7

Beneficios de una página web 7

Conclusión 8

Bibliografía 9

INTRODUCCIÓN

2

Page 3: piarddg.files.wordpress.com€¦  · Web viewACTIVIDAD 4. ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB. RECUERSOS DIGITALES. M.C. CARLOS RODRÍGUEZ SALAZAR. DANIELA ALEJANDRA

Muchas veces hemos escuchado el término “página web” y automáticamente

palabras como internet, wi-fi o google vienen a nuestra cabeza, pero rara vez se

ha hecho conciencia sobre lo que es una página web o cuáles son sus principales

funciones. El trabajo que se presenta a continuación tiene la finalidad de

informarnos más acerca de lo que este término significa y como ayuda a la

sociedad día con día.

Actualmente es muy difícil poner a discusión lo mucho que la internet ayuda a

impulsar todos los aspectos de nuestra vida, además de facilitar nuestras tareas

diarias; hoy en día ya no es necesario salir a buscar el periódico a alguna tienda,

puesto o incluso irlo a buscar a la entrada de casa, ahora todas las noticias que

nos puede llegar a comunicar el periódico físico o incluso más de las que su

capacidad puede abarcar están en internet, en una página web correspondiente al

periódico que deseemos y esto nos abre un mundo entero de opciones, ya que

existe una gran cantidad de diferentes periódicos y cada uno cuenta con un sitio

web, esto nos lleva a ver una infinidad de noticias que tenemos por conocer o

sucesos por ver alrededor del mundo e incluso en muchas de estas noticias se

tiene la ventaja que además de tener fotografías que ayuden a visualizar el suceso

del que habla la noticia, también se pueden llegar a agregar videos a la nota, eso

nos hace sentir más cercanos al suceso del que se esté hablando y crea cierta

cercanía que esta misma es la que nos motivara a seguir visitando el sitio web y

así el periódico que se esté visitando crecerá y maximizara su potencial en todos

los aspectos.

Este es un pequeño y sencillo ejemplo de lo que puede lograr hacer una página

web, pero esto mismo nos puede llevar a preguntarnos formalmente ¿qué es una

página web? ¿en qué consiste su creación? o ¿cómo puedo hacer que funcione

mi propia página? Esto nos creará un panorama más claro sobre lo que todos los

usuarios de la internet debemos conocer.

3

Page 4: piarddg.files.wordpress.com€¦  · Web viewACTIVIDAD 4. ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB. RECUERSOS DIGITALES. M.C. CARLOS RODRÍGUEZ SALAZAR. DANIELA ALEJANDRA

ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB

ANTECEDENTES

La web es un lugar maravilloso. Conecta gente de todo el mundo, nos mantiene

actualizados con nuestros amigos y familiares, y crea revoluciones nunca antes

vistas en nuestra vida. Ciertamente ha recorrido un largo camino desde sus

humildes comienzos en la década de 1980

Para entender la historia de la World Wide Web es importante entender las

diferencias entre la World Wide Web y el Internet. Muchas personas se refieren a

ellos como la misma cosa, pero, de hecho, aunque el resultado final es la

percepción común de la mayoría de los usuarios cotidianos, son muy diferentes.

Internet es una serie de enormes redes informáticas que permiten a muchas

computadoras conectarse y comunicarse entre sí a nivel mundial. Sobre el Internet

residen una serie de idiomas que permiten que la información viaje entre las

computadoras. Estos son conocidos como protocolos. Por ejemplo, algunos

protocolos comunes para la transferencia de correos electrónicos son IMAP, POP3

y SMTP. Así como el correo electrónico es una capa en Internet, la World Wide

Web es otra capa que utiliza diferentes protocolos. La World Wide Web utiliza tres

protocolos:

HTML (Lenguaje de marcado de hipertexto) - El idioma en el que escribimos

nuestras páginas web.

HTTP (Hypertext Transfer Protocol) - Aunque otros protocolos se pueden utilizar

como FTP, este es el protocolo más común. Fue desarrollado específicamente

para la World Wide Web y favorecido por su simplicidad y rapidez. Este protocolo

solicita el documento 'HTML' desde el servidor y lo sirve al navegador.

URLS (Uniform resource locator) - La última parte del rompecabezas necesaria

para permitir que la web funcione es una URL. Esta es la dirección que indica

dónde vive un documento en la web.

PÁGINAS WEB Y EL CÓDIGO HTML

Una vez conociendo de donde vienen las páginas web y los protocolos que estas

siguen y se tiene la intención de crear una página web o al menos conocer más

4

Page 5: piarddg.files.wordpress.com€¦  · Web viewACTIVIDAD 4. ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB. RECUERSOS DIGITALES. M.C. CARLOS RODRÍGUEZ SALAZAR. DANIELA ALEJANDRA

las funciones que estas pueden llegar a tener primero tenemos que responder

algunas cuestiones muy tópicas, entre ellas aclarar el concepto de página web; y

lo podríamos definir como un documento o información electrónica capaz de

contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras

cosas, adaptada para la llamada World Wide Web (WWW), y que puede ser

accedida mediante un navegador. El lenguaje que estas páginas utilizan no es

precisamente común, a este se le llama lenguaje HTML y permite tener acceso a

diferentes páginas web a través de links; que puede ser mejor conocido como un

documento electrónico y da acceso a diferentes secciones dentro de una página

web o incluso enviar a los usuarios a otras páginas y cumplen su objetivo principal,

que es facilitar la investigación de distintos temas y contenidos por medio de la

navegación dentro de internet. Para que el formato HTML pueda funcionar es

preciso aclara que se compone de códigos, pero no se visualizan de esta manera,

sino que aparecen con información e hipervínculos, también se pueden

representar con imágenes y hasta sonidos, los cuales hacen más sencillo el uso

de las páginas para el usuario. Además, estas se presentan con diferentes

diseños según el enfoque al que está dirigido la página web y los usuarios a

quienes que pueden tener, de esta manera, la experiencia del consumidor podrá

ser más efectiva, productiva y enriquecedora en todos los aspectos.

Usualmente las páginas HTML cumplen con ciertos elementos que no pueden

faltar, ya que estos hacen más ameno el uso de las páginas web al momento en el

que el usuario desea buscar información o simplemente buscar una distracción

dentro del mundo tan grande que es internet. Los elementos principales son el

texto, las imágenes, el audio y los videos, que como ya se mencionó

anteriormente, evolucionan con el paso de los años y hacen más sencilla la

navegación

ELEMENTOS DE UNA PÁGINA WEB

Las páginas web son como cualquier otro documento, lo que significa que están

compuestas de una serie de partes esenciales que contribuyen al conjunto. Para

las páginas web, estas partes incluyen: imágenes / videos, titulares, contenido

5

Page 6: piarddg.files.wordpress.com€¦  · Web viewACTIVIDAD 4. ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB. RECUERSOS DIGITALES. M.C. CARLOS RODRÍGUEZ SALAZAR. DANIELA ALEJANDRA

corporal, navegación y créditos. La mayoría de las páginas Web contienen al

menos tres de estos elementos y muchos contienen los cinco. Algunos pueden

contener otras áreas también, pero estos cinco son los más comunes que verá.

o Imágenes y vídeos

Las imágenes son un elemento visual de casi todas las páginas web. Ellos llaman

la atención y ayudan a dirigir a los lectores a partes específicas de la página.

Pueden ayudar a ilustrar un punto y proporcionar un contexto adicional a lo que el

resto de la página se trata. Los videos pueden hacer lo mismo, añadiendo un

elemento de movimiento y sonido a la presentación.

En última instancia, la mayoría de las páginas web de hoy tienen varias imágenes

de alta calidad y videos para decorar e informar a la página.

o Titulares

Después de las imágenes, títulos o títulos son el elemento más prominente en la

mayoría de las páginas web. La mayoría de los diseñadores web utilizan algún tipo

de tipografía para crear titulares que son más grandes y más prominentes que el

texto circundante. Además, un buen SEO requiere que utilice las etiquetas de

título HTML <h1> a través de <h6> para representar los titulares en el HTML, así

como visualmente.

Una ayuda bien diseñada del título rompe el texto de una página, haciéndola más

fácil leer y procesar el contenido.

o Contenido del cuerpo

El contenido del cuerpo es el texto que constituye la mayoría de su página Web.

Hay un dicho en el diseño web que "El contenido es rey". Lo que esto significa es

que el contenido es la razón por la cual la gente llega a su página Web y el diseño

de ese contenido puede ayudarlos a leerlo de manera más eficaz. El uso de

elementos como párrafos junto con los encabezados mencionados anteriormente

puede hacer que una página web sea más fácil de leer, mientras que elementos

como listas y enlaces hacen que el texto sea más fácil de explorar. Todas estas

partes encajan para crear el contenido de la página que sus lectores

comprenderán y disfrutarán.

o Navegación

6

Page 7: piarddg.files.wordpress.com€¦  · Web viewACTIVIDAD 4. ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB. RECUERSOS DIGITALES. M.C. CARLOS RODRÍGUEZ SALAZAR. DANIELA ALEJANDRA

La mayoría de las páginas web no son páginas independientes, sino que forman

parte de una estructura más amplia: el sitio web en su conjunto. Así que la

navegación juega un papel crucial para la mayoría de las páginas web para

mantener a los clientes en el sitio y la lectura de otras páginas.

Las páginas web también pueden tener navegación interna, especialmente

páginas largas con mucho contenido. La navegación ayuda a sus lectores a

mantenerse orientados y hacen posible que encuentren su camino alrededor de la

página y del sitio en su conjunto.

o Créditos

Los créditos en una página Web son los elementos informativos de una página

que no son de contenido o navegación, sino que proporcionan detalles sobre la

página.

Incluyen cosas como: la fecha de publicación, información sobre derechos de

autor, vínculos a la política de privacidad y otra información sobre los diseñadores,

escritores o propietarios de la página Web. La mayoría de las páginas Web

incluyen esta información en la parte inferior, pero también se puede incluir en una

barra lateral o incluso en la parte superior si se ajusta a su diseño.

LOS BENEFICIOS DE UNA PÁGINA WEB

Una ventaja de tener un sitio web es la información de su negocio y los detalles

sobre sus productos y servicios pueden ser accedidos por cualquier persona, no

importa dónde están en el planeta o a qué hora del día es. El Internet está en línea

las 24 horas del día, 7 días a la semana.

En la era moderna, las personas están utilizando sus teléfonos móviles cada vez

más para navegar por Internet, averiguar sobre las empresas e incluso comprar

productos y servicios. Así que, incluso si un sitio web es sólo una breve

descripción de algún negocio, puede ayudar a los clientes a encontrar su

ubicación mientras están en movimiento.

7

Page 8: piarddg.files.wordpress.com€¦  · Web viewACTIVIDAD 4. ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB. RECUERSOS DIGITALES. M.C. CARLOS RODRÍGUEZ SALAZAR. DANIELA ALEJANDRA

CONCLUSIÓNLa web está cambiando constantemente. Sea cual sea la última y más grande

tecnología que actualmente define la web, será reemplazada por algo aún mayor,

más rápido y mejor. La web no se queda quieto, nada se pone en piedra y que es

una de las mejores cosas de la web. Como cualquier ciencia está en constante

evolución.

La web no se queda y no se quedará en su formato actual. Estábamos tan

acostumbrados a recibir la web a través de escritorios que no anticipamos móviles,

tabletas y aplicaciones cada una de las cuales toman la información proporcionada

desde la web y la muestran en su propia forma y formato.

La web se creó como una herramienta para compartir información con cualquier

persona, en cualquier parte del mundo. Comenzó con los conceptos básicos de

compartir un documento, pero ha pasado a crear herramientas que ahora nos

permiten mejorar y compartir nuestras vidas. Tim Berners Lee creó la web como

código abierto y le permitió al mundo acceder a ella de forma gratuita. Él no la

patentó (de la cual él podría haber hecho billones) y permitido que sea extendido

por cualquier persona. De manera similar, Facebook y Twitter lanzaron API que

permiten a cualquiera extender sus plataformas, lo cual está resultando muy

popular. El futuro de la web radica en que es abierto y extensible para que pueda

convertirse en la fuente más valiosa de información y revolución.

En esencia, la web es sólo arañar la superficie de lo que realmente se puede

lograr y es nuestro trabajo como diseñadores y desarrolladores para comprender

el objetivo fundamental de la web. Espero que hayas disfrutado leyendo este

artículo y que puedas tomar algo de lo que ha sucedido en el pasado de la web y

hacerlo relevante para tus proyectos hoy. Al hacer esto, se extenderá en el ethos

fundamental de las webs y lo llevará adelante a la próxima generación.

8

Page 9: piarddg.files.wordpress.com€¦  · Web viewACTIVIDAD 4. ACCESIBILIDAD PARA LA CREACIÓN DE PÁGINAS WEB. RECUERSOS DIGITALES. M.C. CARLOS RODRÍGUEZ SALAZAR. DANIELA ALEJANDRA

BIBLIOGRAFÍA Definición de Página Web. (n.d.). Retrieved September 23, 2017, from

http://conceptodefinicion.de/pagina-web/

Páginas web. (2014, September 09). Retrieved September 23, 2017, from

https://prezi.com/y359q8g2buyo/paginas-web/

Sitios Web (Ensayo) - Documents. (2015, December 08). Retrieved

September 23, 2017, from https://documents.tips/documents/sitios-web-

ensayo.html

W. (n.d.). Retrieved September 23, 2017, from

http://www.creaciondepaginaweb.net/informacion-pagina-web.htm

Campoverde, D. J. (2014, December 04). HISTORIA Y EVOLUCION DE

LAS PAGINAS WEB. Retrieved September 23, 2017, from

https://prezi.com/ldyeqymn9iaw/historia-y-evolucion-de-las-paginas-web/3

9