1. Defina el concepto de pagina web y explica sus características.
Una pagina web son conjuntos de documentos individuales que forman un sitio web, como toda presentación web contiene texto, imágenes, videos y capacidad de almacenar contenido casi infinitamente
2. Diagrame y explique las partes de una pagina web
3. Defina el concepto de sitio web y explica sus característica
Un sitio web es un gran conjunto de paginas unidas entre si, eso se conoce como "servidor web". Como cualquier espacio virtual cualquiera podría acceder con una conexión a internet, en ese servidor cuenta con links directos a una pagina especifica.4. investiga que es la estructura de un sitio web y utilice dibujos para ilustrar los tipos de estructuras mas conocidos.
La estructura de una pagina es la manera en la que el creador crea patrones fáciles de comprender para que el usuario navegue de manera mas sencilla.
Crean paginas con categorías manejables como una estructura jerárquica estabilizada y colocar categorías dentro de categorías.
EJEMPLO:
5. Defina y diagrame las partes de un sitio web
EL ENCABEZADO: se muestra el nombre de la pagina con su respectivo link
CUERPO: el contenido de la pagina con links opcionales y toda la acción de la pagina
PIE DE PAGINA: final del sitio con redes sociales
6. investigue los tipos o clases de de sitios Web explicando sus principales características (profundice en los blogs)
Hay infinitos estilos de pagina cada una con su respectiva forma de presentarse, nombraré varios Institucionales: Colegios y universidades
Portales de noticias: Noticieros locales
Buscadores: Buscadores de empleo
Redes sociales: Medios de entretenimiento tanto imagenes como videos de la gente de manera publica y libre
Tiendas online: Compras de articulos de manera facil y sin ir a cobrarlo
Blogs: La gente crea textos con imagenes compartiendo historias o solo por crear algun trabajo virtual ( como este texto )
Foros: Paginas de discusion: por ejemplo colocan " cual es su fruta favorita " y ahi todos crean una charla sobre ese tema
Micrositios: Esto seria como una segunda capa de el sitio original
Portafolios: Aquí compartes tus trabajos o experimentos con futuros clientes, por aquí no se mandan curriculums.
7.Defina que es el dominio de un sitios web, como se forma y los tipos de dominio que existen por actividad o información del sitio web y por país.
Para formar un dominio de sitio web solo hace falta que le pongas un nombre adecuado para que sea facil de encontrar y colocarlo despues de la parte " WWW " o si es un correo antes de el signo " @ ". Así la pagina sera facil de encontrar.
8.¿Es importante que las empresas, negocios e instituciones cuenten con sitio web?, justifica tu respuesta.
A las empresas si les serviría tener un sitio web para aumnetar su posibilidad de ventas o para conseguir empleados o futuras colaboraciones con otras empresas
9.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
-Mi pagina es: https://www.mercadolibre.com.co/
-Con respecto a la estructura del sitio: En la estructura de la pagina es muy buena;
en el encabezado esta la clasificacion de productos como juegos, muebles, ropa,deportes, etc.
en el cuerpo estan los descuentos de articulos por tiempo limitado, hay una mini clasificacion de marcas tecnologicas como sony, apple y lenovo.
En el pie de pagina no hay mucha cosa, solo describen las maneras de pago y una opcion de uso de cookies.
-¿Considera que está bien estructurado?: Sí, el encabezado, el cuerpo y el pie de pagina es un nivel neutro.
-¿Cómo considera la estructura, compleja o sencilla?: La estructura es sencilla, no hay complicaciones al indagar en la pagina.
-¿El índice o menú es claro?: SI ,al ser una pagina de compras es casi obligatorio que su menú y su estructura sea sencilla y clara.
-¿Tiene forma de volver al menú (página de inicio) o al nivel previo?: No, eso es importante aunque en pocas ocasiones, la manera de volver es la que incluye google arriba a la izquierda.
-¿Se sintió “perdido” al navegar o fue claro su transitar por el sitio?: No, su clasificacion y orden de articulos es bastante buena.
-¿Hay algún vínculo que los lleve a un mapa del sitio?: No hay, solo hay los enlaces de categorias de articulos que mencioné antes.
-¿Algún vínculo no funciona como usted esperaba?: No hay vinculos que lleven a un punto directo pero si lo hubiera estoy seguro de que serviría.
-Con respecto a la estética: Hay muy poco color, solo amarillo en la parte superior y el resto es blanco sin energía.
-¿Es armoniosa?: Tal vez el diseño si es neutro, del resto muy bueno.
-¿Es agradable a la vista?: Si, todo el ambiente se siente muy bonito, equilibrado en lo que es la manera de colocar los factores del sitio web.
-¿La relación y proporción de texto e imágenes es adecuada?: Si, cuando presentan un producto la imagen es adecuada para ver todo lo que contiene el producto.
-¿La combinación de colores es atractiva?: Pudo mejorarse la vista en cuanto a colores.
-¿La portada, secciones y subsecciones tienen coherencia en su diseño?: Sigue la misma textura que la pagina principal.
-Con respecto a la información que se muestra en el sitio: Muestra descuentos, articulos proximamente a la venta, esta muy bien informada.
-¿Cree que el sitio cumple su objetivo?: SI, anuncia muy bien sus productos, buena clasificacion de articulos.
-¿La información que muestra es clara y concisa?: Si, es muy visible y facil de entender.
-¿Considera que la división de temas y subtemas (secciones y subsecciones) es adecuada?: Si, pero deberia tratar a cada producto igual, porque a veces las clasifica de mayor a menor vendida, una persona podria buscar algo y estar mal clasificada y no comprarla.
-¿El lenguaje textual que se usa es pertinente?: Es un lenguaje adecuado y sin palabras extrevagantes para evitar equivocaciones de entender.
-¿Los gráficos, imágenes animadas y demás elementos del sitio están acorde con la información del mismo?: Si, habia un producto de un televisor y su descripción y si imagen es exacta a lo que decía.
-¿Cómo fue el proceso de carga del sitio?: Eso depende de que tan bueno es la conexion a internet pero en mi caso carga rapido.
-¿Las imágenes y texto aparecen en forma proporcionada?: Aparecen de una manera ordenada y concisa proporcionalmente.
-¿El transitar por el sitio fue lento?: Si, busque un juego en especifico de Xbox y fue muy largo el proceso hasta encontrarlo.
-Considera que se aplicaron criterios de diseño generales o exclusivos para un tipo de usuario específico: No, yo veía que el diseño o apariencia no cambiaba segun las preferencias por así decirlo.
-¿Fue una experiencia agradable visitar este sitio?: A mí me gusta lo que es la tecnologia y entrar a esa seccion fue super agradable y satisfactorio encontrar lo que me gusta.
-¿Cree se tienen en cuenta las inquietudes y gustos del usuario?: A medida que se va indagando por la pagina, la pagina escoge mas especificamente los productos segun lo que hayas buscado anteriormente.
-¿Qué le aportó a su vida personal y escolar?: Una manera mas facil de buscar articulos según lo que necesite como libros, una computadora, ropa, etc.
-¿Volvería a consultar este sitio?: Si, me sirve para comprar mas facilmente algo necesario para mi.
-¿Recomendaría a otras personas que visitaran este sitio?: Si, si a esa persona le gusta comprar en línea, este sitio es perfecto para ella.
10. Indague que significan las siglas HTML, explique qué es HTML y para que se utiliza.
HTML: HyperText Markup Language en inglés
Sirve para estructurar una pagina web y su contenido, como párrafos, imagenes y texto.
11. Defina qué es un editor de texto.
Es un programa que procesa un texto y permite modificarlo como queramos o conectar paginas entre si como un procesador.
12. Exprese las razones por las cuáles el lenguaje HTML necesita de un editor de texto.
Porque el HTML necesita un procesador de texto si quiere entrelasar dos paginas o varias.
13. Con qué extensión se guardan los archivos creados con este código.
En los navegadores suelen contar con una opcion que diga "ver" en la que se pueda ver el codigo fuente de la pagina.
14. Indague por tres editores de texto de computador, tres de tablet/celular y tres online que permitan desarrollar código HTML.
15. Investigue y explique las principales características de algunos editores visuales de Código HTML (tres aplicaciones para computador, tres para tablet/celular y tres aplicaciones online).
PC: CSS, XML o JavaScript.
Celular: Codeanywhere, Droiedit, Turbo editor.
Sacado de: https://www.facilcloud.com/noticias/top-5-editores-de-codigo-en-android/
16. Defina que son etiqueta en Código HTML y los tipos de etiquetas que maneja HTML.
El formato de una etiqueta es un bloque de texto(comando que quiera usar) encerrado en dos corchetes y termina con una barran inclinada al inicio: </etiqueta>
1.MARCADO ESTRUCTURAL: describe el proposito del texto, como una etiqueta en el titulo <h1>
2. MARCADO PRESENTACIONAL: describe la apariencia del texto sin importar su funcíon, un ejemplo la etiqueta: <b>
3. MARCADO HIPERTEXTUAL: se utiliza para enlazar partes de un documento a otros documentos, con otras partes del mismo documento con la etiqueta <a>
17. Defina que son atributos HTML.
Son como un valor adicional al elemento o ajustan su comportamiento para la exigencia del usuario.
18. Identifique para que se utilizan la siguientes etiquetas, indique si deben cerrarse y explique los atributos que maneja y un ejemplo de su uso.
-<HTML>: Se le da un formato y una estructura a las paginas web y su contenido, por cierto, el html no se considera un lenguaje de programacion.
-<HEAD>: Nos da informacion general acerca del documento.
-<TITLE>: Le da un titulo a el sitio web
-<BODY>: Indica el comienzo del contenido visible de la pagina web ( el cuerpo del texto).
-<MAQUEE>: Crea una área de texto en movimiento y también se podría llamar marquesina
-<CENTER>: Sirve para centrar cualquier elemento de la pagina
-<P>: Sirven para crear párrafos e indicar atributos como alineacion de texto hacia la izquierda o la derecha.
-<TABLE>: Sirve para encerrar todas las filas y columnas de una tabla.
-<H1>: Es como un encabezado para la pagina para explicar un tema.
-<B>: Se usa para llamar la atencion en un pedazo del texto que sea importante resaltar
-<UL>: Indica la direccion de texto y de las tablas.
-<OL>: Permite definir o clasificar una columna numerica o alfabeticamente.
-<IMG>: Permite que se muestren las imagenes, y si el archivo esta dañado tambien es capaz de describirlo con atributos.
-<FONT>: Indica el color, tamaño o fuente del texto.
-<A>: Permite poner enlaces a otras paginas, archivos o rutas dentro de la misma, o correos.
-<STRONG>: Marca las partes esenciales de un texto.
-<EMBED>: Representa un punto de para una aplicación externa o contenido extra o interactivo.
-<BR>: Sirve para hacer un salto de linea de texto, una funcion similar que cuando pulsamos enter.
19. Investigue los códigos HTML para caracteres ASCI
20. Investigue el código Hexadecimal de Colores
