本節簡介：介紹Internet、網站、網頁的概念，以及一個完整的網站通常需要新建HTML文件、DIV“圈地”、CSS定義樣式、Javascript、jQuery制作交互動畫。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
DIV是用來做什么的？A：編寫代碼B：設置網頁格式【C】：在網頁面中建立框架布局D：發布站點
比喻：用制作衣服舉例：1.HTML就是比喻做什么樣款式的（衣服）先定。再定需要什么布料確定要做衣服后。2.用DIV去定做什么樣的款式、然后定做什么樣規格樣式的衣服。3、再用CSS美化（衣服的顏色）及（對衣服的裝飾）也就是用CSS是美化網頁的工具。
用DIV制作好網頁框架布局，就需要CSS來定義樣式以及它的顏色。
第一部建好HTML文件，需要DIV圈地：用DIV進行網站網頁整體框架布局。
因特網：網站與網頁的區別：網站：是在互聯網上，網站是固定的、面向全世界發布信息的地方，它是域名和空間構成。網頁：網頁是構成網站的基本元素，通常我們看見的網頁，都是以htm或html為后綴擴展名的文件，俗稱HTML文件。：‘
要制作動態頁面需要javascript：屬于一種網絡的腳本語言，常用來為網頁添加各式各樣的動態功能，為用戶提供更流暢美觀的瀏覽效果
動態網頁是指除了靜態網頁中的元素外，還包括一些應用程序，這些程序需要瀏覽器與服務器之間發生交互行為。
html（衣服布料-div款式-css美化頁面）=靜態頁面。
2，需要div圈地，整個頁面的框架布局3，需要css定義樣式，定義dic里文字的字體大小顏色
建立網頁：需要html文件，html表示超文本標記語言，是www的描述語言。是一種被多種網頁瀏覽器讀取，傳遞各類資訊的文件，internet是一個由一系列傳輸協議和各類文檔所組成的集合，html就是其中的一種文檔
網頁是構成網站的基本元素，通常我們看到的網頁都是以htm或者html為后綴擴展名的文件，俗稱html文件
網站是在互聯網上，網站是一個固定的，面向全世界發布消息的地方，它是由域名和空間構成。
internet網是集現代通信技術和現代計算技術于一體，是計算機之間進行信息交流和實現資源共享的良好手段。
建立一個HTML文件 ， 用DIY來確定網頁的布局，用CSS定義樣式 美化頁面
制作網頁首先在Dreamweaver中建立HTML文件；DIV是網頁框架布局、Css定義DIV里的文字大小、顏色、字體。靜態頁面相對動態頁面而言，不是所有元素靜止不動就是靜態頁面。制作動態頁面需要：Javascript、JQuery。一般記得的是域名，非一大串數字的IP地址。HTML（網站主題）DIV（網站樣式：在頁面中建立框架布局）CSS（網站美化）
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
