Creación de Páginas Web y HTML

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson
Download our mobile app to listen on the go
Get App

Questions and Answers

¿Cuál es la función principal de un navegador web?

  • Comunicar el ordenador con los servidores que alojan las páginas web. (correct)
  • Almacenar archivos localmente en el dispositivo.
  • Crear contenido multimedia para sitios web.
  • Desarrollar aplicaciones web.

¿Qué se entiende por hipervínculo en una página web?

  • Una foto que acompaña el texto en una página.
  • Un enlace que conecta con otra página relacionada. (correct)
  • Un gráfico que muestra estadísticas del sitio.
  • Un elemento que descarga archivos en el ordenador.

¿Qué es la página inicial de un sitio web?

  • La página que contiene un menú de navegación.
  • La página donde se almacenan todos los archivos multimedia.
  • La última página que se creó en el sitio.
  • La página principal a la que se accede al introducir la dirección. (correct)

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

<p>HTML5 es la última versión del lenguaje de marcas hipertextuales. (A)</p> Signup and view all the answers

¿Qué caracteriza a la organización de la información en una página web?

<p>Es no lineal y sigue un formato hipertextual. (D)</p> Signup and view all the answers

¿Cuál de los siguientes elementos NO forma parte de un sitio web?

<p>Códigos fuente del sistema operativo. (D)</p> Signup and view all the answers

¿Cuál es el primer paso en el diseño de una web?

<p>Prediseño y planificación (D)</p> Signup and view all the answers

¿Qué tipo de archivos y contenido se puede encontrar en un sitio web?

<p>Archivos, carpetas, texto, multimedia y más. (B)</p> Signup and view all the answers

¿Qué se debe analizar en la fase de prediseño?

<p>Los contenidos y el objetivo (C)</p> Signup and view all the answers

¿Cuál de los siguientes elementos no es parte del contenido habitual de una web?

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

¿Cuál es el propósito del HTML en el contexto de un sitio web?

<p>Crear y estructurar los documentos que componen el sitio. (B)</p> Signup and view all the answers

¿Qué aspecto es fundamental para la calidad de una web?

<p>La consistencia en el diseño (D)</p> Signup and view all the answers

En la estructura de una web, ¿qué debe facilitarse a los usuarios?

<p>Acceso a enlaces (A)</p> Signup and view all the answers

¿Qué elemento no se menciona como parte de una web tipo?

<p>Nombre de dominio (D)</p> Signup and view all the answers

¿Qué pregunta no es parte de las consideraciones en el prediseño de una web?

<p>¿Qué colores usar? (A)</p> Signup and view all the answers

¿Qué se debe omitir para mejorar la calidad de una página web?

<p>Contenidos innecesarios (B)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones sobre la creación de una página web es correcta?

<p>Los editores WYSIWYG permiten crear páginas sin necesidad de conocer HTML. (C)</p> Signup and view all the answers

¿Qué característica distingue a los editores WYSIWYG de los editores que trabajan directamente con HTML?

<p>Los editores WYSIWYG generan código automáticamente. (B)</p> Signup and view all the answers

¿Cuál es una desventaja de usar directamente HTML respecto a un editor WYSIWYG?

<p>Crear una página es relativamente más lento. (C)</p> Signup and view all the answers

¿Qué editor mencionado es un editor WYSIWYG?

<p>Adobe Dreamweaver (C)</p> Signup and view all the answers

¿Cuál de las siguientes afirmaciones describe mejor a un editor que trabaja directamente con HTML?

<p>Permite mayor precisión en el manejo del código. (C)</p> Signup and view all the answers

¿Qué aspecto es considerado una ventaja de trabajar con editores directamente en HTML?

<p>El código tiende a ser más limpio. (D)</p> Signup and view all the answers

¿Cuál es un beneficio de usar un editor WYSIWYG en comparación con escribir en HTML directamente?

<p>El aprendizaje es más sencillo para principiantes. (A)</p> Signup and view all the answers

En general, ¿qué ocurre cuando se elige trabajar directamente con HTML en lugar de con un editor WYSIWYG?

<p>Se necesita más tiempo para conseguir resultados. (C)</p> Signup and view all the answers

¿Cuál es la principal razón del declive del lenguaje Flash?

<p>La negativa de fabricantes a soportar Flash. (C)</p> Signup and view all the answers

¿Qué papel juega el W3C en el desarrollo de HTML5?

<p>Regula la implementación del lenguaje por los navegadores. (D)</p> Signup and view all the answers

