CSS网站布局实录
2006-9
科学出版社 希望电子出版社
李超
357
无
国内第1本基于Web标准的CSS布局著作!迎接Web 2.0标准时代,应用CSS布局精华,打造符合Web标准的、表现与内容分离的页面设计。 适用于所有网站设计师以及网站开发人员。 本书以最简单的方法与大家一起探讨Web标准进行网页设计的方方面面,以CSS布局为全书的主体内容,探讨CSS布局的入门知识与高级技巧等,从版式布局到细节设计再到浏览器兼容性,逐步学习与掌握CSS布局。 在当前如火如荼的Web 2.0新浪潮中,一切基于Web标准。本书正是一本讲述基于Web标准的应用CSS利用进行网站布局设计与重构的典范之作。 本书以实例为主,一步步的告诉大家如何开始新的、符合Web标准的CSS布局设计。由于CSS布局设计从本质上与传统的表格式布局有着截然不同的思考方式与做法,因此本书编写重点放在如何转变思路和实际操作。 全书分为10章,内容为Web标准与CSS布局、CSS元素、CSS布局排版、XHTML与CSS校验、浏览器解析与CSS的兼容性、CSS可视化开发实例等,实例实用,讲解透彻。 本书作者是国内首个采用WEB标准的大型国内网站(闪客帝国)的实施者,是国内Web标准最早期的参与者。 本书内容丰富,注重思维方法与实践应用,适合初、中级网页设计爱好者和希望使用Web标准对原有网页进行重构的专业网页设计师,是任何网站开发相关人员手中,不可缺少的资料。
第1章 Web标准与CSS布局概述1.1 Web标准的历史及发展1.1.1什么是Web标准1.1.2 Web表现层技术1.1.3 Web标准的历史1.2 Web标准的构成1.2.1结构(Structure)1.2.2表现(Presentation)1.2.3行为(Behavior)1.3 Web标准有什么好处1.4 CSS布局与table布局的区别1.4.1 CSS 2.0的优势1.4.2传统的table布局VS.CSS布局1.5如何向标准过渡1.5.1从HTML转向XHTML1.5.2发挥CSS 2.0的作用1.6常见问题1.6.1什么样的网站才符合Web标准1.6.2使用Web标准之后表格还有用吗.1.6.3可以继续使用HTML来设计网页吗1.6.4为什么不直接过渡到XMI1.6.5学习CSS布局比表格难吗1.6.6 CSS布局是不是意味着必须手写代码1.6.7什么叫网站重构?1.6.8使用Web标准之后就不再存在兼容性问题了吗1.6.9有没有Web标准方面的优秀图书或网站第2章 XHTML与CSS基础2.1 XHTML基础2.2选择合适的doctype2.3选择合适的标签2.4.给CSS留下接口2.5良好的XHTML编写习惯2.6 CSS语法结构2.6.1 CSS属性与选择符2.6.2类型选择符2.6.3群组选择符2.6.4包含选择符2.6.5 id及class选择符2.6.6标签指定式选择符2.6.7组合选择符2.6.8伪类及伪对象2.6.9通配选择符2.7 CSS数值单位2.8应用CSS到网页中2.8.1行间样式表2.8.2内部样式表2.8.3外部样式表2.9 CSS开发环境与调试环境第3章 CSS网页布局3.1认识div3.1.1 div是什么3.1.2如何使用div3.1.3理解div3.1.4 div的并列与嵌套结构3.1.5使用合适的对象来布局3.2一列固定宽度3.3一列自适应3.4二列固定宽度3.5二列宽度自适应3.6两列右列宽度自适应3.7二列固定宽度居中3.8三列浮动中间列宽度自适应3.9高度自适应第4章 CSS网站元素设计4.1用CSS设计网站导航4.1.1横向导航4.1.2纵向导航4.1.3下拉及多级弹出式菜单4.1.4门户网站的导航设计(闪客帝国)4.2背景控制4.2.1背景色4.2.2背景图片4.2.3背景定位4.2.4背景滚动4.2.5背景属性缩写4.2.6基于背景控制的导航优化4.3列表元素使用4.3.1 ul无序列表4.3.2 01有序列表4.3.3改变项目符号样式4.3.4使用图片自定义项目符号4.3.5使列表变为段落4.3.6列表缩进排版4.3.7复杂列表的排版4.4表单设计4.4.1改变输入框及文本域样式4.4.2改变下拉列表样式4.4.3改变按钮样式4.4.4表单布局设计4.4.5使用label标签提升表单可用性.4.4.6表单设计的其他建议4.5字体及段落样式设计4.5.1应用字体样式4.5.2应用段落样式4.6图片样式设计4.6.1图片定位4.6.2图片剪切4.6.3图片替代文本4.7链接样式的控制4.7.1链接控制4.7.2 CSS按钮4.7.3图片翻转链接4.7.4面包屑导航链接第5章 CSS内容排版5.1文字排版5.1.1通栏排版5.1.2分栏排版5.2图文混合排版5.2.1图片基础控制5.2.2不规则文字环绕5.3全图排版5.4表格排版5.4.1充分使用表格对象的标签5.4.2表格样式控制5.4.3表单表格设计第6章 CSS高级应用与技巧6.1 id vs class6.1.1什么是id6.1.2什么情况下使用id6.1.3什么是class6.1.4什么情况下使用class6.1.5 id使用与网站结构6.2 div Vs span613 CSS选择符的命名6.3.1大小写敏感6.3.2合法字符及组合6.3.3命名建议6.4 CSS文件结构的设计与优化6.4.1导入6.4.2结构6.5 CSS缩写6.5.1 font字体缩写6.5.2 margin与padding边距缩写6.5.3 border边框缩写6.5.4 list列表缩写6.5.5 background背景缩写6.5.6 color颜色缩写6.6 CSS代码优化6.6.1增加代码重用率6.6.2使用样式覆盖进行简化.6.7园角样式设计6.8滑动门技术6.9小提示窗口6.10折叠标签6.11 CSS数据图表6.11.1初级样式(进度条)6.11.2复合样式(滑动条)6.11.3柱状图6.12切换样式表(网站换肤)6.13 XHTML与CSS校验6.13.1 XHTML校验器6.13.2 CSS校验器6.14 Flash如何符合标准第7章 浏览器兼容与解析问题7.1 CSS hack技术7.1.1如何使用CSS hack7.1.2常用CSS hack使用方法7.1.3 CSS hack管理7.2 IE条件注释功能7.3盒模型问题7.3.1盒尺寸7.3.2盒模型hack7.3.3简单盒模型hack方法7.4 IE捉迷藏7.5 ul的不同表现7.6 IE 3px问题7.7高度不适应7.8 IE断头台问题第8章 CSS可视化开发与调试8.1Dreamweaver 8的CSS可视化开发8.1.1对CSS支持的界面变化8.1.2可视CSS辅助功能8.1.3浏览器检查及验证标记8.1.4创建CSS布局页面8.2 CSS代码调试8.2.1安装Firefox Web Developer8.2.2界面总览8.2.3主要功能8.3 Web Accessibility Toolbar8.3.1安装8.3.2界面与功能总览第9章 CSS布局应用实例解析9.1闪客帝国网站布局设计9.1.1界面设计9.1.2 CSS文件结构设计9.1.3首页布局设计9.2 Macromedia网站CSS分栏设计附录A Web标准语思录A.1 Web上的中文排版A.2我来说点儿Ajax的事儿A.3 Web标准的思考A.4闪客帝国网站重构访谈附录B 相关资源及术语表B.1相关网站B.2相关书籍B.3相关工具B.4术语表
一本让人又爱又恨的书 不过说良心话,内容真不赖,特别是有点网页标准基础,却不知道如何把“标准”贯彻到实际工作中去的人(比如我这样的)。一章章的翻过去,命中的都是要害,不禁心中暗喜。看这样一本“糟粕与精华并存、弱智与天才的化身”的书,就好象是在做贼一般。感觉不是在看一本真金白银买来的书,而更象是偷看一个江湖上鲜见的手抄本……刺激! ——网友 黑店掌柜
国内第1本基于Web标准的CSS布局著作!迎接Web 2.0标准时代,应用CSS布局精华,打造符合Web标准的、表现与内容分离的页面设计。 适用于所有网站设计师以及网站开发人员。 本书以最简单的方法与大家一起探讨Web标准进行网页设计的方方面面,以CSS布局为全书的主体内容,探讨CSS布局的入门知识与高级技巧等,从版式布局到细节设计再到浏览器兼容性,逐步学习与掌握CSS布局。 一本让人又爱又恨的书 不过说良心话,内容真不赖,特别是有点网页标准基础,却不知道如何把“标准”贯彻到实际工作中去的人(比如我这样的)。一章章的翻过去,命中的都是要害,不禁心中暗喜。看这样一本“糟粕与精华并存、弱智与天才的化身”的书,就好象是在做贼一般。感觉不是在看一本真金白银买来的书,而更象是偷看一个江湖上鲜见的手抄本……刺激! ——网友 黑店掌柜 目前Web标准大潮已经席卷了国内的网站设计领域,许多网站设计师开始学习并应用Web标准,本书就是在这一时期推出的一本利用Web标准进行网页设计的指南。以实例为主,一步步地告诉大家如何开始新的,符合Web标准的CSS布局设计。编写重点放在如何转变思路和如何实际操作。力求以最简单的方法与大家一起探讨Web标准进行网页设计的方方面面,以CSS布局为全书的主体内容,探讨CSS布局的入门知识与高级技巧等,从版式布局到细节设计再到浏览器兼容性,逐步学习与掌握CSS布局。希望能够帮助读者改变传统的网站设计思维,进入基于Web标准的网页设计领域。
无