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:

  1. Los títulos estarán centrados, con una letra Verdana, con el atributo de resaltado o negrita y en color Azul.
  2. La inserción de los textos será a través de cuadros de texto
  3. La salida será presentada en texto plano, en letra Times New Roman
  4. El código fuente de nuestro programa será indentado
  5. Los comentarios serán de todo tipo, dependiendo del largo del comentario.
  6. 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:

 

php

 

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:

 

 

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!

 

¿Te gustó? Pues comparte ;-)
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 600px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame