Date post: | 23-Jan-2016 |
Category: |
Documents |
Upload: | nita-canino |
View: | 216 times |
Download: | 0 times |
Á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 o de servidor
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 cliente o de servidor
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 cliente o de servidor
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
Lenguajes de programación
HTML (HyperText Markup Language):
Lenguajes de programación
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
Lenguajes de programación
XML
Lenguajes de programación
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
Lenguajes de programación
XHTML (Extensible Hypertext Markup Language):
Ejemplo: http://www.latevaweb.com/
Lenguajes de programación
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)
Lenguajes de programación
JavaScript:
Ejemplos:http://www.gamarod.com.ar/javascript/
Lenguajes de programación
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
Lenguajes de programación
ActionScript:
Ejemplos: http://www.thefwa.com/
Lenguajes de programación
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/
Lenguajes de programación
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
Lenguajes de programación
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
Lenguajes de programación
ASP.NET:
Lenguajes de programación
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
Lenguajes de programación
JSP (Java Server Pages):
Ejemplos: http://www.sun.com/
Lenguajes de programación
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/
Lenguajes de programación
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
Lenguajes de programación
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
Lenguajes de programación
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
Lenguajes de programación
Ruby:
Ejemplo:http://www.43things.com/
Lenguajes de programación
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
Lenguajes de programación
Ajax (Asynchronous JavaScript And XML):
Ejemplos:http://www.ajaxdaddy.com/
Lenguajes de programación
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
Lenguajes de programación
CSS (Cascading Style Sheets):
Ejemplos:http://www.csszengarden.com/tr/espanol/