Q & A ::Preguntas y Respuestas A 3 | A 6 | A 8 | A 10 | A 12 | A 14 | A 16 | A 18 | A 20
Actividad 3
¿Por qué se dice que HTML es el lenguaje de la Web?
Porque es el lenguaje que se ha tomado como estándar para que los navegadores Web puedan mostrar información.
¿Qué significa HTML?
HyperText Markup Language
¿Qué representa HyperText en la abreviatura HTML?
Es el concepto que sigue la web para el flujo de la información a partir de un texto. Es decir que, al seleccionar en un texto con cierta característica se puede mostrar otra información.
¿Qué representa la parte Markup Language en la abreviatura HTML?
Complementa la idea de que, al marcar o seleccionar un texto con cierta característica, se pueda continuar el flujo de información a otra parte.
¿Cuál es la importancia del lenguaje de marcado (Markup Language)?
Que, a través de él, se pueden llamar a recursos multimedia existentes en la misma computadora o en cualquier otra que esté conectada a una red (LAN, MAN o WAN).
¿Por qué un archivo formateado con el bloc de notas y con extensión HTML no aparece formateado cuando lo vemos en cualquiera de los navegadores Web?
No entendí "si tiene formato con etiquetas" deberían verse el formato.
¿Qué significa CSS?
Cascading Style Sheets - Hojas de Estilo en Cascada.
¿Cuál es la relación entre CSS y HTML?
CSS permite dar formato a las páginas HTML.
¿Cuál son las extensiones predeterminadas de los archivos que contienen código HTML?
HTM y HTML
¿Por qué archivos con extensión PHP, ASPX o CFM también pueden ser procesados por los exploradores Web?
Previamente fueron trabajados por un lenguaje de programación del lado del servidor y, como resultado, el servidor ha enviado un documento HTML que es el que se puede ver.
¿Cuál es el papel de consorcio W3C?
Regular los estándares que se deben seguir para que exista una homogeneidad al visualizar la información.
¿En qué estado se encuentra actualmente HTML5?
En fase de desarrollo.
¿En qué año se espera que HTML5 alcance su estado de Recomendación?
2016.
¿Cuál es la relación de WHATWG y HTML5?
WHATWG es una comunidad interesada en desarrollar y evolucionar la tecnología HTML, HML5 es el punto de partida que ha adoptado esta comunidad para trabajar.
¿Cuál es la relación entre W3C y WHATWG?
Trabajar en conjunto para crear la nueva versión de html. Con anterioridad W3C trabajo con html y WHATWG trabajo con aplicaciones web
¿Cuáles son las 6 reglas principales que se establecieron para HTML5?
Reducir Plug-Ins externos como flash.
Mejor manejo de errores.
Mayor uso de tags para reducir scripts.
Independencia de dispositivos.
Proceso de desarrollo abierto
¿Cuáles son algunas de las diferencias entre HTML5 y sus predecesores?
Se pretende con HTML5 tener una estructura mas elaborada para tener un mejor control sobre las partes componentes del documento. Se enfoca también en integrar  multimedia sin dependencia de aplicaciones extras.
¿Cuáles son algunas de las diferencias entre las sintaxis HTML y XHTML?
XHML es mas estricto en la sintaxis.
¿Qué modelo de sintaxis sigue HTML5?
¿HTML o XHTML?
HTML.
¿Cuál es el propósito de la instrucción <!DOCTYPE html>?
Indicar que se trata de la versión 5 de HTML con la que se interpretará la página.
¿Cuál es el contenedor principal de una página HTML?
<HTML> y su cierre </HTML>.
¿A qué elemento se le conoce como el elemento Root o Raíz de la página HTML?
<HTML> y su cierre </HTML>.
¿Cuáles son los dos elementos principales del TAG <html>?
<HEAD> </HEAD> y <BODY> </BODY>
En HTML 4, la declaración DOCTYPE requería una referencia a una Definición de Tipo de Documento, en inglés Document Type Definition (DTD). 
¿Por qué?
En caso de que una página Web no incluya declaración DOCTYPE, o nose defina en ésta una DTD válida, no será conforme con la sintaxis de lagramática empleada, lo que puede provocar que se interpreteinadecuadamente el código.
¿Cuál es el propósito de un DTD?
 Recolectar las normas, obligaciones y restricciones aplicadas a un tipode documento, es decir, los elementos que se pueden utilizar, losatributos para cada elemento y los valores que puede tener losatributos.
