1. Presentación
Evolución de la
web
Sebastián Vargas Alvarado
10-05
2014

2. • 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.
¿Que es la web?

3. • 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
(Hyper Text Markup Lenguaje) que hizo las páginas web más agradables a la
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
losblogs, loswikis o lasfolcsonomías, que fomentan la colaboración y el
ágil de información entre los usuarios de una comunidad o red social. La Web
también llamada web social por el enfoque colaborativo y de construcción
esta herramienta.
• WEB 3.0
• Web 3.0 es un neologismo que se utiliza para describir la evolución del uso y
interacción en la red a través de diferentes caminos. Ello incluye, la
de la red en una base de datos, un movimiento hacia hacer los contenidos
por múltiples aplicaciones non-browser, el empuje de las tecnologías de
artificial, la web semántica, la Web Geoespacial, o la mWeb 3D.
utilizado por el mercado para promocionar las mejoras respecto a la Web
término Web 3.0 apareció por primera vez en 2006 en un artículo de Jeffrey
crítico de la Web 2.0 y asociado a tecnologías comoAJAX. Actualmente existe
debate considerable en torno a lo que significa Web 3.0, y cual es la
acertada.
Evolucion 1.0, 2.0 y 3.0

4. • 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.
Pagina Web

5. • 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 WorldWide Web de
información (un gigantesco entramado de recursos de
alcance mundial).
Sitio Web

6. • 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
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
justificación. Al estar siempre en el mismo lugar el visitante sabe en todo momento donde buscar las demás opciones. Los
de opciones deben indicarse visualmente con tipos de letra, negritas, colores o menús desplegables. Los textos de cada opción
claros y concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o tres niveles de menú, no dudes en hacerlo,
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
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
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.)
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
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.
Características

7. • 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
Portal web

8. • 1. Buen diseño visual
• Utiliza un diseño agradable, limpio y sencillo, actualmente se recomienda usar las plantillas prediseñadas
WordPress, pues además muchas de ellas ya están cuentan con responsive design que hoy en día es un
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,
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
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á
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
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
contacto. Si el cliente está interesado en sus servicios y no puede encontrar una simple página de contacto
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
es de gran ayuda para los usuarios colocar enlaces a redes sociales con las cuales interactúan con facilidad.
marca serán de gran relevancia pues ayudarán al crecimiento de tu comunidad.
Dominio Web

9. El tiempo Portal
Hotmail Sitio
Pequelandia Pagina
Unal Pagina
Bogotá oxigeno Pagina
Instagram Sitio
Wikipedia Portal
Facebook Sitio
Icfes Sitio
Youtube Sitio
Tabla