Presentación Evolución de la web

Sebastián Vargas Alvarado

10-05

2014

¿Que es la web?

• La Web 2.0 no es más que la evolución de la Web o Internet en el que los usuarios dejan de ser usuarios pasivos para convertirse en usuarios activos, que participan y contribuyen en el contenido de la red siendo capaces de dar soporte y formar parte de una sociedad que se informa, comunica y genera conocimiento.

Evolucion 1.0, 2.0 y 3.0

• WEB 1.0• La Web 1.0 empezó en los años 60’s, De la forma más básica que existe, con

navegadores de solo texto, como ELISA, bastante rápidos, después surgió el HTML (Hyper Text Markup Lenguaje) que hizo las páginas web más agradables a la vista y los primeros navegadores visuales como IE, Netscape, etc.

• WEB 2.0• El término Web 2.0 fue acuñado por Tim O’Reilly en 2004 para referirse a una segunda

generación en la historia del desarrollo de tecnología Web basada en comunidades de usuarios y una gama especial de servicios, como las redes sociales, losblogs, loswikis o lasfolcsonomías, que fomentan la colaboración y el intercambio ágil de información entre los usuarios de una comunidad o red social. La Web 2.0 es también llamada web social por el enfoque colaborativo y de construcción social de esta herramienta.

• WEB 3.0• Web 3.0 es un neologismo que se utiliza para describir la evolución del uso y la

interacción en la red a través de diferentes caminos. Ello incluye, la transformación de la red en una base de datos, un movimiento hacia hacer los contenidos accesibles por múltiples aplicaciones non-browser, el empuje de las tecnologías de inteligencia artificial, la web semántica, la Web Geoespacial, o la mWeb 3D. Frecuentemente es utilizado por el mercado para promocionar las mejoras respecto a la Web 2.0. El término Web 3.0 apareció por primera vez en 2006 en un artículo de Jeffrey Zeldman, crítico de la Web 2.0 y asociado a tecnologías comoAJAX. Actualmente existe un debate considerable en torno a lo que significa Web 3.0, y cual es la definición acertada.

Pagina Web

• Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.

• Características• Una página web está compuesta principalmente por información (sólo texto y/o módulos multimedia) así

como por hiperenlaces; además puede contener o asociar hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para así permitir interactividad.

• Las páginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML.

• El contenido de la página puede ser predeterminado (página web estática) o generado al momento de visualizarla o solicitarla a un servidor web (página web dinámica). Las páginas dinámicas que se generan al momento de la visualización, se especifican a través de algún lenguaje interpretado, generalmente JavaScript, y la aplicación encargada de visualizar el contenido es la que realmente debe generarlo. Las páginas dinámicas que se generan, al ser solicitadas, son creadas por una aplicación en el servidor web que alberga las mismas.

• Respecto a la estructura de las páginas web, algunos organismos, en especial el World Wide Web Consortium (W3C), suelen establecer directivas con la intención de normalizar el diseño, y para así facilitar y simplificar la visualización e interpretación del contenido.

• Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, o personas, así como una tarjeta de presentación de ideas y de informaciones y de teorías. Así mismo, la nueva tendencia orienta a que las páginas web no sean sólo atractivas para los internautas, sino también optimizadas (preparadas) para los buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido.

• Si hablamos de posicionamiento web, una página web es la base para optimizar todo un sitio web el cual es un conjunto de páginas web.

Sitio Web

• Un sitio web es una colección de páginas de internet relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.

• Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información (un gigantesco entramado de recursos de alcance mundial).

Características

• Encabezado • Logotipo (no borroso, no mal recortado, no pixeleado)• Bajo el logotipo, una frase corta que indique exactamente a qué se dedica tu empresa. Por ejemplo bajo

nuestro logotipo dice “Diseño y desarrollo de páginas y aplicaciones web”.• Barra de navegación.

