Web前端開發項目化教程

Web前端開發項目化教程

《Web前端開發項目化教程》是2015年清華大學出版社出版的圖書,作者是湯明偉。

內容簡介

本書內容由4個任務階段組成: 網站的前期準備、網站的結構架設、網站的效果設計和網站的人機互動。本書的重點在於採用XHTML、CSS和jQuery等前端技術進行網站的開發、設計,本書的難點在於瀏覽器的兼容性設計。

圖書目錄

第一階段網站的前期準備

任務1“叮噹網上書店”項目需求分析

1.1任務描述

1.2相關知識

1.2.1什麼是Web標準

1.2.2Web標準的歷史

1.2.3Web標準的構成

1.2.4網站項目需求分析的流程

1.3任務實現

1.3.1頁面級設計需求

1.3.2網站功能級的需求

1.4任務拓展

1.5任務小結

1.6能力評估

任務2“叮噹網上書店”前台版面設計稿

2.1任務描述

2.2相關知識

2.2.1網站常用的布局結構

2.2.2網站常用的頁面版式

2.3任務實現

2.3.1“叮噹網上書店”首頁版面設計稿

2.3.2“叮噹網上書店”登錄頁版面設計稿

2.3.3“叮噹網上書店”圖書分類頁版面設計稿

2.3.4“叮噹網上書店”購物車頁版面設計稿

2.4任務拓展

2.4.1“叮噹網上書店”註冊頁版面設計稿

2.4.2“叮噹網上書店”圖書詳細頁版面設計

2.5任務小結

2.6能力評估

任務3“叮噹網上書店”圖片素材設計

3.1任務描述

3.2相關知識

3.2.1Photoshop工作環境

3.2.2像素與解析度

3.2.3點陣圖和矢量圖

3.2.4圖像的顏色模式

3.2.5圖像的格式

3.2.6圖層

3.2.7Photoshop常用工具

3.2.8參考線

3.2.9Photoshop與GIF動畫

3.2.10蒙版

3.3任務實施

3.3.1“叮噹網上書店”Logo製作

3.3.2“購買”按鈕圖片製作

3.3.3頭部高級搜尋按鈕背景的製作

3.3.4導航按鈕背景圖片製作

3.3.5分類導航條背景的製作

3.3.6GIF動畫設計製作

3.3.7蒙版Banner圖製作

3.4任務拓展

3.5任務小結

3.6能力評估

第二階段網站的結構架設

任務4“叮噹網上書店”項目建站

4.1任務描述

4.2相關知識

4.2.1DreamweaverCS6工作環境

4.2.2什麼是XHTML

4.2.3XHTML檔案結構

4.2.4DTD檔案

4.2.5XHTML編碼規則

4.2.6頭部標籤head

4.3任務實現

4.3.1“叮噹網上書店”項目建站

4.3.2“叮噹網上書店”新建首頁

4.4任務拓展

4.4.1SEO——讓你的網站排名靠前

4.4.2head三標籤SEO

4.5任務小結

4.6能力評估

任務5“叮噹網上書店”頁面框架結構

5.1任務描述

5.2相關知識

5.2.1div標籤

5.2.2span標籤

5.3任務實施

5.3.1“叮噹網上書店”首頁XHTML框架結構

5.3.2“叮噹網上書店”購物車頁XHTML框架結構

5.4任務拓展

5.4.1“叮噹網上書店”登錄頁XHTML框架結構

5.4.2“叮噹網上書店”註冊頁XHTML框架結構

5.4.3“叮噹網上書店”圖書分類頁XHTML框架結構

5.4.4“叮噹網上書店”圖書詳細頁XHTML框架結構

5.5任務小結

5.6能力評估

任務6“叮噹網上書店”首頁總體結構

6.1任務描述

6.2相關知識

6.2.1插入圖片——img標籤

6.2.2列表——ul、ol和li標籤

6.2.3超連結——a標籤

6.2.4表單類標籤

6.2.5hn和p標籤

6.3任務實現

6.3.1首頁header區域XHTML模組結構

6.3.2首頁search區域XHTML模組結構

6.3.3首頁中間left區域XHTML模組結構

