现在，我们的网站已经有了一些功能，但是毫无疑问有点丑陋，这并不是什么大事。
我们只是程序猿，通常界面设计是由另一伙人完成，他们通常是你的同事，或者一些模版服务商。
无论他们是哪个角色，您都将会收到一堆文件，这些文件由html、css、javascript, images组成，如果想对这些有更深入的了解，可以学习一下猿变前端课程
我们要做的事情很简单：
Step1: 将css、javascript、images部分放到指定的目录下
Step2: 将html按照之前的模版语法加工成模版
设置静态文件目录
css、javascript不需要通过python程序执行，我们称为静态文件
这些文件在访问视图的时候，将直接通过浏览器加载
为了正确加载这些文件，必须按照django的配置要求设置静态文件目录
创建静态静态文件目录
在polls应用下创建statics/polls目录，完成的路径是polls/static/polls
放置静态文件
将css文件夹、images文件夹、javascripts文件夹放置到polls/static/polls下面
如果没有合适的模版，没有关系，跟着教程一起手写几个文件
最终目录结构
-- static
-- polls
-- css
-- index.css
-- javascripts
-- index.js
-- images
-- 1.jpg
-- 2.jpg
-- templates
-- polls
-- index.html
-- detail.html
.....
示例讲解
创建index.css
css文件用来控制网页显示的样式，比如可以通过css来设置网页的字体大小，颜色， 背景，排版布局等等，具体的可以观看猿变前端课程
对于我们初学者来讲，css文件可以写的很简单，用来掌握本节课内容就足够了
body {
color : red;
font-size: 12px;
background: black;
}上面这段代码内容很简单：
1. body {....} - 表示对整个网页的样式进行定义，我们掌握前端后，可以做更多的定义
2. color: red; - 表示字体将显示为红色
3. background: black - 表示背景显示为黑色
毫无疑问，这个网页有点简陋，有什么关系呢，我们是骄傲的后台程序猿
创建index.js
js文件由前端脚本语言javascript编写，可以用来控制网页的变化。
比如当你用鼠标点击网页的时候，弹出一个提示，或者记录的你行为(广告弹窗就是这么干的）
如果要了解更多的javascript，可以观看猿变前端课程
window.onclick = function(){
alert("hello world")
}同样的上面这段代码也很简单，当你点击网页的时候，会弹出一个窗口: hello world
图片文件
我们看到的网页通常包含了大量的精美的图片。
你可以随便找一张图片，将它放置在images目录下，我们将在网页里显示这张图片
模版文件
现在静态文件我们都准备好了（通常你的工作伙伴给你的一堆静态文件，你需要先预览一下，比我们这里复杂多了，但是无论多复杂，就这么几个:css, javascript,image）.
我们现在直接来修改之前的index.html,帮大家理解静态文件加载过程
{% load static %}
...........
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="{% static 'polls/css/index.css' %}">
<script href="{% static 'polls/javascripts/index.js' %}"></script>
...........
</head>
<body>
<img src="{% static 'polls/images/1.jpg' %}" />注意上面的修改:
1. {% load static %} - 加载static变量，指向到应用的static目录
2. link - 表示加载css文件， href指定加载的css文件路径
3. script - 表示加载的js文件， src指定加载的javascript文件路径
4. img - 表示将在这个位置显示一个图片， src指定加载的图片文件路径
5. 所有的路径都使用{% static ...%} ，而不是直接设置绝对路径，这样当发生static路径更改的时候，只要修改static_url变量就可以了
现在可以预览一下你的网页了，这是您自己的杰作，毫无疑问，你又长进了
讨论区