無懈可擊的Web設(shè)計

內(nèi)容概要

　　無論一個網(wǎng)站的外觀多么時尚華美，內(nèi)容多么豐富多彩，如果不能為最廣泛的用戶群所用，就算不上真正成功的網(wǎng)站。web設(shè)計大師dan
cederholm的經(jīng)典著作《無懈可擊的web設(shè)計(第3版)》將指導(dǎo)您采用標準設(shè)計策略來滿足各類用戶的需要。每章首先列舉一個沿用傳統(tǒng)html技術(shù)的實例，然后指出該實例的局限性，并利用html和css對其進行重構(gòu)。從中您將學(xué)會如何用簡潔高效的html標記和css來取代臃腫的代碼，從而創(chuàng)建加載速度極快、能供所有用戶使用的網(wǎng)站。本書最后將前面各章討論的所有頁面組件珠聯(lián)璧合地結(jié)合在一起，制作了一個頁面模板。這個全新版本全面潤色和更新了第2版的內(nèi)容，介紹了css3和html5方法，并重新設(shè)計了“新響應(yīng)設(shè)計”等多個案例。
　　《無懈可擊的web設(shè)計使用html 5和css 3提高網(wǎng)站的靈活性與適應(yīng)性(第3版)》主要內(nèi)容
　　用關(guān)鍵宇、百分比和em來設(shè)定頁面文字大小，提高用戶的可控性
　　規(guī)劃如何縱向擴展水平方向的頁面組件
　　通過浮動實現(xiàn)欄式效果
　　確保頁面內(nèi)容在圖片或css缺失的情況下仍然易讀
　　將外觀從數(shù)據(jù)表格中分離出來，再用css重新定義
　　使用html5和css3一點點地改進設(shè)計效果

作者簡介

　　Dan
Cederholm，是一位屢獲殊榮的Web設(shè)計師及作家，擅于運用Web標準來簡化和重構(gòu)設(shè)汁，2003年因重構(gòu)了Fast
Company和Inc．com兩個著名網(wǎng)站而蜚聲業(yè)界。Dan信奉使用Web標準來實現(xiàn)靈活且適應(yīng)性強的設(shè)計，他在Web標準設(shè)計領(lǐng)域方面擁有多年的實踐經(jīng)驗，曾經(jīng)幫助Google、MTV、ESPN、Fast
Company、Blogger、Odeo等知名公司設(shè)計網(wǎng)頁和重構(gòu)網(wǎng)站。他是一位活躍的技術(shù)專家，經(jīng)常在業(yè)界最重要的技術(shù)會議上發(fā)表演講，也是A
List
Apart等網(wǎng)站的專欄作者。他的博客SimpleBits頗受歡迎，他經(jīng)常在上面撰寫有關(guān)Web、技術(shù)及人生的文章和評論。除木書外，他的另一部暢銷書Web
Standards Solutions也備受讀者青睞。...

書籍目錄

