Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Cuestionario

    Cargado por

    pedro urueña
    5 vistas9 páginas

    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

    Copyright:

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

    Cuestionario

    Cargado por

    pedro urueña

    Copyright:

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

    Cuestionario

    1. ¿Cómo funciona la web vs la móvil?


    a) La web se accede desde navegadores en computadoras, mientras que la
    móvil desde dispositivos móviles.
    b) La web utiliza HTML y CSS, mientras que la móvil utiliza lenguajes como Java
    o Swift.
    c) Ambas funcionan igual, solo que la web es más rápida.
    d) La web solo muestra información estática, mientras que la móvil permite
    interacción y notificaciones.

    2. ¿Qué es la Norma Técnica Colombiana 5854?


    a) Un estándar para el desarrollo de aplicaciones móviles.
    b) Una guía de buenas prácticas para diseño web.
    c) Un protocolo de seguridad para transacciones en línea.
    d) Un conjunto de normas para la accesibilidad web en Colombia.

    3. ¿Qué es la experiencia de usuario o UX?


    a) La interacción del usuario con la interfaz gráfica de un sistema.
    b) La forma en que los usuarios perciben un producto o servicio.
    c) El análisis de datos para mejorar un sitio web.
    d) La velocidad de carga de una página web.

    4. ¿Cuáles son los elementos de la experiencia de usuario (UX)?


    a) Diseño gráfico, colores y tipografía.
    b) Interacción, usabilidad y accesibilidad.
    c) Cantidad de enlaces en una página web.
    d) Velocidad de descarga de archivos multimedia.
    5. ¿Cuáles son las diferencias entre el diseño de experiencia de usuario (UX) y el
    diseño de interfaz de usuario (UI)?
    a) UX se enfoca en la apariencia visual, mientras que UI en la funcionalidad.
    b) UX se refiere a cómo se siente usar un producto, mientras que UI a cómo se
    ve.
    c) UX y UI son términos intercambiables, no hay diferencias.
    d) UX es solo para dispositivos móviles, mientras que UI para sitios web.

    6. ¿Qué es una etiqueta y qué tipos de etiquetas existen?


    a) Una etiqueta es un código para ocultar información en una página web. Tipos:
    HTML, CSS, JavaScript.
    b) Una etiqueta es una marca para resaltar texto en un documento. Tipos:
    encabezado, párrafo, lista.
    c) Una etiqueta es una forma de identificar imágenes en un sitio web. Tipos:
    JPG, PNG, GIF.
    d) Una etiqueta es un atributo para dar estilo a una página web. Tipos: negrita,
    cursiva, subrayado.

    7. Cuadro: Descripción de las etiquetas más utilizadas en HTML.


    Las etiquetas HTML más usadas para crear la estructura básica de un documento
    son:
     <head> para información sobre el documento
     <body> para el contenido
     <div> división o bloque dentro del contenido, el más común para componer
    elementos complejos
     <a> para enlaces
     <strong> para poner el texto en negrita
     <br> para saltos de línea
     <p> para párrafos
     <h1>…<h6> para títulos dentro del contenido
     <img> para añadir imágenes al documento
    8. ¿Qué son los formularios y cuáles son sus componentes?
    a) Los formularios son encuestas en línea. Componentes: preguntas y
    respuestas.
    b) Los formularios son espacios de contacto en un sitio web. Componentes:
    nombre, correo, mensaje.
    c) Los formularios son estructuras para recopilar información. Componentes:
    etiquetas, campos, botones.
    d) Los formularios son un tipo de archivo para guardar datos. Componentes:
    archivos adjuntos.

    9. ¿Qué es la W3C y para qué usamos el validador?


    a) La W3C es una organización para el desarrollo de lenguajes de
    programación. Usamos el validador para verificar si un sitio web está en regla.
    b) La W3C es una red social para desarrolladores. Usamos el validador para
    obtener métricas de rendimiento.
    c) La W3C es un buscador de información técnica. Usamos el validador para
    encontrar errores en el código de un sitio web.
    d) La W3C es un consorcio que establece estándares web. Usamos el validador
    para verificar la validez del código HTML y CSS.

    10. ¿Qué es Bootstrap?


    a) Un lenguaje de programación para aplicaciones móviles.
    b) Un framework para el desarrollo de interfaces gráficas.
    c) Un estándar de seguridad para sitios web.
    d) Una base de datos en línea.

    11. Consulta acerca de los elementos principales en CSS y da un ejemplo de cada


    uno de ellos.
    a) Elementos principales: Selectores, Media Queries, Transiciones. Ejemplo:
    ```
    p{
    color: blue;
    }
    @media (max-width: 600px) {
    body {
    background-color: lightblue;
    }
    }
    button {
    transition: background-color 0.5s;
    }
    ```
    1. **Selectores**
    Ejemplo:
    ```css
    /* Selector de etiqueta */
    p{
    color: blue;
    }

    /* Selector de clase */
    .destacado {
    font-weight: bold;
    }

    /* Selector de ID */
    #encabezado {
    background-color: #f0f0f0;
    }
    ```

    2. **Propiedades y valores**
    Ejemplo:
    ```css
    /* Propiedad y valor */
    h1 {
    font-size: 24px;
    }

    /* Varias propiedades y valores */


    div {
    width: 300px;
    height: 200px;
    background-color: yellow;
    }
    ```

    3. **Modelo de caja**
    Ejemplo:
    ```css
    /* Margen, borde, relleno */
    .caja {
    margin: 10px;
    border: 1px solid black;
    padding: 20px;
    }
    ```

    4. **Fondos**
    Ejemplo:
    ```css
    /* Color de fondo */
    body {
    background-color: #f0f0f0;
    }

    /* Imagen de fondo */
    .banner {
    background-image: url("imagen.jpg");
    background-size: cover;
    }
    ```

    5. **Posicionamiento**
    Ejemplo:
    ```css
    /* Posicionamiento absoluto */
    .absoluto {
    position: absolute;
    top: 50px;
    left: 100px;
    }

    /* Posicionamiento relativo */
    .relativo {
    position: relative;
    top: 20px;
    left: 30px;
    }
    ```

    6. **Flexbox**
    Ejemplo:
    ```css
    /* Contenedor flex */
    .contenedor-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    }

    /* Elementos flex */
    .item-flex {
    flex: 1;
    }
    ```

    7. **Transiciones y animaciones**
    Ejemplo:
    ```css
    /* Transición */
    .boton {
    transition: background-color 0.3s ease;
    }

    /* Animación */
    @keyframes mover {
    from {
    transform: translateX(0);
    }
    to {
    transform: translateX(100px);
    }
    }
    .caja-animada {
    animation: mover 2s infinite alternate;
    }
    ```

    Estos son solo algunos ejemplos de elementos principales en CSS. El lenguaje


    CSS es muy versátil y permite aplicar estilos y efectos diversos a elementos HTML
    para lograr un diseño web atractivo y funcional.

    12. Consulta acerca de los tipos de selectores (selectores de etiqueta, selectores


    de clase, selectores de ID, selectores contextualizados o pseudo-clases,
    pseudoelemento, selector universal y selectores de atributo).
    a) Tipos de selectores:
    - Selectores de etiqueta: `p`, `div`, `a`
    - Selectores de clase: `.clase-ejemplo`
    - Selectores de ID: `#id-ejemplo`
    - Selectores contextualizados o pseudo-clases: `p:first-child`, `a:hover`
    - Pseudoelemento: `p::before`, `h1::after`
    - Selector universal: `*`
    - Selectores de atributo: `input[type="text"]`

    13. ¿Qué es un diseño responsivo?


    a) Un diseño que responde rápidamente a las acciones del usuario.
    b) Un diseño que se adapta a diferentes tamaños de pantalla y dispositivos.
    c) Un diseño que utiliza tecnología de realidad virtual.
    d) Un diseño que solo se carga en dispositivos móviles.

    14. ¿Cuál es la sintaxis de JavaScript?


    a) Un lenguaje de programación para estilizar páginas web.
    b) Un lenguaje de marcado para estructurar contenido en la web.
    c) Un lenguaje de programación para hacer que las páginas web sean
    interactivas. Sintaxis: `function miFuncion(parametro) { return parametro * 2; }`

    15. Describe brevemente qué es y cómo funcionan: las librerías jQuery, Modernizr
    y los frameworks AngularJS, Prototype, MooTools.
    - jQuery: Una librería de JavaScript que simplifica la manipulación del DOM y
    manejo de eventos.
    - Modernizr: Una librería que detecta características del navegador y permite
    utilizar CSS y JavaScript de manera progresiva.
    - AngularJS: Un framework de JavaScript para construir aplicaciones web de
    una sola

    También podría gustarte