1er Trimestre D.

 

Temas del 1er Trimestre

1er tema º-

-¿Qué es diseño web?-

El diseño web involucra actividades relacionadas con la estructura y apariencia de páginas en línea, enfocándose principalmente en la creación de sitios web.

Para ello, los diseñadores web utilizan lenguajes de marcado como HTML o XML para desarrollar las páginas.

La parte visual de los sitios web se maneja a través de CSS, que es utilizado para estilizar los elementos escritos en HTML.

Es común que los diseñadores web utilicen tanto HTML como CSS para construir un sitio, ya que juntos definen cómo se verán las páginas en los navegadores.

Existen diferentes herramientas para el proceso de creación de sitios web, como Adobe Dreamweaver (que requiere conocimientos en codificación) y los CMS, que son plataformas de administración de contenido.

WordPress es uno de los CMS más populares y prácticos, ya que ofrece una variedad de plantillas que sirven como base para el sitio. El diseñador web se encarga de instalar y personalizar estas plantillas según las preferencias de cada cliente.

Características de diseño web

Un diseño web exitoso debe incorporar varias características que lo hagan atractivo y funcional. Conocer los estándares de diseño web es fundamental para crear proyectos espectaculares. A continuación, se enumeran las características fundamentales que debes tener en cuenta para lograr un diseño web efectivo:

1. 1. Enfoque visual: El diseño web se basa en elementos gráficos y textuales, como imágenes, videos, colores y otros aspectos que en armonía crean un espacio agradable para los visitantes.

   
   
   

2. 2. Carga rápida: Es esencial que el sitio web cargue rápidamente y no presente obstáculos para la navegación. Un diseño adecuado y la optimización de elementos, como imágenes, contribuyen a una carga veloz.

3. 3. Responsivo: El diseño web debe adaptarse perfectamente a cualquier dispositivo en el que los usuarios naveguen, priorizando especialmente el diseño móvil debido a la creciente cantidad de búsquedas realizadas desde teléfonos móviles.

4. 4. Intuitivo: La simplicidad y una lógica clara son fundamentales para que cualquier persona pueda entender el sitio web. Cada elemento debe cumplir un propósito dentro del conjunto.

   
   
   

5. 5. Optimizado: El diseño web debe ser optimizado para mejorar su posicionamiento en los motores de búsqueda y facilitar la indexación y difusión en redes sociales.

6. 6. Estructurado: La estructura del diseño web es clave para generar proyectos efectivos, ya que un sitio web requiere una organización específica.

7. 7. Coherente: El diseño web debe ser coherente con el público objetivo, los lineamientos de la marca y los objetivos claros del proyecto.

8. 8. Interactivo: Al ser un entorno web, la interactividad es fundamental para conectar y vincular el sitio con el mundo en línea mediante enlaces y elementos interactivos.

   
   
   

9. 9. Comunicativo: Todos los elementos del diseño web deben comunicar, informar, proponer o promover, utilizando llamadas a la acción, formularios, banners y otros elementos para generar una conexión entre los usuarios y la marca.

10. 10. Altamente funcional: La usabilidad es esencial para un diseño web efectivo, permitiendo que los usuarios naveguen de manera fluida y puedan utilizar todas las funciones del sitio de manera fácil y efectiva.

El diseño web exitoso se puede lograr con herramientas y técnicas adecuadas que permitan optimizar cada proyecto y brindar una experiencia positiva a los usuarios.

2do tema º-

-¿Cuáles son los códigos de color de HTML ?-

Los códigos de colores son representaciones de los colores que vemos en nuestra vida diaria, pero en un formato que los ordenadores pueden interpretar y mostrar. Estos códigos son ampliamente utilizados en sitios web y otras aplicaciones de software, y existen diversos formatos, como los códigos HEX, RGB y HSL, así como nombres de colores HTML, entre otros.

Los códigos de color HEX son los más populares. 

   Estos códigos consisten en seis dígitos hexadecimales, es decir, tres   bytes, donde cada byte o par de caracteres representa la intensidad de los colores rojo, verde y azul, respectivamente.

Por ejemplo:

• El color blanco se representa por el código HEX #FFFFFF, ya que combina la máxima intensidad de los tres colores primarios.
• El color negro, que es la ausencia de color, se representa por el código HEX #000000, ya que muestra la mínima intensidad en cada color.

Entendiendo los conceptos básicos de la notación HEX, podemos crear fácilmente distintos tonos de grises, ya que consisten en igual intensidad de cada color.

También podemos obtener los colores primarios mezclando la máxima intensidad del color deseado con la mínima intensidad de los otros dos colores.

En los navegadores modernos, existe una gama de color de 24 bits, lo que representa 16.777.216 colores diferentes. Puedes utilizar un selector de color para explorar todas estas opciones o utilizar tablas de colores que se centren en paletas específicas, como el diseño plano, el diseño de Materiales o colores seguros para la web.

3er tema º-

-¿Qué es una etiqueta HTML?-

Una etiqueta HTML es una parte fundamental del lenguaje de marcado (HTML). El HTML es un lenguaje informático utilizado en la mayoría de las páginas web y plataformas en línea. A diferencia de los lenguajes de programación, el HTML no crea funcionalidades dinámicas, sino que se enfoca en estructurar y dar formato al contenido textual y visual de una página web.

Cuando se escribe código en HTML, se utilizan etiquetas HTML. Estas etiquetas se componen de varias partes, que incluyen el carácter "<" (menor que), una palabra o carácter que define el tipo de etiqueta, un conjunto opcional de atributos HTML escritos en la forma "nombre = 'valor'", y finalmente el carácter ">" (mayor que).

El HTML ha evolucionado significativamente en los últimos años. Inicialmente, solo contaba con 18 etiquetas, pero en la actualidad existen 142 etiquetas HTML disponibles para crear diversos elementos en una página web. Aunque algunos ordenadores más nuevos pueden no admitir algunas etiquetas antiguas, es importante tener conocimiento de su existencia.

En el año 2014, se introdujo una actualización crucial conocida como HTML5. Esta versión trajo consigo nuevas etiquetas y atributos, así como la inclusión de controles de formularios más avanzados. También se incorporaron etiquetas semánticas que permiten describir mejor el contenido, como <article>, <header> y <footer>, lo que ha mejorado la estructura y accesibilidad de las páginas web.

4to tema º-

-¿Cuáles son las etiquetas que se usan en HTML?-

Hay una serie de etiquetas que son las más usadas para crear cualquier documento HTML, a continuación las explicamos:

• <body> para el contenido
• <head> para información sobre el documento
• <div> división dentro del contenido
• <a> para enlaces
• <strong> para poner el texto en negrita
• <br> para saltos de línea
• <H1>…<H6> para títulos dentro del contenido
• <img> para añadir imágenes al documento
• <ol> para listas ordenadas, <ul> para listas desordenadas, <li> para elementos dentro de la lista
• <p> para parágrafos
• <span> para estilos de una parte del texto