Curso Desarrollo Aplicaciones Web con PHP

2. MÓDULO 2. PROGRAMACIÓN EN CLIENTE: HTML, CSS, javascript  (3 horas)

    Programación del lado cliente. Programación del lado servidor. ¿Qué herramientas utilizar?
2.1. HTML y CSS
2.2. JAVASCRIPT.
   La etiqueta SCRIPT. Variables. Tipos de datos. Operadores. Cuadros de diálogo. Estructuras de decisión. Expresiones lógicas. Estructuras de repetición
   Funciones. Ámbito de las variables. Objetos. Propiedades y eventos. Métodos
   Objetos del Navegador: LOCATION E HISTORY (URL). Objeto DOCUMENT: La propiedad title, colores de la página, método write. Objeto FORM: Formularios HTML, conjunto de forms, propiedad elements, validar campos. Otros Objetos: frames, navigator, screen


Básico HTML
HTML5 y CSS3
javascript
HTML5, CSS3 y javascript completo

<html>
<head>
<title>Titulo Pagina</title>
<script>
alert('Comando de alerta javascript. Se presenta la pagina');
var contador=0;
function cambiaHTML() {
   contador++;
   document.getElementById('ID_1').innerHTM='HTML Modificado desde javascript. Contador='`+contador;
}
//setTimeOut('cambiaHTML()', 2000);
setInterval('cambiaHTML()', 2000);
</script>
<style>
TABLE { margin:0 auto; border:1px solid #808080; }
DIV { border:1px solid red; }
.id_1 { border:1px solid green; }
#clase_1 { border:1px solid #a0a0a0; }
</style>
<body>
<h1>Cuerpo de la p&aacue;gina</h1>
<table>
<tr><th>Col 1</th><th> Col 2</th></tr>
<tr><td>Dato 1.1</td><td> Dato 1.2</td></tr>
<tr><td>Dato 2.1</td><td> Dato 2.2</td></tr>
<tr><td>Dato 3.1</td><td> Dato 3.2</td></tr>
</table>
<div>Div con CSS estandar</div>
<div id='id_1'>Div con CSS por ID</div>
<div class='clase_1'>Div con CSS por Clase</div>
<div class='clase_1'>Otro Div con CSS por la misma Clase</div>
</body>
</html>
      Imprimir