Módulo de Tecnología de La Información

Módulo de Tecnología de la información
Realice las siguientes investigación

1. Cómo funciona el mapa de navegación
R: Es básicamente un gráfico o esquema en forma de árbol que
representa la estructura o arquitectura general de un sistema. Es el
primer paso para distribuir, organizar y jerarquizar el contenido que se
verá en la pantalla de un producto o servicio digital.
2. Qué estructura secuencial o lineal

R: La navegación lineal permite un flujo de la información mas estable, es muy
útil cuando se quiere lllevar un proceso paso a paso, con una multimedia de
estructura lineal permite que el usuario reciba la información en un orden
adecuado, únicamente con la opción de ir adelante y atrás.
3. Qué estructura lineal en estrella

R: Es igual que el sistema explicado anteriormente, a diferencia que este va y
vuelve hacia el inicio.
4. Qué estructura de árbol

R: Una estructura de datos de árbol se puede definir de
forma recursiva (localmente) como una colección de nodos (a partir de
un nodo raíz), donde cada nodo es una estructura de datos con un
valor, junto con una lista de referencias a los nodos (los hijos), con la
condición de que ninguna referencia esté duplicada ni que ningún
nodo apunte a la raíz.
5. Qué es estructura no lineal

R: adecuada cuando se tiene que conservar el camino general, pero hay que dar
cabida a ligeras variaciones, tales como saltarse determinadas páginas. Permite
algunos desvíos controlados, la estructura obliga a regresar al camino principal,
al tener un desvió lateral es una pequeña información adicional
6. Qué es estructura de mallas

R: es una tipología de estructura espacial, un sistema estructural
compuesto por elementos lineales unidos de tal modo que las fuerzas
son transferidas de forma tridimensional.
7. Diseña utilizando formas de la ficha de ilustraciones, un mapa de navegación con

la estructura secuencial, otro con estructura de malla y otro con la estructura de
árbol
8. Busca en internet un ejemplo de mapa de navegación con estructura secuencial
9. Realiza un análisis sobre la estructura de navegación mas adecuada para el

diseño web
R: Las páginas o sub-páginas se organizan jerárquicamente, aunque
también existe la opción de navegar de forma lineal y transversal. Esta
es la estructura más recomendable, pues es la más óptima, todas las
páginas están conectadas entre sí y la experiencia del usuario mejora
notablemente.
10. Que es lenguaje HTLM

R: es un software para editar y crear código HTML que se utiliza para
sitios web u otros documentos web. Con los editores HTML basados
en texto, el código fuente puede ser editado directamente.
11. Qué son las etiquetas o marcas

R: es una palabra clave asignada a un dato almacenado en un
repositorio. Las etiquetas son en consecuencia un tipo de metadato,
pues proporcionan información que describe el dato (una imagen
digital, un clip de vídeo o cualquier otro tipo de archivo informático) y
que facilita su recuperación.
12. Menciones las reglas básicas para el diseño de las etiquetas en el lenguaje HTLM
 delimitar el ámbito de las etiquetas (salvo excepciones)
 etiqueta interna se cierra antes que externa.
 etiquetas a nivel de bloque pueden contener etiquetas a nivel de línea,
pero no al revés.
 etiquetas no sensitivas a mayúsculas.
 en vez de espacios agregar raya al piso.
13. Elabora una lista extensa del lenguaje HTLM con su respectiva descripción y
etiqueta de apertura y cierre
EJEMPLO
Nombre etiqueta apertura etiqueta cierre descripción
 R: <!DOCTYPE html> Indica al navegador que el documento está basado en el

estándar HTML5
 <html> </html> Representa la raíz de un documento HTML. Todos los demás
elementos de la estructura HTML deben ser recogidos dentro de estas
etiquetas.
METADATOS DEL DOCUMENTO
 <head> </head> Representa una colección de metadatos acerca del documento,

incluyendo enlaces a, o definiciones de, scripts y hojas de estilo. El resto de
etiquetas de metadatos, irán recogidas dentro de las etiquetas de apertura y
cierre del head. Importante explicar que estos metadatos del documento, es
información para el navegador y no contenido que será visible en la página
web. A excepción de la etiqueta <title> que veremos a continuación.
 <title> </title> Etiqueta usada para definir el título de la página web.
 <link> Se usa para enlazar recursos externos al documento HTML. El ejemplo
más común son las hojas de estilos CSS.
 <meta> Etiqueta usada para definir otros metadatos que no se pueden definir
con una etiqueta HTML especifica. Por ejemplo para definir el autor del sitio,
o la descripción del mismo.
 <style> </style> Etiquetas usadas para introducir código CSS en línea, es decir,
en el propio documento HTML.
ETIQUETAS DE SECCIONES O PARA ESTRUCTURAR EL HTML
 <body> </body> Al contrario que la etiqueta de metadatos <head>, todo lo que

