Web Design Garage
暫譯: 網頁設計車庫

Marc Campbell

Web Design Garage
  • 出版商: Prentice Hall
  • 出版日期: 2005-01-31
  • 售價: $1,690
  • 貴賓價: 9.5 折 $1,606
  • 語言: 英文
  • 頁數: 552
  • 裝訂: Paperback
  • ISBN: 0131481991
  • ISBN-13: 9780131481992
  • 相關分類: 網頁設計

    • 已絕版

買這商品的人也買了...

相關主題

商品描述

Description:

Web Design Garage is a hands-on guide for Web design and usability. In the spirit of the Garage series, this book doesn't preach to the student or cover ground already well documented in software manuals. Instead, it provides practical, quick solutions to common design and usability problems. - This book includes layout diagrams in addition to graphical Web-page mockups. By comparing the figures, the student learns how to visualize design problems in terms of the underlying layout. Each topic in the book can be read or referenced as a stand alone solution, but cross-references are included where appropriate to foster a nonlinear, browsing feel. These "links" are helpful for those readers who want to learn more about a particular aspect of the problem.

 

Table of Contents:

Preface xv

Part I: Design and Usability Topics 1

Topic 1: Designing to Aid Navigation 3

Topic 2: Grouping Similar Functions 9

Topic 3: Designing Graphics for Clicks 17

Topic 4: Achieving Balance 25

Topic 5: Choosing Colors 33

Choosing Text and Background Colors 33

Choosing Link Colors 37

Choosing Interface Colors 38

Topic 6: Designing for Accessibility 41

Making Images Accessible 42

Making Multimedia Accessible 44

Managing Your Use of Color 45

Topic 7: Leaving Breadcrumb Trails 47

Topic 8: Using Jump Menus 53

Topic 9: Managing Popup Windows 59

Making Popups 61

Topic 10: Creating Popup Menus 67

Understanding Layers 68

Laying Out Popup Menus 69

Topic 11: Providing a Way Back 79

Topic 12: Working with Scripts and Style Sheets 83

Embedding Scripts 83

Embedding Style Sheets 85

Attaching Scripts 86

Attaching Style Sheets 86

BLOG: Embedding or Attaching? 89

Topic 13: Launching Scripts with Links 91

BLOG: JavaScript Links or onClick Links? 93

Part II: Layout Topics 95

Topic 14: Creating Fixed-Width Layouts with Tables 97

BLOG: HTML or CSS for Layout? 103

Topic 15: Creating Fixed-Width Layouts with CSS 105

Topic 16: Centering Fixed-Width CSS Layouts 111

Topic 17: Creating Liquid Layouts with Tables 115

Topic 18: Creating Liquid Layouts with CSS 121

Topic 19: Slicing Images for Layout Tables 127

Topic 20: Creating Multicolumn Layouts with Tables 133

Topic 21: Creating Multicolumn Layouts with CSS 137

Topic 22: Preventing a Nav Bar from Breaking 141

Topic 23: Coloring Table Cells 149

Topic 24: Coloring and Formatting CSS Divs 155

Topic 25: Controlling Design Space with HTML 163

Topic 26: Controlling Design Space with CSS 165

Part III: Image Topics 167

Topic 27: Choosing the Right Image File Type 169

Topic 28: Optimizing Web Images 171

Optimizing Resolution 172

Optimizing Image Size 173

Optimizing the Palette in GIFs and PNGs 174

Optimizing the Compression in JPEGs 174

Topic 29: Transforming Images with HTML Attributes 177

Topic 30: Positioning Inline Images with HTML 181

Topic 31: Floating Inline Images with CSS 185

Topic 32: Designing Button States 189

Topic 33: Making Rollover Graphics 193

Topic 34: Making Images More Accessible 197

Topic 35: Creating Image Maps 199

Topic 36: Making Image Maps More Accessible 203

Topic 37: Using Background Images in Table Cells 207

Topic 38: Using Background Images in CSS Divs 211

Topic 39: Using Background Images on Web Pages 215

Part IV: Text Topics 219

Topic 40: Using Text Elements Properly 221

Working with Header Tags 222

Marking up Paragraphs 224

Using Quote Elements 224

Displaying Addresses 225

Topic 41: Using Phrase Elements Properly 227

Topic 42: Adding Cascading Style Sheets 231

Writing CSS 232

Topic 43: Replacing Formatting Tags with CSS 243

Topic 44: Creating Custom Formatting Styles 247

