HTML, CSS y navegadores

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

¿Cómo se conoce el lenguaje de marcas más utilizado, basado en etiquetas formadas por paréntesis angulares?

  • HTML. (correct)
  • HTP.
  • HTTP.
  • FTP.

¿Cómo se llama el editor de texto en el que puedes ver el resultado?

  • Notepad.
  • WYSIWYG. (correct)
  • WYSIWYM.
  • Bloc de Notas.

¿Cuáles son las etiquetas que abren y cierran un documento HTML?

  • ..
  • ..
  • .. (correct)
  • ..

¿Qué identificador debe ir dentro de la estructura básica para validar el documento?

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

¿Cuál es la mejor forma de incorporar estilos a nuestro documento?

<p>A través de una hoja de estilos CSS externa. (A)</p> Signup and view all the answers

¿Para qué sirven los Scripts?

<p>Para crear webs dinámicas e interactivas. (D)</p> Signup and view all the answers

¿Cómo se denomina el software que interpreta la información de archivos y sitios web para que éstos puedan ser vistos por el usuario y que nos permiten el acceso a Internet?

<p>Navegador o Browser. (D)</p> Signup and view all the answers

¿Cómo se denomina a la capacidad de una página web para soportar todos los navegadores del lado del cliente?

<p>Compatibilidad. (B)</p> Signup and view all the answers

¿Qué podemos cambiar con el atributo font-size?

<p>El tamaño. (C)</p> Signup and view all the answers

¿Para qué sirve el elemento div?

<p>Para dividir la estructura con capas, formando bloques de contenido. (A)</p> Signup and view all the answers

¿Para qué sirve el elemento img?

<p>Para introducir una imagen en una página web. (B)</p> Signup and view all the answers

¿Para qué sirve el atributo align del elemento img?

<p>Para alinear dentro del documento una imagen. (D)</p> Signup and view all the answers

¿Qué formato de audio pertenece a AAC?

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

¿Qué formato de vídeo pertenece a QuickTime Movie?

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

¿La tasa de muestreo a qué tipo de parámetros afecta?

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

¿Cómo definimos una web que permite a personas con discapacidad interactuar con ésta?

<p>Accesible. (C)</p> Signup and view all the answers

¿Cómo debe ser la interacción de la web con el usuario?

<p>Fácil y rápida. (D)</p> Signup and view all the answers

¿Qué herramienta usamos para desarrollar páginas web con lenguaje de marcas?

<p>Editor de Texto. (D)</p> Signup and view all the answers

¿Cómo enlazamos un archivo CSS a nuestro documento HTML?

<p>Usando la etiqueta desde la cabecera de cada documento. (D)</p> Signup and view all the answers

¿Qué determina el atributo rel dentro del enlace que debemos poner para enlazar una hoja de estilos?

<p>El tipo de relación que hay entre el recurso enlazado y el documento HTML. (B)</p> Signup and view all the answers

¿Qué atributo usamos para aplicar un estilo con el selector de clases?

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

Flashcards

¿Qué es HTML?

El lenguaje de marcas más utilizado, basado en etiquetas formadas por paréntesis angulares.

¿Qué es WYSIWYG?

Es un editor de texto en el que puedes ver el resultado directamente mientras editas.

¿Qué es DOCTYPE?

El identificador que debe ir dentro de la estructura básica de un documento HTML para validarlo.

¿Cuál es la mejor forma de incorporar estilos a un documento?

Dar estilos a documentos a través de una hoja de estilos CSS externa.

Signup and view all the flashcards

¿Para qué sirven los Scripts?

Se utilizan para crear webs dinámicas e interactivas.

Signup and view all the flashcards

¿Qué es un navegador o Browser?

Es el software que interpreta la información de archivos y sitios web para que éstos puedan ser vistos por el usuario y permite el acceso a Internet.

Signup and view all the flashcards

¿Qué es compatibilidad web?

Capacidad de una página web para soportar todos los navegadores del lado del cliente.

Signup and view all the flashcards

¿Qué se puede cambiar con el atributo font-size?

Se puede modificar el tamaño del texto.

Signup and view all the flashcards

¿Para qué sirve el elemento div?

