INSTITUTO TECNOLGICO SUPERIOR DEL SUR DE

GUANAJUATO


Nombre del trabajo:
Investigacin U1 Arquitectura



Elaborado por:
Daniel Vital Gabriel


Materia:
Programacin Web



Asesor:
Efrn Vega Chavez




Uriangato, Gto. 15/08/2014


1.1 Evolucin de las aplicaciones web
La programacin web es un trmino adecuado para describir el proceso general
que engloba el diseo y la creacin de un sitio web. Hace algunos aos, los sitios
web no eran mucho ms que folletos digitales. Actualmente los sitios son ms
grandes y complejos. Con la introduccin de comercio electrnico y las pginas
dinmicas, los sitios ya han dejado atrs los folletos y han pasado a ser autnticas
aplicaciones de software.

La web 1.0
La Web 1.0 (1991-2003) es la forma ms bsica que existe, con navegadores de
slo texto bastante rpidos ya que es de slo lectura. El usuario no puede
interactuar con el contenido de la pgina (nada de comentarios, respuestas, citas,
etc), estando totalmente limitado a lo que el Webmaster sube a sta.
Algunos elementos de diseo tpicos de un sitio Web 1.0 incluyen:
Pginas estticas en vez de dinmicas por el usuario que la visita.
El uso de framesets o Marcos.
Extensiones propias del HTML como <bilnk> y <marquee>, etiquetas
introducidas durante la guerra de navegadores web.
Libros de visitas online o guestbooks-
Botones GIF, casi siempre a una resolucin tpica de 88x31 pixels en
tamao promocionando navegadores web u otros productos.
Formularios HTML enviados va email. Un usuario llenaba un formulario y
despus de hacer clic se enviaba a travs de un cliente de correo
electrnico, con el problema que en el cdigo se poda observar los detalles
del envo del correo electrnico.
No se podian adherir comentarios ni nada parecido.
Todas sus pginas se creaban de forma fija y muy pocas veces se
actualizaban.
No se trata de una nueva versin, sino de una nueva forma de ver las
cosas.


La web 2.0
El trmino Web 2.0 comprende aquellos sitios web que facilitan el compartir
informacin, la interoperabilidad, el diseo centrado en el usuario y lacolaboracin
en la World Wide Web. Un sitio Web 2.0 permite a los usuarios interactuar y
colaborar entre s como creadores de contenido generado por usuarios en una
comunidad virtual, a diferencia de sitios web estticos donde los usuarios se
limitan a la observacin pasiva de los contenidos que se han creado para ellos.
Ejemplos de la Web 2.0 son las comunidades web, los servicios web, las
aplicaciones Web, los servicios de red social, losservicios de alojamiento de
videos, las wikis, blogs, mashups y folcsonomas.
Servicios asociados:
Blogs: Un blog es un espacio web personal en el que su autor puede
escribir cronolgicamente artculos, noticias...(con imgenes y enlaces).
Wikis: Una wiki es un espacio web corporativo, organizado mediante una
estructura hipertextual de pginas donde varias personas elaboran
contenidos de manera asncrona.
Redes sociales: Sitios web donde cada usuario tiene una pgina donde
publica contenidos y se comunica con otros usuarios. Ejemplos: Facebook,
Twitter, Tuenti, Hi5, Myspace, etc.
Entornos para compartir recursos: Entornos que nos permiten almacenar
recursos o contenidos en Internet, compartirlos y visualizarlos cuando nos
convenga. Existen de diversos tipos, segn el contenido que albergan o el
uso que se les da:
o Documentos: Google Drive y Office Web Apps (SkyDrive), en los
cuales podemos subir nuestros documentos, compartirlos y
modificarlos.
o Videos: Youtube, Vimeo, Dailymotion, Dalealplay... Contienen miles
de vdeos subidos y compartidos por los usuarios.
o Fotos: Picassa, Flickr... Permiten disfrutar y compartir las fotos
tambin tenemos la oportunidad de organizar las fotos con etiquetas,