¿Cierto o falso? HTML5 está basado sobre SGML y en consecuencia requiere una referencia a un DTD.
FALSO.
¿Qué es la METADATA?
Etiquetas que permiten definir e identificar propiedades del documento.
¿Qué TAG se utiliza para agregar METADATA a la página?
<META >.
¿Cierto o falso? Todos los elementos dentro del TAG <head> no son mostrados por el explorador.
CIERTO.
¿Qué elementos pueden ubicarse dentro del TAG <head>?
<TITLE></TITLE>, <META />, <STYLE />, entre otros.
¿Cuáles son algunos ejemplos de METADATA?
<meta charset="utf-8" />
<meta http-equiv="refresh" content="60" />
<meta name="AUTOR" content="SiGoP" />

Actividad 5
¿Cuál son algunas de las características que han mejorado el rendimiento del Internet Explorer 9?
Rápido en general : los gráficos, vídeos y textos con aceleración de hardware aumentan la velocidad y permiten que los sitios web se comporten como los programas instalados en tu equipo.
Diseño optimizado y simplificado : pone a tu disposición los controles básicos que necesitas y otorga a Internet el papel protagonista.
Acceso a los sitios favoritos con un solo clic : con la función de sitios anclados puedes acceder a tus sitios favoritos directamente desde la barra de tareas de Windows sin necesidad de abrir primero el explorador.
Barra combinada de búsqueda y direcciones : un único lugar para navegar a un sitio web o iniciar una búsqueda.
Página "Nueva pestaña" con nuevo diseño : ahora puedes acceder rápidamente a los sitios que visitas a menudo y reabrir las pestañas cerradas o la última sesión del explorador, así como iniciar una sesión de exploración de InPrivate.
Integración con Windows 7 : con las funciones Ajustar, Sitios anclados, Jump Lists y los controles de vista previa en miniatura, Internet Explorer 9 y Windows 7 te permiten disfrutar de la mejor experiencia web para Windows.
Administración de complementos mejorada : con el Asesor de rendimiento no solamente sabrás si algún complemento instalado ralentiza el rendimiento del explorador, sino que también podrás desactivarlo o quitarlo para asegurarte de que tu explorador sigue siendo igual de rápido con el transcurso del tiempo.
Ayuda a controlar tu privacidad : la Protección de rastreo permite limitar la comunicación del explorador con determinados sitios web, lo cual contribuye a mantener la confidencialidad de la información.
Mantiene tus descargas siempre ordenadas : el Administrador de descargas conserva una lista en permanente actualización de los archivos descargados desde Internet, te avisa cuando uno de ellos puede ser malintencionado y te permite poner en pausa y reiniciar las descargas.
¿Cuáles son algunas de las funciones que se pueden encontrar en la página "Nueva pestaña" del Internet Explorer 9?
En la página Nueva pestaña se utilizan el color principal y el icono de cada uno de los sitios para facilitar la identificación de los mismos, lo cual resulta muy práctico a la hora de elegir a qué sitio acceder. Además, contarás con un indicador de sitios que señalará si visitas a menudo el sitio web en cuestión. Tus sitios favoritos aparecerán en una lista encabezada por los que visites con más frecuencia. Y si en el transcurso del tiempo alguno de estos sitios deja de ser uno de tus favoritos, siempre podrás cerrarlo o quitarlo.
Desde la página Nueva pestaña también podrá reabrir las pestañas cerradas o la última sesión del navegador, así como iniciar una sesión de navegación InPrivate. Con las sesiones de InPrivate no se efectuará ningún seguimiento de las visitas a sitios que efectúe desde la página Nueva pestaña. Además, podrás anclar los sitios desde la página Nueva pestaña hasta la barra de tareas para tener un acceso rápido a los sitios favoritos.
¿Cuál es la función de la barra de notificación del Internet Explorer 9?
Las notificaciones de Internet Explorer 9 garantizan una navegación más rápida y fluida. Ahora, los mensajes de notificación no adoptan la forma de cuadros de diálogo que aparecen inesperadamente obstaculizando la navegación, sino que todos se presentan en la barra de notificación, situada en la parte inferior del marco del navegador.
Las notificaciones no interrumpirán tu navegación obligándote a efectuar una acción determinada para poder continuar. Si lo deseas, puedes hacer caso omiso de ellas y tomar una decisión cuando lo consideres oportuno. Además, comprobarás que los mensajes, notificaciones de error y advertencias de la barra de notificación aportan más información, resultan más fáciles de comprender y, lo que es más importante, presentan al usuario opciones de acción más sencillas.
¿Cuál es la funcionalidad "One Box" en el Internet Explorer 9?
Con One Box, la exploración y las búsquedas en Internet resultan sumamente sencillas. Podrás empezar a escribir una dirección web y la función Autocompletar se anticipará para ayudarte a acceder más rápidamente a los sitios web. Además, como la funcionalidad de búsqueda está integrada en One Box, no tendrá que preocuparse por recordar la dirección web completa: bastará con escribir términos conocidos, como "noticias" o "música", para abrir sus sitios preferidos con sorprendente velocidad.
Un elemento fundamental del compromiso de Internet Explorer es la garantía de proteger la privacidad de todo la información canalizada a través de One Box. Tú eres quien decide si deseas compartir información con los proveedores de búsqueda y, en caso afirmativo, qué datos pueden conocer. Desde la lista desplegable de la barra de direcciones, podrás activar o desactivar las sugerencias de búsqueda. Si optas por activar las sugerencias, el texto será enviado al proveedor de búsqueda a medida que lo vayas escribiendo y no cuando termines de hacerlo y pulses Intro.
¿Cuáles son las ventajas de la característica "Sitios Anclados" del Internet Explorer 9?
Con la función de sitios anclados podrás acceder a tus sitios favoritos directamente desde la barra de tareas de Windows sin necesidad de abrir primero Internet Explorer.
¿De qué manera puede ser personalizada la apariencia de un sitio anclado?
Asignando un icono al sitio anclado, cambiando los colores de los botones de BACK y FORWARD, agregando tareas estáticas y dinámicas.
¿Cuál es la METADATA que se utiliza para mejorar la apariencia de un sitio anclado?
<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
<meta name="application-name" content="Build My Pinned Site"/>
<meta name="msapplication-starturl"content="http://buildmypinnedsite.com" />
<meta name="msapplication-navbutton-color" content="#3480C0"/>
<meta name="msapplication-window"content="width=1024;height=768" />
<meta name="msapplication-tooltip" content="Start Build My Pinned Site" />
¿Cuál es la METADATA que se utiliza para agregar una lista de tareas a un sitio anclado?
<meta name="msapplication-task" content="name=Develop for Internet Explorer 9; action-uri=http://www.beautyoftheweb.com/#/startdeveloping; icon-uri=/favicon.ico" />
¿Cuáles son algunas de las mejoras incorporadas a las pestañas del Internet Explorer 9?
Pestañas separables, Pestañas codificadas por colores.
¿En qué consiste la característica "Navegación centrada en Internet" del Internet Explorer 9?
Diseñados en función de lo que más utilizan los usuarios, los controles de navegación de Internet Explorer 9 se han optimizado y simplificado. El botón Atrás ha aumentado de tamaño; la barra de direcciones y el cuadro de búsqueda se han combinado en una nueva barra de direcciones, y los diversos menús de las versiones anteriores de Internet Explorer se han consolidado en uno solo.
¿Y cuál es el resultado?
Verás solamente los elementos que hoy resultan esenciales para la navegación por Internet.
La interfaz de usuario, simplificada y optimizada, queda en un discreto segundo plano. Además, este navegador refleja las características de todos los sitios web, lo que, para el usuario, se traduce en una experiencia aún más envolvente.
¿Cuáles son algunas de las características de integración existentes entre el Internet Explorer 9 y el sistema operativo Windows 7?
Ajuste, Jump Lists, Controles de vista previa en miniatura y Superposiciones de icono.
¿En qué consiste la característica "Filtrado ActiveX" del Internet Explorer 9?
ActiveX es una tecnología integrada en muchos de los principales sitios web para mejorar la experiencia de navegación. Puede utilizarse para reproducir vídeos y animaciones, así como para visualizar determinados tipos de archivos. No obstante, ActiveX también puede suponer riesgos para la seguridad y ralentizar el equipo.
Filtrado ActiveX de Internet Explorer también puede ayudar a tomar decisiones fundamentadas acerca de cualquier control de ActiveX que ejecutes al permitirte bloquear los controles de ActiveX de todos los sitios y, a continuación, activar solamente los de los sitios de confianza. Esto contribuye a una mayor protección contra controles de ActiveX peligrosos y poco fiables.
¿Cuál es la función de la característica "Asesor de rendimiento de complementos" del Internet Explorer 9?
El Asesor de rendimiento de complementos garantiza un inicio y un funcionamiento rápidos de Internet Explorer 9, puesto que ayuda a controlar los complementos instalados.
El Asesor de rendimiento de complementos funciona identificando los complementos que podrían estar ralentizando el navegador. Además, facilita la información necesaria para desactivar el complemento en cuestión o para solucionar el problema directamente en el área de notificación. Conocerá los tiempos de carga de cada uno de los complementos, con lo que sabrá en qué medida afectan a la experiencia de navegación. Gracias a este asesor, podrás tomar decisiones fundamentadas para usar los complementos que consideres más útiles, desactivando los que ralentizan el rendimiento o resultan de poca ayuda. Todo ello se traduce en una navegación más rápida y eficaz.
¿Cuál es la función de la característica "Vista de compatibilidad" del Internet Explorer 9?
Con Vista de compatibilidad, los sitios web se presentan como si los estuvieras viendo en una versión anterior de Internet Explorer, con lo cual suelen corregirse algunos problemas de visualización. Si ya has visitado un sitio web y has hecho clic en este botón una vez, no tendrás que volver a hacerlo en las posteriores visitas al mismo sitio: Internet Explorer 9 lo mostrará automáticamente en Vista de compatibilidad. (Si en algún momento deseas volver a visitar el sitio con Internet Explorer 9, no tendrás más que volver a hacer clic en el botón Vista de compatibilidad).
¿Cuál es la función de la característica "Filtro de scripts de sitios" del Internet Explorer 9?
Internet Explorer 9 incluye un filtro de scripts de sitios (XSS) capaz de detectar ataques de este tipo. En el caso de que se detecte alguna vulnerabilidad, Internet Explorer desactivará los scripts dañinos. Para asegurar tu protección, el filtro de scripts de sitios está activado de forma predeterminada.
¿Cuál es la función de la característica "Resaltado de dominios" del Internet Explorer 9?
Una forma de evitar los sitios web engañosos es conocer la auténtica dirección del sitio que se pretende visitar. Mediante el resaltado de dominios, Internet Explorer 9 permite reconocer a simple vista la auténtica dirección web resaltando el nombre de dominio en la barra de direcciones, lo cual facilita la identificación de los sitios visitados. De este modo, recibirás alertas ante la presencia de sitios web engañosos que intenten persuadirte con direcciones equívocas, disminuyendo así los riesgos de divulgación involuntaria de tus datos personales.
¿Cuál es la función de la característica "Administrador de descargas" del Internet Explorer 9?
Internet Explorer 9 dispone de un método integrado de acceso a los archivos descargados, que también le ayudará a vigilarlos y a interactuar con ellos: el Administrador de descargas. Se trata de un programa que permite ver el estado de las descargas y que presenta información en el caso de que puedan suponer un peligro potencial para el equipo. Además, ejecuta una completa serie de comprobaciones de seguridad de los archivos descargados e indica la ubicación final de los mismos.
¿Cuál es la función de la característica "Exploración de InPrivate" del Internet Explorer 9?
Navegación de InPrivate contribuye a evitar que el explorador conserve información como el historial de exploración, los archivos temporales de Internet, datos de formularios, cookies, o nombres de usuario y contraseñas. Puedes iniciar Exploración de InPrivate desde el menú Seguridad, presionando las teclas Ctrl+Mayús+P, o bien directamente desde la página Nueva pestaña. De este modo, Internet Explorer iniciará una nueva sesión del explorador que no registrará información alguna acerca de las páginas web visitadas o las búsquedas realizadas. Al cerrar la ventana del explorador, finalizará la sesión de Exploración de InPrivate.
¿Cuál es la función de la característica "Filtro SmartScreen" del Internet Explorer 9?
Internet Explorer 9 ha sido diseñado para protegerte contra las crecientes amenazas de Internet y de ingeniería social. Tanto si se trata del vínculo de un mensaje de correo electrónico que aparentemente te ha enviado tu banco como de falsas notificaciones desde redes sociales, de resultados de búsquedas de contenidos populares o de anuncios falsos, los intrusos lo intentan todo. Con el filtro SmartScreen podrás navegar con más tranquilidad, ya que contarás con una mejor protección en el caso de ser el objetivo de alguno de estos ataques.
Protección contra la suplantación de identidad (phishing).
Reputación de la aplicación.
Protección contra el hardware malicioso (malware).
¿Cuál es la función de la característica "Protección de rastreo" del Internet Explorer 9?
Protección de rastreo permite mantener el control de la privacidad durante la navegación por Internet.

