PHP - Nivel 1

Instalacin - Configuracin: Apache - PHPHTML - Formularios

Hojas de Estilo

Todo en 1

Instalacin automatica del servidor

Instalacin Individual

PHP 5.2.17Compiladocon VC6

( desactualizado )

PHP 5.3.8Compilado con VC9

Apache 2.2.21Web Oficialhttp://httpd.apache.org

Compilado con VC6

OK -

Apache 2.2.21Web Alternahttp://www.apachelounge.com

Compilado con VC9

- OK

Instalando Apache

Servidor Web

Apache 2.2.21 - VC9 En la actualidad las ultimas versiones de PHP, vienen

compiladas con VC9, razn por la cual debemos instalar una versin de apache tambien compilada con VC9.

Debemos tener presente que desde el sitio oficial http://httpd.apache.org slo se encuentra disponible la version compilada con VC6, por esta razn debemos utilizar una distribucin no oficial de apache, pero que haya sido compilada con VC9. ( www.apachelounge.com )

Tener presente que la configuracin del servidor web, se realiza en C:\Apache2\conf\httpd.conf

Cualquier cambio en la configuracin, hace necesario que reiniciemos nuestro servidor apache.

Instalacin Asegurarse que no hay algn servicio ocupando el puerto

80, probar http://localhost( de ser necesario c:\netstat -nab ).

Descargar el zip desde apachelounge. Proceder a descomprimir el apache. Reubicar los archivos, de tal forma que quede c:\apache2 Desde la consola (CMD), ingresar a c:\apache2\bin Ejecutar el comando httpd.exe En una ventana de navegador, colocar la siguiente

direccion http://localhost

Instalando PHP

Ampliando capacidades alServidor Web

Instalacin

Descargar la ltima versin de PHP. Proceder a descomprimir. Renombrar la carpeta y reubicar, quedando c:\php5 Ingresar a la carpeta y crear una copia del archivo

php.ini-development bajo el nombre de php.ini Tener presente que el archivo php.ini, guarda la

configuracin del PHP y cualquier cambio que realicemos en dicho archivo, hace necesario que reiniciemos nuestro servidor apache.

Enlazando Apache y PHP

PHP, modulo de Apache

Finalmente, debemos editar el archivo httpd.conf y agregar al final de dicho archivo lo siguiente:

LoadModule php5_module "C:\php5\php5apache2_2.dll"PHPIniDir "C:\php5"AddType application/x-httpd-php .php .phtml

PHP, como CGI

Configurar el archivo httpd.conf, agregando al final: ScriptAlias /php/ "C:/php5/"AddType application/x-httpd-php .php .phtmlAction application/x-httpd-php "/php/php-cgi.exe"

Prueba de Funcionalidad Crear en C:\Apache2\htdocs\ un archivo llamado info.php

Proceder a reiniciar el servidor apache, para que pueda cargar los cambios realizados.

En el navegador, escribir la siguiente direccion:http://localhost/info.php

HTML - FORMULARIOS

Ingresando - Enviandoinformacin

Ejercicio Desarrollaremos un formulario, que utilice varios controles

frecuentes del HTML. Usaremos DREAMWEAVER, para agilizar la contruccin de

la pgina de prueba. Inicialmente usaremos una tabla de 9 filas X 2 columnas. Finalmente analizaremos la forma de envio y recepcion de

los datos bajo los mtodos POST y GET.

html_0a.php

Hojas de estilo *.css

CSS - Cascading Style Sheets CSS es un lenguaje usado para definir la presentacin de

un documento estructurado escrito en HTML o XML (y por extensin en XHTML)

La idea que se encuentra detrs del desarrollo de CSS es separar la estructura de un documento de su presentacin.

3 formas de usar css (1) Una hoja de estilo externa, es una hoja de estilo que est

almacenada en un archivo diferente al archivo donde se almacena el cdigo HTML de la pgina Web. Esta es la manera de programar ms potente, porque separa completamente las reglas de formateo para la pgina HTML de la estructura bsica de la pgina.

Demo

3 formas de usar css (2)

Una hoja de estilo interna, que es una hoja de estilo que est incrustada dentro de un documento HTML.

H1 {border-width: 1px; border: solid; text-align: center}

3 formas de usar css (3)

Un estilo en lnea (inline) es un mtodo para insertar el lenguaje de estilo de pgina directamente dentro de una etiqueta HTML. Esta manera de proceder no es totalmente adecuada. El incrustar la descripcin del formateo dentro del documento de la pgina Web, a nivel de cdigo, se convierte en una manera larga, tediosa y poco elegante de resolver el problema de la programacin de la pgina.

Hola

Ventajas de usar cssLas ventajas de utilizar CSS son:

Control centralizado de la presentacin de un sitio web completo con lo que se agiliza de forma considerable la actualizacin del mismo.

Los navegadores permiten a los usuarios especificar su propia hoja de estilo local, que ser aplicada a un sitio web, con lo que aumenta considerablemente la accesibilidad. Por ejemplo, personas con deficiencias visuales pueden configurar su propia hoja de estilo para aumentar el tamao del texto o remarcar ms los enlaces.

Una pgina puede disponer de diferentes hojas de estilo segn el dispositivo que la muestre o, incluso, a eleccin del usuario. Por ejemplo, para ser impresa, mostrada en un dispositivo mvil o ser "leda" por un sintetizador de voz.

Ventajas de usar css El documento HTML en s mismo es ms claro de entender

y se consigue reducir considerablemente su tamao (siempre y cuando no se utilice estilo en lnea).

Ejercicio CSS

Para este ejercicio, se le hace entrega de una hoja html, la cual iremos gradualmente integrando con una hoja de estilos, cambiando asi la presentacion de cada elemento html.

La hoja de estilos que implementaremos: html_01a.css Aplicaremos estilos a elementos predefinidos html, como

tambien estilos independientes.

html_01a.css - Body, H1

H2, H3, negrita

Texto pre-definido, Caja de texto

Cajas de texto , eventos

Tabla / Select

Cabecera, fila, celda

Trabajando con los enlaces

Dando forma a los DIV

Muchas Gracias