WordPress 04: Descargar Archivos en HTML, Crear Header, Footer y Estilo

Detalles del Tutorial #4 de WordPress

En este tutorial comienzo el proceso de convertir un sitio web hecho en html a WordPress.

Puedes descargar el sitio web de ejemplo entrando a Bootstrap Made.

Ya aquí comenzamos a utilizar los siguientes comando de WordPress:

  • get_header()
  • get_footer()

Puedes conocer más sobre la organización de los archivos entrando a WordPress.org.

Ir al Tutorial #3 de WordPress | Ir al Tutorial #5 de WordPress

WordPress 03: Archivos, Jerarquía y Estructura de WordPress

Detalles del Tutorial #3 de WordPress

Como los archivos de WordPress pueden comenzar a aumentar en número de manera rápida, es muy importante crear una estructura para que no se forme un desorden. Existen varios elementos que debemos tener en cuenta en cuanto a cómo se nombran los archivos dentro del sistema de WordPress. Aquí en el Tutorial #3 te hablo de archivos, jerarquía y estructura de WordPress.

Estructura de los Archivos

Este es un ejemplo de como pudes estructrar tus archivos en WordPress.  Es importante que el archivo de style.css permanezca en el directorio raíz.
assets (dir)
– css (dir)
– images (dir)
– js (dir)
inc (dir)
template-parts (dir)
– footer (dir)
– header (dir)
– navigation (dir)
– page (dir)
– post (dir)
404.php
archive.php
comments.php
footer.php
front-page.php
functions.php
header.php
index.php
page.php
README.txt
rtl.css
screenshot.png
search.php
searchform.php
sidebar.php
single.php
style.css

Puedes conocer más sobre la organización de los archivos entrando a WordPress.org.

Jerarquía de las Páginas en WordPress

Adjunto la imagen que muestra la jerarquía de las páginas en WordPress.

 

 

Puedes leer más sobre la jerarquía de las páginas en WordPress entrando an WordPress.org.

Ir al Tutorial #2 de WordPress | Ir al Tutorial #4 de WordPress

WordPress 02: ¿Cómo Crear una Plantilla o Template en WordPress desde Cero?

Detalles del Tutorial #2 de WordPress

Este es el video #2 del tutorial de WordPress. Aquí te muestro como puedes crear una plantilla o template de WordPress desde cero.

Anatomía del tema de WordPress

Aquí explico la manera en que puedes crear un tema en WordPress, los archivos requeridos para crear el tema y la imagen para que aparezca en la sección de los temas de WordPress.  Dentro de la carpeta del tema creamos los siguentes archivos:

  • index.php
  • style.css
  • screenshot.jpg (tamaño de la imagen: ancho: 1200 x alto: 900)

El encabezado de style.css colocamos lo siguiente (recuerda añadir tus propios valores):
/*
Theme Name:
Theme URI:
Author:
Author URI:
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:
Tags:
*/

Puedes leer más sobre los temas o templates de WordPress en la página de WordPress.org.

Ir al Tutorial #1 de WordPress | Ir al Tutorial #3 de WordPress

WordPress 01 – ¿Cómo Instalar y Manejar WordPress – Nivel Básico?

Detalles de la Instalación de WordPress

La instalación y configuración de WordPress es bastante sencilla y puede tomar unos 5 minutos para tener el sistema de WordPress instalado.

Requerimientos de WordPress

Los requerimientos recomendados para correr WordPress son la versión 7.2 o más del servidor de PHP y la versión 5.6 de MySQL o la versión 10.0 o más de MariaDB. También se recomienda usar el servidor de Apache o de NGINX que es la opción más robusta para correr WordPress. Aunque no son requeridas.

Para descargar los archivos de WordPress puedes acceder a wordpress.org/download.

Ir al Tutorial #2 de WordPress

SEO Checklist (Español)

Optimización de palabras clave

Etiqueta del Título

Importancia:

