您好,欢迎来中公教育! 请登录 免费注册

全部商城产品分类

收藏商品 (11921人气)
实用Web前端开发:轻松学 HTML5+CSS3+JavaScript
Web前端开发·扫书内二维码-听课程讲解

 

商城价49.50 今日促销
定 价¥90.00
作 者中公教育优就业研究院
出版时间20180101
出版社世界图书出版公司
ISBN9787519239879
  • 销量
  • 累积评价0
数量 有库存
服务承诺   按时发货   售后无忧
支付方式
线上支付银行转账
  • 商品详情
  • 图书评价(0条)
  • 增值服务
作 者:中公教育优就业研究院
出版社:世界图书出版公司
出版时间:20180101
版 次:1
装 帧:平装
开  本:16开
ISBN:9787519239879
  商品介绍

    《中公版·实用Web前端开发:轻松学 HTML5+CSS3+JavaScript》分为HTML5(第1章至第6章)、 CSS3(第7章至第13章)、JavaScript(第14章至第23章)三个部分。HTML5部分主要讲解了HTML5的语法、标签、结构元素、音频视频属性、表单与文件、画布等。CSS3 部分主要介绍了CSS样式文件的引用方法,CSS3属性选择器、字体与文本、盒模型、背景与边框、动画特效等。JavaScript部分介绍了JavaScript的语法、变量作用域、DOM编程、BOM、事件机制、引用类型、面向对象的编程方式、存储与离线应用、创建多线程。

  目录

