描述
开 本: 16开纸 张: 胶版纸包 装: 平装是否套装: 否国际标准书号ISBN: 9787302359104丛书名: 高职高专计算机教学改革新体系规划教材
内容简介
康玉忠主编的这本《网页布局与实现(DIV+CSS）》通过项目案例来讲解DIV+CSS布局设计的基本思想、方法和解决实际问题的技巧，培养学习者网页布局分析、设计、应用的能力和良好的网页布局设计习惯。
本书打破传统的教材组织形式，强化CSS布局设计，由简单初步布局到真实项目实战布局，以网页布局设计体验（结构与表现分离）→CSS的实战基础→DIV布局与CSS定位→文字段落与列表的应用→背景与图片的应用→表格与表单的样式应用→超链接与导航栏的样式应用→CSS控制其他元素的显示为主线划分为8个模块；后，对CSS3.0新技术应用作了介绍，通过完成一个具有代表性的博客实例和一个企业网站实例项目实战，完整地实施CSS页面布局，以提高读者综合解决问题的能力。
本书适合作为高职高专院校计算机类专业学生学习网页设计的教材，也适合从事网页设计的人员参考学习。
本书打破传统的教材组织形式，强化CSS布局设计，由简单初步布局到真实项目实战布局，以网页布局设计体验（结构与表现分离）→CSS的实战基础→DIV布局与CSS定位→文字段落与列表的应用→背景与图片的应用→表格与表单的样式应用→超链接与导航栏的样式应用→CSS控制其他元素的显示为主线划分为8个模块；后，对CSS3.0新技术应用作了介绍，通过完成一个具有代表性的博客实例和一个企业网站实例项目实战，完整地实施CSS页面布局，以提高读者综合解决问题的能力。
本书适合作为高职高专院校计算机类专业学生学习网页设计的教材，也适合从事网页设计的人员参考学习。
目 录
模块1 网页布局设计体验
1.1 CSS网页
1.1.1 什么是CSS
1.1.2 Web标准
1.1.3 网页结构与表现分离实例
1.2 编写CSS布局的XHTML
1.2.1 一个简单的XHTML页面实例
1.2.2 XHTML编写的规范
1.2.3 CSS网页的编辑
1.2.4 CSS的使用注释
1.2.5 制作一个简单的CSS实例
1.3 CSS控制的页面
1.3.1 CSS的引入
1.3.2 行内样式
1.3.3 内嵌式调用CSS样式的实例
1.3.4 链接外部CSS样式的实例
1.3.5 导入外部样式
拓展实践
习题
模块2 CSS的实战基础
2.1 CSS的基本语法
2.1.1 CSS语法的格式
2.1.2 CSS的取值单位
2.2 基本CSS选择符
2.2.1 标签选择符
2.2.2 类选择符
2.2.3 ID选择符
2.3 灵活使用CSS选择符
2.3.1 分组选择符及实例
2.3.2 通配选择符
2.3.3 包含选择符及实例
2.3.4 选择符嵌套及实例
2.3.5 标签指定选择符
2.3.6 伪类选择符
2.4 CSS继承应用的实例
2.5 CSS样式和选择符优先级
2.5.1 CSS样式的优先级原则
2.5.2 CSS样式的优先级
2.5.3 CSS选择符的优先级实例
拓展实践
习题
模块3 DIV布局与CSS定位
3.1 盒子模型
3.1.1 盒子模型的概念
3.1.2 padding、margin、border设置实例
3.1.3 盒子模型尺寸的计算
3.1.4 盒子外边距合并实例
3.1.5 块级元素与行内元素
3.2 页面定位技术
3.2.1 CSS定位机制
3.2.2 浮动定位问题
3.2.3 清除浮动
3.3 CSS定位属性
3.3.1 相对定位
3.3.2 定位
3.3.3 固定定位
3.4 CSS布局技术
3.4.1 CSS布局理念
3.4.2 一列固定宽度居中
3.4.3 一列自适应宽度居中
3.4.4 二列固定宽度居中
3.4.5 二列自适应宽度居中
3.4.6 CSS高度自适应
3.4.7 溢出内容overflow属性
3.5 三列布局实例——唐诗《黄鹤楼》画卷
拓展实践
习题
模块4 文字段落与列表的应用
4.1 CSS文字样式
4.1.1 字体
4.1.2 文字大小
4.1.3 颜色
4.1.4 样式
4.2 文本对齐
4.2.1 CSS的文本属性
4.2.2 文本添加修饰实例
4.2.3 文本居中排列实例
4.2.4 制作Google公司Logo实例
4.2.5 首字下沉图文混排实例
4.3 CSS列表样式
4.3.1 列表的类型
4.3.2 CSS的列表属性
4.3.3 List图文混排
4.3.4 竖排唐诗文字
拓展实践
习题
模块5 背景与图片的应用
5.1 页面的背景图
5.1.1 背景颜色与背景图片
5.1.2 前景图与背景图
5.2 图片样式
5.2.1 CSS图片边框
5.2.2 图片对齐方式
5.2.3 图文混排效果
5.3 背景图片的应用实例
5.3.1 背景渐变效果实例
5.3.2 导航按钮实例
5.3.3 横格信纸实例
5.4 CSS样式圆角布局研究
5.4.1 以四角小图实现圆角效果实例
5.4.2 以画线方式实现圆角效果实例
5.4.3 多图片组合布局圆角效果实例
5.5 背景图片的CSS Sprite技术
拓展实践
习题
模块6 表格与表单的样式应用
6.1 表格控制
6.1.1 表格标记
6.1.2 表格隔行变色实例
6.1.3 鼠标经过时变色的表格实例
6.2 表单控制
6.2.1 表单标记
6.2.2 登录框表单的应用实例
6.2.3 网民调查问卷实例
拓展实践
习题
模块7 超链接与导航栏的样式应用
7.1 超链接CSS样式
7.1.1 定义超链接CSS样式
7.1.2 浮雕式超链接的效果
7.2 超链接制作导航栏
7.2.1 CSS样式实现垂直导航栏
7.2.2 利用背景图片制作立体导航菜单
7.2.3 制作带下拉子菜单的导航菜单
拓展实践
习题
模块8 CSS控制其他元素的显示
8.1 CSS静态滤镜
8.1.1 透明度滤镜
8.1.2 模糊滤镜
8.1.3 透明色滤镜
8.1.4 投射阴影滤镜
8.1.5 对称变换滤镜
8.1.6 光晕滤镜
8.1.7 灰度滤镜
8.1.8 反色滤镜
8.1.9 遮罩滤镜
8.1.10 阴影滤镜
8.1.11 X射线滤镜
8.1.12 波浪滤镜
8.1.13 一个使用颜色渐变滤镜的实例
8.2 控制滚动条的显示
8.2.1 滚动条样式的属性
8.2.2 控制滚动条样式的实例
8.3 CSS布局中的兼容问题
8.3.1 兼容问题的由来
8.3.2 兼容问题的解决
8.3.3 一个关于浏览器显示差异的实例
拓展实践
习题
模块9 CSS 3.0的新技术与应用
9.1 CSS 3.0简介
9.1.1 CSS 3.0技术的发展
9.1.2 CSS 3.0中的新特性
9.2 进入CSS 3.0样式新世界
9.2.1 用CSS 3.0实现圆角效果实例
9.2.2 CSS 3.0边框、阴影实例
9.2.3 CSS 3.0文本描边及阴影效果实例
9.2.4 CSS 3.0表格美化效果实例
9.2.5 CSS 3.0按钮动画过渡效果实例
9.2.6 CSS 3.0多列布局排版实例
拓展实践
习题
模块10 制作个人博客页面
10.1 构架设计制作
10.1.1 功能需求分析与界面设计
10.1.2 页面结构的规划
10.1.3 切割网页的效果
10.1.4 页面主体框架内容
10.2 制作页面内容
10.2.1 制作页面头部Banner的内容与导航
10.2.2 制作页面导航左侧列表
10.2.3 制作页面主体内容部分
10.2.4 制作页面底部内容
10.3 页面细节整体调整
10.4 页面的浏览与兼容测试
拓展实践
习题
模块11 企业网站制作
11.1 企业网站构架
11.1.1 功能需求分析与界面设计
11.1.2 页面结构的规划
11.1.3 切割网页效果图
11.1.4 页面主体框架内容
11.2 制作页面内容
11.2.1 制作Banner内容与导航
11.2.2 制作页面左侧列表
11.2.3 制作页面主体内容
11.2.4 制作页面图片展示
11.2.5 制作页面底部内容
11.3 页面细节整体调整
11.4 页面的浏览与兼容测试
拓展实践
习题
附录 CSS常用属性
参考文献
1.1 CSS网页
1.1.1 什么是CSS
1.1.2 Web标准
1.1.3 网页结构与表现分离实例
1.2 编写CSS布局的XHTML
1.2.1 一个简单的XHTML页面实例
1.2.2 XHTML编写的规范
1.2.3 CSS网页的编辑
1.2.4 CSS的使用注释
1.2.5 制作一个简单的CSS实例
1.3 CSS控制的页面
1.3.1 CSS的引入
1.3.2 行内样式
1.3.3 内嵌式调用CSS样式的实例
1.3.4 链接外部CSS样式的实例
1.3.5 导入外部样式
拓展实践
习题
模块2 CSS的实战基础
2.1 CSS的基本语法
2.1.1 CSS语法的格式
2.1.2 CSS的取值单位
2.2 基本CSS选择符
2.2.1 标签选择符
2.2.2 类选择符
2.2.3 ID选择符
2.3 灵活使用CSS选择符
2.3.1 分组选择符及实例
2.3.2 通配选择符
2.3.3 包含选择符及实例
2.3.4 选择符嵌套及实例
2.3.5 标签指定选择符
2.3.6 伪类选择符
2.4 CSS继承应用的实例
2.5 CSS样式和选择符优先级
2.5.1 CSS样式的优先级原则
2.5.2 CSS样式的优先级
2.5.3 CSS选择符的优先级实例
拓展实践
习题
模块3 DIV布局与CSS定位
3.1 盒子模型
3.1.1 盒子模型的概念
3.1.2 padding、margin、border设置实例
3.1.3 盒子模型尺寸的计算
3.1.4 盒子外边距合并实例
3.1.5 块级元素与行内元素
3.2 页面定位技术
3.2.1 CSS定位机制
3.2.2 浮动定位问题
3.2.3 清除浮动
3.3 CSS定位属性
3.3.1 相对定位
3.3.2 定位
3.3.3 固定定位
3.4 CSS布局技术
3.4.1 CSS布局理念
3.4.2 一列固定宽度居中
3.4.3 一列自适应宽度居中
3.4.4 二列固定宽度居中
3.4.5 二列自适应宽度居中
3.4.6 CSS高度自适应
3.4.7 溢出内容overflow属性
3.5 三列布局实例——唐诗《黄鹤楼》画卷
拓展实践
习题
模块4 文字段落与列表的应用
4.1 CSS文字样式
4.1.1 字体
4.1.2 文字大小
4.1.3 颜色
4.1.4 样式
4.2 文本对齐
4.2.1 CSS的文本属性
4.2.2 文本添加修饰实例
4.2.3 文本居中排列实例
4.2.4 制作Google公司Logo实例
4.2.5 首字下沉图文混排实例
4.3 CSS列表样式
4.3.1 列表的类型
4.3.2 CSS的列表属性
4.3.3 List图文混排
4.3.4 竖排唐诗文字
拓展实践
习题
模块5 背景与图片的应用
5.1 页面的背景图
5.1.1 背景颜色与背景图片
5.1.2 前景图与背景图
5.2 图片样式
5.2.1 CSS图片边框
5.2.2 图片对齐方式
5.2.3 图文混排效果
5.3 背景图片的应用实例
5.3.1 背景渐变效果实例
5.3.2 导航按钮实例
5.3.3 横格信纸实例
5.4 CSS样式圆角布局研究
5.4.1 以四角小图实现圆角效果实例
5.4.2 以画线方式实现圆角效果实例
5.4.3 多图片组合布局圆角效果实例
5.5 背景图片的CSS Sprite技术
拓展实践
习题
模块6 表格与表单的样式应用
6.1 表格控制
6.1.1 表格标记
6.1.2 表格隔行变色实例
6.1.3 鼠标经过时变色的表格实例
6.2 表单控制
6.2.1 表单标记
6.2.2 登录框表单的应用实例
6.2.3 网民调查问卷实例
拓展实践
习题
模块7 超链接与导航栏的样式应用
7.1 超链接CSS样式
7.1.1 定义超链接CSS样式
7.1.2 浮雕式超链接的效果
7.2 超链接制作导航栏
7.2.1 CSS样式实现垂直导航栏
7.2.2 利用背景图片制作立体导航菜单
7.2.3 制作带下拉子菜单的导航菜单
拓展实践
习题
模块8 CSS控制其他元素的显示
8.1 CSS静态滤镜
8.1.1 透明度滤镜
8.1.2 模糊滤镜
8.1.3 透明色滤镜
8.1.4 投射阴影滤镜
8.1.5 对称变换滤镜
8.1.6 光晕滤镜
8.1.7 灰度滤镜
8.1.8 反色滤镜
8.1.9 遮罩滤镜
8.1.10 阴影滤镜
8.1.11 X射线滤镜
8.1.12 波浪滤镜
8.1.13 一个使用颜色渐变滤镜的实例
8.2 控制滚动条的显示
8.2.1 滚动条样式的属性
8.2.2 控制滚动条样式的实例
8.3 CSS布局中的兼容问题
8.3.1 兼容问题的由来
8.3.2 兼容问题的解决
8.3.3 一个关于浏览器显示差异的实例
拓展实践
习题
模块9 CSS 3.0的新技术与应用
9.1 CSS 3.0简介
9.1.1 CSS 3.0技术的发展
9.1.2 CSS 3.0中的新特性
9.2 进入CSS 3.0样式新世界
9.2.1 用CSS 3.0实现圆角效果实例
9.2.2 CSS 3.0边框、阴影实例
9.2.3 CSS 3.0文本描边及阴影效果实例
9.2.4 CSS 3.0表格美化效果实例
9.2.5 CSS 3.0按钮动画过渡效果实例
9.2.6 CSS 3.0多列布局排版实例
拓展实践
习题
模块10 制作个人博客页面
10.1 构架设计制作
10.1.1 功能需求分析与界面设计
10.1.2 页面结构的规划
10.1.3 切割网页的效果
10.1.4 页面主体框架内容
10.2 制作页面内容
10.2.1 制作页面头部Banner的内容与导航
10.2.2 制作页面导航左侧列表
10.2.3 制作页面主体内容部分
10.2.4 制作页面底部内容
10.3 页面细节整体调整
10.4 页面的浏览与兼容测试
拓展实践
习题
模块11 企业网站制作
11.1 企业网站构架
11.1.1 功能需求分析与界面设计
11.1.2 页面结构的规划
11.1.3 切割网页效果图
11.1.4 页面主体框架内容
11.2 制作页面内容
11.2.1 制作Banner内容与导航
11.2.2 制作页面左侧列表
11.2.3 制作页面主体内容
11.2.4 制作页面图片展示
11.2.5 制作页面底部内容
11.3 页面细节整体调整
11.4 页面的浏览与兼容测试
拓展实践
习题
附录 CSS常用属性
参考文献
评论
还没有评论。