----------------------------------------------------------------------
STATIC_URL = 'static/'
------------------------------------------------------------------------
in your static folder ---> project_name/app_name/static/app_name/
* I recommend create another folder in your static folder with your app name to avoid duplicate static file name with other apps
* Also I recommend create "new folder" name "css" and "js"
--> project_name/app_name/static/app_name/css
--> project_name/app_name/static/app_name/js
now on top of your "template" html file add following line:
* note that you must add this line for every template you using static or "extends" from template that use static
------------------------------------------------------------------------
{% load static %}
------------------------------------------------------------------------
how to import css
------------------------------------------------------------------------
<link rel="stylesheet" href="{% static 'app_name/css/hello.css' %}">
or
<span style="{% static 'app_name/css/hello.css' %}">hello, world</span>
------------------------------------------------------------------------
how to import javascript
------------------------------------------------------------------------
<script src="{% static 'app_name/js/hello.js' %}"></script>
------------------------------------------------------------------------