Actividad 6
¿Cuáles son las capas en las que puede dividirse una página Web?
Contenido - HTML
presentación - CSS
comportamiento - Javascript
¿Qué es CSS?
CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado entre otros.
¿Para qué se utiliza CSS?
Para mejorar la presentación de los tags de HTML, formatear texto, preparar la pagina para diferentes dispositivos.
¿Qué problema resuelve CSS?
CSS resolvió el problema de incompatibilidad en los navegadores en algunas etiquetas, además separó la presentación de la página web y la estructura, haciendo el mantenimiento de las páginas más sencillo.
¿Qué beneficios ofrece CSS?
Control de la presentación de muchos documentos desde una única hoja de estilo; Control más preciso de la presentación; Aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.); Numerosas técnicas avanzadas y sofisticadas.
¿Cuántas versiones de CSS existen?
Existen 3 versiones, las dos primeras son especificaciones de la W3C y la versión 3 aun en desarrollo.
¿Cuál es la sintaxis básica de CSS?
Elemento {propiedades:caracteristica; }
¿Cuáles son los elementos de una Regla CSS?
Selectores, Propiedades y Valores.
¿Qué es una declaración CSS?
La definición de la Propiedad y Valor se conoce como Declaración.
¿Qué es un Selector CSS?
Es el elemento seleccionado y al que se le quiere aplicar un estilo.
¿Cuáles son las formas en que se puede incorporar CSS a un documento HTML?
De manera Interna, Externa y en línea.
¿Por qué no es recomendado el uso de estilos en línea?
Porque solo se aplica el estilo a la definición que hace referencia y si se quiere poner el mismo estilo a varios elementos, se deberá hacer encada uno. Dificulta la actualización.
¿Cuál es un caso práctico donde se utilizan los estilos en línea?
Cuando se redacta correo electrónico ya que en este caso no se pueden incluir los estilos en archivos separados.
¿Cuál es una ventaja de los estilos Internos?
Se ejecutan en primer plano, es decir dejará en segundo termino al estilo externo.
¿Cuál es la desventaja de los estilos Internos?
Se tiene que realizar el estilo por cada página y, en caso de que se aplique para varias, al realizar cambios también se deberá hacer en cada página.
¿Cuál es la ventaja de los estilos externos?
Se tiene un mayor control a nivel general de todo el sitio. No se tiene que cambiar en cada una de las páginas (a comparación de los estilos internos).
¿Cuáles son los tipos básicos de selectores CSS?
Tags, IDs, Clases y Compuestos.
¿Cuáles son los 3 principios de CSS que deben seguir los exploradores Web?
Cascada, Herencia y Especifidad.
¿En qué consisten cada uno de los principios CSS?
Cascada.- Dadas dos reglas especificadas, la regla mas cercana al elemento es la que gana. Herencia.- Las reglas contenidas en un Tag padre, también afectan a los Tags hijos. Especifidad o especificación.- Es la indicación mediante ID o Class del estilo que deberá tener un elemento independientemente del estilo que pudiera tener ese elemento. Un selector de clase tiene mayor jerarquía que el de elemento. LA jerarquía es Tag, Clase, ID, InLine.
¿Cómo se puede validar si una página cumple con la recomendación CSS?
Utilizando el Servicio de Validación como por ejemplo el del propio consorcio W3C: http://jigsaw.w3.org/css-validator/
¿Cuáles son las recomendaciones a seguir para realizar pruebas del funcionamiento de las hojas de estilo?
Validar que la hoja CSS esté libre de errores , instalando/probando la mayor cantidad de exploradores Web posibles para realizar la prueba.
¿Qué ofrece el Internet Explore 9 para realizar pruebas de las hojas de estilo?
Tiene herramientas para desarrolladores lo cual facilita realizar las pruebas y examinar los estilos.

