DIV+CSS 3.0网页样式与布局全程揭秘

出版时间：2012-3  出版社：清华大学  作者：畅利红  页数：476  
Tag标签：无  

内容概要

　　《div+css
3.0网页样式与布局全程揭秘》是一本介绍div+css网页样式与布局的经典之作，通过“系统的专业理论+详细的实战操作+真实的商业案例”全面系统地介绍了div+css布局制作网页的方法和技巧。
　　全书一共分为14章，内容包括网页和网站的基础知识、使用web标准设计和制作、html和xhtml基础、css样式基础、div+css布局入门、设置页面背景图像、设置页面中的图像、css文本内容排版、设置表单样式、设置列表样式、设置页面超链接样式、使用javascript搭建动态效果、css与xml和ajax的综合使用、html
5.0与css高级运用。
　　书中不仅应用大量的实例对重点、难点进行了深入的剖析，而且还结合作者多年的网页设计和教学经验进行了点拨，使读者能够学以致用。另外，书中还穿插介绍了css
3.0和html 5.0的相关知识，力求使读者了解最新的网页设计制作技术。
　　《div+css
3.0网页样式与布局全程揭秘》适合初中级网页设计爱好者，以及希望学习web标准和对原有网站进行重构的网页设计者，同时也可以作为高等院校相关专业的参考用书。

书籍目录

