# Curso básico Websencia

## Las bases de la Web

### Front-end. Es la interfaz (páginas que ve el usuario)
* HTML. Describe la estructura de los elementos de la página
* CSS. Permite establecer el estilo (colores, bordes, fuentes, etc.) a todos, alguno o un solo elemento HTML.
* Javascript. Proporciona la funcionalidad del lado del navegador, para validaciones, efectos, etc.
* Frameworks. Proporcionan un conjunto probado y ampliamente utilizado de estilos y código Js que facilitan la construcción y uniformidad de los sitios Web. Websencia no está limitado a un Framework en particular, pero se ofrecen de forma predeterminada plantillas basadas en bootstrpa 5.0, es posible que en el futuro se incluyan otros también (como VUE por ejemplo).

### Back-end. 

Es la funcionalidad del lado del servidor, es decir el código que afecta bases de datos por ejemplo y que en el caso de Induxsoft, está mayormente escrito en Devkron, pero hay una infinidad de lenguajes como PHP, C#, Java, Go, etc.

### HTTP

Es el protocolo que permite la comunicación entre el cliente (navegador/agente del usuario ) y el servidor.

## ¿Qué es Websencia?

Websencia es una herramienta para facilitar la construcción de páginas Web a través de:

* Un diseñador basado en bloques, propiedades y capas que permite “arrastrar y soltar” elementos para evitar la necesidad de codificar todo en HTML/CSS.
* Un editor de código de HTML, CSS y Javascript para ofrecer la máxima flexibilidad al desarrollador
* Un mecanismo de generación de páginas basado en plantillas para obtener sitios Web profesionales con menos esfuerzo.

## Ventajas de usar Websencia
* Construyes sitios Web fácilmente, pero que son compatibles para alojarse en cualquier servidor, porque obtienes el código completo. A diferencia de soluciones como Wix, en donde nunca podrás mover tus páginas.
* Ahorras tiempo ya que puedes simplemente tomar una plantilla y acondicionarla arrastrando y configurando sus elementos
* Aprendes, porque al ir usando la interfaz conocerás y podrás aprender sobre las tecnologías subyacentes.

## Trabajando con Websencia
* Crear una cuenta y empezar un proyecto
* Arrastrar y soltar bloques
* Trabajar con capas
* Trabajar con propiedades y eventos
* Ver y modificar el HTML
* Ver y modificar el CSS
* Meta-tags (cómo establecerlas y para qué sirven)
* Sitios con múltiples páginas
* Publicar un sitio Web
    * Descargar como ZIP
    * Alojar el sitio con Induxsoft