Actividad 8
¿Cuál es la función principal del TAG <p>?
Separar en párrafos un texto.
¿Cuál es la función principal del TAG <br>?
Separar en nueva línea dentro de un mismo párrafo.
¿Cuál es una diferencia visual entre <p> y <br>?
<p> crea un nuevo párrafo, <br> crea una nueva línea en el mismo párrafo.
¿Cuántos niveles de encabezados existen (TAGs <hn>)?
Seis niveles.
¿Cuál es el código HTML para escribir el carácter ©?
&copy;
¿Cuál es el propósito de la propiedad font-family?
Indicar qué fuente es la que tendrá la etiqueta o estilo al que se le esté aplicando.
¿Cuál es el propósito de la regla CSS @font-face?
Importar fuentes no instaladas en el equipo.
¿De qué forma se puede especificar el tamaño de los tipos de letra?
Con font-size: #&; donde # es un número y & es una medida (porciento, pixeles, puntos)
¿De cuantas formas se puede especificar el color del tipo de letra?
Solo con la propiedad color. Esto independiente de el tipo de selector que se aplique.
¿Cómo se puede alinear el texto en un párrafo?
Con la etiqueta text-align: %; donde % será left, center, right o justify.
¿Cuáles son tres formas de resaltar un texto?
Con los atributos de las etiquetas <b>, <strong>, <i> o los estilos Font-style, Font-weight o Text-decoration.
¿Cuál es el TAG utilizado para establecer un enlace hacia otra página?
<a></a>
¿Cuál sería un ejemplo de URL Absoluto?
http://servidor.com/default.html
¿Qué es una ruta relativa al documento?
Es la ruta que se indica a partir de un punto en la estructura de directorios. Se indica para cambiar de nivel hacia arriba con / mas el nombre de directorio y hacia abajo con ../ para bajar un nirectorio.
¿Qué es una ruta relativa a la raíz?
¿Cuál es el propósito del atributo target en el TAG <a>?
Define el lugar donde se mostrar la direccion a la cual esta haciendo referencia el tag <a> _blank, _self, _parent, _top.
¿Cuál es la forma de agregar enlaces hacia secciones de una página?
<a name="marcador"></a> " <a href="#marcador">lo que sea</a>
¿Cuál es el URL absoluto para una sección interna llamada "catalogo" de la página default.htm ubicada en el servidor http://servidor.com?
http://servidor.com/default.html
¿Qué estados puede tener un enlace?
Activo, seleccionado, visitado y presionado.
¿Cuál es la forma de establecer estilos a los estados de un enlace?
hover, visited, link, focus y active.
¿Cuál es la forma de establecer enlaces a direcciones de correo electrónico?
<a href="mailto:correo1@servidor.dom, correo2@servidor.dom?
cc= correo1@servidor.dom &ccb= correo1@servidor.dom &subject=asunto&body=cuerpo del correo">lo que sea</a>
¿Cuál es la forma para establecer enlaces para descarga de archivos?
<a href="ruta/archivo">lo que sea</a>
¿Por qué es importante especificar el tipo de documento en una página HTML?
Para indicar qué estándar es el que se está utilizando y, en base a ello, definir los elementos que se utilizarán para que sean interpretados correctamente por el navegador.
¿Cuál es la primera línea de código que debe aparecer en un documento HTML5?
<!DOCTYPE html>.
¿Cuál es la función del servicio de validación de marcado W3C?
Asegurar que el documento está bien escrito y cumple con los estándares definidos por el consorcio W3C.
¿De cuantas formas se puede validar el marcado HTML?
Proporcionando un URI, proporcionando un archivo, proporcionada directa el código.

