SlideShare una empresa de Scribd logo
1 de 14
TIPOS DE SITIOS
WEB
Joemi Cheng
Marisol Jiménez
Alejandro Miranda
¿Cuáles roles son los más importantes
en la creación de un sitio web?
 Dueños: Son los que tienen la idea inicial, organizan el equipo de personas para que
el sitio web sea real.
 Directores Creativos: Son los que desarrollan la idea, crean conceptos, mensajes,
cómo se va ver la página, el estado de ánimo del sitio, etc.
 Programadores: Son los que hacen que las cosas en la página web funcionen, ya
que, son ellos quienes saben los códigos para la ejecución de los programas.
 Diseñadores Gráficos: Son los que toman la idea de los creativos y la interpretan de
manera artística usando programas como Photoshop e Illustrator.
Clasificaciones de Sitios Web
Por Audiencia.
Este tipo de clasificación cuenta con tres subcategorías.
Publica: En este caso hace referencia a un sitio web común y corriente,
dirigido a todo tipo de publico en general y sin restricciones de acceso.
Extranet: Sitios con cierta limitación, solo determinado perfil de usuarios
puede acceder a este portal web y a su información.
Intranet: Son sitios donde el acceso es restringido a agentes externos a la
misma compañía, casi siempre este tipo de sitios son usados en las
compañías como redes privadas donde se maneja información “confidencial”
concerniente a la compañía:
Clasificaciones de Sitios Web
 Por su dinamismo: Sitios estáticos y Sitios
interactivos
 Sitios estáticos: los contenidos de este sitio son
manejados exclusivamente por sus diseñadores, los
usuarios no pueden interferir.
 Sitios interactivos: en este sitios el usuario ya
puede interferir e influir en el contenido de estos
según los objetivos y función de cada usuario.
 Por su apertura: Estructura abierta, cerrada y
semicerrada
 Estructura abierta: El usuario puede acceder a
cualquier punto del sitio web
 Estructura cerrada: Limita al usuario en el
acceso de algunos puntos del sitio.
 Estructura semicerrada: El usuario debe
acceder por unos puntos específicos
ANALISIS ANATOMIA PAGINA
LEGO
ANALISIS ANATOMIA PAGINA
LEGO
ANALISIS ANATOMIA PAGINA
LEGO
ANALISIS ANATOMIA PAGINA
LEGO
ANALISIS ANATOMIA PAGINA
LEGO
 LOGO: Este esta ubicado en la parte superior izquierda en todas y cada
una de las paginas, de esta manera y con esta ubicación el logo es
visible siempre, además de esto el logo es de tamaño pequeño para no
restarle importancia a el contenido de la pagina.
 MENU: el menú esta ubicado en la parte superior izquierda contiguo a l
logo, tiene 4 opciones (inicio, productos, juegos, noticias)
 SLIDER: Este slider muestra algunos de los productos mas nuevos de la
compañía, pero es visible solo en 2 de las 4 paginas alternativas (Inicio y
Juegos)
ANALISIS ANATOMIA PAGINA
LEGO
 CONTENIDO: La pagina “inicio” divide el contenido, en la parte superior
se encuentran las novedades y lanzamientos recientes, mientras que en
la parte inferior se ven los recomendados. En la pagina de juegos, los
mismos están organizados por categoría(Acción, estrategia, aventura,
creatividad, preescolar), y en la pagina de noticias, estas están
organizadas por tiempo las mas actuales en la parte superior y abajo las
noticias pasadas.
 FOOTER: Esta en la parte inferior de la pagina web y presenta opciones
como: Atención al cliente, quienes somos y por ultimo LEGOLAND.
Análisis Anatomía de Página
COCA-COLA
 LOGO: Se encuentra en la parte
superior de la página, llamando la
atención del usuario al ingresar,
haciendo énfasis y causando cierta
recordación de la marca.
 MENÚ: En su menú principal se
encuentran dos opciones: Videos y
Coca-Cola fm. En la opción de videos se
encuentra una galería de videos
publicitarios, mientras que en la otra
opción le brindan al usuario escuchar la
emisora de la marca con una variedad
de canciones.
 Slider: Debajo del logo se puede observar un slider donde
aparecen diferentes promociones.
 Contenido: Después de encontrarnos con el logo y el slider