El título se mostrará en:

  • SERPs (páginas de resultados del motor de búsqueda)
  • Pestañas del navegador web
  • Redes sociales (cuando se comparte la página)

Descripción:

Aunque ahora los motores de búsqueda pueden interpretar el tema de una página sin palabras clave exactas en la etiqueta del título HTML, todavía es de gran importancia.

¿Qué debo hacer?

  • Tenga cuidado con la longitud del título: manténgalo bajo 60 caracteres. Use protectores de caracteres (como “&” y “/”). No uses el BLOQUEO DE CAPS.
  • Use las palabras clave de destino con inteligencia: no sobrepase los títulos con palabras clave, use uno o dos.
  • Coloque palabras clave en la primera parte de una etiqueta de título: cuando los usuarios hojeen los listados de búsqueda, primero verán su información prominente.
  • Use una marca en el título: puede funcionar si su marca es popular: respaldará su contenido.
  • Evite títulos duplicados: los títulos duplicados pueden ser una indicación de contenido duplicado, lo que puede afectar sus clasificaciones de Google.

 

Etiqueta Meta

Importancia:

  • SERPs (páginas de resultados del motor de búsqueda)
  • Redes sociales (cuando se comparte la página)

Descripción:

La descripción proporciona a los usuarios más detalles sobre su contenido y los ayuda a determinar si es relevante para su consulta. Esta vista previa influye en el CTR.

¿Qué debo hacer?

  • Cuidado con la longitud: mantenlo cerca de 155 caracteres.
  • Haga un anuncio de su descripción: escriba una descripción que sirva como un anuncio para su página. Además, los motores de búsqueda resaltan las palabras clave de consulta de los usuarios en negrita en los fragmentos de SERP. Estas palabras en negrita atraen la atención de los usuarios. Por lo tanto, la optimización de su meta descripción para las palabras clave es bastante importante.
  • Evite las descripciones duplicadas: las descripciones duplicadas pueden servir como una indicación de contenido duplicado para los motores de búsqueda.

 

Etiquetas de Encabezado

Importancia:

  • Las etiquetas de encabezado HTML (H1-H6) se utilizan para estructurar el contenido y mostrar su jerarquía dentro de la página.
  • El uso de etiquetas de encabezado ayuda a los motores de búsqueda a comprender mejor el contenido.

Descripción:

Las etiquetas de encabezado proporcionan una estructura para una parte particular del contenido que permite a los visitantes consumir los puntos principales en un corto período de tiempo.

¿Qué debo hacer?

  • Coloque los encabezados en un orden jerárquico: use solo un H1 por página y luego proceda a la estructuración de niveles con H2-H6.
  • Optimice los encabezados de las palabras clave: los encabezados generalmente son puntos principales de su página, por lo que es recomendable incluir sus palabras clave de destino en ellos.
  • Haga que sus encabezados se destaquen: mientras los motores de búsqueda leen sus etiquetas meta, sus visitantes leen texto. Use diferentes tamaños de fuente, formato y estilos para que sus encabezados llamen la atención de los usuarios.

 

Contenido

Importancia:

  • No te clasificarás en los motores de búsqueda sin él.
  • La optimización del contenido durante la creación se realiza asegurándose de que su contenido esté centrado en la audiencia y siga las recomendaciones establecidas en la sección anterior.
  • Hay dos entradas humanas que pueden afectar la forma en que se muestra su contenido en los resultados de búsqueda:
    • Análisis de comportamiento: Google analiza los factores de comportamiento del usuario, como el tiempo de permanencia y el tiempo promedio en la página.
    • Evaluadores de calidad: Google contrata a personas que verifican manualmente sus resultados de búsqueda utilizando pautas de calificación de calidad.

Descripción:

