Diseño y Estilo de Publicaciones en Páginas Web
Clase 28 de 31 • Curso de Introducción a Laravel 9
Contenido del curso
Fundamentos de Laravel
- 3

Comandos básicos de Artisan en Laravel
04:23 min - 4

Desarrollo de Rutas Web en Laravel: Creación y Configuración
06:45 min - 5

Configuración de Vistas en Laravel con Blade
07:02 min - 6

Creación de Plantillas en PHP para Vistas Eficientes
06:04 min - 7

Controladores en Laravel: Organización de Rutas y Peticiones
07:17 min - 8

Migraciones de Base de Datos en Laravel: Creación y Control de Versiones
07:02 min - 9

Creación y Configuración de Modelos y Factories en Laravel
06:57 min - 10

Manejo de Bases de Datos con Eloquent en Laravel
08:26 min - 11

Relaciones de Tablas en Laravel: Usuarios y Publicaciones
05:38 min
Manos a la obra con nuestro proyecto
- 12

Revisión de Controladores y Vistas en Proyectos Web
02:15 min - 13

Instalación y Configuración del Sistema de Inicio de Sesión en Laravel
05:41 min - 14

Modificación de Rutas en Sistema de Inicio de Sesión Web
04:22 min - 15

Configuración de Rutas y Controladores en PHP Artisan
04:00 min - 16

Desarrollo de Vistas y Controladores con Paginación en PHP
04:36 min - 17

Eliminar datos con formularios seguros en Laravel
04:54 min - 18

Configuración Inicial para Creación y Edición de Registros en Platzi
06:49 min - 19

Desarrollo de Formularios Seguros en Laravel
05:02 min - 20

Creación y Configuración de Registros en Base de Datos
06:06 min - 21

Método Update: Editar Formularios y Redirecciones en Platzi
01:44 min - 22

Validación de Formularios y Manejo de Errores en Platzi
04:43 min - 23

Validación de Registros Únicos en Controladores de PHP
05:32 min
Trabajemos en el diseño web de nuestro proyecto
- 24

Diseño de Área Pública con Imágenes y CSS en Tailwind
06:38 min - 25

Diseño de Gradientes y Estilos con Tailwind CSS
03:50 min - 26

Implementación de Página Home en Laravel con Diseño Personalizado
06:36 min - 27

Diseño de Publicación Individual: Estructura y Estilo CSS
04:15 min - 28

Diseño y Estilo de Publicaciones en Páginas Web
Viendo ahora - 29

Configuración de Formulario de Búsqueda en PHP y HTML
04:18 min - 30

Optimización y depuración en Laravel con Composer
06:12 min
Cierre
¿Cómo crear una página de publicación individual?
Crear una página de publicación individual es esencial para visualizar detalladamente el contenido de cualquier publicación. Permítenos guiarte en este proceso y mejorar tus habilidades de desarrollo web mientras consolidamos una base sólida. Prepárate para aprender a transformar un sitio simple en una plataforma dinámica y atractiva.
¿Cómo configurar el editor?
El editor es la herramienta principal con la que trabajarás para estructurar y dar forma a tu página de publicación. Aquí te indicamos los pasos:
- Asegúrate de que tu editor esté correctamente encendido antes de comenzar.
- Dirígete a la página de inicio, ya que desde allí completarás los enlaces necesarios que permiten la navegación hacia las publicaciones individuales.
¿Cómo agregar el enlace a la publicación?
Para que los usuarios puedan acceder a publicaciones específicas desde la página principal, debemos agregar enlaces eficaces y organizados:
- Usa una estructura de URL amigable utilizando "llaves llaves" y pásales como parámetros el campo que quieras mostrar.
- Al actualizar, verifica que la información se visualize adecuadamente.
¿Cómo mejorar el diseño de la página de publicación?
Un diseño bien pensado es fundamental para la experiencia del usuario. Aquí te dejamos algunas pistas para organizar un diseño atractivo y funcional:
- Crea un
divcon clases específicas:- Coloca una anchura máxima de
3 XL. - Centra el contenido dentro del
div.
- Coloca una anchura máxima de
- Mueve y organiza la información dentro de este
divpara optimizar la presentación visual. - Define las clases para los elementos dentro del
div:- Para el título, utiliza un texto
5 XLcon un margen inferior denivel 8. - Para el contenido, asegúrate de que el texto sea
LGy de un grisnivel 700para mejorar la lectura.
- Para el título, utiliza un texto
¿Qué hacer después de actualizar los cambios?
Una vez corregidos los estilos y diseńo según nuestra estructura sugerida, actualiza la vista en tu navegador para confirmar que los cambios cumplen tus expectativas. Recuerda que la práctica constante y la revisión integral darán como resultado un portal más amigable y estéticamente viable para el usuario.
Esta práctica no solo fortalecerá tus habilidades técnicas, sino que abrirá un espectro nuevo de aplicaciones para tus proyectos futuros. Mantente motivado y continúa explorando, cada clase es un paso hacia el desarrollo profesional. ¡Te esperamos en la siguiente lección!