Árbol de tecnologías web páginas estáticas vs páginas dinámicas página web estática:...

Árbol de tecnologías web

Páginas estáticas vs Páginas dinámicas

Página web estática:Contenido que no cambia frecuentementeInformación en archivos HTML (y otras tecnologías como

Flash)Se actualiza manualmenteSe utiliza algún tipo de programa editor

Página web dinámica:Puede tener cambios frecuentes en la informaciónLos contenidos se almacenan en una base de datosSe actualiza a través de un gestor de contenidos (CMS)

Páginas dinámicas de cliente o de servidor

Servidor: Ordenador que, formando parte de una red, provee servicios a otros ordenadores denominados clientes

Servidor: Una aplicación informática o programa que realiza algunas tareas en beneficio de otras aplicaciones llamadas clientes


Páginas dinámicas de cliente:El navegador es una aplicación que interpreta HTMLPuede tener insertados otros lenguajes, como Java y

JavaScriptA través de plugins puede contener elementos multimediaLas llamadas a un servidor remoto sólo descargan los

archivos en memoriaTodo el proceso se realiza en el ordenador del usuario


Páginas dinámicas de servidor:Están hechas en lenguajes que son reconocidos,

ejecutados e interpretados por el propio servidorSe envían al cliente en un formato comprensible para

él (HTML)


Páginas dinámicas de servidor:

Lenguajes de programación

HTML (HyperText Markup Language):No es un lenguaje de programaciónLenguaje de marcado basado en etiquetas (< >)Empleado para dar forma al contenido de las páginas

webEl estándar lo define el W3C (World Wide Web

Consortium)Definido por el SGML (Standard Generalized Markup

Language)Extensiones de archivos .html ó .htm


HTML (HyperText Markup Language):


XML (Extensible Markup Language):Metalenguaje extensible de etiquetas desarrollado por el

W3CEs una forma de definir lenguajes para diferentes

necesidadesEstándar para el intercambio de información estructurada

entre diferentes plataformasSe puede usar en bases de datos, editores de texto, hojas

de cálculo, etc.Definido por el SGML (Standard Generalized Markup

Language)Extensiones de archivos .xml


XML


XHTML (Extensible Hypertext Markup Language):Sustituto para HTML como estándar para las páginas

webCumple especificaciones más estrictas de XMLEl contenido de la WWW ahora puede visualizarse

desde numerosos dispositivosNecesidad de estándares estrictosLa información y la forma de presentarla deben estar

claramente separadasBase para la creación de la web semántica


XHTML (Extensible Hypertext Markup Language):

Ejemplo: http://www.latevaweb.com/


JavaScript:Sigue las especificaciones del ECMAScriptLenguaje de scripts basado en objetosPermite la creación de páginas dinámicasSe incrustra en el documento HTMLSe maneja del lado del clienteNo permite consultar datos del lado del servidorEstándar definido y mantenido por W3C a través del

DOM (Document Object Model)


JavaScript:

Ejemplos:http://www.gamarod.com.ar/javascript/


ActionScript:Lenguaje de programación orientado a objetos (OOP)Utilizado en el entorno Adobe FlashBasado en especificaciones de ECMAScriptSimilar a JavaScriptLa versión 3.0 ha significado una mejora en el manejo

de programación orientada a objetos


ActionScript:

Ejemplos: http://www.thefwa.com/


PHP (Hypertext Preprocessor):Usado principalmente para sitio dinámicosDel lado del servidorEmbebido en HTMLNecesita de servidor Web (Apache o IIS con las

librerías de PHP)Lenguaje libreMultiplataformaDescataca su conectividad con MySQLExtensiones de archivo .php

Lenguajes de programaciónPHP:

Ejemplo:http://digg.com/


ASP (Active Server Pages):Creado por MicrosoftDel lado del servidorRequiere Internet Information Server (IIS)Óptimo con el manejador de base de datos SQL

ServerTecnología propietariaHospedaje costosoExtensiones de archivo .asp

Lenguajes de programaciónASP

Ejemplos:http://www.asptutor.com/asp/todoslosarticulos.asp


ASP.NET:Es un framework de desarrolloComercializado por microsoftSe puede usar C#, VB.NET o J# en los desarrollos

WebLas aplicaciones necesitan de Framework de .NETSe ejecuta en el lado del servidorOrientado a objetosLos archivos son extensión .aspx


ASP.NET:


JSP (Java Server Pages):Orientado a desarrollar páginas Web en JavaLenguaje multiplataformaSe ejecuta en el lado del servidorSimilar a ASP.NET en la potencia de los desarrollosNecesita para su funcionamiento el servidor TomcatPermite separar el código dinámico del estáticoEl código JSP se puede incrustar en HTMLUtiliza el motor de servlets de JavaLa extensión de archivo es .jsp


JSP (Java Server Pages):

Ejemplos: http://www.sun.com/


ColdFusion:Desarrollado por MacromediaUsado para crear sitios dinámicosDel lado del servidorRequiere servidor ColdFusionInteractúa de manera simple con bases de datos

(Sybase, Oracle, MySQL, SQL Server, o Access)Extensión de archivo .cfm

Lenguajes de programaciónColdFusion:

Ejemplos: http://www.adobe.com/products/coldfusion/customers/


Perl:Toma elementos del lenguaje C y shellLenguaje de propósito generalMultiparadigma (programación orientada a objetos,

programación estructurada y programación funcional)Pensado para la plataforma UNIX, pero disponible

para varios sistemas operativosLos archivos son extensión .pl


Perl:

Ejemplos: http://royal.pingdom.com/2009/11/06/perl-far-from-dead-more-popular-than-you-think/

Lenguajes de programaciónPython:

Lenguaje creado en el año 1991 por Guido Van RossumConsiderado como el más limpio para programarPermite crear todo tipo de aplicaciones incluyendo sitios

webSe ejecuta en el lado del servidorLicencia de código abierto (Opensource)MultiplataformaMultiparadigma (programación orientada a objetos,

programación estructurada y programación funcional)La extensión de archivo es .py

Lenguajes de programaciónPython:

Ejemplo:http://www.youtube.com


Ruby:Lenguaje desarrollado por Yukihro “Matz” MatsumotoInspirada en Python y PerlDistribuido bajo licencia de software libreOrientado a objetosLos archivos son extensión .rb

Ruby on RailsFramework de aplicaciones web de código abierto

escrito en el lenguaje de programación Ruby


Ruby:

Ejemplo:http://www.43things.com/


Ajax (Asynchronous JavaScript And XML):Técnica de desarrollo web para crear aplicaciones

interactivas o RIA (Rich Internet Applications)Se ejecutan en el cliente mientras mantienen la

comunicación asíncrona con el servidor en segundo plano

Permite realizar cambios sobre las páginas sin necesidad de recargarlas

Se aumenta la interactividad, velocidad y usabilidad en las aplicaciones


Ajax (Asynchronous JavaScript And XML):

Ejemplos:http://www.ajaxdaddy.com/


CSS (Cascading Style Sheets):Lenguaje usado para definir la presentación de un

documento estructurado (HTML, XHTML)Desarrollado por el W3CLa idea que se encuentra detrás del desarrollo de

CSS es separar la estructura de un documento de su presentación

Extensión .css


CSS (Cascading Style Sheets):

Ejemplos:http://www.csszengarden.com/tr/espanol/

Árbol de tecnologías web páginas estáticas vs páginas dinámicas página web estática:...

Documents