clase web 2017 2 - creatis techtipos de páginas y sitios web 1. sitio web de presencia. 2. sitios...
TRANSCRIPT
![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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/13.jpg)
- 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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/21.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/22.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/23.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052518/5f09d4ce7e708231d428b2cc/html5/thumbnails/25.jpg)
10. Webby Awards
http://webbyawards.com/