Informática > Elaboración de documentos web mediante lenguajes de marca. UF1841.

Elaboración de documentos web mediante lenguajes de marca. UF1841.

Beatriz Coronado García

ISBN: 9788419189851
Editorial: Tutor Formación
Páginas: 136
Género: Informática
IBIC: Programación de web
Año: Ago-2024

USD63.25
descuentos no aplicados
<p><span style="color:rgb(0,0,255);">Puede solicitar gratuitamente las soluciones a todas las actividades y al examen final </span><span style="color:rgb(0,0,0);">en el email tutor@tutorformacion.es</span><br><br><span style="color:rgb(0,0,0);">Capacidades que se adquieren con este Manual:</span><br><br><span style="color:rgb(0,0,0);">Elaborar documentos utilizando lenguajes de marcas y estándares de desarrollo software:</span><br><br><span style="color:rgb(0,0,0);">Determinar las diferentes partes de un documento creado con lenguaje de marcas utilizado para su implementación.</span><br><span style="color:rgb(0,0,0);">Reconocer las diferentes técnicas de desarrollo de software existentes en el mercado para mejorar la integración en el sistema y elaboración de documentos según el diseño especificado.</span><br><span style="color:rgb(0,0,0);">Utilizar marcas adecuadas para generar la documentación interna en el desarrollo según las especificaciones del diseño.</span><br><span style="color:rgb(0,0,0);">Realizar documentos con un lenguaje de marcas que permitan la interacción con el usuario contando con especificaciones dadas:</span><br><span style="color:rgb(0,0,0);">– Escribir marcas que permitan el cambio de los atributos del texto utilizado.</span><br><span style="color:rgb(0,0,0);">– Escribir marcas que permitan el cambio del color e imagen del fondo del documento.</span><br><span style="color:rgb(0,0,0);">– Crear marcas referentes a tablas y listas.</span><br><span style="color:rgb(0,0,0);">– Crear marcas referentes a enlaces a otros documentos.</span><br><span style="color:rgb(0,0,0);">– Integrar marcas que permitan la inclusión de imágenes estáticas o dinámicas, sonidos y vídeos.</span><br><span style="color:rgb(0,0,0);">– Integrar marcas referentes a marcos para relacionar diversos documentos.</span><br><span style="color:rgb(0,0,0);">– Integrar marcas que permitan la ejecución de programas y controles de cliente.</span><br><span style="color:rgb(0,0,0);">– Construir formularios para recoger y validar información del usuario.</span><br><span style="color:rgb(0,0,0);">– Diseñar mapas interactivos para facilitar la accesibilidad del usuario.</span><br><span style="color:rgb(0,0,0);">– Planificar efectos especiales para ser aplicados en los documentos a elaborar.</span><br><span style="color:rgb(0,0,0);">Enunciar características generales referentes a «hojas de estilo» para ser aplicados en los documentos a elaborar según el diseño especificado.</span><br><span style="color:rgb(0,0,0);">Usar marcas para proporcionar diferentes estilos a los documentos desarrollados según el diseño especificado.</span><br><span style="color:rgb(0,0,0);">Construir documentos utilizando lenguajes de marcas para permitir al usuario el uso de dispositivos móviles y medios específicos de accesibilidad.</span><br><br><span style="color:rgb(0,0,0);">Índice:</span><br><br>Introducción&nbsp;&nbsp;&nbsp;&nbsp;6<br>Diseño web&nbsp;&nbsp;&nbsp;&nbsp;10<br>1.&nbsp;&nbsp;&nbsp;&nbsp;Principios de diseño web.&nbsp;&nbsp;&nbsp;&nbsp;11<br>1.1.&nbsp;&nbsp;&nbsp;&nbsp;Diseño orientado al usuario.&nbsp;&nbsp;&nbsp;&nbsp;11<br>1.2.&nbsp;&nbsp;&nbsp;&nbsp;Diseño orientado a objetivos&nbsp;&nbsp;&nbsp;&nbsp;12<br>1.3.&nbsp;&nbsp;&nbsp;&nbsp;Diseño orientado a la implementación.&nbsp;&nbsp;&nbsp;&nbsp;13<br>2.&nbsp;&nbsp;&nbsp;&nbsp;El proceso de diseño web.&nbsp;&nbsp;&nbsp;&nbsp;14<br>2.1.&nbsp;&nbsp;&nbsp;&nbsp;Estructura de un sitio web y navegabilidad.&nbsp;&nbsp;&nbsp;&nbsp;14<br>2.2.&nbsp;&nbsp;&nbsp;&nbsp;Estructura y composición de páginas.&nbsp;&nbsp;&nbsp;&nbsp;17<br>2.3.&nbsp;&nbsp;&nbsp;&nbsp;Compatibilidad con navegadores.&nbsp;&nbsp;&nbsp;&nbsp;21<br>2.4.&nbsp;&nbsp;&nbsp;&nbsp;Diferencias entre diseño orientado a presentación e impresión.&nbsp;&nbsp;&nbsp;&nbsp;21<br>3.&nbsp;&nbsp;&nbsp;&nbsp;Prueba de autoevaluación.&nbsp;&nbsp;&nbsp;&nbsp;23<br>Lenguajes de marcado generales&nbsp;&nbsp;&nbsp;&nbsp;24<br>1.&nbsp;&nbsp;&nbsp;&nbsp;Origen de los lenguajes de marcado generales: SGML y XML.&nbsp;&nbsp;&nbsp;&nbsp;25<br>2.&nbsp;&nbsp;&nbsp;&nbsp;Características generales de los lenguajes de marcado.&nbsp;&nbsp;&nbsp;&nbsp;27<br>3.&nbsp;&nbsp;&nbsp;&nbsp;Estructura general de un documento con lenguaje de marcado.&nbsp;&nbsp;&nbsp;&nbsp;29<br>3.1.&nbsp;&nbsp;&nbsp;&nbsp;Metadatos e instrucciones de proceso.&nbsp;&nbsp;&nbsp;&nbsp;29<br>3.2.&nbsp;&nbsp;&nbsp;&nbsp;Codificación de caracteres. Caracteres especiales.&nbsp;&nbsp;&nbsp;&nbsp;32<br>3.3.&nbsp;&nbsp;&nbsp;&nbsp;Etiquetas o marcas.&nbsp;&nbsp;&nbsp;&nbsp;38<br>3.4.&nbsp;&nbsp;&nbsp;&nbsp;Elementos.&nbsp;&nbsp;&nbsp;&nbsp;39<br>3.5.&nbsp;&nbsp;&nbsp;&nbsp;Atributos.&nbsp;&nbsp;&nbsp;&nbsp;41<br>3.6.&nbsp;&nbsp;&nbsp;&nbsp;Comentarios.&nbsp;&nbsp;&nbsp;&nbsp;44<br>4.&nbsp;&nbsp;&nbsp;&nbsp;Documentos válidos y bien formados. Esquemas.&nbsp;&nbsp;&nbsp;&nbsp;45<br>5.&nbsp;&nbsp;&nbsp;&nbsp;Prueba de autoevaluación.&nbsp;&nbsp;&nbsp;&nbsp;46<br>Lenguajes de marcado para presentación de páginas web&nbsp;&nbsp;&nbsp;&nbsp;47<br>1.&nbsp;&nbsp;&nbsp;&nbsp;Historia de HTML y XHTML. Diferencias entre versiones.&nbsp;&nbsp;&nbsp;&nbsp;48<br>2.&nbsp;&nbsp;&nbsp;&nbsp;Estructura de un documento.&nbsp;&nbsp;&nbsp;&nbsp;50<br>2.1.&nbsp;&nbsp;&nbsp;&nbsp;Versiones.&nbsp;&nbsp;&nbsp;&nbsp;50<br>2.2.&nbsp;&nbsp;&nbsp;&nbsp;Elementos de la cabecera.&nbsp;&nbsp;&nbsp;&nbsp;50<br>2.3.&nbsp;&nbsp;&nbsp;&nbsp;Elementos del cuerpo del documento.&nbsp;&nbsp;&nbsp;&nbsp;51<br>3.&nbsp;&nbsp;&nbsp;&nbsp;Color.&nbsp;&nbsp;&nbsp;&nbsp;53<br>3.1.&nbsp;&nbsp;&nbsp;&nbsp;Codificación de colores.&nbsp;&nbsp;&nbsp;&nbsp;53<br>3.2.&nbsp;&nbsp;&nbsp;&nbsp;Colores tipo.&nbsp;&nbsp;&nbsp;&nbsp;56<br>3.3.&nbsp;&nbsp;&nbsp;&nbsp;Colores seguros.&nbsp;&nbsp;&nbsp;&nbsp;57<br>4.&nbsp;&nbsp;&nbsp;&nbsp;Texto.&nbsp;&nbsp;&nbsp;&nbsp;58<br>4.1.&nbsp;&nbsp;&nbsp;&nbsp;Encabezados. Jerarquía y estructura del contenido de un documento.&nbsp;&nbsp;&nbsp;&nbsp;58<br>4.2.&nbsp;&nbsp;&nbsp;&nbsp;Párrafos.&nbsp;&nbsp;&nbsp;&nbsp;58<br>4.3.&nbsp;&nbsp;&nbsp;&nbsp;Alineación, espaciado y sangrado de texto.&nbsp;&nbsp;&nbsp;&nbsp;59<br>4.4.&nbsp;&nbsp;&nbsp;&nbsp;Características de letra: tipos, tamaños y colores.&nbsp;&nbsp;&nbsp;&nbsp;59<br>4.5.&nbsp;&nbsp;&nbsp;&nbsp;Separadores de texto.&nbsp;&nbsp;&nbsp;&nbsp;59<br>4.6.&nbsp;&nbsp;&nbsp;&nbsp;Etiquetas específicas para el marcado de texto. Estilos lógicos.&nbsp;&nbsp;&nbsp;&nbsp;60<br>5.&nbsp;&nbsp;&nbsp;&nbsp;Enlaces de hipertexto.&nbsp;&nbsp;&nbsp;&nbsp;65<br>5.1.&nbsp;&nbsp;&nbsp;&nbsp;Estructura de un enlace: la dirección de internet o URL.&nbsp;&nbsp;&nbsp;&nbsp;65<br>5.2.&nbsp;&nbsp;&nbsp;&nbsp;Estilos de enlaces.&nbsp;&nbsp;&nbsp;&nbsp;65<br>5.3.&nbsp;&nbsp;&nbsp;&nbsp;Diferencias entre enlaces absolutos y relativos.&nbsp;&nbsp;&nbsp;&nbsp;66<br>5.4.&nbsp;&nbsp;&nbsp;&nbsp;Enlaces internos.&nbsp;&nbsp;&nbsp;&nbsp;66<br>5.5.&nbsp;&nbsp;&nbsp;&nbsp;Enlaces especiales: correo electrónico. Enlaces de descarga.&nbsp;&nbsp;&nbsp;&nbsp;66<br>5.6.&nbsp;&nbsp;&nbsp;&nbsp;Atributos específicos: título, destino, atajos de teclado, etc.&nbsp;&nbsp;&nbsp;&nbsp;67<br>6.&nbsp;&nbsp;&nbsp;&nbsp;Imágenes.&nbsp;&nbsp;&nbsp;&nbsp;68<br>6.1.&nbsp;&nbsp;&nbsp;&nbsp;Formatos de imágenes.&nbsp;&nbsp;&nbsp;&nbsp;68<br>6.2.&nbsp;&nbsp;&nbsp;&nbsp;Características de imágenes: tamaño, título, textos alternativos.&nbsp;&nbsp;&nbsp;&nbsp;69<br>6.3.&nbsp;&nbsp;&nbsp;&nbsp;Enlaces en imágenes.&nbsp;&nbsp;&nbsp;&nbsp;70<br>6.4.&nbsp;&nbsp;&nbsp;&nbsp;Imágenes de fondo.&nbsp;&nbsp;&nbsp;&nbsp;70<br>7.&nbsp;&nbsp;&nbsp;&nbsp;Listas.&nbsp;&nbsp;&nbsp;&nbsp;72<br>7.1.&nbsp;&nbsp;&nbsp;&nbsp;Características.&nbsp;&nbsp;&nbsp;&nbsp;72<br>7.2.&nbsp;&nbsp;&nbsp;&nbsp;Ordenación de listas.&nbsp;&nbsp;&nbsp;&nbsp;73<br>7.3.&nbsp;&nbsp;&nbsp;&nbsp;Anidamiento en listas.&nbsp;&nbsp;&nbsp;&nbsp;73<br>7.4.&nbsp;&nbsp;&nbsp;&nbsp;Otros tipos de listas: listas de definición.&nbsp;&nbsp;&nbsp;&nbsp;74<br>8.&nbsp;&nbsp;&nbsp;&nbsp;Tablas.&nbsp;&nbsp;&nbsp;&nbsp;80<br>8.1.&nbsp;&nbsp;&nbsp;&nbsp;Estructura básica.&nbsp;&nbsp;&nbsp;&nbsp;80<br>8.2.&nbsp;&nbsp;&nbsp;&nbsp;Formato de tablas: bordes, alineación, tamaño, etc.&nbsp;&nbsp;&nbsp;&nbsp;81<br>8.3.&nbsp;&nbsp;&nbsp;&nbsp;Formato de contenido de celdas.&nbsp;&nbsp;&nbsp;&nbsp;82<br>9.&nbsp;&nbsp;&nbsp;&nbsp;Marcos (frames).&nbsp;&nbsp;&nbsp;&nbsp;85<br>9.1.&nbsp;&nbsp;&nbsp;&nbsp;Creación de marcos.&nbsp;&nbsp;&nbsp;&nbsp;86<br>9.2.&nbsp;&nbsp;&nbsp;&nbsp;Ventajas e inconvenientes en el uso de marcos.&nbsp;&nbsp;&nbsp;&nbsp;86<br>9.3.&nbsp;&nbsp;&nbsp;&nbsp;Soporte de navegadores.&nbsp;&nbsp;&nbsp;&nbsp;87<br>9.4.&nbsp;&nbsp;&nbsp;&nbsp;Formateado de marcos.&nbsp;&nbsp;&nbsp;&nbsp;87<br>9.5.&nbsp;&nbsp;&nbsp;&nbsp;Enlaces entre contenidos de marcos.&nbsp;&nbsp;&nbsp;&nbsp;87<br>9.6.&nbsp;&nbsp;&nbsp;&nbsp;Marcos anidados.&nbsp;&nbsp;&nbsp;&nbsp;87<br>9.7.&nbsp;&nbsp;&nbsp;&nbsp;Marcos incrustados (iFrames).&nbsp;&nbsp;&nbsp;&nbsp;87<br>10.&nbsp;&nbsp;&nbsp;&nbsp;Formularios.&nbsp;&nbsp;&nbsp;&nbsp;89<br>10.1.&nbsp;&nbsp;&nbsp;&nbsp;Descripción general y uso de formularios.&nbsp;&nbsp;&nbsp;&nbsp;89<br>10.2.&nbsp;&nbsp;&nbsp;&nbsp;Elementos de un formulario: texto, botones, etc.&nbsp;&nbsp;&nbsp;&nbsp;89<br>10.3.&nbsp;&nbsp;&nbsp;&nbsp;Procesamiento de formularios.&nbsp;&nbsp;&nbsp;&nbsp;90<br>10.4.&nbsp;&nbsp;&nbsp;&nbsp;Formateado de formularios: atajos de teclado, orden de edición, grupos, etiquetas, etc.&nbsp;&nbsp;&nbsp;&nbsp;91<br>11.&nbsp;&nbsp;&nbsp;&nbsp;Elementos específicos para tecnologías móviles.&nbsp;&nbsp;&nbsp;&nbsp;97<br>11.1.&nbsp;&nbsp;&nbsp;&nbsp;Selección y utilización de librerías específicas para el diseño de páginas orientadas a los dispositivos móviles.&nbsp;&nbsp;&nbsp;&nbsp;102<br>12.&nbsp;&nbsp;&nbsp;&nbsp;Prueba de autoevaluación.&nbsp;&nbsp;&nbsp;&nbsp;105<br>Hojas de Estilo web&nbsp;&nbsp;&nbsp;&nbsp;106<br>1.&nbsp;&nbsp;&nbsp;&nbsp;Tipos de hojas de estilo: estáticas y dinámicas.&nbsp;&nbsp;&nbsp;&nbsp;107<br>2.&nbsp;&nbsp;&nbsp;&nbsp;Elementos y estructura de una hoja de estilo.&nbsp;&nbsp;&nbsp;&nbsp;109<br>2.1.&nbsp;&nbsp;&nbsp;&nbsp;Creación de hojas de estilo.&nbsp;&nbsp;&nbsp;&nbsp;109<br>2.2.&nbsp;&nbsp;&nbsp;&nbsp;Aplicación de estilos.&nbsp;&nbsp;&nbsp;&nbsp;110<br>2.3.&nbsp;&nbsp;&nbsp;&nbsp;Herencia de estilos y aplicación en cascada.&nbsp;&nbsp;&nbsp;&nbsp;110<br>2.4.&nbsp;&nbsp;&nbsp;&nbsp;Formateado de páginas mediante estilos.&nbsp;&nbsp;&nbsp;&nbsp;111<br>2.5.&nbsp;&nbsp;&nbsp;&nbsp;Formateado de páginas mediante estilos internos.&nbsp;&nbsp;&nbsp;&nbsp;111<br>2.6.&nbsp;&nbsp;&nbsp;&nbsp;Formateado de páginas mediante estilos externos.&nbsp;&nbsp;&nbsp;&nbsp;112<br>2.7.&nbsp;&nbsp;&nbsp;&nbsp;Estructura de páginas mediante estilos.&nbsp;&nbsp;&nbsp;&nbsp;113<br>3.&nbsp;&nbsp;&nbsp;&nbsp;Diseño de estilos para diferentes dispositivos.&nbsp;&nbsp;&nbsp;&nbsp;116<br>4.&nbsp;&nbsp;&nbsp;&nbsp;Buenas prácticas en el uso de hojas de estilo.&nbsp;&nbsp;&nbsp;&nbsp;128<br>5.&nbsp;&nbsp;&nbsp;&nbsp;Diseño adaptativo compatible con la presentación de los documentos en dispositivos móviles.&nbsp;&nbsp;&nbsp;&nbsp;129<br>6.&nbsp;&nbsp;&nbsp;&nbsp;Prueba de autoevaluación.&nbsp;&nbsp;&nbsp;&nbsp;130<br>Resumen&nbsp;&nbsp;&nbsp;&nbsp;131<br>Prueba de evaluación final&nbsp;&nbsp;&nbsp;&nbsp;132</p>

