especialista web j2

15
Especialista en desarrollo de aplicaciones web JORNADA 2 cid deza, moisés [email protected]

Upload: moises-cid-deza

Post on 12-Jun-2015

339 views

Category:

Technology


1 download

DESCRIPTION

Curso especialista Web Jornada 2 Módulos I y II

TRANSCRIPT

Page 1: Especialista Web   J2

Especialista en desarrollo de aplicaciones web

JORNADA 2

cid deza, moisé[email protected]

Page 2: Especialista Web   J2

Estáticas vs. Dinámicas Tipos de páginas web

Páginas Estáticas Páginas Dinámicas

del lado del servidor del lado del cliente

Page 3: Especialista Web   J2

Página Web Hipertexto

Qué son Ficheros de texto Programadas “en parte” con un lenguaje

llamado HTML (HyperText Markup Languaje) Tienen extensión .htm o .html

Clasificación Estáticas Dinámcias

Page 4: Especialista Web   J2

Estáticas vs. Dinámicas Estáticas

Su contenido no varía en el tiempo Es posible visualizarlas sin necesidad de un

servidor web. Programadas en HTML (HyperText Markup

Language) Fichero de texto con extensión .htm o .html Basadas en etiquetas Partes

Encabezado Cuerpo

<html><head>

<title>Ejemplo</title></head><body>

Mi primera <b>página</b></body></html>

<html><head>

<title>Ejemplo</title></head><body>

Mi primera <b>página</b></body></html>

Page 5: Especialista Web   J2

Estáticas vs. Dinámicas Estáticas

Procesamiento

Ejemplo

Page 6: Especialista Web   J2

Estáticas vs. Dinámicas Estáticas

Desventajas Contenidos estáticos No permiten conectar con BBDD

Útiles cuando la información no varía

Page 7: Especialista Web   J2

Estáticas vs. Dinámicas Dinámicas

Permiten que el contenido de la página cambie cada vez que se ésta se muestra

Son más complejas Utilizan otros lenguajes de programación

además del HTML Normalmente incluyen conexión a BBDD Se necesita de un servidor Web para poder

visualizarlas Ejemplo

Page 8: Especialista Web   J2

Estáticas vs. Dinámicas Dinámicas

Page 9: Especialista Web   J2

Estáticas vs. Dinámicas Dinámicas del lado del servidor

Tecnologías CGI: En desuso ASP (Active Server Pages): En desuso

Extensión .asp LP: VBScript

ASP.NET Extensión .aspx LP’s: C#, VB.NET, J#

PHP (PHP Hypertext Pre-processor) Extensión .php LP: PHP

JSP (Java Server Pages) Extensión .jsp LP: Java

Todas requieren un servidor web

Page 10: Especialista Web   J2

Estáticas vs. Dinámicas Dinámicas del lado del servidor

Todas requieren un servidor web

Page 11: Especialista Web   J2

Estáticas vs. Dinámicas Dinámicas del lado del cliente

Tecnologías Javascript: Validaciones, efectos, AJAX. DHTML (HTML Dinámico): Permite variar el

contenido de la página una vez que ésta se carga. CSS (Cascading Style Sheets)

Permiten definir la presentación de una página HTML Applets: Programas Java que se ejecutan en un

navegador. Ejemplo

Ejemplos en: http://www.elcodigo.net/taller/taller.html

Page 12: Especialista Web   J2

Herramientas Cómo se crean las pág web:

Pgrs uso genérico: Bloc de Notas Prgs especializados

Editor de Páginas Web: aplicación creada con el fin de facilitar la creación de páginas HTML, XHTML, ASP, PHP, etc.

Las herramientas más actuales son del tipo WYSIWYG (What You See Is What You Get)

Page 13: Especialista Web   J2

Herramientas - Clasificación Gratuitas y de Pago

Gratuitas Amaya Bluefish Notepad++

De Pago FrontPage Dreamweaver

Page 14: Especialista Web   J2

Herramientas - Clasificación Genéricas y especializadas

Genéricas: Dreamweaver (html, asp, php, css, etc) FrontPage

Especializadas PHP Designer VisualStudio 2003/5/8

Page 15: Especialista Web   J2

Herramientas - Clasificación Web o Requieren Instalación

Requieren instalación: Las que se mencionaron anteriormente

Web Google Pages (P. estáticas y personales)