¿Cuál es una característica clave de JavaScript en comparación con HTML?

<p>JavaScript permite interactuar con la página web. (B)</p> Signup and view all the answers

¿Qué recurso se recomienda para comprobar la compatibilidad de HTML5 en navegadores?

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

¿Qué distingue a JavaScript de HTML en el desarrollo de páginas web?

<p>JavaScript se ejecuta de manera local en el navegador. (C)</p> Signup and view all the answers

¿Por qué es importante la tabla de compatibilidad de HTML5?

<p>Muestra qué etiquetas funcionan en diferentes navegadores. (A)</p> Signup and view all the answers

¿Cuál es una de las características del diseño de la página de Google en 2021 en comparación con 2009?

<p>Logo más estilizado y limpio (C)</p> Signup and view all the answers

¿Cuál de las siguientes opciones describe mejor la ejecución de JavaScript?

<p>Es interpretado y ejecutado por el navegador del usuario. (D)</p> Signup and view all the answers

¿Qué aspecto se considera importante tener en cuenta durante el diseño de páginas web?

<p>Las tendencias de diseño actuales (D)</p> Signup and view all the answers

¿Qué recurso se sugiere para ver ejemplos de páginas desarrolladas con HTML5?

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

¿Cuál es la función principal de las hojas de estilo (CSS) en el diseño web?

<p>Mantener un formato homogéneo del sitio web (B)</p> Signup and view all the answers

¿Qué se entiende por maquetación en el contexto del diseño web?

<p>La organización de espacios y contenidos (C)</p> Signup and view all the answers

¿Qué elementos se mencionan como parte de la maquetación?

<p>Elementos gráficos, tipográficos, de imagen y funcionales (B)</p> Signup and view all the answers

¿Cuál es uno de los objetivos de la interfaz en el diseño web?

<p>Facilitar la interacción entre el usuario y el sistema (D)</p> Signup and view all the answers

¿Qué declaración sobre la página web de Google es correcta?

<p>Sigue la tendencia de simplicidad en el diseño (A)</p> Signup and view all the answers

¿Cuál es un aspecto que NO se debe ignorar al diseñar una página web?

<p>Prácticas anticuadas de diseño (B)</p> Signup and view all the answers

¿Cuál es uno de los beneficios de adoptar criterios de accesibilidad en el diseño web?

<p>Reducir el tiempo de carga de la página (D)</p> Signup and view all the answers

¿Cuál de los siguientes aspectos NO es uno de los estándares básicos de publicación?

<p>Utilizar un único tipo de formato visual (D)</p> Signup and view all the answers

¿Qué permite hacer un gestor de contenidos (CMS) a los usuarios?

<p>Crear y publicar contenidos web fácilmente (D)</p> Signup and view all the answers

¿Cuál de las siguientes herramientas se utiliza para facilitar la accesibilidad en el diseño de una página web?

<p>Etiquetas de texto alternativo (C)</p> Signup and view all the answers

¿Qué implica el uso de hojas de estilo en la creación de un sitio web?

<p>Simplifica la estructura del código HTML (C)</p> Signup and view all the answers

¿Qué aspecto se debe revisar y validar para asegurar la accesibilidad de un sitio web?

<p>El código HTML (B)</p> Signup and view all the answers

¿Cuál es una característica de los gestores de contenidos?

<p>Se basan en plantillas definidas que se pueden personalizar (C)</p> Signup and view all the answers

¿Qué se busca lograr al facilitar la transcripción de ficheros de sonido en una página web?

<p>Fomentar la accesibilidad del contenido (A)</p> Signup and view all the answers

Flashcards

Página web

Documento enlazado a otros, formando parte de un sitio web, accesible a través de un navegador.

Sitio web

Conjunto de páginas web enlazadas entre sí, con una dirección común.

Página principal (home page)

Página inicial de un sitio web, la primera que se muestra al ingresar.

HTML

Lenguaje básico para crear páginas web, usando etiquetas para el contenido.

Signup and view all the flashcards

Hipertexto

Forma de organizar información en las páginas web, donde un clic en una palabra abre una página relacionada.

Signup and view all the flashcards

Navegador

Software que se usa para visualizar páginas web.

Signup and view all the flashcards

HTML5

Última versión del lenguaje HTML para crear páginas web.

Signup and view all the flashcards

Editores WYSIWYG

Permiten crear páginas web como si se escribiera un documento de texto, generando automáticamente el código HTML.

Signup and view all the flashcards

Editores HTML

Requieren conocimiento avanzado de HTML para crear páginas web directamente escribiendo el código.