los cuales ocupan gran parte de la pagina. Nos encontramos
con diferentes divisiones, una donde brindan experiencias
de sabor y sonidos relacionados con la marca, después
aparece la opción de ver mas promociones vigentes, y por
ultimo encontramos las aplicaciones para dispositivos
móviles y compañías asociadas a la marca.
 Footer: En la parte inferior de la página se observan
diferentes opciones como: contacto, idioma y oportunidades
laborales con Coca-cola

Más contenido relacionado

Destacado

Tipos de sitios web
Tipos de sitios    webTipos de sitios    web
Tipos de sitios webAngie Baron
 
Manual de serviço xlx350 r 00x6b-kv2-603 embreage
Manual de serviço xlx350 r   00x6b-kv2-603 embreageManual de serviço xlx350 r   00x6b-kv2-603 embreage
Manual de serviço xlx350 r 00x6b-kv2-603 embreageThiago Huari
 
Eder y maynor
Eder y maynorEder y maynor
Eder y maynorcarlos gc
 
Who Did Negan Kill on the Walking Dead?
Who Did Negan Kill on the Walking Dead?Who Did Negan Kill on the Walking Dead?
Who Did Negan Kill on the Walking Dead?Elesh D Modi
 
Confesiones de un_publicitario
Confesiones de un_publicitarioConfesiones de un_publicitario
Confesiones de un_publicitarioAlejandra Flores
 
Georgia evaluation powerpoint(1)
Georgia evaluation powerpoint(1)Georgia evaluation powerpoint(1)
Georgia evaluation powerpoint(1)Georgia34
 
48716462 laporan-pbl-sistem-kardiovaskular-modul-sesak-napas
48716462 laporan-pbl-sistem-kardiovaskular-modul-sesak-napas48716462 laporan-pbl-sistem-kardiovaskular-modul-sesak-napas
48716462 laporan-pbl-sistem-kardiovaskular-modul-sesak-napasAhmad Abqari
 
Manual de serviço xlx350 r 00x6b-kv2-603 freio
Manual de serviço xlx350 r   00x6b-kv2-603 freioManual de serviço xlx350 r   00x6b-kv2-603 freio
Manual de serviço xlx350 r 00x6b-kv2-603 freioThiago Huari
 
E Learning In India
E Learning In IndiaE Learning In India
E Learning In Indiaguestf421ad
 
Portafolio - Administración de Talento Humano
Portafolio - Administración de Talento HumanoPortafolio - Administración de Talento Humano
Portafolio - Administración de Talento HumanoReyesTE
 
Manual de serviço xlx350 r cilindro
Manual de serviço xlx350 r cilindroManual de serviço xlx350 r cilindro
Manual de serviço xlx350 r cilindroThiago Huari
 
AN OPPORTUNITY FOR HPV VACCINATION , Dr. Sharda Jain Lifecare Centre
AN OPPORTUNITY  FOR HPV VACCINATION , Dr. Sharda Jain Lifecare Centre AN OPPORTUNITY  FOR HPV VACCINATION , Dr. Sharda Jain Lifecare Centre
AN OPPORTUNITY FOR HPV VACCINATION , Dr. Sharda Jain Lifecare Centre Lifecare Centre
 
Manual de serviço xlx350 r motor
Manual de serviço xlx350 r motorManual de serviço xlx350 r motor
Manual de serviço xlx350 r motorThiago Huari
 
MillennialPowerPoint.ppt_1
MillennialPowerPoint.ppt_1MillennialPowerPoint.ppt_1
MillennialPowerPoint.ppt_1Jim Gatens
 

Destacado (17)

Tipos de sitios web
Tipos de sitios    webTipos de sitios    web
Tipos de sitios web
 
Manual de serviço xlx350 r 00x6b-kv2-603 embreage
Manual de serviço xlx350 r   00x6b-kv2-603 embreageManual de serviço xlx350 r   00x6b-kv2-603 embreage
Manual de serviço xlx350 r 00x6b-kv2-603 embreage
 
Eder y maynor
Eder y maynorEder y maynor
Eder y maynor
 
Task 6
Task 6Task 6
Task 6
 
Who Did Negan Kill on the Walking Dead?
Who Did Negan Kill on the Walking Dead?Who Did Negan Kill on the Walking Dead?
Who Did Negan Kill on the Walking Dead?
 
Confesiones de un_publicitario
Confesiones de un_publicitarioConfesiones de un_publicitario
Confesiones de un_publicitario
 
Georgia evaluation powerpoint(1)
Georgia evaluation powerpoint(1)Georgia evaluation powerpoint(1)
Georgia evaluation powerpoint(1)
 
