在上一篇隨筆里面，我們已經介紹了如何從零開始用django建立一個項目並且初步運行以來了，
現在我們就要開始寫我們的html了，也就是django里面的模板了，不過這節我們只講如何鏈接圖片和css（靜態文件）
上一篇隨筆里面我們說了如何設置templates的了，這里不贅述
1：准備工作，工欲善其事必先利其器，我們先要准備好html和css的編輯軟件
html可以用sublime text來編輯，sublime text有一個好處是可以管理整個項目，也可以用frontpage，點此下載
css可以用任何一個文本編輯器來寫，但我個人比較推薦visual css，點此下載
2：設置settings.py，主要是設置靜態文件在本地的存放路徑，也就是你的static文件夾的位置，注意文件路徑是/而不是\
STATICFILES_DIRS = (
# Put strings here, like "/home/html/static" or "C:/www/django/static". # Always use forward slashes, even on Windows. # Don't forget to use absolute paths, not relative paths. "D:/qiweijie/qwj/templates/static", )
3：把你的圖片和css文件放到static文件夾下面
4：實例：
- html，在html的基板模板里面記得加上一句{% load staticfiles %}，否則會失敗的
<html> <head> <title>戚偉傑的個人主頁</title> <meta http-equiv=Content-Type content="text/html"; charset="utf-8"> <meta http-equiv="Content-Language" content="zh-cn"> <meta name="author" content="qiweijie"> <meta name="keywords" content="戚偉傑,個人主頁"> {% load staticfiles %} <link href="{% static "qwj.css" %}" type="text/css" rel="stylesheet"> </head> <body> <div> <p id="test">test</p> <img src="{% static "images/22_top.jpg" %}" alt="images/22_top.jpg"> </div> </body> </html>
- css，直接貼代碼
body { background-image:url("images/2e_bg.jpg") } p { color:red } - 項目結構圖和效果圖
