recursos web 2.0 - 1005 jm

23
Recursos web 2.0 Diana Carolina Loaiza Gutiérrez Sergio Nicolay Prieto Prieto 1005 - 2014

Upload: nicolay-prieo

Post on 20-Jun-2015

90 views

Category:

Technology


0 download

DESCRIPTION

Presentación Power Point Recursos Web 2.0. Profesora Sandra Alvarez. Curso 1005

TRANSCRIPT

Page 1: Recursos web 2.0 - 1005 Jm

Recursos web 2.0

Diana Carolina Loaiza Gutiérrez Sergio Nicolay Prieto Prieto

1005 - 2014

Page 2: Recursos web 2.0 - 1005 Jm

¿Qué es la web?

La World Wide Web (literalmente sería algo así como la Red de Alcance Mundial, en inglés) es una colección de documentos electrónicos que están vinculados entre sí, como una telaraña.

La Web ha evolucionado hasta ser un medio de publicación electrónica global, y ,de forma creciente, un medio que sirve de soporte al comercio electrónico.

La Web de hoy es un universo de aplicaciones y páginas web interconectadas lleno de vídeos, fotos y contenido interactivo. Lo que no ve el usuario es cómo interactúan los navegadores y las tecnologías web para hacer que esto sea posible.

Page 3: Recursos web 2.0 - 1005 Jm

En el siguiente link podrás ver la evolución de

la web a través de la historia; con todas sus respectivas características (Creación navegadores códigos html5 etc.)

http://www.evolutionoftheweb.com/?hl=es

Evolución de la web

Page 4: Recursos web 2.0 - 1005 Jm

A medida que ha ido avanzando la tecnología a través de los años, la web desde su invención también ha tenido cambios considerables:WEB 1.0 Se caracteriza por ser un nuevo medio para

informar. Los usuarios solo podían comunicarse con el webmaster mediante enlaces o formularios web de correo electrónico. Los foros constituyeron un nuevo sistema de comunicación bidireccional, entre el webmaster, la audiencia y sobre todo la audiencia entre sí, formando el germen de lo que sería la siguiente generación.

Evolución Web 1.0

Page 5: Recursos web 2.0 - 1005 Jm

WEB 2.0 Se caracteriza por la explosión de nuevas

herramientas para el web master, la información se cataloga, se etiqueta y se transforma en comunicación, gracias a la incorporación de comentarios de texto, audio, vídeo, chats, video chats. La web incorpora lenguajes de programación dinámicos y acceso a bases de datos. Nacen los blogs, los wikis, el audio y el vídeo se integran sin ningún problema en la web. Empieza a ser un sistema para potenciar las redes sociales.

Evolución web 2.0

Page 6: Recursos web 2.0 - 1005 Jm

WEB 3.0 Nuevas fórmulas fomentan la participación y la

información relevante se comparte, se promociona, se filtra, con el fin de socializarla. La comunicación se expande a través de nuevos dispositivos y plataformas, que además se interconexionan mediante plugins o widgets, la web se vuelve tridimensional, la semántica de la información y la inteligencia colectiva consiguen dar un nuevo acceso al conocimiento.

Evolución web 3.0

Page 7: Recursos web 2.0 - 1005 Jm

Se conoce como página web al documento

que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos.

Concepto Pagina web

Page 8: Recursos web 2.0 - 1005 Jm

CARACTERÍSTICAS:

1.-Utilidad.El contenido debe de ser útil para el usuario y relacionado con su búsqueda y temáticas del sitio. De lo contrario abandonará la página a los pocos segundos para no volver en un tiempo.

2.-Facilidad de navegación.No saber donde está el usuario en cada momento y no encontrar la información rápidamente es otro aspecto que hará al navegante cansarse y abandonar el sitio.

3.- Apariencia.La apariencia de un sitio es fundamental. Ten en cuenta tus colores corporativos, pero no uses colores fuertes ya que causan fatiga y rechazo. Recuerda que un buen contenido puede parecer malo si la apariencia no es la adecuada.

4.- Estructura clara.La información mostrada debe de estar bien estructurada, haciendo que esta se presente de manera clara. Un aspecto a tener en cuenta es la posición de la información y la longitud de esta, ya que el usuario tiende a cansarse.

Página Web

Page 9: Recursos web 2.0 - 1005 Jm

