Pregunta 

1
Correcta
Puntúa 1,00 sobre 1,00

Marcar pregunta
Enunciado de la pregunta
Cuando tratamos de dar estilos a los contenidos de una web mediante CSS, éste
clasifica los elementos como "cajas de bloque" y "cajas en línea", ya que se entiende
que cualquier elemento que se muestre lo hace mediante la creación de una caja.
Independientemente del tipo de caja que se trate, ¿qué elementos podemos distinguir
en cada una de ellas?
Seleccione una:

a. Todas las cajas incluyen los div "content", "nav", “float” y “clear”.

b. Todas las cajas incluyen de forma natural las etiquetas <div> y <span> para agrupar
elementos en bloque o en línea.

c. En todas las cajas se puede distinguir: márgenes, borde, espaciado (padding) y

contenido. 

d. Todas las cajas incluyen una cabecera, un cuerpo, una barra de navegación y un pie de
caja.

Retroalimentación
La respuesta correcta es: En todas las cajas se puede distinguir: márgenes, borde, espaciado
(padding) y contenido.

Pregunta 2
Correcta
Puntúa 1,00 sobre 1,00

Marcar pregunta
Enunciado de la pregunta
Para la distribución personalizada de cada uno de los elementos de nuestro diseño
web empleamos las propiedades float y clear, pero ¿para qué se emplean estas
propiedades?
Seleccione una:

a. Cuando utilizamos las propiedades float y clear estamos modificando el flujo normal del
documento, ya que hacemos que los elementos "floten" y se acomoden al espacio disponible

en la página. 
b. Son las propiedades CSS que nos permite distribuir más exactamente los elementos en la
página. Esta propiedad puede tener los siguientes valores: static, relative, absolute y fixed.

c. El valor predeterminado de las propiedades float y clear es “static o posicionamiento

estático”. Con este valor realmente no se aplica ningún posicionamiento, ya que es el que
establece el flujo natural del documento.

d. Con las propiedades float y clear las cajas de bloque se distribuyen en su propia línea y
ocupan todo el ancho disponible (obligatoriamente) y las cajas en línea se distribuyen
horizontalmente en la línea en la que aparecen.

Retroalimentación
La respuesta correcta es: Cuando utilizamos las propiedades float y clear estamos modificando
el flujo normal del documento, ya que hacemos que los elementos "floten" y se acomoden al
espacio disponible en la página.

Pregunta 3
Correcta
Puntúa 1,00 sobre 1,00

Marcar pregunta
Enunciado de la pregunta
Con CSS podemos modificar el orden de apilamiento de los elementos, es decir, la
forma en que se superponen los elementos con posicionamiento CSS (distinto al
static). Para ello, se utiliza una propiedad muy útil llamada…
Seleccione una:

a. Posicionamiento relativo, que a pesar de ser similar al estático, ya que el elemento ocupa el
espacio en la posición de su flujo natural, sin embargo, impide que las cajas se superpongan.

b. La propiedad “order” impide que los elementos se superpongan. Por defecto, el orden de
apilamiento es el que se refleja en el código HTML, modificándolo con CSS.

c. Hablamos de la propiedad “z-index”, pero sólo tiene efecto únicamente si los elementos a los

que afecta tienen un posicionamiento distinto al estático. 

d. Para evitar el apilamiento de los elementos debemos utilizar el posicionamiento relativo, en

concreto, se utiliza el valor relative de la propiedad position.

Retroalimentación
La respuesta correcta es: Hablamos de la propiedad “z-index”, pero sólo tiene efecto
únicamente si los elementos a los que afecta tienen un posicionamiento distinto al estático.

Pregunta 4
Correcta
Puntúa 1,00 sobre 1,00
 Marcar pregunta
Enunciado de la pregunta
Estamos diseñando una tabla de precios relativos a los diferentes productos de un
catálogo on-line. Una vez terminada dicha tabla el cliente te manda nuevos productos
para incluirlos. ¿Qué código HTML emplearías para realizar dicho encargo?
Seleccione una:

a. Una tabla no es más que un conjunto de filas y columnas que forman una estructura
determinada. En este caso incluiría los nuevos productos con las filas, es decir, utilizando las
etiquetas <tr> y </tr>, y para indicar que es una celda de datos emplearía la etiqueta

<td>. 

b. Existen dos tipos de tablas: las de cabecera y las de datos. La diferencia entre ellas consiste
en que en las de cabecera se incluye el texto titular, y en las de datos se representan la
información en sí de la tabla. En este caso incluiría una tabla de datos con la etiqueta <td>,
dentro de <table>.

c. Para definir una tabla solo es necesario indicar su estructura, o sea, el conjunto de filas y
columnas. Para indicar que una celda es de cabecera se utiliza la etiqueta <th> y para una de
datos, la etiqueta <td>. En este caso iría todo con la etiqueta <td>.

