用戶界面設計與網頁製作

本書以軟體企業真實開發界面的相應過程為基礎，針對職業院校學生的特點，按照信息技術專業人才的培養方案，通過對企業崗位群調研，由企業專家指導，結合教師多年教學實踐和教學改革、企業實踐的經驗精心編寫而成.

基本介紹

• 書名：用戶界面設計與網頁製作
• ISBN：9787302328025
• 定價：48元
• 出版社：清華大學出版社 
• 出版時間：2014
• 裝幀：平裝

出版信息

作者：孫凌玲、劉鐵英、張靜、李季、張雨
定價：48元
印次：1-1
ISBN：9787302328025
出版日期：2014.02.01
印刷日期：2014.02.11

圖書簡介

本書以軟體企業真實開發界面的相應過程為基礎，針對職業院校學生的特點，按照信息技術專業人才的培養方案，通過對企業崗位群調研，由企業專家指導，結合教師多年教學實踐和教學改革、企業實踐的經驗精心編寫而成。本書首先講解界面設計基礎和界面圖形圖像處理軟體的使用，初學者可在此基礎上，深入學習界面設計與製作的完整工作流程，包括界面需求分析、界面草圖和跳轉圖設計、界面效果圖製作、界面套用字典編寫、界面原型開發、界面客戶端處理的實現等內容。 本書既適合作為高職院校計算機、信息管理等相關專業的教材，又可作為從事網頁製作和界面開發人員的入門用書。

圖書目錄

第一篇用戶界面設計基礎

第1章概述31.1初識用戶界面設計3

1.1.1什麼是用戶界面設計3

1.1.2用戶界面設計的現狀和發展4

1.1.3用戶界面設計的分類5

1.2Web應用程式軟體的UI設計元素5

1.2.1網頁界面布局元素5

1.2.2網頁界面組成要素11

本章小結19

第2章開發用戶界面的工作流程及規範20

2.1開發用戶界面的工作流程20

2.1.1用戶界面設計的主要內容20

2.1.2原型法21

2.1.3設計並製作用戶界面的步驟24

2.2用戶界面的設計規範26

2.2.1開發用戶友好性系統的設計原理26

2.2.2用戶界面的設計原則27

2.2.3界面標準34

本章小結37

第二篇界面圖形圖像處理軟體的使用

第3章Fireworks處理圖形圖像413.1圖形圖像的基本類型41

3.1.1點陣圖41

3.1.2矢量圖42

3.1.3Fireworks的圖形檔案類型42

3.2認識Fireworks43用戶界面設計與網頁製作目錄3.2.1Fireworks界面及基本概念43

3.2.2Fireworks基本操作48

3.3界面圖片的設計與製作50

3.3.1文字編輯與圖片最佳化——圖形標題的設計與製作50

3.3.2濾鏡的使用——按鈕的設計與製作55

3.3.3圖片剪輯與繪製圖形——Logo的設計與製作60

3.4專業GIF動畫設計67

3.4.1合成已有圖片生成GIF動畫67

3.4.2製作補間動畫70

本章小結71

訓練任務71

實訓72

第4章Flash網頁動畫的設計73 ...

4.1矢量圖形的動畫73

4.1.1開發工具Flash74

4.1.2網頁Banner74

4.2認識Flash75

4.2.1Flash開發環境及知識準備75

4.2.2Flash的製作流程79

4.2.3Flash的基本操作80

4.3簡單的Flash動畫製作84

4.3.1逐幀動畫的製作84

4.3.2補間形狀動畫的製作88

4.4傳統補間動畫與遮罩的初步套用92

4.4.1傳統補間動畫——“3D夜遊”92

4.4.2遮罩的初步套用——“夜景屏保”97

4.5遮罩的製作技巧與補間動畫99

4.5.1遮罩的製作技巧——“光影文字”99

4.5.2補間動畫——“動感文字”103

4.6Flash按鈕與音效製作107

4.6.1Flash按鈕元件107

4.6.2Flash文檔的音效處理111

4.7引導線與Flash腳本語言的套用113

4.7.1引導線的套用——“引導線星星”113

4.7.2Flash腳本的套用——“動作軌跡星星”117

4.7.3系統Banner的整合119