separndolas por grupos como si fueran lbumes, podemos
seleccionar y guardar aparte las fotos que no queremos publicar.
o Agregadores de noticias: Digg, Meneame... Noticias de cualquier
medio son agregadas y votadas por los usuarios.
o Almacenamiento online: Dropbox, Google Drive, SkyDrive
o Presentaciones: Prezzi, Slideshare.
o Plataformas educativas
o Aulas virtuales (sncronas)
o Encuestas en lnea

La web 3.0
Web 3.0 es una expresin que se utiliza para describir la evolucin del uso y la
interaccin de las personas en internet a travs de diferentes formas entre los que
se incluyen la transformacin de la red en una base de datos, un movimiento
social hacia crear contenidos accesibles por mltiples aplicaciones non-browser, el
empuje de las tecnologas de inteligencia artificial, la web semntica, la Web
Geoespacial o la Web 3D.
Se basa en la idea de aadir metadatos semnticos y ontolgicos a la World Wide
Web. Esas informaciones adicionales que describen el contenido, el significado y
la relacin de los datos se deben proporcionar de manera formal, para que as sea
posible evaluarlas automticamente por mquinas de procesamiento. El objetivo
es mejorar Internet ampliando la interoperabilidad entre los sistemas informticos
usando "agentes inteligentes". Agentes inteligentes son programas en las
computadoras que buscan informacin sin operadores humanos. Con la web 3.0
se busca que los usuarios puedan conectarse desde cualquier lugar, cualquier
dispositivo y a cualquier momento.
Entre sus innovaciones destacan:
Bases de datos
Inteligencia artificial
Web semntica y SOA
Evolucin al 3D