第1章 网页和网站的基础知识
　1.1 认识网页
　1.1.1 网页和网站
　1.1.2 网页的类型
　1.1.3 静态网页与动态网页
　1.1.4 网页的基本构成元素
　1.2 如何设计网页
　1.2.1 网页设计的基本原则
　1.2.2 网页设计成功要素
　1.2.3 网页的设计风格及色彩搭配
　1.2.4 网页设计的实现
　1.3 网页设计的要点
　1.3.1 为用户考虑
　1.3.2 主题突出
　1.3.3 整体原则
　1.3.4 内容与形式相统一
　1.3.5 更新和维护
　1.4 网页布局设计流程
　1.4.1 前期策划
　1.4.2 收集素材
　1.4.3 页面的版式与布局分析
　1.4.4 确定网站的主色调
　1.4.5 设计页面整体
　1.4.6 其他页面元素的设计
　1.4.7 切割和优化页面
　1.4.8 制作html页面
　1.4.9 添加网页后台程序
　1.4.10 测试并上传网站
　1.5 本章小结
第2章 使用web标准设计和制作
　2.1 html基础
　2.1.1 表格布局的优点
　2.1.2 表格布局的缺点
　2.2 了解web标准
　2.2.1 什么是web标准
　2.2.2 什么是w3c
　2.2.3 w3c发布的标准
　2.2.4 web标准的优势
　2.3 网络设计的标准时代
　2.3.1 为什么要建立网站标准
　2.3.2 遵循标准的网站与传统网站的区别
　2.3.3 采用网站标准的优缺点
　2.4 web标准三剑客
　2.4.1 什么是内容、结构、表现和行为
　2.4.2 div与css结合的优势
　2.4.3 如何改善现有网站
　2.5 关于web标准的思考与争论
　2.5.1 关于web标准的优点
　2.5.2 关于布局
　2.5.3 关于浏览器兼容
　2.6 关于web标准的误区
　2.6.1 抛弃表格布局的思维方式
　2.6.2 正确使用xhtml标签
　2.6.3 善于利用css
　2.6.4 “通过验证”并不是最终目的
　2.7 本章小结
第3章 html和xhtml基础
　3.1 html基础
　3.1.1 html概述
　3.1.2 html文件的基本结构
　3.1.3 html的主要功能
　3.1.4 html的基本语法
　3.2 html标签
　3.2.1 基本标签
　3.2.2 格式标签
　3.2.3 文本标签
　3.2.4 超链接标签
　3.2.5 图像标签
　3.2.6 表格标签
　3.2.7 分区标签
　3.3 xhtml介绍
　3.3.1 什么是xhtml
　3.3.2 升级到xhtml的好处
　3.3.3 xhtml的页面结构
　3.3.4 xhtml的代码规范
　3.3.5 选择文档类型
　3.3.6 xhtml和html的比较
　3.3.7 名字空间
　3.4 本章小结
第4章 css样式基础
　4.1 css概述
　4.1.1 css的特点
　4.1.2 css的类型
　4.1.3 css的基本语法
　4.2 css样式表的基本用法
　4.2.1 在xhtml内插入样式表
　4.2.2 css样式表的规则
　4.3 css样式表的分类
　4.3.1 内联样式
　4.3.2 内联样式
　4.3.3 外部样式表
　4.4 css文档结构
　4.4.1 结构
　4.4.2 继承
　4.4.3 特殊性
　4.4.4 层叠
　4.4.5 重要性
　4.5 单位和值
　4.5.1 颜色值
　4.5.2 定义字体
　4.5.3 群选择符
　4.5.4 派生选择符
　4.5.5 id选择符
　4.5.6 类选择符
　4.5.7 定义链接的样式表
　4.6 本章小结
第5章 div+css布局入门
　5.1 定义div
　5.1.1 css的特点
　5.1.2 插入div
　5.1.3 div的嵌套和固定格式
　5.2 可视化模型
　5.2.1 盒模型
　5.2.2 视觉可视化模型
　5.2.3 相对定位
　5.2.4 绝对定位
　5.2.5 浮动定位
　5.2.6 空白变叠加
　5.3 css布局方式
　5.3.1 居中的布局设计
　5.3.2 浮动的布局设计
　5.3.3 高度自适应
　5.4 css 3.0中盒模型的新增属性
　5.4.1 实战1：overflow
　5.4.2 实战2：overflow-x
　5.4.3 实战3：overflow-y
　5.4.4 实战4：使用css 3.0实现鼠标经过变换效果
　5.5 商业案例——设计制作咖啡店网站页面
　5.5.1 设计分析
　5.5.2 布局分析
　5.5.3 制作流程
　5.5.4 制作流程
　5.5.5 案例小结
　5.6 课后作业——制作个人网站页面
　5.6.1 案例分析
　5.6.2 技能剖析
　5.7 本章小结
第6章 设置页面背景图像
　6.1 背景控制概述
　6.1.1 背景控制原则
　6.1.2 背景控制属性
　6.2 背景颜色控制
　6.2.1 实战5：控制页面背景颜色
　6.2.2 实战6：设置块背景颜色
　6.3 背景图像控制
　6.3.1 实战7：设置背景图像
　6.3.2 实战8：背景图像的重复方式
　6.3.3 实战9：背景图像的定位
　6.3.4 实战10：背景图像的滚动
　6.4 css 3.0中背景的新增属性
　6.4.1 实战11：background-origin
　6.4.2 实战12：background-clip
　6.4.3 实战13：background-size
　6.4.4 multiple backgrounds
　6.4.5 实战14：使用css 3.0实现动态背景
　6.5 商业案例——设计制作汽车租赁网站
　6.5.1 设计分析
　6.5.2 布局分析
　6.5.3 制作流程
　6.5.4 制作步骤
　6.5.5 实例小结
　6.6 课后作业——设计制作通信服务宣传页面
　6.6.1 实例分析
　6.6.2 技能剖析
　6.7 本章小结
第7章 设置页面中的图像
　7.1 背景控制概述
　7.1.1 实战15：图像边框
　7.1.2 实战16：图像定位
　7.1.3 实战17：图像缩放
　7.1.4 实战18：图像对齐方式
　7.2 图文混排
　7.2.1 实战19：文本混排
　7.2.2 实战20：设置混排间距
　7.3 css 3.0中边框的新增属性
　7.3.1 实战21：border-image
　7.3.2 实战22：border-radius
　7.3.3 实战23：border-color
　7.3.4 实战24：box-shadow
　7.3.5 实战25：使用css 3.0实现图像滑过动画效果
　7.4 商业案例——设计制作休闲游戏网站
　7.4.1 设计分析
　7.4.2 布局分析
　7.4.3 制作流程
　7.4.4 制作步骤
　7.4.5 实例小结
　7.5 课后作业——设计制作企业英文网站
　7.5.1 案例分析
　7.5.2 技能剖析
　7.6 本章小结
第8章 css文本内容排版
　8.1 文本排版概述
　8.1.1 文本排版原则
　8.1.2 文本控制属性
　8.2 css文本样式
　8.2.1 实战26：字体
　8.2.2 实战27：大小
　8.2.3 实战28：粗细
　8.2.4 实战29：样式
　8.2.5 实战30：颜色
　8.2.6 实战31：修饰
　8.2.7 实战32：英文字母大小写
　8.3 css段落样式
　8.3.1 实战33：段落水平对齐
　8.3.2 实战34：段落垂直对齐
　8.3.3 实战35：行间距和字间距
　8.3.4 实战36：首字下沉
　8.4 css 3.0中文字的新增属性
　8.4.1 实战37：text-shadow
　8.4.2 实战38：text-overflow
　8.4.3 实战39：word-wrap
　8.4.4 实战40：使用css 3.0实现可折叠栏目
　8.5 商业案例——设计制作企业网站页面
　8.5.1 设计分析
　8.5.2 布局分析
　8.5.3 制作流程
　8.5.4 制作步骤
　8.5.5 案例小结
　8.6 课后作业——制作美容时尚网站页面
　8.6.1 案例分析
　8.6.2 技能剖析
　8.7 本章小结
第9章 设置表单样式
　9.1 表单设计概述
　9.1.1 网页表单设计的原则
　9.1.2 表单应用分类
　9.2 表单设计
　9.2.1 表单和表单元素
　9.2.2 实战41：(label)标签的作用
　9.2.3 实战42：文本框样式设计
　9.2.4 实战43：下拉列表样式设计
　9.3 实战44：css 3.0中控制内容的新增属性
　9.4 css 3.0中颜色的新增属性
　9.4.1 实战45：hsl colors
　9.4.2 实战46：hsla colors
　9.4.3 实战47：opacity
　9.4.4 实战48：rgba colors
　9.4.5 实战49：使用css 3.
　实现动态堆叠卡效果
　9.5 商业案例——设计制作游戏网站的登录页
　9.5.1 设计分析
　9.5.2 布局分析
　9.5.3 制作流程
　9.5.4 制作步骤
　9.5.5 案例小结
　9.6 课后作业——制作网站搜索栏
　9.6.1 案例分析
　9.6.2 技能剖析
　9.7 本章小结
第10章 设置列表样式
　10.1 列表控制概述
　10.1.1 列表控制的原则
　10.1.2 列表标签的使用
　10.2 列表样式控制
　10.2.1 实战50：ul无序列表
　10.2.2 实战51：ol有序列表
　10.2.3 实战52：dl定义列表
　10.2.4 实战53：更改列表项目样式
　10.3 使用列表制作菜单
　10.3.1 实战54：无需表格的菜单
　10.3.2 实战55：菜单的横竖转换
　10.4 css 3.0中其他模块的新增属性
　10.4.1 实战56：@media
　10.4.2 @font-face
　10.4.3 实战57：columns
　10.4.4 speech
　10.4.5 实战58：使用css 3.0实现选项卡式新闻块
　10.5 商业案例——设计制作音乐网站页面
　10.5.1 设计分析
　10.5.2 布局分析
　10.5.3 制作流程
　10.5.4 制作步骤
　10.5.5 实例小结
　10.6 课后作业——设计制作娱乐网站页面
　10.6.1 案例分析
　10.6.2 技能剖析
　10.7 本章小结
第11章 设置页面超链接样式
　11.1 超链接概述
　11.1.1 超链接样式控制的原则
　11.1.2 超链接控制的属性
　11.2 超链接特效
　11.2.1 实战59：文字式超链接
　11.2.2 实战60：按钮式超链接
　11.2.3 实战61：浮雕式超链接
　11.3 css 3.0中用户界面的新增属性
　11.3.1 实战62：box-sizing
　11.3.2 实战63：resize
　11.3.3 实战64：outline
　11.3.4 nav-index
　11.3.5 实战65：使用css 3.0实现动态菜单效果
　11.4 商业案例——设计制作电子商务网站
　11.4.1 设计分析
　11.4.2 布局分析
　11.4.3 制作流程
　11.4.4 制作步骤
　11.4.5 案例小结
　11.5 课后作业——设计制作健康类网站页面
　11.5.1 案例分析
　11.5.2 技能剖析
　11.6 本章小结
第12章 使用javascript搭建动态效果
　12.1 列表控制概述
　12.1.1 列表控制的原则
　12.1.2 javascript的特点
　12.1.3 javascript的应用范围
　12.1.4 css与javascript
　12.2 使用javascript设置图像效果
　12.2.1 实战66：实现相册效果
　12.2.2 实战67：实现图像滑动切换效果
　12.3 针对菜单的javascript效果
　12.3.1 实战68：实现弹性快速导航效果
　12.3.2 实战69：制作动态十足的菜单效果
　12.4 针对文字的javascript效果
　12.4.1 实战70：选择字体大小
　12.4.2 实战71：实现打字效果
　12.5 商业案例——设计制作游戏网站页面
　12.5.1 设计分析
　12.5.2 布局分析
　12.5.3 制作流程
　12.5.4 制作步骤
　12.5.5 案例小结
　12.6 课后作业——设计制作购物网站页面
　12.6.1 案例分析
　12.6.2 技能剖析
　12.7 本章小结
第13章 css与xml和ajax的综合使用
　13.1 xml基础
　13.1.1 xml概念
　13.1.2 xml的特点
　13.1.3 xml的结构和基本语法
　13.1.4 实战72：html与xml
　13.1.5 什么是“形式良好的”xml文件
　13.2 xml与css的应用
　13.2.1 实战73：在xml中链接css样式
　13.2.2 实战74：实现隔行变色的表格
　13.3 ajax基础
　13.3.1 ajax简介
　13.3.2 ajax的关键元素
　13.3.3 ajax的优势
　13.3.4 实现ajax的步骤
　13.3.5 使用css的必要性
　13.4 实战75：ajax与css的综合运用
　13.5 商业案例——设计制作休闲乐园网站
　13.5.1 设计分析
　13.5.2 布局分析
　13.5.3 制作流程
　13.5.4 制作步骤
　13.5.5 案例小结
　13.6 课后作业——设计制作社区网站
　13.6.1 案例分析
　13.6.2 案例剖析
　13.7 本章小结
第14章 html 5.0与css高级运用
　14.1 html 5.0概述
　14.1.1 html 5.0标签
　14.1.2 html 5.0事件属性
　14.1.3 html 5.0标准属性
　14.1.4 实战76：使用html 5.0实现动感页面效果
　14.2 id与class
　14.2.1 id是什么
　14.2.2 什么情况下使用id
　14.2.3 class是什么
　14.2.4 什么情况下使用class
　14.3 div与span对象
　14.4 css代码简写
　14.4.1 font样式简写
　14.4.2 color样式简写
　14.4.3 background样式简写
　14.4.4 margin和padding样式简写
　14.4.5 border样式简写
　14.4.6 list样式简写
　14.5 商业案例——设计制作游戏网站
　14.5.1 设计分析
　14.5.2 布局分析
　14.5.3 制作流程
　14.5.4 制作步骤
　14.5.5 案例小结
　14.6 课后作业——设计制作企业网站页面
　14.6.1 案例分析
　14.6.2 技能剖析
　14.7 本章小结

