Web前端開(kāi)發(fā)實(shí)用案例教程(高職高（Axure RP+HTML5+CSS3+Photoshop）

目錄

單元1個(gè)人博客主頁(yè)——Axure原型設(shè)計(jì)與網(wǎng)站開(kāi)發(fā)入門(mén)1
任務(wù)11用Axure站點(diǎn)地圖管理頁(yè)面——Axure
原型設(shè)計(jì)概述1
任務(wù)12個(gè)人簡(jiǎn)歷頁(yè)面——網(wǎng)站環(huán)境和本地站點(diǎn)的創(chuàng)建8
任務(wù)13心情日記——開(kāi)發(fā)工具介紹及網(wǎng)站開(kāi)發(fā)總體
講解11
單元2美麗鮮花網(wǎng)店——HTML標(biāo)簽與CSS樣式基礎(chǔ)19
任務(wù)21制作鮮花網(wǎng)頁(yè)結(jié)構(gòu)——HTML標(biāo)簽介紹19
任務(wù)22修飾鮮花網(wǎng)頁(yè)——CSS樣式基礎(chǔ)23
單元3新聞系統(tǒng)網(wǎng)站——文字在網(wǎng)頁(yè)中的應(yīng)用28
任務(wù)31企業(yè)產(chǎn)品介紹頁(yè)面——設(shè)置文字樣式28
任務(wù)32行業(yè)新聞文章頁(yè)面——設(shè)置段落和其他
文字樣式34
單元4藝術(shù)休閑散文頁(yè)面——Axure交互效果與圖像
在網(wǎng)頁(yè)中的應(yīng)用38任務(wù)41散文集——設(shè)置圖文混排效果38
任務(wù)42童話故事——設(shè)置網(wǎng)頁(yè)背景元素43
單元5通訊錄分組表——表格構(gòu)建網(wǎng)頁(yè)48
任務(wù)51月歷制作——表格標(biāo)簽的靈活應(yīng)用48
任務(wù)52用戶(hù)信息統(tǒng)計(jì)頁(yè)面——CSS設(shè)置邊框及
內(nèi)外邊距53
單元6商品網(wǎng)——菜單制作59
任務(wù)61仿當(dāng)當(dāng)網(wǎng)書(shū)籍菜單——縱向列表菜單59
任務(wù)62仿天貓商品菜單——橫向列表菜單61
任務(wù)63仿阿里巴巴集團(tuán)商品菜單——下拉列表菜單64單元7注冊(cè)頁(yè)面——Axure動(dòng)態(tài)面板與表單在網(wǎng)頁(yè)中的應(yīng)用72
任務(wù)71仿蜜淘全球購(gòu)網(wǎng)站登錄界面——表單結(jié)構(gòu)72
任務(wù)72仿蜜淘全球購(gòu)注冊(cè)頁(yè)面——使用CSS控制表單84
單元8電影音樂(lè)網(wǎng)——頁(yè)面中插入視頻、音頻、動(dòng)畫(huà)94
任務(wù)81微視頻網(wǎng)頁(yè)展播——視頻播放頁(yè)面94
任務(wù)82婉約配樂(lè)頁(yè)面——頁(yè)面中播放音樂(lè)99
任務(wù)83動(dòng)畫(huà)網(wǎng)頁(yè)——頁(yè)面中插入動(dòng)畫(huà)107
單元9旅游景點(diǎn)網(wǎng)站——Axure低保真原型設(shè)計(jì)與CSS模型結(jié)構(gòu)的標(biāo)準(zhǔn)文檔流111
任務(wù)91旅游頁(yè)面頁(yè)頭部分——盒子模型111
任務(wù)92制作旅游網(wǎng)正文——應(yīng)用標(biāo)準(zhǔn)文檔流121
單元10校園課程類(lèi)網(wǎng)站——CSS定位布局130
任務(wù)101校園新聞頁(yè)面——常用浮動(dòng)布局方法130
任務(wù)102課程介紹頁(yè)面——CSS定位屬性布局140
單元11多肉植物商城——JavaScript應(yīng)用148
任務(wù)111多肉植物圖替換——JavaScript圖片切換特效148
任務(wù)112美麗鼠標(biāo)影——鼠標(biāo)類(lèi)特性153
任務(wù)113圖片變換——滾動(dòng)圖片效果155
單元12旅游勝地宣傳單——Photoshop平面設(shè)計(jì)159
任務(wù)121海島旅游勝地——圖像處理基礎(chǔ)159
任務(wù)122宣傳單設(shè)計(jì)——繪制與編輯圖像167
單元13廣告類(lèi)設(shè)計(jì)——Photoshop平面設(shè)計(jì)177
任務(wù)131房地產(chǎn)廣告——應(yīng)用文字與色調(diào)177
任務(wù)132咖啡廣告——通道與濾鏡184
單元14精品資源共享課網(wǎng)站設(shè)計(jì)197
參考文獻(xiàn)221