网页设计与制作(微课版 第3版)

第 1章 网页制作与HTML 5基础知识1
1．1 网页制作基础知识 2
1．1．1 网页的定义和分类 2
1．1．2 网页设计的相关概念 3
1．1．3 网页的基本组成元素 4
1．1．4 网页制作工具 6
1．1．5 如何学好网页制作 7
1．2 Dreamweaver CS6概述 8
1．2．1 启动与退出Dreamweaver CS6 8
1．2．2 Dreamweaver CS6的工作界面 8
1．3 网页标准技术与HTML 5 10
1．3．1 网页结构语言 11
1．3．2 网页表现语言 12
1．3．3 网页行为语言 13
1．3．4 在Dreamweaver CS6中创建
HTML 5文档 13
1．3．5 HTML 5常用标签 15
1．3．6 HTML 5新增标签 20
1．4 综合实训案例 21
1．4．1 用文本文档编写一个网页文档 21
任务１：用文本文档编写网页文档 21
1．4．2 用Dreamweaver CS6编写网页
文档 22
任务２：用Dreamweaver CS6制作简单
网页 22
1．4．3 编写代码实现简单网页 22
任务３：上网浏览一个网页，并查看其
源代码 22
任务４：在记事本中编写代码，实现一个
网页 23
任务５：在“设计”视图中插入图像 23
小 结 23
习 题 24
第 2章 网页整体规划与设计 25
2．1 网页设计基础 26
2．1．1 网页布局类型 26
任务1：判断网页布局类型 30
2．1．2 网页整体造型 30
2．1．3 网页设计要素 30
2．2 网站与网页的设计流程及主题的确定 30
2．2．1 网站与网页的设计流程 30
2．2．2 网站主题的确定 32
2．3 需求分析与内容组织 32
2．3．1 网站的需求分析 32
2．3．2 网站的内容组织 33
任务2：设计一个网站首页 33
2．4 色彩基础知识 34
2．4．1 色彩理论 34
2．4．2 216网页安全色 35
任务3：学习216网页安全色的相关知识 36
2．5 网站中的色彩应用 36
2．5．1 网页色彩搭配规则 36
2．5．2 网页元素之间的色彩搭配 36
2．6 综合实训案例：饰品销售网站主页整体
设计 37
小 结 38
习 题 38
第3章 建立本地站点 39
3．1 本地站点 40
3．1．1 什么是站点 40
3．1．2 创建本地站点 40
3．2 管理本地站点 41
3．2．1 切换站点 41
3．2．2 站点的其他操作 42
任务1：复制站点 43
任务2：新建文件 44
3．3 综合实训案例：创建“我的第 一个站点” 44
小 结 45
习 题 45
第4章 制作文本 47
4．1 创建文档 48
4．1．1 新建文档 48
4．1．2 保存文档 49
任务1：创建站点、页面 49
4．1．3 打开文档 49
4．2 文本编辑 49
4．2．1 输入文本 49
任务2：添加新的字体 51
4．2．2 设置文本格式 51
任务3：设置文本格式 52
4．2．3 设置文本样式 52
任务4：设置文本样式 54
4．2．4 设置段落 55
4．2．5 在页面中添加其他元素 56
任务5：设置网页背景 58
4．3 项目符号和编号 58
4．3．1 添加项目符号和编号 58
4．3．2 修改项目符号和编号 60
4．4 水平线、网格与标尺 60
4．4．1 水平线 60
任务6：设置水平线 62
4．4．2 网格与标尺 63
4．5 综合实训案例：制作文本 64
小 结 65
习 题 65
第5章 网页中的多媒体 66
5．1 网页中常用的图像格式 67
5．1．1 GIF格式 67
5．1．2 JPEG格式 67
5．1．3 PNG格式 67
任务1：比较不同图像格式文件的大小 67
5．2 插入与设置图像 68
5．2．1 插入图像 68
5．2．2 设置图像 69
5．3 插入其他图像元素 70
5．3．1 插入图像占位符 70
5．3．2 实现鼠标经过图像 71
任务2：实现“经过”钟楼看鼓楼的效果 72
5．4 多媒体在网页中的应用 72
5．4．1 插入Flash动画 72
任务3：插入Flash动画 74
5．4．2 插入FLV视频 74
任务4：插入FLV视频 75
5．4．3 网页中的音频文件格式 76
5．4．4 网页中的视频文件格式 76
5．4．5 插入Shockwave影片 77
任务5：插入Shockwave影片 78
5．4．6 插入ActiveX控件 78
5．4．7 插入插件 79
5．4．8 插入背景音乐 80
任务6：插入背景音乐 81
5．5 综合实训案例：插入多媒体 82
5．5．1 插入图像 82
5．5．2 插入音、视频 82
小 结 84
习 题 84
第6章 网页中的超链接 85
6．1 超链接概述 86
6．1．1 超链接的定义 86
6．1．2 超链接的类型 86
6．2 链接路径 87
6．2．1 绝对路径 87
6．2．2 相对路径 88
6．2．3 根路径 89
6．3 创建超链接的方法 89
6．4 各种类型超链接的创建 90
6．4．1 文本超链接 91
任务1：设置文本超链接 92
6．4．2 下载超链接 94
6．4．3 电子邮件超链接 95
任务2：设置电子邮件超链接 96
6．4．4 图像超链接 96
任务3：设置图像超链接 97
6．4．5 命名锚记超链接 98
任务4：设置命名锚记超链接 99
6．4．6 空链接 99
6．4．7 脚本超链接 100
任务5：设置脚本超链接 100
6．5 管理超链接 100
6．5．1 自动更新超链接 100
6．5．2 在站点范围内更改链接 101
6．5．3 检查站点中的超链接错误 102
6．6 综合实训案例：创建“我爱摄影网”
站点 103
小 结 104
习 题 105
第7章 表格使用与简单页面布局 106
7．1 创建表格 107
7．1．1 插入表格 107
任务1： 插入一个3行3列的表格 108
7．1．2 在表格中插入网页元素 108
任务2：导入Word文档 110
7．2 设置表格及单元格的属性 111
7．2．1 设置表格的属性 111
7．2．2 设置单元格的属性 111
任务3：制作蒲公英学校课程表 112
任务4：制作一个简单的后台登录页面 115
7．3 表格与单元格的具体操作 116
7．3．1 选中表格的操作 116
7．3．2 表格行与列的操作 117
7．3．3 单元格的操作 119
任务5：制作宝贝相册 121
任务6：制作下载页面 123
7．4 表格的进一步操作 124
7．4．1 表格分隔线与边框操作 124
7．4．2 表格特效设置 126
7．5 扩展表格模式 127
7．5．1 扩展表格模式的进入和退出 127
7．5．2 扩展表格模式的应用 128
任务7：制作个人简历 128
7．6 综合实训案例：用表格布局模式设计
网页 130
小 结 132
习 题 132
第8章 设计框架网页 133
8．1 框架网页应用 134
8．1．1 框架网页概述 134
8．1．2 创建各种框架 134
任务1：创建预定义框架集 134
8．1．3 编辑框架集和保存框架集 136
任务2：设置框架页面滚动条 137
8．1．4 向框架中添加内容 138
任务3：添加已有网页 138
8．1．5 保存框架集 138
8．2 框架属性 140
8．2．1 设置框架属性 140
8．2．2 框架链接 143
任务4：使链接文件在框架中打开 145
8．2．3 框架标签 145
8．3 内嵌框架iframe 146
8．3．1 关于iframe 146
8．3．2 iframe的属性及应用 147
8．4 综合实训案例：布置框架 149
小 结 150
习 题 150
第9章 CSS与Div布局 152
9．1 CSS的基本概念 153
9．1．1 CSS简介 153
9．1．2 CSS基本语法 153
9．1．3 CSS的分类 154
9．1．4 CSS选择器 156
9．1．5 使用CSS 159
9．2 设置文本CSS样式 162
9．2．1 设置文字样式 163
9．2．2 设置文本对象样式 164
9．3 修饰背景和边框 166
9．3．1 设置背景颜色和背景图像 166
9．3．2 设置边框样式 167
9．4 盒模型 169
9．4．1 盒模型简介 169
9．4．2 设置标签的显示方式 171
9．5 CSS+Div布局 171
9．5．1 div标签 171
任务１：使用div标签实现层叠效果 172
9．5．2 span标签 173
任务２：应用span标签 173
9．5．3 3种布局方式 173
9．6 综合实训案例 176
9．6．1 使用CSS实现网页图文混排
效果 176
任务３：制作“油画欣赏”网页 176
9．6．2 使用CSS+Div布局网页 177
任务４：制作博客网站首页 177
小 结 180
习 题 180
第 10章 行为 181
10．1 行为概述 182
10．1．1 行为定义 182
10．1．2 事件 182
10．1．3 动作 183
10．2 行为的基本操作 183
10．2．1 “行为”面板 183
10．2．2 添加行为 185
10．2．3 编辑行为 185
10．3 文本类行为 185
10．3．1 弹出消息 185
10．3．2 设置状态栏文本 186
任务1：设置文本类行为 187
10．4 图像类行为 187
任务2：设置“交换图像”行为 188
10．5 代码属性类行为 188
任务3：设置“改变属性”行为 189
10．6 跳转类行为 190
任务4：设置跳转类行为 191
10．7 效果类行为 191
任务5：设置效果类行为 191
10．8 综合实训案例：制作一个摄影网站 192
小 结 193
习 题 194
第 11章 网页交互与特效 195
11．1 网页的交互行为 196
11．1．1 拖动AP元素 196
任务1：设置“拖动AP元素”行为 197
11．1．2 显示隐藏元素 198
11．2 Spry框架 199
11．2．1 Spry效果 199
11．2．2 Spry菜单栏 200
任务2：设置菜单栏 201
11．2．3 Spry选项卡式面板 201
11．2．4 Spry折叠式面板 202
11．2．5 Spry可折叠面板 202
任务3：隐藏或显示存储内容 202
11．3 综合实训案例：制作导航条 203
小 结 205
习 题 205
第 12章 网页表单的应用 206
12．1 网页中的表单知识 207
12．1．1 表单概述 207
12．1．2 创建表单域 207
12．2 插入文本域 209
12．2．1 文本字段 209
任务1：创建密码表单 211
12．2．2 文本区域 211
12．3 插入单选按钮和单选按钮组 212
12．3．1 插入单个单选按钮 213
12．3．2 插入单选按钮组 213
任务2：创建单选按钮组 214
12．4 插入复选框和复选框组 214
12．4．1 插入单个复选框 214
12．4．2 插入复选框组 215
任务3：创建复选框组 215
12．5 插入列表和菜单 216
12．5．1 菜单表单 216
12．5．2 列表表单 217
12．5．3 跳转菜单 218
12．6 插入按钮和文件域 220
12．6．1 插入按钮 221
任务4：插入表单按钮 221
12．6．2 插入文件域 222
12．7 验证表单内容 222
12．7．1 Spry表单验证技术 223
12．7．2 Spry验证文本域 223
12．7．3 Spry验证密码域 224
12．7．4 Spry验证文本区域 225
12．7．5 Spry验证列表 225
12．7．6 Spry验证单选按钮组 225
12．7．7 Spry验证复选框 226
任务5：插入Spry验证复选框 226
12．8 综合实训案例：用户注册表单 226
小 结 229
习 题 229
第 13章 网站综合设计与制作实例 230
13．1 班级网站的规划与设计 231
13．1．1 网站定位 231
13．1．2 网站需求分析 231
13．1．3 网站栏目设计 231
13．1．4 站点定义与目录管理 232
13．1．5 班级网站的风格设计 232
13．2 网页设计与制作 232
13．2．1 页面布局 232
13．2．2 制作网站首页 234
13．2．3 二级页面的制作 243
13．2．4 内容页面的制作 244
小 结 245
习 题 245
参考文献 246