全书共13章,主要内容包括网页制作与HTML 5基础知识、网页整体规划与设计、建立本地站点、制作文本、网页中的多媒体、网页中的超链接、表格使用与简单页面布局、设计框架网页、CSS与Div布局、行为、网页交互与特效、网页表单的应用及网站综合设计与制作实例等。
本书配有PPT课件、教学大纲、课后习题答案、素材包、期末考核要求指导资料等教学资源,用书老师可在人邮教育社区免费下载使用。另外,本书还提供了81个微课视频,重点针对教学难点和实践任务进行专业讲解,二维码附在本书对应章节,读者可扫码观看。
本书可作为高等院校计算机专业和其他理工科、文科各专业网页设计与制作课程的教材,也可作为网站建设技术人员、网站管理人员以及信息技术爱好者的参考用书。
【内容优势】
1.内容新颖,采用通用而又新的工具软件实现,比如融入HTML5等新技术。
2.内容完整,厚实系统化功能讲解,为后续进一步实例化自我提升学习奠定基础。
3.知识章节结构合理,层级推进,知识脉络清晰。
【服务优势】
1.指导性的教学参考大纲等。
2.完整的电子化教学资源,如课件、微视频、素材等。;
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 CS68
1.2.2 Dreamweaver CS6的工作界面8
1.3 网页标准技术与HTML 510
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
任务1:用文本文档编写网页文档21
1.4.2 用Dreamweaver CS6编写网页
文档22
任务2:用Dreamweaver CS6制作简单
网页22
1.4.3 编写代码实现简单网页22
任务3:上网浏览一个网页,并查看其
源代码22
任务4:在记事本中编写代码,实现一个
网页23
任务5:在设计视图中插入图像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 内嵌框架iframe146
8.3.1 关于iframe146
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 使用CSS159
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
任务1:使用div标签实现层叠效果172
9.5.2 span标签173
任务2:应用span标签173
9.5.3 3种布局方式173
9.6 综合实训案例176
9.6.1 使用CSS实现网页图文混排
效果176
任务3:制作油画欣赏网页176
9.6.2 使用CSS Div布局网页177
任务4:制作博客网站首页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