新書推薦:
《
人生解忧:佛学入门四十讲
》
售價:NT$
490.0
《
浪潮将至
》
售價:NT$
395.0
《
在虚无时代:与马克斯·韦伯共同思考
》
售價:NT$
260.0
《
日内交易与波段交易的资金风险管理
》
售價:NT$
390.0
《
自然信息图:一目了然的万物奇观
》
售價:NT$
640.0
《
女性史:古代卷(真正意义上的女性大历史)
》
售價:NT$
560.0
《
跨代伴侣治疗
》
售價:NT$
440.0
《
心理治疗中的真意:心理治疗师的心灵之旅
》
售價:NT$
440.0
|
編輯推薦: |
获奖情况:“十四五”职业教育国家规划教材,“十二五”职业教育国家规划教材,普通高等教育“十一五”国家规划教材,全国优秀畅销书奖 配套资源:微课视频、电子课件、授课计划、课程标准、模拟题及答案、素材和源代码 本书特色: 1)有机融入思政元素和党的二十大精神,每章均设置了“素养目标”,旨在引导学生树立正确的人生观、世界观和价值观。 2)依据《Web前端开发职业技能等级标准(初级)》和部分院校《Web前端技术课程教学标准》编写。 3)课程设计充分体现“教师指导下的以学生为中心”的教学模式,以学生为认知主体,充分调动学生的积极性和能动性,重视学生自学能力的培养。由教师提出任务,学生独立设计并完成。 4)使用模块化的结构组织章节,并选取静态网页设计与制作的典型应用作为教学案例。以网站建设和网页设计为中心,实例引导,将知识介绍与实例设计、制作、分析相结合,贯穿在整个教材中。 5)本书全面引入ES6(ECMAScript 2015)的新技术,例如箭头函数、使用class关键字定义类、扩展运算符等。本书正文、代码均经ChatGPT校对、验证,保证了其正确性。 6)本书采用工业和信息化部教育与考试中心推
|
內容簡介: |
本书依据《Web前端开发职业技能等级标准(初级)》和部分院校的《Web前端技术课程教学标准》编写,内容涵盖Web页面制作基础、HTML5和CSS3开发基础与应用、JavaScript程序设计和社区新闻网制作实例。以模块化的方式组织内容,同时选取静态网站设计与制作的典型应用作为教学案例。
本书可作为高等职业院校Web前端技术和网页设计与制作课程的教材,也适合作为1 X职业技能等级证书中Web前端开发(初级)的教学及参考用书。
|
關於作者: |
刘瑞新,教授,计算机专业资深学科带头人,知名计算机类图书作者。多部著作获得全国优秀畅销书奖,“十五”和“十一五”国家级规划教材。
在教学中,刘老师不断探索改革,研究教学方法,并把这些改革和创新应用到所编写的教材中。他所编写的教材内容均来自教学实践,是对“编写讲义→教学→修改教学讲义→再次教学”整个过程的精确提炼,因此对促进教师教学、学生学习发挥了重要作用。
|
目錄:
|
第1章 HTML5基础1
1.1 Web的基本概念1
1.1.1 WWW1
1.1.2 网页浏览器1
1.1.3 Web服务器2
1.1.4 网站2
1.1.5 网页2
1.1.6 URL2
1.1.7 标记语言3
1.1.8 网页标准3
1.2 HTML5的基本结构和语法规则3
1.2.1 HTML5文档的基本结构3
1.2.2 HTML5的基本语法6
1.2.3 HTML的字符实体和颜色表示8
1.2.4 HTML5开发人员编码规范9
1.3 用记事本编辑HTML文档10
1.4 实训——制作社区网版权信息11
习题112
第2章 HTML5的块级元素13
2.1 基本块级元素13
2.1.1 标题元素h1~h613
2.1.2 段落元素p和换行元素br14
2.1.3 水平线元素hr14
2.1.4 注释元素15
2.2 列表元素16
2.2.1 无序列表元素ul16
2.2.2 有序列表元素ol17
2.2.3 自定义列表元素dl18
2.2.4 嵌套列表19
2.3 表格元素table20
2.3.1 基本表格20
2.3.2 合并行和列21
2.3.3 表格数据的分组22
2.3.4 调整列的格式23
2.4 表单24
2.4.1 表单元素form24
2.4.2 输入元素input25
2.4.3 标签元素label27
2.4.4 选择栏元素select28
2.4.5 按钮元素button30
2.4.6 多行文本元素textarea31
2.5 分区元素div32
2.6 缩排元素blockquote33
2.7 实训——制作精选信息板块34
习题235
第3章 HTML5的行级元素36
3.1 格式化元素36
3.1.1 字体样式元素36
3.1.2 短语元素37
3.2 图像元素img38
3.3 超链接元素a40
3.3.1 a元素40
3.3.2 用图像作为超链接热点40
3.3.3 指向其他页面的链接41
3.3.4 创建链接至书签42
3.3.5 指向下载文件的链接43
3.3.6 指向电子邮件的链接44
3.3.7 JavaScript链接44
3.3.8 空链接44
3.4 图像热区超链接元素map、area44
3.4.1 用map元素定义图像地图45
3.4.2 img元素与map元素的关联45
3.5 范围元素span46
3.6 多媒体元素47
3.6.1 音频元素audio47
3.6.2 视频元素video47
3.7 用HBuilder X编辑HTML文件48
3.8 实训—制作广告板块49
习题350
第4章 CSS3基础52
4.1 CSS设计与编写原则52
4.2 在HTML中使用CSS的方法53
4.2.1 行内样式54
4.2.2 内部样式55
4.2.3 链入外部样式文件56
4.2.4 导入外部样式文件58
4.3 CSS的两个主要特性60
4.3.1 层叠60
4.3.2 继承60
4.4 CSS的基本语法62
4.4.1 基本语法62
4.4.2 注意事项62
4.5 CSS的选择器64
4.5.1 元素选择器64
4.5.2 通配符选择器64
4.5.3 属性选择器65
4.5.4 派生选择器67
4.5.5 兄弟选择器70
4.5.6 id选择器71
4.5.7 类选择器72
4.5.8 伪类选择器73
4.5.9 UI元素状态伪类选择器77
4.5.10 结构伪类选择器83
4.5.11 其他伪类选择器88
4.5.12 伪元素选择器89
4.6 属性值的写法和单位94
4.6.1 长度、百分比单位94
4.6.2 色彩单位95
4.7 HTML文档结构与元素类型96
4.7.1 文档结构的基本概念96
4.7.2 元素类型97
4.8 实训——制作内容详情页98
习题499
第5章 CSS3的属性101
5.1 CSS背景属性101
5.1.1 背景颜色属性background-color101
5.1.2 背景图像属性background-image102
5.1.3 重复背景图像属性background-repeat104
5.1.4 固定背景图像属性background-attachment106
5.1.5 背景图像位置属性background-position106
5.1.6 背景图像大小属性background-size107
5.1.7 背景属性background108
5.1.8 背景覆盖区域属性background-clip109
5.1.9 背景图像起点属性background-origin109
5.1.10 背景渐变属性background-image111
5.2 CSS字体属性114
5.2.1 字体类型属性font-family114
5.2.2 字体尺寸属性font-size115
5.2.3 字体倾斜属性font-style115
5.2.4 小写字体属性font-variant115
5.2.5 字体粗细属性font-weight116
5.2.6 字体简写属性font117
5.2.7 CSS3新增使用服务器字体117
5.3 CSS文本属性118
5.3.1 文本颜色属性color118
5.3.2 文本方向属性direction118
5.3.3 字符间隔属性letter-spacing118
5.3.4 行高属性line-height119
5.3.5 文本水平对齐方式属性text-align119
5.3.6 为文本添加装饰属性text-decoration119
5.3.7 段落首行缩进属性text-indent120
5.3.8 文本的阴影属性text-shadow120
5.3.9 文本的大小写属性text-transform120
5.3.10 元素内部的空白属性white-space121
5.3.11 单词之间的间隔属性word-spacing121
5.3.12 文本的截断效果属性text-overflow121
5.3.13 文本的换行方式属性word-break122
5.3.14 单词断字属性word-wrap122
5.4 CSS尺寸属性123
5.4.1 宽度属性width123
5.4.2 高度属性height124
5.4.3 最小宽度属性min-width124
5.4.4 最大宽度属性max-width125
5.4.5 最小高度属性min-height125
5.4.6 最大高度属性max-height125
5.5 CSS列表属性126
5.5.1 图像作为列表项的标记属性list-style-image126
5.5.2 列表项标记的位置属性list-style-position127
5.5.3 标记的类型属性list-style-type127
5.5.4 列表简写属性list-style128
5.6 CSS表格属性130
5.6.1
|
內容試閱:
|
本书第1版于2001年出版,自出版以来,累计改版6次。于2003年获评中国书刊发行协会组织的“2003年度全国优秀畅销书(科技类)”,以后陆续获评“十一五”“十二五”“十四五”国家级规划教材,累计销量60余万册。经过20余年的积累、反馈和多次修订,逐步提升和完善,最新的第7版根据新的教学需要进行修订,从内容到形式、从纸质书到电子资源进行全方位升级,并融入了1 X职业技能等级证书考试要求。
“Web前端开发”(以前称“网页设计与制作”)课程是计算机类专业的专业支撑课程。随着移动互联网技术的快速发展,Web前端开发技术已经被广泛运用在各个领域,成为网站开发、App开发及智能终端设备界面开发的主要技术。因而,前端开发岗位出现了显著的人才短缺。根据《国家职业教育改革实施方案》《国务院办公厅关于深化产教融合的若干意见》和《国家信息化发展战略纲要》等文件对人才培养的新要求,工业和信息化部教育与考试中心根据的《职业技能等级标准开发指南(试行)》的相关要求,制定了《Web前端开发职业技能等级标准》。
本书与之前版本的改进和特点主要体现在以下几个方面。
1)有机融入思政元素和党的二十大精神,每章均设置了“素养目标”,旨在引导学生树立正确的人生观、世界观和价值观。同时,我们将网页内容作为思政教育的有机组成部分,使学生在制作网页的过程中,重温政治认同、家国情怀、文化修养、法治意识、道德修养等重要内容。这不仅有助于增强学生的国家意识,激发他们的爱国情怀,更能加强学生职业精神的塑造,提升职业素养,从而更好地践行党的二十大报告所强调的“育人的根本在于立德”的深刻内涵,为学生的全面发展奠定坚实基础。
2)为了适应教学需求和新的岗位能力要求,本书依据《Web前端开发职业技能等级标准(初级)》和部分院校《Web前端技术课程教学标准》编写,主要介绍静态网页的制作技术,包括Web页面制作基础、HTML5和CSS3开发基础与应用、JavaScript程序设计及其应用、社区新闻网制作实例等。
3)课程设计充分体现“教师指导下的以学生为中心”的教学模式,以学生为认知主体,充分调动学生的积极性和能动性,重视学生自学能力的培养。由教师提出任务,学生独立设计并完成。
4)使用模块化的结构组织章节,并选取静态网页设计与制作的典型应用作为教学案例。以网站建设和网页设计为中心,实例引导,将知识介绍与实例设计、制作、分析相结合,贯穿在整个教材中。
5)本书全面引入ES6(ECMAScript 2015)的新技术,例如箭头函数、使用class关键字定义类、扩展运算符等。本书正文、代码均经ChatGPT校对、验证,保证了其正确性。
6)本书采用工业和信息化部教育与考试中心推荐的HBuilderX进行网页代码编写,使用Google Chrome或Microsoft Edge浏览器进行调试和运行。
7)为了配合教学,便于教师讲课,我们精心制作了微课视频、电子课件、授课计划、课程标准、模拟题及答案、素材和源代码等丰富的教学资源。微课视频可以搭建网络课程,通过扫描书中的二维码即可观看;电子课件浓缩了本书的教学要点,可以作为教师的板书来演示。教师可以从机械工业出版社教育服务网(http://www.cmpedu.com)下载这些资源。使用这些资源可以搭建自己的网络课程,方便进行线上线下混合式教学。
8)考虑到网页制作较强的实践性,本书配备大量的例题并提供源代码和网页效果图,能够有效地帮助读者理解所学习的理论知识,系统全面地掌握Web前端开发技术。每章附有习题,并提供习题答案,供读者在课外巩固所学的内容。
9)由于HTML5、CSS3和JavaScript的内容非常多,而教学课时有限,本书采用电子活页式教材的方式,必知必会的内容印刷在教材中,选学内容扫描书中的二维码获得。
10)本书由头歌平台在线提供一站式配套实验环境和内容。
本书由刘瑞新主编,参加编写的有刘瑞新(第1~3章),赵全利(第4、8章),孙立友(第5章),曹利(第6章),周艳芳(第7章),刘克纯(第9章),莫丽娟(第10章),徐军(第11章)。全书由刘瑞新教授统稿。
在本书编写过程中,参考了大量Web前端开发相关图书、文献和网络资料,对此深表感谢。由于作者水平有限,书中疏漏和不足之处难免,敬请广大师生指正。我们将会对您反馈的问题进行认真的处理和修正,以提高本书的质量。我们真诚地感谢所有使用本书的教师和学生,是你们的支持和信任让我们有动力继续改进和优化。我们期望本书能为你们的学习和教学提供帮助,也期待你们在Web前端开发的道路上取得更大的成就。
编 者
|
|