Está en la página 1de 41

PHP - Nivel 1

Instalacin - Configuracin: Apache - PHP


HTML - Formularios
Hojas de Estilo

Todo en 1
Instalacin automatica del servidor

Instalacin Individual

PHP 5.2.17
Compilado
con VC6
( desactualizado )

PHP 5.3.8
Compilado
con VC9

Apache 2.2.21
Web Oficial

http://httpd.apache.org

OK

OK

Compilado con VC6


Apache 2.2.21
Web Alterna

http://www.apachelounge.com
Compilado con VC9

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 al
Servidor 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 .phtml
Action 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 - Enviando
informacin

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.

<HEAD>
<TITLE>Demo<TITLE>
<LINK href="especial.css" rel="stylesheet" type="text/css">
</HEAD>

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.
<HEAD>
<STYLE type="text/css">
H1 {border-width: 1px; border: solid; text-align: center}
</STYLE>
</HEAD>

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.
<p style="font-size: 12pt; color: fuchsia"> Hola</p>

Ventajas de usar css


Las 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

También podría gustarte