Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Ga5 220501123 Aa3 Ev01

    Cargado por

    Danilo Cruz
    21 vistas12 páginas

    Título original

    GA5-220501123-AA3-EV01

    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?

    Denunciar este documento

    Copyright:

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

    Ga5 220501123 Aa3 Ev01

    Cargado por

    Danilo Cruz

    Copyright:

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

    INFORME DE IDENTIFICACIÓN DE COMPONENTES DEL PLAN

    DE PRUEBAS Y CRITERIOS DE ACEPTACIÓN


    GA5-220501123-AA3-EV01

    HEIBERG DANILO CRUZ TOVAR

    SERVICIO NACIONAL DE APRENDIZAJE SENA

    FICHA: (2758541)

    TECNICO EN PROCESAMIENTO DE PRUEBAS DE SOFTWARE

    INSTRUCTOR:

    Francisco Arnaldo Vargas Bermúdez

    BOGOTA

    06 DE MARZO DE 2024
    INTRODUCCIÓN

    En el mundo del desarrollo de software para la nube, es esencial comprender las tecnologías involucradas
    en el proceso de producción. Antes de adentrarnos en el proceso de establecer los tipos de pruebas a
    emplear, es crucial familiarizarse con estas tecnologías. En esta actividad, el objetivo es que el aprendiz
    afiance de manera práctica los conocimientos relacionados con la aplicación de las tecnologías
    seleccionadas para cumplir con los requisitos funcionales a través del desarrollo de aplicaciones.
    Informe de identificación de componentes del plan de pruebas y criterios de
    aceptación.

    Contenido.html

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="estilos.css">
    <title>Título de la Página</title>
    </head>
    <body>
    <header>
    <h1>HTML</h1>
    </header>
    <main>
    <article>
    <p>
    <span class="texto-negrita">HTML</span>, son las siglas de
    <i>HyperText Markup Language</i> que puede traducirse como lenguaje de marcas o
    marcado de hipertexto.
    </p>
    <p>
    El lenguaje <span class="texto-negrita">HTML</span> se emplea para
    crear las páginas web. Es muy fácil ver el código <span class="texto-
    negrita">HTML</span> de una página web, la ópcion exacta camia de un navegador a
    otro y tambiién pede cambiar de una versión a otra de un mismo navegador, pero
    suelen tener un nombre similar.
    </p>
    <p>
    <span class="texto-negrita">HTML</span>, se compone de etiquetas que
    se escrien entre los simbolos menor que y mayor que.
    </p>
    </article>
    <article>
    <h2 class="texto-negrita">Historia de HTML</h2>
    <p>
    Los inicios del lenguaje <span class="texto-negrita">HTML</span>se
    remontan al año 1990, cuando <i>Timb Berners-Lee</i> creó la primera página web.
    </p>
    </article>
    <article>
    <h2 class="texto-negrita">Versiones de HTML</h2>
    <p>
    <i>Tim Berners-Lee</i>definio la primera versión de <span
    class="texto-negrita"> HTML</span>, en el año 1991.
    </p>
    <p>
    En la actualidad, la última versión de <span class="texto-
    negrita">HTML</span>, es HTML5.
    </p>
    </article>

    </main>

    <footer>

    </footer>
    </body>
    </html>
    Listas.html

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="estilos.css">
    <title>Título de la Página</title>
    </head>
    <body>
    <header>
    <h1 class="texto-negrita">Curriculum Vitae de Bruce Wayne</h1>
    </header>
    <main>
    <article>
    <h2 class="texto-negrita">Datos personales</h2>
    <ul>
    <li>Nombre completo: <span class="texto-negrita"> Bruce
    Wayne</span></li>
    <li>Fecha de nacimiento: <span class="texto-negrita">
    1/5/1939</span></li>
    <li>Lugar de nacimiento: <span class="texto-negrita"> Gotham
    city</span></li>
    </ul>
    </article>
    <article>
    <h2 class="texto-negrita">Formación académica</h2>
    <ul>
    <li>1956-1961: <span class="texto-negrita"> Universidad del
    Espantapájaros</span></li>
    <li>1952-1956: <span class="texto-negrita"> Instituo de Dos
    Caras</span></li>
    <li>1944-1952:<span class="texto-negrita">Escuela Primaria del
    Joker</span></li>
    </ul>
    </article>
    <article>
    <h2 class="texto-negrita">Experiencia laboral</h2>
    <ul>
    <li>1975-1985: <span class="texto-negrita"> En el paro</span></li>
    <li>1965-1975: <span class="texto-negrita"> Cazavillanos y demas
    chusma</span></li>
    <li>1962-1965:<span class="texto-negrita">Aprendz de
    superhéroe</span></li>
    </ul>
    </article>

    </main>

    <footer>

    </footer>
    </body>
    </html>
    Formulario.html

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="estilos.css">
    <title>Título de la Página</title>
    </head>
    <body>
    <header>
    <h1 class="texto-negrita">Formulario de registro</h1>
    </header>
    <form action="/enviar.php" method="POST">
    <label for="nombre">Nombre:</label>
    <input type="text" id="nombre" name="nombre" required>
    <br>

    <label for="apellido">Apellido:</label>
    <input type="text" id="apellido" name="apellido" required>
    <br>

    <div class="sexo-options">
    <span>Sexo:</span>
    <div class="sexo-option">
    <label>
    <input type="radio" id="sexo-hombre" name="sexo" value="hombre"
    required>
    Hombre
    </label>
    </div>
    <div class="sexo-option">
    <label>
    <input type="radio" id="sexo-mujer" name="sexo" value="mujer"
    required>
    Mujer
    </label>
    </div>
    </div>

    <br>
    <label for="correo">Correo electrónico:</label>
    <input type="email" id="correo" name="correo" required>
    <br>

    <label for="poblacion">Población:</label>
    <select id="poblacion" name="poblacion" required>
    <option value="ciudad">Ciudad</option>
    <option value="pueblo">Pueblo</option>
    <option value="aldea">Aldea</option>
    </select>
    <br>

    <label for="descripcion">Descripción:</label>
    <textarea id="descripcion" name="descripcion" required></textarea>
    <br>

    <label>
    <input type="checkbox" name="novedades" value="si">
    Deseo recibir información sobre novedades y foros.
    </label>
    <br>

    <label>
    <input type="checkbox" name="aceptar" value="si" required>
    Declaro haber leído y aceptar las condiciones generales.
    </label>
    <br>

    <button type="submit" class="btn-submit">Enviar</button>


    </form>
    </body>
    </html>

    Estilo.css

    body {
    font-family: Arial, sans-serif;
    }

    .a {
    border: 2px solid #f35d06;
    margin: 20px; /* Cambié los valores de margen */
    padding: 20px; /* Cambié los valores de padding */
    }

    .c {
    background-color: #ffd86c; /* Naranja tenue */
    padding: 10px;
    text-align: center;
    border-radius: 5px; /* Bordes redondeados */
    margin-bottom: 20px; /* Espacio entre cuadros */
    }

    .d {
    background-color: #a1923a; /* Naranja tenue */
    padding: 10px;
    text-align: right;
    border-radius: 5px; /* Bordes redondeados */
    margin-bottom: 20px; /* Espacio entre cuadros */
    }

    .b {
    border: 2px solid #350279;
    margin: 20px; /* Cambié los valores de margen */
    padding: 20px; /* Cambié los valores de padding */
    }

    .e {
    background-color: #3c2e3d; /* Naranja tenue */
    padding: 10px;
    text-align: center;
    border-radius: 5px; /* Bordes redondeados */
    margin-bottom: 20px; /* Espacio entre cuadros */
    }

    .f {
    background-color: #46345e; /* Naranja tenue */
    padding: 10px;
    text-align: right;
    border-radius: 5px; /* Bordes redondeados */
    margin-bottom: 20px; /* Espacio entre cuadros */
    }

    Estilos.html

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="estiloss.css">
    <title>Document</title>
    </head>
    <body>
    <div class="a">
    <p class="c">Si algo puede salir mal, saldrá mal</p>
    <p class="d">Ley de Murphy</p>
    </div>
    <div class="b">
    <p class="e">Murphy era un optimista</p>
    <p class="f">Comentario de O'Toole</p>
    </div>
    </body>
    </html>

    Estiloss.css

    body {
    font-family: Arial, sans-serif;
    }

    .a {
    border: 2px solid #f35d06;
    margin: 20px; /* Cambié los valores de margen */
    padding: 20px; /* Cambié los valores de padding */
    }

    .c {
    background-color: #ffd86c; /* Naranja tenue */
    padding: 10px;
    text-align: center;
    border-radius: 5px; /* Bordes redondeados */
    margin-bottom: 20px; /* Espacio entre cuadros */
    }

    .d {
    background-color: #a1923a; /* Naranja tenue */
    padding: 10px;
    text-align: right;
    border-radius: 5px; /* Bordes redondeados */
    margin-bottom: 20px; /* Espacio entre cuadros */
    }

    .b {
    border: 2px solid #350279;
    margin: 20px; /* Cambié los valores de margen */
    padding: 20px; /* Cambié los valores de padding */
    }
    .e {
    background-color: #3c2e3d; /* Naranja tenue */
    padding: 10px;
    text-align: center;
    border-radius: 5px; /* Bordes redondeados */
    margin-bottom: 20px; /* Espacio entre cuadros */
    }

    .f {
    background-color: #46345e; /* Naranja tenue */
    padding: 10px;
    text-align: right;
    border-radius: 5px; /* Bordes redondeados */
    margin-bottom: 20px; /* Espacio entre cuadros */
    }

    También podría gustarte