quieras mostrar en la página web debe ir recogido dentro de las etiquetas de
apertura y cierre de <body>. Este contenido será el que se muestre en la web.
 <nav> </nav> Usadas para definir el contenido que será la sección de
navegación de la web.
 <main> </main> Se usa para definir el contenido principal del documento.
Solamente puede existir uno por documento.
 <section> </section> Define una sección del documento
 <article> </article> Define contenido independiente de la web.
 <aside> </aside> Dentro de estas etiquetas suele alojarse el contenido adicional
de la web. Suele ser contenido relacionado con la web pero de poca
importancia
 <h1>,<h2>,<h3>,<h4>,<h5>,<h6> Son etiquetas HTML muy importantes, ya
que son usadas para jerarquizar el contenido de la web. Las etiquetas se usan
para explicar brevemente el contenido que irá a continuación.
 <header> </header> Se usan para definir la cabecera la página web. Suele
contener el logotipo, menú de navegación, etc.
 <footer> </footer> Usadas para definir el pie de página.
¿Sabías que también puedes añadir un video de fondo HTML a tu página web?
¡Descubre cómo hacerlo!
ETIQUETAS PARA LA AGRUPACIÓN DE CONTENIDO
 <p> </p> Etiqueta usada para escribir párrafos de texto.

 <hr> Etiqueta utilizada para «romper» entre dos secciones de una web. Usada
comúnmente como separador.
 <pre> </pre> Usada para pegar texto manteniendo el pre formato propio del
texto.
 <blockquote> </blockquote> Se usan para indicar que el contenido es texto
citado.
 <ol> </ol> Etiquetas para crear una lista ordenada
 <ul> </ul> Etiquetas para crear una lista des-ordenada
 <li> </li> Etiquetas que recogen el contenido de un elemento de una lista, sea
ordenada o no.
 <dl> </dl> Usada para crear una lista de definiciones.
 <dt> </dt> Representa un término definido por la siguiente etiqueta <dd>
 <dd> </dd> Se usa para definir los términos listados antes que él.
 <figure> </figure> Indica una figura ilustrada como parte del documento
HTML5.
 <figcaption> </figcaption> Utilizada para definir la leyenda de una figura.
 <div> </div> Etiqueta común utilizada para crear un contenedor genérico.
Complementa este listado de etiquetas con nuestro listado de todos los atributos
HTML que existen.
ETIQUETAS SEMÁNTICAS PARA TEXTO
 <a> </a> Etiqueta utilizada para crear hiperenlaces en el documento HTML

 <strong> </strong> Etiqueta para definir una palabra o conjunto de ellas como
importantes. Tiene una fuerte importancia en el SEO de la página.
 <small> </small> Utilizada para dejar un comentario aparte, del tipo una nota
de derechos de autoría, u otros textos que no son esenciales para la
comprensión del documento.
 <cite> </cite> Para indicar el título de una obra
 <sub> </sub> y <sup> </sup> Etiquetas utilizadas para representar un
subíndice o superíndice.
 <mark> </mark> Usada para resaltar texto
 <span> </span> Etiqueta HTML sin ningún significado específico. Se usa
conjuntamente con los atributos «class» o «id» para atribuirle ciertas
características.
 <br> Etiqueta utilizada para crear un salto de línea
ETIQUETAS PARA INCRUSTAR CONTENIDO
 <img> Etiqueta para «pintar» una imagen en la página web.

 <iframe> </iframe> Es una etiqueta que sirve para anidar otro documento
HTML dentro del documento principal.
 <embed> Usada para integrar una aplicación o contenido interactivo externo
que no suele ser HTML.
 <object> </object> Utilizada llamar a un recurso externo de la web. Este
recurso será tratado como una imagen, o un recurso externo para ser
procesado por un plugin.
 <video> </video> Se usa para reproducir video en la página web junto a sus
archivos de audio y capciones asociadas.
 <audio> </audio> Usada para cargar en una web un archivo de audio o stream
de audio.
 <source> Permite a autores especificar recursos multimedia alternativos para
las etiquetas de <video> o <audio>
 <svg> </svg> Se usa para llamar a una imagen vectorizada.
ETIQUETAS PARA LA CREACIÓN DE TABLAS

 <table> </table> Etiquetas de apertura y cierre de una tabla. El resto de
etiquetas de la tabla han de ir siempre recogidas entre estas dos etiquetas.
 <caption> </caption> Usada para indicar el título de la tabla.
 <colgroup> </colgroup> Etiqueta utilizada para agrupar dos o más columnas
de una tabla.
 <tbody> </tbody> Usada para describir los datos concretos de una tabla.
 <thead> </thead> Indica el bloque de filas que describen las etiquetas de las
