网页设计与制作案例教程(微课版)

《网页设计与制作案例教程（微课版）》以实 用为原则，每章围绕知识点储备、实例演示、任务 训练、知识拓展、单元测试、学习评价六部分展开 。全书共分为8章，内容涵盖网页设计概述、网页基 本元素、表格布局、Div+CSS表格、表单、行为特 效、模板和库、HTML5等。为方便学习，《网页设计 与制作案例教程（微课版）》配备了微课视频和习 题答案等资源；针对教师，另赠电子课件等。 《网页设计与制作案例教程（微课版）》可作 为计算机相关专业网页设计与制作的教材，也可供 网页设计爱好者学习参考，尤其适合网页设计初学 者使用。

陈艳平，重庆航天职业技术学院教授，从事专科高职教学工作19年。主持主研重庆市教改、人文社科、科技项目等科研课题15项，其中，“学习价值增值导向的高职软件技术专业“一二三四”人才培养模式研究与实践”获国家教学成果二等奖；主编教材4部，其中SQL Server数据库技术及应用为“十二五”职业教育国家规划教材。在各级期刊上发表学术论文20余篇。

第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.3 网页设计的基本流程 1.4 创建本地站点 1.4.1 Dreamweaver CC 2019简介 1.4.2 建立本地站点 1.4.3 管理本地站点 1.4.4 网页文件的基本操作 1.4.5 设置首选参数 1.4.6 使用辅助工具 1.5 超文本标记语言HTML 1.5.1 HTML5概述 1.5.2 常用HTML5标记 1.5.3 新增HTML5结构标记 1.6 实例演示 1.6.1 实例情景——创建本地教学站点 1.6.2 实例效果 1.6.3 实现方案 1.7 任务训练 1.7.1 训练目的 1.7.2 训练内容 1.8 知识拓展 单元测试 学习评价 第2章 认识网页基本元素 2.1 文本 2.1.1 添加文本 2.1.2 设置文本属性 2.1.3 插入特殊文本 2.1.4 文本超链接 2.2 图像 2.2.1 图像格式 2.2.2 插入图像 2.2.3 设置图像属性 2.2.4 其他图像元素 2.2.5 图像超链接 2.3 多媒体 2.3.1 插入Flash SWF 2.3.2 插入Flash Video 2.4 HTML5中的figure标签 2.4.1 HTML5中(figure)标签的基本操作 2.4.2 HTML5中(figure)标签的使用 2.5 实例演示 2.5.1 实例情景——制作风景区网页 2.5.2 实例效果 2.5.3 实现方案 2.6 任务训练 2.6.1 训练目的 2.6.2 训练内容 2.7 知识拓展 单元测试 学习评价 第3章 认识表格布局 3.1 表格 3.2 插入表格及嵌套表格 3.2.1 插入表格 3.2.2 嵌套表格 3.3 设置表格和单元格属性 3.3.1 表格属性 3.3.2 单元格属性 3.4 选择单元格、行或列及表格 3.4.1 选择单元格 3.4.2 选择行或列 3.4.3 选择整个表格 3.5 表格的基本操作 3.5.1 调整表格的宽度 3.5.2 调整行高和列宽 3.5.3 拆分或合并单元格 3.5.4 插入和删除行或列 3.6 表格布局实例 3.7 实例演示 3.7.1 实例情景——制作中国节日——教师节主页 3.7.2 实例效果 3.7.3 实现方案 3.8 任务训练 3.8.1 训练目的 3.8.2 训练内容 3.9 知识拓展 单元测试 学习评价 第4章 认识Div+CSS布局 4.1 Div概述 4.1.1 什么是Div 4.1.2 在网页中插入Div 4.1.3 Div的嵌套 4.2 CSS概述 4.2.1 什么是CSS 4.2.2 创建CSS样式 4.2.3 CSS样式在网页中的应用 4.3 盒子模型 4.3.1 盒子模型概述 4.3.2 margin、padding与border 4.3.3 块级元素与内联元素 4.3.4 Div的浮动与定位 4.4 常用布局方式 4.4.1 居中布局 4.4.2 固定宽度布局 4.4.3 可变宽度布局 4.5 实例演示 4.5.1 实例情景——制作在线作业系统首页 4.5.2 实例效果 4.5.3 实现方案 4.6 任务训练 4.6.1 训练目的 4.6.2 训练内容 4.7 知识拓展 单元测试 学习评价 第5章 认识表单 5.1 创建表单 5.1.1 表单概述 5.1.2 插入表单 5.1.3 表单属性 5.2 创建表单对象 5.2.1 文本 5.2.2 隐藏域 5.2.3 复选框和复选框组 5.2.4 单选按钮和单选按钮组 5.2.5 列表 5.2.6 文件 5.2.7 各类按钮 5.2.8 标签 5.2.9 字段集 5.3 HTML5的新增对象 5.3.1 输入类型：number 5.3.2 输入类型：color 5.3.3 输入类型：range 5.3.4 输入类型：date 5.3.5 输入类型：month、week、time、datetime-local 5.3.6 输入类型：email 5.3.7 输入类型：search 5.3.8 输入类型：tel 5.3.9 输入类型：url 5.4 使用行为验证表单 5.5 实例演示 5.5.1 实例情景——制作邮箱注册单网页 5.5.2 实例效果 5.5.3 实现方案 5.6 任务训练 5.6.1 训练目的 5.6.2 训练内容 5.7 知识拓展 单元测试 学习评价 第6章 认识行为特效 6.1 认识行为 6.1.1 行为的基本概念 6.1.2 “行为”面板 6.1.3 添加行为的步骤 6.1.4 修改行为 6.2 使用内置行为 6.2.1 交换图像 6.2.2 弹出消息 6.2.3 打开浏览器窗口 6.2.4 转到URL 6.2.5 拖动AP元素 6.2.6 设置状态栏文本 6.2.7 改变属性 6.2.8 显示/渐隐 6.2.9 调用JavaScript 6.3 实例演示 6.3.1 实例情景——用JavaScript完成行为特效 6.3.2 实例效果 6.3.3 实现方案