基于Web標(biāo)準(zhǔn)的網(wǎng)站構(gòu)建與經(jīng)典案例分析

內(nèi)容概要

　　當(dāng)今Web設(shè)計(jì)師遇到的一個(gè)最大的問題就是如何有效地使用現(xiàn)代的、基于標(biāo)準(zhǔn)的技術(shù)來創(chuàng)建那些讓人耳目一新的大型網(wǎng)站?！痘赪eb標(biāo)準(zhǔn)的網(wǎng)站構(gòu)建與經(jīng)典案例分析》試圖與大家分享那些世界上最好的設(shè)計(jì)師和開發(fā)人員在構(gòu)建真實(shí)的大型網(wǎng)站時(shí)積累的經(jīng)驗(yàn)，以幫助大家解決這個(gè)問題。　　深入研究大型公司及小型顧問團(tuán)是如何向Web標(biāo)準(zhǔn)靠攏的。　　探討來自真實(shí)世界的特色鮮明的網(wǎng)站的開發(fā)機(jī)制?！　∈褂矛F(xiàn)代的CSS編碼和文件管理策略?！　⊥诰蛳馜OCTYPE切換和普通老式語義HTML（POSH）編碼這樣的XHTML特性?！　W(xué)習(xí)更多的JavaScript技術(shù)，從編碼實(shí)踐到最新的Ajax方法。

作者簡(jiǎn)介

　　Christopher Schmitt，Heatvision.com有限公司的創(chuàng)始人，該公司位于俄亥俄州的辛辛那提，是一家新成立的小型媒體出版和設(shè)計(jì)公司?！　∽鳛橐幻涣鞯木W(wǎng)站設(shè)計(jì)者，Christopher從1993年開始就一直從事Web設(shè)計(jì)方面的工作。20世紀(jì)90年代中期，當(dāng)他還在佛羅里達(dá)州州立大學(xué)攻讀圖形設(shè)計(jì)方向的美術(shù)學(xué)位時(shí)，就曾為David Siegel和Lynda Weinman做實(shí)習(xí)生。他在大學(xué)畢業(yè)之后繼續(xù)深造，獲得了佛羅里達(dá)州州立大學(xué)通信學(xué)院的交互通信和新通信技術(shù)碩士學(xué)位?！　?000年，他帶領(lǐng)著一個(gè)團(tuán)隊(duì)在Cool Site in a Day競(jìng)賽中一舉奪魁。在該比賽中他與其他5名杰出的隊(duì)員在8小時(shí)內(nèi)為一個(gè)非贏利組織制作了一個(gè)功能齊全、設(shè)計(jì)完美的網(wǎng)站。　　他是CSS Cookbook的作者，該書被評(píng)為2006年最佳Web設(shè)計(jì)類圖書，他還是第一部關(guān)注CSS設(shè)計(jì)的書——Designing CSS Web Pages（New Riders）的作者。另外，他還是Professional CSS（Wrox）、Photoshop in 10 Steps or Less（Wiley）及Dreamweaver Design Projects（glasshaus）等幾部書的合著者。他還參與編寫了XML，HTML，XHTML Magic（New Riders）的其中4章。此外，Christopher還為New Architect Magazine、A　　List Apart、Digital Web和Web Reference撰稿。

書籍目錄