章节摘录

版权页：   插图：   第1章 网页和网站的基础知识 随着互联网的日益成熟，越来越多的人开始自己制作网页。要制作出精美的网页，不仅要能够熟练地使用软件，而且还要掌握制作网页的一些基本概念和基本原则。只有对网页的基础知识进行深入地学习，才能够快速地掌握网页设计的技巧。本章主要介绍网页设计制作的基本知识，包括网页的基本构成元素、设计的基本原则和制作流程等内容。 1．1 认识网页 网页是互联网展示信息的一种形式。一般网页都会有文本和图像信息，复杂一些的网页还会有声音、视频、动画等多媒体。 1．1．1 网页和网站 当浏览者输入一个网址或者单击某个链接，在浏览器中就会看到文字、图像、动画、视频、音频等内容，能够承载这些内容的页面被称为网页。浏览网页是互联网应用最广的功能，网页是网络的基本组成部分。 网站则是各种内容网页的集合，按照其功能和大小来分，目前主要有门户类网站和公司网站两种。门户类网站内容庞大而又复杂，例如新浪、搜狐、网易等门户网站。公司网站一般只有几个页面，例如小型公司的网站。但是，都是由最基本的网页元素组合到一起的。 在这些网站中有一个特殊的页面，它是浏览者输入某个网站的网址后，首先看到的页面，因此这样的一个页面通常被称为“主页（Homepage）”，也称为“首页”。首页承载了一个网站中所有的主要内容，访问者可以按照首页中的分类，来精确、快速地找到自己想要的信息内容，如图1—1所示就是一家公司的网站。 1．1．2 网页的类型 通常我们看到的网页，都是以htm或html后缀结尾的文件，俗称HTML文件。不同的后缀，分别代表不同类型的网页文件，例如CGI、ASP、PHP、JSP、VRML等，下面就对各种类型的网页文件进行简单的讲解，如表1—1所示。

