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

1. Diana Carolina Loaiza Gutiérrez
Sergio Nicolay Prieto Prieto
1005 - 2014

2. 
¿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.

3. 
 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

4. 
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

5. 
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

6. 
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

7. 
 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

8. 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

9. 
 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

10. 
 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

11. 
 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

12. 
 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

13. 
 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

14.  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

15. 
 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

16.  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

17. 
 - 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

18. 
 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

19. 
ELEMENTOS DE UN
DOMINIO WEB

20. 
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

21. 
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

22. 
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

23. 
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