Configurar Archivos Estáticos (Static Files) (CSS, JS, Imágenes y Fuentes) | Curso Django 🦄 # 15
ฝัง
- เผยแพร่เมื่อ 8 ก.พ. 2025
- Aprende a configurar tu proyecto de Django para añadir archivos estáticos (static files), como pueden ser documentos CSS (Cascading Style Sheet), JS (JavaScript), imágenes y fuentes.
#cursoDjango #tutorialDjango #aprenderDjango
CURSO DE PYTHON 3 🐍 :
• Curso de Python 3 desd...
CURSO DE DJANGO 🦄 :
• Curso Django desde 0 🦄...
SÍGUEME ✅ !
** Curso Udemy Bases de datos con MySQL: bit.ly/2vtrUg9
** INSTAGRAM: / uskokrum2010
** FACEBOOK: / uskokrum2010
** TWITTER: / uskokrum2010
** SITIO WEB: uskokrum2010.com
** SUSCRÍBETE: / uskokrum2010
🔴 ¿No quieres perderte los nuevos videos del canal? Únete a nuestro grupo de Telegram ▶ : t.me/uskokrum2...
Otros cursos GRATUITOS ✅ :
HTML: • Curso de HTML desde 0 ...
JAVA: • Curso de Java desde 0 ...
SQL SERVER: • Curso de SQL Server de...
C#: • Curso de C# (C Sharp) ...
PHP y MySQL: • Curso de PHP y MySQL d...
VISUAL BASIC .NET: • Curso de Visual Basic ...
JAVASCRIPT: • Curso de JavaScript de...
jQuery: • Curso jQuery desde 0 🌐...
CÓMO EDITAR CON CAMTASIA STUDIO 8: • CÓMO UTILIZAR CAMTASIA...
CÓMO USAR ZOOM PARA CLASES VIRTUALES: • Cómo Usar ZOOM Para CL...
curso django
tutorial django
django en español
instalación django
framework python
framework django
marco de trabajo django
framework web
python web
django web
cómo usar django
como usar el framework django
website python
pagina web python
sitio web python
python
python youtube
python tutorial
python programacion
python para principiantes
python desde cero
curso python
python curso
tutorial python
python gratis
python avanzado
aprender python
aprendiendo python
curso de python
tutorial de python español
curso python español
python español
interprete python
python django
python pip
package installer for python
pycharm
pycharm jetbrains
python dictionary
python built in functions
python list
python tuple
python string to int
python poo
programacion orientada a objetos python
python clases
python objetos
objetos en python
python herencia
herencia en python
UskoKruM2010
🔴 ¿Deseas ver más contenido y cursos GRATUITOS? 👨💻 Pues aquí los tienes 🔽🔽🔽 :
CURSO DE PYTHON 3 🐍 :
th-cam.com/play/PL_wRgp7nihybbJ2vZaVGI5TDdPaK_dFuC.html
CURSO DE DJANGO 🦄 :
th-cam.com/play/PL_wRgp7nihyZsEnudJ-XUAEdnOGUojbnn.html
SÍGUEME ✅ !
** Curso Udemy Bases de datos con MySQL: bit.ly/2vtrUg9
** INSTAGRAM: instagram.com/uskokrum2010
** FACEBOOK: facebook.com/uskokrum2010
** TWITTER: twitter.com/uskokrum2010
** SITIO WEB: uskokrum2010.com
** SUSCRÍBETE: th-cam.com/users/uskokrum2010
🔴 ¿No quieres perderte los nuevos videos del canal? Únete a nuestro grupo de Telegram ▶ : t.me/uskokrum2010_youtube
Otros cursos GRATUITOS ✅ :
HTML: th-cam.com/play/PL_wRgp7nihyZElF-6dkhPU_RetfSp99QN.html
JAVA: th-cam.com/play/PL_wRgp7nihyZ6hKPQcioxneVQ1aTuC4fS.html
SQL SERVER: th-cam.com/play/PL_wRgp7nihyYXeXZhOiZqKpAdwIRM28Ui.html
C#: th-cam.com/play/PL_wRgp7nihyYACu4RyZd0PxJUseQ2tQl8.html
PHP y MySQL: th-cam.com/play/PL_wRgp7nihyYXMZ5bBP6v0Q31fRRJLiud.html
VISUAL BASIC .NET: th-cam.com/play/PL_wRgp7nihybLjm19HvBxRDp-ZvyGEhdh.html
JAVASCRIPT: th-cam.com/play/PL_wRgp7nihyYdnV6ilQcZsfdG5d2nGWkc.html
jQuery: th-cam.com/play/PL_wRgp7nihyY020gyukDupJEJ84gimiPS.html
CÓMO EDITAR CON CAMTASIA STUDIO 8: th-cam.com/play/PL_wRgp7nihyYSbQ7Vbwh5TFbM5nOgriAm.html
CÓMO USAR ZOOM PARA CLASES VIRTUALES: th-cam.com/play/PL_wRgp7nihyaNTSqIvKvJtBA-6Qw-UKTU.html
JODER! MUCHISIMAS GRACIAS!
Realmente no sabia esta forma de ordenar mis archivos los tenia super desordenados y me costaba encontrarlos xD
Gracias a este video se me facilito TODO! Muchas gracias!!
¡Gracias, amigo Diego! Me alegra saber que te ha servido. 👌
Muchísimas gracias por estos vídeos y por tu esfuerzo. Gracias a tí me he animado a comenzar con Django.
Por si le sirve a alguien comento que tuve el mismo problema que otros compañeros al usar"os.path.join()" que se solucionó importando el módulo.
Saludos 👍👍
¡Gracias por el aporte, Javier! 👏 😊
te quiero mucho bro, estuve todo el día buscando como se ponían las imágenes y me ayudaste un montón. Mil gracias y saludos desde Arg.
¡Excelente, Martín! Me alegra saber eso, mucho gusto en ayudarte. 👨💻
muchas gracias amigo ahora me estructuró mejor el proyecto gracias por esta gran lección
¡Excelente! Me alegra mucho que te haya servido. 😊
amigo llegue hasta aqui y la verdad despues de pasar por tantos cursos estoy quedando impresionado, muy buen contenido! al finalizar esto que recomiendas que siga como ruta
¡Excelente, Agustin! Pues, hay mucho más contenido en mi canal, te invito a que lo veas. 🤝
muchas gracias , aprendo mucho con tus videos
¡Me alegra saber eso! Un saludo. 😊
excelente, este era el video que necesitaba
¡Perfecto, amigo Matías! 😁 ✔
jajaja yo dije tan buey me he vuelto que ya ni un css puedo enlazar, gracias bro!
Jejeje ahora sabes como hacerlo. 😁
Muchas gracias por este tutorial!! Saludos
¡Gracias a ti por verlo, estimado Agustín! Un abrazo! 😊 🙌
Gracias Bro, esto me sirvió para poner plantillas de html en mis proyectos de django uwu
¡Excelente! Me alegra saber eso. 😊 🙌
Excelente video. Gracias por la ayuda.
¡Gracias a ti por apreciar mi trabajo! 👏
muchísimas gracias por compartir tu conocimiento :D
¡Gracias a ti por apreciar mi trabajo, amigo Santiago! 👨🏻💻 😊
gracias, ya estaba enfadado de que no podia ordenar mi código :)
Jeje me da gusto saber eso. 🙌
Buen video muchas gracias!
¡Gracias por apreciar mi trabajo! 😊
Hola, gracias por tus videos. Esperaré los que siguen.
¡Gracias! Claro que sí, seguiré subiendo videos a este curso, gracias por estar aquí. 👨🏻💻 👌🏻
gracias, de gran ayuda!
¡Gracias a ti por apreciarlo! 😊
Hola que tal, en settings me sale este error: NameError: name 'os' is not defined como puedo hacer para corregirlo?
Estimado amigo, me puedes enviar tu error por Instagram o twitter? para ayudarte. 🙌
@@UskoKruM2010 Hola gracias por responder, despues de varios intentos. ya lo resolvi. Puse "import os" antes de pathlib. Me quedo así.
import os
from pathlib import Path
Luego detuve el servidor y volvi a hacer sunserver.
Saludos
@@maihuire11 ¡Excelente! Me alegro por ti 👨🏻💻 👍🏻
incluye al principio del settings.py
"import os"
sin comillas
Gracias, muy buen video :-)
¡Gracias, amigo Alvaro! Espero que sigas el curso. 😊 👌🏻
Gracias crack sigue asi. te segui y recomende
¡Gracias, amigo Jorge Ignacio! Espero que sigas viendo este curso. 👋🏻 👨🏻💻
eres un crack !
¡Gracias! 🤗 ✌
video god ahora domino 7 tipos de static
¡Excelente! 💪
cuales son wey?
@@JosueFarias-z9w ahí men es bait solo que ya no ando valiendo madre con error 500 en algún deploy
@@thepropollo9157 JAJAJJAJA vale bro, ya me habia puesto a pensar ajjaja
En la carpeta static también puedo colocar los archivos generados en la carpeta dist luego de correr npm run build en mi proyecto Vue?
Así es, es posible hacerlo allí, finalmente es HTML. ✅
Gracias
¡Gracias a ti por apreciar mi trabajo! 😊
Hola amigo muy interesante el curso, estoy aprendiendo mucho. Aprovecho para consultarte no se porque no me jala los estilos css desde el archivo externo realice todos los pasos tal como lo explicas en el vídeo
Pues... quizás omitiste alguna letra o símbolo, estimado Cristhian... te recomendaría que vuelvas a verlo. 👨🏻💻
Que tal amigo sabes que tenia el mismo problema intente colocar [ ] y colocar la , tambien es super importante
STATICFILES_DIRS = [
os.path.join(BASE_DIR,'MiProyecto/static'),
]
y funciono tambien te recomiendo que crees las carpetas desde el IDE e importas estas librerias:
import os
from os.path import join
from pathlib import Path
Espero que les sirva Saludos!
@@Khrizthian23 ¡Muchas gracias por el aporte!
@@Khrizthian23 AMIGOOOOOOO, no se que tenia mal pero me salvaste la vida, 2 semanas intentando arreglar el bug y tu lo arreglaste. MUCHAS GRACIAS
@@Khrizthian23 ayuda 😢 no logro conectar los archivos CSS ya seguí el video y todo lo que recomiendas
Gracias por tus videos
Gracias a ti por apreciarlos, amigo Amaury! Te invito a que sigas pendiente de las siguientes entregas. 👋🏻 😊
CONSULTA: Que pasa si tengo otra sub aplicaciòn y quiero rutear STATICFILES_DIRS = (os.path.join(BASE_DIR, 'Product/static'),) por ejemplo, entonces el static dentro de MiProyecto dejarìa de trabajar, no deberìa haber un standar para poder decir que todas las carpetas static dentro de la sub aplicación deberìa ser el standar y uno general para manejar los estilos globales.
Si hay una forma, amigo, Django la cambió en las últimas versiones, voy a anotarlo en mi libreta para crear un ejemplo, pero mientras tanto puedes ir investigando en la documentación. 😁
Hola, primero muchas gracias por tus videos he aprendido bastante con ellos, te escribí por instagram porque tengo el mismo problema que no alcanza los stylos, me dice que la página no la enccuentra, he revisado muchas veces los videos y no he podido encontrar el inconveniente, aprecio tu ayuda. Gracias
Claro, amigo, ahora lo reviso. 🙌
Parcero me ayudaste a solucionar el error que tenia gracias
¡Excelente! Me alegra saber eso. 🙌
una consulta en mi caso yo puse STATICFILES_DIRS = (os.path.join(BASE_DIR, 'proyecto_SF/static'),) pero en mi terminal me sale NameError: name 'os' is not defined , que es lo que esta pasando?
Estimado amigo, me parece que ya te respondí por correo. 🙋♂️
gracias
¡Gracias a ti por estar aquí! ✌
Hola. Me da el siguiente error:
STATICFILES_DIRS = (os.path.join(BASE_DIR, "MiProyecto/static"),)
NameError: name 'os' is not defined
He importado os dentro del fichero settings y funciona ¿es correcta esta forma?
Gracias
Estimado Alberto: Con gusto te puedo ayudar pero necesito ver tu código, ¿podrías enviarme una foto por Instagram o Facebook para verlo? 😄
A mi tambien, no se por que no me reconoce el "os" entonces usa:
STATICFILES_DIRS = [
BASE_DIR / "MiProyecto/static",
]
@@amaurypicotto7671 Gracias por el aporte, amigo Amaury. 👍🏻
@@amaurypicotto7671 Gracias, me funciono esa solución, igual use import os asi quedo al final STATICFILES_DIRS = [os.path.join(BASE_DIR, 'pagina/static')]
Yo solo importe os al inicio del programa
import os
y listo
Hola, yo ya tenia configurado mi proyecto previamente y comparandolo con tu explicacion, veo que esta identico, sin embargo no me carga la configuracion css que le di en mi fichero style. Pude ver que por consola (con el servidor corriendo), me arroja el siguiente error: "GET /static/css/style.css HTTP/1.1" 200 249
Not Found: /favicon.ico, no me bota la pagina, pero no aplica el css, que podra estar pasando?, gracias...
Estimado amigo, tu CSS está cargando correctamente, porque tiene status 200. En cuanto al favicon.ico debes agregar un ícono a tu HTML para que lo reconozca, espero haberte ayudado. 👋🏻
@@UskoKruM2010 muchas gracias por darte el tiempo de responder. Entiendo lo que dices sin embargo, el mensaje dice..not found..por lo que asumo que no encuentra la carpeta...de hecho...al ejecutar la app, se ve que el css no modifica el diseňo
@@rubengarcia-xt9qe Estimado Rubén, si gustas puedes enviarme tu proyecto para revisarlo en mi PC. 😉
Amigo, en la línea de código en donde hago el include de la plantilla hija dentro de la plantilla padre me aparece un error al consultar el home y me dice que la plantilla hija no existe
Estimado Leo, aquí tienes el código fuente del proyecto, para que lo revises: github.com/UskoKruM/UskoKruM2010_Django
@@UskoKruM2010 muchas gracias
@@UskoKruM2010 Muchísimas gracias
@@sicness0
porque no te da problema en la importación del OS ??
Para nada, puedo usarlo sin problemas tal cual ves en el video. 👌🏻
que tal disculpa ya revise varias veces el video pero no me carga la plantilla estatica css y he leido los comentarios, asi como agregado lo que les ha funcionado pero sigue sin agregarle estilo a la barra de navegacion, crees que puedas revisar mi codigo.
gracia saludos!!
Aquí tienes todo el proyecto, amigo Manuel, puedes revisarlo: github.com/UskoKruM/UskoKruM2010_Django
@@UskoKruM2010 muchas gracias, saludos
@@UskoKruM2010 disculpa nuevamente, ya revise mi codigo y el tuyo lo unico que encuentro diferente es que en el archivo settings.py tu tienes esta linea asi:
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
y yo la tengo de la siguiente forma
BASE_DIR = Path(__file__).resolve().parent.parent
intente cambiarla y poner tu linea y la mia como comentario.
gracias por tu ayuda
Falto que explicaras como hacerlo si tienes imagenes
Pues, es muy parecido, solo haces referencia al nombre de la imagen (con extensión y todo). ✅
¿Cómo aplicar los estilos de un archivo css a una plantilla específica y no en la plantilla padre?
Debes importar la referencia al css en la plantilla (template) específica, puedes consultar en la documentación oficial. ✌
print('Gracias crack')
¡Gracias a ti, amigo Erick! 😊 👏
Amigo buenos días, lo revise mas de 3 veces el vídeo y no me jala los estilos. En setting.py escribi lo siguiente: STATICFILES_DIRS = (os.path.join(BASE_DIR,'MiProyecto/static'),) En plantillaPadre.html esta referenciado el archivo de esta manera . La carpeta static esta creada dentro de MiProyecto y dentro de ésta tengo las carpetas css, js e imagenes. aparentemente todo esta bien pero no lo jala los estilos.
Estimado Cristhian, te recomendaría que vuelvas a ver el video y revises toda la configuración que indico, a todos les ha funcionado sin problemas, por favor hazlo, amigo. 👨🏻💻🙌
@@UskoKruM2010 amigo usko de que forma me puedes ayudar esta parte de los archivos estáticos es lo que no me sale, no me jala los estilos del archivo css, lo he revisado muchas veces el video y nada. Quizás te puedo enviar mi proyecto a tu correo para que lo puedas revisar, te voy agradecer mucho.
Gracias
@@cristhianabantourbina4628 Estimado amigo, quizás puedas enviarmelo por correo para revisarlo. 😊
@@UskoKruM2010 Hola Cristhian .. sabes que me funcionó desde una máquina local con windows, en un server Linux no toma los estilos de archivos css, seguí todos los pasos, investigué también pero no reconoce los estilos, alguna sugerencia ???, Saludos y muchas gracias
@@Marcos-gc4li ¡Gracias por tu aporte, amigo Marcos! 👋🏻
No se si alguien le pasa lo mismo que a mi, pero yo si no le pongo el tag de static en la misma parte que e la url me funciona y si lo pongo en la plantilla padre no va.
Uhmm que extraño, ¿lo has hecho tal cual en este video? 👀
Y si pongo una imagen desde el css como hago? No me carga 🥺
Si se puede, tal cual como en este video jeje a todos les ha funcionado. 🙋♂️
Muy bueno , me suscribo tienes buen contenido!
Pero una cosa , si programamos no sería mejor acostumbrar a todos a hacerlo en inglés ? Más porque tú código (de quien sea ) hacerlo legible con todo el contexto, entiendo que lo hagas para todos, pero así cojeras mejores prácticas
¡Muchas gracias por la recomendación! Lo tomaré en cuenta. ✌ 😉
@@UskoKruM2010 np! Y sigue así tienes buen contenido !
@@leniedor733 ¡Gracias!
que significa que os no este definido ?
Que no se ha importado correctamente dicho paquete, te recomiendo que veas este video también: th-cam.com/video/fCnEgdHgQhE/w-d-xo.html
os.path me dice que no esta definida
Uhmm ¿me podrías enviar una foto por Twitter o Instagram para verlo? Nunca he visto ese tipo de error. 🤔
el servidor me manda un error con el seteo de la carpeta static, me dice: STATICFILES_DIR = (OS.path(BASE_DIR, 'MiProyecto/static'),)
^^
NameError: name 'OS' is not defined
de que otra forma se puede setiar la carpata static para poder utlizarla
saludos desde argentina
Te recomiendo que instales y uses la última versión de Django y te guíes de la documentación para esa parte: docs.djangoproject.com/en/4.2/howto/static-files/
mi tira error con el os.path.joins, me dice que no lo reconoce
Uhmm te recomiendo revisar este video: th-cam.com/video/fCnEgdHgQhE/w-d-xo.html ✅
Papi kchame :3 xd
😅
y las imagenes?
¿A qué te refieres, amigo? Se trabajan de la misma manera que los archivos CSS o JS. 😊
Capisimo....
¡Gracias, Marco! 😊
Haces copias del canal de pildorasinformaticas django.
Para nada, amigo Osmar, si bien he visto el curso de Django de Juan, también he revisado otros para crear este tutorial. Además, me llevo muy bien con Juan (PildorasInformáticas), el ha visto mi curso y no tiene nada que objetar, puedes comprobarlo en este directo: th-cam.com/video/9QsQLhb4Y2k/w-d-xo.html
Muy buenas tardes alguien sabe porque me sale este error cuando cargo la pagina web :
TemplateDoesNotExist at /inicio/
plantillaBarraNavegacion.html
Agradeceria mucho la respuesta
Estimada Anggie, si gustas puedes contactarme por Instagram o Twitter para poder ayudarte de una forma más personalizada. ✌
si alguno tubo probelmas con la carga de los static colocar toda la ruta, no se por que pero asi em funciono
STATICFILES_DIRS = (os.path.join(BASE_DIR, 'C:/Users/Usuario/PycharmProjects/clases/enero/static'),)
¡Gracias por tu aporte, amigo Jhonatan! 😊
no me sirvió STATICFILES_DIRS = (os.path.join(BASE_DIR, 'Tienda/static')) me sirvió STATICFILES_DIRS = [
BASE_DIR / 'Tienda/static'
]
Uhmm ok, gracias por el aporte. 😊