精通CSS与HTML设计模式


请输入要查询的词条内容:

精通CSS与HTML设计模式


精通CSS与HTML设计模式》是一部非常实用的CSS 与HTML(XHTML)解决方案手册。书中包含了350多种可以立即使用的设计模式(涉及文本、背景、边框、图片、表格、布局等多方面),并介绍了每种模式的原理和使用。每种设计模式、示例和源代码都经过了精心设计,易于实现和使用。通过阅读此书,可大大提高读者在Web设计和开发中的效率和创造力。《精通CSS与HTML设计模式》结构清晰,示例丰富,实践性强,适用于所有Web开发和设计人员。

书名:精通CSS与HTML设计模式

作者:(美)鲍尔斯

译者:刘申、朱瑜敏、鲁奇

ISBN:9787115185532

类别:图书

页数:494页

定价:69.00元

出版社:人民邮电出版社

出版时间:2008年

装帧:平装

开本:16开



内容简介


本书是为那些对CSS和HTML有所了解的人士编写的。它适用于以前阅读过CSS和HTML入门书的新手,也适用于曾经尝试过CSS但无法正确运用而放弃的设计者和开发者们,适用于想要提高CSS技术的专业人士,适用于所有希望快速完成设计的人——有了本书,他们就不用自己不断摸索,找出可以在所有浏览器中生效的方案了。

本书假设读者已经了解了编写CSS和HTML代码的基础知识。如果你只在像Dreamweaver或FrontPage这种所见即所得的设计软件中工作而从没处理过HTML或CSS代码,你可能会觉得本书中的代码有些难度。

如果你喜欢通过例子学习,喜欢了解代码是如何工作的,并且对CSS和HTML有所了解,你肯定会爱上这本书的。

在第17章和第20章中,有7种设计模式使用了JavaScript。为了完全理解它们,你需要了解JavaScript的基础知识,但是使用这些模式不用精通JavaScript。最重要的是,你不需要知道任何有关JavaScript的知识来理解和使用书中的340多种设计模式,因为它们根本与 JavaScript无关。

作者介绍


Michael Bowers,资深Web开发专家,有18年专业软件开发经验。曾经作为首席软件工程师和架构师开发过各种项目,包括许多网站、应用程序框架、编译器、自定义语言,自动化工厂和销售管理系统。他拥有音乐理论硕士学位,是一名优秀的钢琴家。

目录


第1章到第3章探讨的是CSS和HTML的一些基础知识。

第1章展示了设计模式是如何简化CSS的运用的。这里我演示了如何将简单的设计模式组合成复杂和强大的模式。我也对CSS的语法和层叠排序进行了回顾。另外,我展示了几个图表,它们可令CSS的使用更简单:实用的CSS网站链接列表,单页CSS属性总结;一个4页的实用CSS属性、取值和选择符的列表,根据它们使用地方的不同来排列;度量单位和字体大小的图表;两个样式表实例,展示了在所有浏览器中对元素样式的标准化问题;一个12步的向导,用于解决CSS的有关的各种问题。

第2章介绍了HTML背后的设计模式。在本章,我展示了使用HTML(包括XHTML)的最佳实践。也对可用HTML创建的结构类型进行了探讨,其中包括结构化块状、终端块状、多目标块状和内联。还讲述了如何通过CSS选择符对ID和属性进行选择。

第3章介绍了关于CSS选择符和继承的设计模式。这里我演示了选择符是如何作为HTML和CSS的桥梁的。我列出了关于类型、类、ID、定位、分组、属性、伪元素、伪类和子类选择符的设计模式。我还对CSS的继承进行了讲解。

第4章到第6章对6种盒模型进行了介绍。它们展示了每个HTML元素在不同盒类型(不是在每种盒类型中都能被解析的)中解析方式的不同之处。它们也演示了同一个属性在不同盒模型中所产生的不同结果,并且在每个盒模型中,元素的排列顺序是存在差异的。

第4章介绍了6种盒模型:内联、内联块状、块状、表格、绝对和浮动。

第5章对3种度量盒子的方式进行了探讨:设定尺寸(sized)、包裹(shrinkwrapped)和拉伸(stretched)。

第6章介绍了每种盒模型的属性:外边距(margin)、边框(border)、内边距(padding)、背景(background)、溢出(overflow)、可见性(visibility)、分页(pagebreak)。

第7章到第9章对盒子的排列和定位进行了讲解。

第7章介绍了5种定位模型(静态、绝对、相对、固定和浮动),并将它们与6种盒模型联系起来。

第8章对盒子定位的3种方式进行了介绍:例如,可以对一个盒子缩进、外凸或相对它的兄弟元素进行偏移,或者参照它的容器来对齐与偏移。

第9章对第7、8章的模式进行了组合:这种组合会生成50多种对元素进行定位的设计模式(仅仅针对绝对和固定定位两种方式)。

第10章到第12章对内联盒模型的排列、样式、空白、文本对齐与对象进行了详细的阐述。

第10章介绍了为文本赋予样式的一些属性,其中还包括了隐藏文本的3种设计模式(这几种设计模式对视力残障用户也是可访问的)。

第11章展示了为内联内容添加水平和垂直空白的方法

第12章讲述了如何对内联内容水平和垂直对齐。

第13章到第14章详细讲解了块状元素和图片的排列方式以及怎样为它们赋予样式。

第13章介绍了块状元素的相关内容,它以探讨块状元素的结构含义和如何可视化地显示此含义开始,涵盖了列表、内联块状元素、重叠的外边距、内嵌块状元素、块状空白和边缘块状元素。

第14章介绍了图片的相关内容,例如图片地图(image map)、半透明图片、用图片替换文本、内嵌图片(sprite)、阴影图片和圆角图片。

第15章和第16章深入地介绍了如何对表格以及单元格赋予样式和布局。

第15章讲的是表格,包括表格选择符、重叠的边框(collapsed border)、隐藏单元格(hiding cell)、垂直对齐单元格内的内容以及把内联和块状元素当作表格来显示。

第16章介绍了12种用于布局表格列的模式,包括自动包裹表格列、为它们设定尺寸、按比例分配等。

第17章对如何用浮动元素创建流动布局进行了详细的介绍。

第17章展示了如何创建浮动布局,它可根据不同的设备、字体、宽度、缩放进行自动调整。其中也介绍了如何用JavaScript创建交互的布局。

第18章至第20章介绍了如何通过组合设计模式为同一个问题创建出多种解决方案。每种方案会满足不同的需求,它们也各有利弊。除了作为实用的解决方案外,它们也展示了如何通过组合模式来解决任何设计上的问题。

第18章介绍了字母下沉。这里我通过7种不同的设计模式组合,对7种字母下沉进行了讲解。

第19章对强调框和引用进行了讲解。本章展示了5种强调框和3种引用。

第20章介绍了提示框。其中我列出了3种可交互的提示框和8种文本提示框(比如,提醒标识)。