Diseño Web: HTML, CSS y JavaScript
24 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

¿Qué directorio de Bootstrap se encarga de la estilización de los elementos?

  • CSS (correct)
  • Components
  • JS
  • Images

¿Cuál es una característica clave del diseño responsivo en Bootstrap?

  • Hay 12 columnas disponibles para organizar elementos (correct)
  • Utiliza solo un tipo de contenedor
  • No permite la interacción con los componentes
  • Requiere conocimientos técnicos avanzados

¿Cuál de las siguientes afirmaciones es cierta sobre las entradas de un CMS?

  • No se pueden organizar en categorías
  • Son idénticas a las páginas
  • Siguen un orden cronológico (correct)
  • Son siempre estáticas

¿Cuál de los siguientes protocolos se utiliza para la transferencia de archivos?

<p>FTP (A)</p> Signup and view all the answers

¿Qué define una red local en comparación con una red global?

<p>Solo alcanza unos pocos kilómetros (D)</p> Signup and view all the answers

¿Cuál es la función principal del diseñador UX en el contexto del diseño web?

<p>Investigar necesidades del usuario y diseñar la arquitectura de la información (D)</p> Signup and view all the answers

¿Qué significa la sigla CMS?

<p>Content Management System (A)</p> Signup and view all the answers

¿Qué tipo de contenido puede gestionar un CMS?

<p>Contenidos organizados y publicaciones dinámicas (B)</p> Signup and view all the answers

¿Cuál de los siguientes no es uno de los pilares fundamentales de la Web que desarrolló Tim Berners-Lee?

<p>Protocolo FTP (D)</p> Signup and view all the answers

¿Cuál es la función principal del lenguaje HTML en el desarrollo web?

<p>Dar estructura a los elementos de un documento (C)</p> Signup and view all the answers

¿Qué características importantes proporciona HTML5?

<p>Estructura, Estilo y Funcionalidad (C)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones sobre CSS es correcta?

<p>CSS permite aplicarle estilos a elementos de un documento HTML (C)</p> Signup and view all the answers

¿Qué es un framework en el contexto del desarrollo de software?

<p>Una plantilla que ayuda a organizar el desarrollo (A)</p> Signup and view all the answers

¿Qué es Bootstrap en el desarrollo web?

<p>Un framework CSS que mejora la estética de las páginas web (C)</p> Signup and view all the answers

¿Cuál es el objetivo principal de Bootstrap?

<p>Permitir la construcción de sitios web responsive (B)</p> Signup and view all the answers

¿Qué describe mejor el HTML semántico?

<p>Elementos que tienen un significado y propósito específico (B)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones describe adecuadamente lo que hace un diseñador gráfico?

<p>Diseña la identidad visual de una marca. (B)</p> Signup and view all the answers

¿Qué característica distingue a un sitio web dinámico de uno estático?

<p>Requiere una base de datos y se modifica constantemente. (B)</p> Signup and view all the answers

¿Cuáles de los siguientes lenguajes son esenciales para un desarrollador front end?

<p>HTML5, CSS3 y JavaScript. (C)</p> Signup and view all the answers

¿Qué función principal cumple el hosting web?

<p>Almacenar archivos y datos para la accesibilidad en la web. (D)</p> Signup and view all the answers

¿Qué parte de un sitio web se describe como 'cabecera' o 'header'?

<p>La sección superior que usualmente contiene el logo y el menú. (B)</p> Signup and view all the answers

¿Cuál es una de las características principales de un editor de HTML?

<p>Resaltado de sintaxis o codificación de color. (A)</p> Signup and view all the answers

¿Qué tipo de sitio web es un blog?

<p>Un sitio que puede funcionar con un contenido dinámico y actualizaciones frecuentes. (B)</p> Signup and view all the answers

¿Cuál de los siguientes lenguajes es parte del desarrollo back end?

<p>Python. (D)</p> Signup and view all the answers

Flashcards

Padre de la Web