Divide la estructura en capas, formando bloques de contenido.

Signup and view all the flashcards

¿Para qué sirve el elemento img?

Sirve para introducir una imagen en una página web.

Signup and view all the flashcards

¿Para qué sirve el atributo align del elemento img?

Sirve para alinear dentro del documento una imagen.

Signup and view all the flashcards

¿Qué es un mapa de imagen?

Consiste en crear vínculos o zonas interactivas dentro de una imagen.

Signup and view all the flashcards

¿Cómo se indica la forma de una imagen?

Se indica con el elemento shape.

Signup and view all the flashcards

¿Qué se puede introducir con el elemento object?

Se pueden introducir elementos multimedia.

Signup and view all the flashcards

¿Sobre qué tipo de parámetros influye la tasa de muestreo?

Afecta los parámetros del sonido.

Signup and view all the flashcards

¿Cómo definimos una web que permite a personas con discapacidad interactuar con ésta?

Se define como accesible.

Signup and view all the flashcards

¿Cómo es una web que puede satisfacer diferentes necesidades, situaciones y preferencias de personas sin discapacidad?

Es aquella que es flexible.

Signup and view all the flashcards

¿Quiénes crearon las pautas de accesibilidad al contenido Web?

Fueron creadas por WAI.

Signup and view all the flashcards

¿Quién debe tener el control de la web?

Debe tenerlo el usuario.

Signup and view all the flashcards

¿Cómo debe ser la interacción de la web con el usuario?

Debe ser fácil y rápida.

Signup and view all the flashcards

¿Qué elemento debe ir siempre en nuestro documento web para que sea validado y especifique en qué código está desarrollado?

Es el DOCTYPE.

Signup and view all the flashcards

¿Cómo se debe estructurar un documento para que una página web sea usable?

Debemos estructurar el documento separando la estructura de las hojas de estilo.

Signup and view all the flashcards

¿Con qué elementos debe ser compatible una página web usable?

Debe ser compatible con todos los navegadores.

Signup and view all the flashcards

¿Con qué elemento se pueden incluir diferentes informaciones sobre el documento?

Con el elemento META.

Signup and view all the flashcards

¿Quién inventó reglas como usar lenguaje del usuario, consistencia en los estándares?

Jakob Nielsen.

Signup and view all the flashcards

¿Qué herramienta usamos para desarrollar páginas web con lenguaje de marcas?

El editor de texto.

Signup and view all the flashcards

¿Qué herramienta es útil para optimizar la calidad de imágenes, gifs animados y gráficos?

El editor de imágenes.

Signup and view all the flashcards

¿Qué programa permite configurar el auto cerrado de etiquetas?

Notepad++.

Signup and view all the flashcards

¿Para qué sirve la herramienta Grabar macro del editor de texto Notepad++?

Sirve para grabar acciones que posteriormente podrán repetirse.

Signup and view all the flashcards

¿Desde dónde podemos acceder a los plugins del editor de texto Notepad++?

En plugins, desde el menú principal.

Signup and view all the flashcards

¿Cuáles son los dos fundamentos que cumple el uso del lenguaje de marcado en editores de texto que lo hace la mejor opción?

la accesibilidad y la usabilidad, es decir, llegar al máximo número de personas posibles en igualdad de características.

Signup and view all the flashcards

Study Notes

  • Los lenguajes de marcas se conocen más comúnmente como HTML, basado en etiquetas formadas por paréntesis angulares.
  • WYSIWYG es el editor de texto donde puedes ver el resultado directamente.
  • El identificador DOCTYPE debe estar dentro de la estructura básica para validar el documento.
  • La mejor manera de incorporar estilos en documentos es a través de hojas de estilos CSS externas.
  • Los Scripts se utilizan para crear webs dinámicas e interactivas.
  • El software que interpreta archivos y sitios web para que sean vistos por el usuario se llama navegador o Browser.
  • La capacidad de una página web para soportar todos los navegadores del lado del cliente se denomina compatibilidad.
  • El tamaño se puede modificar con el atributo font-size.
  • El elemento div sirve para dividir la estructura en capas, formando bloques de contenido.