Debe permanecer en el mismo lugar en todas las páginas interiores, aunque puede estar en otro lugar en la portada si hay una buena justificación. Al estar siempre en el mismo lugar el visitante sabe en todo momento donde buscar las demás opciones. Los diferentes niveles de opciones deben indicarse visualmente con tipos de letra, negritas, colores o menús desplegables. Los textos de cada opción deben ser claros y concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o tres niveles de menú, no dudes en hacerlo, siempre y cuando crees un camino fácil de intuir.

• Área de contenido principal.Es el área donde la vista del visitante va después de ojear rápidamente el encabezado. Aquí debes poner tu información.

• Barra lateral de contenido (opcional).En algunos casos es muy útil tener una barra lateral, en la cual se puede colocar información de fácil acceso, como números telefónicos o una liga a nuestro formulario de cotizaciones.

• Pie de página.Debe contener un menú alterno en puro texto, con las opciones de primer nivel. También úsalo para colocar información de contacto u otra información importante. El contenido del pie debe aparecer en todas las páginas.

• Características que hacen placentera y útil la visita a un sitio web• Deben utilizarse de forma correcta las diferentes herramientas (HTML, CSS, ASP.NET o algún otro lenguaje de

servidor, AJAX, etc.) para lograr una navegación que cuente con las siguientes características:• 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.

Portal web

• Es un sitio web que ofrece al usuario, de forma fácil e integrada, el acceso a una serie de recursos y de servicios relacionados a un mismo tema. Incluye: enlaces, buscadores, foros, documentos, aplicaciones, compra electrónica, etc. Principalmente un portal en Internet está dirigido a resolver necesidades de información específica de un tema en particular.

• Características• Servicios de búsqueda que incluye mecanismos de búsqueda, directorios

y páginas amarillas para localizar negocios o servicios. Contenidos. Es decir, información de varios temas como noticias, deportes, pronósticos de clima, listas de eventos locales, mapas, opciones de entretenimiento, juegos, ligas a estaciones de radio y a otros sitios con contenido especial en ciertas áreas de interés como coches, viajes y salud entre otros. Facilidades de comercialización: anuncios clasificados para trabajos, coches y casas; subastas, pequeños agregados de vendedores y ligas a otros sitios que también se dedican a la venta

Dominio Web

• 1. Buen diseño visual• Utiliza un diseño agradable, limpio y sencillo, actualmente se recomienda usar las plantillas prediseñadas

para WordPress, pues además muchas de ellas ya están cuentan con responsive design que hoy en día es un elemento clave, pues la tendencia es que los usuarios cada día se conectan más a través de sus móviles.

• 2. UX Experience• UX Experience (Interfaz de usuario) Esta es fundamental en cualquier sitio web. Al diseñar un sitio web,

deberás pensar en tu target y sus preferencias.• Asegúrate de que tu usuario podrá encontrar todo lo que necesita y resolver todas sus dudas sobre el

producto o servicio, con esto lograrás convertir fácilmente al usuario en un comprador o suscriptor.• 3. Contenido• Una página web debe ser atractiva no sólo visualmente, también en el contenido recuerda que este

deberá estar enfocado a atrapar a tu público objetivo.• Esto servirá para aumentar el número de nuevas visitas, pero también para que tus clientes más leales

consulten la página a menudo y la usen como referencia.• 4. Información de Contacto• Lo ideal para cualquier sitio web es contar por lo menos con una dirección de correo electrónico y un

formulario de contacto. Si el cliente está interesado en sus servicios y no puede encontrar una simple página de contacto donde contratarlo, terminará yéndose a la competencia.

• 5. Enlaces a redes sociales• La importancia que tienen las redes sociales hoy en día, no dan opción a dejarlas fuera de nuestra red es

por tal motivo es de gran ayuda para los usuarios colocar enlaces a redes sociales con las cuales interactúan con facilidad. Para la marca serán de gran relevancia pues ayudarán al crecimiento de tu comunidad.

Tabla

El tiempo Portal

Hotmail Sitio

Pequelandia Pagina

Unal Pagina

Bogotá oxigeno Pagina

Instagram Sitio

Wikipedia Portal

Facebook Sitio

Icfes Sitio

Youtube Sitio