d. Existen dos tipos de celdas: de cabecera y de datos. Después es necesario definir las filas
que contiene utilizando las etiquetas <tr> y </tr>. En este caso, para indicar que una celda es
de datos utilizaría la etiqueta <th>.

Retroalimentación
La respuesta correcta es: Una tabla no es más que un conjunto de filas y columnas que forman
una estructura determinada. En este caso incluiría los nuevos productos con las filas, es decir,
utilizando las etiquetas <tr> y </tr>, y para indicar que es una celda de datos emplearía la
etiqueta <td>.

Pregunta 5
Correcta
Puntúa 1,00 sobre 1,00

Marcar pregunta
Enunciado de la pregunta
En el encargo anterior del diseño de una tabla, el cliente te especifica que quiere que
dicha tabla ocupe la mitad del ancho disponible dentro del elemento que la contiene,
que en este caso es la ventana del navegador. ¿Puedes ajustar dicha indicación a tu
diseño?
Seleccione una:
a. Las dimensiones de una tabla se adaptan al contenido de las celdas y otras características,
como la anchura de los bordes, el espaciado y relleno, pero nunca al espacio que la contiene.

b. Es posible establecer explícitamente unas dimensiones a través de los atributos width
(anchura) y height (altura) de la etiqueta <table> o a través de las propiedades CSS
equivalentes, pero excluyendo en todo momento el elemento contenedor como es la ventana
del navegador.

c. Si mediante CSS damos un valor de width: 50% para la tabla, estaremos indicando que

queremos que la tabla tenga un ancho igual a la mitad de la ventana del navegador. 

d. Gracias a CSS es posible establecer las dimensiones de las celdas, pero nunca de la tabla
completa ya que ésta se adapta al contenido de la misma.

Retroalimentación
La respuesta correcta es: Si mediante CSS damos un valor de width: 50% para la tabla,
estaremos indicando que queremos que la tabla tenga un ancho igual a la mitad de la ventana
del navegador.

Pregunta 6
Correcta
Puntúa 1,00 sobre 1,00

Marcar pregunta
Enunciado de la pregunta
Estás desarrollando una web, y el responsable del departamento te entrega una tabla
de Excel para que la introduzcas en la web. ¿Existe la posibilidad de importar datos
tabulares desde otras aplicaciones a Dreamveawer? ¿Qué aplicaciones son estás?
Seleccione una:

a. Dreamveawer es un software de diseño por lo que no está pensado para la importación o

exportación de datos.

b. Dreamveawer te permite importar datos a partir de documentos de Word, hojas de cálculo

de Excel o desde cualquier otro formato de texto desarrollado con algún software de Adobe o
Microsoft.

c. Dreamveawer te permite importar datos a partir de documentos XML, documentos de Word,

hojas de cálculo de Excel o desde cualquier otro formato de texto siempre que los datos estén

delimitados adecuadamente. 

d. Existe la posibilidad de importar datos tabulares desde otras aplicaciones, pero

Dreamveawer puede no introducirlos correctamente, por lo que lo más recomendable es
hacerlo manualmente.

Retroalimentación
La respuesta correcta es: Dreamveawer te permite importar datos a partir de documentos XML,
documentos de Word, hojas de cálculo de Excel o desde cualquier otro formato de texto
siempre que los datos estén delimitados adecuadamente.
Pregunta 7
Correcta
Puntúa 1,00 sobre 1,00

Marcar pregunta
Enunciado de la pregunta
Aunque los frame no están recomendados, si al ver un código de una página existente
que incluye frame, nos fijamos que no muestran las barras de desplazamiento, ¿qué
atributo o propiedad de los frame se habrá utilizado para ocultarlas?
Seleccione una:

a. El atributo “scrolling" determina si el frame debe mostrar o no las barras de desplazamiento.
El valor por defecto es "auto", por lo que solo se mostrarán cuando sea necesario. Con el valor

"yes" se mostrarán siempre y con "no" en ningún caso. 

b. El atributo “noresize” no tiene ningún valor e indica que el usuario no puede cambiar el
tamaño del frame ni visualizar ninguna barra de desplazamiento. Si no ponemos este atributo,
el usuario podrá modificar el frame arrastrando su borde con el ratón, como si fuera una
ventana de Windows.

c. El atributo “marginwidth="valor" se utiliza para controlar los márgenes, las barras de
desplazamiento y otros objetos que aparecen en el frame. El valor que aplica cada navegador a
este atributo, si no se indica lo contrario, muestra todos los márgenes y barras.

d. El atributo “frame-style" determina las características visuales del frame, como mostrar o no
las barras de desplazamiento, los márgenes y sus medidas.

