Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • LS1 Daw

    Cargado por

    Luis Fernando Aguas Bucheli
    254 vistas16 páginas
    LS1-DAW

    Título original

    LS1-DAW

    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
    LS1-DAW

    Copyright:

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

    LS1 Daw

    Cargado por

    Luis Fernando Aguas Bucheli
    LS1-DAW

    Copyright:

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

    FACULTAD DE CIENCIAS INFORMÁTICAS

    DESARROLLO DE APLICACIONES WEB

    SEMESTRE 2021 S2

    LABORATORIO S1

    TEMA: HTML

    PROFESOR: Mg. Luis Fernando Aguas Bucheli

    PORTOVIEJO, 2021
    1. TEMA: HTML

    2. OBJETIVOS:

     Adquirir los conceptos básicos relacionados con HTML


     Reconocer las características de HTML

    3. OBJETIVOS DE DESARROLLO SOSTENIBLE:

    Indicador 4.7: De aquí a 2030, asegurar que todos los alumnos adquieran los conocimientos
    teóricos y prácticos necesarios para promover el desarrollo sostenible, entre otras cosas
    mediante la educación para el desarrollo sostenible y los estilos de vida sostenibles, los
    derechos humanos, la igualdad de género, la promoción de una cultura de paz y no violencia,
    la ciudadanía mundial y la valoración de la diversidad cultural y la contribución de la cultura al
    desarrollo sostenible

    4. INTRODUCCION:

    HTML (Lenguaje de marcado de hipertexto) es el más básico componente de la Web. Define el


    significado y la estructura del contenido web. Además de HTML, se utilizan otras tecnologías
    generalmente para describir la apariencia/presentación de una página web (CSS) o la
    funcionalidad/comportamiento (JavaScript.

    "Hipertexto" se refiere a enlaces que conectan páginas web entre sí, ya sea dentro de un único
    sitio web o entre sitios web. Los enlaces son un aspecto fundamental de la Web. Al cargar
    contenido en Internet y vincularlo a páginas creadas por otras personas, te conviertes en un
    participante activo en la «World Wide Web».

    5. DESARROLLO:

    En cualquier editor de texto, en este caso Notepad ++, haremos los siguiente:

     Confeccionar una página que muestre los nombres de 5 lenguajes de programación


    separados por un guión.
    <html>
    <head>
    </head>
    1

    <body>

    Ciencias Informáticas
    PHP - Java - JavaScript - C -
    C++ </body>
    </html>

     Abrimos el editor:

     Guardamos

    Ciencias Informáticas
     Teniendo lo siguiente:

     Teniendo en el navegador:
    1

    Ciencias Informáticas
     Confeccionar una página que contenga un título de primer nivel <h1> y luego dos títulos de
    nivel <h2>. Definir un párrafo para cada título de segundo nivel.
    <html>
    <head>
    </head>
    <body>
    <h1>Tipos de datos en MySQL</h1>
    <h2>varchar</h2>
    <p>
    se usa para almacenar cadenas de caracteres. Una cadena es una secuencia de caracteres.
    Se coloca
    entre comillas (simples): 'Hola'.<br>
    El tipo "varchar" define una cadena de longitud variable en la cual determinamos el
    máximo de
    caracteres. Puede guardar hasta 255 caracteres. Para almacenar cadenas de hasta 30
    caracteres,
    definimos un campo de tipo varchar(30).
    </p>
    <h2>int</h2>
    <p>
    Se usa para guardar valores numéricos enteros, de -2000000000 a 2000000000
    aproximadamente. <br> Definimos campos de este tipo cuando queremos representar, por
    ejemplo, cantidades.
    </p>
    </body>
    </html>
     Abrimos el editor:
    1

    Ciencias Informáticas
     Guardamos

     Teniendo lo siguiente:
    1

    Ciencias Informáticas
     Teniendo en el navegador:

     Confeccionar una página que contenga cuatro anclas, luego definir cuatro hipervínculos
    que se enlacen con dichas anclas.
    <html>
    <head>
    </head>
    <body>
    <h1>Tutorial de MySQL</h1>
    <a href="#introduccion">Introducción</a><br>
    <a href="#mostrarbasedatos">show databases</a><br>
    <a href="#creaciontabla">Creación de una tabla y mostrar sus campos</a><br>
    <a href="#cargarregistros">Carga de registros a una tabla y su recuperación</a><br>
    <a name="introduccion"></a>
    <h2>Introducción</h2>
    1

    <p>

    Ciencias Informáticas
    SQL, Structure Query Language (Lenguaje de Consulta Estructurado) es un lenguaje de
    programacion para trabajar con base de datos relacionales como MySQL, Oracle, etc.<br>
    MySQL es un interpretador de SQL, es un servidor de base de datos.<br></p>
    <a name="mostrarbasedatos"></a>
    <h2>show databases</h2>
    <p>
    Una base de datos es un conjunto de tablas.<br></p>
    <a name="creaciontabla"></a>
    <h2>Creación de una tabla y mostrar sus
    campos</h2> <p>
    Una base de datos almacena sus datos en tablas.<br></p>
    <a name="cargarregistros"></a>
    <h2>Carga de registros a una tabla y su
    recuperación</h2> <p>
    Usamos "insert into". Especificamos los nombres de los campos entre paréntesis y separados
    por
    comas y luego los valores para cada campo, también entre paréntesis y separados por
    comas.<br>
    </p>
    </body>
    </html>

     Abrimos el editor:

     Guardamos
    1

    Ciencias Informáticas
     Teniendo lo siguiente:

     Teniendo en el navegador:
    1

    Ciencias Informáticas
     Implementar una página que enumere una serie de países en una lista ordenada y luego
    en
    cada país disponer una lista de hipervínculos de periódicos de dicho país.

    <html>
    <head>
    </head>
    <body>
    <ol>
    <li>Argentina
    <ul>
    <li><a href="http://www.lanacion.com.ar">La Nación</a></li>
    <li><a href="http://www.clarin.com.ar">Clarín</a></li>
    <li><a href="http://www.pagina12.com.ar">Página 12</a></li>
    </ul>
    </li>
    <li>España
    <ul>
    <li><a href="http://www.elpais.es">El País
    Digital</a></li> <li><a
    href="http://www.abc.es">ABC</a></li>
    <li><a href="http://www.elmundo.es">El Mundo</a></li>
    </ul>
    </li>
    <li>México
    <ul>
    <li><a href="http://www.jornada.unam.mx">La Jornada</a></li>
    <li><a href="http://www.el-universal.com.mx">El Universal</a></li>
    </ul>
    </li>
    </ol>
    </body>
    1

    Ciencias Informáticas
    </html>

     Abrimos el editor:

     Guardamos

    Ciencias Informáticas
     Teniendo lo siguiente:

     Teniendo en el navegador:

     Formularios:

    Form1.html
    <form action="ejemplo.php" method="get">
    <p>Nombre: <input type="text" name="nombre" size="40"></p>
    <p>Año de nacimiento: <input type="number" name="nacido"
    min="1900"></p>
    <p>Sexo:
    <input type="radio" name="hm" value="h"> Hombre
    1

    <input type="radio" name="hm" value="m"> Mujer

    Ciencias Informáticas
    </p>
    <p>
    <input type="submit" value="Enviar">
    <input type="reset" value="Borrar">
    </p>
    </form>

    Form2. Html

    <p>Sexo:
    <input type="radio" name="hm" value="h" required> Hombre
    <input type="radio" name="hm" value="m"> Mujer
    </p>

    <p>Edad:
    1

    Ciencias Informáticas
    <input type="radio" name="edad" value="menor"> Menor
    <input type="radio" name="edad" value="adulto" required> Adulto
    </p>

    Form3.html

    <fieldset>
    <legend>Datos personales</legend>
    <p>Nombre: <input type="text" name="nombre" size="30"></p>
    <p>Edad: <input type="number" name="edad"></p>
    </fieldset>

    <fieldset>
    <legend>Cultura general</legend>
    <p>Capital de Noruega:
    <input type="radio" name="p1" value="1"> Copenhague
    1

    Ciencias Informáticas
    <input type="radio" name="p1" value="2"> Helsinki
    <input type="radio" name="p1" value="3"> Oslo
    </p>
    <p>Fecha de la Revolución francesa:
    <input type="radio" name="p2" value="1"> 1492
    <input type="radio" name="p2" value="2"> 1789
    <input type="radio" name="p2" value="3"> 1917
    </p>
    </fieldset>

    6. BIBLIOGRAFIA:
    1

    Ciencias Informáticas
     Joyanes, L. and Zahonero, I., 2008. Estructura De Datos En Java. 1st ed. España: MacGraw Hill,
    pp.62-67.

    Fager, J., Pantoja, W., Villacrés, M., Páez, L., Ochoa, D., & Cuadros, E. (2014). Estructuras de
    datos (1st ed., pp. 14). Comunidad Latinoamericana de Objetos de Aprendizaje (LACLO):
    Iniciativa Latinoamericana de Libros de Texto abiertos (LATIn).

    Big O notation. (2020). Retrieved 10 November 2020, from


    https://en.wikipedia.org/wiki/Big_O_notation

    Definición de algoritmo — Definicion.de. (2020). Retrieved 3 November 2020, from


    https://definicion.de/algoritmo/

    Recursion in Java - Javatpoint. (2020). Retrieved 9 November 2020, from


    https://www.javatpoint.com/recursion-in-java

    Tipos de Datos Primitivos en Java. (2020). Retrieved 27 October 2020, from


    http://www.manualweb.net/java/tipos-datos-primitivos-java/

    Diferencia entre tipos primitivos y tipos de referencia en Java. (2020). Retrieved 27 November
    2020, from https://es.scribd.com/document/352376157/Diferencia-Entre-Tipos-
    Primitivos-y-Tipos-de-Referencia-en-Java

    Marco de colecciones de Java. (2020). Retrieved 10 November 2020, from


    https://www.instintoprogramador.com.mx/2019/12/marco-de-colecciones-de-java.html

    Understanding Big-O Notation With JavaScript, Retrieved 10 November 2020, from


    https://dev.to/b0nbon1/understanding-big-o-notation-with-javascript-25mc

    Understanding Big O Space Complexity, Retrieved 10 November 2020, from


    https://medium.com/datadriveninvestor/understanding-big-o-space-complexity-
    6826478e5a9f
    1

    Ciencias Informáticas

    También podría gustarte