ACT 13 - CONCEPTOS DE UNA PAGINA WEB

ELEMENTOS DE UNA PAGINA WEB Y SU DESARROLLO

ELEMENTOS

1. Header (Encabezado):

El header o cabecera es la parte superior de las páginas web de un sitio. En este se colocan los elementos más importantes de la navegación, como el menú principal; y los de la marca en sí, como el logo, los iconos de las redes sociales, etc.

-Logotipo: La imagen que representa a la marca o empresa.

-Menú de navegación: Enlaces a las diferentes secciones de la página web.

-Información de contacto: Datos de contacto como la dirección, el teléfono y el correo electrónico.

-Barra de búsqueda: Permite a los usuarios buscar información específica dentro de la página web.

2. Body (Cuerpo):

El uso principal del elemento body es para escribir el contenido visible en una página web. Esto incluye texto, imágenes, videos, enlaces, formularios y mucho más. Todo el contenido que se muestra en la ventana del navegador se define dentro de la etiqueta body.

-Contenido principal: El contenido principal de la página web, como artículos, productos, imágenes o videos.

-Barra lateral: Elementos adicionales como anuncios, banners o información de interés.

-Llamado a la acción: Botones o enlaces que invitan al usuario a realizar una acción, como comprar un producto o suscribirse a un boletín informativo.

3. Footer (Pie de página):

El pie de página es la parte inferior de un sitio web. Este espacio puede incluir contenido HTML diverso: imágenes, texto y enlaces de interés (redes sociales, blog, llamada a la acción o cualquier otra opción).

Información legal: Datos como la política de privacidad, los términos y condiciones y el copyright.

Enlaces a redes sociales: Enlaces a los perfiles de la marca o empresa en las redes sociales.

Mapa del sitio: Un listado de todas las páginas de la web.

DESARROLLO DE UNA PAGINA WEB

En un mundo cada vez más digital, el desarrollo web se ha convertido en una habilidad esencial para cualquier persona interesada en crear sitios web y aplicaciones online. 

El diseño web implica trabajo relacionado con el layout y diseño de páginas online, así como la producción de contenido, aunque generalmente se aplica a la creación de sitios web. En este caso, los diseñadores web crean las páginas utilizando lenguajes de marcado como HTML o XML.

CLASIFICACIÓN

Un sitio web puede clasificarse de diferentes formas. Para cuestiones de desarrollo web principalmente se divide en dos partes. 

Frontend. Es la parte que interactúa con el usuario, tanto en imagen como en función. Por ello está íntimamente relacionada con la experiencia del usuario (UX) y la interfaz de usuario (IU). 

Backend. Se refiere a la parte que está en contacto directo con el servidor; es donde se aplica el código de programación para crear la estructura. Permanece en un segundo plano a cargo de la accesibilidad, actualización, bases de datos y cambios del sitio.

Diferencia entre diseño y desarrollo web

Una vez definido el frontend y el backend es más sencillo distinguir la diferencia entre ambos conceptos. 

El diseño web está relacionado con el frontend, pues se encarga de definir la apariencia estética del sitio web.

Los diseñadores web se enfocan en crear la apariencia y la experiencia del usuario en el sitio, utilizando una paleta de colores y herramientas como Adobe Photoshop, Sketch o Figma. En específico, se centran en aspectos como la imagen, gama de colores, cómo se verá el contenido, incluyendo texto, videos, fotografías, iconos, botones, menús, barras y demás elementos. Su objetivo es que el sitio sea fácil de entender y usar. 

Por otro lado, el desarrollo web va de la mano del backend. Se asegura de que el código que sostiene la estructura sea funcional y a su vez lógico. También se hace cargo de la gestión de contenido y la base de datos de la web.

Se refiere a la parte técnica de la construcción del sitio web. Los desarrolladores web se enfocan en la codificación y programación del sitio web utilizando lenguajes como HTML, CSS, JavaScript y otros. Su objetivo es que el sitio responda correctamente a las interacciones que realice el usuario en él y concretar un stack tecnológico adecuado.

ETAPAS DEL DESARROLLO DE UNA PAGINA WEB

• 1. Planificación:
  

-Definir los objetivos de la página web.
-Identificar al público objetivo.
-Seleccionar el tipo de contenido que se va a ofrecer.
-Elegir el nombre de dominio y el alojamiento web.

• 2. Diseño:
  

-Crear un diseño atractivo y funcional.
-Elegir la paleta de colores y la tipografía.
-Diseñar el logotipo y los elementos gráficos.

• 3. Desarrollo:
  

-Codificar la página web utilizando lenguajes como HTML, CSS y JavaScript.
-Optimizar la página web para los motores de búsqueda.
I-mplementar medidas de seguridad.

• 4. Pruebas:
  

-Probar la página web en diferentes navegadores y dispositivos.
-Corregir errores y optimizar el rendimiento.

• 5. Lanzamiento:
  

-Publicar la página web en internet.
-Promocionar la página web en redes sociales y otros canales.

• 6. Mantenimiento:
  

-Actualizar el contenido de la página web con regularidad.
-Monitorizar el rendimiento de la página web.
-Realizar copias de seguridad de la página web.

HERRAMIENTAS PARA EL DESARROLLO DE UN WEB

Existen diversas herramientas que facilitan el desarrollo de una página web, como:

Plantillas: Diseños predefinidos que se pueden personalizar.

Constructores web: Plataformas que permiten crear una página web sin necesidad de conocimientos de programación.

Sistemas de gestión de contenidos (CMS): Plataformas que permiten crear y gestionar una página web de forma dinámica.

Fuentes:https://blog.hubspot.es/website/que-es-desarrollo-web

ACTIVIDAD EN CLASE

CONCLUSIÓN

En conclusión, para desarrollar un sitio web se requiere tiempo y esfuerzo lo cual genera grandes costo para su desarrollo, pero con la llegada de los CMS nos permitió crear, clasificar y publicar cualquier tipo de información de manera práctica e interactivo por lo cual genero un ahorro de tiempo en la hora del desarrollo del sitio web.