Especialista en desarrollo  de aplicaciones web JORNADA 2 cid deza,  moisés [email_address]
Estáticas vs. Dinámicas <ul><li>Tipos de páginas web </li></ul><ul><ul><li>Páginas Estáticas </li></ul></ul><ul><ul><li>Pá...
Página Web <ul><li>Hipertexto </li></ul><ul><li>Qué son </li></ul><ul><ul><li>Ficheros de texto </li></ul></ul><ul><ul><li...
Estáticas vs. Dinámicas <ul><li>Estáticas </li></ul><ul><ul><li>Su contenido  no varía  en el tiempo </li></ul></ul><ul><u...
Estáticas vs. Dinámicas <ul><li>Estáticas </li></ul><ul><ul><li>Procesamiento </li></ul></ul><ul><ul><li>Ejemplo </li></ul...
Estáticas vs. Dinámicas <ul><li>Estáticas </li></ul><ul><ul><li>Desventajas </li></ul></ul><ul><ul><ul><li>Contenidos está...
Estáticas vs. Dinámicas <ul><li>Dinámicas </li></ul><ul><ul><li>Permiten que el contenido de la página cambie cada vez que...
Estáticas vs. Dinámicas <ul><li>Dinámicas </li></ul>
Estáticas vs. Dinámicas <ul><li>Dinámicas del lado del servidor </li></ul><ul><ul><li>Tecnologías </li></ul></ul><ul><ul><...
Estáticas vs. Dinámicas <ul><li>Dinámicas del lado del servidor </li></ul><ul><ul><li>Todas requieren un servidor web </li...
Estáticas vs. Dinámicas <ul><li>Dinámicas del lado del cliente </li></ul><ul><ul><li>Tecnologías </li></ul></ul><ul><ul><u...
Herramientas <ul><li>Cómo se crean las pág web: </li></ul><ul><ul><li>Pgrs uso genérico: Bloc de Notas </li></ul></ul><ul>...
Herramientas - Clasificación <ul><li>Gratuitas y de Pago </li></ul><ul><ul><li>Gratuitas </li></ul></ul><ul><ul><ul><li>Am...
Herramientas - Clasificación <ul><li>Genéricas y especializadas </li></ul><ul><ul><li>Genéricas: </li></ul></ul><ul><ul><u...
Herramientas - Clasificación <ul><li>Web o Requieren Instalación </li></ul><ul><ul><li>Requieren instalación: </li></ul></...
Upcoming SlideShare
Loading in …5
×

Especialista Web J2

520 views

Published on