编辑推荐

《DIV+CSS 3.0网页样式与布局全程揭秘》编辑推荐：在过去很长一段时间里，表格布局曾经一统天下，很多网页设计制作人员养成了通过表格对网页内容进行布局定位的习惯。随着Web标准时代的来临，大家已经认识到表格布局的缺点与不足，大多数网站已经开始使用DIV+CSS进行网页布局。畅利红编著的《DIV+CSS3.0网页样式与布局全程揭秘》就是力求通过最简单的方法与大家一起探讨使用Web标准进行网页设计制作的指导用书，适用于所有网页设计制作人员、尤其是初中级网页设计爱好者，以及希望学习web标准和对原有网站进行重构的网页设计者，同时也可以作为高等院校相关专业的参考用书。

用户评论 (总计17条)

•   基本上是典型的骗钱书，虽然出版时间是12年，里面居然有“据05年的统计数据”。。。
•   刚拿到书，非常喜欢，印刷精美，案例精彩，知识点丰富，好多新增功能的东西。
•   挺不错的一本书，内容讲解挺详细的！
•   基础的书，内容比较散乱，不如上网看视频
•   光盘都有问题，纠结了一遍又一遍，最后书还是退货了！原本是别人推荐的，以为很好，结果买来发现失望了！
•   相对比同时买的《锋利的JQuery》，这本书厚但是讲解得不够通俗易懂，例子也有点拼凑的感觉。随便看看吧。可能看完这本还是不会掌握。
•   从拍到收到货太慢了，五天的时间，书被折了，里面有一页纸是烂的，书本身的印刷质量感觉不是特别好，图片部分不清晰，书的内容暂时还不知道，还没看，希望内容好，也就值了！
•   这是一本好的书！值得推荐。。。
•   书里面的内容还不错，有用。
•   没有看完呢，不过看着挺不错
•   此书一般，原理讲的不太清楚，毕竟是国产书籍，建议读《写给大家看的CSS书》
•   适合刚开始接触网页设计的人看的书
•   很不错，内容比较全面，既有知识点的讲解，也有实例的操作，并且还讲解了很多全新的内容，很实用，与同类书籍相比要好很多！
•   印刷的感觉不是很好，字有些模糊。
•   老公说不错 值得一看
•   不错 国产书就是通俗易懂
•   全面但不细致!