新書推薦:
《
超越百岁看这本就够了
》
售價:HK$
57.3
《
亚洲戏剧史·南亚卷
》
售價:HK$
147.2
《
中国历代竹器图谱与数字活化
》
售價:HK$
572.7
《
EDA技术与设计(第2版)
》
售價:HK$
87.3
《
揉碎浪漫(全两册)
》
售價:HK$
72.2
《
古籍善本
》
售價:HK$
552.0
《
人民币国际化报告2024:可持续全球供应链体系与国际货币金融变革
》
售價:HK$
89.7
《
道德经新注 81幅作者亲绘哲理中国画,图文解读道德经
》
售價:HK$
147.2
|
編輯推薦: |
本书特色:
(1)完全基于Web标准和响应式Web设计思想,所有示例均通过W3C标准检验;
(2)一个完整的实例网站贯穿全书,相关知识点分解到实例网站的具体环节中;
(3)配套资源丰富,包括教学大纲、教学课件、程序源码、习题答案和850分钟的微课视频。
|
內容簡介: |
本书基于Web标准和响应式Web设计思想,深入浅出地介绍Web前端技术的基础知识,涵盖 HTML5、CSS3和ES6的**内容。全书以实战驱动知识点,以案例贯穿实战,内容翔实,结构合理,语言精练,表达简明,实用性强,易于自学。 全书共分23章。第1章介绍Web技术的基本概念、Web体系结构、超文本与标记语言、Web标准的组成和常用浏览器; 第2~7章重点介绍Web标准的结构标准HTML5常用的元素标签及应用; 第8~13章介绍Web标准的表现标准CSS3常用的属性及应用; 第14章介绍网站制作流程与发布过程; 第15~23章介绍Web标准的行为标准ECMAScript6、DOM和BOM的基础知识及应用。 本书可作为高等院校计算机及相关专业的教材,也可作为相关培训机构的培训教材以及对Web前端技术感兴趣 的读者的参考书。
|
目錄:
|
第1章Web技术概述
1.1Internet概述
1.1.1TCP/IP
1.1.2主机和IP地址
1.1.3域名和DNS
1.2Web概述
1.2.1Web历史
1.2.2Web体系结构
1.2.3基本Web技术
1.2.4Web服务器
1.3超文本与标记语言
1.3.1超文本
1.3.2标记语言
1.4Web标准
1.5浏览器
1.5.1浏览器历史
1.5.2浏览器内核
1.5.3常用浏览器
1.5.4标准浏览器
1.6Web开发工具
1.6.1Visual Studio Code
1.6.2测试和调试环境
1.7小结
1.8习题
第2章初识HTML5
2.1HTML5基础
2.1.1文档结构
2.1.2元素与标签
2.1.3元素属性
2.1.4语法规则
2.2Visual Studio Code基础
2.2.1Visual Studio Code安装及
设置
2.2.2Visual Studio Code基本操作
2.3文档结构标签
2.3.1html标签
2.3.2head标签
2.3.3body标签
2.4头部元素标签
2.4.1title标签
2.4.2meta标签
2.4.3link标签
2.5“叮叮书店”项目首页添加头部信息
2.6小结
2.7习题
第3章HTML5网页内容结构与文本
3.1结构标签
3.1.1header标签
3.1.2main标签
3.1.3nav标签
3.1.4article标签
3.1.5section标签
3.1.6aside标签
3.1.7footer标签
3.1.8details和summary
标签
3.2基础标签
3.2.1h1~h6标签
3.2.2p标签
3.2.3br标签
3.2.4!…标签
3.2.5pre标签
3.2.6div标签
3.2.7span标签
3.3列表标签
3.3.1ul标签
3.3.2ol标签
3.3.3dl标签
3.4引用和术语定义标签
3.5格式标签
3.6网页常见内容结构
3.7HTML5调试
3.8“叮叮书店”项目首页内容结构和
文本
3.8.1用结构标签建立内容结构
3.8.2在内容结构中添加文本
3.9小结
3.10习题
第4章HTML5超链接
4.1a标签
4.1.1href属性
4.1.2download属性
4.1.3target属性
4.1.4id属性
4.2HTML5字符集
4.2.1字符集
4.2.2字符实体
4.3MathML
4.3.1MathML参考手册
4.3.2MathML浏览器兼容性
4.4小结
4.5习题
第5章HTML5多媒体与嵌入
5.1图像
5.1.1img标签
5.1.2map标签和area标签
5.1.3figure标签和figcaption
标签
5.2响应式图像
5.2.1像素与设备像素比
5.2.2img标签的srcset和sizes
属性
5.2.3picture标签
5.3音视频
5.3.1video标签
5.3.2audio标签
5.4其他嵌入元素
5.4.1iframe标签
5.4.2embed标签
5.4.3object标签
5.5“叮叮书店”项目首页超链接和图像的
使用
5.6小结
5.7习题
第6章HTML5表格
6.1表格
6.1.1表格结构
6.1.2表格标签
6.2常用表格标签
6.2.1table标签
6.2.2tr标签
6.2.3th标签
6.2.4td标签
6.2.5colgroup和 col标签
6.2.6caption标签
6.2.7thead、tbody和tfoot
标签
6.3嵌套表格
6.4“叮叮书店”项目购物车页面的建立
6.5小结
6.6习题
第7章HTML5表单
7.1表单
7.2表单域
7.2.1input标签
7.2.2textarea标签
7.2.3label标签
7.2.4fieldset标签
7.2.5select标签
7.2.6option标签
7.2.7optgroup标签
7.2.8button标签
7.2.9datalist标签
7.3表单数据校验
7.3.1内置表单数据校验
7.3.2正则表达式校验
7.4“叮叮书店”项目客户服务页面的
建立
7.5“叮叮书店”项目首页添加站内搜索
7.6小结
7.7习题
第8章初识CSS3
8.1概述
8.2规则
8.2.1语法
8.2.2注释
8.3选择器
8.3.1基本选择器
8.3.2组合选择器
8.4属性
8.5数据类型
8.5.1字符数据类型
8.5.2数值数据类型
8.5.3特殊数据类型
8.5.4CSS函数
8.6使用方式
8.7层叠性
8.8使用Chrome开发者工具检查
编辑页面及样式
8.9小结
8.10习题
第9章CSS3盒模型与定位
9.1盒模型
9.1.1概述
9.1.2盒模型大小
9.1.3padding属性
9.1.4border属性
9.1.5margin属性
9.1.6outline属性
9.1.7boxshadow属性
9.1.8opacity属性
9.2盒模型显示模式
9.2.1display属性
9.2.2常用元素默认显示模式
9.3定位
9.3.1position属性
9.3.2zindex属性
9.4浮动
9.4.1float属性
9.4.2clear属性
9.5可见与溢出
9.5.1visibility属性
9.5.2overflow属性
9.5.3cursor属性
9.6小结
9.7习题
第10章CSS3页面布局
10.1伸缩盒
10.1.1伸缩项目属性
10.1.2伸缩容器属性
10.2网格
10.2.1网格布局的基本概念
10.2.2基于网格线定位网格
项目
10.2.3网格模板区域
10.2.4网格布局的自动定位
10.2.5网格布局的盒模型对齐
10.2.6网格与伸缩盒
10.3媒体查询
10.4默认样式
10.5基本布局模板
10.5.1固定布局
10.5.2响应式布局
10.6“叮叮书店”项目首页布局样式
设计
10.7小结
10.8习题
第11章CSS3元素外观属性
11.1背景
11.1.1backgroundcolor属性
11.1.2backgroundimage属性
11.1.3backgroundrepeat属性
11.1.4backgroundposition属性
11.1.5backgroundattachment
属性
11.1.6backgroundorigin属性
11.1.7backgroundclip属性
11.1.8backgroundsize属性
11.2字体
11.2.1fontfamily属性
11.2.2fontsize属性
11.2.3fontstyle属性
11.2.4fontweight属性
11.2.5@fontface规则
11.3文本
11.3.1lineheight属性
11.3.2textindent属性
11.3.3textalign属性
11.3.4letterspacing属性
11.3.5texttransform属性
11.3.6whitespace属性
11.3.7textdecoration属性
11.3.8textshadow属性
11.3.9wordbreak和wordwrap
属性
11.3.10columns属性
11.4列表
11.4.1liststyletype属性
11.4.2liststyleimage属性
11.4.3liststyleposition属性
11.5表格
11.5.1表格属性
11.5.2改善表格显示效果
11.6“叮叮书店”项目首页外观样式
设计
11.7小结
11.8习题
第12章CSS3伪类和伪元素
12.1伪类
12.1.1超链接伪类
12.1.2结构性伪类
12.1.3子元素伪类
12.1.4UI伪类
12.2伪元素
12.2.1::firstline
12.2.2::firstletter
12.2.3::before和::after
12.3内容
12.3.1content属性
12.3.2counterincrement属性
12.3.3quotes属性
12.4导航菜单
12.5“叮叮书店”项目首页伪类和
伪元素样式设计
12.6小结
12.7习题
第13章CSS3变换、过渡和动画
13.1变换
13.1.1CSS变换坐标
13.1.2transform属性
13.1.3transformorigin属性
13.1.4transformstyle属性
13.2过渡
13.2.1transitionproperty属性
13.2.2transitionduration属性
13.2.3transitiontimingfunction
属性
13.2.4transitiondelay属性
13.3动画
13.3.1@keyframes规则
13.3.2animation属性
13.4“叮叮书店”项目首页变换、过渡
和动画样式设计
13.5“叮叮书店”项目首页响应式
样式设计
13.6小结
13.7习题
第14章网站制作流程与发布
14.1网站制作流程
14.2模板
14.3基于模板建立“叮叮书店”项目
其他页面
14.3.1图书分类(category.html)
14.3.2电子书(ebook.html)
14.3.3客户服务(contact.html)
14.3.4关于我们(about.html)
14.3.5详细内容(details.html)
14.3.6购物车(cart.html)
14.4网站发布
14.5小结
14.6习题
第15章初识ES6
15.1JavaScript
15.1.1JavaScript历史
15.1.2JavaScript组成
15.1.3JavaScript的使用
15.1.4JavaScript加载原理
15.1.5JavaScript消息框
15.1.6console对象与控制台
15.2ES6基础
15.2.1语法基础
15.2.2常量
15.2.3变量
15.2.4标识符
15.3数据类型
15.3.1undefined
15.3.2null
15.3.3boolean
15.3.4number
15.3.5bigint
15.3.6string
15.3.7symbol
15.3.8数据类型转换
15.4运算符
15.4.1一元运算符
15.4.2算术运算符
15.4.3关系运算符
15.4.4布尔运算符
15.4.5其他运算符
15.5基本语句
15.5.1条件语句
15.5.2循环语句
15.5.3break和continue语句
15.6使用Chrome开发者工具调试
程序
15.7小结
15.8习题
第16章ES6引用类型
16.1引用类型
16.2数组
16.2.1array定义
16.2.2length属性
16.2.3数组遍历
16.2.4数组空位
16.3函数
16.3.1函数定义
16.3.2函数作用域
16.3.3函数参数
16.3.4函数立即调用
16.3.5函数嵌套
16.3.6闭包
16.3.7函数属性和方法
16.4对象
16.4.1对象概述
16.4.2对象属性操作
16.4.3with语句
16.4.4构造函数
16.5...运算符
16.5.1剩余参数
16.5.2展开语法
16.6模板字符串和标签函数
16.6.1模板字符串
16.6.2标签函数
16.7解构赋值
16.7.1数组解构赋值
16.7.2对象解构赋值
16.7.3其他解构赋值
16.8错误处理机制
16.8.1Error实例对象
16.8.2原生错误类型
16.8.3try…catch…finally语句
16.8.4throw语句
16.9小结
16.10习题
第17章ES6标准内置对象
17.1ECMAScript对象类型
17.2全局对象
17.2.1全局属性
17.2.2全局函数(方法)
17.3Object对象
17.3.1Object函数
17.3.2Object对象属性
17.3.3Object对象方法
17.3.4属性描述对象
17.3.5控制对象状态
17.4Math对象
17.4.1Math对象属性
17.4.2Math对象方法
17.5Array对象
17.5.1Array对象静态方法
17.5.2Array对象实例方法
17.5.3Iterator接口
17.6包装对象
17.6.1Boolean对象
17.6.2Number对象
17.6.3String对象
17.7BigInt对象
17.8Date对象
17.8.1Date对象静态方法
17.8.2Date对象实例方法
17.8.3“叮叮书店”项目首页显示
日期和时间
17.9RegExp对象
17.9.1RegExp实例属性和方法
17.9.2与正则表达式相关的
String实例方法
17.9.3匹配规则
17.10Set和Map对象
17.10.1Set对象
17.10.2WeakSet对象
17.10.3Map对象
17.10.4WeakMap对象
17.11小结
17.12习题
第18章ES6面向对象编程
18.1对象类型和对象实例
18.1.1new运算符
18.1.2Object.create()
18.2this关键字
18.2.1使用环境
18.2.2绑定this
18.2.3super关键字
18.3对象继承
18.3.1原型对象
18.3.2构造函数继承
18.3.3多重继承
18.3.4相关方法
18.4严格模式
18.4.1启用严格模式
18.4.2显式报错
18.4.3语法安全保护
18.4.4静态绑定
18.5类
18.5.1定义类
18.5.2类的静态属性方法
18.5.3类的继承
18.5.4new.target属性
18.6模块
18.6.1export语句
18.6.2import语句
18.6.3重导出
18.7小结
18.8习题
第19章文档对象模型
19.1DOM概述
19.1.1DOM简介
19.1.2节点
19.1.3节点树
19.2Node接口
19.2.1Node接口属性
19.2.2Node接口方法
19.2.3节点集合
19.2.4父节点和子节点
19.3Document节点
19.3.1集合
19.3.2属性
19.3.3方法
19.4Element节点
19.4.1实例属性
19.4.2实例方法
19.5Attr节点
19.5.1element.attributes属性
19.5.2属性操作方法
19.6Text节点
19.6.1属性
19.6.2方法
19.7DocumentFragment节点
19.8CSS Object Model
19.8.1CSSStyleDeclaration接口
19.8.2CSS对象
19.8.3StyleSheet和CSSStyleSheet
接口
19.8.4CSSRuleList接口
19.8.5CSSRule接口
19.9“叮叮书店”项目首页图片轮播
广告的实现
19.10小结
19.11习题
第20章DOM事件
20.1DOM事件模型
20.1.1事件模型
20.1.2Event对象
20.2鼠标事件
20.2.1MouseEvent接口
20.2.2MouseEvent实例属性
20.2.3MouseEvent实例方法
20.2.4WheelEvent接口
20.3键盘事件
20.3.1KeyboardEvent接口
20.3.2KeyboardEvent实例属性
20.3.3KeyboardEvent实例方法
20.4表单事件
20.4.1表单事件类型
20.4.2InputEvent接口
20.5其他事件
20.5.1资源事件
20.5.2session历史事件
20.5.3网页状态事件
20.5.4窗口事件
20.5.5剪贴板事件
20.5.6焦点事件
20.6拖放事件
20.6.1拖放时触发的事件
20.6.2dataTransfer接口
20.7“叮叮书店”项目电子书页面
拖放图书到购物车
20.8小结
20.9习题
第21章HTML元素接口
21.1HTML元素接口概述
21.2HTMLAnchorElement
21.3HTMLAudioElement和
HTMLVideoElement
21.4HTMLImageElement
21.5HTMLInputElement
21.5.1HTMLInputElement实例
属性
21.5.2HTMLInputElement实例
方法
21.6HTMLSelectElement和
HTMLOptionElement
21.6.1HTMLSelectElement
21.6.2HTMLOptionElement
21.7HTMLButtonElement
21.8HTMLFormElement
21.8.1HTMLFormElement实例
属性和方法
21.8.2表单内置验证
21.8.3“叮叮书店”项目客户服务
页面表单数据验证
21.9HTMLCanvasElement
21.9.1canvas绘画基础
21.9.2使用路径
21.9.3绘制文本
21.9.4绘制图像
21.10“叮叮书店”项目首页彩蛋小
游戏——石头剪子布
21.11小结
21.12习题
第22章浏览器对象模型
22.1BOM概述
22.2window对象
22.2.1window对象属性
22.2.2window对象方法
22.3navigator对象
22.4screen对象
22.5location、URL和URLSearchParams
对象
22.5.1location对象
22.5.2URL接口
22.6history对象
22.6.1history对象的属性和
方法
22.6.2popstate事件
22.7ArrayBuffer、blob、file、FileList和
FileReader对象
22.7.1ArrayBuffer对象
22.7.2blob对象
22.7.3file对象
22.7.4FileList对象
22.7.5FileReader对象
22.8小结
22.9习题
第23章AJAX与JSON
23.1AJAX
23.2XMLHttpRequest对象
23.2.1创建XMLHttpRequest
对象
23.2.2XMLHttpRequest实例
属性
23.2.3XMLHttpRequest实例
方法
23.2.4XMLHttpRequest对象
事件
23.2.5XMLHttpRequest响应
23.3JSON
23.3.1JSON语法
23.3.2JSON对象
23.4FormData对象
23.4.1构造函数
23.4.2实例方法
23.4.3文件上传
23.5Web Storage
23.5.1Cookie
23.5.2Storage接口
23.6“叮叮书店”项目试读页面的
建立
23.7小结
23.8习题
参考文献
|
內容試閱:
|
Web技术早期在Internet上只能提供简单的信息浏览服务,如今已经演变成一种系统开发平台,Web技术开发已经全部采用前后端分离的架构模式,其中的Web前端已经成为网络编程人员乃至互联网行业中每个人都必须掌握的最基础的入门技术。
本书基于Web标准和响应式Web设计思想,结合作者长期从事Web开发和教学的实际经验,深入浅出地介绍Web前端技术的基础知识,对Web体系结构、HTML5、CSS3和ES6的最新内容进行详细的讲解。
全书共分23章。第1章介绍Web技术的基本概念、Web体系结构、超文本与标记语言、Web标准的组成和常用浏览器; 第2~7章重点介绍Web标准的结构标准HTML5常用的元素标签及应用; 第8~13章介绍Web标准的表现标准CSS3常用的属性及应用; 第14章介绍网站制作流程与发布过程; 第15~23章介绍Web标准的行为标准ECMAScript6、DOM和BOM的基础知识及应用。
本书在编写过程中,强调理论与实践相结合,以实用为前提,包含大量应用实例,注重实际操作技能,力图使读者掌握Web前端设计开发的相关基础知识。本书主要特色如下。
(1) 完全基于Web标准和响应式Web设计思想,所有示例都通过了W3C标准检验,项目案例网站可以同时在计算机和移动设备上浏览。
(2) 整本书通过模拟一个完整的实例网站进行讲解,相关知识点分解到实例网站的具体环节中,针对性强; 同时提供了许多示例,具有可操作性。
(3) 语言通俗易懂,简单明了,读者很容易掌握相关知识。
(4) 知识结构安排合理,循序渐进,适合自学。
全书由张树明编写并统稿。
为便于教学,本书提供丰富的配套资源,包括教学大纲、教学课件、程序源码、习题答案和微课视频。其中,微课视频是书中大部分例题的视频讲解,共160个视频,总时长850分钟。
资源下载提示
课件等资源: 扫描封底的“课件下载”二维码,在公众号“书圈”下载。
素材(源码)等资源: 扫描目录上方的二维码下载。
视频等资源: 扫描封底的文泉云盘防盗码,再扫描书中相应章节的二维码,可以在线学习。
在本书的编写过程中,编者参阅了大量Web前端技术相关方面的书籍和网络资料,在此对这些书籍与资料的作者表示感谢。
特别感谢清华大学出版社计算机与信息分社魏江江分社长和责任编辑王冰飞在本书出版过程中给予的大力帮助以及提出的
建议。
由于编者水平有限,书中难免存在不足之处,恳请读者批评指正。
张树明
2023年1月
|
|