Web前端技術

第1章 網頁設計基礎知識
1.1相關知識
1.2Web前端開發技術
1.2.1認識HTML
1.2.2認識CSS
1.2.3認識JavaScript

第2章 HTML基礎
2.1HTML的概念
2.2HTML的基本語法
2.2.1標簽
2.2.2屬性
2.3HTML的文檔結構
2.3.1基本結構
2.3.2書寫注意事項
2.4HTML的頭部文件和主體文件
2.4.1文件頭部內容
2.4.2主體內容
習題

第3章 網頁文字與排版設計
3.1編輯網頁內容
3.1.1添加文字
3.1.2添加注釋
3.1.3添加空格
3.2文字效果與修飾
3.2.1設置文字樣式
3.2.2修飾文字
3.3段落與排版
3.3.1段落的標簽
3.3.2換行
3.3.3預格式化
3.3.4居中顯示文字
3.3.5插入水平線
3.3.6設置段落縮進
3.4建立列表
3.4.1建立定義列表
3.4.2建立無序列表
3.4.3建立有序列表
3.4.4建立嵌套列表
3.5文字網頁綜合實例
習題

第4章 超鏈接的使用
4.1超鏈接簡介
4.2超鏈接的路徑
4.2.1設置絕對路徑
4.2.2設置相對路徑
4.2.3設置根路徑
4.3超鏈接的應用
4.3.1超鏈接的建立
4.3.2插入內部和外部鏈接
4.3.3插入錨鏈接（書簽鏈接）
4.3.4插入圖片鏈接
4.3.5電子郵件鏈接
4.3.6下載文件的鏈接
4.4設置圖像映射
4.5其他鏈接
4.5.1定義基准網址＜base＞
4.5.2框架的鏈接
4.6綜合實例
習題

第5章 表格的使用
5.1創建表格
5.1.1表格的結構
5.1.2表格的標題與表頭
5.2設置表格屬性
5.2.1設置表格的邊框
5.2.2設置邊框樣式
5.2.3設置表格的寬度和高度
5.2.4設置表格的背景顏色
5.3設置單元格
5.3.1設置單元格水平對齊屬性
5.3.2設置單元格垂直對齊
5.3.3設置單元格間距和邊距
5.3.4合並單元格
5.4表格嵌套
5.5綜合實例
習題

第6章 網頁框架設計
6.1框架
6.1.1框架的概念
6.1.2框架的基本結構
6.2框架的設置
6.2.1框架的文件屬性
6.2.2設置框架的名稱
6.2.3框架的邊框
6.2.4框架的滾動條
6.2.5調整框架尺寸
6.2.6設置框架邊緣寬度與高度
6.3框架集的設置
6.3.1框架集邊框寬度
6.3.2設置框架集邊框顏色
6.3.3框架的分割
6.4框架的嵌套
6.5不支持框架
6.6浮動框架
6.7設置框架的鏈接
6.7.1普通框架添加鏈接
6.7.2浮動框架添加鏈接
6.8框架的綜合應用
習題

第7章 層的應用
7.1創建層
7.2層的屬性
7.2.1層屬性的設置
7.2.2層的邊框
7.2.3層邊框的顏色
7.3嵌套層
7.4＜span＞標簽的使用
7.5綜合應用
習題

第8章 表單的使用
8.1表單
8.1.1基本概念
8.1.2表單的屬性
8.2輸入標簽＜input＞
8.2.1表單元素標記
8.2.2文本框
8.2.3密碼框
8.2.4單選框、復選框
8.2.5圖像域
8.2.6隱藏域
8.2.7多行文本域
8.2.8按鈕
8.2.9下拉菜單和滾動列表
8.2.10插入文件域
8.3表單綜合實例
習題

第9章 HTML5基本介紹
9.1認識HTML5
9.1.1HTML5的發展史
9.1.2HTML5與HTML4的差異
9.1.3HTML5廢除的標簽
9.2HTML5的新功能
9.2.1HTML5聲明
9.2.2語義化標簽
9.3新增標簽介紹
9.3.1視頻標簽與屬性
9.3.2音頻標簽與屬性
9.3.3畫布標簽與屬性
9.3.4表單屬性
9.4Web存儲
9.4.1Web存儲的兩種方法
9.4.2Web存儲的優勢和意義

第10章 CSS語法基礎
10.1CSS的簡介
10.1.1CSS的發展史
10.1.2CSS的定義
10.2CSS的基本語法
10.3CSS選擇符的類型
10.3.1標記選擇符
10.3.2組合選擇符
10.3.3類選擇符
10.3.4id選擇符
10.3.5包含選擇符
10.3.6偽類
10.4選擇符的優先級
10.5應用CSS樣式表
10.5.1行內樣式
10.5.2內嵌樣式
10.5.3鏈接外部樣式
10.5.4導入外部樣式
10.5.5樣式表的優先級
習題

