Ir al contenido principal

Estructura de una pagina web

Las partes de una pagina web, va en función de la estructura y distribución del contenido, a pesar de la gran variedad de diseños en las paginas web hay un patrón que tiende a repetir.

Estructura web.

imagen del blog 

Cabecera o header.

Se encuentra en la parte superior de la pagina web y es consistente en todo el sitio, es decir, se repite en cada página de la web que se visite.

Los elementos que conforman la cabezacera son:

  • Logo de la empresa
  • El menú de navegación
  • Un cuadro de búsqueda

Cuerpo o body.

Contenido principal de cada una de las páginas y distribución de imágenes o iconos.

Pie de página o footer.

  • Logotipo de la empresa.
  • Información de contacto (dirección, número de empresa principal).
  • Iconos de redes sociales.
  • Enlace para políticas de privacidad, términos y condiciones, etc. 

 

Esquema de una pagina web.

Es la parte de como se distribuye en función del contenido por secciones.

imagen del blog

Página de inicio.

  • Frase que identifique a la empresa.
  • Una galería de imágenes de la empresa.
  • Resumen de los servicios que ofrece.
  • Experiencia.

Página de presentación de la empresa.

  • Descripción de quienes somos.
  • Misión.
  • Visión.
  • Valores.
  • Presencia de la empresa en otros países, estados, etc.

Página  de servicios o productos.

  • Servicios que ofrece pequeña descripción.
  • Video o imágenes acorde al servicio.
  • Características del servicio.
  • Ventajas del servicio.
  • Imágenes de la implementación del servicio.

Página de contacto.

  • Todas las posibilidades de poder contactarte con la empresa.
  • Formulario de contacto
  • Mapa de ubicación de la empresa 

 Página de políticas de privacidad, términos y condiciones, etc.

  • Políticas de información del cliente, cookies, etc. 

Blog.

Es indispensable para una estrategia de contenidos, pieza clave para mejorar el posicionamiento orgánico en Google y ganar visitas a tu sitio web.

  • Formulario de suscripción.

Comentarios

Entradas populares de este blog

Cómo cambiar al navegador BRAVE a español u otro idioma.

C uando se descarga el navegador bravo por default esta en ingles pero si tu lo quieres cambiar a español, sigue estos simples pasos. ➤ Paso 1: Abre el navegador y en la parte inferior derecha clic en configuración (settings). ➤  Paso 2: Selecciona languages. ➤  Selecciona la flecha que se  muestra en la captura anterior y se despliega  lo siguiente: ➤   Paso 3: Selecciona Add languages. Busca el idioma español o cualquier otro idioma que quieras añadir. Además puedes añadir tantos como quieras. A continuación se muestra como se ve al seleccionar el idioma de español: Ahora para que el primer idioma sea español selecciona como se muestra a continuación y da clic en Move up para mover arriba o   Move down  abajo con las opciones que están a la derecha de cada idioma y que se ve seleccionado en la siguiente captura: ¡ Listo ahora el idioma  de nuestro navegador  estará  en español ! Además podrás seleccionar la opción de “...

Cómo hace un slider con FIGMA

 A continuación te explico paso a paso como lograr un slider con figma , rápido y sencillos. ➤ Paso 1: Selecciona el frame de tu preferencia, en mi caso seleccioné Desktop 1440 x 1024. ➤   Paso 2:  Agrega todo el contenido que quieras que se visualice en tu slider, en mi caso agregue lo siguiente como se muestra en la siguiente captura . ➤   Paso 3:  Como se muestra en la captura vas a seleccionar Rectangle .    En tu frame en la parte inferior vas agregar tres rectangle con las siguentes medidas w(ancho): 90 y h(altura):6 como se muestra en la captura.  El primer rectangle (rectangulo) debe tener las siguientes características.  Los siguientes dos rectangles (rectangulos) deben tener las siguientes características.  ➤   Paso 4: Ahora vas a duplicar el primer frame como se muestra e la captura. Ahora procederemos a cambiar la información y la imagen como se muestra en la captura. Muy bien, el siguiente paso es camb...

Comandos básicos de Git

  Cambiar tu nombre de usuario:  git config --global user.name "user name" Cambiar correo electronico:  git config --global user.email "correo" Para saber en qué estado están los archivos antes de hacer git add o git commit git status  Los c ambios que quieres incluir en el próximo commit git add archivo (agrega un archivo en específico) git add . (agrega todos los cambios) Hacer el commit  git commit -m "Mensaje del commit" Ejemplo : git commit -m "[ADD] modulo" git commit -m "[FIX] modulo" git commit -m "[UPDATE] modulo" Subir tus cambios (commits) git push origin nombre_rama Actualizar una rama git pull origin nombre_rama Cambiar de rama git checkout nombre_rama Crear rama y cambiarte git branch -b nombre_rama Regresar al commit anterior sin perder los cambios git reset HEAD~1 Quitar un archivo en especifico que no quieras subir a un commit git restore --staged archivo Cambiar el mensaje de un commit  git commit --amend -m ...