Hablar de tecnología es sinónimo de evolución constante, todo a nuestro alrededor está inmerso en los avances tecnológicos lo que significa que quienes la dominan se ven obligados a la creación de algo cada vez más llamativo para captar la atención de los usuarios tal es el caso de los diseñadores web.

1. UNIVERSIDA SAN MARCOS
PLANTEL TUXTLA
MAESTRIA:
COMERCIO ELECTRONICO
MATERIA:
DISEÑO, CREACION Y EVALUACIONES
DE SITIOS WEB I
CATEDRATICO:
DR. JORGE LUIS VIDAL CORDOVA
TRABAJO:
ENSAYO DEL LIBRO
“EL GRAN LIBRO DEL DISEÑO WEB”
ALUMNO:
ING. MARULI MENDOZA RUIZ
1º CUATRIMESTRE
TUXTLA GUTIERREZ CHIAPAS; 20 DE ENERO 2017.
MAESTRIAENCOMERCIOELECTRONICO
[Escribasudirección][Escribasunúmerodeteléfono][Escribasudireccióndecorreoelectrónico]
MAESTRIAENCOMERCIOELECTRONICO

2. [Seleccionar fecha]
2
INTRODUCCIÓN
Hablar de tecnología es sinónimo de evolución constante, todo a nuestro alrededor
está inmerso en los avances tecnológicos lo que significa que quienes la dominan
se ven obligados a la creación de algo cada vez más llamativo para captar la
atención de los usuarios tal es el caso de los diseñadores web. Los diseñadores
web deben buscar las herramientas necesarias e idóneas para la elaboración de
dichas páginas (tema que compete en el presente ensayo) que le permitan la
creación de un sitio fácil y a la vez que contengan contenidos productivos que
permitan captar la completa atención del usuario.
Como ya se mencionó en el párrafo que antecede, en el presente ensayo se
desarrollan temas en relación a las herramientas para la creación de un sitio web.
Primeramente se comienza respondiendo a la incógnita de ¿qué es el diseño? Y a
su vez qué es un diseñador, definiendo a este último como una persona con
atributos como la creatividad e imaginación que les serán útiles para rediseñar sitios
web. Como segundo punto, se habla del HTML como el lenguaje de códigos
utilizados para la programación de sitios web de forma simple y sintética, así mismo
del CSS con el cuál permite el control del estilo externo de dicha página y el
JavaScript como una forma de acceso al usuario a las funciones de la página web
desde su ordenador.
Finalmente, como último punto se habla de la evolución de estos tres leguajes de
programación como forma de adaptarse a la demanda de los usuarios y de los
avances tecnológicos de hoy en día, con diversas plataformas aunado a
herramientas auxiliares como el Photoshop y el llustrator útiles en la edición de
imágenes y el Dreamweaver, cuya función es la de diseñar y estructurar el sitio web.
Así también se tocan temas en cuestión de los dispositivos con lo que se surge
entonces la diferenciación entre entre sitio y App.

