PHP MYSQL - FIEI-UNFV Clase 01

794 views

Published on

Curso de PHP y MySql. La Primera Clase se inicia con HTML

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
794
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
39
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

PHP MYSQL - FIEI-UNFV Clase 01

  1. 1. Ing. Eddye Sánchez Castillo
  2. 2. PHP es un lenguaje de programacióninterpretado, diseñado originalmente para lacreación de páginas web dinámicas.PHP es un acrónimo recursivo, que significa “PHPHypertext Pre-processor” (inicialmente PHPTools, o, Personal Home Page Tools).Fue creado originalmente por Rasmus Lerdof en1994; sin embargo la implementación principalde PHP es producida ahora por The PHP Group ysirve como el estándar. Publicado bajo licenciacomo software libre.PHP es un lenguaje interpretado de propósitogeneral ampliamente usado y que está diseñadoespecialmente para desarrollo web y puede serembebido dentro de código HTML.
  3. 3. Un lenguaje que puede ser utilizado para controlar elcomportamiento de una máquina, especialmente unacomputadora. Consiste en un conjunto de símbolos y reglassintácticas y semánticas que definen su estructura y el significadode sus elementos y expresiones.Un lenguaje de programación permite especificar de maneraprecisa: sobre que datos una computadora debe operar, comodeben ser estos almacenados y transmitidos y que acciones debetomas bajo una variada gama de circunstancias.El programador es el encargado de utilizar un lenguaje deprogramación para crear un conjunto de instrucciones que, alfinal, constituirá un programa o subprograma informático.Un lenguaje informático es un lenguaje usado por ordenadores.Muchas veces, este término es usado como sinónimo de lenguajede programación, pero un lenguaje informático no tiene por quéser un lenguaje de programación.Como ejemplo un LENGUAJE DE MARCAS como el HTML no es unlenguaje de programación, pero sí es un lenguaje informático.El lenguaje de programación es el medio que utilizan losprogramadores para crear un programa de ordenador.Un lenguaje de marcas es el medio para describir a un ordenadorel formato o la estructura de un documento; etc.
  4. 4. Un acrónimo puede ser una sigla que se lee como una palabra(“SUNAT”) o un vocablo formado al unir parte de dos palabras.Por lo tanto el significado de un acrónimo, es la suma de lossignificados de las palabras que lo forman: SUNAT SUperintendencia Nacional de Administración Tributaria MERCOSUR MERcado Comun del SUR TELEMATICA TELEcomunicaciones InforMATICA
  5. 5. Es un lenguaje de programación que fue diseñado para ser ejecutado por medio de uninterprete, que analiza el programa fuente y lo ejecuta directamente, sin generar ningúncódigo equivalente.Un intérprete facilita la búsqueda de errores, pues la ejecución de un programa puedeinterrumpirse en cualquier momento para estudiar el entorno (valores de lasvariables, etc.). Además, el programa puede modificarse sobre la marcha, sin necesidad devolver a comenzar la ejecución.Los programas interpretados suelen ser mas lentos , debido a la necesidad de traducir elprograma mientras se ejecuta.Su acción equivale a la de un intérprete humano, que traduce las frases que oye sobre lamarcha, sin producir ningún escrito permanente.
  6. 6. Es un termino un tanto impreciso para referirse a un lenguaje de programación quetípicamente se implementa mediante un compilador.Un compilador suele generar programas más rápidos y eficientes, ya que el análisis dellenguaje 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 instruccionestraducen 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 dellenguaje fuente se hace una sola vez, durante la generación del programa equivalente. Encambio, un intérprete se ve obligado generalmente a analizar cada instrucción tantas vecescomo se ejecute (incluso miles o millones de veces).Su acción equivale a la de un traductor humano, que toma un libro y produce otroequivalente escrito en otra lengua.
  7. 7. Un lenguaje de script es un pequeño lenguaje de programación cuyo código se insertadentro del documento HTML.Este código se ejecuta en el navegador del usuario al cargar la página, o cuando sucedealgo especial como puede ser el pulsar sobre un enlace.Estos lenguajes permiten variar dinámicamente el contenido del documento, modificar elcomportamiento normal del navegador, validar formularios, realizar pequeños trucosvisuales, etc... Sin embargo, conviene recordar que se ejecutan en el navegador del usuarioy no en la máquina donde estén alojadas, por lo que no podrán realizar cosas comomanejar bases de datos.El primer lenguaje de script que vio la luz fue el JavaScript de Netscape
  8. 8. 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”.
  9. 9. Es importante tener instalado 3 programas que darán inicio para eldiseñ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.
  10. 10. Hoy en día existen varios programas que se pueden bajargratuitamente 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.php http://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
  11. 11. Es muy importante para iniciar el proceso de instalaciónde paginas web.Con HTML veremos las herramientas necesarias quenecesita PHP con MYSQL para generar paginas estáticas ydinámicas.HTML:Significa Hyper Text Markup Language (Lenguaje deMarcación de Hiper Texto) y permite la creación depaginas web.Este lenguaje se basa en tags que son instrucciones paraindicar como se mostrara el texto y atributos que son losvalores que se le puede asignar a los tag.
  12. 12. La creación de un documento o pagina web con HTMLrequiere de la siguiente estructura:Toda pagina web que se cree con HTML debe empezar conla etiqueta <HTML> y terminar con </HTML>
  13. 13. Los editores son los programas donde se pueden escribirlas instrucciones para crear las paginas Web.Un editor es el Bloc de Notas de Windows Sin importar el editor que utilice, siempre debe grabar documentos HTML con la extensión HTM o HTMLOtro editor que se puede utilizar es Dreamweaver.
  14. 14. El ejemplo Nº 01 se ha escrito en bloc de notas y se hagrabado con el nombre e Primera.html
  15. 15. Al grabar el archivo en la carpeta PRACTICA, dentro de misdocumentos, se observara el archivo con el logorespectivo del navegador.
  16. 16. El cuerpo de un documento empieza con la etiqueta<BODY> y termina con </BODY>.Observe que se ha dejado varios espacios en blanco ytodo el texto se ha escrito en 3 líneas.
  17. 17. Sin embargo cuando se muestra el contenido de la paginael texto ocupa una sola línea.
  18. 18. En HTML se pueden usar secuencias de caracteres oetiquetas para el tratamiento de lo textos que se deseanmostrar 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 delsalto de línea <BR>, el salto de párrafo deja una línea enblanco.
  19. 19. Los comentarios son textos que se pueden insertar dentrode un documento HTML con la finalidad de ir explicando laforma como se va desarrollando la pagina web.También se utiliza para indicar el nombre de la personaque diseño la pagina así como la fecha y otros datos quese crean convenientes.Los comentarios de un documento HTML se escribenutilizando la siguiente sintaxis: <!- Texto del comentario ->
  20. 20. La etiqueta desde <H1> </H1> hasta <H6> </H6> permite asignartítulos dentro de una pagina web. Podemos usar el atributo Alingpara 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>
  21. 21. La etiqueta desde <H1> </H1> hasta <H6> </H6> permiteasignar títulos dentro de una pagina web.
  22. 22. La etiqueta <HR> permite dibujar una línea horizontal yal 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 sombraWidth: Se utiliza para indicar el ancho de la línea.
  23. 23. Existe la etiqueta <FONT> </FONT> cuyos parámetrospermiten asignar tipos y tamaños de letras así comocolores:Size:Permite establecer el tamaño de la letra mediante unnumero 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.
  24. 24. Sintaxis: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>
  25. 25. También se permite asignar ciertos estilos de letras a lostextos que deseamos mostrar en una pagina web comonegrita, 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
  26. 26. También existen estilos lógicos en HTML, para resaltar lostextos 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.
  27. 27. También existen estilos lógicos en HTML, para resaltar lostextos 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.
  28. 28. También existen estilos lógicos en HTML, para resaltar lostextos 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.
  29. 29. HTML permite asignar atributos en toda la pagina web,para ello debe asignar valores a los atributos de enmomento de crear el cuerpo (BODY) de la pagina.Al crear el cuerpo de la pagina se puede utilizar lossiguientes atributos:BACKGROUNDSe utiliza para establece una imagen de fondo a lapantalla. Si el tamaño de la imagen no ocupa todo elfondo de la pagina esta se multiplicara hasta llenar todoel fondo.BGCOLORSe utiliza para asignar un color de fondo a toda la paginaWeb.
  30. 30. Las listas son un conjunto de elementos que se puedencrear con el lenguaje HTML para mostrarlas en una paginaWeb. Hay 3 tipos de listas: LISTAS NO ORDENADAS Listas No Ordenadas SINTAXIS: <UL TYPE = “icono”> Listas Ordenadas <LH> Titulo de la Lista </LH> Listas de Definición <LI> Elemento Nº 01 <LI> Elemento Nº 02Icono: <LI> Elemento Nº 03El icono es una palabra que indica lo .que va a acompañar a cada elemento .de la lista y puede ser: .o disc (predeterminado) <LI> Elemento Nº no circle </UL>o square
  31. 31. Las LISTAS ORDENADAS se caracterizan porquecada elemento va enumerada.START: LISTAS ORDENADASEs opcional , indica la primera SINTAXIS:numeración, se indica con el <OL START = “n” TYPE = “valor”>valor n. <LH> Titulo de la Lista </LH> <LI> Elemento Nº 01TYPE: <LI> Elemento Nº 02Indica el tipo de numeración, <LI> Elemento Nº 03que puede ser; .A: Letra Mayúsculas .a: Letra Minúscula .I: romanos en mayúsculas <LI> Elemento Nº ni: romanos en minúscula </OL>0: números enteros.
  32. 32. Las LISTAS DE DEFINICIÓN permiten escribir untermino y su definición. LISTAS DE DEFINICION<LH> SINTAXIS:Es opcional, se utiliza para <DL>establecer un TITULO a la lista. <LH> Titulo de la Lista </LH> <DT> Termino Nº 01<DT> <DD> Definición Nº 01Se utiliza para escribir un <DT> Termino Nº 02termino que deseamos definir. <DD> Definición Nº 02 .<DD> .Se utiliza para describir el .termino. <DT> Termino Nº n <DD> Definición Nº n </DL>
  33. 33. Una tabla es un conjunto de filas Y columnas quese 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 formaopcional atributos cuyos valores y característicasafectaran a toda la tabla y son los siguientes:
  34. 34. BORDERSe utiliza para establecer el grosor del borde de unatabla, la forma predeterminada es 0= no borde.CELLSPACINGSe utiliza para establecer es espacio entre cada celdade la tabla, el valor predeterminada es 2.WIDTHSe utiliza para establecer el ancho de la tabla que sedesea crear, el valor puede esta en porcentajes.HEIGHTSe utiliza para establecer la altura de la tabla que sedesea crear, el valor puede esta en porcentajes.<TABLE BORDER=3 WIDTH=50% CELLPADDING=2> </TABLE>
  35. 35. <CAPTION> </CAPTION>Esta etiqueta es opcional y permite establecer untitulo a la tabla que deseamos crear.Podemos agregarle el atributo de ALIGN y asignarlevalores de TOP o BOTTOM.<TABLE BORDER=5> <CAPTION ALIGN=TOP> Titulo de la Tabla </CAPTION></TABLE>
  36. 36. <TR> </TR>Esta etiqueta permite crear una fila dentro de unatabla, y tiene los siguientes atributos:ALIGNPara indicar la alineación Horizontal del contenido ysus valores son: Left (izquierda) Right (Derecha) oCenter (Centro).VALIGNSe utiliza para la alineación vertical del contenido y susvalores sn: Top (Arriba) Middle (Mitad) o Botton(Abajo).BGCOLORSe utiliza para indicar el color de fondo de las celdas.
  37. 37. <TH> </TH>Esta etiqueta se debe escribir dentro de <TR> </TR> ypermite crear columnas de cabecera, es decircolumnas en la primera fila de la tabla, y tiene lossiguientes atributos:ALIGNPara indicar la alineación Horizontal del contenido ysus valores son: Left, Right, Center, Justify o Decimal.VALIGNSe utiliza para la alineación vertical del contenido y susvalores son: Top, Middle o Botton.WIDTHSe utiliza para indicar el ancho de la columna en %.
  38. 38. 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 queocupara 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íneacuando ocupe el ancho establecido para la columna.
  39. 39. <TD> </TD>Esta etiqueta permite crear dentro de una fila, columnas que contendrán datos. Esta etiqueta sedeberá utilizar a partir de la segunda fila si la tablacontiene cabecera.
  40. 40. En HTML también se puede insertar imágenes en unapagina Web, normalmente las imágenes deben ser GIFo JPG.Se recomienda GIF para mostrar imágenes pequeñascomo iconos y JPG para imágenes grandes y realescomo una fotografía.SINTAXIS: <IMG SRC=“RutaNombre del Archivo”> <IMG SRC=“URLNombre del Archivo”>
  41. 41. ALTCon esteatributo seindica untexto el cualse visualizaracuando paseel puntero delMouse por laimagen.
  42. 42. ALIGNSe utiliza cuandoqueremos que laimagen vayaacompañada deun texto.Left: IzquierdaRight: DerechaTop: Primera Línea deltexto Arriba.Bottom: Primera líneadel texto abajoMiddle: Primera línea deltexto al medio.
  43. 43. Son llamados también enlaces o Link y como sunombre lo indica, permiten enlazar i ir en formadirecta a otra parte de la misma pagina Web o a otrapagina.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>
  44. 44. Existen también enlaces a otros documentos o paginasHTML, este tipo de enlace se utiliza cuandodeseampos 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>
  45. 45. Nos permiten dividir una pagina en varias secciones ycada una de ellas es independiente pudiendo mostraruna pagina Web diferente en cada una.Cuando vamos a usar frames dentro de una pagina seutiliza lka etiiqueta <FrameSet> </FrameSet> en lugarde <Body> </Body>:
  46. 46. ROWSPermite crear frames horizontales, se le asigna eltamaño del frame o frames que desea crear separadospor una coma, el valor puede ser en porcentaje y el *indica el resto de la ventana.COLSPermite crear frames en forma vertical. Al igual queRows se le asigna tamaños del frame.
  47. 47. Son aquellos frames que se encuentran dentro de otroframe. Solo hay que utilizar dentro de la etiqueta <FRAME></FRAME> la etiqueta de creación <FRAMESET></FRAMESET> con todos sus atributos y valores.
  48. 48. Son herramientas muy importante en la pagina Web ya quepermiten a los usuarios ingresar datos para que seanprocesados por un servidor.Los formularios permiten la creación de paginas Webdinámicas, es decir, de paginas que administren bases dedatos.
  49. 49. La sintaxis para crear un formulario es la siguiente: <Form> </Form>Dentro de la Etiqueta <Form> se debe utilizar lossiguientes atributos: Action Method EnctypeActionCon este atributo se Indica la dirección electrónica a dondese enviaran y procesarán los datos que un usuario ingresaen el formulario. <Form Action=MipaginaWeb.com> </Form>
  50. 50. MethodEste atributo se utiliza para Indicar como se debe transferirhacia el servidor los datos que se ingresan en elformulario.Se pueden utilizar las palabras Get o Post. <Form Action=MipaginaWeb.com Method=Post> </Form>
  51. 51. EnctypeEste atributo es opcional y se utiliza cuando deseamosenviar los datos encriptados.<Form Action=MipaginaWeb.com Method=Post Enctype></Form>
  52. 52. Los Formularios se diseñan con controles que permiten elingreso de los datos en las paginas Web.CAJAS DE TEXTOSe utiliza la etiqueta Input, que utiliza los siguientescontroles:Type: Se utiliza para indicar el tipo de control que desea mostrar enel formulario para el ingreso de datos, para crear una caja de textose le debe asignar el valor Text. Type=“Text”Name: Permite asignarle un nombre al control el cual representa alvalor 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, elvalor predeterminado es 20. Size=35

×