Retroalimentación
La respuesta correcta es: El atributo “scrolling" determina si el frame debe mostrar o no las
barras de desplazamiento. El valor por defecto es "auto", por lo que solo se mostrarán cuando
sea necesario. Con el valor "yes" se mostrarán siempre y con "no" en ningún caso.

Pregunta 8
Correcta
Puntúa 1,00 sobre 1,00

Marcar pregunta
Enunciado de la pregunta
Una aplicación muy desarrollada y empleada con múltiples fines en web son los
formularios. ¿Cómo definirías qué es un formulario y qué aplicaciones tiene?
Seleccione una:

a. Un formulario es un conjunto de campos de entrada, o también llamados controles, donde el

usuario introduce la información requerida y pulsa un botón para enviarla al servidor web. Los
formularios pueden emplearse para la realización de encuestas, introducción de comentarios,
para los formularios de búsqueda, en el proceso de registro en un sitio web o para completar

una compra electrónica. 

b. Un formulario es una herramienta interna dentro de un sitio web, donde el usuario introduce
la información requerida en datos concretos y exactos, y pulsa un botón para enviarla al
navegador. Los formularios pueden emplearse para la realización de búsquedas por Internet,
en el proceso de registro en un sitio web y para completar una compra electrónica.

c. Un formulario es un conjunto de casillas de entrada, o también llamados “enter”, donde el

usuario introduce la información requerida en datos concretos y exactos y pulsa un botón para
enviarla al navegador. Los formularios se emplean exclusivamente para las operaciones más
oficiales, tipo en el proceso de registro en un sitio web o para completar una compra
electrónica.

d. Un formulario es una herramienta interna dentro de un sitio web que se utiliza para solicitar
datos concretos a sus usuarios. Posteriormente los desarrolladores de la web reciben dichos
datos por mail y los gestionan y analizan según los objetivos que se quieran alcanzar.

Retroalimentación
La respuesta correcta es: Un formulario es un conjunto de campos de entrada, o también
llamados controles, donde el usuario introduce la información requerida y pulsa un botón para
enviarla al servidor web. Los formularios pueden emplearse para la realización de encuestas,
introducción de comentarios, para los formularios de búsqueda, en el proceso de registro en un
sitio web o para completar una compra electrónica.

Pregunta 9
Correcta
Puntúa 1,00 sobre 1,00

Marcar pregunta
Enunciado de la pregunta
Como diseñador web te encontrarás con sitios web donde debas incluir varios
formularios. Es importante otorgarles una característica fundamental a los formularios
para su correcta identificación. ¿De qué características estamos hablando?
Seleccione una:

a. Debemos otorgarle a cada formulario unas dimensiones concretas, en cuanto a su ancho y

alto, siendo las mismas dimensiones para todos los formularios en el caso de que haya varios
en el mismo sitio web.

b. Es fundamental y obligatorio emplear una convención para los identificadores de los
formularios y controles. Así, se ha de emplear el prefijo “frm” como identificador de cada
formulario, y numerándolos correlativamente por orden de aparición.

c. Es importante introducir un identificador (ID) o nombre para el formulario. Sobre todo,
teniendo en cuenta que puede haber más de un formulario en una página web y que

posiblemente será necesario hacer referencia al formulario mediante JavaScript o CSS. 

d. Es obligatorio introducir tanto en el lenguaje HTML como en CSS, el atributo “action” de la
etiqueta <form> para que especifiquemos qué página o aplicación se encargará de identificar
cada formulario.
Retroalimentación
La respuesta correcta es: Es importante introducir un identificador (ID) o nombre para el
formulario. Sobre todo, teniendo en cuenta que puede haber más de un formulario en una
página web y que posiblemente será necesario hacer referencia al formulario mediante
JavaScript o CSS.

Pregunta 10
Correcta
Puntúa 1,00 sobre 1,00

Marcar pregunta
Enunciado de la pregunta
El cliente que te ha encargado introducir una encuesta de satisfacción en su web. En
ella te especifica que como opciones de respuesta quiere incluir casillas de verificación
para presentar opciones no excluyentes entre sí. ¿Qué etiquetas HTML emplearías
para este tipo de casillas?
Seleccione una:

a. Emplearía la etiqueta HTML para un campo de texto de formulario: <input type="text">

b. Se utiliza la etiqueta <input> para este tipo de control, con el valor "radio" en su atributo type.
Es decir: <input type="radio">

c. Para presentar opciones no excluyentes entre sí se utiliza la etiqueta <input> con el valor

"checkbox" para el atributo type. Es decir: <input type="checkbox"> 

d. Incluiría el siguiente código completo: <form action="confirmacion.html" method="post"

enctype="multipart/form-data" name="frm_registro" id="frm_registro">

Retroalimentación
La respuesta correcta es: Para presentar opciones no excluyentes entre sí se utiliza la etiqueta
<input> con el valor "checkbox" para el atributo type. Es decir: <input type="checkbox">