PHP y MySQL Clase 02

101
PHP y MySQL Clase 02 Ing. Eddye Sánchez Castillo

description

PHP y MySQL Clase 02. Ing. Eddye Sánchez Castillo. Todo programa en PHP tiene una estructura con etiquetas que indican su inicio y final dentro de las cuales se escriben las instrucciones. Las Estructuras pueden ser las siguientes:. Crear programas en PHP. .

Transcript of PHP y MySQL Clase 02

Page 1: PHP y  MySQL Clase 02

PHP y MySQL

Clase 02

Ing. Eddye Sánchez Castillo

Page 2: PHP y  MySQL Clase 02

Crear programas en PHPTodo programa en PHP tiene una estructura con etiquetas que

indican su inicio y final dentro de las cuales se escriben las instrucciones.Las Estructuras pueden ser las siguientes:

<?php Instrucciones PHP?>

<?script language=“php”

Instrucciones PHP

/script>

<? Instrucciones PHP?>

Estas estructuras se utilizan cundo deseamos escribir puro código PHP o cuando deben ir dentro de un documento HTML.

Page 3: PHP y  MySQL Clase 02

Crear programas en PHPRECOMENDACIONES:

1. PHP esta bastante familiarizada con el lenguaje de Hipertextos HTML por tal motivo, los códigos PHP se encuentran embebidos (insertados) dentro de los documentos HTML.

2. Para diferenciar ambos lenguajes dentro del mismo documento, las etiquetas que representan al lenguaje HTML se escribirán en Mayúsculas y los códigos que representan a PHP en minúsculas.

3. Las extensiones delos ficheros que utilizan en PHP son importantes, debido a que el servidor Web va a tomar una decisión si el documento solicitado debe ser procesado por el interprete de PHP o no. Por lo tanto cuando guarde un fichero asígnele la extensión php.

Nombredefihero.php

Page 4: PHP y  MySQL Clase 02

INSTRUCCIÓN echoSe utiliza cuando deseamos mostrar un mensaje, el

contenido de una variable o de una constante.Para mostrar mensajes se utiliza la siguiente sintaxis:

Echo “Mensaje”;<?php echo ‘Hola a Todos, Bienvenidos a PHP’;?>

<?php echo ‘Hola a Todos, ‘; echo ‘Bienvenidos a ‘; echo ‘PHP’?>

Hola a Todos, Bienvenidos a PHPEl Resultado será:

Page 5: PHP y  MySQL Clase 02

INSTRUCCIÓN echoSi necesitamos ordenar un salto de línea se puede concatenar al texto la etiqueta HTML <BR> o <P>.El operador de concatenación de PHP es un punto (.)

<?phpecho ‘Hola a Todos, ’.’<BR>’;echo ‘Bienvenidos a ’.’<BR>’;echo ‘PHP’?>

Hola a Todos,Bienvenidos aPHP

El Resultado será:

Page 6: PHP y  MySQL Clase 02

Comentarios en PHPSon textos explicativos que se pueden escribir dentro de un programa. Los comentarios no cambian en absoluto los resultados del programa, pero nos dan una idea clara de lo que cada una de las líneas de código que nuestro programas hace.Comentarios de una sola línea:

//Esto es un comentario de una línea#Esto también es un comentario de una línea

Comentario con varias líneas de texto./* Esto es un comentario y se utiliza

cuando queremos escribir en varias lineas de texto */

Page 7: PHP y  MySQL Clase 02

Ejecutar un ProgramaAntes de ejecutar un programa, grabe el documento PHP

dentro de la carpeta C:\AppServ\www que es localhost.También puede grabarlo dentro de una carpeta, pero antes tendrá que crearlo dentro de localhost.

C:\AppServ\www\practicasDesarrollemos una practica de PHP que se muestra a continuación.1. Crear una carpeta llamada “practicas” dentro de www.2. Desarrollar el siguiente programa y guardarlo con el

nombre de “practica01.php”.3. Ejecutarlo desde IE escribiendo la dirección siguiente:

http://localhost/practicas/practica01.php

Page 8: PHP y  MySQL Clase 02
Page 9: PHP y  MySQL Clase 02
Page 10: PHP y  MySQL Clase 02
Page 11: PHP y  MySQL Clase 02
Page 12: PHP y  MySQL Clase 02
Page 13: PHP y  MySQL Clase 02

