第1章 网页设计与策划
1.1 网页和网站
1.1.1 网页和网站的概念
1.1.2 网页的常用技术
1.2 网站开发流程
1.2.1 前期策划与组织
1.2.2 网页效果图的设计制作
1.2.3 网页制作
1.2.4 网站测试与发布
1.3 常用网页制作软件
1.3.1 网页图形图像处理工具
1.3.2 网站页面的编辑工具
1.4 项目实战：淮安蒸丞文化传媒有限公司网站设计策划
1.4.1 网站开发需求
1.4.2 同类网站搜索
1.4.3 网站草图绘制
1.4.4 建立站点
1.5 习题与项目实践
第2章 网页效果图设计与制作
2.1 Photoshop 应用基础
2.1.1 认识Photoshop CC界面
2.1.2 Photoshop CC的基本操作
2.1.3 图层的相关应用
2.1.4 图层样式的应用
2.1.5 图层混合模式的应用
2.1.6 Photoshop CC的常用快捷键
2.1.7 案例：企业Logo设计
2.2 Photoshop CC高级应用
2.2.1 通道的概念与使用技巧
2.2.2 蒙版的概念与使用技巧
2.3 项目实战：淮安蒸丞文化传媒有限公司网站效果图制作
2.3.1 网站效果图展示
2.3.2 网站首部与导航栏的制作
2.3.3 网站顶部的制作
2.3.4 公司简介的制作
2.3.5 行业资讯的制作
2.3.6 项目介绍的制作
2.3.7 经典案例的制作
2.3.8 联系我们的制作
2.3.9 版权信息的制作
2.4 习题与项目实践
第3章 图文混排页面的实现
3.1 HTML5的简介
3.1.1 HTML5的发展史
3.1.2 HTML5的优势
3.1.3 HTML5的未来发展
3.1.4 浏览器介绍
3.2 HTML5基础
3.2.1 HTML5基本结构
3.2.2 HTML5的基本语法
3.3 文字与段落标签
3.3.1 标题与段落标签
3.3.2 文本的格式化标签
3.3.3 特殊字符标签
3.4 列表标签
3.4.1 无序列表
3.4.2 有序列表
3.4.3 嵌套列表
3.4.4 定义列表
3.5 图像标签
3.6 超级链接标签<a>
3.7 表格标签
3.8 项目实战：淮安蒸丞文化传媒有限公司网站制作
3.8.1 案例效果展示
3.8.2 案例实现分析
3.8.3 案例实现过程
3.9 习题与项目实践
第4章 HTML5文档的实现
4.1 HTML5的元素分类
4.2 结构性元素
4.2.1 认识结构性元素
4.2.2 <header>标签
4.2.3 <article>标签
4.2.4 <section>标签
4.2.5 <nav>标签
4.2.6 <footer>标签
4.3 级块性元素
4.3.1 <aside>标签
4.3.2 <figure>标签
4.4 行内语义性元素
4.4.1 <progress>标签
4.4.2 <meter>标签
4.4.3 <time>标签
4.5 交互性元素
4.5.1 <details>标签和<summary>标签
4.5.2 <menu>标签与<command>标签
4.6 多媒体对象的使用
4.6.1 视频与音频格式
4.6.2 插入视频
4.6.3 插入音频
4.7 项目实战：淮安蒸丞文化传媒有限公司网站HTML5页面的编写
4.7.1 案例效果展示
4.7.2 案例实现分析
4.7.3 案例实现过程
4.8 习题与项目实践
第5章 层叠样式表的实现
5.1 CSS3的介绍
5.2 CSS样式
5.2.1 CSS样式设置规则
5.2.2 CSS样式的引入方法
5.3 CSS基本选择器
5.3.1 标签选择器
5.3.2 类选择器
5.3.3 id选择器
5.3.4 通用选择器
5.4 其他CSS选择器
5.4.1 组合选择器
5.4.2 属性选择器
5.4.3 结构伪类选择器
5.4.4 链接伪类选择器
5.4.5 伪元素选择器
5.5 CSS的继承与层叠
5.5.1 CSS的继承性
5.5.2 CSS的层叠性
5.6 项目实战：淮安蒸丞文化传媒有限公司网站导航栏等的制作
5.6.1 案例效果展示
5.6.2 案例实现分析
5.6.3 案例实现过程
5.7 习题与项目实践
第6章 网页美化效果的实现
6.1 文本样式设置
6.1.1 设置CSS的字体属性
6.1.2 文本属性
6.2 列表样式设置
6.2.1 列表符号
6.2.2 图像符号
6.2.3 列表缩进
6.2.4 复合属性
6.3 背景样式设置
6.3.1 背景的基本设置
6.3.2 CSS3新增的背景设置
6.4 项目实战：蒸丞文化页面“公司简介”与“版权信息”的美化
6.4.1 案例效果展示
6.4.2 案例实现分析
6.4.3 案例实现过程
6.5 习题与项目实践
第7章 网页布局的实现
7.1 盒子模型
7.2 盒子模型的常用属性
7.2.1 边框border属性
7.2.2 边距属性
7.2.3 边框其他属性
7.3 浮动与定位
7.3.1 元素的类型与转换
7.3.2 浮动属性float
7.3.3 清除浮动属性clear
7.3.4 元素的定位
7.3.5 overflow溢出属性
7.4 项目实战：蒸丞文化页面“行业资讯”模块的制作
7.4.1 案例效果展示
7.4.2 案例实现分析
7.4.3 案例实现过程
7.5 习题与项目实践
第8章 表单的实现
8.1 表单的概述
8.2 表单的建立
8.3 表单的基本元素
8.3.1 表单域
8.3.2 表单按钮
8.4 表单新增元素
8.4.1 新增的表单元素
8.4.2 新增的表单属性
8.5 项目实战：蒸丞文化页面“联系我们”模块的制作
8.5.1 案例效果展示
8.5.2 案例实现分析
8.5.3 案例实现过程
8.6 习题与项目实践
第9章 利用CSS实现动态效果
9.1 CSS3转换
9.1.1 transform简介
9.1.2 常用的transform变形方法
9.1.3 3D变形
9.2 transitions过渡
9.2.1 transitions功能介绍
9.2.2 过渡属性的应用
9.3 animation动画
9.3.1 动画的基本定义与调用
9.3.2 animation的其他属性
9.4 项目实战：蒸丞文化页面“项目介绍”和“经典案例”模块的制作
9.4.1 案例效果展示
9.4.2 案例实现分析
9.4.3 案例实现过程
9.5 习题与项目实践
第10章 利用JavaScript实现动态效果
10.1 JavaScript概述
10.1.1 JavaScript简介
10.1.2 JavaScript的特点
10.1.3 JavaScript的使用方法
10.2 jQuery概述
10.2.1 jQuery简介
10.2.2 jQuery基础
10.2.3 jQuery引用
10.3 常用的jQuery+CSS3特效应用实例
10.3.1 实例1：时间，倒计时
10.3.2 实例2：下拉式菜单
10.3.3 实例3：右侧悬浮菜单
10.4 项目实战：蒸丞文化页面banner轮播图的制作
10.4.1 案例效果展示
10.4.2 案例实现分析
10.4.3 案例实现过程
10.5 习题与项目实践
参考文献