5.- Información actualizada, sencilla, creíble y concisa.

La información deberá ser lo más sencilla y concisa posible, pero suficiente. También deberá ser creíble, de lo contrario no será si quiera tenida en cuenta por la mayoría de visitantes. Obviamente deberá estar lo más actualizada posible dado que de lo contrario el usuario concibe la información como poco útil, antigua y se le causará una mala impresión de la empresa.

6.- Rapidez de descarga.Páginas que tardan demasiado en cargar están abocadas al fracaso. Así que hazlas lo más ligeras posible y elige un buen hosting.

7.- Pocos clicks.Fundamental. Cuanto más rápido, mejor.

8.- Evita malos hábitos.Registros innecesarios, ventanas emergentes, obligarietoridad de instalar software, enlaces que no funcionan, contenido que no existe, etc. Son elementos que mayor rechazo provocan entre los internautas.

Pagina Web Características

Page 10: Recursos web 2.0 - 1005 Jm

9.- Interactividad.

En la era social, la web también ha de serlo. El usuario ya no solo demanda información sino, además, la posibilidad de interactuar en la misma página.

10.- Información de contacto.Su sitio ganará en credibilidad y confianza al ofrecer información de contacto de su empresa

La rentabilidad de los aspectos anteriores redundan en la utilidad, amabilidad y eficacia de una página web.

Pagina Web Características

Page 11: Recursos web 2.0 - 1005 Jm

Sitio es un lugar que sirve para algo o un

espacio ocupado (o que puede llegar a serlo). La noción de Web, por su parte, hace referencia a Internet, una red de redes que permite la interconexión de computadoras mediante un conjunto de protocolos denominado TCP/IP.

Concepto Sitio Web

Page 12: Recursos web 2.0 - 1005 Jm

Páginas ligeras que descarguen rápidamente. El formato y estilo de los diferentes elementos están centralizados en un

solo archivo, de tal forma que el navegador solamente lo tiene que leer una vez.

Elementos técnicos que facilitan la indexación en buscadores de Internet: Inclusión de Metatags “Description” y “Keywords”. Información bien redactada sin intentos de engañar a los buscadores de

Internet. Uso de etiquetas H1 a H6 para títulos.

Imágenes optimizadas para que pesen menos. No utilizar marcos (frames). Esto evita algunos posibles errores de

visualización en el navegador y facilita la impresión. No utilizar Flash cuando no agregue valor. Los buscadores de Internet y

algunos smartphones y tabletas no pueden leer el texto en Flash. En la mayoría de los casos es recomendable utilizar un ancho fijo (no

expandible a todo lo ancho de la pantalla) porque facilita la lectura.

Características sitio web

Page 13: Recursos web 2.0 - 1005 Jm

Utilización de tipos de letra fácilmente legibles y una herramienta para

permitir crecer el texto. Existe una estimación de que el 75% de los adultos utiliza algún tipo de anteojos para corregir la visión.

Todas las páginas contarán con un URL absoluto. Esto es, cada página tendrá una dirección distinta y única en la barra de direcciones de tu navegador (puede parecer obvio, pero hay sitios web que no funcionan así). Haciéndolo correctamente, es posible para el visitante añadir tu página a favoritos o enviar una liga a un producto determinado por e-mail.

De manera opcional se puede utilizar la migaja (breadcrumb) en todas las páginas. Ejemplo: “Usted está en: Inicio –> Servicios –> Consultoría”.

Apegarse a estándares de desarrollo para garantizar que el sitio web pueda ser visualizado en todos los navegadores, como Internet Explorer, Firefox, Safari, Chrome y Opera tanto en computadoras Windows como Mac.

Características sitio web

Page 14: Recursos web 2.0 - 1005 Jm

Establecer contacto con el visitante mediante formularios y una herramienta de chat en línea. Para romper la monotonía de grandes cantidades de texto, utilizar fotografías propias o de

stock. Utilización de Google Analytics o alguna otra herramienta para medir los ingresos al sitio web. El copy del sitio web, es decir, la información que contiene, debe tener estas características:

Textos bien redactados, que contengan información relevante a lo que queremos destacar.

No tratar de engañar a los buscadores de Internet mediante repeticiones exageradas de palabras, utilización del mismo color de texto y fondo, o alguna otra táctica indeseable.

