新書推薦:
《
不废风雅 生活的意趣(汪曾祺风雅意趣妙文)
》
售價:NT$
280.0
《
东亚世界形成史论(新版)
》
售價:NT$
490.0
《
奶奶的半个心愿 “课本里的作家” 中考热点作家孙道荣2024年全新散文集
》
售價:NT$
190.0
《
天生坏种:罪犯与犯罪心理分析
》
售價:NT$
445.0
《
新能源材料
》
售價:NT$
290.0
《
传统文化有意思:古代发明了不起
》
售價:NT$
199.0
《
无法从容的人生:路遥传
》
售價:NT$
340.0
《
亚述:世界历史上第一个帝国的兴衰
》
售價:NT$
490.0
內容簡介:
本书以基础知识、示例、实战案例相结合的方式详尽讲述了HTML&CSS&JavaScript及目前新的前端技术。主要包括HTML5的结构、文本、图像、链接、表单、音频、视频、拖放、本地存储、图形,CSS3的文本设计、背景设计、DIV+CS布局、盒布局、多列布局、自适应布局、动画、渐变,还有JavaScript的语法、对象、BOM、DOM、事件响应等;*后两个两个完整案例综合前面所学,让读者对网站设计与网页开发有个整体的认识。本书运用大量示例,让读者在实战中体会编程的快乐。建议读者边学边练,有难以理解的概念或知识一定要弄清楚,不能迷迷糊糊。要培养自己单独开发项目的能力。本书适合想从事网页和前端开发的入门人员、网站建设自学者和网络管理技术人员阅读。
關於作者:
王震,硕士毕业于澳大利亚伊迪思科文大学,现任沈阳理工大学艺术设计学院副教授,多年从事动画、虚拟现实、手机游戏设计开发的研究。曾出版《PREMIERE PRO CS4 视频编辑与实战演练》、《手机动画角色设计》盛立毕业于鲁迅美术学院工艺系,文学士,现就职于沈阳理工大学艺术设计学院,副教授。从事服装设计,工业设计教学三十余年。参与省级科研项目3项,并先后在国家级、省级学术期刊上发表8篇教学科研论文,编著教材2部。具有较扎实的学术功底,科技开发能力和组织实施能力。秦文友 大秦电商创始人,专注网络技术的电商应用。已经出品《1小时建站》《微博营销实战》《PHP采集》《网络招商系统》
目錄 :
第1篇HTML技术篇
第1章网页基础知识入门1
1.1了解HTML网页技术1
1.1.1什么是HTML和HTML 51
1.1.2如何获取网页的源代码2
1.1.3静态网页3
1.1.4动态网页3
1.1.5网站3
1.2了解网页技术的工作原理4
1.2.1静态HTML的工作流程4
1.2.2动态HTML的工作流程4
1.3制作一个完整的HTML 5网页5
1.3.1搭建上机练习环境5
1.3.2完成第一个网页5
1.4技术解惑6
1.4.1HTML与HTML 5是两种网页语言吗6
1.4.2如何区分静态网页与动态网页6
第2章HTML 5网页的结构7
2.1动手解构一个HTML 5页面7
2.2HTML的基础知识7
2.2.1HTML的基础语法7
2.2.2HTML文档的基本骨架8
2.3HTML文档中的标签8
2.3.1样本代码DOCTYPE9
2.3.2开始标签<html>9
2.3.3头部标签和头部标签的对象9
2.3.4标题标签<title>9
2.3.5主体标签<body>9
2.3.6美化HTML文档9
2.4拓展训练10
2.4.1训练一:制作一个HTML网页,包含HTML基本标记,页面显示
Hello World!10
2.4.2训练二:制作一个HTML网页,要求在浏览器标题栏中显示
Hello World!10
2.5技术解惑11
2.5.1HTML标签需要死记硬背吗11
2.5.2HTML网页的结构中哪些标签是必需的11
第3章网页中的文本与段落12
3.1文本的排版格式12
3.1.1写一行换一行12
3.1.2在页面中使用空格13
3.1.3文本的段落要对齐14
3.2文本的属性样式15
3.2.1不一样的文本字体大小15
3.2.2奇妙的特殊符号16
3.2.3给文本加标注17
3.3整齐的文本列表18
3.3.1无序列表18
3.3.2有序列表19
3.3.3定义列表20
3.3.4列表嵌套21
3.4拓展训练22
3.4.1训练一:在页面中设置段落对齐方式22
3.4.2训练二:在页面中创建有序列表23
3.5技术解惑23
3.5.1文本段落的对齐方式23
3.5.2有序列表与无序列表23
第4章网页中的图像24
4.1图像的基础知识24
4.1.1常用的位图图像24
4.1.2在页面中常用的位图格式24
4.1.3矢量图25
4.1.4图像的分辨率25
4.1.5认识一些网页中常用的Banner尺寸25
4.2页面中的图像26
4.2.1理解图像路径26
4.2.2像编辑文本对齐一样在页面中对齐图片27
4.2.3图像与文本的对齐方式28
4.2.4调整图像与文本的距离29
4.3让图像更美观30
4.3.1使用画图工具修改图像30
4.3.2为图像添加边框30
4.3.3独树一帜的水平线31
4.4改变页面的背景32
4.5拓展训练33
4.5.1训练一:在网页中插入图片并设置边框33
4.5.2训练二:在页面中插入宽度为800px、高度为2px、颜色为蓝色的
水平线34
4.6技术解惑34
4.6.1使用图像的技巧34
4.6.2善用水平线34
第5章网页中的链接35
5.1认识链接35
5.1.1初识页面链接35
5.1.2理解链接地址36
5.2链接的种类37
5.2.1基本的文本链接38
5.2.2基本的图像链接38
5.2.3把邮箱留给需要联系你的人39
5.2.4在同一页面中快速查找信息40
5.3提高页面链接的友好度42
5.3.1美观链接的状态42
5.3.2特殊的链接方式44
5.3.3热点图像区域的链接46
5.4在新窗口中显示链接窗口48
5.5拓展训练49
5.5.1训练一:在页面中使用图像链接49
5.5.2训练二:在页面中使用热点图像区域链接49
5.6技术解惑49
5.6.1合理使用锚点链接49
5.6.2合理使用邮件链接50
第6章网页中的表单51
6.1表单的工作原理51
6.1.1<script>标记51
6.1.2创建表单51
6.1.3表单域52
6.2通过表单展示不一样的页面52
6.2.1input对象下的多种表单表现形式52
6.2.2text文本框的样式表单53
6.2.3password输入密码的样式表单54
6.2.4checkbox复选框的样式表单55
6.2.5radio单选框的样式表单57
6.2.6submit提交数据的样式表单58
6.2.7hidden隐藏域的样式表单59
6.2.8image样式的表单60
6.2.9file上传文件的样式表单61
6.2.10textarea对象的表单62
6.2.11select对象的表单64
6.2.12表单域集合65
6.3HTML 5表单的进化66
6.3.1早期的表单发展66
6.3.2HTML 5表单的问世66
6.3.3当前的支持情况67
6.3.4新增的表单输入类型67
6.4新增表单特性及元素68
6.4.1form特性68
6.4.2formaction特性68
6.4.3form其他特性69
6.4.4placeholder特性69
6.4.5autofocus特性69
6.4.6autocomplete特性69
6.4.7list特性和datalist元素70
6.4.8keygen元素70
6.4.9output元素70
6.5表单验证API71
6.5.1与验证有关的表单元素特性71
6.5.2表单验证的属性72
6.5.3ValidityState对象72
6.5.4表单验证的方法73
6.5.5表单验证的事件75
6.6拓展训练76
6.6.1训练一:在页面中使用下拉菜单表单元素76
6.6.2训练二:在页面中使用email表单输入元素并设置autofocus属性77
6.7技术解惑77
6.7.1HTML 5新增的表单类型有哪些77
6.7.2HTML 5新增的表单特性有哪些77
第7章音频和视频78
7.1audio和video基础知识78
7.1.1在线多媒体的发展78
7.1.2多媒体术语79
7.1.3HTML 5多媒体文件格式80
7.1.4功能缺陷及未来趋势81
7.2使用HTML 5的audio和video元素81
7.2.1在页面中加入音频和视频81
7.2.2使用source元素82
7.2.3使用脚本检测浏览器的标签支持情况82
7.2.4audio和video的特性和属性83
7.2.5audio和video的方法86
7.2.6audio和video的事件88
7.3练习:做自定义播放工具条89
7.3.1案例简介89
7.3.2网页基本元素90
7.3.3定义全局的视频对象90
7.3.4添加播放暂停、前进和后退功能91
7.3.5添加慢进和快进功能91
7.3.6添加静音和音量功能92
7.3.7添加进度显示功能92
7.4拓展训练93
7.4.1训练一:在页面中插入音频格式93
7.4.2训练二:在页面中插入视频格式,并在页面加载完毕后自动播放93
7.5技术解惑93
7.5.1如何使用合适的音频类型93
7.5.2在网上使用视频的技巧94
第8章在网页中拖放内容95
8.1拖放API95
8.1.1新增的draggable特性95
8.1.2新增的鼠标拖放事件95
8.1.3DataTransfer对象96
8.1.4练习:拖放元素的内容97
8.2文件API100
8.2.1新增的标签特性100
8.2.2FileList对象与File对象101
8.2.3Blob对象102
8.2.4FileReader接口103
8.3练习:把图片拖入浏览器108
8.3.1案例简介108
8.3.2设计网页基本元素108
8.3.3基本函数的实现109
8.3.4页面加载处理109
8.4拓展训练110
8.4.1训练一:使用文件选择框可以一次选取多个文件110
8.4.2训练二:在网页中设置一个层是可以拖动的110
8.5技术解惑110
8.5.1理解拖放API与文件API110
8.5.2如何使用FlieList对象111
第9章网页的本地存储112
9.1本地存储对象Web Storage112
9.1.1Web Storage简介112
9.1.2sessionStorage和localStorage113
9.1.3设置和获取Storage数据115
9.1.4Storage API的属性和方法117
9.1.5存储JSON对象的数据119
9.1.6Storage API的事件122
9.1.7练习:在两个窗口中实现通信122
9.2本地数据库Web SQL Database124
9.2.1Web SQL Database简介124
9.2.2操作Web SQL数据库124
9.2.3练习:基本的数据库操作125
9.3拓展训练129
9.3.1训练一:保存并读取Storage数据129
9.3.2训练二:使用Web SQL数据库向名称为User的表中插入一条记录129
9.4技术解惑130
9.4.1理解本地存储对象130
9.4.2如何使用本地数据库130
第10章绘制图形131
10.1认识Canvas131
10.1.1Canvas的历史131
10.1.2Canvas和SVG及VML之间的差异131
10.2Canvas基本知识132
10.2.1构建Canvas元素132
10.2.2使用JavaScript实现绘图的流程133
10.3使用Canvas绘图135
10.3.1绘制矩形135
10.3.2使用路径137
10.3.3图形组合142
10.3.4绘制曲线144
10.3.5使用图像151
10.3.6剪裁区域153
10.3.7绘制渐变157
10.3.8描边属性159
10.3.9模式161
10.3.10变换163
10.3.11使用文本167
10.3.12阴影效果170
10.3.13状态的保存与恢复171
10.3.14操作像素173
10.4在Canvas中实现动画175
10.5拓展训练179
10.5.1训练一:使用Canvas绘制矩形179
10.5.2训练二:使用Canvas绘制阴影效果180
10.6技术解惑180
10.6.1理解Canvas对象180
10.6.2使用JavaScript实现绘图180
第2篇CSS技术篇
第11章CSS基础知识入门181
11.1什么是CSS181
11.2CSS的写法181
11.2.1基本的样式表的写法181
11.2.2使用类class和标志id链接样式表182
11.2.3创建选择器183
11.2.4应用CSS样式表185
11.3用CSS来修饰页面文本186
11.3.1修饰页面文本字体186
11.3.2文本的字号187
11.3.3文本段落行高187
11.3.4禁止文本自动换行187
11.4给页面对象添加颜色187
11.5CSS 3的发展188
11.5.1模块化的发展188
內容試閱 :
随着互联网信息技术的飞速发展,Web前端开发越来越受到相关行业的重视。虽然目前流行采用各类框架进行前端开发,包括当下流行的微信小程序开发,但传统的HTML、CSS、JavaScript技术仍是构成各种框架的基石,所以要想熟练掌握Web前端开发技术,成为一名合格的从业者,必须要掌握前端开发所需要的HTML、CSS、JavaScript技术。只有熟练掌握了这些技术,才能深入理解与领会各种开发框架,达到事半功倍的效果,为职业前景打下坚实的基础。
目前图书市场上关于HTML、CSS、JavaScript的图书不少,但将三者有机结合、互为补充并达到融会贯通的图书却很少。本书便是从理论到实践,从知识点到具体实例,通过总结、归纳HTML、CSS及JavaScript最核心的知识,结合实例训练,再加上具体案例进行练习拓展,通过各种实例来指导读者从零基础开始到能够应用开发,让读者全面、深入、透彻地理解Web前端开发的基础知识和技术,逐步将读者打造成具有实际开发水平和项目实战能力的Web前端程序员。
本书有何特色
1. 讲解特色
?为了让读者更快地上手,本书特别设计了适合初学者的学习方式,用准确的语言总结概念,用直观的图示演示过程,用详细的注释解释代码,用形象的比喻帮助记忆。
?知识点介绍:在每节的开始或者每个概念的开始,都有知识点介绍,让零基础读者能了解概念,顺利入门。
?范例:为每个实例进行编号,便于检索和循序渐进地学习。
?示例代码:与范例对应,层次清楚,语句简洁,注释丰富。
?运行结果:针对范例的结果给出图示,直观清楚。
?代码解析:针对范例的代码和关键点逐一解释,让读者能融会贯通。
?贴心的提示:全书关键点都给出了提示,让读者能举一反三。
2. 内容特色
?经验丰富:笔者有10多年的编程经验,熟悉Web前端的各项知识细节。
?只讲重点:HTML 5、CSS 3、JavaScript涉及的知识点很多,本书讲解了常用的400多个知识点,其他内容可以参考本书的赠送资料。
?实例众多:针对每个知识点,都给出了典型的示例程序,边学边练习。
3. 本书关键数字
?400多个知识点。
?300个典型范例。
?50000行代码。
?40余个知识表格。
?55个开发技巧。
本书内容及知识体系
第1篇 HTML技术篇(第1~10章)
本篇介绍了HTML相关知识,包括网页中的文本与段落、图像、链接、表单、多媒体、拖放内容、本地存储、页面绘图等内容。
第2篇 CSS技术篇(第11~17章)
本篇介绍了CSS相关知识,包括CSS基础知识、美化文本与背景、DIV CSS布局、盒布局、多列布局、CSS 3自适应布局及动画和渐变等内容。
第3篇 JavaScript技术篇(第18~23章)
本篇介绍了JavaScript相关知识,包括JavaScript程序基础知识、核心语法、核心对象、浏览器对象模型、文档对象模型和JavaScript事件响应等内容。
第4篇 实战篇(第24、25章)
本篇主要介绍了两个微信小程序的开发实例。实例涵盖了从微信小程序项目的搭建、样式的设计、脚本的实现到小程序上线的全部过程。
适合阅读本书的读者
?想从事Web前端开发工作的人员。
?大、中专院校的学生。
?网页制作爱好者。
?参加实习的菜鸟程序员。
?网站前端测试及维护人员。
?微信小程序开发入门人员。
本书由王震、盛立、秦文友共同编写,其中王震(沈阳理工大学艺术设计学院副教授)负责编写第1~11章,盛立(沈阳理工大学艺术设计学院副教授)负责编写第12~23章,秦文友(网名秦子恒,计算机专家)负责编写第24、25章。随着互联网信息技术的飞速发展,Web前端开发越来越受到相关行业的重视。虽然目前流行采用各类框架进行前端开发,包括当下流行的微信小程序开发,但传统的HTML、CSS、JavaScript技术仍是构成各种框架的基石,所以要想熟练掌握Web前端开发技术,成为一名合格的从业者,必须要掌握前端开发所需要的HTML、CSS、JavaScript技术。只有熟练掌握了这些技术,才能深入理解与领会各种开发框架,达到事半功倍的效果,为职业前景打下坚实的基础。
目前图书市场上关于HTML、CSS、JavaScript的图书不少,但将三者有机结合、互为补充并达到融会贯通的图书却很少。本书便是从理论到实践,从知识点到具体实例,通过总结、归纳HTML、CSS及JavaScript最核心的知识,结合实例训练,再加上具体案例进行练习拓展,通过各种实例来指导读者从零基础开始到能够应用开发,让读者全面、深入、透彻地理解Web前端开发的基础知识和技术,逐步将读者打造成具有实际开发水平和项目实战能力的Web前端程序员。
本书有何特色
1. 讲解特色
?为了让读者更快地上手,本书特别设计了适合初学者的学习方式,用准确的语言总结概念,用直观的图示演示过程,用详细的注释解释代码,用形象的比喻帮助记忆。
?知识点介绍:在每节的开始或者每个概念的开始,都有知识点介绍,让零基础读者能了解概念,顺利入门。
?范例:为每个实例进行编号,便于检索和循序渐进地学习。
?示例代码:与范例对应,层次清楚,语句简洁,注释丰富。
?运行结果:针对范例的结果给出图示,直观清楚。
?代码解析:针对范例的代码和关键点逐一解释,让读者能融会贯通。
?贴心的提示:全书关键点都给出了提示,让读者能举一反三。
2. 内容特色
?经验丰富:笔者有10多年的编程经验,熟悉Web前端的各项知识细节。
?只讲重点:HTML 5、CSS 3、JavaScript涉及的知识点很多,本书讲解了常用的400多个知识点,其他内容可以参考本书的赠送资料。
?实例众多:针对每个知识点,都给出了典型的示例程序,边学边练习。
3. 本书关键数字
?400多个知识点。
?300个典型范例。
?50000行代码。
?40余个知识表格。
?55个开发技巧。
本书内容及知识体系
第1篇 HTML技术篇(第1~10章)
本篇介绍了HTML相关知识,包括网页中的文本与段落、图像、链接、表单、多媒体、拖放内容、本地存储、页面绘图等内容。
第2篇 CSS技术篇(第11~17章)
本篇介绍了CSS相关知识,包括CSS基础知识、美化文本与背景、DIV CSS布局、盒布局、多列布局、CSS 3自适应布局及动画和渐变等内容。
第3篇 JavaScript技术篇(第18~23章)
本篇介绍了JavaScript相关知识,包括JavaScript程序基础知识、核心语法、核心对象、浏览器对象模型、文档对象模型和JavaScript事件响应等内容。
第4篇 实战篇(第24、25章)
本篇主要介绍了两个微信小程序的开发实例。实例涵盖了从微信小程序项目的搭建、样式的设计、脚本的实现到小程序上线的全部过程。
适合阅读本书的读者
?想从事Web前端开发工作的人员。
?大、中专院校的学生。
?网页制作爱好者。
?参加实习的菜鸟程序员。
?网站前端测试及维护人员。
?微信小程序开发入门人员。
本书由王震、盛立、秦文友共同编写,其中王震(沈阳理工大学艺术设计学院副教授)负责编写第1~11章,盛立(沈阳理工大学艺术设计学院副教授)负责编写第12~23章,秦文友(网名秦子恒,计算机专家)负责编写第24、25章。