Fatima Miranda

viernes, 12 de agosto de 2016

Tarea 1:

Las tecnologías hoy en día nos ayuda como estudiantes a mejorar las técnicas que podemos aprovechar de cada uno de ellos con la facilidad de tenerlos al alcance de donde quiera que estemos. Ya que desde la comodidad de donde estemos podemos hacer uso de ellas.

jueves, 11 de agosto de 2016

Tarea 1: Diseño web

1. ¿Qué es una página web?

a) Es el nombre de un documento o información electrónica (www)

b) Es un contenido de la página

c) Es una estructura de una pagina web

2. ¿Mediante que puede ser accedida una pagina web?

a) mediante un sistema

b) Mediante un navegador

c) Mediante un control

3. ¿Dónde se puede mostrar la pagina web?

a) En un monitor

b) En una casilla

c) En un contenido

4. ¿En que formato se encuentran generalmente las paginas web?

a) www

b) sv

c) html o xhtml

5. ¿Por qué está compuesto una pagina web?

a) Lenguaje

b) Normas

c) Texto y/o módulos multimedia

6. ¿Cómo son escritas las paginas web?

a) En un lenguaje marcado

b) En un lenguaje técnico

c) En un lenguaje sencillo

7. ¿Cómo puede ser el contenido de la pagina web?

a) Puede ser sencillo

b) Puede ser determinado

c) Puede ser indeterminado

8. ¿Quién ha ido evolucionando hasta llegar a cierto criterios estándares?

a) El diseño web

b) Los portales

c) Los sitios web

9. ¿En esencia que es una página web?

a) Una tarjeta de presentación digital

b) Una tarjeta de financiamiento

c) Una tarjeta de prestación digital

10. ¿Qué es un sitio web?

a) Es una serie de sitios web

b) Es una serie de paginas individuales

c9 Es un diseño web

11. ¿Quiénes suelen emplear cierta unidad visual?

a) Los pequeños portales

b) Los medianos portales

c) los grandes portales

12. ¿Qué tienen la mayoría de las paginas web?

a) Tienen divisiones o secciones similares

b) Tienen divisiones o secciones diferentes

c) Tienen divisiones pero no secciones

13. ¿Qué se suele observar usualmente en una página web?

a) Un cuerpo principal

b) Un encabezado

c) Columna lateral

14. ¿Qué le sigue al encabezado?

a) Un cuerpo principal

b) Un encabezado

c) Una columna lateral

15. ¿Qué es el encabezado?

a) Es la que mayor tendencia tiende repetirse entre páginas de un mismo sitio.

b) Es la que menor tendencia tiene

c) Es la que no tiene importancia

16. ¿Qué zona de la página es la que menos reglas tiene?

a) Salto al inicio

b) Área de contenido

c) Pie de pagina

17. ¿Cómo se llama la franja horizontal que aparece en la pagina web?

a) Salto al inicio

b) Área de contenido

c) Pie de página

18. ¿Qué es el diseño web?

a) Un intercambio de datos

b) Actividad que consiste en la planificación, diseño e implementación de sitios web

c) Una jerarquía bien elaborada de contenidos

19. ¿Cuántas etapas debemos tener un cuenta para el diseño de paginas web?

a) 3 etapas

b) 2 Etapas

c) 1 etapa

20. ¿Para qué se utiliza únicamente el documento HTML?

a) Para guardar archivos

b) para contener, organizar y estructurar la información

c) Ninguna de las dos opciones anteriores

21. ¿Qué debe seguir el diseño web?

a) Requerimientos mínimos de accesibilidad

b) Requerimientos máximos

c) Requerimientos intermedios

22. ¿Qué pautas se han desarrollado para seguir estos objetivos?

a) w3c

b) web 1.0 wcAG

c) Ambas respuestas son correctas

23. ¿Qué es la codificación?

a) Es un deber y un elemento

b) Es un formato

c) Es una pagina web

24. ¿A que ayuda el aprendizaje básica html?

a) En diseño de sitio web

b) En herramientas

c) Ninguna de las anteriores son correctas

25. ¿Qué se utiliza para clasificar al tratamiento automatizado de diseño web?

a) El aprendizaje básico

b) Html editores

c) Herramientas en línea

26. ¿Quiénes permiten interacción entre la web y el visitante?

a) Las paginas dinámicas

b) las paginas web

c) Las páginas semánticas

27. ¿Qué otros idiomas son las que deben aprenderse?