6.3.4首頁中間right區域XHTML模組結構

6.3.5首頁中間center區域XHTML模組結構

6.3.6首頁footer區域XHTML模組結構

6.4任務拓展

6.4.1圖書分類頁XHTML總體結構

6.4.2圖書詳細頁XHTML總體結構

6.4.3登錄頁XHTML總體結構

6.5任務小結

6.6能力評估

任務7“叮噹網上書店”購物車頁整體結構

7.1任務描述

7.2相關知識

7.2.1table、tr、th和td標籤

7.2.2thead、tbody和tfoot標籤

7.3任務實現

7.3.1購物車主體部分整體結構

7.3.2標題shoppingtitle結構

7.3.3表頭shoppingtabletop結構

7.3.4中間表格區shoppingtablecenter結構

7.3.5底部shoppingtablefooter結構

7.4任務拓展

7.4.1註冊頁XHTML總體結構

7.4.2登錄頁XHTML總體結構

7.5任務小結

7.6能力評估

第三階段網站的效果設計

任務8“叮噹網上書店”頁面布局與定位

8.1任務描述

8.2相關知識

8.2.1CSS樣式表

8.2.2套用CSS到網頁中

8.2.3盒子模型

8.2.4浮動布局

8.2.5定位布局

8.3任務實施

8.3.1首頁布局與定位

8.3.2圖書分類頁布局與定位

8.3.3購物車頁布局與定位

8.4任務拓展

8.5任務小結

8.6能力評估

任務9“叮噹網上書店”首頁navlink區樣式

9.1任務描述

9.2相關知識

9.2.1使用列表元素

9.2.2背景控制

9.2.3文本與段落樣式

9.2.4超連結樣式控制

9.3任務實施

9.3.1首頁navlink區Logo圖片樣式

9.3.2首頁navlink區導航選單樣式

9.3.3首頁navlink區用戶快速導航樣式

9.4任務拓展

9.5任務小結

9.6能力評估

任務10“叮噹網上書店”首頁search區樣式

10.1任務描述

10.2相關知識

10.2.1圓角背景控制

10.2.2表單UI設計效果

10.3任務實施

10.3.1首頁search區圓角背景樣式

10.3.2首頁search區表單設計樣式

10.4任務拓展

10.4.1首頁main_left、main_right兩側樣式

10.4.2首頁main_right用戶登錄區樣式

10.4.3用戶註冊頁樣式

10.4.4用戶登錄頁樣式

10.5任務小結

10.6能力評估

任務11“叮噹網上書店”首頁main_center區樣式

11.1任務描述

11.2相關知識

11.2.1CSS縮寫

11.2.2CSS Hack技術

11.2.3ul的不同表現

11.2.4容器不擴展問題

11.3任務實施

11.3.1首頁main_center區主編推薦區樣式

11.3.2首頁main_center區本月新出版區樣式

11.4任務拓展

11.4.1首頁main_center區媒體熱點區樣式

11.4.2首頁footer區樣式

11.5任務小結

11.6能力評估

任務12“叮噹網上書店”購物車頁樣式

12.1任務描述

12.2相關知識

12.2.1細線表格

12.2.2表格隔行變色

12.3任務實施

12.3.1購物車頁表格列表效果

12.3.2購物車頁表格隔行變色效果

12.4任務拓展

12.4.1用戶登錄頁樣式

12.4.2用戶註冊頁樣式

12.5任務小結

12.6能力評估

第四階段網站的人機互動

任務13“叮噹網上書店”表單驗證互動

13.1任務描述

13.2相關知識

13.2.1jQuery概述

13.2.2jQuery檔案下載

13.2.3jQuery驗證函式

13.2.4jQuery驗證代碼結構

13.2.5jQuery樣式效果

13.3任務實施

13.3.1表單不為空的驗證

13.3.2表單信箱格式驗證

13.3.3表單兩次密碼相同驗證

13.4任務拓展

13.4.1用戶自定義jQuery方法驗證

13.4.2採用jQuery和Ajax實現無刷新驗證

13.5任務小結

13.6能力評估

參考文獻

相關詞條

熱門詞條

聯絡我們