CSS+XHTML+JavaScript网页设计与布局从入门到精通

2010-6  

中国铁道出版社  

李天生  

490  

无  

随着Web 2.0标准的迅速普及，如何开发一套符合标准要求的网站，已经成为每一个网页设计者所必须面对的话题。在过去的表格式布局时代，设计者已经习惯于以结构与表现结合的模式来开发网站。而Web 2.0标准最主要的特点就是结构与表现分离，因此作为一个网页设计师，必须改变现有的设计思路。长期以来，很多网站开发者采用所见即所得的可视化编辑环境，利用各种网页制作软件开发网站。虽然该方式简便易学，但由于其在共用代码方面存在不足，所以很多成熟的网页设计已经采用手写代码。而实际上，不管是利用网页制作软件的可视化编辑环境，还是手写代码，最终都是要转化成网页文件进行存储并供用户浏览。因此，网站是否符合Web标准是最主要的。综上所述，一个符合Web 2.0标准的网站与普通的表格式布局相比，有如下几个优点：一、网页在多种设备上的可用性由于符合Web 2.0标准的网站，在布局时其结构与表现是分离的，使得能够通过修改样式表文件。从而允许同一页面适应不同设备的屏幕。二、实现网站开发与维护的低成本在网站的开发过程中，大量的子页使网页设计人员的工作量大幅度增加。而传统的设计方式是，每一个网页的样式设计都是独立的。试想一下，如果在网站中有1000个子页，而在设计时给每一个页面都写相同的用于定义样式的代码，那就会有大量的重复输入代码的工作。而应用Web标准可以将所有用于定义样式的信息都放到一个统一的文件当中，就可以不必为每一个页面都输入相同的用于定义样式的代码。不管是有100或是有1000个页面需要指定样式的代码，只需要输入一次代码就可以了。网站开发完成后，如果要修改，这时Web标准的优势就更加突显了。样式代码的重用方法，可以使设计者通过修改同一个代码段，实现修改所有应用此代码段区域的元素样式。正是由于样式代码的重用，使得开发人员可以专注于网站结构与表现的设计，而无须将大量的精力放在重复输入用于指定样式的代码上。三、节省大量带宽假如用表格来布局，即便是一个最简单的单行单列布局，也要table、tr、td等标签齐上阵，层层嵌套才能完成。可想而知，如果要完成一个大型的网站设计，会在页面中嵌套多少表格才能完成。这样一来就会在页面上增加大量的冗余代码，而且每一个页面中表现样式的代码还都是独立的，不可重用，从而进一步增大网站的代码量。而利用Web标准制作网站，可以重用大量的用于定义样式的代码，使整个网站的代码量大幅减小。对于一些大流量的网站来说，网站的代码量减小意味着可以节省大量带宽。四、网页解析速度大幅提高符合Web标准的网站，其解析速度较传统的结构与表现混合在一起的编码方式而言，要快得多。因为浏览器在解析时能够以更好的解析方式分析结构元素与表现元素，从而提高网页的浏览速度。

随着Web 2．0标准的迅速普及，如何开发一套符合标准要求的网站，已经成为每一个网页设计者所必须面对的话题。在过去的表格式布局时代，设计者已经习惯于以结构与表现结合的模式来开发网站。而Web 2.0标准最主要的特点就是结构与表现分离，因此作为一个网页设计师，必须改变现有的设计思路。 长期以来，很多网站开发者采用所见即所得的可视化编辑环境，利用各种网页制作软件开发网站。虽然该方式简便易学，但由于其在共用代码方面存在不足，所以很多成熟的网页设计已经采用手写代码的方式。而实际上，不管是利用网页制作软件的可视化编辑环境，还是手写代码，最终都是要转化成网页文件进行存储并供用户浏览的。因此，网站是否符合Web标准是最主要的。 本书重点讲解了Web标准中规定的各种语言；让多浏览器兼容自己的网页的方法；有关JavaScript的常用技巧以及CSS滤镜的使用等。采用通俗易懂的实例化讲解方式，让每一个零基础的初学者都可以容易地学会利用CSS开发网站。 本书适合网站开发人员及爱好者阅读。