Actividad 10
¿Cuáles son las principales diferencias entre los formatos de imágenes GIF, JPEG y PNG?
GIF y PNG admiten transparencias pero GIF soporta pocos colores mientras que PNG soporta muchos colores.
JPG no soporta transparencias pero si muchos colores.
¿En qué situaciones es recomendable utilizar cada uno de formatos de imágenes?
GIF para iconos o imágenes con animación, para el resto de los casos se puede usar PNG o JPG pero JPG comprime mas la información que PNG.
¿Cuáles son los atributos principales del TAG <img>?
src, title, alt, width, height y border.
¿Cuál es la forma de mostrar imágenes como enlaces?
Anteponiendo la etiqueta <a> mas la etiqueta de la imagen y finalizando con el cierre de la etiqueta a.
¿De qué manera se puede alinear una imagen junto con un texto?
Con los atributos Alt o Title.
¿Cómo se puede agregar espacios alrededor de la imagen?
Con los atributos align y padding.
¿Cómo se puede agregar una imagen de fondo para un elemento HTML?
Con el estilo body se utiliza la propiedad background-image: url(rutaImagen);
¿Qué opciones tenemos para personalizar una imagen de fondo?
Establecer la imagen como fija, que se mueva con el scroll, que se repita.
¿Qué es un Image Map?
Es una imagen que funciona como mapa, es decir, se configuran puntos de tal forma que, al presionar sobre el área configurada, actuará como un enlace.
¿Qué piezas de código se necesitan para crear un Image Map?
En la etiqueta <img> debe ir el atributo usemap="#nombreMapa"
Posteriormente, la segunda pieza para configurar un mapa es un código como el siguiente:
<map name=" nombreMapa ">
<area shape="rect" coords="9,372,66,397" href="http://servidor.org/" />
</map>.
¿Cuál es la función del TAG <hr>?
Crear una línea horizontal.
¿Cuáles son los pasos para agregar una imagen a una regla horizontal para que no se muestre una simple línea?
Simplemente agregar el atributo background:url(rutaImage.jpg); de forma InLine, desde una clase o desde un ID. Es al gusto.

