ACTIVIDAD 4

 Hola, soy Laura Sofia Leal Duarte. Estudio en el colegio Morisco y estoy en el curso 902. Me gusta dormir. En esta página voy a presentar mis trabajos de informática.

Actividad

1. Defina el concepto de página web y explique sus características

Una página web puede definirse como un documento digital que posee diferente información como textos, imágenes y sonidos. Generalmente estas páginas web se encuentran ancladas a distintos conjuntos de páginas web con información que se encuentra en internet y que conforma un sitio web de temas específicos. 

2. Diagrame y explique las partes de una página web

                              

Las partes de una página web son las siguientes:

- Encabezado: Siempre se encuentra en la parte superior. Lo que se suele esperar en esta sección de la página web es el menú que permita navegar en la página (organización y visibilización de enlaces) y diferentes enlaces de comunicación entre otras páginas web o plataformas.

- Cuerpo o contenido: Esta sección junto con el encabezado, son las más importantes de la página web. Pues esta parte se ha de presentar toda la información, ya sea con ayudas audiovisuales como fotografías y/o vídeos o solamente de forma textual. 

- Pie de página: Aunque se encuentra al final de la página web, no significa que tenga menos importancia. Por el contrario, debe contener información específica para que se considere como el pie de dicha página. Tal información se encuentra relacionada con las políticas de privacidad, las direcciones de correo electrónico, redes sociales y demás datos que puedan brindarle al usuario información veraz. 

3. Defina el concepto de sitio web y defina sus características 

Un sitio web puede definirse como el espacio en donde distintas páginas web que poseen información sobre un mismo tema, se encuentran unidas. Esto quiere decir que cuando a través de un buscador como Mozilla o Google, se emplea cualquier tipo  de búsqueda sobre un tema en específico, dichas páginas se encuentran ancladas en un mismo lugar, el cual es conocido como sitio web. 

Existen varias características para definir un sitio web, entre las más importantes se encuentran:

1. El sitio web debe de poseer un dominio propio.

2. Ofrecer al usuario rapidez y seguridad al momento de navegar por las distintas páginas.

3. Certificado digital o algún tipo de seguridad informática.

4. Avisar a los usuarios sobre las cookies y Copyright 

4. Investigue qué es la estructura de un sitio web y utilice dibujos para ilustrar los tipos de estructuras más conocidos

Existen dos tipos de estructuras en cuanto a sitios web,

- El sitio web estático se caracteriza por no permitir ningún tipo de interacción con el usuario. Esto quiere decir que no necesitan una base de datos para estar en constante actualización y que solo se va a dedicar a presentar información sencilla. 

- El sitio web dinámico a diferencia del estático, si permite la interacción entre el usuario y la página web. Debido a esto, es necesario utilizar una base de datos en donde la información esté en constante actualización, por lo que dicha interacción hace que el sitio web cuente con lenguajes de programación para procesar las peticiones del usuario.

5. Investigue las clases de tipos web que existen y explique sus características (blogs)

Existen distintos tipos de sitios web, entre ellos se encuentran 

1. Blogs: el uso de estos no se encuentra establecido para un solo sector en la industria. Esto se debe a que la innovación en estos sitios webs, es válida desde cualquier punto de vista. Un blog generalmente se emplea como un diario virtual, en el se escribe de manera cronológica un evento, una opinión o una serie de experimentos sociales, culturales y/o científicos sin ningún tipo de formalidad. Lo que permite tener ventaja sobre cualquier otro tipo de sitio web debido a que por el estilo en el que se muestra la información, esta puede ser accesible para cualquier tipo de público, ya sea experta o no, lo que genera una experiencia atractiva para adquirir conocimiento. 

Además de esto, las ayudas audiovisuales y la interacción entre los mismos usuarios/lectores de los blogs, incrementa la popularidad de un tema en específico cuando hay visitantes en estos sitios web. 