Las Variables en PHPPodemos guardar temporalmente los tipos de datos en la memoria de la computadora. Una variable PHP tiene las siguientes características:1. Debe empezar con el signo dólar ( $ )2. El siguiente carácter después del signo $ debe

ser un guion bajo o una letra y después cualquier otro carácter.

3. No es necesario declarar o definir las variables4. Las mayúsculas y minúsculas son diferentes para

PHP

Page 14: PHP y  MySQL Clase 02
Page 15: PHP y  MySQL Clase 02

Tipos de VariablesSabemos que con PHP no es necesario definir variables que deseamos utilizar en un programa, pero se puede trabajar con los siguientes tipos de datos:

Tipos de Datos CaracterísticasInteger Números enteros, es decir, sin decimalesDouble Números con DecimalesString Cadena de caracteres

Boolean Valores lógicos : True y False

Page 16: PHP y  MySQL Clase 02

Variables GlobalesSon aquellas cuyo valor es reconocido dentro de cualquier parte del programa. Dentro y fuera de una función.En forma predeterminada al utilizar una variable es de tipo local.

$a=“Hola”;Echo “La variable local contiene: $a”;

Para crear una Variable Global debe declararla con la palabra Global:

Global $a;$a=“Hola”Echo “La variable local contiene: $a”;

Page 17: PHP y  MySQL Clase 02

ConstantesSon indicadores que se pueden utilizar en PHP cuyo valor no se puede cambiar durante la ejecución de un programa.

SINTAXIS:

Nombre:Es el nombre de la Constante que desea crear en PHP.Valor:Es el valor que tendrá la contante durante la ejecución del programa.

<?Define(IGV,18)Echo “El IGV es: “.IGV.”%”;?>

Define(Nombre, Valor)

Page 18: PHP y  MySQL Clase 02

Constantes Pre-DefinidasPHP contiene algunas constantes predefinidas que podemos utilizar en cualquier programa.

_FILE_Devuelve el archivo PHP que se esta ejecutando._LINE_Devuelve el numero de línea del archivo PHP que se esta ejecutando.PHP_VERSIONDevuelve la versión de PHP que se esta utilizando.PHP_OSDevuelve la versión del Sistema Operativo que se esta utilizando.

Page 19: PHP y  MySQL Clase 02

Operadores MatemáticosPHP tiene operadores arieticos similares a la mayoría de lenguajes de programación.

Operador Acción Ejemplo+ Suma $x + $y

- Resta $x – $y

* Multiplicación $x * $y

/ División $x / $y

% Residuo de una División

$x % $y

Page 20: PHP y  MySQL Clase 02

Operador de CadenaOperador Acción Ejemplo

. Junta dos cadenas $x . $y

Operador TernarioOperador Acción Ejemplo

? La expresión tomara el valor de

exp2, si exp1 se evalúa como

cierto, y el valor de exp3 si el valor

exp1 resulta falso.

(exp1)?(exp2):(exp3)

Page 21: PHP y  MySQL Clase 02

Operadores RelacionalesOperador Acción Ejemplo RESULTADO

== Igualdad $x == $y Cierto si $x es igual a $y

=== Identidad $a === $x Cierto si $a es igual a $x y si además son del mismo tipo

!= Desigualdad $x != $y Cierto si $x no es igual a $y

< Menor que $x < $y Cierto si $x es menor a $y

> Mayor que $x > $y Cierto si $x es mayor a $y

<= Menor o igual que $x <= $y Cierto si $x es menor o igual que $y

>= Mayor o igual que $x >= $y Cierto si $x es mayor o igual a $y

<> Diferente que $x <> $y Cierto si $x es diferente a Sy

Page 22: PHP y  MySQL Clase 02

Operadores de Incremento y Decremento

Operador Acción Efecto$a++ Postincremento Devuelve el valor $a y luego incrementa en uno

++$a Preincremento Incrementa en uno $a y luego devuelve el valor de $a ya incrementado

$b-- Postdecremento Devuelve el valor $b y luego le resta uno

--$b Predecremento Resta uno a $b y luego devuelve el valor de $b ya decrementado

FUNCIONES PARA CONSTANTES

Define(constante,valor) Nos permite crear una constante asignándole un nombre y valor.

Defined(constante) Devuelve TRUE si la constante esta definida y por lo tanto existe, en caso contrario devuelve FALSE.

Page 23: PHP y  MySQL Clase 02

Operadores LógicosOperador Acción Efecto

$a and $b Y Cierto solo si $a y $b son ciertos