48716462 laporan-pbl-sistem-kardiovaskular-modul-sesak-napas
48716462 laporan-pbl-sistem-kardiovaskular-modul-sesak-napas48716462 laporan-pbl-sistem-kardiovaskular-modul-sesak-napas
48716462 laporan-pbl-sistem-kardiovaskular-modul-sesak-napas
 
datalogger
dataloggerdatalogger
datalogger
 
Manual de serviço xlx350 r 00x6b-kv2-603 freio
Manual de serviço xlx350 r   00x6b-kv2-603 freioManual de serviço xlx350 r   00x6b-kv2-603 freio
Manual de serviço xlx350 r 00x6b-kv2-603 freio
 
E Learning In India
E Learning In IndiaE Learning In India
E Learning In India
 
Powerpoint game
Powerpoint gamePowerpoint game
Powerpoint game
 
Portafolio - Administración de Talento Humano
Portafolio - Administración de Talento HumanoPortafolio - Administración de Talento Humano
Portafolio - Administración de Talento Humano
 
Manual de serviço xlx350 r cilindro
Manual de serviço xlx350 r cilindroManual de serviço xlx350 r cilindro
Manual de serviço xlx350 r cilindro
 
AN OPPORTUNITY FOR HPV VACCINATION , Dr. Sharda Jain Lifecare Centre
AN OPPORTUNITY  FOR HPV VACCINATION , Dr. Sharda Jain Lifecare Centre AN OPPORTUNITY  FOR HPV VACCINATION , Dr. Sharda Jain Lifecare Centre
AN OPPORTUNITY FOR HPV VACCINATION , Dr. Sharda Jain Lifecare Centre
 
Manual de serviço xlx350 r motor
Manual de serviço xlx350 r motorManual de serviço xlx350 r motor
Manual de serviço xlx350 r motor
 
MillennialPowerPoint.ppt_1
MillennialPowerPoint.ppt_1MillennialPowerPoint.ppt_1
MillennialPowerPoint.ppt_1
 

Similar a Tipos de sitios web (20)

Tipos de Sitios Web
Tipos de Sitios WebTipos de Sitios Web
Tipos de Sitios Web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Sitios web
Sitios webSitios web
Sitios web
 
Tipos de sitios web
Tipos de sitios webTipos de sitios web
Tipos de sitios web
 
Trabajo práctico nº7
Trabajo práctico nº7Trabajo práctico nº7
Trabajo práctico nº7
 
Ejercicio Sitios Web
Ejercicio Sitios WebEjercicio Sitios Web
Ejercicio Sitios Web
 
Vazquez
VazquezVazquez
Vazquez
 
Usabiidad & Joomla!
Usabiidad & Joomla!Usabiidad & Joomla!
Usabiidad & Joomla!
 
Cms joobla
Cms jooblaCms joobla
Cms joobla
 
Informatica- yola
Informatica- yolaInformatica- yola
Informatica- yola
 
Trabajo practico 10
Trabajo practico 10Trabajo practico 10
Trabajo practico 10
 
ACTIVIDAD UNO
ACTIVIDAD UNO ACTIVIDAD UNO
ACTIVIDAD UNO
 
Tipos de sitios web
Tipos de sitios webTipos de sitios web
Tipos de sitios web
 
Tipos de sitios web
Tipos de sitios webTipos de sitios web
Tipos de sitios web
 
Ensayo(buscadores y navegadores)
Ensayo(buscadores y navegadores)Ensayo(buscadores y navegadores)
Ensayo(buscadores y navegadores)
 
CMS JOOMLA 2012, "Diseño web en Pocos Pasos"
CMS JOOMLA 2012, "Diseño web en Pocos Pasos"CMS JOOMLA 2012, "Diseño web en Pocos Pasos"
CMS JOOMLA 2012, "Diseño web en Pocos Pasos"
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
Yola
YolaYola
Yola
 
Manual facebook
Manual facebookManual facebook
Manual facebook
 
Actividad 3 user experience precios webby awards
Actividad 3 user experience precios webby awardsActividad 3 user experience precios webby awards
Actividad 3 user experience precios webby awards
 

Último

Retiro de los fondo AFP en el Perú Año 2024
Retiro de los fondo AFP en el Perú Año 2024Retiro de los fondo AFP en el Perú Año 2024
Retiro de los fondo AFP en el Perú Año 2024MANUELFRITZLOPEZPUMA
 
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdfDIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdfhugorebaza00
 
