SlideShare una empresa de Scribd logo
TIPOS DE SITIOS
WEB
MARCELA VILLA TORRENTE
JUAN ESTEBAN VALENCIA TAMAYO
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.
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.
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.
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.
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.
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.
ANALISIS ANATOMÍA PÁGINA
MERCEDES BENZ
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.
ANALISIS ANATOMÍA PÁGINA COCA
COLA
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.

Más contenido relacionado

La actualidad más candente

Qué es y qué hace un community manager
Qué es y qué hace un community managerQué es y qué hace un community manager
Qué es y qué hace un community manager
Manuel Martin
 
Sitios web
Sitios webSitios web
Sitios web
Camilo Dorado
 
Qué es y cómo configurar un embudo de conversion
Qué es y cómo configurar un embudo de conversionQué es y cómo configurar un embudo de conversion
Qué es y cómo configurar un embudo de conversion
Manuel Martin
 
Buenas Practicas - Web
Buenas Practicas - WebBuenas Practicas - Web
Buenas Practicas - Web
George Navarro Gomez
 
Principios básicos1
Principios básicos1Principios básicos1
Principios básicos1ariaalvarado
 
T07 dawebtask
T07 dawebtaskT07 dawebtask
T07 dawebtask
Ramón Patiño Trejo
 
Documento PIATIC: Recomendaciones para crear un blog en el sector turístico
Documento PIATIC: Recomendaciones para crear un blog en el sector turísticoDocumento PIATIC: Recomendaciones para crear un blog en el sector turístico
Documento PIATIC: Recomendaciones para crear un blog en el sector turístico
Plan PIATIC
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
Angelito Maik
 
T05 dawebweb
T05 dawebwebT05 dawebweb
T05 dawebweb
Ramón Patiño Trejo
 
Actividad Yola
Actividad YolaActividad Yola
Actividad Yola
paulamiranda1522
 
Diseo web
Diseo webDiseo web
Diseo web
Yancy Cruz
 
Pagina web para las empresas
Pagina web para las empresasPagina web para las empresas
Pagina web para las empresasjlduranro
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Webcolquis
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Webmarissa
 
Plantillas web
Plantillas webPlantillas web
Plantillas web
Ernesto Silva
 
Sobre Disenno De Sitios Web
Sobre Disenno De Sitios WebSobre Disenno De Sitios Web
Sobre Disenno De Sitios WebLety Quiñones
 
Publicidad en Internet
Publicidad en InternetPublicidad en Internet
Publicidad en Internet
Brox Technology
 
Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)alexpulupa
 

La actualidad más candente (20)

Qué es y qué hace un community manager
Qué es y qué hace un community managerQué es y qué hace un community manager
Qué es y qué hace un community manager
 
Sitios web
Sitios webSitios web
Sitios web
 
Qué es y cómo configurar un embudo de conversion
Qué es y cómo configurar un embudo de conversionQué es y cómo configurar un embudo de conversion
Qué es y cómo configurar un embudo de conversion
 
Clase publisher 2007
Clase publisher 2007Clase publisher 2007
Clase publisher 2007
 
Buenas Practicas - Web
Buenas Practicas - WebBuenas Practicas - Web
Buenas Practicas - Web
 
Principios básicos1
Principios básicos1Principios básicos1
Principios básicos1
 
T07 dawebtask
T07 dawebtaskT07 dawebtask
T07 dawebtask
 
Documento PIATIC: Recomendaciones para crear un blog en el sector turístico
Documento PIATIC: Recomendaciones para crear un blog en el sector turísticoDocumento PIATIC: Recomendaciones para crear un blog en el sector turístico
Documento PIATIC: Recomendaciones para crear un blog en el sector turístico
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
T05 dawebweb
T05 dawebwebT05 dawebweb
T05 dawebweb
 
Actividad Yola
Actividad YolaActividad Yola
Actividad Yola
 
Diseo web
Diseo webDiseo web
Diseo web
 
Pagina web para las empresas
Pagina web para las empresasPagina web para las empresas
Pagina web para las empresas
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Web
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web
 
Redes Sociales 2013 día 2013
Redes Sociales 2013 día 2013Redes Sociales 2013 día 2013
Redes Sociales 2013 día 2013
 
Plantillas web
Plantillas webPlantillas web
Plantillas web
 
Sobre Disenno De Sitios Web
Sobre Disenno De Sitios WebSobre Disenno De Sitios Web
Sobre Disenno De Sitios Web
 
Publicidad en Internet
Publicidad en InternetPublicidad en Internet
Publicidad en Internet
 
Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)
 

Destacado

Páginas web
Páginas webPáginas web
Páginas web
secundaria ibague
 
Estructura de un documento html
Estructura de un documento htmlEstructura de un documento html
Estructura de un documento html
iConstruye
 
Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!
Leonel Canton
 
Servicios de internet
Servicios de internetServicios de internet
Servicios de internet
Walter Zea
 
estructura basica de html
estructura basica de htmlestructura basica de html
estructura basica de htmlMiry Catota
 
Servicios de internet
Servicios de internetServicios de internet
Servicios de internetlgmtzreyes
 
Sitio web (introduccion) 01
Sitio web (introduccion) 01Sitio web (introduccion) 01
Sitio web (introduccion) 01
Emerson Garay
 
Sitios web
Sitios webSitios web
Sitios web
Lïïz Ingä
 
