INTRODUCCION A LA WEB NOVENO SEMESTRE UNIDEC

AGENDA INTRODUCCIÓN A LA PROGRAMACIÓN WEB PROGRAMACIÓN EN INTERNET ACTUAL CREACIÓN DE APLICACIONES DISTRIBUIDAS HTML

Un poco de Historia En un principio era sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusión de imágenes fue la más significativa, pero también debemos mencionar el video y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes. El diseño de páginas Web se ha desarrollado a medida que ha evolucionado Internet. En 1992 sólo había alrededor de 50 sitios web. Las últimas estadísticas nos confirmaban que actualmente (2005) rondan los millones de sitios Web, a los que diariamente se les suma a raíz de 4400 por día.

Rápidamente, su importancia alcanzará las mismas cotas que la televisión o el teléfono. Datos recientes estiman que hay alrededor de 2 mil millones de páginas colgadas y se espera que en los próximos años llegue a los 8 mil millones, excediendo el número de habitantes del planeta. Sin embargo, sólo una fracción de este número es visitado habitualmente por la mayoría de los usuarios. A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificado, formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes.

Al mismo tiempo que la evolución de los aparatos y de su introducción en los hogares, también ha aumentado la calidad de las transmisiones a través Internet y ha bajado su precio. A medida que la tecnología ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.

Introducción a la Web La web se encuadra dentro de Internet, no es más que un servicio de los muchos que presta la Red, entre los que podemos encontrar: Correo electrónico Chat FTP El propio Web (Sitios Web, educativos, comerciales, empresariales, organizaciones -.com,.edu,.gov, etc.)

Web es un sistema Hipertexto/Hipermedia El sistema con el que está construido el web se llama hipertexto y es un entramado de páginas conectadas con enlaces. Los sistemas de hipertexto se utilizan en otros contextos aparte del web, como la ayuda del Windows. Son muy fáciles de utilizar y también es muy fácil encontrar lo que buscamos rápidamente, gracias a que pulsando enlaces vamos accediendo a la información que más nos interesa.

Web es un sistema Hipertexto/Hipermedia La web no solo se limita a presentar textos y enlaces, sino que también puede ofrecernos imágenes, videos, sonido y todo tipo de presentaciones, llegando a ser el servicio más rico en medios que tiene Internet. Por esta razón, para referirnos al sistema que implementa el web (hipertexto), se ha acuñado un nuevo término que es hipermedia, haciendo referencia a que el web permite contenidos multimedia.

Modelo Cliente – Servidor La tecnología denominada Cliente -Servidor es utilizada por todas las aplicaciones de Internet/Intranet: Un cliente funciona en su ordenador local, se comunica con el servidor remoto, y pide a éste información. El servidor envía la información solicitada. Un único servidor típicamente sirve a una multitud de clientes, ahorrando a cada uno de ellos el problema de tener la información instalada y almacenada localmente.

Modelo Cliente – Servidor Los sistemas Cliente-Servidor pueden ser de muchos tipos, dependiendo de las aplicaciones que el servidor pone a disposición de los clientes. Entre otros, existen: Servidores de Impresión, mediante el cual los usuarios comparten impresoras. Servidores de Archivos, con el cual los clientes comparten discos duros. Servidores de Bases de Datos, donde existe una única base de datos.

Peticiones del Cliente al Servidor Un servidor es una aplicación que ofrece un servicio a usuarios de Internet; un cliente es el que pide ese servicio. Una aplicación consta de una parte de servidor y una de cliente, que se pueden ejecutar en el mismo o en diferentes sistemas. TCP: PROTOCOLO DE CONTROL DE TRANSFERENCIA- CAPA DE TRANSPORTE IP: PROTOCOLO DE INTERNET- CAPA DE RED HTTP: PROTOCOLO DE TRANSEFERNCIA DE HIPERTEXTO- CAPA DE APLICACION

Diseño Web El diseño de páginas Web trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de ordenador, en papel, en un teléfono móvil, etc). Estos documentos o páginas Web pueden ser creadas: Creando ficheros de texto en HTML- Conocer la importancia de comandos. Utilizando herramientas de diseño Web. Utilizando lenguajes de programación del lado del servidor para generar la página web en nuestro caso Visual.Net.

