Salidas HTML. Nuestro proyecto parte 1
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 >
<P>
<INPUT TYPE = "Submit" VALUE = "Calcular Precio">
<?php
/*********************************************************************************************
* Programa que calcula el precio final de un producto, a partir de su precio original más un impuesto
* Autor:
* Fecha:
*********************************************************************************************/
function calculo($precio_original){ //Función que calcula el precio final
return $precio_final = ($precio_original * 0.13) + $precio_original; //retorna precio final
}
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:
[Objeto Flash Eliminado]
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.
De momento, ¡Hasta Pronto!