Html 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la WebHtml 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la Web
jcremiro
 
Taller XHTML y CSS3 - XHTML
Taller XHTML y CSS3 - XHTMLTaller XHTML y CSS3 - XHTML
Taller XHTML y CSS3 - XHTML
Rubén Martín Moreno (鲁本)
 
Planificacion sitio Web educativo
Planificacion sitio Web educativoPlanificacion sitio Web educativo
Planificacion sitio Web educativo
Aldo Velásquez Huerta
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
Universidad Mesoamericana de San Agustín
 
SEO ONSITE - OPTIMIZACIÓN WEB
SEO ONSITE -  OPTIMIZACIÓN WEBSEO ONSITE -  OPTIMIZACIÓN WEB
SEO ONSITE - OPTIMIZACIÓN WEB
Xavier Castellnou del Arco
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página webadri9610
 

Destacado (15)

Páginas web
Páginas webPáginas web
Páginas web
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Estructura de un documento html
Estructura de un documento htmlEstructura de un documento html
Estructura de un documento html
 
Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!
 
Servicios de internet
Servicios de internetServicios de internet
Servicios de internet
 
estructura basica de html
estructura basica de htmlestructura basica de html
estructura basica de html
 
Servicios de internet
Servicios de internetServicios de internet
Servicios de internet
 
Sitio web (introduccion) 01
Sitio web (introduccion) 01Sitio web (introduccion) 01
Sitio web (introduccion) 01
 
Sitios web
Sitios webSitios web
Sitios web
 
Html 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la WebHtml 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la Web
 
Taller XHTML y CSS3 - XHTML
Taller XHTML y CSS3 - XHTMLTaller XHTML y CSS3 - XHTML
Taller XHTML y CSS3 - XHTML
 
Planificacion sitio Web educativo
Planificacion sitio Web educativoPlanificacion sitio Web educativo
Planificacion sitio Web educativo
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
SEO ONSITE - OPTIMIZACIÓN WEB
SEO ONSITE -  OPTIMIZACIÓN WEBSEO ONSITE -  OPTIMIZACIÓN WEB
SEO ONSITE - OPTIMIZACIÓN WEB
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
 

Similar a Tipos de sitios web

DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
JossetyFloresMuoz
 
ACTIVIDAD UNO
ACTIVIDAD UNO ACTIVIDAD UNO
ACTIVIDAD UNO
camilarepizo18
 
Ejercicio Sitios Web
Ejercicio Sitios WebEjercicio Sitios Web
Ejercicio Sitios Web
Carlos Caicedo
 
Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcas
Jomicast
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
Raymond Marquina
 
Diseño de páginas web (web design)
Diseño de páginas web (web design)Diseño de páginas web (web design)
Diseño de páginas web (web design)
Enrico García Martínez
 
Diseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdfDiseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdf
Enrico García Martínez
 
Diseño y Negocios Web
Diseño y Negocios WebDiseño y Negocios Web
Diseño y Negocios Web
DePeru.com Portal de Internet
 
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantesPresentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
Enrique Rodriguez
 
Tipos de sitios Web
Tipos de sitios WebTipos de sitios Web
Tipos de sitios Web
David Crespo
 
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 0910 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09Domestika
 
Sitios web exposición
Sitios web exposiciónSitios web exposición
Sitios web exposición
Silvis Barcenes
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
AlejandraMendieta123
 
Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010
Pedro Jesús González
 
Puerta bonita
Puerta bonitaPuerta bonita
Puerta bonita
Domestika
 

Similar a Tipos de sitios web (20)

DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 
ACTIVIDAD UNO
ACTIVIDAD UNO ACTIVIDAD UNO
ACTIVIDAD UNO
 
Ejercicio Sitios Web
Ejercicio Sitios WebEjercicio Sitios Web
Ejercicio Sitios Web
 
Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcas
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Diseño de páginas web (web design)
Diseño de páginas web (web design)Diseño de páginas web (web design)
Diseño de páginas web (web design)
 
Diseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdfDiseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdf
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Proyecto web
Proyecto webProyecto web
Proyecto web
 
Diseño y Negocios Web
Diseño y Negocios WebDiseño y Negocios Web
Diseño y Negocios Web
 
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantesPresentacion crea una pagina de inicio que no deje escapar a tus visitantes
Presentacion crea una pagina de inicio que no deje escapar a tus visitantes
 
Tipos de sitios Web
Tipos de sitios WebTipos de sitios Web
Tipos de sitios Web
 
43212311
4321231143212311
43212311
 
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 0910 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
 
Sitios web exposición
Sitios web exposiciónSitios web exposición
Sitios web exposición
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
Wix
WixWix
Wix
 
Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010
 
Puerta bonita
Puerta bonitaPuerta bonita
Puerta bonita
 

Último

FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
DarwinNestorArapaQui
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
Elizabeth Mejia
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
QuerubinOlayamedina
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
CESAR MIJAEL ESPINOZA SALAZAR
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
LuisEnriqueCarboneDe
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
Javier Lasa
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
juanlemus11122
 

Último (9)

FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
 

Tipos de sitios web

  • 1. TIPOS DE SITIOS WEB MARCELA VILLA TORRENTE JUAN ESTEBAN VALENCIA TAMAYO
  • 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.
  • 9.
  • 10.
  • 11.
  • 12.
  • 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.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 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.