SlideShare una empresa de Scribd logo
1 de 4
INTRODUCCION A



JAVASCRIPT
HTML – CSS – Javascript
           Página Web
             • Párrafos     •Tablas
Estructura   •Encabezados   • Capas
             •Listas        • Etc.     HTML
              • Imágenes
Contenido     •Textos
              •Enlaces
           • Colores     • Fondos
Apariencia • Tipografías • Tamaños    CSS
           • Alineación • Etc.
              • Efectos
Comportamiento• Validaciones          Javascript
              • Automatización
Capacidades de Javascript
 Algunas de las cosas que se pueden hacer con Javascript:
    Abrir nuevas ventanas controlando su tamaño, look & feel,
      controles, etc.
    Incorporar validaciones a los formularios.
    Cambios de imágenes al colocar el mouse sobre algún objeto
      de la página web.
    Generar respuestas ante distintos eventos
    Efectos visuales en la página.
    Crear, Eliminar o cambiar atributos de elementos de una
      página HTML en forma dinámica.
    Crear o Leer Cookies
    Detectar la configuración del Browser.
Dónde incluir el Javascript
 En general se utiliza el elemento script
 Las funciones Javascript pueden estar en archivos independientes. Por ejemplo:
        <script language="JavaScript" src ="archivo.js"> </script>
 También se pueden incluir las instrucciones dentro del elemento Script. Por
   ejemplo:
        <script language="JavaScript" type="text/JavaScript">
        <!--
        function AbroVentana (URL,nombre,features) { //Esto es un comentario
            window.open(URL,nombre,features);
        }
        //-->
        </script>
 El código Javascript también se puede incluir directamente en un evento
   asociado a algún elemento del documento. Por ejemplo:
        <input type=“button" onclick="alert(‘Gracias por su click');return false;"
        value="Click">

Más contenido relacionado

Destacado

Lenguajes de desarrollo web 2011
Lenguajes  de  desarrollo  web 2011Lenguajes  de  desarrollo  web 2011
Lenguajes de desarrollo web 2011John Florez
 
Analisis forense
Analisis forenseAnalisis forense
Analisis forensecyberlocos
 
Web Service and PHP, REST and SOAP
Web Service and PHP, REST and SOAPWeb Service and PHP, REST and SOAP
Web Service and PHP, REST and SOAPElwin Huaman
 
Comunidad Open ERP - OpenObject Hispana Español
Comunidad Open ERP - OpenObject Hispana EspañolComunidad Open ERP - OpenObject Hispana Español
Comunidad Open ERP - OpenObject Hispana EspañolNhomar Hernandez
 
¿Qué es el Modelo Tres Capas?
¿Qué es el Modelo Tres Capas?¿Qué es el Modelo Tres Capas?
¿Qué es el Modelo Tres Capas?Felipe Schmidt
 
Lenguajes de programación para la web
Lenguajes de programación para la webLenguajes de programación para la web
Lenguajes de programación para la webCapacitacion web
 
Arquitectura software.taxonomias.negocio.001
Arquitectura software.taxonomias.negocio.001Arquitectura software.taxonomias.negocio.001
Arquitectura software.taxonomias.negocio.001Jose Emilio Labra Gayo
 
Disenando Sistemas empleando el modelo de capas en desarrollo de software
Disenando Sistemas empleando el modelo de capas en desarrollo de softwareDisenando Sistemas empleando el modelo de capas en desarrollo de software
Disenando Sistemas empleando el modelo de capas en desarrollo de softwareAlexander Calderón
 
Creating And Consuming Web Services In Php 5
Creating And Consuming Web Services In Php 5Creating And Consuming Web Services In Php 5
Creating And Consuming Web Services In Php 5Michael Girouard
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 CapasFani Calle
 
Que Es Un Erp Y Ejemplos
Que Es Un Erp Y EjemplosQue Es Un Erp Y Ejemplos
Que Es Un Erp Y EjemplosLeticia Molina
 
PHP and Web Services
PHP and Web ServicesPHP and Web Services
PHP and Web ServicesBruno Pedro
 

Destacado (14)

Definición de html
Definición de htmlDefinición de html
Definición de html
 
Lenguajes de desarrollo web 2011
Lenguajes  de  desarrollo  web 2011Lenguajes  de  desarrollo  web 2011
Lenguajes de desarrollo web 2011
 
Analisis forense
Analisis forenseAnalisis forense
Analisis forense
 
Web Service and PHP, REST and SOAP
Web Service and PHP, REST and SOAPWeb Service and PHP, REST and SOAP
Web Service and PHP, REST and SOAP
 
Comunidad Open ERP - OpenObject Hispana Español
Comunidad Open ERP - OpenObject Hispana EspañolComunidad Open ERP - OpenObject Hispana Español
Comunidad Open ERP - OpenObject Hispana Español
 
¿Qué es el Modelo Tres Capas?
¿Qué es el Modelo Tres Capas?¿Qué es el Modelo Tres Capas?
¿Qué es el Modelo Tres Capas?
 
Lenguajes de programación para la web
Lenguajes de programación para la webLenguajes de programación para la web
Lenguajes de programación para la web
 
Arquitectura software.taxonomias.negocio.001
Arquitectura software.taxonomias.negocio.001Arquitectura software.taxonomias.negocio.001
Arquitectura software.taxonomias.negocio.001
 
Disenando Sistemas empleando el modelo de capas en desarrollo de software
Disenando Sistemas empleando el modelo de capas en desarrollo de softwareDisenando Sistemas empleando el modelo de capas en desarrollo de software
Disenando Sistemas empleando el modelo de capas en desarrollo de software
 
Creating And Consuming Web Services In Php 5
Creating And Consuming Web Services In Php 5Creating And Consuming Web Services In Php 5
Creating And Consuming Web Services In Php 5
 
ERP PPT
ERP PPTERP PPT
ERP PPT
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 Capas
 
Que Es Un Erp Y Ejemplos
Que Es Un Erp Y EjemplosQue Es Un Erp Y Ejemplos
Que Es Un Erp Y Ejemplos
 
PHP and Web Services
PHP and Web ServicesPHP and Web Services
PHP and Web Services
 

Similar a Java power (20)

Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 
Javascript
JavascriptJavascript
Javascript
 
Primer presentacion
Primer presentacion Primer presentacion
Primer presentacion
 
Javascript
JavascriptJavascript
Javascript
 
Java script
Java scriptJava script
Java script
 
Html1
Html1Html1
Html1
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
HTML.ppt
HTML.pptHTML.ppt
HTML.ppt
 
HTML.ppt
HTML.pptHTML.ppt
HTML.ppt
 
HTML.ppt
HTML.pptHTML.ppt
HTML.ppt
 
Presentación de html, css y javascript.
Presentación  de html, css y javascript.Presentación  de html, css y javascript.
Presentación de html, css y javascript.
 
Organización de contenido en dreamweaver
Organización de contenido en dreamweaverOrganización de contenido en dreamweaver
Organización de contenido en dreamweaver
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
Tipo
TipoTipo
Tipo
 
diseño web HTML aplicaciones web y demas
diseño web HTML aplicaciones web y demasdiseño web HTML aplicaciones web y demas
diseño web HTML aplicaciones web y demas
 
HTML.ppt
HTML.pptHTML.ppt
HTML.ppt
 
CSS-Modulo4A.pptx
CSS-Modulo4A.pptxCSS-Modulo4A.pptx
CSS-Modulo4A.pptx
 
Creatividad en la visualización de contenidos en SharePoint con JS Link y Dis...
Creatividad en la visualización de contenidos en SharePoint con JS Link y Dis...Creatividad en la visualización de contenidos en SharePoint con JS Link y Dis...
Creatividad en la visualización de contenidos en SharePoint con JS Link y Dis...
 
Javascript
JavascriptJavascript
Javascript
 

Más de jeny_torres (9)

Introduccion
IntroduccionIntroduccion
Introduccion
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Css power
Css powerCss power
Css power
 
Php power
Php powerPhp power
Php power
 
Html power
Html powerHtml power
Html power
 

Java power

  • 2. HTML – CSS – Javascript Página Web • Párrafos •Tablas Estructura •Encabezados • Capas •Listas • Etc. HTML • Imágenes Contenido •Textos •Enlaces • Colores • Fondos Apariencia • Tipografías • Tamaños CSS • Alineación • Etc. • Efectos Comportamiento• Validaciones Javascript • Automatización
  • 3. Capacidades de Javascript  Algunas de las cosas que se pueden hacer con Javascript:  Abrir nuevas ventanas controlando su tamaño, look & feel, controles, etc.  Incorporar validaciones a los formularios.  Cambios de imágenes al colocar el mouse sobre algún objeto de la página web.  Generar respuestas ante distintos eventos  Efectos visuales en la página.  Crear, Eliminar o cambiar atributos de elementos de una página HTML en forma dinámica.  Crear o Leer Cookies  Detectar la configuración del Browser.
  • 4. Dónde incluir el Javascript  En general se utiliza el elemento script  Las funciones Javascript pueden estar en archivos independientes. Por ejemplo: <script language="JavaScript" src ="archivo.js"> </script>  También se pueden incluir las instrucciones dentro del elemento Script. Por ejemplo: <script language="JavaScript" type="text/JavaScript"> <!-- function AbroVentana (URL,nombre,features) { //Esto es un comentario window.open(URL,nombre,features); } //--> </script>  El código Javascript también se puede incluir directamente en un evento asociado a algún elemento del documento. Por ejemplo: <input type=“button" onclick="alert(‘Gracias por su click');return false;" value="Click">