a) xml, java scripts

d) dhtml

c) A y b son correctas

28. ¿Qué aumenta la unión de un buen diseño con una jerarquía bien elaborada?

a) Aumenta la eficiencia de la web

b) Aumenta la eficiencia de la pagina

c) Disminuye la eficiencia de la web

29. ¿para que se emplea la zona inferior del encabezado?

a) para ubicar los links de navegación

b) Para ubicar las etiquetas de navegación

c) A y B son correctas

30. ¿Qué suele ubicarse en la parte izquierda del encabezado?

a) El logotipo

b) La estructura

c) Algunos enlaces

Tarea 2: Fundamentos de Lenguaje HTML

Formato de Texto

Es un encabezado y va desde H1 a H6

Sirve para centrar el texto

<HR>

Genera una línea de separación horizontal

<P>

Genera un salto de parrafo

El formato de texto en negrita

El formato de texto ripo italica

<BR>

Genera un salto de renglón

Tipo de letra curier con salto interlineado de 2

Cambia el tamaño de letra

Introduce citas textuales, en este caso el texto se separá del texto circundante y se ajustará a los margenes derecho e izquierdo

Genera un superíndice

Generá un subíndice

Listas

Generá una lista desordenada y cada uno de sus elementos se integra con LI

Integra los elementos de una lista y cuando usa LI puede usar las etiquetas <UL> u <OL>

Esta etiqueta generá una lista pero ordenada esto quiere decir numerada y cada uno de sus elementos se integra con LI

<! comentarios>

Esta etiqueta sirve para poder poner comentarios en el código sin afectar ninguna instrucción

Lista de definiciones y existiran dos elementos, la definición y el término, se usará principalmente para listas en las que se incluirá una palabra o frase y su definición

Con esta etiqueta se podrán agregar los términos y va acompañada de la etiqueta <DL>

Esta etiqueta es para dar margen a la definición hecha por un término agregado con la etiqueta <DT>

Enlaces

Referencia a un archivo ubicado en la misma máquina o en el mismo sitio, donde XXX es el nombre del archivo al que hace referencia y YYY es el nombre que identifica el enlace en la página donde inserta el enlace

Con esto se generá un enlace en la misma página

Etiqueta para el enlace de la página

Enlace a otra página en un lugar especifico de esta

Enlace con páginas externas a la propia

Referencia a el correo electronico

Imagenes

Sirve para agregar imagenes a la página que se esta haciendo y contiene varios atributos como son: alt ="descripcion"

align= alineacion Top

Middle

Bottom

Border=0

como enlace <A href="archivo.html><ima src="imagen.xxx></a>

Caracteres Especiales

sirve para escribir un <

&at;

sirve para escribir un >

sirve para escribir un &

sirve para escribir un "

sirve para escribir vocales acentuadad por ejemplo á

sirve para agregar tilde a caracteres que lo requierán por ejemplo ñ

Estandares de HTML

Este es un estandar de HTML y sirve para imagenes en movimiento

Width marca la longitud de la línea que se escribe con la etiqueta HR, también aplica con otras etiquetas

Size muestra el espesor de la línea que se pinta con HR, también aplica con otras etiquetas

align

Sirve para la alineación de texto o imagenes y sus opciones son: left y right

noshade= linea salida

Se refiere a el formato de la fuente que se utilizará en la página, los tamaños con del 1 al 7 y como base es 3, también se puede utilizar un cambio relativo de (+,-) esto depende de que tamaño se necesita la fuente

Tarea 1: Fundamentos de Lenguaje HTML

1. Tabla <table>: Las tablas están formados por celdas.

2. Celdas: Son los recuerdos que se obtienen como resultado de la intersección entre una fila y una columna

3. Fila <TR>: Es necesario insertar las etiquetas <tr> y <tr> por cada una de las filas de la tabla.

4. Etiquetas <td> y </td>: Se podrá especificar el contenido de cada una de las celdas.

5. Formato de la tabla: Por medio de este formato es posible modificar las siguientes atributos de una tabla.

6. Cellpadding: Es el espacio entre el contenido de las celdas y el borde.

7. Cellspacing: Es el espacio entre celdas.

8. Atributo border: Es el grosor del borde y su posible valor puede ser un numero.

9. Atributo Aling: Es alineación de la tabla dentro de la página y sus valores pueden ser: Left (Izquierda) right (derecha) y center(centro)

