Podcast
Questions and Answers
¿Cómo se conoce el lenguaje de marcas más utilizado, basado en etiquetas formadas por paréntesis angulares?
¿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?
¿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?
¿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?
¿Qué identificador debe ir dentro de la estructura básica para validar el documento?
¿Cuál es la mejor forma de incorporar estilos a nuestro documento?
¿Cuál es la mejor forma de incorporar estilos a nuestro documento?
¿Para qué sirven los Scripts?
¿Para qué sirven los Scripts?
¿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?
¿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?
¿Cómo se denomina a la capacidad de una página web para soportar todos los navegadores del lado del cliente?
¿Cómo se denomina a la capacidad de una página web para soportar todos los navegadores del lado del cliente?
¿Qué podemos cambiar con el atributo font-size?
¿Qué podemos cambiar con el atributo font-size?
¿Para qué sirve el elemento div?
¿Para qué sirve el elemento div?
¿Para qué sirve el elemento img?
¿Para qué sirve el elemento img?
¿Para qué sirve el atributo align del elemento img?
¿Para qué sirve el atributo align del elemento img?
¿Qué formato de audio pertenece a AAC?
¿Qué formato de audio pertenece a AAC?
¿Qué formato de vídeo pertenece a QuickTime Movie?
¿Qué formato de vídeo pertenece a QuickTime Movie?
¿La tasa de muestreo a qué tipo de parámetros afecta?
¿La tasa de muestreo a qué tipo de parámetros afecta?
¿Cómo definimos una web que permite a personas con discapacidad interactuar con ésta?
¿Cómo definimos una web que permite a personas con discapacidad interactuar con ésta?
¿Cómo debe ser la interacción de la web con el usuario?
¿Cómo debe ser la interacción de la web con el usuario?
¿Qué herramienta usamos para desarrollar páginas web con lenguaje de marcas?
¿Qué herramienta usamos para desarrollar páginas web con lenguaje de marcas?
¿Cómo enlazamos un archivo CSS a nuestro documento HTML?
¿Cómo enlazamos un archivo CSS a nuestro documento HTML?
¿Qué determina el atributo rel dentro del enlace que debemos poner para enlazar una hoja de estilos?
¿Qué determina el atributo rel dentro del enlace que debemos poner para enlazar una hoja de estilos?
¿Qué atributo usamos para aplicar un estilo con el selector de clases?
¿Qué atributo usamos para aplicar un estilo con el selector de clases?
Flashcards
¿Qué es HTML?
¿Qué es HTML?
El lenguaje de marcas más utilizado, basado en etiquetas formadas por paréntesis angulares.
¿Qué es WYSIWYG?
¿Qué es WYSIWYG?
Es un editor de texto en el que puedes ver el resultado directamente mientras editas.
¿Qué es DOCTYPE?
¿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?
¿Cuál es la mejor forma de incorporar estilos a un documento?
Signup and view all the flashcards
¿Para qué sirven los Scripts?
¿Para qué sirven los Scripts?
Signup and view all the flashcards
¿Qué es un navegador o Browser?
¿Qué es un navegador o Browser?
Signup and view all the flashcards
¿Qué es compatibilidad web?
¿Qué es compatibilidad web?
Signup and view all the flashcards
¿Qué se puede cambiar con el atributo font-size?
¿Qué se puede cambiar con el atributo font-size?
Signup and view all the flashcards
¿Para qué sirve el elemento div?
¿Para qué sirve el elemento div?
Signup and view all the flashcards
¿Para qué sirve el elemento img?
¿Para qué sirve el elemento img?
Signup and view all the flashcards
¿Para qué sirve el atributo align del elemento img?
¿Para qué sirve el atributo align del elemento img?
Signup and view all the flashcards
¿Qué es un mapa de imagen?
¿Qué es un mapa de imagen?
Signup and view all the flashcards
¿Cómo se indica la forma de una imagen?
¿Cómo se indica la forma de una imagen?
Signup and view all the flashcards
¿Qué se puede introducir con el elemento object?
¿Qué se puede introducir con el elemento object?
Signup and view all the flashcards
¿Sobre qué tipo de parámetros influye la tasa de muestreo?
¿Sobre qué tipo de parámetros influye la tasa de muestreo?
Signup and view all the flashcards
¿Cómo definimos una web que permite a personas con discapacidad interactuar con ésta?
¿Cómo definimos una web que permite a personas con discapacidad interactuar con ésta?
Signup and view all the flashcards
¿Cómo es una web que puede satisfacer diferentes necesidades, situaciones y preferencias de personas sin discapacidad?
¿Cómo es una web que puede satisfacer diferentes necesidades, situaciones y preferencias de personas sin discapacidad?
Signup and view all the flashcards
¿Quiénes crearon las pautas de accesibilidad al contenido Web?
¿Quiénes crearon las pautas de accesibilidad al contenido Web?
Signup and view all the flashcards
¿Quién debe tener el control de la web?
¿Quién debe tener el control de la web?
Signup and view all the flashcards
¿Cómo debe ser la interacción de la web con el usuario?
¿Cómo debe ser la interacción de la web con el usuario?
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?
¿Qué elemento debe ir siempre en nuestro documento web para que sea validado y especifique en qué código está desarrollado?
Signup and view all the flashcards
¿Cómo se debe estructurar un documento para que una página web sea usable?
¿Cómo se debe estructurar un documento para que una página web sea usable?
Signup and view all the flashcards
¿Con qué elementos debe ser compatible una página web usable?
¿Con qué elementos debe ser compatible una página web usable?
Signup and view all the flashcards
¿Con qué elemento se pueden incluir diferentes informaciones sobre el documento?
¿Con qué elemento se pueden incluir diferentes informaciones sobre el documento?
Signup and view all the flashcards
¿Quién inventó reglas como usar lenguaje del usuario, consistencia en los estándares?
¿Quién inventó reglas como usar lenguaje del usuario, consistencia en los estándares?
Signup and view all the flashcards
¿Qué herramienta usamos para desarrollar páginas web con lenguaje de marcas?
¿Qué herramienta usamos para desarrollar páginas web con lenguaje de marcas?
Signup and view all the flashcards
¿Qué herramienta es útil para optimizar la calidad de imágenes, gifs animados y gráficos?
¿Qué herramienta es útil para optimizar la calidad de imágenes, gifs animados y gráficos?
Signup and view all the flashcards
¿Qué programa permite configurar el auto cerrado de etiquetas?
¿Qué programa permite configurar el auto cerrado de etiquetas?
Signup and view all the flashcards
¿Para qué sirve la herramienta Grabar macro del editor de texto Notepad++?
¿Para qué sirve la herramienta Grabar macro del editor de texto Notepad++?
Signup and view all the flashcards
¿Desde dónde podemos acceder a los plugins del editor de texto Notepad++?
¿Desde dónde podemos acceder a los plugins del editor de texto Notepad++?
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?
¿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?
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 elementoimg
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 indicadorparam
. - 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 etiquetaform
es Get. - El valor por defecto del atributo
target
de la etiquetaform
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 atributoSUBMIT
si no se le asigna ningún valor al atributoVALUE
muestra el valor por defecto. - El atributo
MULTIPLE
permite seleccionar múltiples veces distintas opciones de una lista desplegable cuando se utiliza con el elementoSELECT
. - 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.