本章小結120

訓練任務120

第三篇界面需求分析與設計

第5章界面需求分析與設計1255.1界面需求分析與設計的概述125

5.1.1什麼是界面需求分析125

5.1.2什麼是界面設計126

5.2界面需求分析與結構設計126

5.2.1界面需求分析126

5.2.2界面結構設計127

5.3界面視覺設計128

5.3.1制定界面設計規範128

5.3.2製作界面草圖130

5.3.3製作界面效果圖134

5.4界面互動設計147

5.4.1套用字典概述148

5.4.2套用字典的製作150

本章小結157

訓練任務157

實訓157

第四篇原型開發

第6章網頁界面原型基礎1616.1網頁界面設計的相關概念161

6.1.1B/S結構161

6.1.2WWW162

6.1.3瀏覽器162

6.1.4Web標準162

6.2網頁開發軟體的使用165

6.2.1Dreamweaver界面及基本概念165

6.2.2Dreamweaver的基本操作168

6.3XHTML語言171

6.3.1HTML語言171

6.3.2初識XHTML語言176

6.3.3插入文本182

6.3.4插入圖片185

6.3.5設定超連結189

6.3.6插入表單190

6.3.7插入表格198

6.3.8插入塊標籤201

6.3.9插入Flash動畫202

6.4CSS樣式表基礎203

6.4.1CSS樣式表的定義203

6.4.2CSS結構206

6.4.3將CSS套用到網頁中207

6.4.4選擇符類型211

6.4.5CSS數據單位219

6.4.6CSS的盒模型220

本章小結227

訓練任務227

實訓227

第7章系統界面的製作228

7.1創建站點228

7.1.1設計並規劃教務檔案管理系統站點229

7.1.2創建教務檔案管理系統站點229

7.2Fireworks導出網頁——登錄界面的製作233

7.2.1分析並劃分界面布局233

7.2.2Fireworks導出網頁234

7.2.3插入界面元素235

7.2.4設定CSS樣式238

7.3CSS+DIV布局簡單網頁——創建文檔界面的製作241

7.3.1劃分界面布局241

7.3.2使用CSS+DIV實現網頁布局242

7.3.3插入界面元素並設定CSS樣式248

7.4模板的套用——“創建用戶”界面的製作256

7.4.1模板的優點257

7.4.2模板的創建與套用257

7.5CSS+DIV布局主頁——主界面的製作264

7.5.1主界面的總體布局264

7.5.2主界面的頂部布局268

7.5.3製作導航選單272

7.5.4界面主體布局280

7.5.5插入Banner281

7.5.6麵包屑導航282

7.5.7插入文檔列表283

7.6實現超連結288

本章小結290

訓練任務290

實訓292

第五篇網頁界面客戶端處理

第8章JavaScript腳本語言2958.1JavaScript概況295

8.1.1什麼是JavaScript295

8.1.2JavaScript的特點297

8.1.3第一個JavaScript程式298

8.1.4JavaScript基本數據結構298

8.1.5JavaScript程式的構成301

8.2JavaScript實現客戶端處理307

8.2.1實現提示框307

8.2.2實現打開瀏覽器視窗308

8.2.3實現關閉視窗309

8.2.4實現無框線視窗的彈出與關閉310

8.2.5實現表單數據輸入校驗312

8.2.6實現表單的智慧型化輸入316

本章小結318

訓練任務319

實訓319

第9章正則表達式320

9.1正則表達式的基礎320

9.1.1正則表達式的概念320

9.1.2元字元321

9.1.3各種操作符的運算優先權322

9.1.4常用的正則表達式323

9.1.5正則表達式和JavaScript324

9.1.6正則表達式的表單驗證套用舉例326

9.2使用正則表達式實現客戶端處理329

9.2.1驗證輸入字元串329

9.2.2轉換IP332

9.2.3去除輸入字元串中多餘的空格333

本章小結336

訓練任務336

實訓336

附錄AHTML4.01/XHTML1.0參考手冊337

附錄BCSS2參考手冊340

附錄CJavaScript事件參考手冊350

附錄DJavaScript函式參考手冊（全局對象）351

附錄EHTMLDOM參考手冊352

附錄FHTML命名規範353

參考文獻355