25
El Hipertexto Pensamiento asociativo. Dispositivos para almacenar la información. Concepto Lectura no lineal. Lenguaje HTML. Arboles temáticos. Hiperenlaces. World Wide Web.

clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

  • Upload
    others

  • View
    7

  • Download
    0

Embed Size (px)

Citation preview

Page 1: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

El HipertextoPensamiento asociativo.

Dispositivos para almacenar la información.

Concepto Lectura no lineal.

Lenguaje HTML.

Arboles temáticos.

Hiperenlaces.

World Wide Web.

Page 2: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Tipos de páginas y sitios web

1. Sitio web de presencia. 2. Sitios web administrables.3. Los motores de búsqueda.4. Concepto de personalización My Site.5. Portales Horizontales.6. Portales Verticales.7. Página web de Medios informativos.8. Comunidades web 2.09. Nuevas tendencias10. Webby Awards

Profesor: Luis Fernando Muñoz Roldáne-mail: [email protected]: @Lfmroldan

Page 3: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Personas detrás de un sitio web

Page 4: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Personas detrás de un sitio web

- Propietarios- Inversionistas de capital de riesgo- Directores creativos- Gerentes de proyecto y de cuenta- Programadores- Diseñadores gráficos- Redactores- “Marketeros”

Page 5: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Arquitectura de la información

- Organización- Sistema de navegación- Distribución- Niveles de acceso- Presentación

Page 6: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Arbol del sitio web (sitemap)

Page 7: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Anatomía de la web

INFORMACION NO VISIBLE

Page 8: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Responsive web design

#Convergencia

Page 9: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Diseño web adaptativo / dispositivo

Page 10: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Contenido para cualquier medio

Presencia de los contenidos en diversos tipos de plataformas y soportes.Posibilidades altas de creación, interacción, almacenamiento, movilidad ydistribución de la información entre distintos tipos de usuarios (prosumidores).

Convergencia en medios

Page 11: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Tipos de páginas y sitios web

Page 12: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Sitios que presentan la información de manera estática.

Lenguaje de programación HTML

Sitios pequeños en contenido:

- Microsite (hasta 9 páginas)

1. Sitio web de presencia.Tipos de páginas y sitios web

http://www.avaaz.org/

Page 13: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

- Website (10 páginas en adelante).

Sitios web basados en la presentaciónbásica de la empresa.

Exploración parcial del web como herramienta comercial.

Fase 1 elementos para la culturaInformática empresarial.

Tipos de páginas y sitios web1. Sitio web de presencia.

www.extras.com.co

http://co.ingredion.com/

Page 14: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

www.artchive.comwww.express-soft.com/etc/samples/movies/

Tipos de páginas y sitios web1. Sitio web de presencia – Galerías de imágenes.

Secciones de websites compuestas por fotos o imágenes que narran o almacenan cualquier contenido gráfico.

Agrupadas en carpetas o divisiones.

Elaboración de memorias gráficas digitales. Pago por acceso a galerías.

Page 15: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

2. Sitios web administrables

Facilidad para presentar y manipular la Información en el sitio web.

Se basa en un administrador de contenidos.

Los administradores de contenido (CMS: Content Management System) más populares son: WordPress – Joomla –Drupal – Share point – Oracle Portal, etc.

Tipos de páginas y sitios web

Page 16: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Otras aplicaciones permiten crearTiendas virtuales para:

venta productos basada en catálogosvirtuales - E-commerce

Ventas basadas en comparaciónde precios de productos y costodel envío.

Tipos de páginas y sitios web2. Sitios web administrables

http://www.bizrate.com/http://shopper.cnet.com/http://www.brownies.com

Page 17: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Ejemplos plataforma basada en un Administrador de contenido CMS.

www.eficacia.com.cowww.breathelight.co

Sitios de subastas en línea. Intercambio comercial entre compradoresDetalle con un intermediario virtual.www.ebay.comwww.dereto.com

Tipos de páginas y sitios web2. Sitios web administrables

Page 18: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Herramienta que permite a los usuarioslocalizar información en el World Wide Web.

Los motores de búsqueda usan palabrasclave (keywords) escritas por los usuarios,para localizar los sitios web en la Red, relacionados con estas palabras.

3. Los motores de búsquedaTipos de páginas y sitios web

Page 19: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

La información que aparece en el sitio web es escogida por el usuario.

Usuario determina el contenido que desea ver en el website.

El usuario recorre la información a su gusto en el website.

Información que va desde lo noticioso hasta una tienda de compras.

4. Concepto de personalización My SiteTipos de páginas y sitios web

Page 20: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Ofrecen información de carácter generalubicada en la web.

Están dirigidos a cualquier persona.

No se especializan en un solo tema.

5. Portales HorizontalesTipos de páginas y sitios web

www.yahoo.comwww.terra.com.cowww.starmedia.com

Page 21: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Permiten encontrar información relacionada con tema específico.

Generan comunidades alrededor de un mismo tema o esferea del conocimiento en Internet.

Segmentados en grupos de interésespecífico.

Tipos de páginas y sitios web6. Portales Verticales

http://www.eduteka.orghttp://www.b2btoday.com/http://www.barparts.com

Page 22: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Representan prolongaciones en la red del medio impreso, televisivo, radial, etc.

Ofrecen información de última hora queNo alcanzó a salir publicada o emitida en el Medio informativo tradicional.

Tipos de páginas y sitios web7. Páginas web de Medios informativos.

www.cnn.comwww.foxsportsla.comwww.nytimes.comwww.eltiempo.comwww.dinero.comwww.elpais-cali.com

Page 23: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

Sitios web cuyo contenido einformación es publicada por losmiembros de la comunidad. Seconvierte en una especie deorganismo viviente que genera suspropias reglas de juego, patrones decomportamiento y valor hacia elcontenido y la información queofrecen a sus miembros.

Tipos de páginas y sitios web8. Comunidades web 2.0

www.wikipedia.orgwww.facebook.comwww.instagram.comwww.twitter.comwww.youtube.comwww.pinterest.com

Page 24: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

9. Nuevas tendencias | VR Sites http://www.activation-nodeplus.com/

Page 25: clase web 2017 2 - CREATIS TECHTipos de páginas y sitios web 1. Sitio web de presencia. 2. Sitios web administrables. 3. Los motores de búsqueda. 4. Concepto de personalización

10. Webby Awards

http://webbyawards.com/