HTML5篇
1.1HTML历史与HTML53
1.1.1HTML发展历史3
1.1.2HTML5文件的基本结构3
1.2HTML5的优势4
1.2.1解决了跨浏览器问题4
1.2.2明确的语义支持5
1.2.3部分属性代替了原来的JavaScript6
1.3HTML5文件的编写方法6
1.3.1使用记事本编写HTML文件6
1.3.2使用DreamweaverCC编写HTML文件7
2.1语法10
2.1.1HTML5的语法变化10
2.1.2HTML5的标记方法12
2.1.3HTML5与其他版本互相兼容13
2.2HTML5保留的常用标签13
2.2.1基本标签13
2.2.2文本格式化标签15
2.2.3超链接和锚点16
2.2.4列表相关标签17
2.2.5图像相关标签18
2.2.6表格相关标签19
2.2.7框架相关标签22
2.3新增的常用标签22
2.3.1文档结构标签22
2.3.2语义相关标签25
2.4HTML5的通用属性26
2.4.1contentEditable属性26
2.4.2designMode属性26
2.4.3hidden属性27
2.4.4tabindex属性27
2.4.5spellcheck属性28
2.5HTML5中新增属性与不再使用的属性28
2.5.1新增的属性28
2.5.2不再使用的属性33
3.1主体结构元素35
3.1.1header元素35
3.1.2article元素36
3.1.3section元素38
3.1.4nav元素40
3.1.5aside元素41
3.1.6footer元素43
3.1.7address元素44
3.2分组元素45
3.2.1hgroup元素45
3.2.2figure元素和figcaption元素45
3.3文本语义元素48
3.3.1mark元素49
3.3.2time元素50
3.3.3wbr元素50
3.3.4ruby元素、rt元素和rp元素51
3.4功能元素51
3.4.1meter元素51
3.4.2progress元素52
3.4.3details元素52
3.4.4summary元素52
3.5音频和视频元素53
3.5.1video元素53
3.5.2audio元素54
3.5.3用JavaScript控制video元素、audio元素54
4.1了解表单57
4.1.1表单概述57
4.1.2表单的基本结构57
4.1.3表单的新增属性58
4.1.4新增表单元素使用样式的方法60
4.2input元素类型60
4.2.1email类型60
4.2.2url类型61
4.2.3number类型61
4.2.4range类型62
4.2.5date类型和time类型62
4.3HTML5为表单控件新增的属性62
4.4表单验证64
4.4.1自动验证64
4.4.2显示验证66
4.4.3取消验证67
4.4.4自定义错误信息67
4.5文件API68
4.5.1FileReader接口68
4.5.2FileList对象与file对象69
4.6拖放API72
4.6.1拖放API简介72
4.6.2实现拖放的步骤72
4.6.3DataTransfer对象的属性与方法74
5.1video元素与audio元素简介75
5.2video和audio的属性76
5.3video和audio的方法84
5.4相关事件86
5.4.1事件处理方式86
5.4.2事件介绍87
5.4.3事件监听88
6.1canvas基础90
6.1.1canvas元素90
6.1.2浏览器支持91
6.2绘制矩形91
6.2.1rect()方法91
6.2.2fillRect()方法92
6.2.3strokeRect()方法93
6.3使用路径93
6.3.1绘制圆形94
6.3.2moveTo与lineTo95
6.3.3绘制基本图形95
6.3.4使用bezierCurveTo()方法绘制贝塞尔曲线98
6.4绘制颜色渐变99
6.4.1线性渐变99
6.4.2径向渐变100
6.5绘制文本101
6.5.1绘制普通文本101
6.5.2绘制阴影文本102
6.6使用图像104
6.6.1绘制图像104
6.6.2图像平铺106
6.6.3图像裁剪108
6.6.4像素处理109
6.7图像的保存与恢复110
6.7.1保存与恢复状态110
6.7.2保存文件112
6.8简单动画制作113
CSS3篇
7.1了解CSS3117
7.1.1CSS发展历史117
7.1.2CSS3的优缺点117
7.2CSS3能做什么118
8.1引入外部样式文件120
8.2导入外部样式121
8.3使用内部CSS样式122
8.4使用内联样式123
8.5优先级问题124
9.1选择器概述127
9.2属性选择器127
9.2.1属性选择器简介127
9.2.2CSS3中的属性选择器127
9.2.3灵活运用属性选择器131
9.3结构性伪类选择器131
9.3.1伪类选择器及伪元素选择器131
9.3.2结构性伪类选择器133
9.4目标伪类选择器137
9.5UI元素状态伪类选择器138
9.5.1E:hover、E:active和E:focus伪类选择器139
9.5.2E:enabled与E:disabled伪类选择器140
9.5.3E:read-only与E:read-write伪类选择器140
9.5.4E:checked、E:default和E:indeterminate伪类选择器141
9.5.5E::selection伪类选择器143
9.6通用兄弟元素选择器144
9.7元素选择器145
9.8ID选择器145
9.9class选择器146
9.10ID选择器与class选择器的优先级问题146
10.1字体属性147
10.1.1字体(font-family)147
10.1.2字号(font-size)147
10.1.3字体风格(font-style)149
10.1.4加粗字体(font-weight)149
10.1.5字体的复合属性(font)150
10.1.6字体颜色(color)151
10.2文本高级样式152
10.2.1阴影文本(text-shadow)152
10.2.2溢出文本(text-overflow)153
10.2.3控制换行(word-wrap)154
10.2.4字体尺寸控制(font-size-adjust)155
10.3段落设置157
10.3.1单词间隔(word-spacing)157
10.3.2字符间隔(letter-spacing)158
10.3.3文字修饰(text-decoration)159
10.3.4水平对齐方式(text-align)160
10.3.5垂直对齐方式(vertical-align)161
10.3.6文本缩进(text-indent)163
10.3.7文本行高(line-height)164
10.3.8文本反排(unicode-bidi和direction)165
10.4自定义字体166
11.1盒的类型168
11.1.1基本类型168
11.1.2inline-block和inline-table类型168
11.1.3表格相关盒模型170
11.1.4list-item盒模型171
11.2盒属性172
11.2.1overflow属性172
11.2.2text-overflow属性173
11.2.3box-shadow属性174
11.2.4box-sizing属性和resize属性174
11.2.5box-orient属性175
11.2.6box-flex属性176
11.2.7box-direction属性177
11.3布局介绍178
11.3.1float属性及clear属性178
11.3.2columns属性181
11.3.3弹性盒布局182
12.1背景相关属性186
12.2新增的背景属性187
12.2.1background-clip属性187
12.2.2background-origin属性189
12.2.3background-size属性190
12.2.4background-break属性193
12.3多背景图设置193
12.4边框的设置194
12.4.1border-radius属性194
12.4.2border-color属性197
12.4.3border-image属性198
13.1Transform202
13.1.1Transform的基础知识202
13.1.2Transform的分类203
13.1.3同时进行多种变换214
13.2Transition215
13.2.1Transition功能的使用方法215
13.2.2同时过渡多个属性217
13.3Animation218
13.3.1Animation功能的使用方法218
13.3.2多个属性同时改变的动画219
JavaScript篇
14.1JavaScript语言简介223
14.2JavaScript开发及运行环境224
15.1语法225
15.1.1区分大小写225
15.1.2注释225
15.1.3严格模式226
15.1.4标识符226
15.2保留关键字227
15.3变量228
15.3.1变量命名规则228
15.3.2变量声明228
15.3.3基本类型值和引用类型值229
15.4基本数据类型232
15.4.1Typeof操作符232
15.4.2Undefined类型233
15.4.3Null类型233
15.4.4Boolean类型233
15.4.5Number类型234
15.4.6String类型236
15.5复合类型240
15.5.1对象240
15.5.2数组240
15.5.3函数242
15.6运算符244
15.6.1赋值运算符244
15.6.2算术运算符244
15.6.3位运算符245
15.6.4比较运算符246
15.6.5逻辑运算符250
15.6.6三目运算符251
15.6.7逗号运算符252
15.7语句252
15.7.1if语句252
15.7.2do-while语句255
15.7.3while语句256
15.7.4for语句256
15.7.5for-in语句257
15.7.6break语句和continue语句258
15.7.7with语句260
15.7.8switch语句260
15.8函数262
15.8.1函数定义263
15.8.2函数调用265
15.8.3函数的实参和形参268
15.8.4递归函数268
15.8.5闭包269
15.8.6函数的实例属性和方法270
15.9私有变量271
16.1函数作用域272
16.2作用域链273
17.1DOM概述274
17.2节点层次275
17.2.1元素节点275
17.2.2文本节点276
17.2.3属性节点278
17.2.4注释节点279
17.2.5文档类型节点280
17.2.6CSS281
17.2.7JavaScript获取元素的方式281
17.3DOM的操作技术283
17.3.1修改HTML元素283
17.3.2表格操作286
17.4DOM扩展289
17.4.1选择符API290
17.4.2元素遍历291
17.4.3HTML5中类的操作291
17.4.4焦点管理292
17.4.5HTMLDocument的变化293
17.4.6字符编码294
17.4.7自定义数据属性295
17.4.8样式的相关特性296
18.1window对象300
18.1.1全局的window对象301
18.1.2访问历史305
18.2访问URL306
18.3弹出新窗口307
18.3.1对话框309
18.3.2浏览器和屏幕信息311
18.3.3使用定时器313
19.1基本事件模型314
19.1.1绑定HTML元素属性316
19.1.2绑定DOM对象属性317
19.1.3事件处理函数和关键字this317
19.2事件流319
19.2.1事件冒泡320
19.2.2事件捕获320
19.3事件对象321
19.3.1DOM中的事件对象321
19.3.2IE中的事件对象322
19.3.3跨浏览器事件对象323
19.4事件类型328
19.4.1鼠标事件328
19.4.2键盘事件329
19.4.3文本事件331
19.4.4HTML5事件333
19.4.5设备事件336
19.4.6触摸事件338
19.5DOM的事件模型340
19.5.1绑定的事件处理器340
19.5.2访问事件对象341
19.5.3转发事件343
19.5.4取消事件的默认行为345
19.5.5事件委托345
19.6表单事件348
19.6.1elements[]表单对象集合348
19.6.2提交表单349
19.6.3重置表单350
19.6.4获取焦点事件351
19.6.5失去焦点事件352
19.7oncontextmenu事件353
20.1Object类型358
20.2Array类型359
20.2.1创建数组的方式359
20.2.2操作数组的方法362
20.3Date类型366
20.4RegExp类型369
20.5Function类型372
20.5.1使用函数声明定义函数372
20.5.2使用函数表达式定义函数373
20.5.3函数重载373
20.5.4arguments374
20.5.5this对象375
20.5.6函数的属性和方法376
21.1理解对象378
21.1.1面向对象的概念378
21.1.2属性类型379
21.1.3对象和关联数组382
21.2创建对象383
21.2.1使用构造函数创建对象383
21.2.2使用Object直接创建对象384
21.2.3使用JSON语法创建对象385
21.3继承386
21.3.1原型链386
21.3.2原型继承388
21.3.3多重继承389
21.3.4寄生式继承390
21.3.5原型继承与属性拷贝的混合应用392
21.3.6借用构造函数392
21.3.7组合继承393
21.3.8对象拷贝394
21.3.9constructor属性和instanceof运算符398
22.1WebStorage400
22.1.1Storage接口400
22.1.2简单Web留言本403
22.1.3存储结构化数据404
22.2cookie406
22.3离线应用410
22.3.1离线检测411
22.3.2本地缓存、浏览器网页缓存与离线应用的区别412
22.3.3application对象412
22.3.4离线应用的事件与监听413
23.1WebWorker可用的API416
23.2创建多线程417
23.3数据交换418
23.3.1主线程与子线程之间的数据交换418
23.3.2子线程之间的数据交换419
23.4线程嵌套420

  编辑推荐

    《中公版·实用Web前端开发:轻松学 HTML5+CSS3+JavaScript》分为HTML5、 CSS3、JavaScript三个部分,每一部分都从基础知识入手,逐步深入,结合大量的代码示例,帮助读者在了解理论知识的基础上,提高实战能力,既可作为Web前端开发初学者的入门教材,又可作为中高级开发者进一步学习新技术的参考用书。本书采用双色印刷,图文结合,讲解详细明确,而且大部分章节配有二维码视频进行重难点讲解,使读者在掌握基础知识的基础上,具备较强的实际操作能力,读者扫描二维码即可实现在线学习,操作便捷高效。

  文摘

  第1章HTML5简介
  第1章
  HTML5简介
  视频讲解
  1.1HTML历史与HTML5
  HTML(超文本标记语言)的全称是HyperTextMarkupLanguage。超文本标记语言是标准通用标记语言下的一个应用,是一种规范,一种标准。它通过标记符号告诉浏览器如何显示其中的内容,如文字如何处理、画面如何安排、图片如何显示等。简单来说,HTML就是用来描述网页的一种语言,为网页创建和其他可在网页浏览器中看到的信息而设计。
  HTML不是一种编程语言,而是一种标记语言(markuplanguage),它使用标记标签(markuptag)来描述网页。
  1.1.1HTML发展历史
  HTML从面世到标准规范最终制定完成并公开发布,凝结了大量网络工作者心血。
  HTML1.0:1993年6月,HTML1.0作为互联网工程工作小组(IETF)工作草案发布。
  HTML2.0:1995年11月,HTML2.0发布,但在2000年6月被宣布已经过时。
  HTML3.2:W3C组织于1997年1月14日发布,是W3C推荐标准。
  HTML4.0:W3C组织于1997年12月18日发布,是W3C推荐标准。
  HTML4.01:基于HTML4.0进行了微小改进,W3C组织于1999年12月24日发布,是W3C推荐标准。
  XHTML1.0:W3C组织于2000年1月26日发布,是W3C推荐标准,后来经过修订于2002年8月1日重新发布。
  HTML5:2014年10月28日发布,是W3C推荐标准。
  HTML语言从1.0到5.0经历了巨大的变化,HTML3.2和HTML4.01是常见的版本。HTML5是HTML最新的修订版本,是下一代HTML标准。HTML5仍处于完善之中,但大部分现代浏览器已经具备了某些HTML5支持。
  1.1.2HTML5文件的基本结构
  在学习HTML5相关知识之前,我们必须对HTML5文档结构有初步的了解。代码示例1-1为基本的HTML5文档结构。
  
  


  
  
  
  

 

 


  
  
  

  页面内容
  



  
  代码示例1-1
  在本书的代码示例中,如…间无内容,此后的代码示例只列举代码示例1-1中加粗部分的代码。
  从代码示例1-1的基本结构可以看出,HTML5Web页面中的DOCTYPE(文档结构类型声明)相比HTML4.01(代码示例1-2),得到了很大程度的简化。
  
  代码示例1-2
  字符集的声明也由原来的简化为。
  HTML5的根元素依然是html,html元素包含标签和标签。标签用来定义文档的头部信息。标签用来定义页面主体,包含页面的文本内容和绝大部分标签。
  1.2HTML5的优势
  HTML5正式推出以来,便以惊人的速度迅速推广着。各主流浏览器对其表现出了极大的热情和强烈的支持,开始对旗下产品升级更新以支持HTML5的新功能,而浏览器的实质性发展和反馈也促使HTML5规范得以持续完善。HTML5标准规范的完善,也必将开启一个崭新的互联网时代。
  1.2.1解决了跨浏览器问题
  在之前的HTML版本中,各浏览器对HTML、JavaScript的支持并不统一,这就使同一页面在不同浏览器中的表现不同,解决跨浏览器问题成了前端开发人员的一个重大课题。而HTML5的目标就是将Web带入一个成熟的应用平台,在HTML5平台上,视频、音频、图像、动画,以及电脑的交互都被标准化。
  目前,各主流浏览器(如IE、Chrome、Firefox、Safari、Opera)都纷纷采取措施以支持HTML5,微软也对新的互联网通用标准表示了赞同和支持。
  HTML5doctype可用于所有的浏览器,甚至包括IE6。虽然老的浏览器可以识别HTML5doctype,但并不意味着它们能够处理所有新的HTML5标签和特性。HTML5会让问题简单化,具备友好的跨浏览器性能。针对不支持新标签的老式IE浏览器,我们只要简单添加JavaScriptshiv代码,就可以让它们使用新的标签。
  1.2.2明确的语义支持
  我们来看一下HTML4中常见的一种页面结构代码,如代码示例1-3所示。
  
  HTML4文档的头部
  HTML4文档的导航
  
  HTML4文档的主要内容
  
  HTML4文档主要内容区域的侧边导航或菜单
  HTML4文档的页脚
  
  代码示例1-3
  而在HTML5中将以代码示例1-4的形式呈现以上代码块。
  
  

HTML5文档的头部区域

  


  


  HTML5文档的主要内容
  

  


  

HTML5文档的页脚

  
  代码示例1-4
  由代码示例1-3与代码示例1-4对比可知,在之前的HTML版本中,HTML的文档结构主要由标签div元素布局实现,通过class、id的不同来区分元素所在区块的内容含义。但显然,大篇幅div布局的方式并不能把文档的结构表达得很清楚。HTML5则为页面布局提供了更明确的语义元素,如

100.0%好评度
  • 好评100.0%
  • 中评00.0%
  • 差评00.0%
我购买过这本书我要评价

暂无评语

显示 0 - 0 之 0 (共计 0 页)
销量排行榜


  • 咨询热线
  • 400-6509-705
  • 邮箱:book@offcn.com

放假通知

国庆期间
10.1-8号顾客自助下单,顺序发货,客服暂不咨询。