especialista web j2
Post on 12-Jun-2015
339 Views
Preview:
DESCRIPTION
TRANSCRIPT
Especialista en desarrollo de aplicaciones web
JORNADA 2
cid deza, moisésmoises@uvigo.es
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
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
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>
Estáticas vs. Dinámicas Estáticas
Procesamiento
Ejemplo
Estáticas vs. Dinámicas Estáticas
Desventajas Contenidos estáticos No permiten conectar con BBDD
Útiles cuando la información no varía
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
Estáticas vs. Dinámicas Dinámicas
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
Estáticas vs. Dinámicas Dinámicas del lado del servidor
Todas requieren un servidor web
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
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)
Herramientas - Clasificación Gratuitas y de Pago
Gratuitas Amaya Bluefish Notepad++
De Pago FrontPage Dreamweaver
Herramientas - Clasificación Genéricas y especializadas
Genéricas: Dreamweaver (html, asp, php, css, etc) FrontPage
Especializadas PHP Designer VisualStudio 2003/5/8
Herramientas - Clasificación Web o Requieren Instalación
Requieren instalación: Las que se mencionaron anteriormente
Web Google Pages (P. estáticas y personales)
top related