Web前端工程師修煉之道(原書第4版)( 簡體 字) | |
作者:(美)Jennifer Niederst Robbins 著 | 類別:1. -> 程式設計 -> 綜合 |
出版社:機械工業出版社 | 3dWoo書號: 39604 詢問書籍請說出此書號! 有庫存 NT售價: 645 元 |
出版日:9/1/2014 | |
頁數:584 | |
光碟數:0 | |
站長推薦: | |
印刷:黑白印刷 | 語系: ( 簡體 字 ) |
ISBN:9787111471684 | 加入購物車 │加到我的最愛 (請先登入會員) |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證, 繁體書的下載亦請直接連絡出版社) | |
前言 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 否也曾想過自己創建網頁,但卻苦于沒有經驗?那么從現在開始學習吧!本書由淺入深地講解了Web設計的一些重要概念、基本原理,以及HTML、CSS和JavaScript的具體使用方法與技巧。當你讀完本書后,將會掌握創建適用于移動設備的多列頁面的技巧。
本書將幫助你學習如何使用最新技術、最佳實踐經驗,以及當今的Web標準,其中包括HTML5和CSS3。每章都提供一些練習和小測驗,幫助你了解不同的技術,鞏固你對重要概念的理解。 作者對本版內容做了全面更新和修訂,涵蓋Web前端開發所需的一切,無論是初學者,還是想提高已有技能的專業開發人員,本書都是理想的選擇。 本書主要內容: ■ 使用文本、鏈接、圖像、表格和表單來創建HTML頁面 ■ 使用CSS調整顏色、背景、格式化文本、頁面布局,甚至是實現簡單的動畫效果 ■ 學習新的HTML5元素、API和CSS3屬性——它們改變了Web頁面處理方式 ■ 創建響應式Web設計,使得頁面可以在移動設備上得到良好顯示 ■ 學習JavaScript的工作原理及其在Web設計中的重要性 ■ 創建并優化Web圖像,加快圖像下載速度 閱讀第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。 后記 我們會關注讀者的意見、我們自己的試驗和銷售渠道反饋的結果。獨特的頁面可以配合我們獨特的方法技術主題,從而為這些枯燥的主題增加一些生機和活力。 |