$a or $b O Cierto solo si $a o $b o ambos son ciertos

$a xor $b O Exclusiva Cierto solo si $a o $b pero no si ambos son ciertos a la vez

!$a Negación Cierto si $a no es cierto

$a&&Sb Y Cierto solo si $a y $b son ciertos

$a||$b O Cierto solo si $a o $b o ambos son ciertos.

Page 24: PHP y  MySQL Clase 02

Operadores de Asignación

Operador Acción Efecto= $x = $y $x toma el valor de $y

+= $x += Sy Equivale a $x = $x + $y-= $x -= $y Equivale a $x = $x - $y*= $x *= $y Equivale a $x = $x * $y

/= $x /= $y Equivale a $x = $x / $y

%= $x %= $y Equivale a $x = $x % $y

.= $x .= $y Equivale a $x = $x . $y

Page 25: PHP y  MySQL Clase 02

EJEMPLOS

Page 26: PHP y  MySQL Clase 02

¿Qué es un Lenguaje Interpretado?

Es un lenguaje de programación que fue diseñado para ser ejecutado por medio de un

interprete, que analiza el programa fuente y lo ejecuta directamente, sin generar ningún

código equivalente.

Un intérprete facilita la búsqueda de errores, pues la ejecución de un programa puede

interrumpirse en cualquier momento para estudiar el entorno (valores de las variables,

etc.). Además, el programa puede modificarse sobre la marcha, sin necesidad de volver a

comenzar la ejecución.

Los programas interpretados suelen ser mas lentos , debido a la necesidad de traducir el

programa mientras se ejecuta.

Su acción equivale a la de un intérprete humano, que traduce las frases que oye sobre la

marcha, sin producir ningún escrito permanente.

Page 27: PHP y  MySQL Clase 02

¿Qué es un Lenguaje Compilado?Es un termino un tanto impreciso para referirse a un lenguaje de programación que

típicamente se implementa mediante un compilador.

Un compilador suele generar programas más rápidos y eficientes, ya que el análisis del

lenguaje fuente se hace una sola vez, durante la generación del programa equivalente.

Los lenguajes compilados son un lenguaje de alto nivel en lo que las instrucciones traducen

del lenguaje utilizado a código de maquina para una ejecución rápida.

Un compilador suele generar programas más rápidos y eficientes, ya que el análisis del

lenguaje fuente se hace una sola vez, durante la generación del programa equivalente. En

cambio, un intérprete se ve obligado generalmente a analizar cada instrucción tantas veces

como se ejecute (incluso miles o millones de veces).

Su acción equivale a la de un traductor humano, que toma un libro y produce otro

equivalente escrito en otra lengua.

Page 28: PHP y  MySQL Clase 02

¿Qué es un Lenguaje Script?

Un lenguaje de script es un pequeño lenguaje de programación cuyo código se inserta

dentro del documento HTML.

Este código se ejecuta en el navegador del usuario al cargar la página, o cuando sucede

algo especial como puede ser el pulsar sobre un enlace.

Estos lenguajes permiten variar dinámicamente el contenido del documento, modificar el

comportamiento normal del navegador, validar formularios, realizar pequeños trucos

visuales, etc... Sin embargo, conviene recordar que se ejecutan en el navegador del usuario

y no en la máquina donde estén alojadas, por lo que no podrán realizar cosas como

manejar bases de datos.

El primer lenguaje de script que vio la luz fue el JavaScript de Netscape

Page 29: PHP y  MySQL Clase 02

¿Qué podemos realizar con PHP?

Lo que se puede hacer con PHP es básicamente:

Trabajar con formularios, como su procesamiento y manejo dinámico

Generar páginas con contenido dinámico (interactuar con el usuario)

Mandar o recibir cookies

Trabajar con una gran cantidad de Base de Datos, lo cual lo hace un

programa verdaderamente potente.

Si lo juntamos con MYSQL, nuestros recursos salen literalmente

“GRATIS”.

Page 30: PHP y  MySQL Clase 02

¿Qué debo instalar en mi computadora para iniciar el

uso de PHP?Es importante tener instalado 3 programas que darán inicio para el diseño y uso de las páginas Web dinámicas:

PROGRAMA PHP

PHP es un lenguaje de programación usado normalmente para la creación de paginas Web dinámicas.

APACHE

El servidor HTTP Apache es un software libre para plataformas Unix, Windows, Macintosh y otras.

MySQL

Es un sistema de Gestión de Base de Datos relacional multiusuario, es un software libre.

