CSS+DIV网页布局技术教程
¥45.00定价
作者: 张海兵、刘阁
出版时间:2014年10月
出版社:北京华职教育科技股份有限公司
- 北京华职教育科技股份有限公司
- 9787562343530
- 182512
- 0047176950-5
- 2014年10月
- 工学
- 计算机科学与技术
- TP393.092.2
- 计算机
- 高职
内容简介
本书全面系统地讲解了CSS基础理论和实际运用技术,通过大量实例对CSS应用进行深入浅出的分析。全书主要内容包括CSS的基本语法和概念,设置文字、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS滤镜的使用和如何控制XML文档样式。着重讲解如何利用CSS DIV进行网页布局,注重实际操作,使读者在学习CSS应用技术的同时掌握CSS DIV的精髓。
本书采用案例教学模式,突出实践环节,设置了任务描述、任务分析、准备知识、任务实施、知识链接、拓展提高、操作技巧、项目小结和项目考核等特色模块。
本书既可作为CSS初学者的入门教材,也适合作为中高级用户进一步学习和参考用书。
目录
项目一 应用CSS设计页面排版
任务一:使用CSS继承美化网页
任务描述
任务分析
准备知识
CSS的概念
CSS基本语法
CSS选择器
继承
任务实施
任务二:设计百度Logo
任务描述
任务分析
准备知识
字体
定义字体大小
定义字体颜色
定义字体粗细
定义斜体字体
定义下划线、删除线和顶划线
定义英文大小写
任务实施
任务三:排版新闻文稿
任务描述
任务分析
准备知识
定义文本对齐方式
定义文本垂直对齐方式
定义行间距
定义字间距
定义缩进
首字母放大
任务实施
项目小结
项目考核
项目二 应用CSS设置图片与控制背景图像
任务一:设计淘宝网页图片布局
任务描述
任务分析
准备知识
定义图片边框
定义图片大小
定义图片的横向对齐
定义图片的纵向对齐
设置文字环绕效果
任务实施
任务二:设计我的个人主页
任务描述
任务分析
准备知识
设置页面背景颜色
设置背景颜色给页面分块
定义背景图片
定义背景图片的位置
固定背景图片
任务实施
项目小结
项目考核
项目三 应用CSS设计表格与表单
任务一:设计毕业生通讯录
任务描述
任务分析
准备知识
设置表格中的标记
设置表格的颜色
设置表格边框
任务实施
任务二:设计娱乐调查表
任务描述
任务分析
准备知识
设置表单中的元素
像文字一样的按钮
七彩的下拉菜单
任务实施
项目小结
项目考核
项目四 应用CSS控制列表样式和定义链接
任务一:设计百度导航条
任务描述
任务分析
准备知识
设置列表项符号
定义项目图片符号
无须表格的菜单
列表的横竖转换
任务实施
任务二:设计图片浏览
任务描述
任务分析
准备知识
设置链接样式
设计下划线样式
设置类型指示样式
定义按钮样式
定义已访问样式
链接提示样式
任务实施
项目小结
项目考核
项目五 网页排版和CSS DIV布局
任务一:设计图片的文字标识
任务描述
任务分析
准备知识
认识盒模型
定义外边距
定义内边距
定义边框
定义宽和高
设置文档类型
选择标签
重构禅意花园
任务实施
任务二:设计禅意花园两列三列布局
任务描述
任务分析
准备知识
网页排版的基本原则
网页排版的基本方法
布局空间
布局位置
布局环绕
清除浮动
布局嵌套
调整布局间距
任务实施
深红色咖啡馆页面两列布局
禅意花园页面三列布局
项目小结
项目考核
项目六 用CSS定位控制网页
任务:制作电子相册
任务描述
任务分析
准备知识
认识position
静态定位
绝对定位
相对定位
固定定位
参照对象
坐标值
定位的特殊性
层叠顺序
嵌套层叠顺序
CSS层叠框
任务实施
项目小结
项目考核
项目七 使用JavaScript控制CSS
任务:制作跑马灯特效
任务描述
任务分析
准备知识
JavaScript的基本概念
JavaScript的特点
JavaScript与CSS
JavaScript语法基础
数据类型和变量
表达式及运算符
基本语句
任务实施
项目小结
项目考核
项目八 使用CSS设计XML文档样式
任务:设计文档中的图片混排
任务描述
任务分析
准备知识
XML的特点
XML与HTML
XML基本语法
XML链接CSS文件
任务实施
设计诗情画意的图文效果
设计新闻版面效果
项目小结
项目考核
项目九 设计旅游酒店网站
任务:制作旅游酒店网页
任务描述
任务分析
准备知识
旅游度假页面效果分析
预订酒店页面效果分析
首页策划设计
任务实施
项目小结
项目考核
参考文献
任务一:使用CSS继承美化网页
任务描述
任务分析
准备知识
CSS的概念
CSS基本语法
CSS选择器
继承
任务实施
任务二:设计百度Logo
任务描述
任务分析
准备知识
字体
定义字体大小
定义字体颜色
定义字体粗细
定义斜体字体
定义下划线、删除线和顶划线
定义英文大小写
任务实施
任务三:排版新闻文稿
任务描述
任务分析
准备知识
定义文本对齐方式
定义文本垂直对齐方式
定义行间距
定义字间距
定义缩进
首字母放大
任务实施
项目小结
项目考核
项目二 应用CSS设置图片与控制背景图像
任务一:设计淘宝网页图片布局
任务描述
任务分析
准备知识
定义图片边框
定义图片大小
定义图片的横向对齐
定义图片的纵向对齐
设置文字环绕效果
任务实施
任务二:设计我的个人主页
任务描述
任务分析
准备知识
设置页面背景颜色
设置背景颜色给页面分块
定义背景图片
定义背景图片的位置
固定背景图片
任务实施
项目小结
项目考核
项目三 应用CSS设计表格与表单
任务一:设计毕业生通讯录
任务描述
任务分析
准备知识
设置表格中的标记
设置表格的颜色
设置表格边框
任务实施
任务二:设计娱乐调查表
任务描述
任务分析
准备知识
设置表单中的元素
像文字一样的按钮
七彩的下拉菜单
任务实施
项目小结
项目考核
项目四 应用CSS控制列表样式和定义链接
任务一:设计百度导航条
任务描述
任务分析
准备知识
设置列表项符号
定义项目图片符号
无须表格的菜单
列表的横竖转换
任务实施
任务二:设计图片浏览
任务描述
任务分析
准备知识
设置链接样式
设计下划线样式
设置类型指示样式
定义按钮样式
定义已访问样式
链接提示样式
任务实施
项目小结
项目考核
项目五 网页排版和CSS DIV布局
任务一:设计图片的文字标识
任务描述
任务分析
准备知识
认识盒模型
定义外边距
定义内边距
定义边框
定义宽和高
设置文档类型
选择标签
重构禅意花园
任务实施
任务二:设计禅意花园两列三列布局
任务描述
任务分析
准备知识
网页排版的基本原则
网页排版的基本方法
布局空间
布局位置
布局环绕
清除浮动
布局嵌套
调整布局间距
任务实施
深红色咖啡馆页面两列布局
禅意花园页面三列布局
项目小结
项目考核
项目六 用CSS定位控制网页
任务:制作电子相册
任务描述
任务分析
准备知识
认识position
静态定位
绝对定位
相对定位
固定定位
参照对象
坐标值
定位的特殊性
层叠顺序
嵌套层叠顺序
CSS层叠框
任务实施
项目小结
项目考核
项目七 使用JavaScript控制CSS
任务:制作跑马灯特效
任务描述
任务分析
准备知识
JavaScript的基本概念
JavaScript的特点
JavaScript与CSS
JavaScript语法基础
数据类型和变量
表达式及运算符
基本语句
任务实施
项目小结
项目考核
项目八 使用CSS设计XML文档样式
任务:设计文档中的图片混排
任务描述
任务分析
准备知识
XML的特点
XML与HTML
XML基本语法
XML链接CSS文件
任务实施
设计诗情画意的图文效果
设计新闻版面效果
项目小结
项目考核
项目九 设计旅游酒店网站
任务:制作旅游酒店网页
任务描述
任务分析
准备知识
旅游度假页面效果分析
预订酒店页面效果分析
首页策划设计
任务实施
项目小结
项目考核
参考文献