第11章 CSS設置文字與版式
11.1字體屬性的設置
11.1.1字體font—family
11.1.2字號font—size
11.1.3字體風格font—style
11.1.4字體加粗font—weight
11.1.5字體變體font—variant
11.1.6綜合字體屬性font
11.2文本的版式控制（文本排版）
11.2.1設置首行縮進text—indent
11.2.2設置首字下沉first—letter類
11.2.3調整行高line—height
11.2.4調整字符間距letter—spacing
11.2.5調整單詞間距word—spacing
11.2.6添加文字修飾text—decoration
11.2.7設置文本對齊方式text—align和vertical—align
11.2.8轉換英文大小寫text—transform
11.2.9文本陰影text—shadow
習題

第12章 顏色和背景
12.1顏色color
12.1.1顏色名稱定義
12.1.2顏色的十六進制定義
12.1.3顏色的RGB函數定義
12.2頁面背景background
12.2.1設置背景顏色
12.2.2設置背景圖片
12.2.3設置重復背景圖片
12.2.4設置滾動背景圖片
12.2.5設置背景圖片位置
12.2.6背景復合屬性background
12.2.7設置背景尺寸
12.2.8定義透明度
習題

第13章 CSS盒子模型
13.1盒模型簡介
13.1.1盒模型定義
13.1.2DIV盒子
13.2邊框屬性
13.2.1邊框樣式屬性border—style
13.2.2邊框寬度屬性border—width
13.2.3邊框顏色屬性border—color
13.2.4邊框屬性的綜合設置
13.3邊距屬性
13.3.1內邊距padding
13.3.2外邊距margin
13.4圓角邊框
習題

第14章 定位和布局
14.1CSS元素定位
14.1.1定位方式
14.1.2設置位置top、bottom、right、left
14.1.3圖層定位z—index屬性
14.1.4使用浮動屬性
14.2CSS布局屬性
14.2.1可見性visibility
14.2.2裁切clip
14.2.3設置層大小width和height
14.2.4溢出overflow
14.2.5浮動float
14.2.6清除浮動clear
14.3其他頁面元素的設置
14.3.1鼠標特效
14.3.2項目列表
習題

第15章 CSS濾鏡特效
15.1概述
15.2視覺濾鏡
15.2.1Alpha濾鏡
15.2.2Blur濾鏡
15.2.3DropShadow濾鏡
15.2.4Glow濾鏡
15.2.5FlipH／FlipV濾鏡
15.2.6Gray、Invert、Xray濾鏡
15.2.7Chroma濾鏡
15.2.8Wave濾鏡
15.2.9Shadow濾鏡
15.2.10Mask濾鏡
15.2.11Emboss、Engrave濾鏡
習題

第16章 JavaScript基礎
16.1JavaScript簡介
16.1.1什麼是腳本語言
16.1.2JavaScript、VBScript與Jscript
16.1.3JavaScript語言的基本特點
16.1.4在HTML中加入JavaScript代碼
16.1.5一個簡單的實例
16.2JavaScript基本語法
16.2.1JavaScript的語句
16.2.2數據類型
16.2.3變量和常量
16.2.4運算符和表達式
16.3JavaScript流程控制語句
16.3.1選擇語句
16.3.2循環語句
16.3.3其他語句
16.4函數
16.4.1函數的定義
16.4.2函數的參數與返回值
習題

第17章 Java Script的對象和事件
17.1Java Script的對象
17.1.1Java Script對象
17.1.2Java Script的內置對象和函數
17.1.3瀏覽器內部對象
17.1.4自定義對象
17.2Java Script的事件處理方式
17.2.1Java Script的常用事件
17.2.2事件處理
習題

第18章 Web前端新技術——響應式網頁的設計與實現
18.1響應式網頁技術
18.2前端開發框架
18.3Bootstrap框架
18.3.1框架簡介
18.3.2Bootstrap框架特點
18.3.3Bootstrap環境安裝
18.4基於數字媒體技術專業網站的設計與實現
18.4.1美術設計
18.4.2首頁的設計
18.4.3Bootstrap導航
18.4.4網頁內容區
18.4.5頁腳導航區
18.5小結
參考文獻
習題答案（選擇題）

隨着互聯網的飛速發展，WWW已成為最重要的信息傳播手段，通過網頁就可以與瀏覽者進行信息共享和溝通，甚至產生互動。不管是個人用戶，還是企事業單位，均可創建自己的網站來達到宣傳自己或進行網上交流等目的，而網頁設計是建立網站的必備技能。