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