Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 356 vistas

    Actividad - TAREA SESIÓN 01

    Cargado por

    Danny Cabrera
    Este documento presenta dos problemas de laboratorio sobre ingeniería web. El primer problema pide crear una tabla con periódicos agrupados por país y sus enlaces. El segundo problema pide crear una página con ofertas de una pollería que al hacer clic en "solicitar" envíe un correo electrónico con la oferta seleccionada. Se incluyen los códigos HTML para ambos problemas.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Actividad - TAREA SESIÓN 01

    Cargado por

    Danny Cabrera
    356 vistas11 páginas
    Este documento presenta dos problemas de laboratorio sobre ingeniería web. El primer problema pide crear una tabla con periódicos agrupados por país y sus enlaces. El segundo problema pide crear una página con ofertas de una pollería que al hacer clic en "solicitar" envíe un correo electrónico con la oferta seleccionada. Se incluyen los códigos HTML para ambos problemas.

    Descripción original:

    INGENIERIA WEB SESION 1 TAREA

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento presenta dos problemas de laboratorio sobre ingeniería web. El primer problema pide crear una tabla con periódicos agrupados por país y sus enlaces. El segundo problema pide crear una página con ofertas de una pollería que al hacer clic en "solicitar" envíe un correo electrónico con la oferta seleccionada. Se incluyen los códigos HTML para ambos problemas.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    356 vistas11 páginas

    Actividad - TAREA SESIÓN 01

    Cargado por

    Danny Cabrera
    Este documento presenta dos problemas de laboratorio sobre ingeniería web. El primer problema pide crear una tabla con periódicos agrupados por país y sus enlaces. El segundo problema pide crear una página con ofertas de una pollería que al hacer clic en "solicitar" envíe un correo electrónico con la oferta seleccionada. Se incluyen los códigos HTML para ambos problemas.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 11

    “Año de la Unidad, La paz y el desarrollo”

    Asignatura:
    Ingeniería Web

    Docente:
    Edy García Javier Córdova

    Integrantes:
    Cabrera Palma, Carlos Daniel
    Espinoza Guevara, Leo Daniel
    Garcia Bereche, Levi Gabriel
    Moran Garcia, Franco Renato
    Lizana Chinguel, Johan Paul
    ESCUELA ACADÉMICA PROFESIONAL DE
    INGENIERÍA DE SISTEMAS

    LABORATORIO N° 01
    Escuela Profesional: Ingeniería de Sistemas. Asignatura: INGENIERÍA WEB
    Sección: C1 Semestre Académico: 2023-I

    Docente: José Antonio Ogosi Auqui Fecha: 03/04/2023

    TRABAJO DE LABORATORIO I

    1. PROBLEMA 1
    Confeccionar una tabla que muestre los nombres de periódicos y su página web que e
    redireccione a ella, agrupados por países. En la primera columna debe estar los nombres de
    países, en la siguiente columna los periódicos y en la tercera columna su link.

    Por ejemplo:

    CÓDIGO HTML:
    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>PROBLEMA 01</title>

    </head>

    <body>

    <table border="1" cellpadding="9" width=40%>

    <tr>

    <th rowspan="3">Perú</th>

    <td>El Popular</td>

    <td><a href="https://www.elpopular.pe" target="_blank">www.elpopular.pe</a></td>


    ESCUELA ACADÉMICA PROFESIONAL DE
    INGENIERÍA DE SISTEMAS

    </tr>

    <tr>

    <td>Perú 21</td>

    <td><a href="https://www.peru21.pe" target="_blank">www.peru21.pe</a></td>

    </tr>

    <tr>

    <td>El Tiempo</td>

    <td><a href="https://www.eltiempo.pe" target="_blank">www.eltiempo.pe</a></td>

    </tr>

    <tr>

    <th rowspan="3">Bolivia</th>

    <td>El Diario</td>

    <td><a href="https://www.eldiario.net" target="_blank">www.eldiario.net</a></td>

    </tr>

    <tr>

    <td>La Época</td>

    <td><a href="https://www.la-epoca.com.bo" target="_blank">www.la-


    epoca.com.bo</a></td>

    </tr>

    <tr>

    <td>La Razón</td>

    <td><a href="https://www.la-razon.com" target="_blank">www.la-razon.com</a></td>

    </tr>

    <tr>

    <th rowspan="3">Ecuador</th>

    <td>El Comercio</td>

    <td><a href="https://www.elcomercio.com"
    target="_blank">www.elcomercio.com</a></td>

    </tr>
    ESCUELA ACADÉMICA PROFESIONAL DE
    INGENIERÍA DE SISTEMAS

    <tr>

    <td>La Hora</td>

    <td><a href="https://www.lahora.com.ec" target="_blank">www.lahora.com.ec</a></td>

    </tr>

    <tr>

    <td>La Prensa</td>

    <td><a href="https://www.laprensa.com.ec"
    target="_blank">www.laprensa.com.ec</a></td>

    </tr>

    <tr>

    <th rowspan="3">Chile</th>

    <td>El Mercurio</td>

    <td><a href="https://www.emol.com" target="_blank">www.emol.com</a></td>

    </tr>

    <tr>

    <td>La Hora</td>

    <td><a href="https://www.lahora.cl" target="_blank">www.lahora.cl</a></td>

    </tr>

    <tr>

    <td>La Tercera</td>

    <td><a href="https://www.latercera.com" target="_blank">www.latercera.com</a></td>

    </tr>

    <tr>

    <th rowspan="3">Colombia</th>

    <td>El Espectador</td>

    <td><a href="https://www.elespectador.com"
    target="_blank">www.elespectador.com</a></td>

    </tr>

    <tr>
    ESCUELA ACADÉMICA PROFESIONAL DE
    INGENIERÍA DE SISTEMAS

    <td>Publimetro</td>

    <td><a href="www.publimetro.co" target="_blank">www.publimetro.co</a></td>

    </tr>

    <tr>

    <td>El Nuevo Siglo</td>

    <td><a href="https://www.elnuevosiglo.com.co"
    target="_blank">www.elnuevosiglo.com.co</a></td>

    </tr>

    </table>

    </body>

    </html>

    CAPTURA DE LA TABLA:
    ESCUELA ACADÉMICA PROFESIONAL DE
    INGENIERÍA DE SISTEMAS

    2. PROBLEMA 2
    Una empresa que vende pollo a la brasa tiene 3 ofertas. Las mismas son (¼ de pollo y una
    gaseosa 25 soles, un pollo entero más 2 porciones de papas fritas 55 soles y 1 pollo solo con
    gaseosa 45 soles). Confeccionar una página que disponga tres hipervínculos a cada una de esas
    ofertas. Al ser presionadas “solicitar” de la promoción elegida se abrirá el correo del cliente para
    enviar un correo a la dirección ingresada por la página. En el título indicar si se trata de la
    promoción 1, 2 o 3. AYUDA: Para que en el correo nos aparezca aparte de la dirección de correo
    de destino, el asunto y texto en el contenido, se usaría lo siguiente:

    <a href="mailto: pollosofertas@gmail.com?Subject=Comentario">

    Solicitar</a>

    CÓDIGO HTML:
    a. Archivo “PROBLEMA 02.html”:
    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>PROBLEMA 02</title>

    </head>

    <body>

    <h1>POLLERIA MI POLLITO</h1>

    <h2>Promociones:</h2>

    <ul>

    <li><a href="promo01.html" target="_blank">Promoción N°01</a></li>

    <li><a href="promo02.html" target="_blank">Promoción N°02</a></li>

    <li><a href="promo03.html" target="_blank">Promoción N°03</a></li>

    </ul>

    </body>

    </html>
    ESCUELA ACADÉMICA PROFESIONAL DE
    INGENIERÍA DE SISTEMAS

    b. Archivo “promo01.html”:
    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>Promoción N°01</title>

    </head>

    <body>

    <h1> Promoción N°01</h1>

    <h2> Descripción: </h2>

    <p> ¼ DE POLLO Y UNA GASEOSA: 25 SOLES.</p>

    <a href="mailto: pollosofertas@gmail.com?Subject=PROMOCIÓN N°01">SOLICITAR</a>

    </body>

    </html>

    c. Archivo “promo02.html”:
    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>Promoción N°02</title>

    </head>

    <body>

    <h1> Promoción N°02</h1>

    <h2> Descripción: </h2>

    <p> 1 POLLO ENTERO MÁS 2 PORCIONES DE PAPAS FRITAS: 55 SOLES.</p>

    <a href="mailto: pollosofertas@gmail.com?Subject=PROMOCIÓN N°02">SOLICITAR</a>

    </body>

    </html>
    ESCUELA ACADÉMICA PROFESIONAL DE
    INGENIERÍA DE SISTEMAS

    d. Archivo “promo03.html”:
    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>Promoción N°03</title>

    </head>

    <body>

    <h1> Promoción N°03</h1>

    <h2> Descripción: </h2>

    <p> 1 POLLO SOLO CON GASEOSA: 45 SOLES.</p>

    <a href="mailto: pollosofertas@gmail.com?Subject=PROMOCIÓN N°03">SOLICITAR</a>

    </body>

    </html>

    CAPTURA DE LA PÁGINA WEB:


    ESCUELA ACADÉMICA PROFESIONAL DE
    INGENIERÍA DE SISTEMAS
    ESCUELA ACADÉMICA PROFESIONAL DE
    INGENIERÍA DE SISTEMAS
    ESCUELA ACADÉMICA PROFESIONAL DE
    INGENIERÍA DE SISTEMAS

    También podría gustarte