Tim Berners-Lee es considerado el padre de la Web por haber desarrollado los tres pilares fundamentales: HTML, HTTP y URL.

Lenguaje de marcado

Es un lenguaje de computadora que utiliza etiquetas para definir elementos dentro de un documento. Es legible para los humanos ya que utiliza palabras estándar en lugar de sintaxis compleja.

HTML5

Este lenguaje combina tres características fundamentales: Estructura, Estilo y Funcionalidad.

CSS

Es un lenguaje de hojas de estilo que permite aplicar formato a elementos HTML. Es responsable de la apariencia estética de las páginas web.

Signup and view all the flashcards

HTML Semántico

Este tipo de HTML utiliza elementos con significado y propósito para estructurar y describir el contenido de una página web de manera comprensible para los desarrolladores y navegadores.

Signup and view all the flashcards

Framework

Es una especie de plantilla que sirve como punto de partida para la organización y desarrollo de software. La arquitectura MVC es la más común y simplifica la creación de proyectos con menos código.

Signup and view all the flashcards

Bootstrap

Este framework CSS, inicialmente llamado Twitter Blueprint, se convirtió en código abierto y, posteriormente, en Bootstrap. Combina CSS y JavaScript para estilizar elementos HTML y proporcionar interactividad a la página web.

Signup and view all the flashcards

Sitios web responsive

Bootstrap tiene como principal objetivo permitir la construcción de sitios web responsive, es decir, que se adapten a diferentes dispositivos móviles.

Signup and view all the flashcards

Diseño Responsivo

Capacidad de una página web para adaptarse a diferentes tamaños de pantallas (móviles, tablets, etc.).

Signup and view all the flashcards

Componentes de Bootstrap

Elementos predefinidos que facilitan la creación de interfaces (alertas, carruseles, menús, etc.).

Signup and view all the flashcards

Sistema de Gestión de Contenidos (CMS)

Herramienta que permite crear, organizar, publicar y administrar contenido web sin necesidad de programación avanzada.

Signup and view all the flashcards

Paginas Web vs Entradas

Las páginas web son estáticas, mientras que las entradas son dinámicas, se clasifican y se ordenan cronológicamente.

Signup and view all the flashcards

Internet

Red global de redes que utilizan TCP/IP para conectar computadoras y compartir recursos.

Signup and view all the flashcards

Protocolo HTTP

Protocolo que permite la transmisión de información en la World Wide Web.

Signup and view all the flashcards

Diseño UX

Disciplina que se enfoca en las necesidades del usuario y la arquitectura de la información en una web.

Signup and view all the flashcards

Diseñador Gráfico

Crea la identidad visual de una marca, incluyendo flyers, banners, posters, etc.

Signup and view all the flashcards

Diseñador UI

Diseña la interfaz de usuario de una aplicación o sitio web y crea guías de estilo.

Signup and view all the flashcards

Sitio Web Estático

No necesita una base de datos y su contenido es fijo, no cambia.

Signup and view all the flashcards

Sitio Web Dinámico

Requiere una base de datos y su contenido se actualiza constantemente.

Signup and view all the flashcards

Desarrollador Front End

Crea la interfaz de usuario, lo que se ve en la pantalla. Se encarga de que la experiencia del usuario sea atractiva y funcional.

Signup and view all the flashcards

Desarrollador Back End

Trabaja con la parte 'invisible' del sitio web, como el servidor y la base de datos. Se encarga de procesar datos y enviárselos al usuario.

Signup and view all the flashcards

Editor de HTML

Programa que se utiliza para escribir y editar código HTML, el lenguaje que da forma a las páginas web.

Signup and view all the flashcards

Hosting Web

Servicio que permite almacenar los archivos de un sitio web en servidores conectados a internet para que sean accesibles a todos.

Signup and view all the flashcards

Study Notes