10. Formato de las celdas: Es posible modificar las siguientes atributos por medio de ellos modificar lo que se busca.

11. Atributo width: Ancho de la tabla, posibles valores: Un numero, acompañado de ./. cuando se desee que sea en porcentaje.

12. Atributo height: Alto de la tabla, posibles valores: Un numero, acompañado de ./. cuando se desee que sea en porcentaje.

13. Atributo aling: Alineación horizontal de la tabla, posibles valores: Un numero, acompañado de ./. cuando se desee que sea en porcentaje.

14. Atributo valing: Alineación horizontal de la tabla, posibles valores: Un numero, acompañado de ./. cuando se desee que sea en porcentaje.

15. Encabezado de columna <TH>: las etiquetas <td> y </td> se utilizan para definir las celdas de cada una de las filas, pero podemos poner en su lugar las etiquetas <th> y </th>. Para la etiquetas es posible especificar las mismos atributos que para la etiqueta. Hace que el texto.

16. Titulo de tabla <caption>: Estas etiquetas han de ir después de la etiqueta y puede especificarse el valor de los atributos algn y valing.

17. Combinar celdas: Para las etiquetas extsiten los atributos olspan y rowspan que se utilizan para combinar celdas.

18. Atributo colspan: Se especifica el numero de columnas por las que se extenderá la celda.

19. Atributo: rowspan: Se especifica el numero de filas por las que se extenderá la celda.

20. Marcos: Las marcas o frames sirven para distribuir mejor los datos de las páginas.

21. Conjunto de marcos: Se definen a través de las etiquetas. A través de estas etiquetas se indica el numero de marcos en que se dividirá la ventana

22. Atributo cols: Modifica el tamaño de cada una de las columnas en que se divide el documentos; posibles valores, un numero (acompañado de % cuando se desee que sea en porcentaje) por cada columna separadas por comas.

23. Atributo rows: Modifica el tamaño de cada una de las columnas que se divide el documento.

24. Atributo frameborder: Aparece o no el borde de los marcos

25. Atributo framespacing: Separación entre los marcos

26. Atributo border: Modifica el grosor del border y los posibles valores.

27. Atributo bordercolor: Por medio de este atributo se puede modificar el color del border, y los posibles valores son números hexadecimal.

28. Atributo scrolling: Se mostrara o no la barra de desplazamiento cuando la pagina del mareo no se pueda visualizar completamente en el.

29. Atributo blank: Abre el documento vinculado en una ventana nueva del navegador.

30. Atributo parent: Abre el documento vinculado en la ventana del marco que contiene el vinculo o en el conjuto de marcos padre.

Tarea Extra

HTML (tablas)

<Table>

<tr>

</tr>

<tr>

</tr>

</table>

Realizar el código HTML de la tabla

<Table>

<tr>

</tr>

<tr>

</tr>

</table>

Realizar el código HTML de la siguiente tabla

<Table>

<tr>

<table>

<tr>

</tr>

<table>

</tr>

<tr>

<table>

<tr>

</tr>

</table>

</tr>

</table>

Tarea 2: Software utilizado para elaboración de páginas web

1. World wide web: En informática, la world wide web (www) no red informática mundial es un sistema de distribución de hipertexto o hipervínculos, hipermedios interconectados y accesibles via internet.

2. Hiperdocumentos: Documento digital con prestaciones hipertextuales

3. Hipertextos: Es una herramienta con estructura secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos

4. Web: Conjunto de información que se encuentra en una dirección determinada de internet

5. Enlaces: Es una expresión que conecta una cierta información con otra, el enlace puede ser una imagen, una palabra, un hipertexto

6. Multimedia: Se utiliza para referirse a cualquier objeto o sistema que utiliza múltiples medios de expresión físicos o digitales

7. Bases de datos: Es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior uso.

8. Online: Es una palabra en ingles que significa en línea

9. Dinamismo: Es un sistema filosófico que considera el mundo corpóreo como formado por agrupaciones de elementos simples

10. Usabilidad: Hace referencia a la facilidad con que un usuario puede utilizar una herramienta fabricada por otras personas con el fin de alcanzar un cierto objetivo.

11. Interactividad: Se utilizo para referirnos a la relación de participación entre los usuarios y los sistemas informáticos

12. Técnicas avanzadas para el diseño de paginas web: Las técnicas han avanzado en diferentes formas o maneras de diseñar paginas web

13. Webmasters: Es la persona que maneja un sitio web, es el dueño o encargado del sitio web