Page 31: PHP y  MySQL Clase 02

¿Dónde puedo localizar estos 3 programas?Hoy en día existen varios programas que se pueden bajar

gratuitamente desde Internet, pero 2 son mas utilizados:

1. AppServ:Appserv es una herramienta OpenSource para Windows que facilita la instalación de Apache, MySQL y PHP en la cual estas aplicaciones se configuran en forma automática.Como extra incorpora phpMyAdmin para el manejo de MySQL.

http://www.appservnetwork.com/index.phphttp://appserv.programas-gratis.net/

2. XAMPP:XAMPP es un servidor independiente de plataforma, software libre, que consiste principalmente en la base de datos MySQL, el servidor web Apache y los intérpretes para lenguajes de script: PHP y Perl. El nombre proviene del acrónimo de X (para cualquiera de los diferentes sistemas operativos), Apache, MySQL, PHP, Perl.http://www.utilidades-utiles.com/descargar-xampp.html

Page 32: PHP y  MySQL Clase 02

INSTALACIÓN DE APPSERV

Page 33: PHP y  MySQL Clase 02
Page 34: PHP y  MySQL Clase 02

INSTALACIÓN DE XAMMP

Page 35: PHP y  MySQL Clase 02
Page 36: PHP y  MySQL Clase 02

PAGINAS HTMLEs muy importante para iniciar el proceso de instalación de paginas web.Con HTML veremos las herramientas necesarias que necesita PHP con MYSQL para generar paginas estáticas y dinámicas.

HTML:Significa Hyper Text Markup Language (Lenguaje de Marcación de Hiper Texto) y permite la creación de paginas web.Este lenguaje se basa en tags que son instrucciones para indicar como se mostrara el texto y atributos que son los valores que se le puede asignar a los tag.

Page 37: PHP y  MySQL Clase 02

ESTRUCTURA DE UNA PAGINA HTML

La creación de un documento o pagina web con HTML requiere de la siguiente estructura:

Toda pagina web que se cree con HTML debe empezar con la etiqueta <HTML> y terminar con </HTML>

<HTML><HEAD>

</HEAD>

<BODY>

</BODY></HTML>

Page 38: PHP y  MySQL Clase 02

EDITORES DE HTMLLos editores son los programas donde se pueden escribir las instrucciones para crear las paginas Web.Un editor es el Bloc de Notas de Windows

Otro editor que se puede utilizar es Dreamweaver.

Sin importar el editor que utilice,

siempre debe grabar documentos

HTML con la extensión HTM o

HTML

Page 39: PHP y  MySQL Clase 02

EDITORES DE HTMLEl ejemplo Nº 01 se ha escrito en bloc de notas y se ha grabado con el nombre e Primera.html

Page 40: PHP y  MySQL Clase 02

EDITORES DE HTMLAl grabar el archivo en la carpeta PRACTICA, dentro de mis documentos, se observara el archivo con el logo respectivo del navegador.

Page 41: PHP y  MySQL Clase 02

CUERPO DE UN DOCUMENTO HTMLEl cuerpo de un documento empieza con la etiqueta

<BODY> y termina con </BODY>.

Observe que se ha dejado varios espacios en blanco y todo el texto se ha escrito en 3 líneas.

Page 42: PHP y  MySQL Clase 02

CUERPO DE UN DOCUMENTO HTMLSin embargo cuando se muestra el contenido de la pagina

el texto ocupa una sola línea.

Page 43: PHP y  MySQL Clase 02

TRATAMIENTO DE TEXTOEn HTML se pueden usar secuencias de caracteres o etiquetas para el tratamiento de lo textos que se desean mostrar en una pagina web y se explican a continuación:&nbsp:Permite dejar más de un espacio en blanco entre palabras.

<P>:Se utiliza para realizar un salto de párrafo, a diferencia del salto de línea <BR>, el salto de párrafo deja una línea en blanco.

Page 44: PHP y  MySQL Clase 02

USO DE COMENTARIOSLos comentarios son textos que se pueden insertar dentro de un documento HTML con la finalidad de ir explicando la forma como se va desarrollando la pagina web.También se utiliza para indicar el nombre de la persona que diseño la pagina así como la fecha y otros datos que se crean convenientes.Los comentarios de un documento HTML se escriben utilizando la siguiente sintaxis:

<!- Texto del comentario ->

Page 45: PHP y  MySQL Clase 02

