本书采取理论与实践一体化教学模式即,既知其一还要知其二,也就说既要考虑软件工具命令属性讲解,也要融合实例运用操作,达到两者有机融合。但现在有些网页设计制作方面的教材,定位过泛,在广度和深度上把握不是太好,有的书全部以实例方式进行编写,对有一定网页设计基础的人来说,易学或许会有提高,但对于一个初学者来说,如果只学习这个例子的操作,换一个例子恐怕就不会帮相关的命令操作了。
本书定位为针对文科类以及非计算机类理工科专业的使用教材,因此考虑这些专业学生的计算机技能水平。本书的定位非常明确,就是适应与这些专业学生,即初学者,同时也适应于高职类学生。
本教材以网站设计与制作为主线,采用由浅入深、循序渐进的方式,从基本概念、网站规划与设计入手,逐步展示网页制作与网站开发的全过程,逻辑性强,层次分明,加强对各章节中重点难点的讲解;图文并茂,展现网页
本书采取理论与实践一体化教学模式即,既知其一还要知其二,也就说既要考虑软件工具命令属性讲解,也要融合实例运用操作,达到两者有机融合。但现在有些网页设计制作方面的教材,定位过泛,在广度和深度上把握不是太好,有的书全部以实例方式进行编写,对有一定网页设计基础的人来说,易学或许会有提高,但对于一个初学者来说,如果只学习这个例子的操作,换一个例子恐怕就不会帮相关的命令操作了。
本书定位为针对文科类以及非计算机类理工科专业的使用教材,因此考虑这些专业学生的计算机技能水平。本书的定位非常明确,就是适应与这些专业学生,即初学者,同时也适应于高职类学生。
本教材以网站设计与制作为主线,采用由浅入深、循序渐进的方式,从基本概念、网站规划与设计入手,逐步展示网页制作与网站开发的全过程,逻辑性强,层次分明,加强对各章节中重点难点的讲解;图文并茂,展现网页制作的独特魅力,激发学习者的学习兴趣,在讲解中引用适合本章节的典型例子使内容针对性更强;以菜单操作式的Dreamweaver CS6为开发工具,从实际应用的角度出发,系统地介绍网页制作的相关技术。
注重实践操作,除了讲解命令功能时用到的小例子,每章还有专门的实例,除此之外,每章还有上机任务实践操作,以便学习者能进一步理解和巩固所学知识。
本教材*后一章为某一完整网页的设计案例,以引导和强化学习者的综合运用能力。
提供完整课件以及书中所用的素材资源。
雷伟军,陕西西安人,毕业于西安电子科技大学,软件工程硕士,高级工程师、副教授(双职称,学校双师型教师),西安市教育信息化专家委员会专家,美国英特尔·未来教育主讲教师。
目 录
第1章 网页制作与HTML 5
基础知识 1
1.1 网页制作基础知识 1
1.1.1 网页的定义和分类 1
1.1.2 网页设计的相关概念 2
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 在Dreamweaver CS6中创建
HTML 5文档 13
1.3.3 HTML 5常用标签 15
1.3.4 HTML 5新增标签 21
1.4 综合案例 22
1.4.1 用记事本编写一个网页文档 22
1.4.2 用Dreamweaver CS6制作
网页文档 23
1.4.3 编写代码实现简单网页 23
习题 24
第2章 网页整体规划设计 26
2.1 网页设计基础 26
2.1.1 网页布局类型 26
2.1.2 网页整体造型 31
2.1.3 网页设计要素 31
2.2 确定网站主题 32
2.2.1 网站的设计流程 32
2.2.2 网站主题的确定 33
2.3 前期规划与内容组织 34
2.3.1 网站的需求分析 34
2.3.2 网站的内容组织 34
2.4 色彩基础知识 35
2.4.1 色彩理论 35
2.4.2 216网页安全颜色 37
2.5 网站中的色彩应用 38
2.5.1 网页色彩规则 38
2.5.2 网页元素之间色彩搭配 39
2.6 综合案例:饰品销售网站主页整体
?设计 40
习题 41
第3章 建立本地站点 42
3.1 创建本地站点 42
3.1.1 什么是站点 42
3.1.2 创建本地站点的步骤 43
3.2 管理本地站点 44
3.2.1 切换站点 44
3.2.2 站点的其他操作 44
3.3 综合案例:创建我的第一个网站 47
习题 48
第4章 制作文本 50
4.1 创建文档 50
4.1.1 新建文档 50
4.1.2 保存文档 51
4.1.3 打开文档 52
4.2 文本编辑 52
4.2.1 输入文本 52
4.2.2 设置文本格式 54
4.2.3 设置文本样式 54
4.2.4 段落编辑 58
4.2.5 在页面中添加其他元素 59
4.3 在文本中添加项目符号和编号 61
4.3.1 添加项目符号和编号 61
4.3.2 修改项目符号和编号 63
4.4 水平线、网格与标尺 63
4.4.1 水平线 63
4.4.2 网格 66
4.4.3 标尺 67
4.5 综合案例:制作文本 67
习题 68
第5章 图像与多媒体 70
5.1 网页中常用的图像格式 70
5.1.1 GIF格式图像 70
5.1.2 JPEG格式图像 70
5.1.3 PNG格式图像 71
5.2 插入与设置图像 71
5.2.1 在网页中插入图像 71
5.2.2 设置图像属性 72
5.3 插入其他图像元素 73
5.3.1 插入图像占位符 73
5.3.2 插入鼠标光标经过图像 74
5.4 多媒体在网页中的应用 76
5.4.1 添加Flash动画对象 76
5.4.2 插入FLV视频 78
5.4.3 网络中的音频文件类型 80
5.4.4 网络中的视频文件类型 80
5.4.5 在网页中插入Shockwave影片 81
5.4.6 在网页中插入ActiveX控件 82
5.4.7 在网页中插入插件 83
5.4.8 在网页中插入背景音乐 84
5.5 综合案例:多媒体制作 85
5.5.1 插入图片 86
5.5.2 在网页中添加音、视频媒体 87
习题 89
第6章 网页中的超链接 90
6.1 超链接概述 90
6.1.1 超链接的定义 90
6.1.2 超链接的类型 90
6.2 关于链接路径 91
6.2.1 绝对路径 92
6.2.2 相对路径 92
6.2.3 根路径 93
6.3 创建超链接的方法 94
6.3.1 使用属性面板创建超链接 94
6.3.2 使用指向文件图标创建超链接 94
6.3.3 使用菜单创建超链接 94
6.4 各种类型超链接的创建 95
6.4.1 文本超链接 95
6.4.2 下载文件链接 99
6.4.3 创建电子邮件超链接 100
6.4.4 图像超链接 101
6.4.5 创建锚记超链接 103
6.4.6 创建空链接 104
6.4.7 创建脚本超链接 105
6.5 管理超链接 105
6.5.1 自动更新链接 106
6.5.2 在站点范围内更改链接 106
6.5.3 检查站点中的链接错误 107
6.6 综合案例:创建我爱摄影网 108
习题 110
第7章 表格使用与简单页面
布局 111
7.1 创建表格 111
7.1.1 插入表格 111
7.1.2 在表格中输入网页元素 113
7.2 设置表格及单元格的属性 116
7.2.1 设置表格属性 116
7.2.2 设置单元格属性 117
7.3 表格与单元格具体操作 121
7.3.1 表格的操作 121
7.3.2 网页中表格行与列的操作 122
7.3.3 单元格的操作 124
7.4 表格的进一步操作 131
7.4.1 表格分隔线与边框操作 131
7.4.2 表格特效设置 133
7.5 表格扩展模式 134
7.5.1 表格扩展模式的进入和退出 134
7.5.2 表格扩展模式的应用 135
7.6 综合案例:用表格布局模式设计
? 网页 138
习题 140
第8章 设计框架网页 141
8.1 框架网页 141
8.1.1 框架网页概述 141
8.1.2 创建各种框架 141
8.1.3 编辑框架集 143
8.1.4 向框架中添加内容 145
8.1.5 保存框架集 146
8.2 框架属性 148
8.2.1 布局框架基本属性 148
8.2.2 框架链接 151
8.2.3 框架标签 152
8.3 内嵌框架Iframe 154
8.3.1 关于Iframe 154
8.3.2 Iframe属性 155
8.4 综合案例:布置框架 157
习题 158
第9章 CSS样式表与Div布局 159
9.1 CSS的基本概念 159
9.1.1 CSS简介 160
9.1.2 CSS基本语法 160
9.1.3 CSS样式的分类 161
9.1.4 CSS选择器 162
9.1.5 在Dreamweaver CS6中
使用CSS样式表 166
9.2 设置文本CSS样式 170
9.2.1 设置文字样式 170
9.2.2 设置文本对象样式 172
9.3 修饰背景和边框 173
9.3.1 背景颜色和背景图像 173
9.3.2 设置边框样式 175
9.4 盒模型 176
9.4.1 盒模型简介 176
9.4.2 设置标签的显示方式 178
9.5 CSS Div布局 178
9.5.1 Div标签 179
9.5.2 span标签 180
9.5.3 三种布局方式 181
9.6 综合案例 184
9.6.1 使用CSS实现网页图文混排
效果 184
9.6.2 使用CSS Div布局网页 185
习题 187
第10章 使用行为 189
10.1 认识行为 189
10.1.1 行为 189
10.1.2 事件 189
10.1.3 动作 190
10.2 行为的基本操作 191
10.2.1 行为面板 191
10.2.2 添加行为 192
10.2.3 编辑行为 192
10.3 文本类行为 193
10.3.1 弹出消息 193
10.3.2 设置状态栏文本 194
10.4 图像类行为 194
10.5 代码属性类行为 196
10.6 跳转类行为 197
10.7 效果类行为 198
10.8 综合案例:制作一个摄影
? 网站 198
习题 200
第11章 网页交互和特效 201
11.1 网页的交互行为 201
11.1.1 拖动AP元素 201
11.1.2 显示隐藏元素 203
11.2 Spry框架 204
11.2.1 Spry效果 205
11.2.2 Spry菜单栏 205
11.2.3 Spry选项卡式面板 207
11.2.4 Spry折叠式 207
11.2.5 Spry可折叠面板 208
11.3 综合案例:制作导航条 208
习题 211
第12章 网页表单的应用 212
12.1 网页中的表单知识 212
12.1.1 网页中表单概述 213
12.1.2 创建表单域 213
12.2 插入文本域 215
12.2.1 文本字段 215
12.2.2 创建文本区域 217
12.3 插入单选按钮和单选按钮组 218
12.3.1 插入单个单选按钮 218
12.3.2 插入单选按钮组 219
12.4 插入复选框和复选框组 220
12.4.1 插入单个复选框 220
12.4.2 插入复选框组 221
12.5 插入列表和菜单 221
12.5.1 菜单表单 221
12.5.2 列表表单 223
12.5.3 跳转菜单 224
12.6 插入按钮和文件域 226
12.6.1 按钮表单 227
12.6.2 插入文件域 228
12.7 验证表单内容 229
12.7.1 Spry表单验证技术 229
12.7.2 Spry验证文本域 229
12.7.3 Spry验证密码域 230
12.7.4 Spry验证文本区域 231
12.7.5 Spry验证列表 231
12.7.6 Spry验证单选按钮 232
12.7.7 Spry验证复选框 232
12.8 综合案例 233
习题 235
第13章 网站综合设计与制作
实例 237
13.1 班级网站的规划与设计 237
13.1.1 网站定位 237
13.1.2 网站需求分析 237
13.1.3 栏目设计 238
13.1.4 站点定义与目录管理 238
13.1.5 班级网站的风格设计 238
13.2 网页设计与制作 239
13.2.1 页面布局 239
13.2.2 制作网站首页 241
13.2.3 二级页面的制作 250
13.2.4 内容页面的制作 252
习题 252