Diseño Web

  • Tim Berners-Lee es considerado el padre de la web, desarrollando tres pilares fundamentales: lenguajes HTML (HyperText Markup Language), protocolo HTTP (HyperText Transfer Protocol), y URL (Uniform Resource Locator) para la localización de objetos en la web.
  • HTML es un lenguaje de marcado que utiliza etiquetas para definir elementos en un documento web. HTML5 proporciona estructura, estilo, y funcionalidad a través de la combinación de HTML, CSS, y JavaScript.
  • HTML define la estructura del documento.
  • CSS define el estilo del documento.
  • JavaScript permite la personalización y la interacción dinámica en la página.
  • CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo que permite aplicar formato a elementos HTML mediante reglas.
  • Una regla CSS incluye un selector, una propiedad y un valor de propiedad para estilos.
  • La estructura global de HTML5 incluye etiquetas como <html>, <head>, <body>.
  • La etiqueta <link> se usa para vincular hojas de estilos externas a una página HTML (ej: <link rel="stylesheet" href="index.css">).

HTML Semántico

  • Los elementos HTML semánticos tienen un significado y propósito para estructurar el contenido de una página web, haciendo la comprensión más clara para los desarrolladores y navegadores.
  • Ejemplos de elementos semánticos incluyen <nav>, <article>, <section>, <aside>, y <main>.

Frameworks

  • Bootstrap es un framework CSS desarrollado por Twitter en 2010.
  • Está diseñado para estilizar y dar formato a elementos en páginas web, con especial interés en la respuesta a distintos dispositivos.
  • Ofrece una estructura que ayuda a la construcción de sitios web responsivos.
  • Se compone de archivos CSS y JavaScript para el estilo y funcionalidad.
  • Ayuda a la creación de componentes para la interfaz.

CMS (Content Management System) y Diferencias entre páginas y entradas

  • CMS son sistemas que ayudan a la creación, organización, publicación y gestión del contenido web.
  • Páginas web son estáticas y no se dividen en categorías.
  • Entradas web son dinámicas, se categorizan y siguen un orden cronológico.

Internet, Redes Globales y Protocolos

  • Internet es una red de redes que conecta computadoras usando el protocolo TCP/IP.
  • Redes globales permiten la comunicación entre computadoras a través de una red compartida.
  • Un protocolo define las instrucciones para la transferencia de datos en la red. Ejemplos: HTTP, FTP, POP, SMTP.

Diseño Web

  • Los diseñadores web utilizan diferentes herramientas para crear páginas web.
  • El diseño consta de planificación, creación e implementación de interfaces y plataformas digitales.
  • Tipos de diseñadores incluyen: UX (User Experience), UI (User Interface), y Gráfico.

Tipos de Páginas Web

  • Páginas web estáticas no usan bases de datos, contienen contenido fijo.
  • Páginas web dinámicas utilizan bases de datos y son modificables.
  • Existen diferentes tipos de sitios web como institucionales, personales, educativos, comerciales, etc.

Desarrollo Web Front-End y Back-End

  • Front-end desarrollo de la parte visible de la página, con lenguajes HTML, CSS, JavaScript, Jquery, Ajax.
  • Back-end la parte invisible del servidor. Usa lenguajes como PHP, Python, Java. Las bases de datos son importantes aquí.

Hosting Web

  • Servicio que permite alojar los archivos de un sitio web en un servidor, haciendo el sitio accesible a internet.
  • Proveedores de hosting administran y mantienen el servidor, asegurando el acceso al sitio.
  • El dominio es el nombre de tu sitio web, y el hosting es el espacio donde los archivos del sitio web están guardados.

Studying That Suits You

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

Quiz Team

Related Documents

Repaso de Diseño Web PDF

Description

Este cuestionario evalúa tus conocimientos sobre los fundamentos del diseño web, incluyendo HTML, CSS y JavaScript. Aprenderás sobre las funciones y estructuras básicas de estos lenguajes, así como su relevancia en la creación de sitios web interactivos. ¡Ponte a prueba y descubre cuánto sabes!

More Like This

Use Quizgecko on...
Browser
Open
Browser
Browser