Imágenes y Elementos Multimedia

  •  El elemento img sirve para introducir una imagen en una página web.
  • El atributo align del elemento img sirve para alinear dentro del documento una imagen.
  • Un mapa de imágene consiste en crear vínculos o zonas interactivas dentro de una imagen
  • La forma de una imagen se indica con el elemento shape.
  • Elementos multimedia se pueden introducir con el elemento object.
  • Los atributos del elemento object se especifican con el indicador param.
  • El formato de audio .mp4 pertenece a AAC.
  • El formato de video .mov pertenece a QuickTime Movie.
  • La tasa de muestreo afecta a los parámetros del sonido.
  • La etiqueta <marquee> se utiliza para hacer marquesinas.

Técnicas de accesibilidad y usabilidad

  • Una web que permite a personas con discapacidad interactuar se define como accesible.
  • Una web es flexible si puede satisfacer diferentes necesidades, situaciones, y preferencias de personas sin discapacidad y organizaciones.
  • Las pautas de accesibilidad al contenido web fueron creadas por WAI.
  • El control de la web debe tenerlo el usuario.
  • La interacción de la web con el usuario debe ser fácil y rápida.
  • El elemento DOCTYPE debe ir siempre en un documento web para que sea validado y especifica en qué código está desarrollado.
  • Para que una página web sea usable, se debe estructurar el documento separando la estructura de las hojas de estilo.
  • Una página web usable debe ser compatible con todos los navegadores.
  • Diferentes informaciones sobre el documento se pueden incluir con el elemento META.
  • Jakob Nielsen inventó las reglas de cómo usar el lenguaje del usuario y la consistencia en los estándares.

Herramientas de edición web

  • Para desarrollar páginas web con lenguaje de marcas, se utiliza el editor de texto.
  • Para optimizar la calidad de imágenes, gifs animados y gráficos, se utiliza el editor de imágenes.
  • Con Notepad++, se puede configurar el auto cerrado de las etiquetas.
  • Gimp permite la configuración de su caja de herramientas.
  • La herramienta reemplazar de Notepad++ sirve para buscar un texto y reemplazarlo por otro.
  • La herramienta curvas del editor de imágenes Gimp sirve para cambiar el color, el brillo, el contraste y la transparencia de la capa activa.
  • La herramienta grabar macro del editor de texto Notepad++ sirve para grabar acciones que posteriormente podrán repetirse.
  • El plugin de Notepad++ con el que nos podremos conectar a un FTP para gestionar archivos se denomina "Show FTP Folders".
  • Desde el menú principal, en plugins, se puede acceder a los distintos plugins del editor de texto Notepad++.
  • El uso del lenguaje de marcas en editores de texto es la mejor opción para realizar páginas web, y cumple con el fundamento de la WWW, la accesibilidad y la usabilidad, es decir, llegar al máximo número de personas posibles en igualdad de características.

Hojas de estilo en la construcción de páginas web

  • Para enlazar un archivo CSS a un documento HTML, se usa la etiqueta <link> desde la cabecera del documento.
  • El atributo rel dentro del enlace determina el tipo de relación que hay entre el recurso enlazado y el documento HTML.
  • El atributo type dentro del enlace determina el tipo de recurso enlazado.
  • El atributo href dentro del enlace determina la URL del archivo CSS.
  • El estilo se integra dentro del documento HTML, en el encabezado, cuando está incrustado.
  • La regla @import se usa para importar una hoja de estilos y aplicarla a un documento HTML.
  • Los selectores pueden ser selectores simples y selectores compuestos.
  • Los hijos heredan, la mayoría de las veces, los estilos de sus padres en la propiedad de Herencia propia de los CSS.
  • El atributo class se usa para aplicar un estilo con el selector de clases.
  • La propiedad font-family se utiliza para cambiar la fuente del texto.

