Download - Especialista Web J2
![Page 2: Especialista Web J2](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/2.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/3.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/4.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/5.jpg)
Estáticas vs. Dinámicas Estáticas
Procesamiento
Ejemplo
![Page 6: Especialista Web J2](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/6.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/7.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/8.jpg)
Estáticas vs. Dinámicas Dinámicas
![Page 9: Especialista Web J2](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/9.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/10.jpg)
Estáticas vs. Dinámicas Dinámicas del lado del servidor
Todas requieren un servidor web
![Page 11: Especialista Web J2](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/11.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/12.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/13.jpg)
Herramientas - Clasificación Gratuitas y de Pago
Gratuitas Amaya Bluefish Notepad++
De Pago FrontPage Dreamweaver
![Page 14: Especialista Web J2](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/14.jpg)
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](https://reader036.vdocumento.com/reader036/viewer/2022083001/557adefed8b42a85648b4ef5/html5/thumbnails/15.jpg)
Herramientas - Clasificación Web o Requieren Instalación
Requieren instalación: Las que se mencionaron anteriormente
Web Google Pages (P. estáticas y personales)