Chapter 1 Web 标准与XHTM1 概述 1.1　Web标准的概述 1.1.1　Web标准的定义 1.1.2　Web标准的历史 1.2　Web标准的基本组成 1 2.1　结构标准语言 1.2.2　表现标准语言 1.2.3　行为标准语言 1.3　Web标准的优点 1.3.1 网页在多种设备上的可用性 1.3.2　实现网站开发与维护的低成本 1.3.3　节省大量带宽 1.3.4　网页解析速度大幅提高 1.4　XHTM1基础 1.4.1　定义文档类型 1.4.2　什么是DTD 1.4.3　声明命名空间 1.5 XHTM1语法规范 1.6 XHTM1的元素分类 1.6.1　块级元素（disp1ay：b1ock） 1 6.2　内联元素（disp1ay：in1ine） 1.6.3　列表项元素（disp1ay：1ist—item） 1.6.4　隐藏元素（disp1ay：none） 1.7 XHTM1中常用的元素 1.7.1　布局元素 1.7.2　文本元素 1.7.3　列表元素 1.7.4　图像元素 1.7.5　表格元素 1.7.6　表单元素 1.7.7　a元素Chapter 2　CSS　基础 2.1 CSS布局和Tab1e布局 2.1.1 为什么要用CSS布局 2.1.2　Tab1e布局与CSS布局演示 2.2　CSS布局的初探 2.3　制作第一个XHTM1-I-CSS页面 2.4　如何在网页中应用CSS定义 2.4.1　内嵌样式表 2.4.2　内部样式表 2.4.3　外部样式表 2.5　CSS语法 2.6　选择符详解 2.6.1　类型选择符 2.6.2　id选择符 2.6.3　Class选择符 2.6.4　群组选择符 2.6.5　包含选择符 2.6.6　元素指定选择符 2.6.7　子对象选择符 2.6.8　通用选择符 2.6.9　伪类及伪对象 2.6.10　属性选择符 2.6.11　相邻选择符 2.7 CSS常用属性介绍 2.7.1　字体属性 2.7.2　文本属性 2.7.3　背景属性 2.7.4　内边距 2.7.5　外边距 2.7.6　边框属性 2.8 CSS常用数据单位 2.8.1　绝对单位 2.8.2　相对单位 2.8.3　颜色值 2.8.4　UR1 2.9　样式优先权 2.9.1 写法上的优先级 2.9.2　id和Class哪个优先权高 2.9.3　层叠样式定义 2.9.4　Limportant语句改变优先权 2.10样式的继承　……Chapter 3 CSS 代码优化与文档统筹Chapter 4 CSS 调试与开发工具Chapter 5 CSS 布局与定位Chapter 6 CSS 网页内容排版Chapter 7 CSS 页面元件设计Chapter 8 CSS 滤镜详解Chapter 9 CSS 浏览器兼容性解决方案Chapter 10 JavaScript 应用Chapter 11 个人博客网站布局Chapter 12 中小型企业网站布局Chapter 13 化妆品网站Appendix A SEO 搜索引擎优化

插图：

《CSS+XHTML+JavaScript网页设计与布局:从入门到精通》中介绍的网站设计方法符合Web2.0标准，可实现低成本开发与维护网站 ，知识讲解配合实际案例，并以多媒体视频演示作为辅助，网站开发轻松搞定。超值赠送书中重点，重点内容的多媒体教程，光盘中收录书中所有实例文件，赠送近100页大型实战案例电子书。

无

CSS+XHTML+JavaScript网页设计与布局从入门到精通 PDF格式下载

网页前端开发不错的书

虽然是黑白的图片和文字,但内容比较系统,对于初学者来说,是值得学习的一本书!!!!

内容详尽，值得一看

还不错！躲我还是有用的。

适合新手看的书，还可以。 把网页设计的相关布局都讲到了。

这类的书太多了，感觉讲解一般般，没什么兴趣！

比较系统全面，比较设和初学者，只是有些疑问，联系作者没有回复的

老公说还好！只是都不是很全面

挺好的，内容很全面。要认真学习

感觉中规中矩的，适合入门级的

写的一般般吧

可稍做参考

感觉没书店里的好，纸很次，而且不是很清晰。

这本书是我们老师推荐的，内容讲得细，很多基础的东西，不过很实用。就是光碟不好，好像里面缺了很多东西。

也才只看了一点点，本来想看了很多再来评论，不过，就看的那部分而言，也还不错啦！

刚收到，发货很快，粗劣地看了下，还不错！

这本书适合有一定基础的人用。讲解的比较到位，但章节不连贯，我都学了后面忘了前面

难易适中，各个部分层次分明。没有交叉