3. [Seleccionar fecha]
3
¿QUÉ ES EL DISEÑO?
El diseño es el proceso de recolección de ideas, su organización y ejecución
estética guía por ciertos elementos para un propósito en especifico.
El diseño web es un proceso similar de creación que comprende textos, gráficos,
audio, video y enlaces; con la intención de presentar el contenido en sitios web, en
donde los usuarios finales pueden acceder a través de Internet con la ayuda de un
navegador web.
Desde los primeros sitios web escritos en HTML, los diseñadores han estado
experimentando con la forma en que los sitios web se ven, ya que anteriormente
estaban basados con textos e imágenes mínimas sin ninguna interacción verdadera.
Sin embargo, la industria a progresado y poco a poco nos a traído diseños basados
en tablas, flash y finalmente diseños basados en CSS, el cual permite el control total
sobre el estilo de un documento de hipertexto.
HTML es un lenguaje en evolución ya que de un lenguaje sencillo con un pequeño
numero de etiquetas se a convertido en un sistema complejo de marcado con los
lenguajes de programación mas actuales (HTML5, CSS3 y JavaScript ), los cuales
encierran un todo, permitiendo a los desarrolladores y diseñadores en conjunto
crear sitios web con mejores estructuras, diseños y experiencias de navegación
para los usuarios finales que se pueden disfrutar en distintas plataformas. De
acuerdo a Arkaitz Garro “HTML5 es la quinta revisión del lenguaje HTML. Esta
nueva versión (aún en desarrollo), y en conjunto con CSS3, define los nuevos
estándares de desarrollo web, rediseñando el código para resolver problemas y
actualizándolo así a nuevas necesidades. No se limita solo a crear nuevas etiquetas
o atributos, sino que incorpora muchas características nuevas y proporciona una
plataforma de desarrollo de complejas aplicaciones web (mediante los APIs).”
(Garro, 2014)
Un diseñador web es alguien que es creativo e imaginario, por lo que utiliza ambos
atributos para construir o rediseñar sitios web.
El diseñador web tiene la capacidad de entender lo que se necesita para hacer un
sitio funcional y fácil de usar con herramientas que actualmente se emplean como lo
es el Adobe Photoshop y el Illustrator; al mismo tiempo un desarrollador web es
responsable de programar el código que hace que un sitio web funcione, esto puede
ser posible gracias ah aplicaciones como Dreamweaver; por eso un desarrollador
debe de construir un sitio web de tal manera que los usuarios no tengan dificultad
para navegar.
Muchas cosas cambian a través de los años, incluyendo las tendencias. En los
últimos años, el contenido se ha convertido en algo relevante, lo que significa que la
importancia de tener contenido productivo e incluyendo palabras clave, meta títulos,

4. [Seleccionar fecha]
4
meta descripciones y etiquetas de imagen son muy importantes para la optimización
de motores de búsqueda (SEO).
Cuando se trata de desarrollo web, HTML desempeña un papel muy importante
desde el comienzo y hoy, ya que sin HTML, CSS3 y JavaScript, el desarrollo de
sitios web habría sido difícil. La generación de teléfonos inteligentes y el uso de
teléfonos móviles ha llevado a muchos desarrolladores a darse cuenta de que hay
plataformas poco exploradas para una mejor experiencia entre dispositivos y
usuarios. Juan Diego Gauchat en su obra menciona: “HTML5 provee básicamente
tres características: estructura, estilo y funcionalidad. Nunca fue declarado
oficialmente pero, incluso cuando algunas APIs (Interface de Programación de
Aplicaciones) y la especificación de CSS3 por completo no son parte del mismo,
HTML5 es considerado el producto de la combinación de HTML, CSS y Javascript.
Estas tecnologías son altamente dependientes y actúan como una sola unidad
organizada bajo la especificación de HTML5. HTML está a cargo de la estructura,
CSS presenta esa estructura y su contenido en la pantalla y Javascript hace el resto
que (como veremos más adelante) es extremadamente significativo.” (Gauchat,
2012)
HTML5 junto con CSS3 definitivamente se lucirá en todos los sitios web, ambos
elementos proporcionarán un Internet más simple, más interactivo y mejor
observado por los usuarios; son creados para una mejor experiencia.
Uno de los mejores avances que ha tenido el sitio web es la compatibilidad que
mantiene con los navegadores gracias a CSS3.
Los desarrolladores en la actualidad tiene desafíos mas constantes, ya que la
tecnología avanza día con día y nos lleva a una gran variedad de dispositivos con
características distintas, lo que hace que los desarrollos se vayan creando de
acuerdo a cada dispositivo con utilidades necesarias para los usuarios; los actuales
progresos del desarrollo web son las distintas vista que puede tener un sitio web,
tales son las vistas multipantalla que hacen referencia a las vista en Escritorio,
Tablet y Movil, esto nos hace ver la compatibilidad que tiene en la actualidad con
cada dispositivo que podrás adquirir.
Un elemento muy importante para la creación de interfaz dinamica es el Canvas en
HTML5, es el que proporciona medios visuales interactivos. Canvas es un mapa de
bits con una interfaz de programación de aplicaciones de modegraphics (API)
inmediata para dibujar sobre ella, por eso Canvas en una puerta a la innovación de
sitios web en la interfaz interactiva ya que todo su contenido se actualiza en tiempo
real y no tener que utilizar plugin externos para darlos la vista idónea que
necesitamos tener para un mejor manejo del sitio.

