新書推薦:
《
人生解忧:佛学入门四十讲
》
售價:NT$
490.0
《
浪潮将至
》
售價:NT$
395.0
《
在虚无时代:与马克斯·韦伯共同思考
》
售價:NT$
260.0
《
日内交易与波段交易的资金风险管理
》
售價:NT$
390.0
《
自然信息图:一目了然的万物奇观
》
售價:NT$
640.0
《
女性史:古代卷(真正意义上的女性大历史)
》
售價:NT$
560.0
《
跨代伴侣治疗
》
售價:NT$
440.0
《
心理治疗中的真意:心理治疗师的心灵之旅
》
售價:NT$
440.0
|
編輯推薦: |
《HTML5 CSS JavaScript网页设计制作教程》是一本网站前端设计案例实战类图书,以作者实际参与的项目作为实践讲解,由浅入深地介绍了如何将最初的想法变成精美的网页,即使是初学者也可以通过这种过程训练,能够轻松使用Web标准进行网页设计制作的各方面知识:利用HTML标记元素描述网页的内容结构;CSS DIV描述网页的排版布局;Javascript描述网页的特效和交互处理。以循序渐进的方式讲述了网站前端开发所需要的技术,内容丰富、结构清晰。知识点实例练习是以知名网站的典型部分作为案例,实战部分是笔者实际参与的项目作为案例,使书中内容的选取更有说服力,增强了内容的实用性。
|
內容簡介: |
《HTML5 CSS JavaScript网页设计制作教程》深入探讨HTML 5、CSS 3和JavaScript网站前端开发的核心技术,全书采用理论知识与实际案例相结合的教学方式,系统地介绍了这三项技术的相关知识和具体应用方法。《HTML5 CSS JavaScript网页设计制作教程》共分为10章,主要内容包括HTML 5网页设计的文档结构、常用标记、表单的使用及HTML 5新增的标记和属性、CSS在网页中的应用方法、CSS 3新增的功能,以及JavaScript语言基础、内置对象、对象编程、JavaScript操作HTML 5和CSS实现网页设计的方法和技巧。
《HTML5 CSS JavaScript网页设计制作教程》特别注重实际操作,旨在帮助学生不仅理解理论知识,还能够通过实际练习掌握技能。为方便学习,《HTML5 CSS JavaScript网页设计制作教程》配套素材、源代码、习题答案,读者可扫描前言末尾左侧二维码下载;针对教师,《HTML5 CSS JavaScript网页设计制作教程》另赠PPT课件等资源,教师可扫描前言末尾右侧二维码获取。《HTML5 CSS JavaScript网页设计制作教程》适合作为普通高等院校计算机相关专业Web前端网站开发课程的教材,也可为从事网站设计开发的从业人员提供实用的技术参考。
|
關於作者: |
彭进香,湖南应用技术学院信息工程学院院长,教授,市级优秀教师,“十三五”校级首批重点建设学科——计算机应用技术学科建设负责人。近年来主持和参与省、市级教研、科研项目20多项,指导省大学生研究性学习和创新性实验计划项目2项,发表研究论文20多篇,主编和参编教材6部,专利1项,软件著作权2项。对互联网企业从事数据挖掘有较深的研究,在大数据挖掘、分析及实战场景应用方面具有丰富经验。
|
目錄:
|
第1章 网站前端设计基础 1
1.1 Web基础 2
1.1.1 Web的基本概念 2
1.1.2 了解“Web标准” 2
1.1.3 静态网页 3
1.1.4 动态网页 4
1.2 网站开发 4
1.2.1 网站开发的基本流程 4
1.2.2 网站开发的人才需求 5
1.2.3 网站开发的主要技术 5
1.3 Web前端开发所需技能 6
1.3.1 Web前端工程师的工作内容 6
1.3.2 Web前端工程师需要掌握的
技术 6
1.4 网站开发工具介绍 7
1.4.1 原型设计工具 8
1.4.2 技术开发工具 8
1.4.3 Web调试工具 9
1.4.4 代码托管工具 9
本章小结 10
自测题 10
第2章 HTML 5基础 11
2.1 HTML概述 12
2.1.1 了解HTML 12
2.1.2 HTML元素 13
2.2 初识HTML 5 14
2.2.1 HTML 5的新功能 14
2.2.2 HTML 5的废弃标记 15
2.2.3 HTML 5的新增标记 16
2.2.4 HTML 5的新增属性 16
2.3 HTML 5的结构 17
2.3.1 HTML 5的基本结构 17
2.3.2 编写第一个符合W3C标准的HTML 5网页 18
2.4 HTML 5文档的常用标记 20
2.4.1 文本段落的相关标记 20
2.4.2 图像标记 21
2.4.3 超链接 21
2.4.4 列表 23
2.4.5 表格 25
2.4.6 HTML 5的音频和视频 27
2.5 HTML 5的表单元素 29
2.5.1 创建表单 29
2.5.2 输入控件的类型 30
2.5.3 列表框 36
2.5.4 多行文本输入框 37
2.5.5 表单控件综合示例 37
2.6 HTML 5语义化结构性元素 38
2.6.1 新增的主体结构元素 39
2.6.2 新增的非主体结构元素 43
2.7 上机实训:使用结构元素进行网页
布局 44
本章小结 47
自测题 47
第3章 CSS基础 49
3.1 CSS 3概述 50
3.2 CSS的组成 50
3.2.1 CSS基本语法规则 50
3.2.2 选择符的分类 51
3.3 在HTML中使用CSS样式 57
3.3.1 行内样式 57
3.3.2 内部样式 58
3.3.3 外部样式 59
3.3.4 CSS的优先级 59
3.3.5 常用的CSS 3属性前缀 60
本章小结 60
自测题 60
第4章 CSS设计布局 63
4.1 CSS的盒模型 64
4.1.1 盒模型的结构 64
4.1.2 盒模型的元素类型 65
4.1.3 使用div 67
4.1.4 外边距、内边距与边框的CSS
设置 68
4.1.5 CSS 3对盒模型边框的完善 72
4.2 网页元素的定位 76
4.2.1 使用position属性进行定位 76
4.2.2 使用float属性进行浮动定位 78
4.2.3 其他CSS布局定位方式 80
4.3 DIV CSS常用的布局方式 82
4.3.1 单列水平居中布局 82
4.3.2 浮动的布局 84
4.3.3 div嵌套布局 87
4.3.4 CSS 3的多列布局 89
4.4 列表元素布局 91
4.5 上机实训:布局电商网站首页(制作
盒模型) 92
4.5.1 布局网页的总体结构 93
4.5.2 头部区域的结构分析及布局 93
4.5.3 网页主体内容区域的设计 95
4.5.4 页脚区域的设计 97
本章小结 98
自测题 98
第5章 CSS样式 101
5.1 CSS 3字体相关属性 102
5.1.1 设置字体属性 102
5.1.2 设置字体属性的综合示例 103
5.1.3 CSS 3新增的字体属性 104
5.2 CSS控制文本的样式 104
5.2.1 文本属性 104
5.2.2 设置文本属性的综合示例 107
5.2.3 CSS 3新增的文本属性 108
5.3 使用CSS控制背景 111
5.3.1 背景属性 111
5.3.2 背景设置综合示例 113
5.3.3 CSS 3新增的与背景相关的
属性 114
5.4 使用CSS设置列表样式 118
5.4.1 CSS列表属性 118
5.4.2 列表属性的综合示例 119
5.5 上机实训 121
5.5.1 实训1:制作商品信息展示
页面 121
5.5.2 实训2:使用CSS制作二级
导航下拉菜单 123
本章小结 126
自测题 126
第6章 JavaScript基础 127
6.1 JavaScript概述 128
6.1.1 认识JavaScript 128
6.1.2 JavaScript的特点和作用 128
6.1.3 在网页中使用JavaScript 129
6.1.4 JavaScript代码规范 131
6.2 变量、数据类型 131
6.2.1 变量的声明和使用 131
6.2.2 JavaScript的基本数据类型 133
6.3 表达式与运算符 136
6.3.1 表达式 136
6.3.2 运算符 136
6.4 流程控制语句 143
6.4.1 分支结构 143
6.4.2 循环结构 145
6.5 JavaScript的函数 149
6.5.1 函数的定义 149
6.5.2 函数的调用 149
6.5.3 使用函数的返回值 151
6.5.4 函数的嵌套 152
6.5.5 内置函数 153
6.6 上机实训:制作简易计算器 154
本章小结 156
自测题 157
第7章 JavaScript中的对象 159
7.1 JavaScript的常用内置对象 160
7.1.1 数组对象 160
7.1.2 字符串对象 164
7.1.3 日期对象 165
7.1.4 数学对象 168
7.2 常用文档对象 171
7.2.1 文档对象模型 171
7.2.2 文档对象的节点树 171
7.2.3 文档对象 178
7.2.4 表单及其控件对象 180
7.2.5 style对象 183
7.3 常用窗口对象 185
7.3.1 屏幕对象 185
7.3.2 窗口对象 186
7.3.3 浏览器信息对象 188
7.3.4 网址对象 189
7.3.5 历史记录对象 191
7.4 上机实训 192
7.4.1 实训1:将英文单词首字母
改成大写 192
7.4.2 实训2:限制多行文本域输入
的字符个数 194
本章小结 196
自测题 197
第8章 事件处理 201
8.1 认识JavaScript事件 202
8.1.1 JavaScript的常用事件 202
8.1.2 调用事件处理程序的方法 203
8.2 常用事件在网页中的应用 205
8.2.1 鼠标事件 205
8.2.2 键盘事件 207
8.2.3 表单事件 209
8.2.4 页面相关事件 213
8.3 上机实训:使用JavaScript实现广告
图像轮播 214
本章小结 218
自测题 218
第9章 使用JavaScript实现Canvas
功能 221
9.1 创建Canvas元素 222
9.2 绘制基本图形 222
9.2.1 绘制直线 223
9.2.2 绘制圆形 224
9.2.3 绘制矩形 225
9.2.4 绘制多边形 226
9.3 图形的变换 227
9.3.1 保存与恢复Canvas状态 227
9.3.2 移动坐标位置 227
9.3.3 缩放图形 228
9.4 特效应用 229
9.5 绘制文本 230
9.6 上机实训:用Canvas绘制时钟 231
9.6.1 绘制静态时钟 231
9.6.2 制作动态时钟 235
本章小结 236
自测题 236
第10章 购物车的设计 237
10.1 案例导入 238
10.2 案例分析 238
10.3 操作步骤 239
10.3.1 设计购物车的HTML
结构 239
10.3.2 购物车的样式设计 241
10.3.3 利用JavaScript实现购物车
功能 246
参考文献 251
|
內容試閱:
|
当今,随着互联网的持续发展和各行各业对数字技术的依赖不断加深,网页设计与开发已经成为一个极具前景和广泛需求的技术领域。这一领域的迅速演进和不断涌现的新技术,如HTML 5、CSS 3和JavaScript,使得网页制作的艺术和科学不断融合,为创造引人入胜的用户体验提供了巨大机会。
党的二十大报告指出:“坚持教育优先发展、科技自立自强,人才引领驱动”,为我国科技创新和计算机技术应用的全面发展提出了新的要求和目标。本书遵循党的二十大有关精神,围绕HTML 5、CSS 3和JavaScript等网页设计与开发的几大核心技术,旨在为计算机相关专业的学生以及对网站设计开发感兴趣的初学者深入理解以HTML 5、CSS 3和JavaScript为核心的Web前端开发技术,并在实际操作中掌握其应用技巧,推动数字化、智能化、网络化、信息化进程,为促进高质量教育发展作出新的贡献。
本书以电子商务网站开发为实际应用案例,以便读者能够直观地了解这些技术如何应用于实际项目。通过应用案例,读者将能够领悟如何将概念转化为创造性的解决方案,从而提升自己的实际工作能力。本书理论知识与实践紧密结合,理论知识适中,讲解理论的同时侧重讲解实例,思路清晰,使读者易于掌握相关实用技术。
本书共分为10章,前面9章为理论教学结合实例讲解,最后一章为一个综合性的案例。各章的具体内容说明如下。
第1章介绍网站前端设计基础,包括Web基础知识、网站开发的基本流程和主要技术等,以及网站开发的工具知识。
第2章讲解HTML 5基础,主要包括HTML的有关概念、HTML 5的新功能、废弃标记、新增标记和属性、HTML 5的结构,以及HTML 5文档的常用标记、表单元素等,最后通过使用结构元素进行网页布局的实训进行应用实践。
第3~5章主要讲解CSS的相关知识,包括CSS基础、CSS设计布局和CSS样式。在这部分内容中,主要讲解主流浏览器广泛支持的、比较成熟的CSS 3的一些属性,帮助读者掌握CSS 3的常见用法。
第6~8章主要讲解JavaScript的有关知识,包括JavaScript基础知识、JavaScript中的对象(常用内置对象、常用文档对象、常用窗口对象等)和事件处理等内容。
第9章讲解JavaScript如何实现Canvas功能,包括创建Canvas元素、使用Canvas绘制基本图形、图形的变换、特效应用、绘制文本,以及上机实训使用Canvas绘制时钟等。
第10章主要以购物车的设计为案例背景,通过商品购物车功能的设计,系统地介绍HTML 5、CSS样式和JavaScript脚本编程三项技术的综合运用。
本书由彭进香、孟繁军、王华荣任主编,作者拥有丰富的相关课程的教学经验,在编写过程中也参考了很多相关技术资料及经典案例,吸取了许多同仁的宝贵经验,在此深表谢意!
由于编者水平有限,书中可能存在不足和疏漏,恳请各位专家和广大读者批评指正。
编 者
读者资源下载 教师资源服务
|
|