网页设计实践教程

本书结合目前的网页设计技术发展状况，以任务驱动的方式，通过7个项目分别介绍了HTML语言的基本知识，HTML5的特点、新属性、新功能等，CSS的基本知识，使用DIV+CSS进行网页布局的方法以及Javascript和jQuery技术。本书内容由浅入深，循序渐进，可作为高职院校相关专业的教材，也可作为各类技术院校、中专、相关培训机构等学生的自学用书。

序
前言
项目1 初步认识HTML
任务1.1 了解HTML
1.1.1 HTML的概念
1.1.2 HTML的发展史
任务1.2 认识HTML 5
1.2.1 HTML 5的产生过程
1.2.2 HTML 5的发展前景
任务1.3 了解HTML 5的新特性
任务1.4 了解HTML 5的语法变化
1.4.1 HTML 5基本文档结构及语法变化
1.4.2 HTML 5文档示例
任务1.5 了解HTML 5新增标签与新增属性
1.5.1 HTML 5新增标签
1.5.2 HTML 5新增属性
任务1.6 使用常用的HTML标签
习题1
项目2 CSS技术应用
任务2.1 了解CSS基本知识
2.1.1 CSS的概念
2.1.2 CSS的分类
2.1.3 CSS的语法规则
2.1.4 CSS的盒子模型
任务2.2 CSS样式的应用
2.2.1 CSS的背景
2.2.2 CSS的文本
2.2.3 CSS的列表
2.2.4 CSS的链接
2.2.5 CSS的定位
任务2.3 DIV+CSS进行网页布局
2.3.1 一列布局
2.3.2 两列布局
2.3.3 三列布局
任务2.4 CSS的综合应用
2.4.1 CSS制作菜单
2.4.2 CSS美化表单
2.4.3 CSS布局综合案例
习题2
项目3 HTML 5技术的应用
任务3.1 使用HTML 5新的文档结构
3.1.1 HTML 5的文档结构标签
3.1.2 文档结构其他相关元素
任务3.2 使用HTML 5的表单
3.2.1 表单
3.2.2 HTML 5新增表单元素
3.2.3 HTML 5新增表单属性
3.2.4 HTML 5新增input类型
任务3.3 使用HTML 5的视频
任务3.4 使用HTML 5的音频
任务3.5 使用HTML 5的画布
任务3.6 使用HTML 5的可伸缩矢量图形（SVG）
3.6.1 SVG
3.6.2 SVG与canvas的比较
任务3.7 使用HTML 5的地理定位
任务3.8 使用HTML 5的Web存储
习题3
项目4 JavaScript技术的应用
任务4.1 了解JavaScript基础知识
4.1.1 JavaScript简介
4.1.2 HTML使用JavaScript
任务4.2 了解JavaScript的数据类型和变量
4.2.1 JavaScript的基本数据类型
4.2.2 JavaScript的表达式和运算符
任务4.3 JavaScript的语法和语句
4.3.1 JavaScript的基本语句
4.3.2 JavaScript的方法
4.3.3 方法内部对象
4.3.4 闭包
任务4.4 JavaScript对象
任务4.5 浏览器对象模型
4.5.1 Window尺寸
4.5.2 消息框
4.5.3 历史对象
4.5.4 定位
4.5.5 计时
任务4.6 文档对象模型
4.6.1 使用JavaScript改变页面中的HTML元素和内容
4.6.2 使用JavaScript改变页面中的CSS样式
4.6.3 使用JavaScript改变页面中的事件
习题4
顷目5 jQuery技术的应用
任务5.1 了解jQuery基础知识
5.1.1 jQuery简介
5.1.2 jQuery语法
任务5.2 jQuery效果
5.2.1 隐藏显示效果
5.2.2 淡入/淡出效果
5.2.3 滑动效果
5.2.4 动画效果
5.2.5 停止动画效果
5.2.6 回调方法
5.2.7 链式操作
任务5.3 使用jQuery操作DOM元素
5.3.1 获得内容和属性
5.3.2 设置内容和属性
5.3.3 添加、删除元素
5.3.4 操作CSS类
5.3.5 遍历
习题5
项目6 网站开发实例
任务6.1 了解网站开发流程
任务6.2 网页设计常用的工具
6.2.1 文本编辑器
6.2.2 Dreamweaver
6.2.3 Photoshop
6.2.4 Flash
任务6.3 开发逗丁读书网站
6.3.1 确定主题、网站总体结构
6.3.2 设计页面效果图
6.3.3 使用Dreamweaver制作网站
参考文献