5. [Seleccionar fecha]
5
Hoy en día los diseñadores web utilizan distintas herramientas para sus proyectos,
una de ellas también es JQuery que es una biblioteca de JavaScript rápida,
pequeña y particular. jQuery es una biblioteca multiplataforma de JavaScript hace
que las cosas como HTML documento transversal y manipulación, manejo de
eventos, animación, y Ajax mucho más simple que funciona a través de una multitud
de navegadores con una combinación de ligereza y extensibilidad; por tal manera
jQuery ha cambiado la forma en que millones de personas escriben JavaScript.
JavaScript es una lenguaje de programación que nos ayuda a que los visitantes de
los sitios web tengan una buena satisfacción a la hora de entrar navegar por la red,
ya que no requiere de una descarga externa para poder visualizar los gráficos.
En el pasado las paginas web estaban basadas en un contexto muy distinto al de la
actualidad, nos mantenían con una interactividad muy limitada y hacían que los
usuarios se tomaran mucho mas tiempo para poder navegar en ellas; actualmente
esto ha ido cambiando paso a paso hasta llegar a la era de la tecnología, con lo que
las personas se sienten mas relacionadas y cómodos; una de estas relaciones son
los sitios web con que la gente puede comunicarse unas con otras como lo son las
redes sociales en las que están las mas importantes como los son Facebook,
Twitter e Instagram, por mencionar a los mas usados, pero no hay que dejar a un
lado al uso de datos, las gestiones de campañas multicanal, las aplicaciones
móviles, etc, para poder optimizar la experiencia de los consumidores.
Unos de los programas mas utilizados para poder realizar una interfaz mas
amigable es
Photoshop ya que es considerado uno de los líderes en edición de fotos. El
programa permite a los usuarios manipular, recortar, cambiar el tamaño y corregir el
color en las fotos digitales.
El programa es particularmente popular entre los fotógrafos profesionales y
diseñadores gráficos el cual se a convertido en un estándar de los retoques
fotográficos para los diseños web; las plantillas que utiliza este programa son muy
fáciles y accesibles para que el diseñador pueda desarrollar los diseños eficientes
para los usuarios finales; la herramienta permite modificar elementos complejos sin
necesidad de crear todo un trabajo extenso de diseño como pueden ser proyectos
de publicidad, logos, marcas, etc., para las distintas plataformas que se usan en la
actualidad como los móviles, tabletas y pcs.
La tecnología cada vez avanza mas y mas, por eso los desarrollos de sitios web son
mas constantes y precisos en cada una de las plataformas antes mencionadas; los
móviles son los mas utilizados hoy en día, ya que la mayoría de las personas se les
hace mas cómodo tener la información en la palma de su mano a cualquier hora y
lugar.

6. [Seleccionar fecha]
6
La industria del diseño web es un espacio en constante cambio y hay muchas
tendencias que van y vienen por lo que es increíble para el avance tecnológico.
Hemos visitado algunos sitios web increíble por lo que siempre tendremos cambios
constantes muy completos y posiblemente también lentos.
El termino de diseñador web está cambiando debido a los avances tecnológicos que
se han venido desarrollando en la actualidad, esta es una evolución entre sitio y App
y el modo en el que el contenido web ha sido casi remodelado para una nueva
generación.
Una aplicación para móviles es una aplicación de software desarrollada
específicamente para su uso en dispositivos informáticos pequeños e inalámbricos,
como smartphones y tablets, en lugar de computadoras de escritorio o portátiles; las
aplicaciones móviles están diseñadas teniendo en cuenta las demandas y
limitaciones de los dispositivos y también para aprovechar cualquier capacidad
especializada que tengan. Robert Ramírez Vique en su obra “Métodos para el
desarrollo de aplicaciones móviles” señala: “En el caso de las aplicaciones móviles,
el ecosistema es aun más heterogéneo que en el resto de desarrollos. Pueden
ejecutarse en diferentes tipos de dispositivo, ya sea en un móvil antiguo o bien en
uno nuevo, un smartphone o un tablet PC, o incluso en aparatos menos evidentes,
como un televisor o una smartcard.” (Vique, 2013)
Una aplicación de juegos, por ejemplo, podría aprovechar el acelerómetro del
iPhone. Las aplicaciones móviles a veces se clasifican de acuerdo a si son
aplicaciones basadas en web o nativas, que se crean específicamente para una
plataforma determinada.
Una tercera categoría, las aplicaciones híbridas, combina elementos de aplicaciones
nativas y Web. A medida que maduren las tecnologías, se espera que los esfuerzos
de desarrollo de aplicaciones móviles se centren en la creación de aplicaciones web
basadas en navegador y sin necesidad de dispositivos.
Las aplicaciones móviles suelen ayudar a los usuarios conectándolos a los servicios
de Internet más comúnmente accedidos en computadoras de escritorio o portátiles,
o ayudarlos facilitando el uso de Internet en sus dispositivos.
Una aplicación para móviles puede ser una utilidad de marcado de sitios web, un
cliente de mensajería instantánea basado en dispositivos móviles, Gmail para
móviles y muchas otras aplicaciones.
En la actualidad las aplicaciones móviles son un gran negocio ya que estas denotan
un gran apoyo y contienen una amplia gama de contenido y servicios web, una de
las razones por la que las aplicaciones web para dispositivos están ganado terreno