Signup and view all the flashcards

Código HTML limpio

Código HTML bien organizado y fácil de leer y modificar.

Signup and view all the flashcards

Código HTML menos limpio

Código HTML que no es tan fácil de leer o modificar por su organización.

Signup and view all the flashcards

Reutilización de código

Capacidad de usar partes de código previamente escrito en otras secciones.

Signup and view all the flashcards

Manejo de código

Capacidad para editar y modificar el código fuente.

Signup and view all the flashcards

Aprendizaje de HTML

Adquisición de conocimientos sobre el lenguaje HTML.

Signup and view all the flashcards

Creación rápida de página

Proceso de construcción de página web más acelerado.

Signup and view all the flashcards

Tiempo de creación de página

Tiempo invertido en la construcción de una página web.

Signup and view all the flashcards

Alojamiento web

El proceso de almacenar un sitio web en un ordenador especial llamado servidor, proporcionando el espacio y recursos necesarios para su funcionamiento.

Signup and view all the flashcards

Servidor web

Un ordenador específico que almacena y entrega páginas web a través de la red.

Signup and view all the flashcards

Prediseño web

La etapa inicial de diseño de una página web donde se definen los objetivos, el público objetivo, los contenidos, las directrices de diseño y la tecnología a utilizar.

Signup and view all the flashcards

Objetivos web

Los propósitos que se buscan alcanzar con la existencia de una página web. Por ejemplo, vender un producto o generar interacción con el público.

Signup and view all the flashcards

Público objetivo

El grupo específico de personas a las que va dirigida la página web.

Signup and view all the flashcards

Jerarquía visual

La organización de elementos en una página web para facilitar la lectura y la comprensión de la información.

Signup and view all the flashcards

Estructura web

La forma en que se organizan los elementos de una página web para que sea fácil de navegar y comprensible.

Signup and view all the flashcards

Contenidos web

La información, texto, imágenes y demás elementos que se muestran en una página web.

Signup and view all the flashcards

Diseño web

Proceso de creación y organización de páginas web.

Signup and view all the flashcards

Tendencias en diseño web

Modas y estilos populares en el diseño de páginas web, siguiendo las prácticas profesionales.

Signup and view all the flashcards

Usuario en diseño web

Persona que interactúa con la página web; se debe considerar primordialmente.

Signup and view all the flashcards

Maquetación web

Organización de elementos visuales y de contenido en una página web.

Signup and view all the flashcards

Interfaz (web)

La interacción entre el usuario y la página web.

Signup and view all the flashcards

Hojas de estilo (CSS)

Ficheros que contienen los estilos para una página web.

Signup and view all the flashcards

Elementos gráficos

Componentes visuales como formas, colores y tipografías en una página web.

Signup and view all the flashcards

Elementos tipográficos

Componentes tipográficos como fuente, tamaño y estilo de texto.

Signup and view all the flashcards

Elementos de imagen

Imágenes, gráficos e ilustraciones utilizados en una página web.

Signup and view all the flashcards

Elementos funcionales

Componentes interactivvos que permiten al usuario realizar acciones en una página web.

Signup and view all the flashcards

Simplicidad en diseño web

Diseño web que prioriza la claridad y la facilidad de uso.

Signup and view all the flashcards

Actualización de páginas web

Mantener la página web a la vanguardia con las nuevas tendencias.

Signup and view all the flashcards

Accesibilidad web

Diseño de sitios web para que todo tipo de personas puedan acceder y usarlos, incluyendo a personas con discapacidades.

Signup and view all the flashcards

Estándares de publicación

Recomendaciones y reglas para crear páginas web de calidad, con opciones para distintas plataformas y usuarios.

Signup and view all the flashcards

Hojas de estilo

Archivos que definen la presentación visual de una página web, como colores, fuentes y estilos.

Signup and view all the flashcards

Texto alternativo (alt)

Descripción textual de elementos visuales, como imágenes, para facilitar la comprensión a usuarios con problemas de visión.

Signup and view all the flashcards

Gestores de contenidos (CMS)

Plataformas que facilitan la creación, edición y publicación de contenido web sin necesidad de conocimientos de programación.

Signup and view all the flashcards

Plantillas (CMS)

Diseños predefinidos que los usuarios de un CMS pueden personalizar para crear páginas web

Signup and view all the flashcards

W3C

Organización internacional que crea estándares para internet, incluyendo accesibilidad web y lenguaje web.

Signup and view all the flashcards

Flash