第一部分 構(gòu)建基于Web標(biāo)準(zhǔn)的網(wǎng)站第1章 編寫前端代碼1.1 從哪里開始1.2 文檔結(jié)構(gòu)：選擇合適的標(biāo)記語言1.2.1 HTML與XHTML1.2.2 DOCTYPE的切換以及瀏覽器的渲染模式1.2.3 是否驗(yàn)證標(biāo)記1.2.4 內(nèi)容和結(jié)構(gòu)：設(shè)計(jì)執(zhí)行第2章 表現(xiàn)層疊樣式表2.1 究竟需要多少CSS文件2.2 微格式及其引入的命名規(guī)范、語義和工具2.3 太多類了2.3.1 典型的classitis2.3.2 治愈classitis2.4 CSS文件中內(nèi)容的結(jié)構(gòu)2.5 可選的媒體CSS2.6 表現(xiàn)的自由第3章 集成表現(xiàn)層3.1 現(xiàn)代Ajax方法3.2 JavaScript需要的文件和功能列表3.2.1 糟糕的腳本3.2.2 非侵入性的改進(jìn)3.2.3 彈出窗口3.2.4 動(dòng)態(tài)元素以及innerHTML3.3 在CSS和表現(xiàn)層中JavaScript的行為3.4 自定義JavaScript與框架3.4.1 jQuery框架代碼示例　　　3.4.2 框架使得Ajax非常簡(jiǎn)單3.4.3 框架總結(jié)第4章 開發(fā)Web軟件應(yīng)用4.1 Web應(yīng)用在過去遇到了困難4.2 指導(dǎo)方針、規(guī)則和Web標(biāo)準(zhǔn)4.2.1 編寫代碼的規(guī)則4.2.2 現(xiàn)代標(biāo)記可以更好地生成表單4.2.3 服務(wù)器端框架和模板工具4.3 微軟的ASP.NET框架4.3.1 ASP.NET數(shù)據(jù)輸出4.3.2 ASP.NET HTML控件、Web控件以及其他4.4 內(nèi)容管理4.4.1 基線內(nèi)容管理4.4.2 內(nèi)容管理和簡(jiǎn)潔的內(nèi)容4.4.3 內(nèi)容管理輸出以及模塊4.4.4 內(nèi)容管理模板4.4.5 讓內(nèi)容作者所見即所得4.4.6 第三方4.5 如何開發(fā)Web應(yīng)用第5章 標(biāo)準(zhǔn)循環(huán)5.1 團(tuán)隊(duì)中的陋習(xí)5.2 引入標(biāo)準(zhǔn)循環(huán)5.2.1 標(biāo)準(zhǔn)經(jīng)理5.2.2 標(biāo)準(zhǔn)的制定和文檔化5.2.3 培訓(xùn)和交流5.2.4 質(zhì)量評(píng)審流程5.3 行動(dòng)起來5.3.1 保持動(dòng)力5.3.2 小結(jié)第二部分 案例分析第6章 EverythingTori.com6.1 后臺(tái)6.1.1 深入到Tori Amos的世界中6.1.2 開始設(shè)計(jì)過程6.1.3 構(gòu)造線框圖6.1.4 設(shè)計(jì)網(wǎng)站6.1.5 CSS幕后6.2 啟動(dòng)該網(wǎng)站6.3 與設(shè)計(jì)師Philip Fierlinger面對(duì)面6.4 終曲第7章 AOL.com7.1 如何使您的團(tuán)隊(duì)避免失敗、獲得成功7.2 為性能而設(shè)計(jì)7.2.1 在寫任何代碼之前就估計(jì)性能7.2.2 性能關(guān)注點(diǎn)7.2.3 采訪David Artz7.2.4 可重復(fù)的步驟7.3 系統(tǒng)設(shè)計(jì)和架構(gòu)7.3.1 二人同行制7.3.2 創(chuàng)建代理7.3.3 考慮一下工作流7.4 前端向?qū)?.4.1 使您的標(biāo)記符合DOCTYPE7.4.2 CSS最佳實(shí)踐7.4.3 可訪問的CSS7.4.4 在現(xiàn)實(shí)世界中的性能7.5 小結(jié)附錄A 定位Web瀏覽器附錄B 可訪問性附錄C 提高Web站點(diǎn)性能的技巧附錄D CSS選擇器的參考資料后記

章節(jié)摘錄

