1. Presentación Evolución de
la web
Santiago Vargas
Brayan Triviño
10-05
2014

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

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

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

5. 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).


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

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

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

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