Lenguaje multimedia anterior a HTML5, ha disminuido su uso por la falta de soporte en muchos dispositivos.

Signup and view all the flashcards

HTML5

Última versión de HTML, lenguaje fundamental para crear páginas web, más moderno y adaptable.

Signup and view all the flashcards

JavaScript

Lenguaje de programación que se ejecuta en el navegador, permitiendo la interacción con la página web.

Signup and view all the flashcards

Compatibilidad HTML5

La capacidad de los navegadores de interpretar correctamente las etiquetas y funcionalidades de HTML5.

Signup and view all the flashcards

Tabla de compatibilidad (HTML5)

Documento que indica qué etiquetas y funciones de HTML5 son compatibles con cada navegador.

Signup and view all the flashcards

HTML5Test.com

Sitio web que evalúa la compatibilidad de tu navegador con las funcionalidades de HTML5.

Signup and view all the flashcards

HTML5Demos.com

Sitio web que proporciona ejemplos de páginas web desarrolladas con HTML5.

Signup and view all the flashcards

Study Notes

Páginas Web

  • Una página web es un documento dentro de un sitio web.
  • Los sitios web son un conjunto de documentos enlazados.
  • Se accede a las páginas a través de una dirección común.
  • Los documentos contienen texto, imágenes, botones, hipervínculos, etc.
  • Se visualizan usando navegadores como Firefox, Edge, o Chrome.
  • La página inicial de un sitio web se llama página principal (home page).

Lenguaje HTML

  • HTML (lenguaje de marcado de hipertexto) es el lenguaje base para crear documentos web.
  • La última versión es HTML5.
  • El HTML organiza la información de forma hipertextual; al hacer clic en un texto, se vincula a otra página.
  • HTML permite crear sitios web interactivos.

Creación de Páginas Web

  • Se puede crear páginas web escribiendo directamente código HTML en un editor de texto.
  • Es más habitual usar editores de páginas web que facilitan el diseño.
  • Existen editores WYSIWYG (visuales) que generan el código HTML automáticamente. Ejemplos: Adobe Dreamweaver, BlueGriffon, KompoZer, y NVU.
  • Existen editores que trabajan directamente con código HTML, como Komodo Edit, Sublime Text y Arachnophilia.

Clasificación de Páginas Web

  • Estáticas: No cambian, muestran el mismo contenido cada vez. Usan solo HTML.
  • Dinámicas: Cambian en función de la acción del usuario. Usan HTML y lenguajes dinámicos como ASP.NET, Java, PHP, o JavaScript.

Diferencias entre Editores

  • Escribiendo en HTML: Código más limpio, reutilización más fácil, más precisión. Requiere conocimientos de HTML. Más tiempo de desarrollo.
  • Con editor WYSIWYG: Código menos limpio, no se manipula el código directamente, más fácil de aprender, más rápido.

Diseño de Páginas Web

  • El prediseño implica definir objetivos, audiencia, contenido, tecnología, tiempo y presupuesto.
  • La consistencia en el diseño es esencial.
  • Se debe usar la jerarquía visual, las convenciones de diseño web y simplificar los contenidos.

Elementos de una Página Web

  • Encabezamiento.
  • Marca o logotipo.
  • Menú de navegación.
  • Titular.
  • Contenido.
  • Pie de página. Todos los elementos similares en apariencia.

HTML (cont.)

  • El lenguaje HTML permite crear las páginas web.

Herramientas de Publicación

  • Los gestores de contenidos (CMS) permiten crear y administrar contenido web fácilmente, sin necesidad de código complejo.
  • Algunos ejemplos de CMS son WordPress, Joomla!, y Drupal.

Lenguaje JavaScript

  • Es un lenguaje de programación que se ejecuta localmente en el navegador.
  • Permite la interacción con el usuario.
  • Permite validar datos, hacer las páginas más interactivas y el envío de datos a servidores.

Editores de Páginas Web

  • Editores proporcionan entornos para crear y editar páginas web.
  • Algunos ejemplos son KompoZer, NVU, Dreamweaver, y BlueGriffon.

Alojamiento de Sitios Web

  • Alojamiento web implica subir los archivos de la página a un servidor en Internet.
  • Los servicios de alojamiento permiten que los usuarios accedan a la página web a través de la web.
  • Se pueden comprar nombres de dominio.
  • Los programas de transferencia de archivos (FTP) se usan para transferir archivos entre el ordenador local y el servidor web.

Studying That Suits You

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

Quiz Team

Related Documents

More Like This

Use Quizgecko on...
Browser
Browser