HTML II Etiquetas en el Cuerpo (BODY) Imágenes - Links Formularios Introducción a CSS Introducción a Javascript Introducción a PHP.

Presentación del tema: "HTML II Etiquetas en el Cuerpo (BODY) Imágenes - Links Formularios Introducción a CSS Introducción a Javascript Introducción a PHP."— Transcripción de la presentación:

1 HTML II Etiquetas en el Cuerpo (BODY) Imágenes - Links Formularios Introducción a CSS Introducción a Javascript Introducción a PHP

2 Estructura Básica Html Basico

3 Código para Fotos : imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".

4 Referencias con fotos tomadas del internet: ? = http://www.uprm.edu/cti/media/mainbn.jpg Links: http://www.uprm.edu/cti/media/mainbn.jpg

5 Algunos Atributos del BODY Backgound - Bgcolor - Text - Link - Vlink - Alink Protección para Fotos y Texto

6 Formularios Los formularios son posiblemente la herramienta más utilizada en Internet para obtener datos e información acerca de la gente que navega nuestro sitio. La idea de los formularios es recolectar información online y luego ejecutar una determinada acción con la misma...

7 Form Action y Algunos Atributos: Action = URL, METHOD = GET o POST

8 Etiquetas INPUT La etiqueta es la segunda etiqueta más importante de los formularios. Se la puede definir como una etiqueta multifunción, ya que con la misma podemos crear "push buttons", "radio buttons", "check boxes". Algunos Atributos: NAME, ALIGN, CHECKED, MAXLENGTH, SIZE, VALUE, TYPE= TEXT, PASSWORD, CHECKBOX, RADIO, SUBMIT, RESET, HIDDEN;

9 Cajas de Texto: Radio Buttons: CheckBoxes: Text Area: Etiquetas para Formularios

10 Listas: Escoga uno... 1 - 10 años 11 - 30 años 31 años en adelante

11 Botones Botón de SUBMIT : Botón de RESET:

12 Introducción a CSS Añada en el HEAD:... css samples... Llamada a CSS Externo: Etiquetas más usadas: Hello World! frase o palabra, inline text hello

13 Ejemplos de CSS.font1 { color: blue; font-size: 15px; font-family: verdana; } body {background-color: #FFFF99; } Links: a:hover { color: green; text-decoration: none; } Bordes:.borde { border: solid 3px #666; background- color: white; }

14 Introducción a Javascript : incrusta un script en la página y se cierra con. Ejemplo para validar caja de texto email: function validate() { frm = document.forma; if((frm.email.value == "") || (frm.email.value.indexOf("@") == -1)){ alert("Por favor incluya una dirección de correo electrónico válida"); frm.email.focus(); return false; } return true; }

15 Introducción a PHP:MAIL Subir el formulario por FTP/SFTP al Server Varibales Usadas: $nombre = $_POST['nombre']; Función para Mail mail(“myemail”, “subject”, $msg, “From: $email\n”);