Para que los motores de búsqueda encuentren su contenido, necesitan algunas claves. Las palabras clave son las mejores señales que puedes incorporar en tu página.

  • Útil e informativo: si está lanzando un sitio para un restaurante, puede incluir la ubicación, el horario de atención, la información de contacto, el menú y un blog para compartir los próximos eventos.
  • Más valioso y útil que otros sitios: si escribe sobre cómo entrenar a un perro, asegúrese de que su artículo ofrezca más valor o una perspectiva diferente a los numerosos artículos en la web sobre adiestramiento canino.
  • Creíble: muestre la credibilidad de su sitio utilizando investigaciones originales, citas, enlaces, comentarios y testimonios. La biografía de un autor o los testimonios de clientes reales pueden ayudar a mejorar la confiabilidad y reputación de su sitio.
  • Alta calidad: el contenido de su sitio debe ser único, específico y de alta calidad. No debe ser producido en masa ni subcontratado en una gran cantidad de otros sitios. Tenga en cuenta que su contenido debe crearse principalmente para brindar a los visitantes una buena experiencia de usuario, no para clasificar bien en los motores de búsqueda.
  • Compromiso: añada color y vida a su sitio agregando imágenes de sus productos, su equipo o usted mismo. Asegúrese de que los visitantes no se distraigan con errores ortográficos, estilísticos y de hecho. Una cantidad excesiva de anuncios también puede distraer a los visitantes. Involucre a los visitantes interactuando con ellos a través de actualizaciones regulares, cuadros de comentarios o widgets de redes sociales.

¿Qué debo hacer?

  • Coloque palabras clave en las primeras 100-150 palabras de la página: tanto los usuarios como los motores de búsqueda los encontrarán más rápido de esta manera.
  • Use todo tipo de palabras relacionadas: en la era de la búsqueda semántica, Google no necesita palabras clave exactas para responder a la consulta. Lo único importante aquí es el significado detrás de las palabras. Así que siéntase libre de usar todo tipo de sinónimos y términos relacionados.
  • Mantenga su contenido a una longitud considerada: el contenido más largo generalmente ocupa un lugar más alto, sin embargo, la longitud puede variar de un nicho a otro. Por lo tanto, para comprender qué longitud es lo suficientemente buena, mire las páginas que ya tienen un alto rango para sus palabras clave específicas.

 

Búsqueda interna

Importancia:

  • Cuando su sitio web tiene más de 20 páginas, puede ser una buena idea tener un cuadro de búsqueda en su sitio web.

Descripción:

Una gran cosa acerca de un cuadro de búsqueda es que puede integrarlo con Google Analytics (aquí es cómo) y ver las consultas que los visitantes ingresan en su sitio.

¿Qué debo hacer?

  • Comprenda lo que los usuarios buscan y verifique si lo tiene instalado. Si sigues el liderazgo, reducirás considerablemente las tasas de rebote.
  • Encuentre nuevas ideas de palabras clave en función de las consultas que los usuarios escriben en su cuadro de búsqueda.

 

Open Graph

Importancia:

  • Las etiquetas Open Graph hacen fragmentos de tus enlaces cuando se comparten a través de las redes sociales.

Descripción:

Puede controlar cómo se representa su contenido después de compartirlo en Facebook, Twitter, LinkedIn, etc. Tiene sentido luego optimizar las etiquetas OG para atraer clics y conversiones.

¿Qué debo hacer?

  • Optimice su título y descripción de OG: Como tiene esos trozos especiales de HTML que son utilizados por las redes sociales, en primer lugar, utilícelos, y en segundo lugar, utilícelos sabiamente. Recuerde que estos elementos no se utilizarán en las SERP, por lo que no es tan importante optimizarlos para sus palabras clave, sino dejar que hablen con sus potenciales visitantes.
  • Aproveche al máximo la imagen OG: una imagen hace que un enlace que se puede compartir sea mucho más atractivo, ya que puede requerir algunas asociaciones memorables. Además, es posible colocar texto en la imagen para recapitular el punto principal de su contenido.

 

Optimización visual