Topic 45: Changing the Look of a Text Element 251

Defining Contextual Selectors 251

Defining Child Selectors 254

Defining Sibling Selectors 255

Mixing It Up 257

Topic 46: Defining Class Styles 259

Forming an Exclusive Club 262

Topic 47: Controlling the Typeface 265

Troubleshooting Fonts 266

Choosing the Best Typeface 268

Topic 48: Controlling Type Size 269

Using the Font Tag 269

Using the Font-Size Attribute 270

BLOG: Sizing up Type Sizing 273

Topic 49: Controlling Spacing 275

Controlling Space around Elements 275

Controlling Space inside Elements 277

Controlling Space between Lines of Type 277

Controlling Space between Words 278

Controlling Space between Letters 279

Topic 50: Controlling Justified and Ragged Type 281

Topic 51: Controlling Indents 285

Topic 52: Building Lists 291

Nesting Lists in HTML 293

Adjusting List Properties with CSS 295

Topic 53: Highlighting Text with Color 303

Topic 54: Rehabilitating Horizontal Rules 307

Creating End Signs 310

Topic 55: Adding a Dateline and Timestamp 311

Topic 56: Designing Data Tables 319

Making the Most of the Grouping Tags 323

Working with Colspans and Rowspans 324

Adjusting Cellpadding and Cellspacing 328

Changing the Border 331

Improving Accessibility 335

Topic 57: Using Pseudo-Elements 341

Topic 58: Defining ID Styles 347

Part V: Link Topics 349

Topic 59: Applying Styles to Hyperlinks 351

BLOG: In Defense of the Hyperlink Underline 357

Topic 60: Making Rollover Hyperlinks 359

Topic 61: Choosing the Right Path 363

Using Absolute Paths 363

Using Document-Relative Paths 364

Using Root-Relative Paths 366

Topic 62: Changing the Color of a Single Hyperlink 369

Changing the Default Color for All Link States 369

Changing the Default Color for Individual Link States 370

Topic 63: Choosing the Right Text for a Hyperlink 373

Topic 64: Creating ScreenTips for Hyperlinks 379

Topic 65: Opening a New Browser Window 381

Topic 66: Using Named Anchors 383

Setting Named Anchors 383

Linking to Named Anchors 385

Topic 67: Creating Email Links 387

Part VI: Form Topics 389

Topic 68: Working with Form Widgets 391

Working with Generic Buttons 392

Working with Checkboxes 393

Working with File Fields 395

Working with Hidden Fields 396

Working with Image Fields 397

Working with Lists 399

Working with Menus 401

Working with Password Fields 402

Working with Radio Buttons 403

Working with Reset Buttons 405

Working with Submit Buttons 406

Working with Text Areas 407

Working with Text Fields 408

Topic 69: Applying Styles to Text Widgets 411

Changing the Text Style 411

Changing the Colors and the Border 414

Topic 70: Validating Form Input 417

Topic 71: Setting the Tab Order 425

Topic 72: Working with Fieldsets 429

Topic 73: Working with Labels 437

Part VII: Tricks Topics 441

Topic 74: Embedding Media 443

Topic 75: Automatically Refreshing the Page 449

Topic 76: Automatically Redirecting the Browser 453

Topic 77: Displaying Random Content 457

Topic 78: Displaying a Browser Alert 467

Topic 79: Displaying a “You Are Now Leaving” Popup 473

Part VIII: Basic Training Topics 475

Topic 80: Creating HTML Documents 477

Organizing Your Web Site 482

Topic 81: Adding Keywords and Page Descriptions 487

Topic 82: Blocking Parts of Your Site from Search Engines 489

Topic 83: Testing Your Site 493

Topic 84: Choosing a Web Host 495

Finding a Web Host 495

Considering Features 497

Topic 85: Uploading Your Site 501

Topic 86: Validating Your Source Code 503

Glossary 505

Index 515

商品描述(中文翻譯)

描述：
《Web 設計車庫》是一本針對網頁設計和可用性的實用指南。這本書秉持著車庫系列的精神，並不對學生說教，也不重複已在軟體手冊中充分記錄的內容。相反地，它提供了針對常見設計和可用性問題的實用快速解決方案。這本書除了包含圖形網頁模型外，還包括佈局圖。透過比較這些圖形，學生可以學會如何從底層佈局的角度來視覺化設計問題。書中的每個主題都可以作為獨立的解決方案來閱讀或參考，但在適當的地方會包含交叉參考，以促進非線性瀏覽的感覺。這些「連結」對於那些想要深入了解特定問題方面的讀者非常有幫助。