Actividad 12
¿Cuáles son los TAGs que nos permiten crear una lista no ordenada que también se conoce como lista con viñetas?
<ul><li></li></ul>
¿Es posible crear listas dentro de listas?
Si.
¿Cuáles son las propiedades básicas que nos permiten personalizar los elementos de una lista no ordenada?
List-style-type, list-style-position, list-style-image,
type=# donde # puede ser oblique, circle, square
¿Cuál es la forma de crear listas enumeradas también conocidas como listas ordenadas?
<ol><li></li></ol>
¿Qué propiedad CSS permite especificar el tipo de enumeración que deseamos utilizar para una lista ordenada?
ol { List-style-type:TipoDeLista; }
¿Es posible combinar listas no ordenadas con listas ordenadas?
Si.
¿Cómo se relaciona una lista no ordenada con una barra de navegación?
Utilizando estilos de tal manera que se cambie la vista adaptándola a la barra de navegación.
¿Cuáles son los pasos a seguir para convertir una lista no ordenada en una barra de navegación?
Cada elemento <li> debe llevar un enlace.
Aplicar varias reglas CSS:
- Quitando del tipo de estilo de la lista con una alineación .
- Agregar el atributo float en la lista con una alineación
Establecer un ancho para los elementos de lista.
- Color de fondo.
- Establecer estilos en la fuente de los elementos <a>
¿Cuáles son los TAGs utilizados para crear una lista de definiciones?
<dl><dt><dd><dd></dt></dl>
¿Cuál es la funcionalidad del TAG <dialog>?
Crear definiciones tipo Glosario o Diccionario.