ASIGNACION DE TITULOSLa etiqueta desde <H1> </H1> hasta <H6> </H6> permite asignar títulos dentro de una pagina web. Podemos usar el atributo Aling para alinear el titulo a la Derecha (Right), Izquierda (Left) o Centro (Center). <HTML>

<HEAD> <TITLE> Mi primera Pagina Web </TITLE> </HEAD> <BODY> <H1 Align=Center> Esto es un titulo Nº 1 </H1> <H2 Align=Right> Esto es un titulo Nº 1 </H2> <H3> Esto es un titulo Nº 1 </H3> <H4 Align=Left> Esto es un titulo Nº 1 </H4> <H5> Esto es un titulo Nº 1 </H5> <H6> Esto es un titulo Nº 1 </H6> </BODY></HTML>

Page 46: PHP y  MySQL Clase 02

ASIGNACION DE TITULOSLa etiqueta desde <H1> </H1> hasta <H6> </H6> permite asignar títulos dentro de una pagina web.

Page 47: PHP y  MySQL Clase 02

LINEAS HORIZONTALESLa etiqueta <HR> permite dibujar una línea horizontal y al mismo tiempo realiza un salto de párrafo.La etiqueta <HR> acepta los siguientes parámetros:

Align: para alinear la línea horizontal.

Size: Se utiliza para asignar un grosor de la línea.

Noshade: Para indicar que la línea no tenga sombra

Width: Se utiliza para indicar el ancho de la línea.

Page 48: PHP y  MySQL Clase 02

LINEAS HORIZONTALES

Page 49: PHP y  MySQL Clase 02

TIPOS Y TAMAÑOS DE LETRASExiste la etiqueta <FONT> </FONT> cuyos parámetros permiten asignar tipos y tamaños de letras así como colores:

Size: Permite establecer el tamaño de la letra mediante un numero que varia de 1 a 7. El valor predeterminado es 3.

Face:Permite establecer el tipo de letra.

Color:Permite asignarle colores a las letras.

Page 50: PHP y  MySQL Clase 02

TIPOS Y TAMAÑOS DE LETRASSintaxis:

Size: <FONT> SIZE=6> Este es un ejemplo de tamaño de letra </FONT>

Face:<FONT FACE=“Arial”>El tipo de Letra</FONT>

Color:<FONT COLOR=“Red”>La letra es de color Rojo</FONT><FONT COLOR=#FF0000>La letra es de color Rojo</FONT>

Page 51: PHP y  MySQL Clase 02

TIPOS Y TAMAÑOS DE LETRAS

Page 52: PHP y  MySQL Clase 02

TIPOS Y TAMAÑOS DE LETRAS

Page 53: PHP y  MySQL Clase 02

TIPOS Y TAMAÑOS DE LETRAS

Page 54: PHP y  MySQL Clase 02

ESTILOS DE LETRASTambién se permite asignar ciertos estilos de letras a los textos que deseamos mostrar en una pagina web como negrita, subrayado, cursiva, etc.

Los siguientes son llamados estilos físicos en HTML:

<B> </B> : Permite poner en negrita un texto<I> </I> : Permite poner en cursiva un texto<U> </U> : Permite poner un texto subrayado

Page 55: PHP y  MySQL Clase 02

ESTILOS DE LETRAS

Page 56: PHP y  MySQL Clase 02

ESTILOS DE LETRAS

Page 57: PHP y  MySQL Clase 02

ESTILOS DE LETRAS LOGICASTambién existen estilos lógicos en HTML, para resaltar los textos que se desea mostrar en una pagina Web.

<ADDRESS> </ADDRESS> :Se puede utilizar para mostrar direcciones electrónicas.

<BLOCKQUOTE> </BLOCKQUOTE>:destaca un texto. Deja espacio antes y después de mostrar el texto realizando saltos de párrafo.

<CITE> </CITE> :Para mostrar títulos o citas de libros.

<CODE> </CODE>:Para mostrar el código fuente de un lenguaje de programación.

Page 58: PHP y  MySQL Clase 02

ESTILOS DE LETRAS LOGICASTambién existen estilos lógicos en HTML, para resaltar los textos que se desea mostrar en una pagina Web.

<DFN> </DFN> :Se puede utilizar para mostrar alguna definición.

<EM> </EM>:Se puede mostrar texto en letra cursiva y enfatizada.

<KBD> </KBD> :Se puede utilizar para representar texto que se introduce por el teclado.

<SAMP> </SAMP>:Se puede utilizar para mostrar información de ejemplos.

