Transcript APLICAIONES WEB

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 8.000 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:
<P> significa un párrafo</P>
<A> es un enlace </A>
Partes de un Documento HTML
Un documento HTML ha de estar delimitado por la etiqueta:
<html> y </html>.
El encabezado, delimitado por <head> y </head> donde colocaremos
etiquetas de índole informativo como por ejemplo el titulo de nuestra
página.
El cuerpo, con las etiquetas <body> y </body>, que será donde colocaremos
nuestro texto e imágenes delimitados a su vez por otras etiquetas como las
que hemos visto.
<html>
<head>
Etiquetas y contenidos del encabezado
Datos que no aparecen en nuestra página pero que son importantes para
catalogarla: Titulo, palabras clave,...
</head>
<body>
Etiquetas y contenidos del cuerpo
Parte del documento que será mostrada por el navegador: Texto e imágenes
</body>
</html>
PRIMERA PRACTICA: Nuestro primer documento HTML:
Crearemos un documento HTML, con nuestros Datos Personales:
<html>
<head>
<title>Cocina Para Todos</title>
</head>
<body>
<p><b>Bienvenido,</b></p>
<p>Estás en la página <b>Comida para Todos</b>.</p>
<p>Aquí aprenderás recetas fáciles y deliciosas.</p>
</body>
</html>
TALLER:
Enlazar dos documentos HTML, aplicando las etiquetas mas comunes de
este lenguaje, utilizando el Bloque de Notas.
Nombre del Documento: Index.html













<html>
<head>
<title>APLICACIONES WEB</title>
</head>
<body text="yellow" bgcolor="darkblue" link="white" vlink="#551A8B" alink="#FF0000">
<h2>BIENVENIDOS AL CURSO DE APLICACIONES WEB</h2>
<p>UNIDEC
<p> NOVENO<h3>References</h3>
<p>PULSA <a href="C:\Documents and
Settings\aplicaciones\Escritorio\aplicaciones_web\diego_palacios.html">AQUI</a> para ver mis
datos
<hr><font size="-2">Macas-Ecuador
<BR>Documento HTML</font>
</body>
</html>
Nombre del Documento: diego_palacios.html

<html>

<head>

<title>Cocina Para Todos</title>

</head>

<body bgcolor="darkgreen">

<h1>MIS DATOS PERSONALES</h1>

<p><b>Nombre:</b> Diego Palacios</p>

<p><b>Cedula:</b> 060304451-8</p>

<p><b>Lugar de Nacimiento:</b> Riobamba</p>

<p><b>Lugar de Trabajo:</b> Espoch</p>

<p><b>Aspiraciones del Curso:</b> Brindar el conocimiento aquirido, para una
adecuada culminacion del curso</p>
 </body>

</html>
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.
2.
¿Cuáles cree usted que son los
principales beneficios de tener un
Sitio Web?
Tengo una excelente comunicación
con clientes y proveedores, ¿Para qué
requiero un Sitio Web?
3.
4.
5.
6.
7.
8.
Ya decidí instalar un Sitio Web para mi empresa,
¿Qué es lo primero que debo hacer?
¿Cuánto tiempo toma crear un Sitio Web?
¿Qué tan costoso es un Sitio Web?
Tengo algunas ideas para el diseño, ¿Qué debo
hacer al respecto?
¿Dónde debe residir el Sitio Web de mi empresa?
¿Requiero un equipo de cómputo especial para
operar mi Sitio Web?