Actividad 14
¿Cuáles son los 3 TAGs básicos que permiten la creación de tablas HTML?
<table>, <tr> y <td>
¿Cuál es el objetivo del TAG <th>?
Remarca el contenido de la celda, crear un encabezado de columna.
¿Cuáles son los pasos para definir secciones de Encabezado, Cuerpo y Pie de Tabla?
Se usan los tags <thead></thead> , <tbody></tbody> y <tfoot></tfoot> respectivamente.
¿Cuál es la función del atributo "colspan"?
Une celdas en columnas.
¿Cuál es la función del atributo "rowspan"?
Une celdas en renglones.
¿De qué forma se puede agregar espacio en blanco alrededor de una tabla?
Con la propiedad de estilo margin en la etiqueta <table>.
¿De qué forma se puede agregar espacio alrededor del contenido de una celda?
Con la propiedad de estilo margin en la etiqueta <td>.
¿De qué forma se puede agregar un borde independiente a cada celda?
Con la propiedad de estilo border en la etiqueta <td> que se requiera.
¿Cómo se puede especificar que los bordes de las celdas sean compartidos entre ellas?
Con la propiedad de estilo border -collapse en la etiqueta <table>
¿Cuál es la forma de centrar una tabla en la página?
Con la propiedad de estilo margin: 0 auto 0 auto; en la etiqueta <table>
¿Cuál es la forma de alinear una tabla a la derecha de la página?
Con la propiedad de estilo margin: 0 0 0 auto; en la etiqueta <table>
¿Cuál es la forma abreviada de centrar una tabla en la página?
margin: 0 auto;
¿Cómo se puede agregar un borde en la parte inferior de las celdas de una tabla?
Con el estilo border-buttom en la celda que se requiera editar.
¿Cómo se puede aplicar bordes a un grupo de celdas específicas?
Mediante el uso de clases en las celdas que se requieren modificar.
¿Qué propiedades básicas CSS nos permiten aplicar colores a las tablas y a sus componentes?
Con los estilos color para la letra y backgroun para el fondo.
¿Cuál es el propósito del TAG <caption>?
Ayuda a proporcionar facilidad en el elemento <table> en cuanto a la visualización o audición. Pone una especie de título en la tabla. Va inmediatamente después del tag <table>
¿Cuál es el propósito del TAG <details>?
Agregar detalle al contenido de la tabla. Van dentro del tag caption.
¿Cuál es el propósito del TAG <summary>?
Indicar un resumen del elemento en un tag <details>. Van dentro del tag caption.

Actividad 16
¿Cuáles son los elementos principales de un formulario Web?
<form>, <input>, <select> y <label>
¿Cómo se puede limitar el número de caracteres que pueden ser ingresados en un control TextBox?
Mediante la propiedad maxlength.
¿Cuál es la diferencia entre el control TextBox y el control Textarea?
TextBox permite solo una línea mientras que Textarea es multilinea.
¿Cuál es la función del atributo Autocomplete?
Proporcionar al usuario opciones o datos cargados previamente para facilitar la captura dentro de controles de texto.
¿Cuál es el propósito del TAG <label>?
Asigna una etiqueta al control. Puede ser asociado a un control y proveer información acerca del mismo.
¿Cómo se asocian distintos radio button para trabajar como grupo?
Por medio de su atributo "name" y se diferencian por el índice que cada uno tendrá.
¿Cómo se agregan controles CheckBox al formulario Web?
Mediante el TAG <input type="checkbox"/ >
¿Cómo se agregan Listas de Selección a un formulario Web?
Mediante <select> y cada elemento de la lista estará dentro de <select> en un <option>
¿Cuál es el propósito de los controles Hidden?
Almacenar valores que indentifiquen cierta información y que el servidor pueda obtener facilmente.
¿Qué diferencia existe entre crear un botón con el TAG <input> o con el TAG <button>?
El <button> envía la información del formulario a la salida especificada, lo hace de forma directa sin especificar el atributo type=submit del elemento <input>.
¿Cuál es la finalidad del TAG <fieldset>?
Agrupar controles en un formulario agregando un borde en los elementos contenidos.
¿Cuál es la finalidad del TAG <legend>?
Agrega un título al grupo de controles.
¿Cuáles son 2 técnicas para crear la estructura de un formulario?
Por medio de tablas y otra es por medio de estilos css.