目錄：
前言 xv
第一部分：設計與可用性主題 1
主題 1：設計以輔助導航 3
主題 2：分組相似功能 9
主題 3：設計點擊用的圖形 17
主題 4：達成平衡 25
主題 5：選擇顏色 33
選擇文字和背景顏色 33
選擇連結顏色 37
選擇介面顏色 38
主題 6：設計以提高可及性 41
使圖像可及 42
使多媒體可及 44
管理顏色的使用 45
主題 7：留下麵包屑導航 47
主題 8：使用跳轉選單 53
主題 9：管理彈出視窗 59
製作彈出視窗 61
主題 10：創建彈出選單 67
理解圖層 68
佈局彈出選單 69
主題 11：提供返回的方式 79
主題 12：使用腳本和樣式表 83
嵌入腳本 83
嵌入樣式表 85
附加腳本 86
附加樣式表 86
部落格：嵌入還是附加？ 89
主題 13：用連結啟動腳本 91
部落格：JavaScript 連結還是 onClick 連結？ 93
第二部分：佈局主題 95
主題 14：使用表格創建固定寬度佈局 97
部落格：佈局用 HTML 還是 CSS？ 103
主題 15：使用 CSS 創建固定寬度佈局 105
主題 16：居中固定寬度 CSS 佈局 111
主題 17：使用表格創建流動佈局 115
主題 18：使用 CSS 創建流動佈局 121
主題 19：為佈局表格切片圖像 127
主題 20：使用表格創建多欄佈局 133
主題 21：使用 CSS 創建多欄佈局 137
主題 22：防止導航欄斷裂 141
主題 23：為表格單元格上色 149
主題 24：為 CSS Div 上色和格式化 155
主題 25：使用 HTML 控制設計空間 163
主題 26：使用 CSS 控制設計空間 165
第三部分：圖像主題 167
主題 27：選擇正確的圖像檔案類型 169
主題 28：優化網頁圖像 171
優化解析度 172
優化圖像大小 173
優化 GIF 和 PNG 的調色板 174
優化 JPEG 的壓縮 174
主題 29：使用 HTML 屬性轉換圖像 177
主題 30：使用 HTML 定位內嵌圖像 181
主題 31：使用 CSS 浮動內嵌圖像 185
主題 32：設計按鈕狀態 189
主題 33：製作滑鼠懸停圖形 193
主題 34：使圖像更具可及性 197
主題 35：創建圖像地圖 199
主題 36：使圖像地圖更具可及性 203
主題 37：在表格單元格中使用背景圖像 207
主題 38：在 CSS Div 中使用背景圖像 211
主題 39：在網頁上使用背景圖像 215
第四部分：文字主題 219
主題 40：正確使用文字元素 221
使用標題標籤 222
標記段落 224
使用引用元素 224
顯示地址 225
主題 41：正確使用短語元素 227
主題 42：添加層疊樣式表 231
撰寫 CSS 232
主題 43：用 CSS 替換格式標籤 243
主題 44：創建自定義格式樣式 247
主題 45：改變文字元素的外觀 251
定義上下文選擇器 251
定義子選擇器 254
定義兄弟選擇器 255
混合使用 257
主題 46：定義類樣式 259
形成獨佔俱樂部 262
主題 47：控制字體 265
故障排除字體 266
選擇最佳字體 268
主題 48：控制字型大小 269
使用字體標籤 269
使用字體大小屬性 270
部落格：字型大小的評估 273
主題 49：控制間距 275
控制元素周圍的空間 275
控制元素內部的空間 277
控制行間距 277
控制單詞間距 278
控制字母間距 279
主題 50：控制對齊和不對齊的字型 281
主題 51：控制縮排 285
主題 52：建立列表 291
在 HTML 中嵌套列表 293
使用 CSS 調整列表屬性 295
主題 53：用顏色突出顯示文字 303
主題 54：修復水平規則 307
創建結尾標誌 310
主題 55：添加日期和時間戳 311
主題 56：設計數據表 319
充分利用分組標籤 323
處理 colspans 和 rowspans 324
調整單元格內邊距和外邊距 328
更改邊框 331
改善可及性 335
主題 57：使用偽元素 341
主題 58：定義 ID 樣式 347
第五部分：連結主題 349
主題 59：為超連結應用樣式 351
部落格：為超連結辯護

類似商品