Page 59: PHP y  MySQL Clase 02

ESTILOS DE LETRAS LOGICASTambién existen estilos lógicos en HTML, para resaltar los textos que se desea mostrar en una pagina Web.

<STRIKE> </STRIKE> :Permite mostrar un texto tachado.

<STRONG> </STRONG>:Permite mostrar un texto resaltado con negrita.

<VAR> </VAR> :Se puede utilizar para representar variables en una página Web.

Page 60: PHP y  MySQL Clase 02

ESTILOS DE LETRAS LOGICAS

Page 61: PHP y  MySQL Clase 02

ESTILOS DE LETRAS LOGICAS

Page 62: PHP y  MySQL Clase 02

ATRIBUTOS PARA TODA LA PAGINAHTML permite asignar atributos en toda la pagina web,

para ello debe asignar valores a los atributos de en momento de crear el cuerpo (BODY) de la pagina.Al crear el cuerpo de la pagina se puede utilizar los siguientes atributos:

BACKGROUNDSe utiliza para establece una imagen de fondo a la pantalla. Si el tamaño de la imagen no ocupa todo el fondo de la pagina esta se multiplicara hasta llenar todo el fondo.

BGCOLORSe utiliza para asignar un color de fondo a toda la pagina Web.

Page 63: PHP y  MySQL Clase 02

ATRIBUTOS PARA TODA LA PAGINA

Page 64: PHP y  MySQL Clase 02

ATRIBUTOS PARA TODA LA PAGINA

Page 65: PHP y  MySQL Clase 02

ATRIBUTOS PARA TODA LA PAGINA

Page 66: PHP y  MySQL Clase 02

CREACION DE LISTASLas listas son un conjunto de elementos que se pueden crear con el lenguaje HTML para mostrarlas en una pagina Web. Hay 3 tipos de listas:

Listas No Ordenadas Listas Ordenadas Listas de Definición

LISTAS NO ORDENADASSINTAXIS:<UL TYPE = “icono”><LH> Titulo de la Lista </LH><LI> Elemento Nº 01<LI> Elemento Nº 02<LI> Elemento Nº 03...<LI> Elemento Nº n</UL>

Icono:El icono es una palabra que indica lo que va a acompañar a cada elemento de la lista y puede ser:o disc (predeterminado)o circleo square

Page 67: PHP y  MySQL Clase 02

CREACION DE LISTAS

Page 68: PHP y  MySQL Clase 02

CREACION DE LISTASLas LISTAS ORDENADAS se caracterizan porque cada elemento va enumerada.

LISTAS ORDENADASSINTAXIS:<OL START = “n” TYPE = “valor”><LH> Titulo de la Lista </LH><LI> Elemento Nº 01<LI> Elemento Nº 02<LI> Elemento Nº 03...<LI> Elemento Nº n</OL>

START:Es opcional , indica la primera numeración, se indica con el valor n.

TYPE:Indica el tipo de numeración, que puede ser;A: Letra Mayúsculasa: Letra MinúsculaI: romanos en mayúsculasi: romanos en minúscula0: números enteros.

Page 69: PHP y  MySQL Clase 02

CREACION DE LISTAS

Page 70: PHP y  MySQL Clase 02

CREACION DE LISTASLas LISTAS DE DEFINICIÓN permiten escribir un termino y su definición. LISTAS DE DEFINICION

SINTAXIS:<DL><LH> Titulo de la Lista </LH><DT> Termino Nº 01<DD> Definición Nº 01<DT> Termino Nº 02<DD> Definición Nº 02...<DT> Termino Nº n<DD> Definición Nº n</DL>

<LH>Es opcional, se utiliza para establecer un TITULO a la lista.

<DT>Se utiliza para escribir un termino que deseamos definir.

<DD>Se utiliza para describir el termino.

Page 71: PHP y  MySQL Clase 02

CREACION DE LISTAS

Page 72: PHP y  MySQL Clase 02

CREACION DE TABLASUna tabla es un conjunto de filas Y columnas que se pueden crear en HTML.

La creación de una Tabla empieza con la etiqueta <TABLE> y termina con </TABLE>.

La etiqueta <TABLE> se puede utilizar en forma opcional atributos cuyos valores y características afectaran a toda la tabla y son los siguientes:

Page 73: PHP y  MySQL Clase 02

