El documento describe los roles clave en la creación de un sitio web, incluyendo al director creativo, programadores y diseñador gráfico. También clasifica los sitios web por su dinamismo, apertura y profundidad. Luego analiza la anatomía de las páginas de Mercedes Benz y Coca Cola, describiendo elementos como el logo, menú, slider y contenido en cada sitio.
Front-End, teoría, tecnologías, metodología, Aplicaciones online y offline. Guía completa para el diseño y desarrollo web 2.0 actualizada a Enero del 2016.
Front-End, teoría, tecnologías, metodología, Aplicaciones online y offline. Guía completa para el diseño y desarrollo web 2.0 actualizada a Enero del 2016.
en las siguientes diapositivas veremos todo acerca de las paginas web. ¿que es una pagina web? tipos de paginas web, caracteristicas, requerimientos, clases de paginas mas populares actualidad.
en las siguientes diapositivas veremos todo acerca de las paginas web. ¿que es una pagina web? tipos de paginas web, caracteristicas, requerimientos, clases de paginas mas populares actualidad.
Presentación de los conceptos básicos de internet y la estructura fundamental de un documento html para poder estructurar semánticamente la información en la web.
Estructura básicas de plantillas en joomla!Leonel Canton
Es la presentación 2 de 5 que se dieron en el taller de creación de plantillas impartido por el Grupo de Usuarios de Joomla! en Guatemala el 28 de febrero 2011
Objetivos:
Tomar decisiones del desarrollo de un sitio web analizando e interpretando las especificaciones del diseño
Conocer conceptos de diseño para la diagramación de paginas
Conocer los diagramas de flujo, guiones gráficos y diagramas para la creación de un Sitio Web.
Comunicarse con los clientes respecto de diseño y el contenido.
1.-¿Qué es el diseño web?
2.-¿Por qué es importante el diseño web para tu negocio?
3.-Diferencia entre el diseño web y el desarrollo de páginas web
4.-Herramientas del diseño web
5.-Principios del diseño web
6.-Componentes del diseño web
7.-Elementos visuales del diseño web aplicado a páginas web
A continuación podrán observar todo lo relacionado con las paginas web y haciendo enfoque en algunas de estas para así lograr un aprendizaje mas significativo con acerca a este tema que es de vital importancia para nuestra vida
Con la llegada de Septiembre, el programa Internet-Vende del Ayto. de Madrid vuelve a convocar a las pymes madrileñas para aumentar su conocimiento del medio online y la mejor forma de plantear una presencia web.
2. 1.¿Cuáles son los roles más importantes en la
creación de un sitio web?
Director creativo: trabaja de la mano con el propietario del sitio, para
entender el propósito de este, y así identificar las características que se
busca con dicho sitio. Crea la visión y el concepto. Además, es el
encargado de desarrollar el esquema del sitio, el cual se define como un
diagrama que establece los elementos de navegación y organización del
sitio; por tal motivo, ese rol es vital para la creación de un sitio web.
3. 1.¿Cuáles son los roles más importantes en la
creación de un sitio web?
Programadores: en términos generales, son los encargados de que el sitio
web suceda. Confieren con el director creativo para determinar que
visiones creativas son factibles con base a los limites financieros y de
tiempo. También, tienen como función determinar el lenguaje adecuado
para darle vida al sitio. Y por último, prueban el sitio, su precisión,
funcionalidad y advierten los posibles problemas, por medio de informes
periódicos sobre el desempeño del sitio web.
4. 1.¿Cuáles son los roles más importantes en la
creación de un sitio web?
Diseñador gráfico: Punto vital para el sitio web, ya que toman la visión del
director creativo y lo interpretan artísticamente; por medio de programas
como Photoshop e illustrator se aseguran de que todos los elementos del
sitio representen adecuadamente a la empresa para la cual se esta
desarrollando el sitio web.
5. CLASIFICACIONES DE SITIO WEB
POR SU DINAMISMO:
Sitios interactivos: el usuario puede influir sobre el contenido del sitio que
variara en función de cada usuario y de los objetivos de este.
Normalmente, las paginas se generan cuando el usuario lo solicita,
personalizando la información que se le ofrece.
Sitios estáticos: los usuarios no pueden modificar o añadir nada al sitio, de
cuyos contenidos se encargan exclusivamente sus diseñadores.
6. CLASIFICACIONES DE SITIO WEB
POR SU APERTURA:
Estructura abierta: todos los documentos disponen de su dirección los
usuarios pueden acceder a cualquier punto del web site.
Estructura cerrada: limita el acceso a unos pocos puntos de entrada
(incluso a uno solo).
Estructura semi-cerrada: es una combinación entre la estructura abierta y
cerrada, donde se obliga a los usuarios a acceder por unos puntos
específicos, como por ejemplo solo a la pagina principal y las paginas de
entrada a las secciones mas importantes.
7. CLASIFICACIONES DE SITIO WEB
POR SU PROFUNDIDAD:
Basada en el número de enlaces que hay que pulsar para llegar al
contenido. En general los usuarios prefieren sitios poco profundos. Una
buena regla a seguir es que el usuario no tenga que pulsar mas de tres
enlaces para encontrar lo que busca.
13. ANALISIS ANATOMÍA PÁGINA
MERCEDES BENZ
Logo: como es de esperarse el logo esta ubicado en la parte superior izquierda de la
página, debido a la forma de lectura occidental. Es de tamaño estándar y esta
acompañado del nombre y del slogan de esta compañía alemana.
Menú: esta compuesto por 7 categorías, donde se evidencia el gran esfuerzo por
resumir y presentar de forma ordenada la información hacia el visitante del sitio web.
Slider: sin lugar a duda, el slider toma relevancia en el sitio web, por su gran tamaño y
por las fotos que se presentan, donde muestran los puntos fuertes y las novedades de
esta empresa fabricante de vehículos.
Contenido: la estrategia de contenido de Mercedes Benz, es emplear la imagen como
elemento esencial, dejando a un lado el contenido en letras.
Footer: como es de esperase es la parte mas oculta de la pagina, donde se encuentran
opciones como el idioma, redes sociales, contacto, entre otros.
20. ANALISIS ANATOMÍA PÁGINA COCA
COLA
Logo: como siempre Coca Cola no deja de sorprender con su creatividad y su forma
diferente de hacer las cosas. En este caso especifico su logo se presenta en la parte
superior central, lo cual no es común. Por otro lado, el tamaño del logo es bastante
grande, lo que busca generar un alto impacto visual de la marca en el sitio web.
Menu: es bastante pequeño y/o resumido, ya que busca alejarse de la saturación y hacer
de esta visita al web site un momento agradable para el consumidor; esta compuesto
por tan solo dos categorías.
Slider: cuenta con tre sliders, que no van enfocados a dar información de sus productos,
sino del valor que le entregan al consumidor reflejado en experiencia.
Contenido: se divide en tres categorías con sus repectivos ítems, que se presentan en
forma de imagen con una pequeña descripción, lo cual los aleja de la saturación de un
web site y permite una navegación amigable.
Footer: a diferencia de la mayoría de sitios web, Coca Cola tiene un footer bastante
grande, ya que intenta realzar sus redes sociales y las marcas que tiene como compañía.