PPT UNSA - Talento Humano y Habilidades Blandas - Sesión 3.pdf
PPT UNSA - Talento Humano y Habilidades Blandas - Sesión 3.pdfPPT UNSA - Talento Humano y Habilidades Blandas - Sesión 3.pdf
PPT UNSA - Talento Humano y Habilidades Blandas - Sesión 3.pdfELIAMARYTOVARFLOREZD
 
DECRETO 356 vigilancia y seguridad privada
DECRETO 356 vigilancia  y seguridad privadaDECRETO 356 vigilancia  y seguridad privada
DECRETO 356 vigilancia y seguridad privadagordonruizsteffy
 
Manual Corporativo Cafe Daelicia en pdf.
Manual Corporativo Cafe Daelicia en pdf.Manual Corporativo Cafe Daelicia en pdf.
Manual Corporativo Cafe Daelicia en pdf.FernandoAlvaroSorian
 
UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfppt
UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfpptUNIDAD 2 DX DE NECESIDADES (1).fggfgfgfppt
UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfpptEduardoAntonio92
 
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICOMODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICOIreneGonzalez603427
 
Mercado de trabajo y discapacidad. Inclusión laboral.
Mercado de trabajo y discapacidad.  Inclusión laboral.Mercado de trabajo y discapacidad.  Inclusión laboral.
Mercado de trabajo y discapacidad. Inclusión laboral.José María
 
2 CONCEPTOS BASICOS EN FARMACOLOGIA.pptx
2 CONCEPTOS BASICOS EN FARMACOLOGIA.pptx2 CONCEPTOS BASICOS EN FARMACOLOGIA.pptx
2 CONCEPTOS BASICOS EN FARMACOLOGIA.pptxnaomivillacres0
 
Patologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdfPatologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdfNATHALIENATIUSHKAESP
 
Explora el boletín del 3 de mayo de 2024
Explora el boletín del 3 de mayo de 2024Explora el boletín del 3 de mayo de 2024
Explora el boletín del 3 de mayo de 2024Yes Europa
 

Último (11)

Retiro de los fondo AFP en el Perú Año 2024
Retiro de los fondo AFP en el Perú Año 2024Retiro de los fondo AFP en el Perú Año 2024
Retiro de los fondo AFP en el Perú Año 2024
 
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdfDIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
DIARIO EL PERUANO 19-06-202hhhhhhhh3.pdf
 
PPT UNSA - Talento Humano y Habilidades Blandas - Sesión 3.pdf
PPT UNSA - Talento Humano y Habilidades Blandas - Sesión 3.pdfPPT UNSA - Talento Humano y Habilidades Blandas - Sesión 3.pdf
PPT UNSA - Talento Humano y Habilidades Blandas - Sesión 3.pdf
 
DECRETO 356 vigilancia y seguridad privada
DECRETO 356 vigilancia  y seguridad privadaDECRETO 356 vigilancia  y seguridad privada
DECRETO 356 vigilancia y seguridad privada
 
Manual Corporativo Cafe Daelicia en pdf.
Manual Corporativo Cafe Daelicia en pdf.Manual Corporativo Cafe Daelicia en pdf.
Manual Corporativo Cafe Daelicia en pdf.
 
UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfppt
UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfpptUNIDAD 2 DX DE NECESIDADES (1).fggfgfgfppt
UNIDAD 2 DX DE NECESIDADES (1).fggfgfgfppt
 
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICOMODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
MODERNISMO VS POSMODERNISMO CUADRO SINOPTICO
 
Mercado de trabajo y discapacidad. Inclusión laboral.
Mercado de trabajo y discapacidad.  Inclusión laboral.Mercado de trabajo y discapacidad.  Inclusión laboral.
Mercado de trabajo y discapacidad. Inclusión laboral.
 
2 CONCEPTOS BASICOS EN FARMACOLOGIA.pptx
2 CONCEPTOS BASICOS EN FARMACOLOGIA.pptx2 CONCEPTOS BASICOS EN FARMACOLOGIA.pptx
2 CONCEPTOS BASICOS EN FARMACOLOGIA.pptx
 
Patologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdfPatologia General DRA Tiñini Banknco.pdf
Patologia General DRA Tiñini Banknco.pdf
 
Explora el boletín del 3 de mayo de 2024
Explora el boletín del 3 de mayo de 2024Explora el boletín del 3 de mayo de 2024
Explora el boletín del 3 de mayo de 2024
 