ATRIBUTOS DE <TABLE>BORDERSe utiliza para establecer el grosor del borde de una tabla, la forma predeterminada es 0= no borde.CELLSPACINGSe utiliza para establecer es espacio entre cada celda de la tabla, el valor predeterminada es 2.WIDTHSe utiliza para establecer el ancho de la tabla que se desea crear, el valor puede esta en porcentajes.HEIGHTSe utiliza para establecer la altura de la tabla que se desea crear, el valor puede esta en porcentajes.<TABLE BORDER=3 WIDTH=50% CELLPADDING=2> </TABLE>

Page 74: PHP y  MySQL Clase 02

ETIQUETAS DE <TABLE><CAPTION> </CAPTION>Esta etiqueta es opcional y permite establecer un titulo a la tabla que deseamos crear.Podemos agregarle el atributo de ALIGN y asignarle valores de TOP o BOTTOM.<TABLE BORDER=5> <CAPTION ALIGN=TOP> Titulo de la Tabla </CAPTION></TABLE>

Page 75: PHP y  MySQL Clase 02

ETIQUETAS DE <TABLE><TR> </TR>Esta etiqueta permite crear una fila dentro de una tabla, y tiene los siguientes atributos:ALIGNPara indicar la alineación Horizontal del contenido y sus valores son: Left (izquierda) Right (Derecha) o Center (Centro).VALIGNSe utiliza para la alineación vertical del contenido y sus valores sn: Top (Arriba) Middle (Mitad) o Botton (Abajo).BGCOLORSe utiliza para indicar el color de fondo de las celdas.

Page 76: PHP y  MySQL Clase 02

ETIQUETAS DE <TABLE><TH> </TH>Esta etiqueta se debe escribir dentro de <TR> </TR> y permite crear columnas de cabecera, es decir columnas en la primera fila de la tabla, y tiene los siguientes atributos:ALIGNPara indicar la alineación Horizontal del contenido y sus valores son: Left, Right, Center, Justify o Decimal.VALIGNSe utiliza para la alineación vertical del contenido y sus valores son: Top, Middle o Botton.WIDTHSe utiliza para indicar el ancho de la columna en %.

Page 77: PHP y  MySQL Clase 02

ETIQUETAS DE <TABLE>BGCOLORSe utiliza para indicar el color de fondo de las celdas.ROWSPANSe utiliza para indicar en número de filas que ocupará la celda.COLSPANSe utiliza para indicar el numero de columnas que ocupara la celda.NOWRAPAl usar este atributo el ancho de la celda se extenderá de acuerdo al ancho que ocupa el texto.Si no se utiliza el texto pasara a la siguiente línea cuando ocupe el ancho establecido para la columna.

Page 78: PHP y  MySQL Clase 02

ETIQUETAS DE <TABLE>

Page 79: PHP y  MySQL Clase 02

ETIQUETAS DE <TABLE><TD> </TD>Esta etiqueta permite crear dentro de una fila , columnas que contendrán datos. Esta etiqueta se deberá utilizar a partir de la segunda fila si la tabla contiene cabecera.

Page 80: PHP y  MySQL Clase 02

ETIQUETAS DE <TABLE>

Page 81: PHP y  MySQL Clase 02

ETIQUETAS DE <TABLE>

Page 82: PHP y  MySQL Clase 02

INSERTAR IMAGENESEn HTML también se puede insertar imágenes en una pagina Web, normalmente las imágenes deben ser GIF o JPG.Se recomienda GIF para mostrar imágenes pequeñas como iconos y JPG para imágenes grandes y reales como una fotografía.

SINTAXIS:<IMG SRC=“Ruta\Nombre del Archivo”><IMG SRC=“URL\Nombre del Archivo”>

Page 83: PHP y  MySQL Clase 02

INSERTAR IMAGENES

ALTCon este atributo se indica un texto el cual se visualizara cuando pase el puntero del Mouse por la imagen.

Page 84: PHP y  MySQL Clase 02

INSERTAR IMAGENESALIGN

Se utiliza cuando queremos que la imagen vaya acompañada de un texto.Left: IzquierdaRight: DerechaTop: Primera Línea del texto Arriba.Bottom: Primera línea del texto abajoMiddle: Primera línea del texto al medio.

Page 85: PHP y  MySQL Clase 02

HIPERVINCULOSSon llamados también enlaces o Link y como su nombre lo indica, permiten enlazar i ir en forma directa a otra parte de la misma pagina Web o a otra pagina.

SINTAXIS: (Enlaces al mismo documento)<A NAME=Nombre de la sección>

