PHP con Bases de Datos Tema 1 Introducción a PHP Instalación de EasyPHP Historia de PHP...

PHP con Bases de Datos

Tema 1 Introducción a PHPInstalación de EasyPHP

Historia de PHP

Características de PHP 5

Tecnologías del lado del Cliente

Tecnologías del lado del Servidor

Etiquetas de PHP

Primer Programa en PHP

Repaso de HTML


Instalación de EasyPHP

Para el curso ocuparemos una herramienta muy útil, ya que

dentro de esta herramienta se encuentran los tres programas

que utilizaremos durante el curso: PHP, Apache y MySQL. Al

instarla EasyPHP, estaremos instalando de manera automática

estos tres programas.


Qué es PHP

PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor.

Es un lenguaje de programación interpretado, diseñado originalmente

para la creación de páginas web dinámicas. Es usado principalmente en

interpretación del lado del servidor.



Al dar doble clic sobre el ejecutable, Windows emitirá el siguiente mensaje, al cual responderemos dando clic en Ejecutar.

Comenzará a ejecutarse el asistente y no pedirá que elijamos el idioma que se utilizará durante la instalación.

El asistente nos dará la bienvenida y damos clic en Siguiente

Nos mostrará la licencia del producto para leerla, después elegimos si aceptamos o no los términos, damos clic en siguiente



Nos mostrará un mensaje de información, en seguida damos clic en Siguiente

Ahora elegiremos la carpeta destino, en donde se instalará el programa.

Ahora elegimos la carpeta en donde se colocarán los accesos directos

Nos mostrará un resumen, damos clic en Instalar



El asistente comenzará la instalación Al finalizar la instalación nos mostrará la siguiente pantalla, damos clic en finalizar.


Historia de PHP

PHP es un lenguaje creado por una gran comunidad

de personas. El sistema fue desarrollado

originalmente en el año 1994 por Rasmus Lerdorf

como un CGI escrito en C que permitía la

interpretación de un número limitado de

comandos. El sistema fue denominado Personal

Home Page Tools y adquirió relativo éxito gracias a

que otras personas pidieron a Rasmus que les

permitiese utilizar sus programas en sus propias

páginas.


Historia de PHP

Dada la aceptación del primer PHP y de manera

adicional, su creador diseñó un sistema para

procesar formularios al que le atribuyó el nombre de

FI (Form Interpreter) y el conjunto de estas dos

herramientas, sería la primera versión compacta del

lenguaje: PHP/FI.


Historia de PHPLa siguiente gran contribución al lenguaje se realizó a mediados del 97 cuando se volvió a programar el analizador

sintáctico, se incluyeron nuevas funcionalidades como el soporte a nuevos protocolos de Internet y el soporte a

la gran mayoría de las bases de datos comerciales. Todas estas mejoras sentaron las bases de PHP versión 3.


Características de PHP 5

Fácil de usar

Embebido en HTML

Multiplataforma

Licencia Open Source

Multitud de Extensiones

Velocidad e incorporación de objetos

Popularidad

Gran Comunidad de apoyo


Tecnologías del Lado del Cliente

Tecnología Descripción Efecto de ejemploCSS, HTML Dinámico Sirve para dar formato a

las páginas.Enlaces con movimiento

Java Script, VBScript Manejo de eventos del navegador

Imágenes que cambian cuando se acerca el cursor

Applets de Java Aplicaciones pequeñas Puzzles, conectividad con bases de datos

Animaciones Flash Animaciones gráficas Películas interactivas


Tecnologías del Lado del Servidor

Los lenguajes del lado del servidor son invisibles para los clientes. Las páginas que utilicen scripts de este tipo contienen el código entre etiquetas parecidas a las de HTML, pero éstas desaparecen cuando el cliente recibe la página


Etiquetas PHP

De la misma forma que los documentos HTML están estructurados por TAGS o etiquetas, lo mismo sucede cuando escribimos en PHP, ya que, en sí un programa de PHP, que se verá a través del browser de Internet, es código HTML + Código PHP.

Indicarle al documento que vamos a comenzar a escribir en código PHP es similar a como lo hacemos cuando insertamos un subprograma Java o similar. Debemos incluir los tags de apertura de código y los tags de cierre. Los tags son los siguientes:

<?php Código PHP ?>


Primer Programa en PHPVeamos sobre una página web. Por ejemplo, el código fuente de una página web básica con un texto sería:

<html><head>

<title>Texto de Ejemplo</title></head><body>

<p>Este es un Texto de Ejemplo</p></body>

</html>


Primer Programa en PHPYa tenemos un ejemplo en HTML. Pero, ¿cómo sería esto mismo en PHP?

<html><head>

<title>Página de Ejemplo con PHP</title></head><body>

<p><?php

echo("Este es un Texto de Ejemplo");?></p>

</body></html>


Primer Programa en PHPHasta ahora, hemos utilizado la instrucción echo para desplegar información, pero, no son las únicas.

echo

print

printf


Repaso de HTML

El lenguaje de marcas de hipertexto se ha convertido en el principal referente de la Web. Para seguir adecuadamente los contenidos del libro, necesitará conocer el funcionamiento de HTML para insertar sus programas escritos en PHP 5.