Mira los elementos que hacen que tus resultados sean más atractivos para los usuarios. Le da a los motores de búsqueda una señal sólida de que esta página es mucho más adecuada para una consulta en particular.

Schema Markup

Importancia:

  • Tus fragmentos sobresaldrán en SERPs:
  • Clasificaciones de estrellas.
  • Imagenes
  • Número de opiniones.

Descripción:

El Schema Markup es una serie de vocabularios especiales que puede utilizar para marcar sus páginas.

¿Qué debo hacer?

  • Agregue un Schema Markup Helper para implementar un marcado en un sitio web.
  • Prueba con la herramienta para previsualizar tus fragmentos.

 

Multimedia

Importancia:

  • Mejora de la experiencia del usuario, algunos de estos elementos se pueden optimizar para las palabras clave de destino.
  • Imágenes, diagramas, infografías y videos tutoriales para aumentar el tiempo que se pasa en el sitio.

Descripción:

Imágenes, diagramas, infografías y videos tutoriales para hacer que el contenido sea más atractivo.

¿Qué debo hacer?

  • Optimice los atributos alt de las imágenes: elija imágenes útiles (diagramas, infografías, etc.) y agregue el texto alt para ellos. Deje que su descripción amplifique el contexto de su contenido introduciendo palabras clave de destino. De esta manera, hará que sus imágenes sean más visibles tanto para los motores de búsqueda como para los visitantes.
  • Agregue una transcripción de video: En caso de que tenga un contenido bastante delgado, la transcripción del video se convertirá en el contenido adicional en su página. Además, es muy útil cuando los usuarios no pueden ver el video por cualquier motivo o cuando no comprenden algunas partes del mismo.

 

Contenido Above-the-Fold

Descripción:

El término “en la parte superior” proviene de los editores de periódicos y se convierte en un concepto de SEO después de la actualización del diseño de la página de Google, cuando comenzó a penalizar a los sitios por muchos anuncios por encima del pliegue imaginario.

¿Qué debo hacer?

  • Incluso si obtiene una buena cantidad de ingresos por mostrar anuncios en su sitio web, debe recordar que demasiados anuncios pueden tener un impacto negativo en los rankings de búsqueda.
  • Asegúrese de tener suficiente contenido por encima del pliegue.

 

Botones para Compartir en Redes Sociales

Importancia:

La ubicación prominente de los botones de compartir en redes sociales hará que compartir su contenido sea aún más fácil para sus visitantes.

¿Qué debo hacer?

  • Coloque estratégicamente los botones de compartir en redes sociales: estos botones pueden ralentizar el tiempo de carga de su página, así que utilícelos en páginas que sean buenas candidatas para atraer una buena cantidad de tráfico de referencias.

Optimización técnica

Page Speed (Velocidad de la Página)

Importancia:

  • Google parece haber tomado recientemente una decisión estratégica para centrarse en la velocidad, habiendo introducido varias tecnologías y herramientas innovadoras últimamente, por lo que es hora de prestar atención a este aspecto.

Descripción:

La velocidad de la página tiene una gran influencia en la experiencia del usuario, los ingresos y el SEO.

¿Qué debo hacer?

  • Mida y mejore su puntaje de optimización: mida su puntaje de optimización con PageSpeed ​​Insights y siga las mejores prácticas comunes de rendimiento, que constan de nueve reglas sencillas.
  • Familiarícese con el nuevo enfoque de Google para medir la velocidad de la página: entienda de qué se trata el Informe de la experiencia del usuario de Chrome, First Contentful Paint y DOMContentLoaded.

 

Mobile-Friendly

Importancia:

  • Google ya ha comenzado a migrar sitios a indexación móvil. Esto significa que Google buscará primero en su versión móvil cuando rastree, indexe y clasifique sus sitios web, no su versión de escritorio.

Descripción:

La gente está casi siempre en sus teléfonos inteligentes. Una gran cantidad de consultas se realizan en estos dispositivos.

