商品簡介
Web前端開發實用案例教程基于Axure原型設計、HTML 5、CSS 3、JavaScript和Photoshop,以案例驅動形式介紹了網頁設計的相關知識。本書共分為14個單元,內容涵蓋了網站設計開發入門、HTML標簽與CSS樣式基礎、圖像設計在網頁中的應用、制作導航欄、表格在網頁中的應用、表單在網頁中的應用、CSS標準流布局、CSS浮動布局、CSS定位布局、JavaScript的應用,以及綜合應用案例等。本書內容翔實、圖文並茂、結構清晰、循序漸進,基礎知識與案例操作緊密結合,既可作為高等院校,高、中等職業技術院校,以及各類計算機教育培訓機構的網頁設計教材,也可供廣大網頁設計愛好者自學使用。
名人推薦
Web前端開發實用案例教程基于Axure原型設計、Html5、CSS3、JavaScript和Photoshop,以案例驅動形式介紹了網頁設計的相關知識。本書共分為14章,內容涵蓋了網站設計開發入門,HTML標簽與CSS樣式基礎、圖像設計在網頁中的應用、制作導航欄、表格在網頁中的應用、表單在網頁中的應用、CSS標準流布局、CSS浮動布局、CSS定位布局、JavaScript的應用,以及綜合應用案例等。
目次
目錄
單元1個人博客主頁——Axure原型設計與網站開發入門1
任務1 1用Axure站點地圖管理頁面——Axure
原型設計概述1
任務1 2個人簡歷頁面——網站環境和本地站點的創建8
任務1 3心情日記——開發工具介紹及網站開發總體
講解11
單元2美麗鮮花網店——HTML標簽與CSS樣式基礎19
任務2 1制作鮮花網頁結構——HTML標簽介紹19
任務2 2修飾鮮花網頁——CSS樣式基礎23
單元3新聞系統網站——文字在網頁中的應用28
任務3 1企業產品介紹頁面——設置文字樣式28
任務3 2行業新聞文章頁面——設置段落和其他
文字樣式34
單元4藝術休閑散文頁面——Axure交互效果與圖像
在網頁中的應用38任務4 1散文集——設置圖文混排效果38
任務4 2童話故事——設置網頁背景元素43
單元5通訊錄分組表——表格構建網頁48
任務5 1月歷制作——表格標簽的靈活應用48
任務5 2用戶信息統計頁面——CSS設置邊框及
內外邊距53
單元6商品網——菜單制作59
任務6 1仿當 當網書籍菜單——縱向列表菜單59
任務6 2仿天 貓商品菜單——橫向列表菜單61
任務6 3仿阿里巴巴集團商品菜單——下拉列表菜單64單元7注冊頁面——Axure動態面板與表單在網頁中的應用72
任務7 1仿蜜淘全球購網站登錄界面——表單結構72
任務7 2仿蜜淘全球購注冊頁面——使用CSS控制表單84
單元8電影音樂網——頁面中插入視頻、音頻、動畫94
任務8 1微視頻網頁展播——視頻播放頁面94
任務8 2婉約配樂頁面——頁面中播放音樂99
任務8 3動畫網頁——頁面中插入動畫107
單元9旅游景點網站——Axure低保真原型設計與CSS模型結構的標準文檔流111
任務9 1旅游頁面頁頭部分——盒子模型111
任務9 2制作旅游網正文——應用標準文檔流121
單元10校園課程類網站——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海島旅游勝地——圖像處理基礎159
任務12 2宣傳單設計——繪制與編輯圖像167
單元13廣告類設計——Photoshop平面設計177
任務13 1房地產廣告——應用文字與色調177
任務13 2咖啡廣告——通道與濾鏡184
單元14精品資源共享課網站設計197
參考文獻221