World Wide Web, WWW WWW es un sistema hipermedia interactivo desarrollado sobre Internet. La idea de hipermedia es la de juntar texto, imágenes, audio y vídeo dentro de un mismo envoltorio llamado documento. WWW se asienta sobre el protocolo HTTP (Hyper Text Transfer Protocol) y sobre el lenguaje de definición de documentos hipermedia HTML (HyperText Markup Language).

LENGUAJE HTML Una página Web la vemos en nuestro navegador, o cliente Web, y parece una sola entidad, pero no es así, está compuesta por multitud de diferentes ficheros, como son las imágenes, los posibles vídeos y lo más importante: el código fuente.

El código de las páginas está escrito en un lenguaje llamado HTML, que indica básicamente donde colocar cada texto, cada imagen o cada video y la forma que tendrán estos al ser colocados en la página. Este lenguaje esta conformado por etiquetas, cada una con su instrucción especifica, algunas de ellas: significa un párrafo es un enlace

Partes de un Documento HTML Un documento HTML ha de estar delimitado por la etiqueta: y. El encabezado, delimitado por y donde colocaremos etiquetas de índole informativo como por ejemplo el titulo de nuestra página. El cuerpo, con las etiquetas y, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.

Etiquetas y contenidos del encabezado Datos que no aparecen en nuestra página pero que son importantes para catalogarla: Titulo, palabras clave,... Etiquetas y contenidos del cuerpo Parte del documento que será mostrada por el navegador: Texto e imágenes

PRIMERA PRACTICA: Nuestro primer documento HTML: Crearemos un documento HTML, con nuestros Datos Personales: Cocina Para Todos Bienvenido, Estás en la página Comida para Todos. Aquí aprenderás recetas fáciles y deliciosas.

TALLER: Enlazar dos documentos HTML, aplicando las etiquetas mas comunes de este lenguaje, utilizando el Bloque de Notas. Nombre del Documento: Index.html APLICACIONES WEB BIENVENIDOS AL CURSO DE APLICACIONES WEB UNIDEC NOVENO References PULSA AQUI para ver mis datos Macas-Ecuador Documento HTML

Nombre del Documento: diego_palacios.html Cocina Para Todos MIS DATOS PERSONALES Nombre: Diego Palacios Cedula: Lugar de Nacimiento: Riobamba Lugar de Trabajo: Espoch Aspiraciones del Curso: Brindar el conocimiento aquirido, para una adecuada culminacion del curso

TAREA : Consultar las etiquetas del lenguaje HTML mas utilizadas, y elaborar dos documentos HTML que contenga texto con formato, imágenes, vínculos entre si, tablas, viñetas y numeración. Se evaluará la estructura del código fuente.

Que es un Sitio Web? Una Página de Internet o Página Web es un documento que contiene información específica de un tema en particular y que es almacenado en algún sistema de cómputo que se encuentre conectado a la red mundial de información denominada Internet, de tal forma que este documento pueda ser consultado por cualesquier persona que se conecte a esta red mundial de comunicaciones. Un Sitio Web es un conjunto de páginas Web relacionadas entre sí.

Taller Grupal: Una vez que hemos estudiado algunos de los principales fundamentos de lo referente a la Web, discutir los siguientes puntos: 1. ¿Cuáles cree usted que son los principales beneficios de tener un Sitio Web? 2. Tengo una excelente comunicación con clientes y proveedores, ¿Para qué requiero un Sitio Web?

3. Ya decidí instalar un Sitio Web para mi empresa, ¿Qué es lo primero que debo hacer? 4. ¿Cuánto tiempo toma crear un Sitio Web? 5. ¿Qué tan costoso es un Sitio Web? 6. Tengo algunas ideas para el diseño, ¿Qué debo hacer al respecto? 7. ¿Dónde debe residir el Sitio Web de mi empresa? 8. ¿Requiero un equipo de cómputo especial para operar mi Sitio Web?