columnas de la tabla.
 <tfoot> </tfoot> Indica los bloques de filas que describen los resúmenes, o
datos totales de una columna de una tabla.
 <tr> </tr> Se usa para indicar una fila de celdas de una tabla.
 <td> </td> Usada para definir una celda de una tabla.
 <th> </th> Etiqueta que se usa para definir el encabezado de una celda
ETIQUETAS PARA LA CREACIÓN DE FORMULARIOS
 <form> </form> Etiqueta de apertura y cierre de un formulario de una página

web. El resto de etiquetas de formulario deben ir siempre recogidas entre estas
etiquetas de apertura y cierre de formulario.
 <fieldset> </fieldset> Etiqueta que representa un conjunto o agrupación de
elementos de un formulario. «Pinta» un recuadro alrededor de las etiquetas
que estén contenidas dentro del <fieldset>
 <legend> </legend> Etiqueta ligada a <fieldset>. Indica el título del <fieldset>
 <label> </label> Se usa para definir el nombre o título de un control del
formulario.
 <input> Pinta un campo de introducción de datos para el usuario. Es de las
principales etiquetas de un formulario.
 <button> </button> Etiqueta utilizada para representar un botón en el
formulario.
 <select> </select> Input que permite una selección entre un conjunto de
opciones.
 <option> </option> Etiqueta ligada a <select>. Permite añadir diferentes
opciones al <select>
 <textarea> </textarea> Añade un campo al usuario para que pueda introducir
texto en unas líneas máximas de texto que el desarrollador puede definir.
14 Busca en internet la descripción de las siguientes etiquetas, in ejemplo de aplicación

y completa la información
etiqueta descripción ejemplo
HTLM Indica el comienzo
del documento
HTLM
Body es el
contenedor para
todos los
aspectos
representables
de un
documento.
U Es la vista que
permite a un
usuario
interactuar de
manera efectiva
con un sistema.
TABLE objetos de base

de datos que
contienen todos
sus datos.
14. Qué es atributo

R: es una especificación que define una propiedad de un objeto,
elemento o archivo. También puede referirse o establecer el valor
específico para una instancia determinada de los mismos.
15. Cuál es el código de un atributo

R:
Lista de tipos aceptados por el servidor, usualmente un

accept <form>, <input>
tipo de archivo
16. Como representar un carácter especial en el lenguaje HTLM

R: cada carácter especial de HTML se le asigna un nombre y un
número de entidad y los mismos se usan para representarlo en un
documento HTML. Estos códigos y nombres cuentan con un formato
específico, que generalmente se representa como &#xxxx; para
números y &xxxx; para nombres, donde xxxx es un nombre o un
número.

Módulo de Tecnología de La Información

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Módulo de Tecnología de La Información

Cargado por

Copyright:

Formatos disponibles

Módulo de Tecnología de la información

Realice las siguientes investigación

2. Qué estructura secuencial o lineal

3. Qué estructura lineal en estrella

4. Qué estructura de árbol

5. Qué es estructura no lineal

6. Qué es estructura de mallas

7. Diseña utilizando formas de la ficha de ilustraciones, un mapa de navegación con

9. Realiza un análisis sobre la estructura de navegación mas adecuada para el

10. Que es lenguaje HTLM

11. Qué son las etiquetas o marcas

 R: <!DOCTYPE html> Indica al navegador que el documento está basado en el

METADATOS DEL DOCUMENTO

 <head> </head> Representa una colección de metadatos acerca del documento,

ETIQUETAS DE SECCIONES O PARA ESTRUCTURAR EL HTML

 <body> </body> Al contrario que la etiqueta de metadatos <head>, todo lo que

¿Sabías que también puedes añadir un video de fondo HTML a tu página web?

¡Descubre cómo hacerlo!

ETIQUETAS PARA LA AGRUPACIÓN DE CONTENIDO

 <p> </p> Etiqueta usada para escribir párrafos de texto.

ETIQUETAS SEMÁNTICAS PARA TEXTO

 <a> </a> Etiqueta utilizada para crear hiperenlaces en el documento HTML

ETIQUETAS PARA INCRUSTAR CONTENIDO

 <img> Etiqueta para «pintar» una imagen en la página web.

ETIQUETAS PARA LA CREACIÓN DE TABLAS

ETIQUETAS PARA LA CREACIÓN DE FORMULARIOS

 <form> </form> Etiqueta de apertura y cierre de un formulario de una página

14 Busca en internet la descripción de las siguientes etiquetas, in ejemplo de aplicación

TABLE objetos de base

14. Qué es atributo

15. Cuál es el código de un atributo

Lista de tipos aceptados por el servidor, usualmente un

16. Como representar un carácter especial en el lenguaje HTLM

También podría gustarte