Web前端開發(fā)技術與案例教程

前言 \n
第1章 Web開發(fā)基礎1 \n
1.1 WWW簡介1 \n
1.1.1 WWW概述1 \n
1.1.2 統(tǒng)一資源定位符（URL）2 \n
1.1.3 WWW的文檔2 \n
1.2 Web頁面設計技術3 \n
1.2.1 HTML簡介3 \n
1.2.2 CSS簡介3 \n
1.2.3 JavaScript簡介3 \n
1.3 Web開發(fā)與發(fā)布4 \n
1.3.1 DreamWeaver簡介4 \n
1.3.2 DreamWeaver使用4 \n
1.3.3 Web網(wǎng)站發(fā)布8 \n
習題10 \n
第2章 HTML基礎11 \n
2.1 HTML文檔11 \n
2.1.1 HTML標簽11 \n
2.1.2 HTML元素12 \n
2.1.3 HTML屬性14 \n
2.1.4 HTML文檔的基本結構18 \n
2.2 網(wǎng)頁文字設計21 \n
2.2.1 文本設計21 \n
2.2.2 列表26 \n
2.2.3 表格27 \n
2.2.4 語義元素31 \n
2.3 建立超鏈接32 \n
2.3.1 超鏈接的概念32 \n
2.3.2 絕對路徑和相對路徑32 \n
2.3.3 定義超鏈接33 \n
2.3.4 命名錨點34 \n
2.4 網(wǎng)頁表單設計35 \n
2.4.1 創(chuàng)建表單35 \n
2.4.2 input元素創(chuàng)建控件36 \n
2.4.3 其他常用控件42 \n
2.4.4 HTML5 新的表單元素43 \n
習題45 \n
第3章 HTML進階46 \n
3.1 網(wǎng)頁多媒體設計46 \n
3.1.1 圖像46 \n
3.1.2 聲音和視頻49 \n
3.1.3 內(nèi)聯(lián)框架52 \n
3.1.4 對象53 \n
3.2 圖形繪制與數(shù)學公式54 \n
3.2.1 Canvas繪圖54 \n
3.2.2 SVG繪圖60 \n
3.2.3 MathML數(shù)學符號和公式62 \n
3.3 網(wǎng)頁布局62 \n
3.3.1 使用div元素的網(wǎng)頁布局63 \n
3.3.2 HTML5網(wǎng)頁布局64 \n
3.4 HTML5 用戶接口API68 \n
3.4.1 HTML5拖放與通知68 \n
3.4.2 HTML5地理定位73 \n
3.5 案例—個人博客主頁75 \n
習題81 \n
第4章 HTML綜合案例—萌寵 \n
之家83 \n
4.1 基本頁面布局83 \n
4.2 各頁面設計84 \n
4.2.1 主頁面84 \n
4.2.2 aboutUs頁面87 \n
4.2.3 services頁面89 \n
4.2.4 team頁面91 \n
4.2.5 gallery頁面93 \n
4.2.6 contact頁面95 \n
第5章 CSS基礎97 \n
5.1 CSS的作用97 \n
5.2 CSS的使用方法99 \n
5.2.1 如何編寫CSS99 \n
5.2.2 CSS的基礎語法99 \n
5.2.3 應用CSS的方法101 \n
5.2.4 CSS的層次結構102 \n
5.3 CSS的選擇器103 \n
5.3.1 類型選擇器103 \n
5.3.2 類選擇器104 \n
5.3.3 ID選擇器104 \n
5.3.4 結合類型選擇器104 \n
5.3.5 后代選擇器105 \n
5.3.6 多重選擇器106 \n
5.4 CSS的基礎樣式107 \n
5.4.1 背景（background）107 \n
5.4.2 文本格式（text）108 \n
5.4.3 字體屬性（fonts）110 \n
5.4.4 鏈接（link）112 \n
5.4.5 列表（list）113 \n
5.5 案例—人物信息卡片115 \n
習題119 \n
第6章 CSS進階121 \n
6.1 CSS高階選擇器121 \n
6.1.1 子選擇器121 \n
6.1.2 相鄰兄弟選擇器122 \n
6.1.3 屬性選擇器123 \n
6.2 CSS偽類及偽元素125 \n
6.2.1 CSS偽類125 \n
6.2.2 CSS偽元素127 \n
6.3 CSS布局基礎129 \n
6.3.1 CSS框模型129 \n
6.3.2 定位機制（Position）133 \n
6.3.3 浮動屬性（Float）136 \n
6.4 CSS響應式頁面設計138 \n
6.4.1 什么是響應式頁面設計138 \n
6.4.2 響應式網(wǎng)頁設計-視口139 \n
6.4.3 響應式網(wǎng)頁設計-網(wǎng)格視圖141 \n
6.4.4 響應式網(wǎng)頁設計-媒體查詢144 \n
6.5 CSS3新特性146 \n
6.5.1 CSS3新的邊框?qū)傩?46 \n
6.5.2 CSS3新的背景屬性148 \n
6.5.3 CSS3 文本陰影151 \n
6.6 案例—響應式布局151 \n
習題157 \n
第7章 CSS綜合案例——計算器158 \n
7.1 計算器的設計158 \n
7.1.1 頁面原型設計158 \n
7.1.2 計算器頁面布局159 \n
7.2 計算器基本樣式設置163 \n
7.2.1 設置計算器主體樣式163 \n
7.2.2 設置計算機標題樣式164 \n
7.2.3 設置顯示屏樣式164 \n
7.2.4 設置按鈕的樣式165 \n
7.3 計算器進階樣式設置167 \n
7.3.1 設置顯示框字體167 \n
7.3.2 設置按鈕漸變及陰影168 \n
7.3.3 設置鼠標單擊特效169 \n
7.3.4 效果展示及后續(xù)工作170 \n
第8章 JavaScript入門174 \n
8.1 JavaScript基礎174 \n
8.2 JavaScript基本語法175 \n
8.2.1 數(shù)據(jù)176 \n
8.2.2 操作符177 \n
8.2.3 語句179 \n
8.3 JavaScript對象186 \n
8.3.1 內(nèi)置對象186 \n
8.3.2 自定義對象191 \n
8.3.3 BOM對象192 \n
8.3.4 DOM對象197 \n
8.4 JavaScript事件200 \n
8.4.1 常用事件200 \n
8.4.2 事件添加201 \n
8.4.3 基本功能實現(xiàn)203 \n
8.4.4 調(diào)試205 \n
習題209 \n
第9章 JavaScript進階210 \n
9.1 jQuery210 \n
9.1.1 jQuery選擇器211 \n
9.1.2 jQuery操作樣式表221 \n
9.1.3 jQuery操作文檔225 \n
9.1.4 jQuery事件234 \n
9.1.5 jQuery效果238 \n
9.1.6 jQuery Ajax240 \n
9.2 eCharts241 \n
9.2.1 eCharts概述242 \n
9.2.2 eCharts基本使用242 \n
9.2.3 eCharts API244 \n
9.2.4 eCharts組件250 \n
9.3 案例254 \n
9.3.1 HTML基本結構與CSS基本樣式254 \n
9.3.2 jQuery效果處理256 \n
習題259 \n
第10章 JavaScript綜合案例——學校 \n
信息管理系統(tǒng)260 \n
10.1 系統(tǒng)頁面設計260 \n
10.1.1 頁面框架設計260 \n
10.1.2 年級概況頁面實現(xiàn)262 \n
10.1.3 班級概況頁面設計263 \n
10.1.4 成績管理頁面設計268 \n
10.1.5 學生管理頁面設計271 \n
10.1.6 后臺管理頁面設計274 \n
10.2 系統(tǒng)功能實現(xiàn)275 \n
10.2.1 頁面框架功能實現(xiàn)275 \n
10.2.2 年級概況頁面實現(xiàn)277 \n
10.2.3 班級概況功能實現(xiàn)287 \n
10.2.4 成績管理功能實現(xiàn)290 \n
10.2.5 學生管理功能實現(xiàn)294 \n
\n
10.2.6 后臺管理功能設計296 \n
第11章 網(wǎng)絡學院教學考評中心網(wǎng)站的 \n
實現(xiàn)298 \n
11.1 創(chuàng)建網(wǎng)站298 \n
11.1.1 網(wǎng)站代碼結構299 \n
11.1.2 網(wǎng)頁規(guī)