Construcción y Diseño de Páginas Web 2023
50 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

¿Cuál de los siguientes elementos HTML5 se utiliza específicamente para insertar contenido de audio en una página web?

  • figure
  • video
  • audio (correct)
  • img

    • ¿Cuál es la utilidad principal del elemento picture en HTML5?

  • Definir diferentes fuentes de imágenes basadas en criterios como el ancho de pantalla. (correct)
  • Insertar videos dentro de la página.
  • Insertar una sola imagen en la página web.
  • Mostrar una descripción de una imagen.

    • ¿Qué propiedad CSS se utiliza para controlar cómo se repite una imagen de fondo?

  • background-clip
  • background-repeat (correct)
  • background-size
  • background-position

    • ¿Qué propiedad CSS se utiliza para especificar el punto de origen de una imagen de fondo?

    <p>background-origin</p> Signup and view all the answers

    Además de la propiedad srcset ¿qué elemento de HTML junto con el elemento img permite la selección de diferentes imágenes basadas en la densidad de píxeles o el tamaño de la ventana?

    <p>source</p> Signup and view all the answers

    ¿Qué propiedad CSS se utiliza para ajustar el tamaño de la imagen de fondo dentro de un elemento contenedor?

    <p>background-size</p> Signup and view all the answers

    ¿Cuál es la principal función de la propiedad object-position en CSS?

    <p>Ajustar la posición de una imagen dentro de su contenedor.</p> Signup and view all the answers

    ¿Qué elemento HTML5 se utiliza para proporcionar una descripción o pie de foto a una imagen o figura?

    <p>figcaption</p> Signup and view all the answers

    ¿Cuál de las siguientes NO es una forma de eliminar elementos de un array en JavaScript?

    <p>Usando el método <code>slice()</code> para crear un nuevo array sin ciertos elementos</p> Signup and view all the answers

    ¿Qué objeto en JavaScript proporciona información sobre la pantalla del usuario?

    <p>El objeto <code>screen</code></p> Signup and view all the answers

    En el contexto de objetos JavaScript, ¿qué se utiliza para definir un método?

    <p>Una propiedad que contiene una función</p> Signup and view all the answers

    ¿Cuál de las siguientes describe mejor la sintaxis de un objeto JSON?

    <p>Una secuencia de pares clave-valor envueltos en llaves.</p> Signup and view all the answers

    Respecto a la manipulación de JSON en JavaScript, ¿qué función NO es típicamente usada para modificar un JSON directamente?

    <p>Asignación de una cadena JSON directamente a la propiedad de un objeto</p> Signup and view all the answers

    ¿Cuál de los siguientes objetos o interfaces en JavaScript se usa para interactuar con el historial de navegación del usuario?

    <p>El objeto <code>History</code></p> Signup and view all the answers

    ¿Qué representa el objeto this dentro de un método de un objeto en JavaScript?

    <p>El objeto que instancia el método</p> Signup and view all the answers

    ¿Cuál es el propósito principal de los métodos get y set en JavaScript?

    <p>Establecer y recuperar valores de propiedades privadas, ofreciendo mayor control y lógica.</p> Signup and view all the answers

    ¿Cuál de estos objetos o interfaces NO forma parte del modelo de objetos del navegador (BOM)?

    <p>La interfaz <code>HTMLElement</code></p> Signup and view all the answers

    ¿Qué concepto describe la capacidad de un objeto en JavaScript de heredar propiedades y métodos de otro objeto?

    <p>Herencia</p> Signup and view all the answers

    ¿Qué protocolo se encarga de establecer la conexión entre el cliente y el servidor?

    <p>TCP</p> Signup and view all the answers

    ¿Cuál es la función principal del DNS?

    <p>Traducir nombres de dominio a direcciones IP.</p> Signup and view all the answers

    ¿Qué protocolo define las reglas de sintaxis y semántica para la comunicación entre un navegador y un servidor web?

    <p>HTTP</p> Signup and view all the answers

    ¿Cuál es la principal mejora que ofrece HTTPS sobre HTTP?

    <p>Comunicación cifrada mediante SSL/TLS.</p> Signup and view all the answers

    ¿Qué protocolos se utilizan para crear una capa encriptada entre HTTP y TCP/IP en una conexión HTTPS?

    <p>SSL/TLS</p> Signup and view all the answers

    Según la información proporcionada, ¿cómo se representa una dirección IP comúnmente?

    <p>Por cuatro códigos de 8 bits.</p> Signup and view all the answers

    ¿Qué papel juega el navegador en el proceso de petición web descrito?

    <p>Establece la conexión con el servidor usando HTTP o HTTPS.</p> Signup and view all the answers

    ¿Cuál es la función principal de la pestaña NETWORK en la consola del navegador?

    <p>Recupera la información de las conexiones entre el cliente y el servidor.</p> Signup and view all the answers

    ¿Cuál es la función principal de una cabecera de página web?

    <p>Proporcionar datos de configuración y metadatos del documento.</p> Signup and view all the answers

    ¿Qué tipo de información NO se incluye normalmente en el cuerpo de una página web?

    <p>Datos sobre el autor del documento.</p> Signup and view all the answers

    ¿Qué son los 'metadatos' en el contexto de una página web?

    <p>Datos acerca de los datos, que describen el documento.</p> Signup and view all the answers

    ¿Cuál es un ejemplo de metadato que se puede encontrar en la cabecera de una página web?

    <p>Las palabras clave para indexar el sitio en buscadores.</p> Signup and view all the answers

    ¿Qué tipo de información NO es típica en un pie de página de un sitio web?

    <p>Contenido principal del sitio, como artículos destacados.</p> Signup and view all the answers

    ¿Cuál es el propósito principal de los estándares W3C?

    <p>Establecer recomendaciones para mejorar el rendimiento y la funcionalidad de los sitios web.</p> Signup and view all the answers

    ¿Cuál de las siguientes opciones es un ejemplo de información que se encuentra en la cabecera, pero no en el cuerpo de una página web?

    <p>El título del documento para presentación visual.</p> Signup and view all the answers

    Según el texto, ¿qué función cumple el cuerpo de una página web?

    <p>Aloja el contenido que el usuario percibe.</p> Signup and view all the answers

    ¿Cuál es el propósito principal de la cláusula PRECONNECT?

    <p>Resolver el DNS y realizar la preconexión con protocolos TCP y TLS para recursos externos.</p> Signup and view all the answers

    ¿Qué desventaja principal tiene el uso excesivo de la cláusula PRECONNECT?

    <p>Puede causar una pérdida sustancial de rendimiento global.</p> Signup and view all the answers

    ¿Cuál es la función de la cláusula PRERENDER?

    <p>Indicar al navegador que renderice un recurso en segundo plano.</p> Signup and view all the answers

    ¿Qué limitación importante tiene la cláusula PRERENDER a febrero de 2023?

    <p>No está totalmente soportada por Firefox ni Safari.</p> Signup and view all the answers

    ¿Qué atributo del elemento link se utiliza para especificar el idioma del documento?

    <p>HREFLANG</p> Signup and view all the answers

    ¿Qué atributo del elemento link se utiliza para definir el dispositivo o medio para el que está optimizado el documento?

    <p>MEDIA</p> Signup and view all the answers

    ¿Cuál es la definición de metadatos?

    <p>Datos acerca de los datos.</p> Signup and view all the answers

    ¿Qué papel juega el elemento META en un documento HTML?

    <p>Especifica información sobre los datos del documento actual.</p> Signup and view all the answers

    ¿Cuál es el enfoque principal de la disciplina 'Mobile First'?

    <p>Priorizar el diseño para dispositivos móviles y luego adaptarlo a otros.</p> Signup and view all the answers

    ¿Cuál es el objetivo principal de la seguridad web?

    <p>Prevenir ataques de usuarios malintencionados y software dañino.</p> Signup and view all the answers

    ¿Qué busca la semántica web según las recomendaciones de la W3C?

    <p>Hacer que los datos sean más comprensibles y legibles.</p> Signup and view all the answers

    ¿A qué se refiere el concepto de 'usabilidad web'?

    <p>A la facilidad con que los usuarios interactúan con páginas y aplicaciones.</p> Signup and view all the answers

    ¿Cuál es la función principal de un entorno de desarrollo integrado (IDE)?

    <p>Ofrecer una solución completa para el desarrollo de software.</p> Signup and view all the answers

    ¿Qué tipo de herramientas suelen incluir los IDEs?

    <p>Editores de código, validadores, compiladores y depuradores.</p> Signup and view all the answers

    ¿Cuál de los siguientes es un IDE popular que soporta múltiples arquitecturas como PHP, Angular, React, JavaScript, HTML y CSS?

    <p>Visual Studio Code</p> Signup and view all the answers

    ¿Por qué es importante que un diseño web sea 'usable'?

    <p>Para que los usuarios puedan realizar fácilmente sus tareas.</p> Signup and view all the answers

    Study Notes

    Introduction to Web Pages Construction and Design with HTML, CSS, and JavaScript

    • This book covers the construction and design of web pages using HTML, CSS, and JavaScript.
    • The 2023 edition provides updated information on web development.
    • There is additional material available for download from the publisher's website.

    Author and Publisher Information

    • The author is Pablo E. Fernández Casado.
    • The publisher is Ediciones de la U (Colombia) and Editorial Ra-Ma (Spain).
    • The book is part of the Sistemas e informática (Systems and Computer Science) area.
    • The book has a total of 314 pages.
    • The book has an ISBN and an e-ISBN for the printed and electronic versions.

    Table of Contents Overview

    • The book is divided into chapters covering various aspects of web development.
    • Early chapters cover fundamental concepts like programming environments, web history, and web functionality.
    • Later chapters delve into HTML5, CSS3, and JavaScript in detail.
    • Topics include semantic elements of HTML, styling with CSS, and using JavaScript for dynamic web interactions and functionalities.
    • Chapters also include practical exercises and projects to reinforce learning.
    • There are chapters on images, multimedia elements and forms.

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Related Documents

    Construcción y diseño de Páginas Web con HTML, CSS y JavaScript PDF 2023

    Description

    Este cuestionario explora la construcción y diseño de páginas web utilizando HTML, CSS y JavaScript según el libro de Pablo E. Fernández Casado. Los temas cubiertos incluyen conceptos fundamentales, HTML5, CSS3 y JavaScript en detalle, actualizado en la edición 2023. Es perfecto para quienes deseen profundizar en el desarrollo web.

    More Like This

    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser