Asumimos desde ya que todos poseemos un conocimiento
al menos básico de lo que implica HTML y una página
web básica, de tal manera que no nos vamos a detener a explicar
con detalles para qué sirve cada viñeta HTML que iremos
insertando. (Para más referencia pueden consultar el curso
de HTML brindado en aulafácil.com)
En esta entrega vamos a aprender de una manera más
detallada la forma en la que podemos combinar HTML y PHP para generar
una página dinámica que no solamente servirá
para usos en Internet, sino también puede servir como un programa
en una red interna.
¿Recordamos todos el proyecto a desarrollar?
Sólo en caso de que no: tenemos que
hacer un programa que calcule el precio de un producto dependiendo
de su precio original, agregando un impuesto específico.
¿Recordamos todos la estandarización
que ibamos a tener?
De nuevo, en caso de que no:
Los títulos estarán centrados,
con una letra Verdana, con el atributo de resaltado o negrita
y en color Azul.
La inserción de los textos será
a través de cuadros de texto
La salida será presentada en texto plano,
en letra Times New Roman
El código fuente de nuestro programa
será indentado
Los comentarios serán de todo tipo,
dependiendo del largo del comentario.
Sólo habrá un función
en nuestro programa, la cual calculará el precio final,
en base el parámetro del precio original del producto.
Agregaremos un par de cosas más:
Las viñetas HTML estarán siempre en mayúscula.
Las sentencias PHP estarán siempre en minúscula
Vamos por partes, ¿les parece?
En primer lugar vamos a nuestro editor de texto y
abramos un documento nuevo:
En este documento nuevo comenzaremos la construcción
de nuestra página dinámica de la siguiente manera:
<HTML>
<HEAD>
<TITLE>Proyecto
Página Dinámica</TITLE>
</HEAD>
<BODY>
<!-- Formato del
Título de la página-->
<FORM METHOD = "POST"
ACTION = "proyecto_1.php">
<FONT FACE = "Verdana"
COLOR = "#1200FF">
<CENTER><B><H2>Sistema
de Cálculo de Impuesto de Producto</H2></B></CENTER>
</FONT>
Por favor digite el
precio del producto:
<INPUT TYPE = TEXT
NAME = "precio_original" MAXLENGHT = 5 SIZE = 5>
echo "<BR><H2><CENTER>El
precio final es: ".calculo($precio_original)."</CENTER></H2>";
/*La salida será centada como
Header 2, incluyendo el precio final (calculado en la función
calculo()*/
?>
El resultado es el siguiente:
En nuestras siguientes entregas,
vamos a continuar con este proyecto, el cual crecerá, y se
mejorará. Esperamos que en cuanto a las salidas HTML todo esté
claro.
