Html Y Javascript

  • 4,555 views
Uploaded on

 

More in: Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • muy bueno y resumido
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
4,555
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
1
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Ing. Eric Huiza Pereyra .Net Senior Developer QUADREM The Global eMarket Place www.quadrem.com
  • 2.
    • HTML.
    • JavaScript.
  • 3.
    • 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.
  • 4.
    • Estructura de un documento HTML.
      • <html>
      • <body>
      • <p>
      • Mi Primera página Web.
      • </p>
      • </body>
      • </html>
  • 5.
    • 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>
  • 6.
    • 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>
  • 7.
    • 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>
  • 8.
    • 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>
  • 9.
    • 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>
  • 10.
    • Etiqueta Table
      • <table width=“100%” border=“1”>
      • … .
      • </table>
    • Etiqueta TR
      • <table>
      • <tr>….</tr>
      • </table>
  • 11.
    • Etiqueta TD
      • <table>
        • <tr>
          • <td>Celda 1</td>
        • </tr>
      • </table>
    • Etiqueta TH
      • <table>
        • <tr>
          • <th>Titulo</th>
        • </tr>
      • </table>
  • 12.
    • 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>
      • … .
  • 13.
    • 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.
  • 14.
    • 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.
  • 15.
    • 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.
  • 16.
    • 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.
  • 17.
    • <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>