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

目錄

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