無(wú)懈可擊的Web設(shè)計(jì)

出版時(shí)間：2006 出版社：清華大學(xué)出版社作者：Dan Cederholm 頁(yè)數(shù)：249 譯者：常可,劉申
Tag標(biāo)簽：無(wú)

內(nèi)容概要

　　一個(gè)網(wǎng)站，無(wú)論視覺(jué)上多美觀或者內(nèi)容多豐富，如果它不能適應(yīng)各種瀏覽情況并能面向盡可能廣泛的用戶群，那它就不算是真正成功的網(wǎng)站。本書(shū)提供了基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)策略，以幫助您創(chuàng)建出具有高度靈活性、可讀性以及用戶可控性的網(wǎng)站。每一章都以分析一個(gè)實(shí)例開(kāi)始，闡述如何使用簡(jiǎn)潔的HTML和CSS代碼取代臃腫的冗余代碼以創(chuàng)建具有極快的加載速度和很高的適應(yīng)性的網(wǎng)站。最后，本書(shū)將各章中討論的所有頁(yè)面組件合在一起制作了一個(gè)單頁(yè)模版。

作者簡(jiǎn)介

　　Dan Cederholm是一位屢獲殊榮的Web設(shè)計(jì)師及作家。作為設(shè)計(jì)及開(kāi)發(fā)咨詢公司SimpleBits的創(chuàng)始人，Dan在應(yīng)用Web標(biāo)準(zhǔn)設(shè)計(jì)和創(chuàng)建網(wǎng)站方面擁有多年的經(jīng)驗(yàn)。他是該領(lǐng)域公認(rèn)的專(zhuān)家，經(jīng)常在相關(guān)會(huì)議上發(fā)表演講，并指導(dǎo)許多企業(yè)采用基于標(biāo)準(zhǔn)的技術(shù)進(jìn)行Web設(shè)計(jì)。Dan是暢銷(xiāo)書(shū)Web Standards Solutions的作者，并在?A List Apart等網(wǎng)站上發(fā)表過(guò)多篇關(guān)于基于標(biāo)準(zhǔn)進(jìn)行網(wǎng)站設(shè)計(jì)的文章。

書(shū)籍目錄

第1章 靈活的文字.1. 1 常見(jiàn)的方法1. 2 權(quán)衡我們的選擇1. 3 無(wú)懈可擊的方法1. 4 為什么說(shuō)它是無(wú)懈可擊的1. 5 有了靈活基礎(chǔ)后的操作1. 6 結(jié)合使用關(guān)鍵字和百分比值1. 7 本章小結(jié)第2章 可伸縮的導(dǎo)航欄2. 1 常見(jiàn)的方法2. 2 為什么這樣做不是無(wú)懈可擊的2. 3 無(wú)懈可擊的方法2. 4 為什么這樣做是無(wú)懈可擊的2. 5 其他示例2. 6 本章小結(jié)第3章可擴(kuò)展的行3. 1 常見(jiàn)的方法3. 2 為什么這樣做不是無(wú)懈可擊的3. 3 無(wú)懈可擊的方法3. 4 為什么這樣做是無(wú)懈可擊的3. 5 自適應(yīng)擴(kuò)展的另一個(gè)例子3. 6 本章小結(jié)第4章 巧妙的浮動(dòng)4. 1 常見(jiàn)的方法4. 2 無(wú)懈可擊的方法4. 3 為什么這樣做是無(wú)懈可擊的4. 4 本章小結(jié)第5章 牢固的方框..5. 1 常見(jiàn)的方法5. 2 為什么這樣做不是無(wú)懈可擊的5. 3 無(wú)懈可擊的方法5. 4 為什么這樣做是無(wú)懈可擊的5. 5 其他圓角實(shí)現(xiàn)技術(shù)5. 6 本章小結(jié)第6章 頁(yè)面在缺失圖片或CSS的情況下仍然易讀6. 1 常見(jiàn)的方法6. 2 為什么這樣做不是無(wú)懈可擊的6. 3 無(wú)懈可擊的方法6. 4 為什么這樣做是無(wú)懈可擊的6. 5 有或者沒(méi)有樣式6. 6 無(wú)懈可擊的工具6. 7 本章小結(jié)第7章 可轉(zhuǎn)換的表格7. 1 常見(jiàn)的方法7. 2 為什么這樣做不是無(wú)懈可擊的7. 3 無(wú)懈可擊的方法7. 4 為什么這樣做是無(wú)懈可擊的7. 5 本章小結(jié)第8章 流動(dòng)的布局8. 1 常見(jiàn)的方法8. 2 為什么這樣做不是無(wú)懈可擊的8. 3 無(wú)懈可擊的方法8. 4 為什么這樣做是無(wú)懈可擊的8. 5 本章小結(jié)第9章 構(gòu)成一個(gè)整體9. 1 目標(biāo)9. 2 為什么這樣做是無(wú)懈可擊的9. 3 構(gòu)建過(guò)程9. 4 針對(duì)IE的CSS調(diào)整9. 5 本章小結(jié)