contenido</A>

Para enlazar a la sección creada se utiliza la etiqueta <A REF>

<A REF=#Nombre de la sección> texto </A>

Page 86: PHP y  MySQL Clase 02

HIPERVINCULOS

Page 87: PHP y  MySQL Clase 02

HIPERVINCULOS

Page 88: PHP y  MySQL Clase 02

HIPERVINCULOSExisten también enlaces a otros documentos o paginas HTML, este tipo de enlace se utiliza cuando deseampos ir a otra página.

SINTAXIS: (Enlaces con textos)<A HREF=“URL”> Texto </A>

SINTAXIS: (Enlaces con Imágenes) <A HREF=“URL”> <IMG SCR=“imagen”> </A>

SINTAXIS: (Enlaces a secciones de otra pagina) <A HREF=“URL#Nombre de sección”> Texto </A>

<A HREF=“URL#seccion”> <IMG SCR=“imagen”> Texto </A>

Page 89: PHP y  MySQL Clase 02

FRAMESNos permiten dividir una pagina en varias secciones y cada una de ellas es independiente pudiendo mostrar una pagina Web diferente en cada una.Cuando vamos a usar frames dentro de una pagina se utiliza lka etiiqueta <FrameSet> </FrameSet> en lugar de <Body> </Body>:

Page 90: PHP y  MySQL Clase 02

ATRIBUTOS DE FRAMESROWSPermite crear frames horizontales, se le asigna el tamaño del frame o frames que desea crear separados por una coma, el valor puede ser en porcentaje y el * indica el resto de la ventana.

COLSPermite crear frames en forma vertical. Al igual que Rows se le asigna tamaños del frame.

Page 91: PHP y  MySQL Clase 02

ATRIBUTOS DE FRAMES

Page 92: PHP y  MySQL Clase 02

ATRIBUTOS DE FRAMES

Page 93: PHP y  MySQL Clase 02

FRAMES ANIDADOSSon aquellos frames que se encuentran dentro de otro frame. Solo hay que utilizar dentro de la etiqueta <FRAME> </FRAME> la etiqueta de creación <FRAMESET> </FRAMESET> con todos sus atributos y valores.

Page 94: PHP y  MySQL Clase 02

FRAMES ANIDADOS

Page 95: PHP y  MySQL Clase 02

FORMULARIOSSon herramientas muy importante en la pagina Web ya que permiten a los usuarios ingresar datos para que sean procesados por un servidor.Los formularios permiten la creación de paginas Web dinámicas, es decir, de paginas que administren bases de datos.

Page 96: PHP y  MySQL Clase 02

CREAR UN FORMULARIOLa sintaxis para crear un formulario es la siguiente:

<Form> </Form>Dentro de la Etiqueta <Form> se debe utilizar los siguientes atributos: Action Method Enctype

ActionCon este atributo se Indica la dirección electrónica a donde se enviaran y procesarán los datos que un usuario ingresa en el formulario.

<Form Action=MipaginaWeb.com>

</Form>

Page 97: PHP y  MySQL Clase 02

CREAR UN FORMULARIOMethodEste atributo se utiliza para Indicar como se debe transferir hacia el servidor los datos que se ingresan en el formulario.Se pueden utilizar las palabras Get o Post.

<Form Action=MipaginaWeb.com Method=Post>

</Form>

Page 98: PHP y  MySQL Clase 02

CREAR UN FORMULARIOEnctypeEste atributo es opcional y se utiliza cuando deseamos enviar los datos encriptados.

<Form Action=MipaginaWeb.com Method=Post Enctype>

</Form>

Page 99: PHP y  MySQL Clase 02

CREACION DE CONTROLESLos Formularios se diseñan con controles que permiten el ingreso de los datos en las paginas Web.CAJAS DE TEXTOSe utiliza la etiqueta Input, que utiliza los siguientes controles:Type: Se utiliza para indicar el tipo de control que desea mostrar en el formulario para el ingreso de datos, para crear una caja de texto se le debe asignar el valor Text.

Type=“Text”Name: Permite asignarle un nombre al control el cual representa al valor que el usuario ingresa y lo podemos utilizar como una variable.

Name=“NomCliente”Size: Se utiliza para establecer el tamaño de la caja de textos, el valor predeterminado es 20. Size=35

Page 100: PHP y  MySQL Clase 02

CREACION DE CONTROLES

Page 101: PHP y  MySQL Clase 02

CREACION DE CONTROLES