7. [Seleccionar fecha]
7
es la de que son manejables, fáciles de comprar, de instalar y al estar integradas a
los dispositivos.
Las aplicaciones nativas son las que se puede acceder a través de iconos en la
pantalla de inicio del dispositivo. Las aplicaciones nativas se instalan a través de
una tienda de aplicaciones (como Google Play o App Store de Apple).
Se desarrollan específicamente para una plataforma y pueden aprovechar al
máximo todas las características del dispositivo: pueden utilizar la cámara, el GPS,
el acelerómetro, la brújula, la lista de contactos y así sucesivamente; también
pueden incorporar gestos (gestos estándar del sistema operativo o gestos nuevos
definidos por la aplicación). Y las aplicaciones nativas pueden utilizar el sistema de
notificación del dispositivo y pueden trabajar sin conexión.
Las aplicaciones web no son aplicaciones reales; Son realmente sitios web que, de
muchas maneras, se ven y se sienten como aplicaciones nativas, pero no se
implementan como tales; estos son ejecutados por un navegador y normalmente
escrito en HTML5.
Las aplicaciones web se hicieron realmente populares cuando HTML5 apareció y la
gente se dio cuenta de que podía obtener una funcionalidad nativa en el navegador.
Hoy, a medida que más y más sitios utilizan HTML5, la distinción entre las
aplicaciones web y las páginas web normales se ha vuelto indefinidas.

8. [Seleccionar fecha]
8
CONCLUSIÓN
El gran libro del diseño web, es una obra de gran utilidad que me permitió
comprender más a fondo como se lleva a cabo una creación de sitio web y que
existen herramientas que si bien no son especificas del diseño, permiten enriquecer
la estructura y estilo de una página de modo que resulten atractivas para el usuario
en sus distintas plataformas, como bien puede ser el photoshop o el ilustrator.
Así también me dio a conocer los alcances que la tecnología ha tenido en razón a la
elaboración de sitios web, ya que antes no podían ser compatibles con la
visualización de dispositivos móviles y hoy en día las personas buscan tener la
tecnología al alcance de su mano por ejemplo a través de los smartphones y/o
tablets, lo que hace al HTML, CSS y JAVASCRIPT las herramientas fundamentales
para la elaboración de sitios.
Es importante saber que no se necesita ser un experto en diseño para poder crear
un sitio web, ya que existen programas y herramientas que nos ayudan y facilitan la
creación de los mismos. Únicamente hay que hacer de nuestro conocimiento cuales
son las herramientas útiles e idóneas que nos puedan ayudar a crear un sitio web
de interés y con información de índole productiva para el usuario.

9. [Seleccionar fecha]
9
BIBLIOGRAFÍA
Garro, A. (28 de 01 de 2014). HTML5. (J. Eguiluz, Productor) Recuperado el 17 de 01 de
2017, de www.arkaitzgarro.com: https://openlibra.com/es/book/download/html5
Gauchat, J. D. (01 de 01 de 2012). El gran libro de HTML5, CSS3 y Javascript. (1).
Barcelona, España, España: Marcombo S.A.
Vique, R. R. (2013). Métodos para el desarrollo de aplicaciones móviles. Catalunya,
España, España: UOC.