第1章　靈活的文字
1.1　常見的方法
1.2　為什么這樣設(shè)計不是無懈可擊的
1.3　權(quán)衡我們的選擇
1.4　無懈可擊的方法
1.5　為什么這樣設(shè)計是無懈可擊的
1.6　接下來的操作
1.7　結(jié)合使用關(guān)鍵字和百分比值
1.8　通過em實現(xiàn)靈活的文字
1.9　rem單位
1.10　本章小結(jié)
第2章　可伸縮的導(dǎo)航欄
2.1　常見的方法
2.2　為什么這樣設(shè)計不是無懈可擊的
2.3　無懈可擊的方法
2.4　為什么這樣設(shè)計是無懈可擊的
2.5　使用css 3漸變而不使用圖片實現(xiàn)
2.6　通過eｍ來實現(xiàn)
2.7　其他示例
2.8　本章小結(jié)
第3章　可擴展的行
3.1　常見的方法
3.2　為什么這樣設(shè)計不是無懈可擊的
3.3　無懈可擊的方法
3.4　為什么這樣設(shè)計是無懈可擊的
3.5　通過border-radius實現(xiàn)
3.6　另一個自適應(yīng)擴展例子
3.7　本章小結(jié)
第4章　巧妙的浮動效果
4.1　常見的方法
4.2　為什么這樣設(shè)計不是無懈可擊的
4.3　無懈可擊的方法
4.4　為什么這樣設(shè)計是無懈可擊的
4.5　本章小結(jié)
第5章　牢固的方框
5.1　常見的方法
5.2　為什么這樣設(shè)計不是無懈可擊的
5.3　無懈可擊的方法
5.4　為什么這樣設(shè)計是無懈可擊的
5.5　通過css 3實現(xiàn)
5.6　其他圓角實現(xiàn)技術(shù)
5.7　框提示
5.8　本章小結(jié)
第6章　頁面在缺失圖片或css的情況下仍然易讀
6.1　常見的方法
6.2　為什么這樣設(shè)計不是無懈可擊的
6.3　無懈可擊的方法
6.4　為什么這樣設(shè)計是無懈可擊的
6.5　使用樣式或禁用樣式
6.6　常見的方法
6.7　無懈可擊的方法
6.8　dig dug 測試
6.9　無懈可擊的工具
6.10　本章小結(jié)
第7章　可轉(zhuǎn)換的表格
7.1　常見的方法
7.2　為什么這樣設(shè)計不是無懈可擊的
7.3　無懈可擊的方法
7.4　為什么這樣設(shè)計是無懈可擊的
7.5　本章小結(jié)
第8章　流動布局和彈性布局
8.1　常見的方法
8.2　為什么這樣設(shè)計不是無懈可擊的
8.3　無懈可擊的方法
8.4　為什么這樣設(shè)計是無懈可擊的
8.5　基于eｍ的布局
8.6　本章小結(jié)
第9章　構(gòu)成一個整體
9.1　目標
9.2　為什么這樣設(shè)計是無懈可擊的
9.3　構(gòu)建過程
9.4　本章小結(jié)

章節(jié)摘錄

版權(quán)頁：   插圖：   1.2 為什么這樣設(shè)計不是無懈可擊的 使用像素來設(shè)定文字的大小，能讓設(shè)計師精確地控制各種字體的顯示尺寸。但也會給在Windows上使用IE瀏覽器（IE／Win）的用戶帶來一個問題。 Web瀏覽器通常會給用戶提供一些方法，讓他們可以隨意改變頁面上文字的大小，以取代設(shè)計師原本的設(shè)定。這是個很好的功能，對于那些視力較差的用戶尤為實用！這些用戶可以通過瀏覽器的菜單選擇讓文字大一號顯示。 這里絕非在嘲棄eyebuydirect網(wǎng)站的設(shè)計人員。事實上，這是一個設(shè)計精美的站點，采用了結(jié)構(gòu)化的標記和CSS來實現(xiàn)——這也是我選它作為示例的原因。在這方面它是值得贊賞的。 這里選取它只是作為一個參考范例而已，從中您可以了解到這種最常見方法的優(yōu)缺點。 這聽上去很不錯吧！但問題在于，當以像素為單位設(shè)定了文字的大小之后，Windows平臺上的Internet Explorer用戶再無法隨意地改變這個大小了。因此，使用像素雖然可以讓設(shè)計師非常精確地控制尺寸，但同時也會妨礙IE／Win用戶按照自己的意愿調(diào)整文字大小。這一點很糟糕。其他一些瀏覽器的用戶則可以自由地調(diào)整字體大小，而不管文字大小是如何設(shè)定的。 Internet Explorer 7中引入了一個新的頁面縮放功能，該功能可將整個頁面放大或縮小（不僅僅是文字），通過Ctrl+（加號）和Ctrl-（減號）快捷鍵或單擊瀏覽器窗口底端狀態(tài)欄上的圖標就可以實現(xiàn)。

編輯推薦

《無懈可擊的Web設(shè)計:使用HTML5和CSS3提高網(wǎng)站的靈活性與適應(yīng)性(第3版)》將指導(dǎo)讀者采用標準設(shè)計策略來滿足各類用戶的需要，指導(dǎo)讀者學(xué)會用多種策略來保護站點，使它們無懈可擊：提高靈活性并能適應(yīng)最惡劣的瀏覽環(huán)境。

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    無懈可擊的Web設(shè)計 PDF格式下載

---