¿Qué debo hacer?

  • Utilice diseño responsivo para su sitio.
  • Ir a través de una lista de verificación de las mejores prácticas para la indexación móvil primero.
  • Responda a la experiencia del usuario: asegúrese de que su sitio (en general) y sus páginas de destino clave (en particular) se carguen rápido tanto en el móvil como en el escritorio, y que todo el contenido se muestre correctamente.

 

Optimización de enlaces

Backlinks (Enlaces de Retroceso)

Importancia:

  • A veces, la página de destino equivocado ocupará el lugar de su página importante porque tiene mayor autoridad en los “backlinks”, que es una señal fuerte relevancia a los motores de búsqueda.

¿Qué debo hacer?

  • Compare los vínculos de retroceso de las páginas en cuestión y verifique si la página incorrecta tiene algunos vínculos de retroceso de alta autoridad.
  • Póngase en contacto con los sitios externos y pídales que se vinculen a la página que necesita.
  • Intenta ganar backlinks de alta autoridad para la página que necesitas.

 

Outbound Links (Enlaces de Salida)

Importancia:

  • La página incorrecta que clasifica puede tener más enlaces externos a sitios de alta autoridad. Por lo tanto, los motores de búsqueda pueden pensar que esta página es un centro de información de calidad y atraerla a los listados de búsqueda.

Descripción:

Los enlaces salientes a páginas externas relacionadas son una señal de relevancia que ayuda a los motores de búsqueda a determinar el tema de su página.

¿Qué debo hacer?

  • Convierta la página correcta en un centro de información de calidad al consolidar en ella todos los enlaces externos a sitios de autoridad sobre un tema en particular.
  • Degradar la página incorrecta que clasifica al eliminar los enlaces a los sitios de autoridad.

 

Internal Links (Enlaces Internos)

Importancia:

  • Es una de las razones más obvias para clasificar la página incorrecta.

Descripción:

Cuando varias páginas de destino del tema (o palabra clave), sus enlaces internos reciben menos valiosa, y los motores de búsqueda no siempre se puede determinar la página más relevante para este tema.

¿Qué debo hacer?

  • Cree un grupo temático: al vincular sus publicaciones sobre un tema en particular, está creando un campo de experiencia en este tema. En este campo de especialización, puede hacer que el rango de la página más prominente sea más alto al vincularlo desde las páginas menos prominentes. Intente usar texto de anclaje optimizado para sus palabras clave cuando enlace a sus otras páginas relevantes para el tema.
  • Utilizar redirecciones 301: Usted puede redirigir a los visitantes de las páginas menos prominentes a los que le gustaría alinear para este tema o palabra clave.

 

 


 

Des-optimización

Es algo raro en un mundo SEO dar consejos sobre cómo degradar las señales de clasificación de su propia página.  Aquí hay un breve plan para este acto de autosabotaje:

Quitar los “Targeted Keywords” (Palabras Clave Dirigidas)

  • A pesar del hecho de que los motores de búsqueda pueden ahora determinar un tema sin palabras clave de concordancia exacta, todavía no le hará daño a eliminar las referencias a las palabras clave específicas. Esto también incluye texto de anclaje que están optimizados para palabras clave.

Fusionar Páginas Similares

  • En caso de que no desee devaluar una página mal clasificada, ya que todavía contiene información valiosa y enlaces entrantes, puede considerar la combinación de estas páginas para crear una página maestra sobre este tema.

Canonizar

  • Si tiene un par de páginas con contenido casi idéntico, use rel = canonical para informar a los motores de búsqueda qué página es más importante. Evitará que tenga contenido duplicado y lo salvará de la canibalización de palabras clave.