Repaso de HTML

Cabecera y cuerpo de una página Web

Todo documento escrito en HTML está contenido entre las etiquetas <HTML> y </HTML>. Se pueden estructurar en:

Cabecera: Entre las etiquetas <HEAD> y </HEAD>: Contiene información relativa al documento. Entre las etiquetas más utilizadas dentro de la cabecera es la etiqueta <TITLE> </TITLE>

Cuerpo: Entre las etiquetas <BODY> y </BODY>: Debe contener la información que el usuario verá en el navegador.


Repaso de HTMLCuerpo del Documento

La etiqueta <BODY> también puede contener atributos que modifiquen el aspecto exterior de la página. Los principales atributos son:

•BGCOLOR: Indica el color de fondo de la Web.

•TEXT: Color general del texto.

•LINK: Color del texto de los enlaces.

•VLINK: Color de los enlaces que ya han sido utilizados.

•ALINK: Color de activación del texto.

•BACKGROUND: Imagen de fondo de un documento.


Repaso de HTML

Párrafos y saltos de líneas

Los textos pueden escribirse dentro de la etiqueta <BODY> en el orden que quiera; los navegadores no interpretan los saltos de líneas o líneas en blanco, eliminando todos los espacios vacíos.

Para crear un salto de línea tiene que utilizar <BR> escrito después del texto. Para crear párrafos tendrá que escribir el texto entre las etiquetas <P> </p>.


Repaso de HTMLEstilo de texto

Podemos resaltar partes del texto con algunas etiquetas:

•<B>: Bloque de texto en negrita.•<I>: Texto en cursiva.•<U>: Bloque de texto subrayado.•<BIG>: Texto con su mayor tamaño.•<SMALL>: Texto con \m tamaño pequeño.•<CENTER>: Texto centrado.•<SUP>: Superíndice.•<SUB>: Subíndice.

La etiqueta <FONT> permite seleccionar entre varios atributos para utilizar distintas fuentes, colores o tamaños. Entre los atributos que podemos utilizar: COLOR: Color de la fuente.SIZE: Tamaño de la fuente.FACE: Tipo de fuente.


Repaso de HTMLEnlaces de texto

Un enlace es un mecanismo que permite dirigirse a una página determinada después de hacer clic en el texto. Si entre las etiquetas <A> y </A> aparece algún contenido (texto o imagen), al hacer clic en la situación dentro de navegador, la página será dirigida a la nueva dirección.El atributo HREF contiene la dirección del enlace.


Repaso de HTML

Listas

Las listas son capaces de presentar ordenadamente una serie de conceptos. Los tipos de lista son:

•<UL>: Lista desordenada.

•<OL>: Lista ordenada.

La diferencia entre los tipos de lista radica en el carácter que aparece en la zona izquierda de cada línea de la lista. Las listas desordenadas tendrán un gráfico formal (una forma geométrica), las ordenadas tendrán un número de orden y las listas de definición una letra.


Repaso de HTML

Imágenes

La etiqueta < IMG> utiliza el atributo SRC para insertar la imagen seleccionada en el documento. Además, puede utilizar ALT para añadir una descripción a la imagen. Entre las imágenes que se pueden incluir en la Web están los tipos de archivos GIF, PNG y JPG. La alineación de la imagen con respecto a la pantalla se puede controlar con el atributo ALIGN.


Repaso de HTML

Tablas

El elemento estrella en una página Web es la tabla. Actualmente, las tablas se utilizan para colocar en lugares determinados de la pantalla textos, imágenes o el menú de selección. Para definir u n a tabla, tiene que insertar todos los datos entre las etiquetas <TABLE>, y </TABLE>.

A continuación, añada las filas y las columnas de nuestras tablas. Para añadir una fila, tendrá que utilizar la etiqueta <TR> y para incluir una nueva columna la etiqueta <TD>.


Repaso de HTML

Formularios

Los formularios son una de las herramientas de que disponemos a la hora de hacer nuestras páginas web interactivas, en el sentido de que nos permiten recopilar información de la persona que ve la página, procesarla y responder a ella, pudiendo de esta forma responder adecuadamente a sus acciones o peticiones.


Repaso de HTMLEtiquetas para Formularios:

• <FORM>...</FORM> action = "ruta_programa“ method = " POST / GET “ name=“Nombre del formulario”

• <INPUT> TYPE = “text”, “password”, “hidden”

o name= “nombre”o maxlenght= “n”o size= “n”o value= “texto”

TYPE = “radio”o name=“nombre”o value=“texto”o checked

TYPE = “checkbox”o name=“nombre”o value=“texto”o checked

• <INPUT> TYPE = “submit”

o value= “texto” TYPE = “reset”

o value=“texto”

• <SELECT>...</SELECT> name= “nombre” value= “texto” <OPTION>… </OPTION>

o value=“texto”o selected

• <TEXTAREA>...</TEXTAREA> name= “nombre” cols= “n” rows=“n”

PHP con Bases de Datos Tema 1 Introducción a PHP Instalación de EasyPHP Historia de PHP...

Documents

Transcript of PHP con Bases de Datos Tema 1 Introducción a PHP Instalación de EasyPHP Historia de PHP...