這次課程的講解感覺太乾貨了，所以我寫的筆記可能沒有順序和邏輯，完全是按照老師上課講解的內容順序寫下來的（畢竟我也是第一次學），希望大家可以見諒，我以後會回來進行改進的！！！

Django簡介：
免費開源，功能豐富，開發迅速，可擴充套件性強，模板系統，後臺管理

新建Python虛擬環境：
新建資料夾，比如命名為：website
在命令列裡cd進入website資料夾
輸入 Python -m venv djangoenv
在website中出現djangoenv資料夾
Windows使用者繼續輸入djangoenv\Scripts\activate
命令列出現（djangoenv字樣)

安裝Django並建立專案

在命令列輸入pip install django
安裝完成輸入 django-admin startproject shao_blog
shao_blog是django的網站專案名稱，根據自己的需要更改
然後在website裡面就出現shao_blog 資料夾

初始化生成檔案用途：
manage.py 一個在命令列中可以呼叫的網站管理工具
init.py 告訴Python這個資料夾是一個模組
setting.py shao_blog專案的一些配置
urls.py 網站內的各個網址的宣告
wsgi.py web伺服器與django專案的介面

檢驗Django專案是否安裝成功

在命令列裡輸入Python manage.py runserver
複製地址到瀏覽器，出現小火箭

前端入門：（本節的主要內容）
用Chrome瀏覽器開發
HTML，CSS，JavaScript（前端的三劍客）

HTML
hyper text makeup language
網頁的最基本的要素，通過標記語言的方式組織內容（文字，圖片，視訊）

審查元素

（有自己的框架）
body head
HTML元素解析

<p>這是一個段落</p>（開始標籤（名稱）  結束標籤  成對出現的）
新增屬性（有種字典的感覺）<p class="demo-note">這是一個段落</p>（加了一個屬性）
<>這是一個(巢狀)
<p>這是一個<strong>段落</strong></p>
對文段進行加粗
 

放圖片
<img src = "pic.png">可以不需要結束標籤

常用的HTML標籤
標題
<h1>一級標題</h1>
……
<h6>一級標題</h6>

段落
<p>這是一個段落</p>

無序列表
<ul>
	<li>python</li>
	<li>c/c++</li>
	<li>java</li>
</ul>

有序列表：

<ol>
	<li>python</li>
	<li>c/c++</li>
	<li>java</li>
</ol>

連結
<a href = "http://maker.school">每顆豆</a>
p,h1{
	color:blue;
	font-family:KaiTi;
}
p就是一個選擇器(屬性，屬性值)

id和class

<p id = "welcome-line>歡迎來到每顆豆創客學</p>
<a class = "link" href = "http://makerbean.com">每顆豆官網</a>


對class進行修改
.link {
	color:pink;
}

建議：
搭建網站的時候可以參考別人的網站CSS
蘋果的官網（多去參考，多去學習）
一天看一個網站前端（自己審視，提升自己）

盒子模型
內容以及盒子邊框中間是padding，即內邊距邊框和邊框外其他元素之間是margin，即外邊框

JavaScript（是一個真正的程式語言）
和JAVA沒有關係（據說10天開發出來的）
主要是用於前端的一種程式語言
為網站提供動態、互動

試一下：

新建一個檔案
寫入以下內容

var alertText = “Hello World”;
alert(alertText);
儲存為index.js和index.html放在同一個目錄下

解釋：第一句
這句話用var定義了一個字串變數
第二句：可以在網頁中彈出一個提示框
使用if條件判斷語句：
var alertText = “makerbean”
if (alertText == “makerbean”){
alert(“Hello makerbean!”)
}
else{
alert(“OK”)
}

定義函式的方式：
function alerUder(){
alert(“Hello Makerbean!”);
}

alertUser();

函式可以在標題中使用函式HTML呼叫

學習資源：mdn（火狐）
https://developer.mozilla.org/zh-CN/docs/learn

學習MDN

配色參考
https://coolors.co/browser/later/1
儘量主顏色兩三個就行，不用花裡胡哨的

作業：
建立一個Django網站以及你的部落格首頁
在自己的電腦上搭建一個Django專案
製作一個網站首頁頁面

這裡是我的微訊號，大家可以加我一起交流啊！