• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Html Y Javascript
 

Html Y Javascript

on

  • 6,241 views

 

Statistics

Views

Total Views
6,241
Views on SlideShare
6,208
Embed Views
33

Actions

Likes
2
Downloads
0
Comments
1

1 Embed 33

http://www.slideshare.net 33

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • muy bueno y resumido
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Html Y Javascript Html Y Javascript Presentation Transcript

    • Ing. Eric Huiza Pereyra .Net Senior Developer QUADREM The Global eMarket Place www.quadrem.com
      • HTML.
      • JavaScript.
      • Hyper Text Markup Language .
      • Lenguaje basado en texto utilizado para la definición de hipertexto.
      • Utilizado para la definicion de formatos.
      • Problemas en su uso por diferentes navegadores.
      • Estructura de un documento HTML.
        • <html>
        • <body>
        • <p>
        • Mi Primera página Web.
        • </p>
        • </body>
        • </html>
      • Etiqueta HTML.
        • Establece el inicio y fin de un documento HTML.
          • <html>
          • ……
          • </html>
      • Etiqueta Body.
        • Establece el contenido de la pagina Web.
          • <html>
          • <body>
          • …… .
          • </body>
          • </html>
      • Etiqueta Header.
        • Se utiliza para colocar referencias a la pagina Web, meta tags, y el titulo.
        • <html>
        • <header>
        • <title>Mi Primera Página Web</title>
        • <LINK href=&quot;Styles.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;>
        • <script language=”javascript” src=”menú.js”></script>
        • </header>
        • <body>
        • … ..
        • </body>
        • </html>
      • Etiquetas H1, H2, H3, H4, H5
        • <h1>Mi Primera página Web.</h1>
      • Etiqueta P
        • <p>
        • Este es mi primer párrafo de texto
        • en una pagina web.
        • </p>
      • Etiqueta A
        • <a href=&quot;javascript:functionJS();&quot;>Link a una funcion javascript</a>
        • <a href=&quot;http://www.google.com&quot;>Link a otra pagina web.</a>
        • <a href=&quot;C:Archivo.pdf&quot;>Link a un archivo pdf</a>
      • Etiqueta IMG
        • <img src=&quot;C:Imagen01.jpg&quot; alt=&quot;Imagen 01&quot; />
      • <img src=&quot;ileServerc$Imagen01.jpg&quot; alt=&quot;Imagen 01&quot; />
      • <img src=&quot;http://misitioweb/imagener/Imagen01.jpg&quot; alt=&quot;Imagen 01&quot; />
      • Etiqueta HR
      • <p>Primer Parrafo.</p>
      • <hr />
      • <p>Segnudo Parrafo.</p>
      • Etiqueta BR
        • <p>Primer Parrafo.</p>
        • <br />
        • <p>Segnudo Parrafo.</p>
      • Etiqueta DIV
      • <div>
      • <p>Parrafo 1</p>
      • <hr />
      • <p>Parrafo 2</p>
      • </div>
      • <br />
      • <div>
      • <p>Parrafo 3</p>
      • <hr />
      • <p>Parrafo 4</p>
      • </div>
      • Etiqueta SPAN
        • <span>Etiqueta 1</span>
      • Etiqueta Table
        • <table width=“100%” border=“1”>
        • … .
        • </table>
      • Etiqueta TR
        • <table>
        • <tr>….</tr>
        • </table>
      • Etiqueta TD
        • <table>
          • <tr>
            • <td>Celda 1</td>
          • </tr>
        • </table>
      • Etiqueta TH
        • <table>
          • <tr>
            • <th>Titulo</th>
          • </tr>
        • </table>
      • Permiten ingresar información por el usuario.
        • GET.
        • POST.
      • Los principales controles son.
        • <input type=“text”>
        • <input type=“button”>
        • <input type=“submit”>
        • <input type=“checkbox”>
        • <input type=“radiobutton”>
        • <input type=“hidden”>.
        • <select>, <textarea>
        • … .
      • Las paginas Web que solo cuentan con HTML son páginas estáticas con poco contenido y poca interacción con el usuario.
      • JavaScript es un lenguaje interpretado que se ejecuta en el navegador o en algún motor de ejecución de scripts.
      • No es estándar en todos los navegadores.
      • Declaración de variables.
        • Las variables no necesitan ser declaradas, pero por buenas practicas deberían serlo.
          • var _numero1;
          • var _numero2;
      • Construcciones de decisión.
        • De la misma forma que otros lenguajes de programación con sintaxis derivada de C, soporta las estructuras de decisión if, switch y el operador ternario.
      • Construcciones de iteración.
        • Soporta las estructuras for, while, do while y for in.
      • Depuración.
        • Activación de la instrucción debugger.
      • Creación de funciones.
        • Se crean funciones de la misma forma que en C, pero no se especifican tipos.
      • Acceso a objetos de la pagina Web.
        • A través del modelo de objetos de documentos DOM, podemos acceder a los objetos y controles de una pagina web a través de JavaScript.
        • Permite una fuerte interacción con el usuario.
      • <script type=&quot;text/javascript&quot; language=&quot;javascript&quot;>
      • var _operacion = '+';
      • var _numero1 = 1000;
      • var _numero2 = 100;
      • var _result;
      • switch (_operacion)
      • {
      • case '+':
      • _result = _numero1 + _numero2;
      • break;
      • case '-':
      • _result = _numero1 - _numero2;
      • break;
      • case '*':
      • _result = _numero1 * _numero2;
      • break;
      • case '/':
      • _result = _numero1 / _numero2;
      • break;
      • }
      • var _isvalid = _result > 0?true:false;
      • if (_isvalid)
      • alert(_result);
      • </script>