Descripción

Puede solicitar gratuitamente las soluciones a todas las actividades y al examen final en el email tutor@tutorformacion.es

Capacidades que se adquieren con este Manual:

Elaborar documentos utilizando lenguajes de marcas y estándares de desarrollo software:

Determinar las diferentes partes de un documento creado con lenguaje de marcas utilizado para su implementación.
Reconocer las diferentes técnicas de desarrollo de software existentes en el mercado para mejorar la integración en el sistema y elaboración de documentos según el diseño especificado.
Utilizar marcas adecuadas para generar la documentación interna en el desarrollo según las especificaciones del diseño.
Realizar documentos con un lenguaje de marcas que permitan la interacción con el usuario contando con especificaciones dadas:
– Escribir marcas que permitan el cambio de los atributos del texto utilizado.
– Escribir marcas que permitan el cambio del color e imagen del fondo del documento.
– Crear marcas referentes a tablas y listas.
– Crear marcas referentes a enlaces a otros documentos.
– Integrar marcas que permitan la inclusión de imágenes estáticas o dinámicas, sonidos y vídeos.
– Integrar marcas referentes a marcos para relacionar diversos documentos.
– Integrar marcas que permitan la ejecución de programas y controles de cliente.
– Construir formularios para recoger y validar información del usuario.
– Diseñar mapas interactivos para facilitar la accesibilidad del usuario.
– Planificar efectos especiales para ser aplicados en los documentos a elaborar.
Enunciar características generales referentes a «hojas de estilo» para ser aplicados en los documentos a elaborar según el diseño especificado.
Usar marcas para proporcionar diferentes estilos a los documentos desarrollados según el diseño especificado.
Construir documentos utilizando lenguajes de marcas para permitir al usuario el uso de dispositivos móviles y medios específicos de accesibilidad.