Actividad 18
¿Qué es JavaScript?
Es un lenguaje usado en los navegadores web para mejorar la presentación y darle mayor dinamismo a las paginas HTML.
¿Qué significa que JavaScript sea un lenguaje interpretado?
Que no se compila, sino que se interpreta del lado del cliente o sea del navegador.
¿Qué es DOM?
Document Object Model o modelo de objetos del documento y es el mapa de la pagina Web, es decir que contiene la estructura de objetos que conforman el documento HTML.
¿Por qué se dice que JavaScript utiliza una notación con puntos?
Porque se puede acceder a los objetos del DOM por medio de puntos, escribiendo el nombre del objeto raíz, luego un punto y el nombre del nodo hijo, y asi sucesivamente.
¿Cuáles son algunas de las posibles formas de incorporar código JavaScript a una página Web?
1. Durante la carga de una pagina.
2. Después de cargar la pagina.
3. Sobre demanda.
4. Mediante un archivo externo.
¿Cuáles son los pasos a seguir para ejecutar código JavaScript durante la carga de la página?
Usando el tag <script> /* Aquí dentro el código javascript*/ </script> dentro del tag "body"
¿Cuáles son los pasos a seguir para ejecutar código JavaScript después de cargar la página?
Colocando el código entre la etiqueta <head> y mandarlo llamar al terminar la carga de la página. Se escribe el tag <script> , su código, el fin del tag /script>. Posteriormente, en el tag <body> se escribe el atributo de manejador de evento onload mas la función que cargará: <body onload="función()">
¿Cuáles son los pasos a seguir para ejecutar código JavaScript sobre demanda?
De acuerdo al elemento, se utilizará el manejador del evento. Entonces, se llamará el manejador de evento que pueda utilizar ese elemento. Por ejemplo en un botón se puede usar lo siguiente: <input type="button" value="Algo" onclick="función()" />
¿Cuál es la forma de detectar si el Explorador Web tiene activado el soporte a JavaScript?
En el tag de <noscript> se pondrá lo que se quiera mostrar en caso de que esté deshabilitado el soporte de JavaScript y finaliza con </noscript>
¿Qué opciones ofrece el Internet Explorer 9 para examinar la ejecución de código JavaScript?
Permite la depuración del código, destaca elementos, seleccionar elementos y cambiarles el valor, inspeccionar variables.
¿Cuál es la forma de incorporar código JavaScript desde archivos externos?
<script> type="text/javascript" src="archivo.js"></script>
¿Qué es JQuery?
Es una biblioteca de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web
¿Cuál es la funcionalidad de JQuery?
Su funcionalidad es que ya contiene algunas funciones que ayudan al facilitar el uso de javascript.

Actividad 20
¿Qué es un Plug-In?
Es una pequeña o mini aplicación que le da a los exploradores mayor funcionalidad.
¿Cuáles son los TAGs que permiten incluir contenido para que sea procesado por un Plug-In?
<object> </object> < embed></embed>
¿Cuál es la forma de incorporar contenido de archivos SWF en una página Web para utilizar el Plug-In Flash Player?
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="movie_name" align="middle"> <param name="movie" value="movie_name.swf"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="movie_name.swf" width="550" height="400">
<param name="movie" value="movie_name.swf"/>
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
¿Cuál es la forma de incorporar contenido de archivos XAP en una página Web para utilizar el Plug-In Silverlight?
<object id="SilverlightPlugin1" width="300" height="300" data="data:application/x-silverlight-2,"
type="application/x-silverlight-2" >
<param name="source" value="SilverlightApplication1.xap"/>
<!-- Display installation image. -->
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.60310.0"
style="text-decoration: none;">
<img src="http://go.microsoft.com/fwlink/?LinkId=161376"
alt="Get Microsoft Silverlight"
style="border-style: none"/>
</a>
</object>
¿Cuáles son algunos de los formatos de audio disponibles actualmente para poder ser incorporados en páginas Web?
.mp3, .ogg y .wma
¿Cuál es la forma más sencilla de compartir archivos MP3 en una página Web?
Asignándo un enlace al archivo mp3 con el tag "a"
¿Cuál es la forma de incluir audio en una página Web mediante el uso de Plug-Ins?
<object classid="" data="" type="" width="" height=""><embed src=""/></object>
¿Cuál es el TAG que nos permite reproducir audio en una página Web sin necesidad de utilizar Plug-Ins?
<audio> <source src="canción.mp3" type="audio/mp3"/> </audio>
¿Cuáles son algunos de los formatos de video disponibles para ser mostrados en una página Web?
FLV, MP4, OGG, WEBM, WMV
¿Cuál es la forma de incorporar video a las páginas Web utilizando Plug-Ins?
<object classid="" data="" type="" width="" height=""><embed src=""/></object>
¿Cuál es el TAG que nos permite reproducir video en una página Web sin necesidad de utilizar Plug-Ins?
<video><source src="canción.mp4" type="video/mp4"/></video>

Todos los derechos sin reservar. No aplica ©

Validado para CSS3 | Validado para HTML5 Visita mi sitio SiGoP.net buzon-e@sigop.net