　　第一部分 構(gòu)建基于Web標(biāo)準(zhǔn)的網(wǎng)站　　引言　　了解標(biāo)準(zhǔn)還僅僅只是開始。要制定一個(gè)可以經(jīng)受住時(shí)間考驗(yàn)的標(biāo)準(zhǔn)策略，并且使它能被優(yōu)雅地應(yīng)用，同時(shí)能夠在機(jī)構(gòu)、團(tuán)隊(duì)或者公司內(nèi)部進(jìn)行調(diào)整，還必須進(jìn)行一定的設(shè)計(jì)。必須理解基本原理，經(jīng)過深思熟慮之后作出選擇（而不是隨意的偶然的決定），只有這樣才能奠定堅(jiān)實(shí)的基礎(chǔ)?！　”緯鴮椭鶺eb開發(fā)團(tuán)隊(duì)重新思考為什么要建設(shè)基于Web標(biāo)準(zhǔn)的網(wǎng)站，以及怎樣最好地來完成它。它將幫助我們衡量現(xiàn)在已經(jīng)有哪些可用的技術(shù)，以及Web標(biāo)準(zhǔn)對(duì)于開發(fā)團(tuán)隊(duì)或者整個(gè)網(wǎng)站的影響。本書還將告訴我們?nèi)绾伍L(zhǎng)期保持有效的組織，以及如何提高Web應(yīng)用的穩(wěn)定性并降低風(fēng)險(xiǎn)。它將幫助我們創(chuàng)造一些技術(shù)，以便充分利用Web標(biāo)準(zhǔn)在內(nèi)容管理系統(tǒng)（content Management System，CMS）中的獨(dú)特優(yōu)勢(shì)。本書的最后部分將闡述有關(guān)Web標(biāo)準(zhǔn)的過程和人員配備問題?！　∈裁词荳eb標(biāo)準(zhǔn)　　“Web標(biāo)準(zhǔn)，，這個(gè)術(shù)語是指使用萬維網(wǎng)聯(lián)盟（World Wide Web Consortium，W3C）或者其他標(biāo)準(zhǔn)組織提供的開放且兼容的（而不是封閉、專有的，或者是屬于某個(gè)公司所有的）推薦規(guī)范（recommendation）來設(shè)計(jì)網(wǎng)頁。這些推薦規(guī)范和現(xiàn)代最佳實(shí)踐組合起來，可以充分挖掘出在市場(chǎng)上占統(tǒng)治地位的現(xiàn)代Web瀏覽器的潛能，這恰好同那些過時(shí)的瀏覽器形成鮮明的對(duì)比，它們雖然表現(xiàn)力豐富，但是卻總是不一致，甚至不兼容。在一個(gè)網(wǎng)站的主頁上設(shè)置一個(gè)圖標(biāo)，說明“該網(wǎng)站是為Netscape瀏覽器設(shè)計(jì)的”，這種做法應(yīng)該成為歷史?！　∶鎸?duì)過時(shí)的瀏覽器時(shí)，基于Web標(biāo)準(zhǔn)的網(wǎng)站可以優(yōu)雅地降級(jí)工作。基于Web標(biāo)準(zhǔn)設(shè)計(jì)的網(wǎng)頁具有更好的可訪問性（accessibility），同時(shí)可以方便地移植到其他類型的設(shè)備上。這些技術(shù)還可以為用戶、公司以及負(fù)責(zé)建設(shè)網(wǎng)站的團(tuán)隊(duì)帶來更多其他的好處。本書的主題就是闡述這些技術(shù)。

編輯推薦

　　CSS+Ajax的Web建站標(biāo)準(zhǔn)，以AOL.com為代表的大型網(wǎng)站分析，資深的獲獎(jiǎng)Web設(shè)計(jì)師主筆。

圖書封面

圖書標(biāo)簽Tags

無

評(píng)論、評(píng)分、閱讀與下載

---

    基于Web標(biāo)準(zhǔn)的網(wǎng)站構(gòu)建與經(jīng)典案例分析 PDF格式下載

---