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

目錄

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