La web 4.0
las aplicaciones ya no estarn en nuestras PCs, estarn en la internet y por ende
en todos lados. Pasaremos de una red tonta a una red inteligente donde el
objetivo primordial ser el de unir las inteligencias donde tanto las personas como
las cosas se comuniquen entre s para generar la toma de decisiones. Para el
2020 o quizs antes se espera que haya agentes en la Web que conozcan,
aprendan y razonen como lo hacemos las personas.
La Web Ubicua es un concepto que est an en desarrollo, pero me llama
curiosamente la atencin como se van complementando algunas tecnologas que
nos permiten imaginar o soar lo que podemos esperar en un futuro no muy
lejano. Imagnese recibir informacin en su celular en la calle por la que camina y
que su propio equipo le haga una reservacin en el restaurant de la esquina con
solo saber sus gustos.
1.2 Arquitectura de las aplicaciones web
1 La web
WWW: World Wide Web (Universo de informacin interconectada,
accesible atravs de internet.
Componentes semnticos:
URI (Uniform Resource Identifer) - Identifica los recursos de la web
HTML - Lenguaje de marcas, provee estandares para los doctos de
hipertexto en formato ASCII, permite formatear texto, integra imgenes.
HTTP - Permite la comunicacin cliente-servidor, define formato y
significado de los mensajes.
Codificacin URI :
URN - Identifica de forma nica el recurso independiente donde resida.
URL - Forma ms comn de idenftificar recurso, seala exactamente
dnde esta el recurso.
Partes principales: esquema + servidor + nombre del recurso.
Ver 1.1
1.1 Sintaxis: esquema://[usuario];[pass]@<maquina>

[puerto]/<camino>;<par+ametros>?
[consulta]#[seccin]
Ejemplo:
http://ww.hardware.com:2000/pc/check.cgi:?item=1273&model=B
Ejemplo: ftp://jose:suclave@www.hardware.com/informacion.txt
2 Componentes sw de la web
Arquitectura cliente-servidor
o Arquitectura tradicional: solicitud htmlrespuesta html.
Arquitecura interna para web: solicita servicios proporciona
resultados con html; flujo de entradaflujo de salida (proceso interno
servelet).
Clientes
o Originan el trfico WEB.
o Dos clases:
Navegadores (NetScape, IE, etc).
Peticiones por el usuario.
Repiten petisiones al mismo objeto.
Utiliza caches de memoria y discos.
Robots (piders y agentes inteligentes).
Peticiones son automatizadas.
Servidores
o Contesta y genera respuestas HTTP para el cliente.
o Trabajo bsico.
Se conecta al cliente.
Recibe mensaje HTTP.
Procesa.
Localiza y enva.
o Tratan multiples peticiones.
o Ejemplos.
Apache.
IIS.

o Manejo de peticiones.
Provee acceso a recursos.
Estticos.
Dinmicos.
Lee e interactua.
Localiza ficamente el recurso.
Determina autorizacin.
Genera mensaje de respuesta.
Registra la operacin.
Controla el acceso a recursos restringidos.
Autenticacin (Login y pass).
Autorizacin (Lista de accesos).
o Recurssos dinmicos.
Scripts de servidor (PHP, ASP, JSP).
Programas independientes (CGI, Servelets).
o Proxy.
Programas que actuan como servidor y cliente, se situa
en medio de los dos.
Cliente Servidor DNS; Cliente Proxy.
Servidor DNSProxy.
ProxyServidor HTTP.
3 Arquitectura de aplicaciones web
La WEB
Componentes de software de la WEB
Modelos de desarrollo WEB
o Componentes
Lgica de negocio
Administracin de datos
Interfz
o Modelos en capas
Modelo de dos capas

Gran parte corre en el lado del cliente
(FatCliente).
Capas
Cliente (FatCliente): La lgica de
negocio esta dentro de la interfz de
usuario.
Servidor: administra datos.
Modelo de tres capas
Capas
Presentacin: Interfaces (parte en el
C/S)
Proceso o negocios: Interactua con la
capa de datos para realizar
operaciones (getter and setters)
Datos.
o Almacena
o Recupera
o Mantiene
o Asegura integridad
1.3 Tecnologas para el desarrollo de aplicaciones web
Los lenguajes de programacin Web han ido surgiendo segn las necesidades de
las plataformas, intentando facilitar el trabajo a los desarrolladores de
aplicaciones.
1.- HTML
HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite
describir hipertexto, es decir, texto presentado de forma estructurada y agradable,
con enlaces (hyperlinks) que conducen a otros documentos o fuentes de
informacin relacionadas, y con inserciones multimedia (grficos, sonido...) La
descripcin se basa en especificar en el texto la estructura lgica del contenido

(ttulos, prrafos de texto normal, enumeraciones, definiciones, citas, etc) as como
los diferentes efectos que se quieren dar (especificar los lugares del documento
donde se debe poner cursiva, negrita, o un grfico determinado) y dejar que luego
la presentacin final de dicho hipertexto se realice por un programa especializado
(como Mosaic, o Netscape).
Estructura bsica de un documento html.
Un documento HTML comienza con la etiqueta <html>, y termina con </html>.
Dentro del documento (entre las etiquetas de principio y fin de html), hay dos
zonas bien diferenciadas: el encabezamiento, delimitado por <head> y </head>,
que sirve para definir diversos valores vlidos en todo el documento; y el cuerpo,
delimitado por <body> y </body>, donde reside la informacin del documento.
En resumen, la estructura bsica de un documento HTML queda de la forma
siguiente:
<html>
<head>
<title>Ttulo</title>
</head>
<body>
Texto del documento, menciones a grficos, enlaces, etc.
</body>
</html>
2.- HTML5
HTML es el lenguaje con el que se escriben las pginas web. Las pginas web
pueden ser vistas por el usuario mediante un tipo de aplicacin llamada
navegador. HTML es el lenguaje usado por los navegadores para mostrar las
pginas webs al usuario, siendo hoy en da la interface ms extendida en la red.

El HTML solamente formatea y muestra contenidos, y no tiene la capacidad de
interactuar con variables, bases de datos, etc.
An los sitios web ms complejos, que utilizan grandes sistema de bases de datos
y realizan complejas tareas, envan al navegador (Internet Explorer, Chrome, etc.)
puro cdigo HTML. HTML5, en conjunto con CSS3, define los nuevos estndares
de desarrollo web, tanto para equipos de escritorio, como para dispositivos
mviles y telfonos celulares. Se abren las puertas para nuevas opciones de
diseo y dinmica de informacin. HTML5 es una nueva versin de este lenguaje
universal y, si bien an est en fase de desarrollo, ya podemos disfrutarlo en la
mayora de los navegadores. Google Chrome es pionero en soporte HTML5 y es,
actualmente, el navegador que brinda mayor soporte a esta versin de HTML.
HTML5 est siendo desarrollado por Ian Hickson de Google Inc. y David Hyatt de
Apple Inc. junto con todas las personas que participan en Web Hypertext
Application Technology Working Group. La nueva versin es ms eficiente y ocupa
menos recursos en la computadora del cliente, en particular mediante el uso del
nuevo reproductor que no requiere flash o adobe player para utilizarse, y siendo el
HTML5 compatible con las versiones anteriores de HTML, utilizar la nueva versin
en una pgina ya diseada implica un menor trabajo que si fuera una coleccin
completamente nueva.
Diseado para ser utilizable por todos los desarrolladores de Open Web, enlaza
numerosos recursos sobre las tecnologas de HTML5, que se clasifican en varios
grupos segn su funcin:
Semntica : lo que le permite describir con mayor precisin cul es su
contenido.
Conectividad : lo que le permite comunicarse con el servidor de formas nuevas
e innovadoras.
Desconectado y almacenamiento : permite a pginas web almacenar datos,
localmente, en el lado del cliente y operar fuera de lnea de manera ms
eficiente.

Multimedia : permite hacer vdeo y audio de ciudadanos de primera clase en la
Web abierta.
Grficos y efectos 2D/3D : permite una gama mucho ms amplia de opciones
de presentacin.
Rendimiento e Integracin : proporcionar una mayor optimizacin de la
velocidad y un mejor uso del hardware del equipo.
Dispositivo de Acceso : admite el uso de varios dispositivos de entrada y
salida.
Stdeja yling : a los autores escribir temas ms sofisticados.
En estos momentos no todos los exploradores lo soportan (actualmente slo
Chrome, Safari, Firefox y Opera soportan la mayora de las caractersticas).
Esta nueva versin se bas en el diseo ms comn de las pginas web alrededor
del mundo para llegar a un estndar de etiquetas que realicen las mismas tareas
de manera ms rpida y eficiente.
Un nuevo diseo para pginas web, reflejado en las etiquetas <header>,<footer>,
<nav>,<section>,<article> las cuales estn destinadas a remplazar la necesidad
de tener una <div> para cada parte de la pgina, y en cambio, tener etiquetas
especficas para ello.
La nueva etiqueta <video> para insertar un reproductor de video, mejorando el
reproductor antiguo utilizado por la etiqueta <embed> y evitndonos la pena de
insertar el cdigo de <object>, as como eliminar la necesidad del Flash Player
para reproducir videos (lo que nos lleva a un ahorro en la cantidad de memoria
utilizada).
Una nueva tag <audio> para insertar audio en nuestro sitio web, remplazando la
vieja etiqueta <embed> con las mismas cualidades de la etiqueta anterior.
Una etiqueta <canvas> para manejo de grficos en internet, sea para dibujar
vectores o hacer animaciones.
<header> y <footer>

Los elementos <header> y <footer> reemplazan a <div id=header> y <div
id=footer> y generalmente contienen la seccin de la cabecera y pi de pgina
del diseo, pero tambin pueden ser usados como cabecera y/o pi de pgina de
una seccin en especial. Estas etiquetas pueden usarse varias veces en un mismo
diseo.
<hgroup>
Este elemento es usado para agrupar varias etiquetas de cabeceras (<h1> <h2>
<h3> <h4> <h5> <h6>) cuando se van a utilizar ttulos, subttulos, etc para evitar
cortar el flujo del esquema del documento.
<nav>
Esta etiqueta esta diseada para que coloques los mens de navegacin ya sea
de la pgina principal o para un artculo en especial.
<section>
Esta etiqueta indica una seccin genrica del sitio: La etiqueta <section> es una
agrupacin temtica de contenidos, generalmente con una cabecera.
<article>
Esta etiqueta representa una seccin de contenido independiente. Esta etiqueta se
utilizara para respuestas en un foro, artculos en un blog o comentarios de un
artculo.
<aside>
Esta etiqueta se utiliza para representar contenido que no este directamente
relacionado con el contenido de la pgina. Por lo general esta etiqueta es utilizada
para representar las barras laterales de los blogs.
Las etiquetas mas importantes en HTML5
<head>: Nos delimita el encabezado de la pagina, el contenido de esta etiqueta
no se ve pero es muy importante ya que es donde declararemos hojas de
estilos o CSS ( siguiendo este curso veremos CSS3)

<body>: dentro de body tendremos el contenido visible del sitio
<header>: Delimita el encabezado visible del sitio dentro de esta etiqueta
generalmente encontraremos el menu, logotipo, y encabezados del sitio.
<nav>: Dentro de <nav> pondremos siempre las ligas mas importantes del
sitio.
<footer>: dentro de footer generalmente se ponen cosas como otras ligas,
derechos de autor etc, pero no es exclusivo, podemos usarlos para desplegar
lo que necesitemos, siempre y cuando este en el pie de la pagina.

Ejemplo:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Titulo</title>
</head>
<body>
(( CONTENIDO ))
</body>
</html>
3.- PHP
PHP (Hypertext Preprocessor) es un lenguaje de cdigo abierto muy popular
especialmente adecuado para el desarrollo web y que puede ser incrustado en
HTML.
Caractersticas
Es un lenguaje multiplataforma.
Completamente orientado al desarrollo de aplicaciones web dinmicas con
acceso a informacin almacenada en una Base de Datos.

El cdigo fuente escrito en PHP es invisible al navegador y al cliente ya que es
el servidor el que se encarga de ejecutar el cdigo y enviar su resultado HTML
al navegador. Esto hace que la programacin en PHP sea segura y confiable.
Capacidad de conexin con la mayora de los motores de base de datos que
se utilizan en la actualidad, destaca su conectividad con MySQL y PostgreSQL
Capacidad de expandir su potencial utilizando la enorme cantidad de mdulos
(llamados extensiones).
Posee una amplia documentacin en su pgina oficial (Sitio Oficial), entre la
cual se destaca que todas las funciones del sistema estn explicadas y
ejemplificadas en un nico archivo de ayuda.
Es libre, por lo que se presenta como una alternativa de fcil acceso para
todos.
Permite aplicar tcnicas de programacin orientada a objetos.
Biblioteca nativa de funciones sumamente amplia e incluida.
No requiere definicin de tipos de variables aunque sus variables se pueden
evaluar tambin por el tipo que estn manejando en tiempo de ejecucin.

Entorno de desarrollo

Para el desarrollo de PHP pueden utilizarse varios entornos:
Netbeans
Eclipse
Notepad ++
Dreamweaver
Bloc de notas

Ejemplo de servidores:
WAMPSERVER (Windows Apache Mysql y PHP).- versin 1.3 de apache, PHP5,
MySQL, PhpMyAdmin y SQLitemanager..
EasyPHP.- Apache, Mysql, PHP.

XAMPP.- Ubuntu, SuSE, RedHat, Mandrake and Debian, Windows, MacOSX y
Solaris.
MAMP(Macintosh, apache, Mysql y PHP).- trabaja con el sistema operativo MAC
OS.
4.- Asp.net
ASP.NET es un framework para aplicaciones web desarrollado y comercializado
por Microsoft. Es usado por programadores y diseadores para construir sitios
web dinmicos, aplicaciones web y servicios web XML.
Apareci en enero de 2002 con la versin 1.0 del .NET Framework, y es la
tecnologa sucesora de la tecnologa Active Server Pages (ASP). ASP.NET esta
construido sobre el Common Language Runtime, permitiendo a los programadores
escribir cdigo ASP.NET usando cualquier lenguaje admitido por el .NET
Framework.

Las pginas de ASP.NET, conocidas oficialmente como "web forms" (formularios
web), son el principal medio de construccin para el desarrollo de aplicaciones
web. Los formularios web estn contenidos en archivos con una extensin ASPX;
en jerga de programacin, estos archivos tpicamente contienen etiquetas HTML
o XHTML esttico, y tambin etiquetas definiendo Controles Web que se procesan
del lado del servidor y Controles de Usuario donde los desarrolladores colocan
todo el cdigo esttico y dinmico requerido por la pgina web.
5.- JSP
La tecnologa JSP (Java Server Pages) es una especificacin abierta desarrollada
por Sun Microsystems como un alternativa a Active Server Pages (ASP) de
Microsoft. Esta tecnologa permite desarrollar pginas web con contenido dinmico
y supone una evolucin frente a la tecnologa CGI, y los Servlets. Un fichero JSP
puede contener etiquetas HTML normales, y elementos especiales para generar el
contenido dinmico.
Estructura de una pgina JSP
Una pgina JSP es bsicamente una pgina Web con HTML tradicional y cdigo
Java. La extensin de fichero de una pgina JSP es ".jsp" en vez de ".html"

o".htm", y eso le dice al servidor que esta pgina requiere un manejo especial que
se conseguir con una extensin del servidor o un plug-in.
Ejemplo:
<%@ page language="java" contentType="text/html" %>
<html>
<head>
<title>Hola, mundo!!</title>
</head>
<body>
<h1>Hola, mundo!</h1>
Hoy es <%= new java.util.Date() %>.
</body> </html>

Directivas
Las directivas JSP son instrucciones procesadas por el motor JSP cuando la
pgina JSP se traduce a un servlet. Las directivas usadas en este ejemplo le dicen
al motor JSP que incluya ciertos paquetes y clases. Las directivas estn
encerradas entre etiquetas de directiva <%@ y %>.
<%@ page import="javax.naming.*" %>
<%@ page import="javax.rmi.PortableRemoteObject" %>
<%@ page import="Beans.*" %>

Declaraciones
Las declaraciones JSP nos permiten configurar variables para su uso posterior en
expresiones o scriptlets. Tambin podemos declarar variables dentro de
expresiones o scriptlets en el momento de usarlas. no tenemos que declarar
variables de ejemplar para usar en ms de una expresin o scriptlet.
Ejemplo:
<%! double bonus; String text; %> .
<%! String strMult, socsec; %>
<%! Integer integerMult; %>

<%! int multiplier; %>
<%! double bonus; %>

Scriptlets
Los scriptlets JSP nos permiten embeber segmentos de cdigo java dentro de una
pgina JSP. El codigo embebido se inserta directamente en el servlet generado
que se ejecuta cuando se pide la pgina. Este scriptlet usa las variables
declaradas en las directivas descritas arriba. Los Scriptlets van encerradas entre
etiquetas <% y %>.
Ejemplo:
<%
strMult = request.getParameter("MULTIPLIER"); socsec =
request.getParameter("SOCSEC"); integerMult = new Integer(strMult); multiplier =
integerMult.intValue(); bonus = 100.00;
%>

Variables Predefinidas
Un scriptlet puede usar las siguientes variables predefinidas: session, request,
response, out, e in. Este ejemplo usa la variable predefinida request, que es un
objeto HttpServletRequest. De igual forma, response es un objeto
HttpServletResponse, out es un objeto PrintWriter, e in es un objeto
BufferedReader. Las variables predefinidas se usan en los scriptlets de la misma
forma que se usan en los servelts, excepto que no las declaramos.
Ejemplo:
<%
strMult = request.getParameter("MULTIPLIER"); socsec =
request.getParameter("SOCSEC"); integerMult = new Integer(strMult); multiplier =
integerMult.intValue(); bonus = 100.00;
%>

Expresiones

La expresiones JSP nos permiten recuperar dinmicamente o calcular valores a
insertar directamente en la pgina JSP. En este ejemplo, una expresin recupera
el nmero de la seguridad social desde el bean de entidad Bonus y lo pone en la
pgina JSP.
Ejemplo:
<H1>Bonus Calculation</H1>
Social security number retrieved:
<%= record.getSocSec() %>
<P>
Bonus Amount retrieved: <%= record.getBonus() %>
<P>
1.4 Planificacin de aplicaciones web
Los primeros pasos para desarrollo un proyecto web.
Identifica qu tipos de Pginas necesitas.
Diferencia entre sitio web y pgina web
(Un sitio web es un conjunto de pginas web vinculadas entre s que funcionan
dentro de un mismo dominio, mientras que una pgina web es un documento de
Internet, creado con lenguaje HTML (Lenguaje de Marcado de Hipertexto).

Tipos de pginas web
1 - Segn su propsito o finalidad:
qu objetivo comunicacional tiene?
qu propsito transaccional persigue? (si fuese aplicable)? y
qu espero que haga el visitante luego de acceder a ella?
Por ejemplo, dentro del arquetipo de conversiones, podemos considerar dos tipos
de pginas web:
Pginas informativas
Pgina de conversin de objetivo

2- Segn su forma o jerarqua en la Arquitectura de la Informacin e Interaccin:

Pgina principal (homepage o pgina ndice principal o pgina de inicio). Es una
pgina ndice, porque generalmente contiene accesos directos hacia las pginas
internas del sitio.
Pginas estticas (que son meramente informativas, o documentos estticos)
Pginas dinmicas (son aquellas que se generan en tiempo real segn ciertas
acciones o reglas)
Pginas de ABMC (son pginas transaccionales que sirven para cargar datos,
editarlos o borrarlos, y tambin para efectuar operaciones simples o complejas:
ej: login de usuarios)
Pginas internas del sitio web
Pginas ndice (son las pginas utilizadas por las categoras para listar sus
contenidos, los cuales generalmente son links o accesos hacia niveles inferiores -
categoras hijas- o pginas destino)
Pginas destino (nodos finales de la informacin o documentos propiamente
dichos)

3- Segn la vigencia de sus contenidos:
Pginas de contenidos estticos, permanentes y que generalmente no se
actualizan nunca o muy rara vez (por ej: info institucional, info de productos o
servicios, datos tcnicos)
Pginas de novedades, noticias, anuncios, eventos, artculos, newsletters, etc.


Conclusin
Como conclusin podemos decir que est claro que las tecnologas responsive se
convertirn en un estndar para el Diseo y Desarrollo de la Web. Las
aplicaciones contenidas bajo el alero de HTML5 seguirn evolucionando para as
consolidar los avances ya ejecutados. En la actualidad ya no es recomendable
pensar un proyecto web nuevo sin incorporar el diseo adaptado a todas las
pantallas, considerando la Web nica como el piso mnimo para cualquier sitio en
Internet.

De igual manera la identificacin de tipos y clases de pginas web nos ayudar
a individualizar los recursos de tu web, a la vez que nos permitir comprender
mejor sus alcances, necesidades, enfoque de diseo y otras cuestiones para
resolver en el momento en que se decida encarar la planificacin de un proyecto
web de manera profesional





Fuentes de informacin
Diseo de pginas Web con XHTML, JavaScript y CSS, Juan Carlos Ors,
Tercera Edicin, Alfaomega Grupo Editor, Mxico D.F. septiembre 2011.
Arrancar con HTML5. Curso de programacin, Emmanuel Herrera Ros,
Primera Edicin, Alfaomega Grupo Editor, Mxico D.F. octubre 2011.
Creacin de aplicaciones Web con PHP 4, Tobias Ratschiller y Till Gerken,
Pearson Educacin, Madrid 2001.