Diseño, ubicación y optimización de los contenidos de una página web

  • La extensión con la que se guarda la hoja de estilos es .css.
  • Un documento funcional comienza con un título/logo o encabezado.
  • Las divisiones del documento HTML se determinan con el elemento div.
  • Los estilos al documento funcional se han aplicado a través de una hoja de estilos externa.
  • El elemento target="_blank" se ha insertado en el documento funcional para que el archivo enlazado a curriculum.pdf se abra en una nueva página.
  • El elemento title se usa para que se vea un título al pasar sobre una imagen.
  • Para que la posición de la imagen de fondo esté centrada, al cuerpo del documento funcional se le aplica Background-position: center.
  • Un estilo para redondear las esquinas de un borde en CSS 3 se indica con Border-radius.
  • EL atributo Font-variant: small-caps se usa para aplicar un estilo versalitas al texto.
  • El elemento .menu a:visited se ha aplicado en la hoja de estilos para cambiar el color del enlace una vez visitado.

Elaboración de plantillas y formularios - Test final

  • Los datos que un usuario introduce en un formulario deben enviarse a un servidor para su procesamiento.
  • Las dos etiquetas más importantes para la elaboración de formularios en código HTML son <form> y <input>.
  • El valor por defecto del atributo method de la etiqueta form es Get.
  • El valor por defecto del atributo target de la etiqueta form es self.
  • Al programar cualquier elemento del formulario, se debe ser consciente de su objetivo final y de su uso.
  • No se puede programar indistintamente en mayúsculas y minúsculas en la programación web.
  • La etiqueta <TEXTAREA> se utiliza para definir o declarar un cuadro de texto más grande que una línea.
  • De cara al usuario, la programación del tamaño, columnas y filas de los formularios es totalmente transparente.
  • La diferencia entre los elementos de un formulario, los campos de un formulario y los controles de un formulario es que los campos son rellenables por el usuario, los otros no.
  • El código ofuscado es el código realizado de forma tan enrevesada que es imposible de descifrarlo.
  • Cuando se crea un botón con el elemento INPUT y el atributo SUBMIT si no se le asigna ningún valor al atributo VALUE muestra el valor por defecto.
  • El atributo MULTIPLE permite seleccionar múltiples veces distintas opciones de una lista desplegable cuando se utiliza con el elemento SELECT.
  • Los elementos a los que no se les ha asignado el atributo tabindex conservan el orden de tabulación normal.
  • El valor por defecto del atributo align en la etiqueta <LEGEND> es left.
  • Los elementos que existen en los formularios web que no existen en los formularios reales son listas desplegables y botones.
  • Las plantillas web deben almacenarse en lugares que sean fácilmente localizables.
  • Los presentes en la plantilla se dividen campos modificables y campos no modificables.
  • No, sólo debe borrar los comentarios de la plantilla y usar propios.
  • Debe almacenarla y ponerle un nombre adecuado con la misma extensión que los programas web relacionados.
  • La herramienta inicial de las búsquedas de las plantillas web son los buscadores web.

Plantillas en la construcción de páginas web

  • Las aplicaciones destinadas para la creación, construcción, diseño y edición de páginas web sirven para facilitar el trabajo al programador y que pueda observar el proceso de su creación de forma visual.
  • Las plantillas están diseñadas para ahorrarle tiempo al programador.
  • Los elementos modificables en una plantilla deben ser nombrados de forma que se sepa claramente qué función cumplen en la plantilla.
  • Hay plantillas que no deben modificarse porque el código no puede ser modificado en una plantilla.
  • La gran ventaja de la utilización de una plantilla básica al crear una nueva página de HTML es que el programador podrá usar la misma estructura de la plantilla básica para crear la página web.
  • Los comentarios en HTML se crean de forma distinta que en JavaScript y PHP.
  • Un campo modificable o susceptible de cambio en una plantilla es un campo que debe ser modificado por el programador que utiliza la plantilla cuando aplica o añade su código a su propio sitio web
  • Un campo no modificable o que no debe ser cambiado en una plantilla es un campo que nunca debe ser modificado por el programador que utiliza la plantilla cuando aplica o añade su código a su propio sitio web.
  •  Un CMS o Sistema de Gestión de Contenidos es un programa que permite, vía web, crear una estructura fija y visual para la creación y posterior administración de contenidos 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

HTML and CSS Quiz
9 questions

HTML and CSS Quiz

MeticulousRiver avatar
MeticulousRiver
HTML and CSS Fundamentals Quiz
9 questions
Technologies Web: HTML, CSS, JavaScript
10 questions
Use Quizgecko on...
Browser
Browser