- 中国铁道出版社
- 9787113267780
- 1版
- 319872
- 63249052-0
- 平装
- 16开
- 2020-06
- 303
- 196
- 工学
- 计算机科学与技术
- 计算机类
- 高职
作者简介
内容简介
本书从Web前端开发岗位所需的基本知识和基本技能出发，讲解了HTML技术、CSS技术和JavaScript技术的基本知识和应用技能。本书以教学项目为引领、学习任务为驱动的技能培养思路进行编写，注重职业技能的培养和知识的应用能力训练，实现“做中学”的目标。所有教学项目均来自于Web前端开发岗位的主要工作任务，使读者在学习后可以将学习的成果直接应用于自己的实际开发项目中，实现了学习和工作的有效衔接。在知识的学习方面，始终围绕教学项目和学习任务展开，不追
求全面而注重常用，努力实现学习20%的知识能够解决80%的问题的目标。为了更好地帮助读者学习本书的相关知识和技能，我们还构建了开放课程网站，有配套的教学PPT、练习题、源代码、教学视频和教学设计等资源，可在中国铁道出版社有限公司教学资源网进行下载。
本书适合作为高等和中等职业院校计算机相关专业的教材，也可作为相关工程技术人员和爱好者的自学用书。
求全面而注重常用，努力实现学习20%的知识能够解决80%的问题的目标。为了更好地帮助读者学习本书的相关知识和技能，我们还构建了开放课程网站，有配套的教学PPT、练习题、源代码、教学视频和教学设计等资源，可在中国铁道出版社有限公司教学资源网进行下载。
本书适合作为高等和中等职业院校计算机相关专业的教材，也可作为相关工程技术人员和爱好者的自学用书。
目录
项目1 基本图文混排........................... 1
任务1 基本网页搭建............................... 1
1.1.1 创建新闻页.................................. 1
1.1.2 知识学习..................................... 2
1.1.3 实践操作..................................... 5
任务2 图文混排网页............................... 5
1.2.1 创建“诗词赏析”页面............... 6
1.2.2 知识学习..................................... 6
1.2.3 实践操作................................... 16
任务3 格式化排版................................. 18
1.3.1 对“诗词欣赏”页面
进行格式化处理........................ 18
1.3.2 知识学习................................... 18
1.3.3 实践操作................................... 27
练习与提高............................................... 28
项目2 列表应用................................ 30
任务1 创建基本列表............................. 30
2.1.1 应用基本列表组织页面内容..... 30
2.1.2 知识学习................................... 31
2.1.3 实践操作................................... 33
任务2 创建嵌套列表............................. 34
2.2.1 创建问卷页面............................ 34
2.2.2 知识学习................................... 35
2.2.3 实践操作................................... 36
任务3 新闻列表..................................... 37
2.3.1 创建新闻列表............................ 37
2.3.2 知识学习................................... 37
2.3.3 实践操作................................... 39
练习与提高............................................... 42
项目3 表格应用................................ 44
任务1 简单表格应用............................. 44
3.1.1 制作普通表格............................ 44
3.1.2 知识学习....................................45
3.1.3 实践操作....................................47
任务2 制作斑马纹效果..........................50
3.2.1 制作斑马纹效果的表格.............50
3.2.2 知识学习....................................51
3.2.3 实践操作....................................52
任务3 复杂表格应用.............................56
3.3.1 制作个人简历表格.....................56
3.3.2 知识学习....................................57
3.3.3 实践操作....................................58
练习与提高...............................................63
项目4 表单应用................................. 65
任务1 创建登录表单.............................65
4.1.1 登录表单的设计与实现.............65
4.1.2 知识学习....................................66
4.1.3 实践操作....................................68
任务2 创建注册表单.............................72
4.2.1 注册表单的设计与实现.............72
4.2.2 知识学习....................................72
4.2.3 实践操作....................................77
任务3 创建其他常用表单......................80
4.3.1 消费调查表单的设计
与实现........................................80
4.3.2 知识学习....................................81
4.3.3 实践操作....................................82
练习与提高...............................................85
项目5 创建网页导航功能................... 88
任务1 创建纵向导航菜单......................88
5.1.1 纵向导航菜单的设计与实现.....88
5.1.2 知识学习....................................88
5.1.3 操作实践....................................91
目 录 CONTENTS
II 客户端应用技术
任务2 创建横向导航菜单..................... 93
5.2.1 横向导航菜单的设计
与实现........................................ 93
5.2.2 知识学习................................... 93
5.2.3 操作实践................................... 96
任务3 创建下拉式导航菜单................. 96
5.3.1 下拉式导航菜单的
设计与实现................................ 96
5.3.2 操作实践................................... 96
练习与提高............................................. 100
项目6 网页布局...............................101
任务1 创建个人博客页面................... 101
6.1.1 个人博客页面布局实现........... 101
6.1.2 知识学习................................. 101
6.1.3 操作实践................................. 109
任务2 创建企业网站首页布局............ 117
6.2.1 企业网站首页布局实现........... 117
6.2.2 操作实践................................. 118
练习与提高............................................. 122
项目7 JavaScript 基本应用..............124
任务1 显示网站通知........................... 124
7.1.1 显示页面通知.......................... 124
7.1.2 知识学习................................. 125
7.1.3 操作实践................................. 133
任务2 付款金额的大写转换............... 134
7.2.1 在电商页面中实现付款
金额的大写转换...................... 134
7.2.2 知识学习................................. 135
7.2.3 操作实践................................. 141
任务3 任务倒计时............................... 144
7.3.1 实现在线考试的
倒计时功能.............................. 144
7.3.2 知识学习................................. 145
7.3.3 操作实践................................. 149
任务4 DOM 基本应用.......................... 150
7.4.1 访问并控制DOM 对象............ 151
7.4.2 知识学习................................. 151
7.4.3 操作实践..................................157
练习与提高.............................................158
项目8 网页动态功能实现................. 159
任务1 使用JavaScript 实现表单验证... 159
8.1.1 新用户注册页面的前端验证....159
8.1.2 表单的触发验证机制...............160
8.1.3 网页的HTML 结构和CSS
样式..........................................160
8.1.4 编写数据验证代码的一般
方法..........................................163
8.1.5 使用JavaScript 实现注册表单
验证..........................................163
任务2 使用JavaScript实现导航特效.....168
8.2.1 折叠菜单的实现.......................168
8.2.2 横向二级菜单的实现...............170
8.2.3 校园网二级导航的实现...........171
任务3 使用JavaScript 实现选项卡
特效...........................................172
8.3.1 选项卡在页面中的使用...........172
8.3.2 认识选项卡..............................173
8.3.3 校园网Tab 实现.......................174
任务4 使用JavaScript 实现图片轮显
特效...........................................176
8.4.1 网页图片轮显..........................176
8.4.2 实现方法..................................177
任务5 使用JavaScript 实现图片滚动
特效...........................................179
8.5.1 首页图片滚动特效...................179
8.5.2 图片滚动特效实现思路...........179
8.5.3 操作实践..................................180
任务6 使用JavaScript 实现鼠标拖动
特效...........................................181
8.6.1 实现鼠标拖动控制登录窗口.....181
8.6.2 知识学习..................................182
8.6.3 操作实践..................................183
练习与提高.............................................189
任务1 基本网页搭建............................... 1
1.1.1 创建新闻页.................................. 1
1.1.2 知识学习..................................... 2
1.1.3 实践操作..................................... 5
任务2 图文混排网页............................... 5
1.2.1 创建“诗词赏析”页面............... 6
1.2.2 知识学习..................................... 6
1.2.3 实践操作................................... 16
任务3 格式化排版................................. 18
1.3.1 对“诗词欣赏”页面
进行格式化处理........................ 18
1.3.2 知识学习................................... 18
1.3.3 实践操作................................... 27
练习与提高............................................... 28
项目2 列表应用................................ 30
任务1 创建基本列表............................. 30
2.1.1 应用基本列表组织页面内容..... 30
2.1.2 知识学习................................... 31
2.1.3 实践操作................................... 33
任务2 创建嵌套列表............................. 34
2.2.1 创建问卷页面............................ 34
2.2.2 知识学习................................... 35
2.2.3 实践操作................................... 36
任务3 新闻列表..................................... 37
2.3.1 创建新闻列表............................ 37
2.3.2 知识学习................................... 37
2.3.3 实践操作................................... 39
练习与提高............................................... 42
项目3 表格应用................................ 44
任务1 简单表格应用............................. 44
3.1.1 制作普通表格............................ 44
3.1.2 知识学习....................................45
3.1.3 实践操作....................................47
任务2 制作斑马纹效果..........................50
3.2.1 制作斑马纹效果的表格.............50
3.2.2 知识学习....................................51
3.2.3 实践操作....................................52
任务3 复杂表格应用.............................56
3.3.1 制作个人简历表格.....................56
3.3.2 知识学习....................................57
3.3.3 实践操作....................................58
练习与提高...............................................63
项目4 表单应用................................. 65
任务1 创建登录表单.............................65
4.1.1 登录表单的设计与实现.............65
4.1.2 知识学习....................................66
4.1.3 实践操作....................................68
任务2 创建注册表单.............................72
4.2.1 注册表单的设计与实现.............72
4.2.2 知识学习....................................72
4.2.3 实践操作....................................77
任务3 创建其他常用表单......................80
4.3.1 消费调查表单的设计
与实现........................................80
4.3.2 知识学习....................................81
4.3.3 实践操作....................................82
练习与提高...............................................85
项目5 创建网页导航功能................... 88
任务1 创建纵向导航菜单......................88
5.1.1 纵向导航菜单的设计与实现.....88
5.1.2 知识学习....................................88
5.1.3 操作实践....................................91
目 录 CONTENTS
II 客户端应用技术
任务2 创建横向导航菜单..................... 93
5.2.1 横向导航菜单的设计
与实现........................................ 93
5.2.2 知识学习................................... 93
5.2.3 操作实践................................... 96
任务3 创建下拉式导航菜单................. 96
5.3.1 下拉式导航菜单的
设计与实现................................ 96
5.3.2 操作实践................................... 96
练习与提高............................................. 100
项目6 网页布局...............................101
任务1 创建个人博客页面................... 101
6.1.1 个人博客页面布局实现........... 101
6.1.2 知识学习................................. 101
6.1.3 操作实践................................. 109
任务2 创建企业网站首页布局............ 117
6.2.1 企业网站首页布局实现........... 117
6.2.2 操作实践................................. 118
练习与提高............................................. 122
项目7 JavaScript 基本应用..............124
任务1 显示网站通知........................... 124
7.1.1 显示页面通知.......................... 124
7.1.2 知识学习................................. 125
7.1.3 操作实践................................. 133
任务2 付款金额的大写转换............... 134
7.2.1 在电商页面中实现付款
金额的大写转换...................... 134
7.2.2 知识学习................................. 135
7.2.3 操作实践................................. 141
任务3 任务倒计时............................... 144
7.3.1 实现在线考试的
倒计时功能.............................. 144
7.3.2 知识学习................................. 145
7.3.3 操作实践................................. 149
任务4 DOM 基本应用.......................... 150
7.4.1 访问并控制DOM 对象............ 151
7.4.2 知识学习................................. 151
7.4.3 操作实践..................................157
练习与提高.............................................158
项目8 网页动态功能实现................. 159
任务1 使用JavaScript 实现表单验证... 159
8.1.1 新用户注册页面的前端验证....159
8.1.2 表单的触发验证机制...............160
8.1.3 网页的HTML 结构和CSS
样式..........................................160
8.1.4 编写数据验证代码的一般
方法..........................................163
8.1.5 使用JavaScript 实现注册表单
验证..........................................163
任务2 使用JavaScript实现导航特效.....168
8.2.1 折叠菜单的实现.......................168
8.2.2 横向二级菜单的实现...............170
8.2.3 校园网二级导航的实现...........171
任务3 使用JavaScript 实现选项卡
特效...........................................172
8.3.1 选项卡在页面中的使用...........172
8.3.2 认识选项卡..............................173
8.3.3 校园网Tab 实现.......................174
任务4 使用JavaScript 实现图片轮显
特效...........................................176
8.4.1 网页图片轮显..........................176
8.4.2 实现方法..................................177
任务5 使用JavaScript 实现图片滚动
特效...........................................179
8.5.1 首页图片滚动特效...................179
8.5.2 图片滚动特效实现思路...........179
8.5.3 操作实践..................................180
任务6 使用JavaScript 实现鼠标拖动
特效...........................................181
8.6.1 实现鼠标拖动控制登录窗口.....181
8.6.2 知识学习..................................182
8.6.3 操作实践..................................183
练习与提高.............................................189