編輯推薦

　　★Web設(shè)計(jì)大師Dan Cederholm最新力作　　★亞馬遜五星級(jí)暢銷(xiāo)書(shū)　　★提供基于Web標(biāo)準(zhǔn)的設(shè)計(jì)策略　　★全彩印刷，易用易學(xué)　　本書(shū)主要內(nèi)容　　·使用關(guān)鍵字和百分比設(shè)定頁(yè)面文字的大小，以允許用戶控制?！　　ぬ峁┠軌蜻m應(yīng)任意大小的文字或者任意數(shù)量的內(nèi)容的站點(diǎn)導(dǎo)航欄?！　　な褂酶?dòng)對(duì)象實(shí)現(xiàn)欄式效果?！　　ご_保頁(yè)面內(nèi)容在圖片或CSS缺失的情況下仍然易讀?！　　ぐ淹庥^從數(shù)據(jù)表格中剝離出來(lái)，再用CSS重新定義。　　·能自由擴(kuò)大縮小的頁(yè)面布局。

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

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

還沒(méi)讀過(guò)(33)
勉強(qiáng)可看(242)
一般般(413)
內(nèi)容豐富(1715)
強(qiáng)力推薦(140)

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

用戶評(píng)論 (總計(jì)7條)

　　他不是一本讓你從入門(mén)到精通的書(shū)，但他卻是一本讓你從初級(jí)前端設(shè)計(jì)師變?yōu)楦呒?jí)設(shè)計(jì)師的一本書(shū)。他帶給你的是一種思考方式的提升。所以在閱讀本書(shū)的時(shí)候，你至少有一定的實(shí)戰(zhàn)經(jīng)驗(yàn)，這樣可以讓你發(fā)現(xiàn)你之前一些代碼習(xí)慣可能并不是最無(wú)懈可擊的，而通過(guò)你本次的閱讀和自行的實(shí)踐將會(huì)得到技巧上的提高。
　　　　
　　　　本書(shū)的寫(xiě)作順序也是從最基本的一些技巧上來(lái)表述的。例如在字體這塊，為了適合更多的瀏覽行為，他采取不指定具體字號(hào)，而是采取范圍，然后對(duì)這個(gè)范圍進(jìn)行一定的百分比縮放達(dá)到一個(gè)良好的顯示效果。這在我最近的Wap版網(wǎng)站上就采取了這種應(yīng)用。因?yàn)榇蠹叶贾纖ap在各種品牌上的手機(jī)因?yàn)闉g覽器的問(wèn)題，在解析內(nèi)容上存在不同，如果指定字號(hào)的時(shí)候就會(huì)可能出現(xiàn)這樣那樣的問(wèn)題。所以用這種方式就可以很好的解決。
　　　　
　　　　而另一個(gè)對(duì)我覺(jué)得最有益的幫助的地方就是圓角的技巧，在此之前我一直對(duì)圓角的設(shè)計(jì)表示深?lèi)和唇^。因?yàn)槲矣X(jué)得的因?yàn)橐粋€(gè)設(shè)計(jì)增加了我很多的工作量。但是看了書(shū)中的一些提示寫(xiě)法之后，我覺(jué)得我應(yīng)該痛恨的是我掌握的技巧不多而導(dǎo)致了之前的想法。
　　　　
　　　　所以如果你是一位有了一定基礎(chǔ)的同學(xué)，我建議你可以閱讀這本書(shū)，并且把閱讀到的心得應(yīng)用到你的日常工作當(dāng)中，這樣他可以讓你以前覺(jué)得很多頭疼的問(wèn)題迎刃而解，同時(shí)還能提高你的工作效率。
　　該書(shū)主要針對(duì)一些css設(shè)計(jì)細(xì)節(jié)，運(yùn)用各種技巧來(lái)創(chuàng)建出具有高度靈活性，可讀性以及用戶可控性的網(wǎng)站。各個(gè)實(shí)例將css的靈活性體現(xiàn)得淋漓盡致，使得網(wǎng)站更有親和力和擁有更加的完善結(jié)構(gòu)。讓網(wǎng)站的展現(xiàn)更加完美! 無(wú)懈可擊! 希望大家在學(xué)習(xí)本書(shū)的時(shí)候能有鉆研、懷疑的態(tài)度, 對(duì)各個(gè)例子進(jìn)行實(shí)踐，說(shuō)不定你能找出更加無(wú)懈可擊的方法!
　　http://www.fooldy.cn/這是我的個(gè)人博客，關(guān)注web設(shè)計(jì)。
　　給<li>添加
　　position:relative;top:1px;
　　<ul>添加border
　　兩條規(guī)則即可免去使用圖片!(而且兼容ie6)
　　
　　至于Dan Cederholm為什么沒(méi)有這樣不知是為何
　　2008-10-10 17:04:25
　　
　　第二種方法
　　給a:hover添加
　　margin-bottom:-1px;
　　<ul>添加border
　　這個(gè)方法更完美,不需要激活選項(xiàng)卡撐開(kāi)那1px高度了
　　
　　不論作者和第一種方法都是依靠1px撐開(kāi)那1px,如果頁(yè)面不存在/需要激活選項(xiàng)卡,那么結(jié)果就很糟糕了
　　書(shū)剛到手來(lái)，沒(méi)翻幾下就想放棄，因?yàn)橹谱髋c印刷的實(shí)在是太差了，里面好多圖片明顯是分辨率不足。一看這么粗，以為又搞到福分收了，又舍不得花了的銀子，只能硬著頭看看內(nèi)容了，這一硬就把這本書(shū)當(dāng)寶了，里面的內(nèi)容就一個(gè)字“實(shí)”，實(shí)用、實(shí)在。
　　Web設(shè)計(jì), 注重從全局考慮設(shè)計(jì),從用戶角度考慮操作流程, 精于細(xì)節(jié)設(shè)計(jì), 不斷的提高網(wǎng)站的交互性, (對(duì)于交互,用戶永遠(yuǎn)不會(huì)滿足的)
　　第一次看這本書(shū)的時(shí)候，才剛開(kāi)始學(xué)習(xí)CSS，里面好多不明白的地方。因?yàn)檫@本書(shū)不是一本入門(mén)教程，而是直接以實(shí)例做教程，告訴你如何去完成或?qū)崿F(xiàn)一個(gè)布局功能。所以做為新手，在還缺乏實(shí)踐的時(shí)候，會(huì)不能完全理解其中的奧妙。
　　
　　最近又在看這本書(shū)，因?yàn)橛羞^(guò)一個(gè)CSS全站布局的經(jīng)驗(yàn)，再看這本書(shū)的時(shí)候，發(fā)現(xiàn)之前的css完全可以做的更好，而且通過(guò)再次看書(shū)上的實(shí)例，發(fā)現(xiàn)了一些曾經(jīng)犯過(guò)的錯(cuò)誤。
　　
　　這本書(shū)里面有很多小技巧能夠解決大問(wèn)題，非常實(shí)用。不過(guò)對(duì)新手來(lái)說(shuō)可能還需要配合一個(gè)css cookbook這樣的手冊(cè)，必要時(shí)查看一下某一參數(shù)該如何使用。這樣一定可以做出很標(biāo)準(zhǔn)又很漂亮的CSS。
　　很好的一本書(shū)，是那種可以一口氣輕松就讀完的書(shū)，貌似不講很多大而深的道理，但是稍加思考便會(huì)受到很多啟發(fā)，所有內(nèi)容均是可以實(shí)際應(yīng)用的，這一點(diǎn)相當(dāng)棒

無(wú)懈可擊的Web設(shè)計(jì)

用戶評(píng)論 (總計(jì)7條)

推薦圖書(shū)

相關(guān)圖書(shū)