No utilizar un lenguaje muy técnico ya que nuestros posibles clientes no son necesariamente expertos en el tema.

Mantener los textos breves y concisos. Incluir alguna sección (o blog) en la que se publiquen artículos generados por tu empresa

sobre el tema que domina. Esto ayuda a que tu página sea más relevante para los buscadores, además de que te conviertes en una fuente de información confiable para tus clientes y posibles clientes.

Características sitio web

Page 15: Recursos web 2.0 - 1005 Jm

El término portal tiene como

significado puerta grande, y precisamente su nombre hace referencia a su función u objetivo ya que podemos definir el Portal como un Sitio Web a través del cual podemos acceder a multitud de recursos y de servicios, entre los que suelen encontrarse buscadores, foros, documentos, aplicaciones, compra electrónica, etc.

Concepto Portal Web

Page 16: Recursos web 2.0 - 1005 Jm

4.2. TIPOS DE PORTALES: Existen tres modalidades de portales: 1. Portales horizontales: También llamados portales masivos,

se dirigen a una audiencia amplia, tratando de llegar a toda la gente con muchas cosas. Dentro de esta categoría están los mencionados en el punto anterior, y además podemos destacar estos otros: Terra, AOL, AltaVista,  Lycos.

2.  Portales verticales: Ofrecen contenido dentro de un tema específico como puede ser un portal de música (portalmusica.com), empleo (infoempleo, trabajar.com), de instituciones (Ayto. Rioseco, Diputación de Valladolid,  Junta Castilla y León, Portal del menor,..), un portal de finanzas personales, arte o de deportes.

3. Portales diagonales: Son portales que utilizan como eje central contenidos propios dedes sociales como Flickr o YouTube, las cuales se pueden personalizar con contenidos y/o utilidades dirigidas a un público muy concreto.

Características Portales Web

Page 17: Recursos web 2.0 - 1005 Jm

- Un solo punto de acceso a todos los contenidos que

pertenecen al dominio del portal, siendo la administración de contenidos una parte muy importante dentro del portal.

- Interacción personalizada con los servicios que ofrece el portal

- Acceso a información de fuentes diversas, agregada y categorizada

-Integración de herramientas de colaboración como grupos de trabajo, comunidades, foros o grupos de discusión y chat’s.

- Integración con Aplicaciones y Sistemas de workflow.

Caracteristicas Portales Web

Page 18: Recursos web 2.0 - 1005 Jm

Al igual que una casa u oficina posee un

domicilio (dirección) con el cual podemos saber su ubicación, también una página web necesita una manera de ser localizada en internet. Esa es la finalidad de los dominios: encontrar una página web.

Dominio Web

Page 19: Recursos web 2.0 - 1005 Jm

ELEMENTOS DE UN

DOMINIO WEB

Page 20: Recursos web 2.0 - 1005 Jm

Nombre:  Es el elemento principal del dominio;

en esta parte puede figurar el nombre de la empresa u organización propietaria del sitio; también es muy común encontrar aquí palabras o frases relacionadas con el contenido del sitio (por ejemplo: autos.com.mx).

Nombre – Dominio Web

Page 21: Recursos web 2.0 - 1005 Jm

Tipo:Esto nos dice la finalidad que tiene la página.

.com: Significa que es una página comercial. .org: indica que es de una página de

organización. .gob: página del gobierno. .edu: Es una página educativa. Vamos a

tomar agua

Tipo – Dominio Web

Page 22: Recursos web 2.0 - 1005 Jm

País: Esta parte es opcional e indica de donde es originaria la página; por ejemplo: .co para servicios de Colombia.  .ar para servicios de Argentina. .bo para servicios de Bolivia. .ec para servicios de Ecuador. .py para servicios de Paraguay.  .pe para páginas de Perú. .uy para servicios de Uruguay.  .ve para servicios de Venezuela. 

País – Dominio Web

Page 23: Recursos web 2.0 - 1005 Jm

DOMINIO WEB RECURSO WEB

http://www.eltiempo.com/ Portal

http://www.facebook.com/ Página

http://bogota.oxigeno.fm/ Portal

http://unal.edu.co/ Portal

http://www.pequelandia.org/ Portal

http://instagram.com/ Página

http://es.wikipedia.org Sitio

http://www.hotmail.es/

www.icfesinteractivo.gov.co Portal

https://www.youtube.com/ Sitio