2. Sitio Institucional o Negocio: Este tipo de sitios web se especializa en brindar al usuario, información básica sobre una empresa, producto o servicio que se esté ofreciendo. Aunque suelen contar también con herramientas audiovisuales, lo más importante para plasmar e impactar al consumidor son las ventajas frente a otras compañías y los valores de la empresa. 

3. Sitios Educativos: El objetivo de este sitio web es ofrecer cualquier tipo de conocimiento, ya sea desde el nivel educativo escolar hasta la enseñanza paso a paso de una receta de cocina. Por lo general suele tener de todo tipo de herramientas visuales e interactivas como test para probar el nivel de aprendizaje adquirido por la misma. 

4. Sitios de Comercio Electrónico: Destinado para todo tipo de empresas y marcas que desean vender sus productos o servicios en línea. Una de las principales características de este sitio web es que le permite al usuario tener una vista en tiempo real del producto a través de fotografías, videos, medidas, etc. Además de esto, cuentan con la posibilidad de tener ofertas disponibles según la marca, en la que el usuario puede navegar y también, con la sección de preguntas frecuentes en donde el servicio al cliente es inmediato durante las 24 horas del día. 

5. Sitios de Foros de Comunidades: Este tipo de sitios permite la interacción entre personas de distintos gremios para cuestionar, analizar y/o defender distintas posiciones frente a un tema. Sin embargo, aunque todo el mundo tiene la posibilidad de hacerlo, en la mayoría de ellos, es necesaria una credencial dependiendo del gremio en el que quieras aportar información. 

6. Defina qué es el dominio de un sitio web, cómo se forma y los tipos de dominio que existen por actividad o información del sitio web por país.

•  El dominio de un sitio web es considerado como el principal componente a nivel virtual de una empresa o marca, dado a que en este se encuentra la dirección específica del sitio web de la empresa. Es decir, es su sello virtual, en el que a través del nombre se le facilita al usuario encontrar el sitio web de la marca que está buscando. 
• Dicho dominio es único e irrepetible, por lo que cada empresa cuenta con un número específico IP para su página. Así pues, al momento de realizar la búsqueda en internet, hay un servidor encargado de redireccionar dicha búsqueda al IP de tú empresa y no de una diferente. 
• Los dominios se encuentran definidos de manera fundamental por los nombres y las extensiones, por lo que las  palabras que se encuentran antes del punto se definen como nombres y después del punto como extensiones (ej: tareainformatica.com). Existen tres tipos de dominio, 

       -  el primero de ellos es el dominio de nivel superior y lo más utilizados son <.com>, <-org>,<.net>,    8<xyz>,<.tech>.

            - el segundo, es el dominio de nivel superior patrocinado y está destinado únicamente para entidades gubernamentales  <.gov>, instituciones educativas <.edu> y servicios postales <.post>. 

              - el tercero es el dominio de nivel superior con código de país y se suele encontrar al final del dominio y se identifica con las dos letras que identifican al país (ej: (.com.co),(.com.mx)). La finalidad de este también se encuentra relacionada a que las empresas, marcas o institutos desean tener la distinción entre territorios o entre páginas que cuentan con el mismo nombre. 

7. ¿Es importante que las empresas, negocios e instituciones cuenten con sitio web?, justifica tu respuesta.

Si, es totalmente necesario que cada empresa, negocio e institución cuente con su sitio web. Dicha importancia se debe a que en la época tecnológica en la que nos encontramos ahora, tener una plataforma que le brinde a los usuarios información y confianza sobre el producto que estamos ofreciendo es una base sólida para hacerse conocer en el sector industrial en el que se trabaja o al que se quiera llegar. 

Por lo tanto, le brinda a la empresa un crecimiento a nivel ventas  y posicionamiento, dado a que nivel virtual se llevan a cabo muchas comparaciones con otras empresas que ofrecen los mismo servicios (dinero, eficacia, etc.).  

8. Seleccione un sitio Web conocido, escriba su dominio y a partir del menú dibuje su estructura como un esquema de árbol, para agregar niveles, vaya ingresando a los diferentes vínculos, y a continuación, evalúe el diseño y utilidad del sitio contestando las siguientes preguntas, justifique cada respuesta:

1. Sitio web y dominio: https://www.microsoft.com/es-co

Con respecto a la estructura del sitio:

1. ¿Considera que está bien estructurado?  Si, es un sitio web dinámico por lo que la estructura permite la interacción en la página web.
2. ¿Cómo considera la estructura, compleja o sencilla? Es sencilla, cada apartado está perfectamente organizado lo que facilita entender hacia donde va cada opción.
3. ¿El índice o menú es claro? Sí, el menú es claro. Gracias a que cada segmento permite desplegarse en distintas opciones, es fácil saber cómo moverse según lo que se esté buscando. 
4. ¿Tiene forma de volver al menú (página de inicio) o al nivel previo? Si, el menú ofrece la posibilidad de ir hacia delante o regresarse con un solo click, es intuitivo. 
5. ¿Se sintió “perdido” al navegar o fue claro su transitar por el sitio? Fue claro transitar por el sitio, como dije anteriormente, es intuitiva la plataforma y permite moverse dependiendo de qué es lo que estoy buscando.
6. ¿Hay algún vínculo que los lleve a un mapa del sitio? Habían enlaces que llevaban a diferentes partes de la compañía. El que voy a utilizar de ejemplo es el Estudio Visual, en donde dan como un ejemplo de 360º la creación y desarrollo de páginas web.
7. ¿Algún vínculo no funciona como usted esperaba? No, todos funcionaban como se espera pero tal vez, por el enunciado, no era lo que esperaba. Por ejemplo con Reuniones Microsoft, pensé que solo iba a estar relacionados con reuniones virtuales pero no, también ofrecen la posibilidad de hacer colaboraciones, llamadas, edición de archivos durante las mismas reuniones.      

 Con respecto a la estética:

1. ¿Es armoniosa? Si, no genera una saturación de información al mismo tiempo, todo está puesto de manera armoniosa.
2. ¿Es agradable a la vista? Si, no tiene colores fuertes junto con imágenes que generen algún tipo de molestia a la vista.
3. ¿La relación y proporción de texto e imágenes es adecuada? Si, todo tiene el tamaño correcto según la necesidad que tiene la página web para impactar al usuario.
4. ¿La combinación de colores es atractiva? Si, al ser colores cálidos en el sitio web, las imágenes están dispuestas con colores un poco más fuertes para que hagan un contraste armonioso. 
5. ¿La portada, secciones y subsecciones tienen coherencia en su diseño? Si, todo se encuentra relacionado. Desde que se abre el menú, según a dónde se quiera navegar, hay una gama de colores y formas que hace que todo este acorde según se va avanzando o retrocediendo.

Con respecto a la información que se muestra en el sitio

¿Cree que el sitio cumple su objetivo? Si, ofrece todo tipo de herramientas y las oferta como debe ser.

¿La información que muestra es clara y concisa? Si, es muy clara y precisa en cada apartado y según el producto que se esté buscando.

¿Considera que la división de temas y subtemas (secciones y subsecciones) es adecuada? Si, totalmente. Todo está pensado para que sea claro y entendible.

¿El lenguaje textual que se usa es pertinente? Si, todo está dirigido de manera formal pero que no se siente como un mandato.

¿Los gráficos, imágenes animadas y demás elementos del sitio están acorde con la información del mismo? Si, todo está relacionado por colores, formas y sobre todo por lo que se está vendiendo. 

Con respecto al entorno del sitio:

¿Cómo fue el proceso de carga del sitio? Rápido, navegar por el menú y dirigirse a diferentes enlaces no tuvo una demora de mas 3 segundos.

¿Las imágenes y texto aparecen en forma proporcionada? Si, nada aparece desacomodado. Todas las figuras están proporcionales a lo que se muestra en la pantalla en ese momento. 

¿El transitar por el sitio fue lento? No, siempre fue rápido.

