Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Eva de Etapa 3 Carwash

    Cargado por

    sandra Ruiz
    14 vistas15 páginas
    El documento presenta el código HTML y CSS para crear las páginas web de un negocio de lavado de autos. Incluye las páginas de inicio, productos, servicios y compra. En la página de inicio se describe los servicios ofrecidos. Las páginas de productos y servicios muestran imágenes y descripciones breves. La página de compra incluye un formulario para seleccionar servicios y calcular el total a pagar usando PHP.

    Descripción original:

    carwash

    Título original

    eva de etapa 3 carwash

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    El documento presenta el código HTML y CSS para crear las páginas web de un negocio de lavado de autos. Incluye las páginas de inicio, productos, servicios y compra. En la página de inicio se describe los servicios ofrecidos. Las páginas de productos y servicios muestran imágenes y descripciones breves. La página de compra incluye un formulario para seleccionar servicios y calcular el total a pagar usando PHP.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    14 vistas15 páginas

    Eva de Etapa 3 Carwash

    Cargado por

    sandra Ruiz
    El documento presenta el código HTML y CSS para crear las páginas web de un negocio de lavado de autos. Incluye las páginas de inicio, productos, servicios y compra. En la página de inicio se describe los servicios ofrecidos. Las páginas de productos y servicios muestran imágenes y descripciones breves. La página de compra incluye un formulario para seleccionar servicios y calcular el total a pagar usando PHP.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 15

    Universidad Autónoma de Nuevo León

    Escuela Industrial y Preparatoria Técnica Álvaro


    Obregón

    Fundamentos de programación web

    Docente: Héctor Francisco Berrones Cortez


    Etapa: 3
    Actividad: Carwash

    Alumno: Sandra Julieta Ruiz Pérez


    Grupo: 4L2
    Aula: 118v
    Fecha: 25/04/23
    Página principal y código:

    <html>
    <head>
    <title></title>
    </head>
    <body>
    <body bgcolor="#33B5FF">
    <h1>Carwash</h1>
    <br>
    <marquee bgcolor="#006699" behavior="scroll" direction="right">
    <b><font color=#"FFFFCC"
    size="5">Carwash</font></b></marquee>
    <ul class="menu">
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    menu.html">Inicio</a></li>
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    productos..html">Productos</a></li>
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    servicios.html">Servicios</a></li>
    </ul>
    <p class="" style="white-space:pre-wrap;"
    id="yui_3_17_2_1_1682521972819_845">Somos un equipo
    encargado de lavar tu auto a tu manera y a tu disposicion, los
    precios se cobran despues de la limpieza, recurrentemente
    tenemos descuentos y claramente somos de una gran confianza
    para ti y para tu automovil, te aseguramos que aqui con nosostros
    no te arrepentiras, en caso de algun daño no se cobrara
    limpieza.</p>
    <p class="" style="white-space:pre-wrap;">Contamos desde equipo
    manual a alta presión, equipos automáticos desde 10 hasta 120
    vehículos por hora con o sin cadena, máquinas automáticas y
    semiautomáticas para lavado de camiones, equipo de
    descontaminación de ruedas para industria minera, reciclaje de
    agua, espumadores, accesorios en general para negocio de
    carwash, limpieza con brazo robótico para parques de celdas
    solares, etc. Estamos respaldados por los mejores fabricantes de
    componentes y túneles de lavado para ofrecerle la mejor solución a
    sus necesidades de limpieza.</p><p class="" data-rte-preserve-
    empty="true" style="white-space:pre-wrap;"></p>
    <img alt="" class="hCL kVc L4E MIw" fetchpriority="auto"
    loading="auto"
    src="https://i.pinimg.com/564x/98/a4/59/98a459ae60a2841ce897
    038e39b582ab.jpg">
    Pagina productos y código:
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <body bgcolor="#338AFF">
    <h1>Productos</h1>
    <br>
    <marquee bgcolor="#006699" behavior="scroll" direction="right">
    <b><font color=#"FFFFCC" size="5">desde llantas, hasta fundas
    de volantes</font></b></marquee>
    <ul class="menu">
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    menu.html">Inicio</a></li>
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    productos..html">Productos</a></li>
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    servicios.html">Servicios</a></li>
    </ul>
    <p class="" style="white-space:pre-wrap;"
    id="yui_3_17_2_1_1682521972819_845">Llantas:</p>
    <img alt="Esto contiene una imagen de: Et Tire Pricing - Tyre And
    Alloy Wheels Png Image With Transparent Background" class="hCL
    kVc L4E MIw" fetchpriority="auto" loading="auto"
    src="https://i.pinimg.com/236x/ae/66/bc/ae66bc951de7bd8ead76
    9e43f4f02a64.jpg"
    srcset="https://i.pinimg.com/236x/ae/66/bc/ae66bc951de7bd8ead
    769e43f4f02a64.jpg 1x,
    https://i.pinimg.com/736x/ae/66/bc/ae66bc951de7bd8ead769e43f
    4f02a64.jpg 3x">
    <br>
    <p class="" style="white-space:pre-wrap;"
    id="yui_3_17_2_1_1682521972819_845">Bomba:</p>
    <img alt="bomba de agua, CALPEDA, Maquinas, Bombas de Agua,
    Maquinas de projetar, Bombas, Peças, Construção, Importador,
    Importação, CALPEDA CT61, 380 V" class="hCL kVc L4E MIw"
    fetchpriority="auto" loading="auto"
    src="https://i.pinimg.com/236x/d6/af/1b/d6af1b338b632a6692e4
    d647879e5420.jpg"
    srcset="https://i.pinimg.com/236x/d6/af/1b/d6af1b338b632a6692
    e4d647879e5420.jpg 1x,
    https://i.pinimg.com/736x/d6/af/1b/d6af1b338b632a6692e4d6478
    79e5420.jpg 3x">
    <br>
    <p class="" style="white-space:pre-wrap;"
    id="yui_3_17_2_1_1682521972819_845">aspiradora:</p>
    <img alt="Preto Collar ABS Aspirador portátil Embellished
    Electrodomésticos" class="hCL kVc L4E MIw" fetchpriority="auto"
    loading="auto"
    src="https://i.pinimg.com/236x/94/05/36/9405367aeff3c0a4495ce
    248c03a0b59.jpg"
    srcset="https://i.pinimg.com/236x/94/05/36/9405367aeff3c0a449
    5ce248c03a0b59.jpg 1x,
    https://i.pinimg.com/736x/94/05/36/9405367aeff3c0a4495ce248c
    03a0b59.jpg 3x">
    Página servicios y código:

    <html>
    <head>
    <title></title>
    </head>
    <body>
    <body bgcolor="#338AFF">
    <h1>Servicios</h1>
    <br>
    <marquee bgcolor="#006699" behavior="scroll" direction="right">
    <b><font color=#"FFFFCC" size="5">Toda clase de descuentos y
    promociones</font></b></marquee>
    <ul class="menu">
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    menu.html">Inicio</a></li>
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    productos..html">Productos</a></li>
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    servicios.html">Servicios</a></li>
    </ul>
    <p class="" style="white-space:pre-wrap;"
    id="yui_3_17_2_1_1682521972819_845">Algunos de nuestros
    servicios son la buena mano de obra, para nosostros es importante
    que el cliente salga contento asi que algunos de nuestros precios
    son: </p>
    <br>
    <img alt="" class="hCL kVc L4E MIw" fetchpriority="auto"
    loading="auto"
    src="https://i.pinimg.com/564x/d6/43/2a/d6432a730240515851c9
    630e2ff74910.jpg"><p class="" style="white-space:pre-wrap;"
    id="yui_3_17_2_1_1682521972819_845">Nuestro lavado exterior
    con un costo de aproximadamente $150 pesos </p>
    <br>
    <img alt="Esto contiene una imagen de: Never Let Cleaning
    Products Dry on Leather" class="hCL kVc L4E MIw"
    fetchpriority="auto" loading="auto"
    src="https://i.pinimg.com/236x/1e/28/3e/1e283eca26ea0c94e3e0
    0ed746695e5d.jpg"
    srcset="https://i.pinimg.com/236x/1e/28/3e/1e283eca26ea0c94e3
    e00ed746695e5d.jpg 1x,
    https://i.pinimg.com/474x/1e/28/3e/1e283eca26ea0c94e3e00ed7
    46695e5d.jpg 2x,
    https://i.pinimg.com/736x/1e/28/3e/1e283eca26ea0c94e3e00ed7
    46695e5d.jpg 3x,
    https://i.pinimg.com/originals/1e/28/3e/1e283eca26ea0c94e3e00
    ed746695e5d.jpg 4x">
    <p class="" style="white-space:pre-wrap;">Nuestro lavado interior
    con un costo aproximado de $250 pesos.</p><p class="" data-rte-
    preserve-empty="true" style="white-space:pre-wrap;"></p>
    <br>
    <img alt="Esto contiene una imagen de: Free Photo | Car wash
    detailing station" class="hCL kVc L4E MIw" fetchpriority="auto"
    loading="auto"
    src="https://i.pinimg.com/236x/c4/e2/c7/c4e2c7f59a5636a6b0988
    073f17ad697.jpg"
    srcset="https://i.pinimg.com/236x/c4/e2/c7/c4e2c7f59a5636a6b0
    988073f17ad697.jpg 1x,
    https://i.pinimg.com/474x/c4/e2/c7/c4e2c7f59a5636a6b0988073f
    17ad697.jpg 2x,
    https://i.pinimg.com/736x/c4/e2/c7/c4e2c7f59a5636a6b0988073f
    17ad697.jpg 3x,
    https://i.pinimg.com/originals/c4/e2/c7/c4e2c7f59a5636a6b09880
    73f17ad697.jpg 4x">
    <p class="" style="white-space:pre-wrap;">Encerado y brillo con un
    costo de $500 pesos dependiendo el tamaño del vehiculo</p><p
    class="" data-rte-preserve-empty="true" style="white-space:pre-
    wrap;"></p>
    Pagina y código de compras:

    <!DOCTYPE html>
    <html>
    <head>
    <title>Cobro de Servicios - Carwash</title>
    </head>
    <body>
    <body bgcolor="#338AFF">
    <h1>Productos</h1>
    <br>
    <marquee bgcolor="#006699" behavior="scroll" direction="right">
    <b><font color=#"FFFFCC" size="5">desde llantas, hasta fundas
    de volantes</font></b></marquee>
    <ul class="menu">
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    menu.html">Inicio</a></li>
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    productos..html">Productos</a></li>
    <li><a
    href="file:///C:/Users/Lenovo%20L450/Desktop/Cuarto
    %20semestre/Fundamentos%20de%20programacion%20web/
    servicios.html">Servicios</a></li>
    <li><a
    href="file:///">Compras</a></li>
    </ul>
    <main>
    <h1>Cobro de Servicios</h1>
    <?php
    // Definir los servicios y sus precios
    $services = array(
    "Limpieza exterior" => 150,
    "Limpieza de interiores" => 250,
    "Pulido y encerado" => 500
    );
    // Verificar si se ha enviado el formulario de selección de
    servicios
    if(isset($_POST['submit'])) {
    // Obtener los servicios seleccionados y calcular el total
    $selecteservices = $_POST['services'];
    $total = 0;
    foreach($selected_services as $service) {
    $total += $services[$service];
    }

    // Mostrar el total al usuario


    echo "<p>El total a pagar por los servicios seleccionados es de
    $".$total.".</p>";
    }
    ?>
    <form method="post">
    <h2>Selecciona los servicios que deseas</h2>
    <?php
    // Generar una casilla de verificación para cada servicio
    foreach($services as $name => $price) {
    echo '<input type="checkbox" name="services[]" value="'.
    $name.'">'.$name.' ($'.$price.')<br>';
    }
    ?>
    <br>
    <input type="submit" name="submit" value="Calcular Total">
    </form>
     </body>
    </html>

    También podría gustarte