Curso especialista Web
Jornada 2
Módulos I y II

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
520
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
34
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Especialista Web J2

  1. 1. Especialista en desarrollo de aplicaciones web JORNADA 2 cid deza, moisés [email_address]
  2. 2. Estáticas vs. Dinámicas <ul><li>Tipos de páginas web </li></ul><ul><ul><li>Páginas Estáticas </li></ul></ul><ul><ul><li>Páginas Dinámicas </li></ul></ul><ul><ul><ul><li>del lado del servidor </li></ul></ul></ul><ul><ul><ul><li>del lado del cliente </li></ul></ul></ul>
  3. 3. Página Web <ul><li>Hipertexto </li></ul><ul><li>Qué son </li></ul><ul><ul><li>Ficheros de texto </li></ul></ul><ul><ul><li>Programadas “en parte” con un lenguaje llamado HTML (HyperText Markup Languaje) </li></ul></ul><ul><ul><li>Tienen extensión .htm o .html </li></ul></ul><ul><li>Clasificación </li></ul><ul><ul><li>Estáticas </li></ul></ul><ul><ul><li>Dinámcias </li></ul></ul>
  4. 4. Estáticas vs. Dinámicas <ul><li>Estáticas </li></ul><ul><ul><li>Su contenido no varía en el tiempo </li></ul></ul><ul><ul><li>Es posible visualizarlas sin necesidad de un servidor web. </li></ul></ul><ul><ul><li>Programadas en HTML (HyperText Markup Language) </li></ul></ul><ul><ul><ul><li>Fichero de texto con extensión .htm o .html </li></ul></ul></ul><ul><ul><ul><li>Basadas en etiquetas </li></ul></ul></ul><ul><ul><ul><li>Partes </li></ul></ul></ul><ul><ul><ul><ul><li>Encabezado </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Cuerpo </li></ul></ul></ul></ul><html> <head> <title>Ejemplo</title> </head> <body> Mi primera <b>página</b> </body> </html>
  5. 5. Estáticas vs. Dinámicas <ul><li>Estáticas </li></ul><ul><ul><li>Procesamiento </li></ul></ul><ul><ul><li>Ejemplo </li></ul></ul>
  6. 6. Estáticas vs. Dinámicas <ul><li>Estáticas </li></ul><ul><ul><li>Desventajas </li></ul></ul><ul><ul><ul><li>Contenidos estáticos </li></ul></ul></ul><ul><ul><ul><li>No permiten conectar con BBDD </li></ul></ul></ul><ul><ul><li>Útiles cuando la información no varía </li></ul></ul>
  7. 7. Estáticas vs. Dinámicas <ul><li>Dinámicas </li></ul><ul><ul><li>Permiten que el contenido de la página cambie cada vez que se ésta se muestra </li></ul></ul><ul><ul><li>Son más complejas </li></ul></ul><ul><ul><li>Utilizan otros lenguajes de programación además del HTML </li></ul></ul><ul><ul><li>Normalmente incluyen conexión a BBDD </li></ul></ul><ul><ul><li>Se necesita de un servidor Web para poder visualizarlas </li></ul></ul><ul><ul><li>Ejemplo </li></ul></ul>
  8. 8. Estáticas vs. Dinámicas <ul><li>Dinámicas </li></ul>
  9. 9. Estáticas vs. Dinámicas <ul><li>Dinámicas del lado del servidor </li></ul><ul><ul><li>Tecnologías </li></ul></ul><ul><ul><ul><li>CGI : En desuso </li></ul></ul></ul><ul><ul><ul><li>ASP ( Active Server Pages ): En desuso </li></ul></ul></ul><ul><ul><ul><ul><li>Extensión .asp </li></ul></ul></ul></ul><ul><ul><ul><ul><li>LP : VBScript </li></ul></ul></ul></ul><ul><ul><ul><li>ASP.NET </li></ul></ul></ul><ul><ul><ul><ul><li>Extensión .aspx </li></ul></ul></ul></ul><ul><ul><ul><ul><li>LP’s : C# , VB.NET, J# </li></ul></ul></ul></ul><ul><ul><ul><li>PHP ( PHP Hypertext Pre-processor ) </li></ul></ul></ul><ul><ul><ul><ul><li>Extensión .php </li></ul></ul></ul></ul><ul><ul><ul><ul><li>LP : PHP </li></ul></ul></ul></ul><ul><ul><ul><li>JSP ( Java Server Pages ) </li></ul></ul></ul><ul><ul><ul><ul><li>Extensión .jsp </li></ul></ul></ul></ul><ul><ul><ul><ul><li>LP: Java </li></ul></ul></ul></ul><ul><ul><li>Todas requieren un servidor web </li></ul></ul>
  10. 10. Estáticas vs. Dinámicas <ul><li>Dinámicas del lado del servidor </li></ul><ul><ul><li>Todas requieren un servidor web </li></ul></ul>
  11. 11. Estáticas vs. Dinámicas <ul><li>Dinámicas del lado del cliente </li></ul><ul><ul><li>Tecnologías </li></ul></ul><ul><ul><ul><li>Javascript : Validaciones, efectos, AJAX. </li></ul></ul></ul><ul><ul><ul><li>DHTML ( HTML Dinámico ): Permite variar el contenido de la página una vez que ésta se carga. </li></ul></ul></ul><ul><ul><ul><li>CSS (Cascading Style Sheets) </li></ul></ul></ul><ul><ul><ul><ul><li>Permiten definir la presentación de una página HTML </li></ul></ul></ul></ul><ul><ul><ul><li>Applets : Programas Java que se ejecutan en un navegador. </li></ul></ul></ul><ul><ul><ul><ul><li>Ejemplo </li></ul></ul></ul></ul><ul><ul><li>Ejemplos en: http://www.elcodigo.net/taller/taller.html </li></ul></ul>
  12. 12. Herramientas <ul><li>Cómo se crean las pág web: </li></ul><ul><ul><li>Pgrs uso genérico: Bloc de Notas </li></ul></ul><ul><ul><li>Prgs especializados </li></ul></ul><ul><ul><ul><li>Editor de Páginas Web : aplicación creada con el fin de facilitar la creación de páginas HTML, XHTML, ASP, PHP, etc. </li></ul></ul></ul><ul><ul><ul><li>Las herramientas más actuales son del tipo WYSIWYG ( What You See Is What You Get ) </li></ul></ul></ul>
  13. 13. Herramientas - Clasificación <ul><li>Gratuitas y de Pago </li></ul><ul><ul><li>Gratuitas </li></ul></ul><ul><ul><ul><li>Amaya </li></ul></ul></ul><ul><ul><ul><li>Bluefish </li></ul></ul></ul><ul><ul><ul><li>Notepad++ </li></ul></ul></ul><ul><ul><li>De Pago </li></ul></ul><ul><ul><ul><li>FrontPage </li></ul></ul></ul><ul><ul><ul><li>Dreamweaver </li></ul></ul></ul>
  14. 14. Herramientas - Clasificación <ul><li>Genéricas y especializadas </li></ul><ul><ul><li>Genéricas: </li></ul></ul><ul><ul><ul><li>Dreamweaver (html, asp, php, css, etc) </li></ul></ul></ul><ul><ul><ul><li>FrontPage </li></ul></ul></ul><ul><ul><li>Especializadas </li></ul></ul><ul><ul><ul><li>PHP Designer </li></ul></ul></ul><ul><ul><ul><li>VisualStudio 2003/5/8 </li></ul></ul></ul>
  15. 15. Herramientas - Clasificación <ul><li>Web o Requieren Instalación </li></ul><ul><ul><li>Requieren instalación: </li></ul></ul><ul><ul><ul><li>Las que se mencionaron anteriormente </li></ul></ul></ul><ul><ul><li>Web </li></ul></ul><ul><ul><ul><li>Google Pages (P. estáticas y personales) </li></ul></ul></ul>

×