Tipos de sitios web

  • 1. TIPOS DE SITIOS WEB Joemi Cheng Marisol Jiménez Alejandro Miranda
  • 2. ¿Cuáles roles son los más importantes en la creación de un sitio web?  Dueños: Son los que tienen la idea inicial, organizan el equipo de personas para que el sitio web sea real.  Directores Creativos: Son los que desarrollan la idea, crean conceptos, mensajes, cómo se va ver la página, el estado de ánimo del sitio, etc.  Programadores: Son los que hacen que las cosas en la página web funcionen, ya que, son ellos quienes saben los códigos para la ejecución de los programas.  Diseñadores Gráficos: Son los que toman la idea de los creativos y la interpretan de manera artística usando programas como Photoshop e Illustrator.
  • 3. Clasificaciones de Sitios Web Por Audiencia. Este tipo de clasificación cuenta con tres subcategorías. Publica: En este caso hace referencia a un sitio web común y corriente, dirigido a todo tipo de publico en general y sin restricciones de acceso. Extranet: Sitios con cierta limitación, solo determinado perfil de usuarios puede acceder a este portal web y a su información. Intranet: Son sitios donde el acceso es restringido a agentes externos a la misma compañía, casi siempre este tipo de sitios son usados en las compañías como redes privadas donde se maneja información “confidencial” concerniente a la compañía:
  • 4. Clasificaciones de Sitios Web  Por su dinamismo: Sitios estáticos y Sitios interactivos  Sitios estáticos: los contenidos de este sitio son manejados exclusivamente por sus diseñadores, los usuarios no pueden interferir.  Sitios interactivos: en este sitios el usuario ya puede interferir e influir en el contenido de estos según los objetivos y función de cada usuario.
  • 5.  Por su apertura: Estructura abierta, cerrada y semicerrada  Estructura abierta: El usuario puede acceder a cualquier punto del sitio web  Estructura cerrada: Limita al usuario en el acceso de algunos puntos del sitio.  Estructura semicerrada: El usuario debe acceder por unos puntos específicos
  • 10. ANALISIS ANATOMIA PAGINA LEGO  LOGO: Este esta ubicado en la parte superior izquierda en todas y cada una de las paginas, de esta manera y con esta ubicación el logo es visible siempre, además de esto el logo es de tamaño pequeño para no restarle importancia a el contenido de la pagina.  MENU: el menú esta ubicado en la parte superior izquierda contiguo a l logo, tiene 4 opciones (inicio, productos, juegos, noticias)  SLIDER: Este slider muestra algunos de los productos mas nuevos de la compañía, pero es visible solo en 2 de las 4 paginas alternativas (Inicio y Juegos)
  • 11. ANALISIS ANATOMIA PAGINA LEGO  CONTENIDO: La pagina “inicio” divide el contenido, en la parte superior se encuentran las novedades y lanzamientos recientes, mientras que en la parte inferior se ven los recomendados. En la pagina de juegos, los mismos están organizados por categoría(Acción, estrategia, aventura, creatividad, preescolar), y en la pagina de noticias, estas están organizadas por tiempo las mas actuales en la parte superior y abajo las noticias pasadas.  FOOTER: Esta en la parte inferior de la pagina web y presenta opciones como: Atención al cliente, quienes somos y por ultimo LEGOLAND.
  • 12. Análisis Anatomía de Página COCA-COLA  LOGO: Se encuentra en la parte superior de la página, llamando la atención del usuario al ingresar, haciendo énfasis y causando cierta recordación de la marca.  MENÚ: En su menú principal se encuentran dos opciones: Videos y Coca-Cola fm. En la opción de videos se encuentra una galería de videos publicitarios, mientras que en la otra opción le brindan al usuario escuchar la emisora de la marca con una variedad de canciones.
  • 13.
  • 14.  Slider: Debajo del logo se puede observar un slider donde aparecen diferentes promociones.  Contenido: Después de encontrarnos con el logo y el slider los cuales ocupan gran parte de la pagina. Nos encontramos con diferentes divisiones, una donde brindan experiencias de sabor y sonidos relacionados con la marca, después aparece la opción de ver mas promociones vigentes, y por ultimo encontramos las aplicaciones para dispositivos móviles y compañías asociadas a la marca.  Footer: En la parte inferior de la página se observan diferentes opciones como: contacto, idioma y oportunidades laborales con Coca-cola