Páginas o Sitios Web

 

Header
El header o cabecera de una página web es el término que hace referencia a la parte superior de un sitio web. Al ser lo primero que el usuario visualiza, debes tener en cuenta dos cosas. Primero, que los usuarios puedan navegar fácilmente por él. Y, segundo, ofrecer información relevante sobre tu identidad para conectar lo antes posible con tus visitantes.
A grandes rsgos, estos son los elementos que habitualmente forman la cabecera de una web. 

Logo

Si deseas construir una marca, entonces el logo es una parte importante de tus esfuerzos de marca. El logotipo de tu marca ayuda a representar a tu empresa y la hace reconocible y memorable tanto para los clientes existentes como para los potenciales. Normalmente, los logos dentro de una página web se encuentran en el encabezado, ya sea en la parte superior izquierda, o en el centro, y están vinculados a la página de inicio.

Menú o navegador

El menú es el mapa del sitio que ayuda a los visitantes a encontrar lo que buscan, ya sea la tienda online de tus productos, o alguna información sobre tu empresa. Existen diferentes tipos de menús en una página web, los más comunes aparecen en el encabezado. Por lo general, el menú contiene las subpáginas más importantes, como la página de quiénes somos, la página de contacto y elementos principales como la tienda y el blog.

Body

El cuerpo (BODY) es la segunda y última de las dos partes en que se estructura un documento HTML. Por supuesto es obligatoria, ya que es aquí donde reside el verdadero contenido de la página, y por tanto, al contrario de la HEAD sí se ve cuando navegamos por ella.

Como ya habrás visto, los navegadores, por defecto, presentan el texto de una página ajustando los contenidos a la esquina superior izquierda de la pantalla. El elemento BODY tiene parámetros que permiten modificar los márgenes por defecto. Lo malo es que cada navegador los interpreta de una manera.

Footer

Un footer funciona como una red de seguridad para los usuarios que no han podido encontrar la información que necesitan en otras secciones de tu página web. Por ejemplo, al proporcionar un enlace a tu política de devoluciones o un formulario de contacto, puedes evitar que algunos visitantes abandonen tu ecommerce y nunca regresen.

En esta publicación, explicaremos qué es un footer y por qué es importante para la experiencia del usuario.

El footer es la sección de contenido que se encuentra en la parte inferior de una página web. Por lo general, contiene un aviso de derechos de autor, un enlace a la política de privacidad, un mapa del sitio, un logotipo, información de contacto, iconos de redes sociales y un formulario de registro por correo electrónico. En resumen, un pie de página contiene información que favorece la usabilidad general de un sitio web.

HTML

Una página HyperText Markup Language o HTML es un documento de texto con marcas. Forma parte del lenguaje utilizado para la elaboración de sitios web y hace referencia a los enlaces que conectan páginas web entre sí, dentro de un único sitio o varios.

Las marcas utilizadas en HTML sirven para etiquetar diferentes elementos dentro de un página web: imágenes, texto, videos, entre otros.

• 
  

CSS

Las hojas de estilo en cascada (CSS, cascading style sheets) permiten crear páginas web atractivas. Pero ¿Cómo funcionan realmente? En este artículo explicaremos qué es el CSS con un ejemplo de sintaxis sencillo y describiremos algunos términos clave sobre este lenguaje. 

En el módulo Introducción al HTML, exponemos qué es el HTML y cómo se usa para definir documentos destinados a leerse en un navegador web. Los títulos se verán más grandes que el texto y los párrafos empezarán en una línea nueva y habrá un espacio entre ellos. Los enlaces aparecerán en un color diferente y subrayados para distinguirlos del resto del texto. Vienen predeterminados por el navegador y, en la práctica, son estilos muy básicos que el navegador aplica al HTML para asegurarse, básicamente, de que sean legibles incluso si el autor de la página no especifica un estilo explícito.

JavaScript

JavaScript es un lenguaje de programación lo que significa que tiene variables, funciones, ciclos y condicionales entre otras características. A través de este podemos modificar los elementos html del documento, procesar y validar datos del usuario o hacer peticiones de recursos al servidor.

JavaScript es un lenguaje de programación que los desarrolladores utilizan para hacer páginas web interactivas. Desde actualizar fuentes de redes sociales a mostrar animaciones y mapas interactivos, las funciones de JavaScript pueden mejorar la experiencia del usuario de un sitio web.

Back-end

Este término es utilizado para referirse al área lógica de toda página web. Nos referimos a la arquitectura interna del sitio que asegura que todos elementos desarrollen la función correcta. No está visible a ojos del usuario y no incluye ningún tipo de elemento gráfico.

Es la función de ingeniería a desarrollar por el programador, ya que se basa únicamente en el código interno de la página. Esta área es la encargada, además de la funcionalidad del sitio, de la seguridad y la optimización de los recursos.

En otras palabras, el Back-End es la parte o rama del desarrollo web encargada de que toda la lógica de una página funcione. Consiste en el conjunto de acciones que pasan dentro de una web, pero que no podemos ver. Un ejemplo de esto es la comunicación con el servidor.

Web server

Un servidor web (server) es un ordenador de gran potencia que se encarga de “prestar el servicio” de transmitir la información pedida por sus clientes (otros ordenadores, dispositivos móviles, impresoras, personas, etc.)

Los servidores web (web server) son un componente de los servidores que tienen como principal función almacenar, en web hosting, todos los archivos propios de una página web (imágenes, textos, videos, etc.) y transmitirlos a los usuarios a través de los navegadores mediante el protocolo HTTP (Hipertext Transfer Protocol).

El rol principal de un servidor web es almacenar y transmitir el contenido solicitado de un sitio web al navegador del usuario.

Este proceso, para los internautas no dura más que un segundo, sin embargo, a nivel del web server es una secuencia más complicada de lo que parece.

Lenguajes de programación

En informática, se conoce como lenguaje de programación a un programa destinado a la construcción de otros programas informáticos. Su nombre se debe a que comprende un lenguaje formal que está diseñado para organizar algoritmos y procesos lógicos que serán luego llevados a cabo por un ordenador o sistema informático, permitiendo controlar así su comportamiento físico, lógico y su comunicación con el usuario humano. Dicho lenguaje está compuesto por símbolos y reglas sintácticas y semánticas, expresadas en forma de instrucciones y relaciones lógicas, mediante las cuales se construye el código fuente de una aplicación o pieza de software determinado. Así, puede llamarse también lenguaje de programación al resultado final de estos procesos creativos.

La implementación de lenguajes de programación permite el trabajo conjunto y coordinado, a través de un conjunto afín y finito de instrucciones posibles, de diversos programadores o arquitectos de software, para lo cual estos lenguajes imitan, al menos formalmente, la lógica de los lenguajes humanos o naturales.

Front-End

Es la parte que ve el usuario y en la que sí se incluyen, al contrario que en Back-End, la línea de diseño y los elementos gráficos de la página. De ahí que su nombre sea Front (Parte frontal: la parte que sí se ve). Será aquí donde se incluyan los estilos, los colores, los fondos, tamaños y las animaciones del sitio web.

Para conseguir todas estas funciones, es necesario trabajar sobre el código de la página, al igual que en el caso anterior. No obstante, trabaja con otro tipo de lenguajes, más cercanos a la comprensión y la interacción del usuario.

Estos especialistas son los encargados de maquetar la estructura semántica del contenido, a través del lenguaje de HTML, simplificar todo en hojas de estilo con CSS y permitir que el usuario interactúe con nuestra web gracias a JavaScript.