¿Considera que se aplicaron criterios de diseño generales o exclusivos para un tipo de usuario específico? En las partes generales como de muestra de productos, pienso que es de manera general. Sin embargo, para productos específicos de educación y desarrollo web si considero que los criterios se vuelven más específicos según el usuario.

Con respecto a usted como usuario:

¿Fue una experiencia agradable visitar este sitio.? Si, fue divertido ver otro tipo de página web.

¿Cree se tienen en cuenta las inquietudes y gustos del usuario? Si, totalmente. Al final es una página a nivel mundial que busca impactar de manera positiva a sus usuarios.

¿Qué le aportó a su vida personal y escolar? Las diferentes herramientas que existen para realizar trabajos escolares y lo fácil que puede llegar a aprenderlas y usarlas. 

¿Volvería a consultar este sitio? Si, todo el contenido es interesante.

¿Recomendaría a otras personas que visitaran este sitio? Si, podría ser de ayuda para la vida escolar.

9.  Indague que significan las siglas HTML, explique qué es HTML y para que se utiliza

Las siglas HTML poseen una función diferente, que al unirlas permiten representar el estructura (esqueleto) de una página web. 

- H (hipertexto): son textos que están directamente relacionados con enlaces

- M (marcado): elementos visuales que son mostrados en el navegador

- L (lenguaje): el lenguaje que utiliza el computador para interpretar los comandos

Teniendo en cuenta lo anterior entonces, HTML se basa en marcadores que se poseen una manera distintiva de escribirse, siempre entre comillas angulares <html>. De esta manera, es posible para este lenguaje entender la orden de los comandos que se le están pidiendo y lo que debe mostrar. Sabiendo esto, es importante mencionar que HTML  funciona a partir de dos componentes;

- Elementos: están creados básicamente para que los parámetros del lenguaje sepan en donde es el inicio y el final de cada comando. 

- Atributos: está basado en combinaciones numéricas lógicas (1, 0) para características como color, posición, etc. 

10. Defina qué es un editor de texto

Un editor de texto es conocido por ser uno de los programas mas básicos para crear algún tipo de texto sin necesidad de seguir ningún formato. Las opciones de estos editores de texto son básicamente cortar y pegar, copiar texto y deshacer o rehacer el último comando realizado. 

12. Exprese las razones por las cuáles el lenguaje HTML necesita de un editor de texto

Como se mencionó en el punto anterior, el editor de texto es uno de los programas más básicos y fáciles de usar, por lo que el lenguaje HTML necesita usar un editor de texto dado a que a través de esto es posible manipular los archivos de texto que se utilizan para generar los códigos que se usan para especificar las características de una página web.

13. Con qué extensión se guardan los archivos creados con este código

Todos los archivos creados bajo este código se guardan con la extensión <.html>.

14. Indague por tres editores de texto de computador, tres de tablet/celular y tres online que permitan desarrollar código HTML

 - Computador: Notepad++,, Adobe Dreamweaver, Opera

- Celular: Turboeditor, AWD, Bloc de Notas

- Online: Atom, Brackets, Visual Studio Code

1. Defina que son etiqueta en Código HTML y los tipos de etiquetas que maneja HTML

Se conocen como pequeños las marcas que definen a componentes de distintos tamaños, que a partir de su uso y su combinación se convierten en componentes complejos. 

Estos son los tipos de etiquetas que maneja HTML;

- Etiquetas para metadatos: <head> corresponde a la parte superior del documento HTML y agrupa 

- Etiquetas para estructura: <body> </body>  indica todo el contenido a mostrar en la web.

- Etiquetas para agrupar contenido: <div> </div>: se usa para dividir un contenido en partes o establecer secciones.

- Etiquetas para insertar contenido: <img> con esta etiqueta se introduce  una imagen en el documento.

- Etiquetas semánticas: <a> </a> permite la creación y vinculación de enlaces con el contenido.

19. Defina que son atributos HTML

Los atributos son conocidos como un valor o una característica que se le agrega una etiqueta de HTML, lo que le permitirá tener una propiedad o función específica.

20. Investigue el código Hexadecimal de Colores