Web前端工程師修煉之道(原書第4版) ( 簡體 字) |
作者:(美)Jennifer Niederst Robbins 著 | 類別:1. -> 程式設計 -> 綜合 |
譯者: |
出版社:機械工業出版社 | 3dWoo書號: 39604 詢問書籍請說出此書號!【有庫存】 NT售價: 645 元 |
出版日:9/1/2014 |
頁數:584 |
光碟數:0 |
|
站長推薦: |
印刷:黑白印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787111471684 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言:閱讀第4版。
從上一版到現在發生太多的事情了!瀏覽器廠商和開發社區確定了Web標準,一切看起來剛剛塵埃落定時,移動互聯網時代又帶來了巨大的變化。隨著智能手機和平板電腦的出現,Web在小屏幕和便攜式設備上終于有了自己的位置。當我們想方設法使網站體驗更好時,形勢已經為Web設計者和程序員帶來了新的挑戰。
就像我所寫的那樣,很多這樣的挑戰依然處于爭論中,例如,如何把適當的圖片發送到適當的設備上。這是Web設計難以置信且充滿活力的時代,到處都在試驗和合作。這使我回想起了1993年,一個屬于Web的西部蠻荒歲月,當時我剛開始從事Web設計生涯。太多的問題需要解決!無限的可能!坦率地說,在這個時代,要確定不斷變化的科技,并把技術編寫成書是相當棘手的事情。因此我也盡我所能來指出還不確定的論題,并且提供一些在線的資源鏈接,來幫助你與時俱進。
現在有兩個新標準——HTML 5(超文本標記語言的第5次重大修訂)和CSS3(層疊樣式表,第3級)——提供給我們,當我寫本書的上一版時,這些還都只是傳說。現在本書的HTML部分使用了當前的HTML 5標準,而且涵蓋了CSS3標準的發展,新增了一章(第17章)來講解動畫、過渡、變換的交互。我們的工具使我們能夠比幾年前做得更多、更有效。
最后,由于JavaScript已經成為Web開發的重要部分,所以本書新增了兩章(第19章和第20章)來介紹JavaScript的語法和應用。我并不是JavaScript專家,但是我有幸找到了一位專家。第19章是由Mat“Wilto” Marquis編寫的,他是Filament Group的設計者和開發者,也是jQuery Mobile團隊的成員,同時還是《A List Apart》的技術編輯。
與本書前三版一樣,無論初學者的背景是什么,可以是經驗豐富的平面設計師,或者是尋找更好出路的程序員、辦公室助理、剛畢業的大學生、家庭主婦,只要想學習如何設計Web,本書都可以滿足你的需求,解決你的疑問。我已盡我所能將初學Web設計的課程經驗編輯成書,還提供了練習和測試,這樣你就可以得到實踐經驗,從而進步。
無論你是專門閱讀這本書,還是把它作為一個Web設計課程的輔助讀物,我都希望它能給你一個良好的開端,并預祝你學得開心。
本書組織結構
本書分為五部分,每一個都是Web開發的一個重要部分。
第一部分:開始起步
第一部分為本書后面的學習奠定了基礎。我從關于Web設計的一些重要信息開始講,包括你可能會扮演的各種角色,你可能會學到的技術和工具。你會學到HTML和CSS,并學習Web和網頁一般如何工作。我也會向你介紹一些重要的概念,以便讓你領會現代Web設計師的思想。
第二部分:HTML結構化標記
第二部分的章節涵蓋每個元素和屬性的本質以及語義結構,其中包括HTML 5中新引入的元素。我們將討論標記文字、鏈接、圖片、表格和表單。第二部分結束時會深入討論HTML 5,并且說明了它與以前標準的不同之處。
第三部分:表現層的CSS
在第三部分,你將會學習使用CSS來改變文本的外觀,為頁面創建多列布局,甚至添加基于時間的動畫、交互等。這部分也會介紹常用的CSS技術,包括如何創建一個使用自適應Web設計的頁面。
第四部分:JavaScript行為
在第四部分,Mat Marquis從JavaScript的語法綱要開始講解,幫助你逐步學習變量、函數。你也會學習到JavaScript的使用方式,包括DOM腳本,以及已有的JavaScript工具,如polyfills和庫,即便你還沒有完全準備好編寫代碼,這些工具都可以使你更快地使用JavaScript。
第五部分:創建Web圖像
第五部分介紹了Web適用的各種文件格式,而且描述了如何進行優化,才能使文件尺寸盡可能小。
致謝
我要感謝編輯Simon St. Laurent,與他的合作非常愉快,我期待著以后有更多的合作機會。還要感謝我的合作者Mat Marquis(matmarquis.com),他使JavaScript有趣,他雖有控制欲,卻也有著很好的合作精神。
我得到了許多聰明可愛的人的支持。我要感謝我的主技術審核者Aaron Gustafson(easy-designs.net)、JoelMarsh(thehipperelement.com)和Matt Menzer,他們從百忙中抽出了很多時間,以確保章節的細節準確。還要感謝提出了寶貴意見的評論者:Anthony Calzadilla、Danny Chapman、Matt Haughey、Gerald Lewis、JasonPamental和Stephanie Rieger。
我有幸認識了這個領域的很多領導者,他們的書籍、文章、演講、幻燈片以及同我的交往,使我能夠一直走下去。沒有這些天才的幫助,我也無法完成本書,他們是(按英文字母順序排列):Dan Cederholm、Josh Clark、Andy Clarke、Chris Coyier、Brad Frost、Lyza Gardner、Jason Grigsby、Stephen Hay、Scott Jehl、Scott Jenson、Tim Kadlec、Jeremy Keith、Sanders Kleinfeld、Peter-PaulKoch、Bruce Lawson、Ethan Marcotte、Eric Meyer、Karen McGrane、Shelley Powers、Bryan Rieger、Stephanie Rieger、Remy Sharp、Luke Wroblewski和Jeffrey Zeldman。
完成一本書需要一個團隊,我想衷心感謝這些伙伴的貢獻:Melanie Yarbrough(生產編輯和校對員)、Genevieve d扙ntremont(文字編輯)、Rebecca Demarest(圖像制作)、Newgen(頁面布局)、Ellen TroutmenZeig(索引制作)、Randy Comer(封面設計)和Ron Bilodeau(裝幀設計)。
最后,我想感謝Edie Freedman(有史以來最好的老板),她顯示了充分的耐心。而我也終于能對我最親愛的寶貝Jeff和Arlo說:“我回來了!”
關于作者
Jennifer Robbins于1993年開始Web設計,當時她是全球網絡導航器(Global Network Navigator)的平面設計師,這也是第一個商業網站。除了這本書之外,她還寫了《Web Design in a Nutshell》和《HTML 5 Pocket Reference》——這本書也是一個iOS應用——都是由O扲eilly出版的。過去,Jennifer已經在許多會議(包括Seybold 和South By Southwest)上發言,并且她已經在羅德島普羅維登斯的約翰遜和威爾士大學開始教授Web設計。她現在是O扲eilly媒體的數碼產品設計師。她對信息架構、交互設計、網站制作、應用程序和電子書表現了濃厚的興趣。在空閑的時候,Jennifer喜歡獨立搖滾、烹飪和教育子女。
使用代碼示例
本書提供代碼的目的是幫你快速完成工作。一般情況下,你可以在你的程序或文檔中使用本書中的代碼,而不必得到我們的許可,除非你想復制書中很大一部分代碼。例如,你在編寫程序時,用到了本書中的幾個代碼片段,這不必得到我們的許可。但若將O扲eilly圖書中的代碼制作成光盤并進行出售或傳播,則需獲得我們的許可。引用示例代碼或書中內容來解答問題無須許可。將書中很大一部分的示例代碼用于你個人的產品文檔,這需要我們的許可。
如果你引用了本書的內容并標明版權歸屬聲明,我們對此表示感謝,但這不是必需的。版權歸屬聲明通常包括:標題、作者、出版社和ISBN,例如:“Learning WebDesign, Fourth Edition by Jennifer Robbins. Copyright 2012 Littlechair, Inc., 978-1-449-31927-4”。
如果你認為你對示例代碼的使用已經超出上述范圍,或者你對是否需要獲得示例代碼的授權還不清楚,請隨時聯系我們:permissions@oreilly.com。
聯系我們
我們已盡力檢驗本書所提供的信息,盡管如此,仍不能保證本書完全沒有瑕疵,而且網絡世界的變化之快,也使得本書永不過時的保證顯得不太可能。請讓我們了解你找到的錯誤,以及你對后續版本的建議,我們都將虛心接受讀者的指教。
美國:
O’Reilly Media, Inc.
1005 Gravenstein Highway North
Sebastopol,CA 95472
中國:
北京市西城區西直門南大街2號成銘大廈C座807室(100035)
奧萊利技術咨詢(北京)有限公司
申請會員或訂閱圖書目錄,請發送郵件至:
info@oreilly.com
技術問題或評論本書,請發送郵件至:
bookquestions@oreilly.com
本書網頁列出了勘誤表、實例、其他附加信息以及后續版本計劃。
http://www.oreilly.com/catalog/0636920023494。
后記
我們會關注讀者的意見、我們自己的試驗和銷售渠道反饋的結果。獨特的頁面可以配合我們獨特的方法技術主題,從而為這些枯燥的主題增加一些生機和活力。 |
內容簡介:否也曾想過自己創建網頁,但卻苦于沒有經驗?那么從現在開始學習吧!本書由淺入深地講解了Web設計的一些重要概念、基本原理,以及HTML、CSS和JavaScript的具體使用方法與技巧。當你讀完本書后,將會掌握創建適用于移動設備的多列頁面的技巧。
本書將幫助你學習如何使用最新技術、最佳實踐經驗,以及當今的Web標準,其中包括HTML5和CSS3。每章都提供一些練習和小測驗,幫助你了解不同的技術,鞏固你對重要概念的理解。
作者對本版內容做了全面更新和修訂,涵蓋Web前端開發所需的一切,無論是初學者,還是想提高已有技能的專業開發人員,本書都是理想的選擇。
本書主要內容:
■ 使用文本、鏈接、圖像、表格和表單來創建HTML頁面
■ 使用CSS調整顏色、背景、格式化文本、頁面布局,甚至是實現簡單的動畫效果
■ 學習新的HTML5元素、API和CSS3屬性——它們改變了Web頁面處理方式
■ 創建響應式Web設計,使得頁面可以在移動設備上得到良好顯示
■ 學習JavaScript的工作原理及其在Web設計中的重要性
■ 創建并優化Web圖像,加快圖像下載速度 |
目錄:前言 1
第一部分 開始起步
第1章 我從哪里開始 9
我該從哪里開始呢 10
Web設計師是做什么的 10
我需要學習哪些語言 16
我需要購買些什么 19
你學會了什么 24
自我測驗 25
第2章 Web是如何工作的 27
互聯網與Web 27
提供你的信息 27
關于瀏覽器 29
網頁地址(URL) 30
網頁結構 32
小結 36
自我測驗 38
第3章 Web設計基本概念 39
眼花繚亂的設備 40
與標準一致 41
逐步提高 42
自適應Web設計 43
可訪問性——所有用戶,一個網站 46
連接速度的要求(站點性能) 48
自我測驗 50
第二部分 HTML結構化標記
第4章 創建簡單網頁(HTML概述) 53
一個網頁,一步一步來 53
開始之前,啟動文本編輯器 54
第1步:從內容開始 57
第2步:文檔結構化 59
第3步:確定文本元素 62
第4步:添加圖像 65
第5步:使用樣式表改變外觀 68
當網頁出錯時 69
驗證你的文檔 70
自我測驗 71
元素回顧:文檔結構 72
第5章 標記文本 73
段落 74
標題 74
列表 77
更多內容元素 80
組織網頁內容 83
內聯元素綜述 88
泛型元素(div和span) 99
特殊字符 103
小結 104
自我測驗 106
元素回顧:文本 107
第6章 添加鏈接 109
href特性 110
鏈接到Web上的網頁 111
站內鏈接 112
以新瀏覽器窗口為目標 122
郵件鏈接 123
電話鏈接 124
自我測驗 125
元素回顧:鏈接 126
第7章 添加圖片 127
首先,關于圖片格式的信息 127
img元素 128
窗口中的窗口 134
自我測驗 135
元素回顧:圖片 135
第8章 表格標記 137
如何使用表格 137
最小表結構 139
表頭 142
合并單元格 143
表格可達性 146
小結 148
自我測驗 150
元素回顧:表格 150
第9章 表單 151
表單如何工作 151
表單元素 153
變量和內容 155
重要表單控件綜述 156
表格的可訪問性 175
表單布局和設計 177
自我測驗 179
元素回顧:表單 180
第10章 HTML 5 185
在通往XHTML 2的路上發生的有趣的事 186
標記部分 188
遇到API 193
視頻與音頻 195
canvas 202
小結 205
自我檢測 206
第三部分 表現層的CSS
第11章 CSS入門 211
CSS的益處 211
樣式表如何工作 213
大概念 218
繼續使用CSS 224
自我測驗 226
第12章 格式化文本(使用更多選擇器) 229
字體屬性 229
改變文本顏色 246
更多選擇器類型 247
字行設置 253
下劃線和其他的“修飾” 256
改變字母大寫 256
空格 257
文本陰影 258
改變列表的數字編號 263
自我測驗 265
CSS回顧:字體和文本屬性 267
第13章 顏色和背景(附加更多選擇器和外部樣式表) 269
指定顏色值 269
前景色 276
背景色 277
使用不透明度 278
偽類選擇器簡介 279
偽元素選擇器 282
屬性選擇器 284
背景圖像 287
快捷背景屬性 296
像彩虹一樣(漸變) 299
最后,外部樣式表 303
自我測驗 306
CSS回顧:色彩和背景屬性 307
第14章 盒子思想(填充、邊框和空白邊) 309
元素盒子 309
指定盒子尺寸 310
填充 316
邊框 320
空白邊 332
分配顯示角色 337
給盒子添加陰影 338
自我測驗 340
CSS回顧:基本盒子屬性 342
第15章 浮動與定位 345
普通流 345
浮動 346
定位基礎 360
相對定位 361
絕對定位 362
固定定位 372
自我測驗 373
CSS回顧:浮動和定位屬性 374
第16章 使用CSS進行網頁布局 375
網頁布局策略 375
網頁布局技術 382
使用浮動元素的多欄布局 382
定位布局 394
自上而下的欄目背景 397
自我測驗 400
第17章 過渡、變換和動畫 401
很容易做到(CSS過渡) 401
CSS變換 412
關鍵幀動畫 422
自我測驗 425
CSS回顧:過渡、變換和動畫 427
第18章 CSS技術 429
一個干凈的石板(CSS重置) 429
圖像代替技術 431
CSS sprite 432
樣式化表單 436
樣式化表格 442
簡單的自適應Web設計 445
小結 456
自我測驗 456
CSS回顧:表格屬性 458
第四部分 JavaScript行為
第19章 JavaScript簡介 461
什么是JavaScript 461
給網頁添加JavaScript 464
腳本剖析 465
瀏覽器對象 478
事件 478
綜合應用 481
自我測驗 483
第20章 使用JavaScript 485
遇見DOM 485
polyfills 493
JavaScript庫 497
小結 501
自我測驗 502
第五部分 創建Web圖像
第21章 Web圖像基礎 505
圖像來源 505
格式簡介 508
圖像尺寸和分辨率 520
使用透明度 524
SVG簡介 531
小結 536
自我測驗 536
第22章 精簡Web圖像 539
通用圖像優化策略 539
優化GIF圖像 541
優化JPEG圖像 544
優化PNG圖像 550
優化到指定大小 551
小結 552
自我測驗 552
附錄A 答案 555
附錄B CSS3選擇器 583 |
序: |