Sin índice

  • Esta medida se puede tomar para aquellas páginas que aún son valiosas para sus visitantes, pero no las necesita para clasificar en los resultados de búsqueda.
  • Por ejemplo, es cierto para las páginas de categoría de blog. No desea que se indexen y, potencialmente, terminen en resultados de búsqueda en lugar de en sus páginas mucho más útiles.
  • Simplemente use la meta etiqueta de robots en su HTML para no indexar dichas páginas.

Borrar

  • Contenido delgado y roba tráfico de una página similar, pero mucho mejor.
  • Sin valor para sus visitantes.
  • Antes de eliminar, asegúrese de que esta página no tenga vínculos de retroceso ni enlaces internos importantes. Además, agregue un redireccionamiento 301 desde esta página a uno similar que le gustaría clasificar.

 


 

Extraído y traducido de las fuentes:

 

 

¿Cómo Crear Una Landing Page Efectiva?

¿Qué es una Landing Page?

Una landing page es una página de aterrizaje diseñada para atraer a los prospectos clientes. Por lo general, esta página tiene una llamada a la acción, sea para generar una llamada telefónica, registrarse para un evento, entre otras acciones. Esta landing page se comunica directamente de los prospectos clientes pertenecientes a un segmento de mercado reducido o nicho, lo cual, permite llevar un mensaje enfocado en las necesidades particulares de este mercado.

¿Cuál es el Propósito de una Landing Page?

La idea de una landing page, específicamente para convertir visitantes en prospectos. Se desea llevar un mensaje corto y preciso, respondiendo a las preguntas más básicas que se tiene sobre algún producto o servicio. Esta landing page está diseñada para guiar al prospecto para que realice una acción, que permitirá cumplir con el objetivo estratégicamente planificado.

Pero, ¿Por qué hacer una Landing Page, si tengo un Sitio Web?

En un sitio web, contiene la información de tus productos o servicios. Sin embargo, una landing page está más enfocada en una campaña que corre por un periodo de tiempo. También puedes comunicar los distintos componentes y especificaciones de un producto o servicio.

Una landing page es como un trailer de una película su objetivo es contar una historia, de una manera relevante y emocionante que el haga que la persona desee comprar una taquilla para el estreno. Utilizando esta misma analogía, una landing page cuenta la historia de un producto o servicio, no es una venta directa, más bien es como poder hacer que la persona desee accionar a llamar o dejar su información.

En una landing page no debe de haber distracciones, ni múltiples llamadas a la acción. No debe de tener enlaces que saquen al usuario de la historia que se está contando y debe ser interesante y atractiva, que brinde confianza y de gusto navegar.

¿Cómo Crear Una Landing Page Efectiva?

Lo que deseamos es poder llevar a un visitante al punto de convertirse en un prospecto cliente. Esta página nos ayudará a incrementar el por ciento de conversión.

• Debemos conectar los analíticos para poder medir las acciones y conversiones de la página.

• Lo primero que deben de encontrarse los visitantes es tu “Elevator Pitch”:

“Un elevator pitch es una presentación corta que se utiliza para darnos a conocer a nosotros, nuestra empresa, productos y servicios, etc. La idea es presentarte a ti y a tus servicios de manera que despiertes el interés de la persona con la que estés comunicando.”

• Debes diseñar una landing page que sea irresistibles.

“Para esto debes de visitar otras landing pages para que tengas una idea. Es muy importante que se vea profesional y que comunique lo que realmente deseas.”

• Los formularios deben de ser lo más reducido posible.

“Recuerda que no es una venta, lo que deseas es tener un contacto con la persona para luego continuar una relación. Mientras más información solicites, menos personas la llenarán”

• Utiliza un formato estilo bosquejo con listas y “bullets”.

• Evita los errores ortográficos.

“Esto puede afectar la percepción de los visitantes sobre lo que estás mostrando.”

• Construye tu Credibilidad.

“Utiliza los premios que has obtenido, los testimoniales, las calificaciones y los comentarios positivos de tus clientes.”

• Utiliza Videos.