14. Lenguajes: Un lenguaje informatico es un lenguaje usado asociado con ordenadores

15. Interfaz: Es lo que conocemos en ingles como interface (superficie de contacto) En términos técnicos una capa de abstracción entre el pc y el usuario

16. Usuario: En informática, un usuario es un individuo que utiliza una computadora o un sistema operativo

17. Experiencia del usuario: Es el conjunto de factores y elementos como disciplina se ocupa tradicionalmente a los sistemas informáticos y en particular al diseño de páginas

18. Navegación Desplazarse de una pagina o documento a otro en la red informática, como internet , a través de ciertos vínculos preestablecidos

19. Accesibilidad: la posibilidad de que un producto o servicio web pueda ser accedido y usado por el mayor grado de personas

20. Macrotexto; Es el análisis de un discurso o de una obra literaria también tiene su lado poético y literario

21. Crematístico: Del griego Khrema la riqueza la posecion planteada este concepto de un autor fundamental de la antigüedad.

22. Arquitectura de la información: Es como esta reconstituida la información su estructuración

23. Buscabilidad: Se refiera a una aplicación buscable y navegable de datos en la web semántica

24. Motor de búsqueda: También conocido como buscador, es un sistema informático que busca archivos almacenados.

25. Indización de contenidos: Es el proceso de describir o representar el contenido temático

26. Metainformación: Es la recuperación de la informacion o la web semántica

27. Metaestructura: fundamentales de algoritmos cualitativos y cuantitativos.

28. Feedback: Proviene del idioma ingles y se denomina feedback a la instancia de retroalimentación o respuesta en el proceso de comunicación

29. Gestión de contenidos: Es una de las funciones mas importantes del profesional de la informacion

30. Sistemas de navegación: Es una de las funciones mas importantes del profesional retroalimentación de sistemas de comunicación

31. Predecibilidad: Es aquello que por sus características esta en condiciones de ser predicho consiste en anticipar algo que ocurrirá.

Tarea 1: Software utilizado para elaboración de páginas web

1- Anidar: el concepto anidar etiquetas, es insertar etiquetas entre otras etiquetas de comiendo y de cierre.

2- Atributos: es una especificación que define una propiedad de un objeto, elemento o archivo.

3- Background: Es un atributo por medio del cual se le puede establecer una imagen de fondo en una página.

4- Bloc de notas: Se trata de un editor de textos muy sencillo de manejar, que nos permitirá crear páginas a través del código HTML.

5- Cabecera de la página: Se utiliza para agrupar información sobre ella, como puede ser el título.

6- Compatible: Es la condición que hace un programa y un sistema, arquitectura o aplicación logren comprenderse completamente tanto directamente como indirectamente.

7- Cuerpo del documento: Contiene la información propia del documento, es decir lo que queremos que se visualice, el texto de la página, las imágenes, los formularios, etc.

8- documento hipertexto: un documento hipertexto no solo se compone de texto, puede contener imágenes, sonidos, videos, etc.

9- Editor: Es un programa que nos permite redactar documentos.

10- Editores visuales: Pueden generar en ocasiones código basura, es decir código que no sirve para nada, en otras ocasiones puede ser aún más efectivo.

11- Etiquetas: Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML.

12- Etiquetas de cierre: Esta delimitado por los caracteres </y>. Está compuesta por el identificador o nombre de la etiqueta, y no contiene atributo.

13- Etiquetas de comienzo: Esta delimitado por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales.

14- HTML: (Hyper Text Markup Lenguage) es el lenguaje con el que se escriben las páginas web.

15- .html o htm: Es una extensión que deben tener los documentos HTML para que puedan ser visualizado en el navegador.

16- Leftmarign: tamaño en pixeles puede modificarse mediante este atributo que s el margen izquierdo.

17- Marcas: también llamadas etiquetas, delimitan cada uno de los elementos que componen un documento HTML.

18- mariginheight: tamaño en pixeles, puede modificarse mediante ese atributo que es la altura del margen.

19- marginwidth: Funcionan con el navegador Netscape, es un atributo y es la anchura del margen.

20- Navegador: Se encarga de interpretar el código html de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.

21- Página web: Esta interpretada y escrita con un lenguaje llamado hiper tex markue lenguaje (HTML)

22- Sintaxis: Se entiende como el grupo de normas que marcan las consecuencias correctas de los elementos propios de un lenguaje de programación.