Web前端開(kāi)發(fā)項目化教程/高職高專(zhuān)“工作過(guò)程導向”新理念教材·計算機系列簡(jiǎn)介，目錄書(shū)摘

內容簡(jiǎn)介:　　《Web前端開(kāi)發(fā)項目化教程/高職高專(zhuān)“工作過(guò)程導向”新理念教材·計算機系列》以Web前端開(kāi)發(fā)的崗位需求和行業(yè)開(kāi)發(fā)規范為基礎，以電子商務(wù)網(wǎng)站“叮當網(wǎng)上書(shū)店”為導入項目，按照“項目導入，任務(wù)驅動(dòng)”的教學(xué)模式，基于崗位的工作過(guò)程精心組織和安排教學(xué)內容。
　　《Web前端開(kāi)發(fā)項目化教程/高職高專(zhuān)“工作過(guò)程導向”新理念教材·計算機系列》內容由4個(gè)任務(wù)階段組成：網(wǎng)站的前期準備、網(wǎng)站的結構架設、網(wǎng)站的效果設計和網(wǎng)站的人機交互。
　　《Web前端開(kāi)發(fā)項目化教程/高職高專(zhuān)“工作過(guò)程導向”新理念教材·計算機系列》的重點(diǎn)在于采用XHTML、CSS和jQuery等前端技術(shù)進(jìn)行網(wǎng)站的開(kāi)發(fā)、設計，《Web前端開(kāi)發(fā)項目化教程/高職高專(zhuān)“工作過(guò)程導向”新理念教材·計算機系列》的難點(diǎn)在于瀏覽器的兼容性設計。
　　《Web前端開(kāi)發(fā)項目化教程/高職高專(zhuān)“工作過(guò)程導向”新理念教材·計算機系列》將Web前端開(kāi)發(fā)技術(shù)的知識和技能有機地融入各個(gè)任務(wù)中，讀者通過(guò)項目任務(wù)的逐步實(shí)施，在學(xué)中做，在做中學(xué)。
　　《Web前端開(kāi)發(fā)項目化教程/高職高專(zhuān)“工作過(guò)程導向”新理念教材·計算機系列》可作為高職高專(zhuān)院校相關(guān)專(zhuān)業(yè)的教材，也可作為網(wǎng)站設計師、Web前端開(kāi)發(fā)工程師、UI設計工程師等網(wǎng)站設計與開(kāi)發(fā)人員的參考書(shū)。

目錄:第一階段 網(wǎng)站的前期準備
任務(wù)1 “叮當網(wǎng)上書(shū)店”項目需求分析
1.1 任務(wù)描述
1.2 相關(guān)知識
1.2.1 什么是Web標準
1.2.2 Web標準的歷史
1.2.3 Web標準的構成
1.2.4 網(wǎng)站項目需求分析的流程
1.3 任務(wù)實(shí)現
1.3.1 頁(yè)面級設計需求
1.3.2 網(wǎng)站功能級的需求
1.4 任務(wù)拓展
1.5 任務(wù)小結
1.6 能力評估
任務(wù)2 “叮當網(wǎng)上書(shū)店”前臺版面設計稿
2.1 任務(wù)描述
2.2 相關(guān)知識
2.2.1 網(wǎng)站常用的布局結構
2.2.2 網(wǎng)站常用的頁(yè)面版式
2.3 任務(wù)實(shí)現
2.3.1 “叮當網(wǎng)上書(shū)店”首頁(yè)版面設計稿
2.3.2 “叮當網(wǎng)上書(shū)店”登錄頁(yè)版面設計稿
2.3.3 “叮當網(wǎng)上書(shū)店”圖書(shū)分類(lèi)頁(yè)版面設計稿
2.3.4 “叮當網(wǎng)上書(shū)店”購物車(chē)頁(yè)版面設計稿
2.4 任務(wù)拓展
2.4.1 “叮當網(wǎng)上書(shū)店”注冊頁(yè)版面設計稿
2.4.2 “叮當網(wǎng)上書(shū)店”圖書(shū)詳細頁(yè)版面設計
2.5 任務(wù)小結
2.6 能力評估
任務(wù)3 “叮當網(wǎng)上書(shū)店”圖片素材設計
3.1 任務(wù)描述
3.2 相關(guān)知識
3.2.1 Photoshop工作環(huán)境
3.2.2 像素與分辨率
3.2.3 位圖和矢量圖
3.2.4 圖像的顏色模式
3.2.5 圖像的格式
3.2.6 圖層
3.2.7 Photoshop常用工具
3.2.8 參考線(xiàn)
3.2.9 Photoshop與GIF動(dòng)畫(huà)
3.2.10 蒙版
3.3 任務(wù)實(shí)施
3.3.1 “叮當網(wǎng)上書(shū)店”Logo制作
3.3.2 “購買(mǎi)”按鈕圖片制作
3.3.3 頭部高級搜索按鈕背景的制作
3.3.4 導航按鈕背景圖片制作
3.3.5 分類(lèi)導航條背景的制作
3.3.6 GIF動(dòng)畫(huà)設計制作
3.3.7 蒙版Banner圖制作
3.4 任務(wù)拓展
3.5 任務(wù)小結
3.6 能力評估

第二階段 網(wǎng)站的結構架設
任務(wù)4“叮當網(wǎng)上書(shū)店”項目建站
4.1 任務(wù)描述
4.2 相關(guān)知識
4.2.1 DreamweaverCS6工作環(huán)境
4.2.2 什么是XHTML
4.2.3 XHTML文件結構
4.2.4 DTD文件
……
任務(wù)5“叮當網(wǎng)上書(shū)店”頁(yè)面框架結構
任務(wù)6“叮當網(wǎng)上書(shū)店”首頁(yè)總體結構
任務(wù)7“叮當網(wǎng)上書(shū)店”購物車(chē)頁(yè)整體結構

第三階段 網(wǎng)站的效果設計
任務(wù)8“叮當網(wǎng)上書(shū)店”頁(yè)面布局與定位
任務(wù)9“叮當網(wǎng)上書(shū)店”首頁(yè)navlink區樣式
任務(wù)10“叮當網(wǎng)上書(shū)店”首頁(yè)search區樣式
任務(wù)11“叮當網(wǎng)上書(shū)店”首頁(yè)main_center區樣式
任務(wù)12“叮當網(wǎng)上書(shū)店”購物車(chē)頁(yè)樣式

第四階段 網(wǎng)站的人機交互
任務(wù)13“叮當網(wǎng)上書(shū)店”表單驗證交互

參考文獻