1
República Bolivariana de Venezuela
Ministerio del Poder Popular para la Educación Universitaria
Universidad Politécnica Territorial del Estado Aragua
“Federico Brito Figueroa”
Programa Nacional de Formación en Informática
U.C.: Programación II
2013
Ing.Esp. Wendy Rivero
2
La Programación Web es la que se realiza sobre la plataforma de
Internet, ya sea para construir páginas web dinámicas,
aplicaciones para diversos tipos de transacciones de negocios
para cierta empresa o portales para ofrecer varios servicios como
foros, correo electrónico, noticias, entre otros.
Para llevarla a cabo se necesitará varias herramientas que,
conjuntamente, conseguirán nuestro objetivo que es:
“programar en Internet”.
Se requieren conocimientos básicos acerca de HTML, JavaScript,
diseño de páginas web y de las herramientas con la cual
programaremos nuestras páginas dinámicas.
Introducción a la Programación Web
3
Es un software que se instala sobre una máquina que va a funcionar
como servidor en la red de Internet y en ésta se van a almacenar
páginas web (páginas HTML o páginas PHP).
El servidor es una computadora (hardware) y el servidor web es un
programa (software).
El servidor web está siempre esperando peticiones de algún usuario
que desde algún lugar en el Internet, le hace solicitudes de alguna
página y éste le responde con la información deseada.
El usuario hace la petición a través de la URL-Uniform Resource
Location (referencia a un recurso en Internet) por medio de un
navegador, la cual indica la dirección donde se aloja la página exacta
que se desea. Ej:
Servidores Web
http://www.php.net/descargas.php
| ___ dirección _ | página solicitada |
4
Esta petición lo hace desde un navegador para Internet (browser) el
cual es un programa instalado en la máquina del cliente y esta
petición viaja a través de Internet
Servidores Web
Cliente
Navegador
(ID, Netscape)
Servidor
Servidor Web
(Apache)
Internet
5
6
Arquitectura 3 Capas
Es un estilo de programación, y su objetivo primordial es la
separación de la capa de presentación, capa de negocio y la
capa de datos.
CAPA DE PRESENTACIÓN CAPA DE NEGOCIO CAPA DE DATOS
7
Arquitectura 3 Capas
Esta capa es la que ve el usuario , presenta el sistema al
usuario, le comunica la información y captura la información
del usuario en un mínimo de proceso. Esta capa se
comunica únicamente con la capa de negocio. También es
conocida como interfaz gráfica y debe tener la característica
de ser usable; y generalmente se presentan como
formularios.
CAPA DE PRESENTACIÓN
8
Arquitectura 3 Capas
CAPA DE PRESENTACIÓN
9
Arquitectura 3 Capas
Aquí es donde, se reciben las peticiones del usuario y se
envían las respuestas tras el proceso. Se denomina capa de
negocio (e incluso de lógica del negocio) porque es aquí
donde se establecen todas las reglas que deben cumplirse.
Esta capa se comunica con la capa de presentación, para
recibir las solicitudes y presentar los resultados, y con la
capa de datos, para solicitar al gestor de base de datos para
almacenar o recuperar datos de él.
CAPA DE NEGOCIO
10
Arquitectura 3 Capas
CAPA DE NEGOCIO
11
Arquitectura 3 Capas
Es donde residen los datos y es la encargada de acceder a
los mismos. Está formada por uno o más gestores de bases
de datos que realizan todo el almacenamiento de datos,
reciben solicitudes de almacenamiento o recuperación de
información desde la capa de negocio.
CAPA DE DATOS
12
Arquitectura 3 Capas
CAPA DE DATOS
13
Arquitectura 3 Capas
14
15
Introducción al HTML
El HTML es el lenguaje con el que se definen las páginas web.
Básicamente se trata de un conjunto de etiquetas que sirven para
definir la forma en la que presentar el texto y otros elementos de una
página.
El principio esencial del lenguaje HTML es el uso de las etiquetas
(tags). Funcionan de la siguiente manera:
<XXX> Inicio de una etiqueta.
</XXX> Cierre de una etiqueta.
Las letras de la etiqueta pueden estar en mayúsculas o minúsculas,
indiferentemente. Lo que haya entre ambas etiquetas estará
influenciada por ellas.
16
Introducción al HTML (estructura)
Todo el documento HTML debe estar entre las etiquetas
<HTML>
[Todo el documento]
</HTML>
Un documento HTML en sí está dividido en dos zonas principales:
El encabezamiento, comprendido entre las etiquetas
<HEAD> y </HEAD>
El cuerpo, comprendido entre las etiquetas
<BODY> y </BODY>
17
Introducción al HTML (estructura)
<HTML>
<HEAD>
<TITLE> Título de la página </TITLE>
</HEAD>
<BODY>
[Aquí van las etiquetas que visualizan la página]
</BODY>
</HTML>
Etiquetas
<nombre de la etiqueta atributo="valor"> Apertura (siempre entre “< >”)
texto/gráfico/etiquetas A la cual se aplica la etiqueta
</nombre de la etiqueta> Cierra (siempre entre “</ >”)
Los atributos se incluyen en la etiqueta de apertura, separados por un
espacio.
18
Introducción al HTML
Etiqueta <body> </body>
Esta etiqueta cuenta con los siguientes atributos:
Bgcolor define el color de fondo de la página
Text define el color del texto de la página
Link define el color de los vínculos en la página
Alink define el color del vínculo actual o activado en la página
Vlink define el color del vínculo ya visitado
Background define el archivo gráfico que será desplegado como fondo
Bgsound define el archivo de audio que se tocará en la página.IE
Bgproperties define el movimiento vertical del fondo.IE
19
Introducción al HTML
Para discutir en clase, Investigar sobre :
1. Tipos/clasificación de páginas web
2. Página web vs Sitio Web vs Portal Web
3. Arquitectura Web multicapas
4. Web 1.0, Web 2.0 y Web 3.0
5. La W3C
Top Related