Tecnologías web.

Tecnologías web

Árbol de tecnologías web

Páginas estáticas vs Páginas dinámicas
Página web estática: Contenido que no cambia frecuentemente Información en archivos HTML (y otras tecnologías como Flash) Se actualiza manualmente Se utiliza algún tipo de programa editor Página web dinámica: Puede tener cambios frecuentes en la información Los contenidos se almacenan en una base de datos Se 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

El navegador es una aplicación que interpreta HTML Puede tener insertados otros lenguajes, como Java y JavaScript A través de plugins puede contener elementos multimedia Las llamadas a un servidor remoto sólo descargan los archivos en memoria Todo 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 servidor Se 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ón Lenguaje de marcado basado en etiquetas (< >) Empleado para dar forma al contenido de las páginas web El 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 W3C Es una forma de definir lenguajes para diferentes necesidades Estándar para el intercambio de información estructurada entre diferentes plataformas Se 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 web Cumple especificaciones más estrictas de XML El contenido de la WWW ahora puede visualizarse desde numerosos dispositivos Necesidad de estándares estrictos La información y la forma de presentarla deben estar claramente separadas Base para la creación de la web semántica

XHTML (Extensible Hypertext Markup Language): Ejemplo:

JavaScript: Sigue las especificaciones del ECMAScript Lenguaje de scripts basado en objetos Permite la creación de páginas dinámicas Se incrustra en el documento HTML Se maneja del lado del cliente No permite consultar datos del lado del servidor Estándar definido y mantenido por W3C a través del DOM (Document Object Model)

JavaScript: Ejemplos:

ActionScript: Lenguaje de programación orientado a objetos (OOP) Utilizado en el entorno Adobe Flash Basado en especificaciones de ECMAScript Similar a JavaScript La versión 3.0 ha significado una mejora en el manejo de programación orientada a objetos

ActionScript: Ejemplos:

PHP (Hypertext Preprocessor): Usado principalmente para sitio dinámicos Del lado del servidor Embebido en HTML Necesita de servidor Web (Apache o IIS con las librerías de PHP) Lenguaje libre Multiplataforma Descataca su conectividad con MySQL Extensiones de archivo .php

PHP: Ejemplo:

ASP (Active Server Pages): Creado por Microsoft Del lado del servidor Requiere Internet Information Server (IIS) Óptimo con el manejador de base de datos SQL Server Tecnología propietaria Hospedaje costoso Extensiones de archivo .asp

ASP Ejemplos:

ASP.NET: Es un framework de desarrollo Comercializado por microsoft Se puede usar C#, VB.NET o J# en los desarrollos Web Las aplicaciones necesitan de Framework de .NET Se ejecuta en el lado del servidor Orientado a objetos Los archivos son extensión .aspx

ASP.NET:

JSP (Java Server Pages): Orientado a desarrollar páginas Web en Java Lenguaje multiplataforma Se ejecuta en el lado del servidor Similar a ASP.NET en la potencia de los desarrollos Necesita para su funcionamiento el servidor Tomcat Permite separar el código dinámico del estático El código JSP se puede incrustar en HTML Utiliza el motor de servlets de Java La extensión de archivo es .jsp

JSP (Java Server Pages): Ejemplos:

ColdFusion: Desarrollado por Macromedia Usado para crear sitios dinámicos Del lado del servidor Requiere servidor ColdFusion Interactúa de manera simple con bases de datos (Sybase, Oracle, MySQL, SQL Server, o Access) Extensión de archivo .cfm

ColdFusion: Ejemplos:

Perl: Toma elementos del lenguaje C y shell Lenguaje de propósito general Multiparadigma (programación orientada a objetos, programación estructurada y programación funcional) Pensado para la plataforma UNIX, pero disponible para varios sistemas operativos Los archivos son extensión .pl

Perl: Ejemplos:

Python: Lenguaje creado en el año 1991 por Guido Van Rossum Considerado como el más limpio para programar Permite crear todo tipo de aplicaciones incluyendo sitios web Se ejecuta en el lado del servidor Licencia de código abierto (Opensource) Multiplataforma Multiparadigma (programación orientada a objetos, programación estructurada y programación funcional) La extensión de archivo es .py

Python: Ejemplo:

Ruby: Lenguaje desarrollado por Yukihro “Matz” Matsumoto Inspirada en Python y Perl Distribuido bajo licencia de software libre Orientado a objetos Los archivos son extensión .rb Ruby on Rails Framework de aplicaciones web de código abierto escrito en el lenguaje de programación Ruby

Ruby: Ejemplo:

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:

CSS (Cascading Style Sheets): Lenguaje usado para definir la presentación de un documento estructurado (HTML, XHTML) Desarrollado por el W3C La 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:

Tecnologías web.

Presentaciones similares

Presentación del tema: "Tecnologías web."— Transcripción de la presentación:

Presentaciones similares

Sobre el proyecto

Feedback

Iniciar la sesión

Autorizarse a través de una red social:

Tecnologías web.

Presentaciones similares

Presentación del tema: "Tecnologías web."— Transcripción de la presentación:

Presentaciones similares

Sobre el proyecto

Feedback