“Si tu presupuesto te lo permite, crea un buen video. Este video puede comunicar en 1 o 2 minutos lo que deseas mostrar.”

• Optimiza el Tiempo de Carga de la Página

“Somos impacientes por naturaleza y si la página se toma más de 3 segundos en mostrar algo nos vamos. Además el algoritmo de Google lo ve con buenos ojos para calificarte en el SEO”

• Si colocas un número telefónico, debe poderse oprimir para llamar “Click To Call”.

• El diseño debe de estar optimizado para equipos móviles

“La landing page debe de diseñarse con la mentalidad del equipo móvil primero mobile first.  El comportamiento de las personas ha cambiado drásticamente, ya su primera conexión con tu información es muy probable que sea con su equipo móvil.”

Si la información te ha sido útil, puedes compartirla con tu red de amistades.  ¡Hasta la próxima!

¿Cómo Crear Enlaces Dentro de la Misma Página?

Segunda parte del comentario que José dejó en uno de los videos de YouTube: “Me gustaría saber como se hace para tener ese pequeño triángulo que aparece en la parte central inferior de la pantalla en la página, es para que al dar clic Envíe a la sección siguiente.”

1ra parte: https://lopezpagan.com/como-alinear-imagen-en-div-verticalmente-con-css-y-html/

 

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/coY906cABsY

¿Cómo Alinear Imagen en DIV Verticalmente con CSS y HTML?

¿Cómo Alinear Imagen en DIV Verticalmente con CSS y HTML? surge del comentario que José dejó en uno de los videos de YouTube: “Me gustaría saber como se hace para tener ese pequeño triángulo que aparece en la parte central inferior de la pantalla en la página, es para que al dar clic Envíe a la sección siguiente.”

Este video responde a la primera parte de la pregunta.

2da parte: https://lopezpagan.com/como-crear-enlaces-dentro-de-la-misma-pagina/

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/gnj6e6Hmfa0

Diseño de Páginas Web en Puerto Rico

Páginas Web

Las páginas web se han vuelto una pieza fundamental a la hora de comenzar un negocio. Todo negocio incluyendo un negocio tradicional debe tener una página web. Una página web para negocios es la base fundamental para comunicar su propuesta de valor, mostrar su servicios y expresar los beneficios de sus productos. Continue reading “Diseño de Páginas Web en Puerto Rico”

¿Qué es un Banner de Publicidad?

Definición de lo que es un Banner de Publicidad.

Un web banner es un formato de anuncio publicitario en una publicación online. Esta forma de publicidad por internet consiste en incluir una pieza publicitaria dentro de una página web. Continue reading “¿Qué es un Banner de Publicidad?”

¿Cómo Organizar el Diseño de un Web Banner Publicitario en Illustrator?

Si eres diseñador, este tutorial te ayudará a organizar los elementos del diseño de un web banner publicitario realizado en Adobe Illustrator. Puedes hacerlo en Adobe Illustrator o en Adobe Photoshop.  Si eres diseñador, este tutorial te ayudará a organizar los elementos del diseño de un web banner publicitario realizado en Adobe Illustrator. Puedes hacerlo en Adobe Illustrator o en Adobe Photoshop.

¿Qué es Flexbox y Cómo se Utiliza?

¿Qué es Flexbox?

Un modo de estructura en CSS3 que provee una forma sencilla y limpia de organizar los elementos en un contenedor.

  • NO USA FLOATS
  • Es adaptable y “mobile-friendly”
  • Posicionar los elementos-hijos es más sencillo
  • Los márgenes del contenedor de Flex no colapsan con los márgenes de su contenido
  • El orden de los elementos puede ser cambiado de manera sencilla sin cambiar el código de HTML.

Esta presentación explica qué es Flexbox y cómo se utiliza. Contiene varios ejemplos y enlaces como recursos.


Descarga la presentación / diapositiva: https://www.slideshare.net/lopezpagan/que-es-flexbox-y-como-se-utiliza