本书基于Web标准,深入浅出地介绍了Web前端设计技术的基础知识,对Web体系结构、HTML5、CSS3、JavaScript和网站制作流程进行了详细的讲解;内容翔实,结构合理,语言精练,表达简明,实用性强,易于自学。全书共分22章,第1章介绍Web技术的基本概念、Web体系结构、超文本与标记语言、Web标准的组成和常用浏览器,第2~7章重点介绍Web标准的结构推荐标准HTML5常用元素的标签语句及应用,第8~13章介绍Web标准的表现推荐标准CSS3常用属性及应用,第14章介绍网站制作流程与发布过程,第15~21章介绍Web标准的行为标准ECMA-262的ECMAScript基础和JavaScript脚本语言,第22章介绍JavaScript框架jQuery的入门知识。本书适合作为高等院校计算机及相关专业的教材,也可以作为相关培训机构的培训教材,以及对Web前端设计技术感兴趣人员的自学用书。

Qinghua University Press

China, People's Republic, China

Di 1 ban, Beijing, 2017

Bei jing, 2017

Bookmarks: p1 (p1): 第1章Web技术概述
p1-1 (p1): 1.1Internet概述
p1-1-1 (p1): 1.1.1 TCP/IP
p1-1-2 (p2): 1.1.2主机和IP地址
p1-1-3 (p2): 1.1.3域名和DNS
p1-2 (p3): 1.2 Web概述
p1-2-1 (p3): 1.2.1 Web历史
p1-2-2 (p4): 1.2.2 Web体系结构
p1-2-3 (p5): 1.2.3基本Web技术
p1-2-4 (p8): 1.2.4 Web服务器
p1-3 (p9): 1.3超文本与标记语言
p1-3-1 (p9): 1.3.1超文本与超媒体
p1-3-2 (p10): 1.3.2标记语言
p1-4 (p12): 1.4 Web标准
p1-4-1 (p12): 1.4.1 Web标准体系
p1-4-2 (p13): 1.4.2采用Web标准的优势
p1-5 (p13): 1.5浏览器
p1-5-1 (p13): 1.5.1常用浏览器
p1-5-2 (p14): 1.5.2标准浏览器
p1-6 (p15): 1.6 Web开发工具
p1-6-1 (p15): 1.6.1 JetBrains WebStorm
p1-6-2 (p15): 1.6.2测试和调试环境
p1-7 (p16): 1.7小结
p1-8 (p16): 1.8习题
p2 (p18): 第2章HTML5基础
p2-1 (p18): 2.1 HTML5基础概述
p2-1-1 (p18): 2.1.1 HTML5文档结构
p2-1-2 (p19): 2.1.2元素与标签
p2-1-3 (p22): 2.1.3属性
p2-1-4 (p23): 2.1.4语法规则
p2-2 (p24): 2.2 WebStorm基础
p2-2-1 (p24): 2.2.1 WebStorm基本操作
p2-2-2 (p27): 2.2.2 WebStorm快捷键
p2-3 (p27): 2.3文档结构元素
p2-3-1 (p28): 2.3.1〈html〉标签
p2-3-2 (p28): 2.3.2 〈head〉标签
p2-3-3 (p28): 2.3.3 〈body〉标签
p2-4 (p28): 2.4头部元素
p2-4-1 (p28): 2.4.1 〈title〉标签
p2-4-2 (p29): 2.4.2 〈meta〉标签
p2-5 (p31): 2.5叮叮书店首页添加元信息
p2-6 (p31): 2.6小结
p2-7 (p31): 2.7习题
p3 (p33): 第3章HTML5内容结构与文本
p3-1 (p33): 3.1 HTML5结构标签
p3-1-1 (p33): 3.1.1 〈header〉标签
p3-1-2 (p34): 3.1.2 〈nav〉标签
p3-1-3 (p34): 3.1.3 〈article〉标签
p3-1-4 (p34): 3.1.4 〈section〉标签
p3-1-5 (p34): 3.1.5 〈aside〉标签
p3-1-6 (p34): 3.1.6 〈footer〉标签
p3-1-7 (p34): 3.1.7 〈details〉和〈summary〉标签
p3-1-8 (p35): 3.1.8 〈div〉标签
p3-1-9 (p35): 3.1.9 〈span〉标签
p3-2 (p35): 3.2 HTML5基础标签
p3-2-1 (p36): 3.2.1标题
p3-2-2 (p36): 3.2.2段落
p3-2-3 (p36): 3.2.3换行符
p3-2-4 (p36): 3.2.4注释
p3-3 (p36): 3.3 HTML5格式化标签
p3-3-1 (p37): 3.3.1文本格式化标签
p3-3-2 (p38): 3.3.2引用和术语定义标签
p3-3-3 (p39): 3.3.3 HTML5新增格式标签
p3-4 (p42): 3.4 HTML5列表
p3-4-1 (p42): 3.4.1无序列表
p3-4-2 (p43): 3.4.2有序列表
p3-4-3 (p44): 3.4.3定义列表
p3-5 (p44): 3.5叮叮书店首页内容结构的建立
p3-5-1 (p45): 3.5.1分析设计页面内容结构
p3-5-2 (p45): 3.5.2用HTML5结构标签确定页面内容结构
p3-5-3 (p48): 3.5.3添加文本内容
p3-5-4 (p52): 3.5.4在浏览器中预览
p3-6 (p52): 3.6小结
p3-7 (p53): 3.7习题
p4 (p54): 第4章HTML5超链接
p4-1 (p54): 4.1〈a〉标签
p4-1-1 (p54): 4.1.1 href属性
p4-1-2 (p55): 4.1.2 target属性
p4-1-3 (p55): 4.1.3 id属性
p4-2 (p57): 4.2 HTML5字符集与颜色
p4-2-1 (p57): 4.2.1 HTML5字符集
p4-2-2 (p57): 4.2.2 HTML5字符实体
p4-2-3 (p58): 4.2.3 HTML5颜色
p4-2-4 (p58): 4.2.4 HTML5颜色名
p4-3 (p58): 4.3叮叮书店首页超链接的使用
p4-4 (p61): 4.4小结
p4-5 (p61): 4.5习题
p5 (p62): 第5章HTML5多媒体
p5-1 (p62): 5.1 HTML5图像
p5-1-1 (p62): 5.1.1 〈img〉标签
p5-1-2 (p63): 5.1.2 〈map〉和〈area〉标签
p5-1-3 (p64): 5.1.3 〈figure〉和〈figcaption〉标签
p5-2 (p65): 5.2 HTML5音视频
p5-2-1 (p65): 5.2.1 HTML5视频
p5-2-2 (p68): 5.2.2 HTML5音频
p5-3 (p69): 5.3 〈embed〉标签
p5-4 (p70): 5.4叮叮书店首页图像的使用
p5-5 (p71): 5.5小结
p5-6 (p72): 5.6习题
p6 (p73): 第6章HTML5表格
p6-1 (p73): 6.1HTML5表格概述
p6-1-1 (p73): 6.1.1表格结构
p6-1-2 (p73): 6.1.2表格标签
p6-2 (p74): 6.2常用表格标签
p6-2-1 (p74): 6.2.1 〈table〉标签
p6-2-2 (p75): 6.2.2 〈tr〉标签
p6-2-3 (p75): 6.2.3 〈td〉标签
p6-2-4 (p76): 6.2.4 〈col〉标签
p6-2-5 (p77): 6.2.5 〈thead〉、〈tbody〉和〈tfoot〉标签
p6-3 (p77): 6.3叮叮书店“购物车”页面的建立
p6-4 (p78): 6.4小结
p6-5 (p79): 6.5习题
p7 (p80): 第7章HTML5表单
p7-1 (p80): 7.1 HTML5表单概述
p7-1-1 (p80): 7.1.1表单
p7-1-2 (p80): 7.1.2 〈form〉标签
p7-2 (p82): 7.2表单域
p7-2-1 (p82): 7.2.1 〈input〉标签
p7-2-2 (p90): 7.2.2 〈textarea〉标签
p7-2-3 (p91): 7.2.3 〈lab e1〉标签
p7-2-4 (p91): 7.2.4 〈fieldset〉标签
p7-2-5 (p92): 7.2.5 〈select〉标签
p7-2-6 (p92): 7.2.6 〈option〉标签
p7-2-7 (p93): 7.2.7 〈optgroup〉标签
p7-2-8 (p93): 7.2.8 〈button〉标签
p7-2-9 (p94): 7.2.9 〈datalist〉标签
p7-2-10 (p94): 7.2.10 〈keygen〉标签
p7-2-11 (p95): 7.2.11〈output〉标签
p7-3 (p95): 7.3叮叮书店“联系我们”页面的建立
p7-4 (p98): 7.4 叮叮书店首页添加站内搜索
p7-5 (p98): 7.5小结
p7-6 (p98): 7.6习题
p8 (p100): 第8章CSS基础
p8-1 (p100): 8.1 CSS概述
p8-2 (p102): 8.2 CSS语法
p8-3 (p103): 8.3 CSS常用选择器
p8-4 (p106): 8.4 CSS3选择器
p8-5 (p107): 8.5 CSS属性
p8-5-1 (p107): 8.5.1 CSS属性概述
p8-5-2 (p110): 8.5.2 CSS属性值和单位
p8-5-3 (p112): 8.5.3 CSS3属性值和单位
p8-6 (p113): 8.6使用CSS
p8-7 (p116): 8.7层叠（多重）样式
p8-8 (p119): 8.8小结
p8-9 (p119): 8.9习题
p9 (p121): 第9章 页面布局定位
p9-1 (p121): 9.1 CSS盒模型
p9-1-1 (p121): 9.1.1 CSS盒模型概述
p9-1-2 (p123): 9.1.2 CSS内边距
p9-1-3 (p124): 9.1.3 CSS边框
p9-1-4 (p128): 9.1.4 CSS3边框
p9-1-5 (p131): 9.1.5 CSS外边距
p9-1-6 (p133): 9.1.6 CSS轮廓
p9-2 (p134): 9.2 CSS布局
p9-2-1 (p134): 9.2.1盒模型显示类型
p9-2-2 (p137): 9.2.2 CSS3伸缩盒布局
p9-2-3 (p146): 9.2.3 CSS浮动
p9-2-4 (p149): 9.2.4可见与溢出
p9-3 (p150): 9.3 CSS定位
p9-3-1 (p151): 9.3.1 position属性
p9-3-2 (p155): 9.3.2 z-index属性
p9-4 (p156): 9.4基本布局模板
p9-4-1 (p156): 9.4.1固定（液态）布局
p9-4-2 (p159): 9.4.2弹性伸缩布局
p9-5 (p160): 9.5叮叮书店首页布局样式设计
p9-6 (p162): 9.6小结
p9-7 (p162): 9.7习题
p10 (p165): 第10章 元素外观属性
p10-1 (p165): 10.1背景
p10-1-1 (p165): 10.1.1 CSS背景
p10-1-2 (p168): 10.1.2 CSS3背景
p10-1-3 (p170): 10.1.3 CSS3透明度
p10-2 (p170): 10.2字体
p10-2-1 (p171): 10.2.1指定字体
p10-2-2 (p171): 10.2.2指定大小
p10-2-3 (p172): 10.2.3字体风格
p10-2-4 (p172): 10.2.4字体粗细
p10-2-5 (p174): 10.2.5 CSS3服务器端字体
p10-3 (p175): 10.3文本与修饰
p10-3-1 (p175): 10.3.1文本
p10-3-2 (p179): 10.3.2修饰
p10-4 (p181): 10.4 CSS3文本效果
p10-4-1 (p181): 10.4.1阴影
p10-4-2 (p181): 10.4.2换行
p10-5 (p182): 10.5 CSS3多列
p10-6 (p183): 10.6列表
p10-7 (p185): 10.7尺寸
p10-8 (p186): 10.8表格
p10-8-1 (p186): 10.8.1表格属性
p10-8-2 (p187): 10.8.2表格边框控制
p10-8-3 (p188): 10.8.3改善表格显示效果
p10-8-4 (p189): 10.8.4叮叮书店“购物车”页面表格样式设计
p10-9 (p190): 10.9叮叮书店首页外观样式设计
p10-9-1 (p190): 10.9.1文本
p10-9-2 (p191): 10.9.2背景
p10-9-3 (p193): 10.9.3其他细节
p10-10 (p194): 10.10小结
p10-11 (p194): 10.11习题
p11 (p196): 第11章 伪类和伪元素
p11-1 (p196): 11.1 CSS伪类
p11-1-1 (p196): 11.1.1超链接伪类
p11-1-2 (p197): 11.1.2结构性伪类
p11-1-3 (p199): 11.1.3子元素伪类
p11-1-4 (p201): 11.1.4 UI元素状态伪类
p11-2 (p204): 11.2 CSS伪元素
p11-3 (p205): 11.3 CSS内容
p11-4 (p208): 11.4小结
p11-5 (p208): 11.5习题
p12 (p210): 第12章CSS3变换、过渡和动画
p12-1 (p210): 12.1变换
p12-2 (p219): 12.2过渡
p12-3 (p223): 12.3动画
p12-4 (p225): 12.4叮叮书店首页超链接、伪类和动画样式设计
p12-5 (p229): 12.5小结
p12-6 (p229): 12.6习题
p13 (p230): 第13章 页面内容样式设计
p13-1 (p230): 13.1默认样式
p13-1-1 (p230): 13.1.1 HTML默认样式
p13-1-2 (p232): 13.1.2浏览器默认样式
p13-2 (p233): 13.2页面内容样式设计
p13-2-1 (p233): 13.2.1导航菜单
p13-2-2 (p235): 13.2.2图文混排
p13-3 (p237): 13.3小结
p13-4 (p237): 13.4习题
p14 (p238): 第14章 网站制作流程与发布
p14-1 (p238): 14.1网站制作流程
p14-2 (p239): 14.2模板
p14-3 (p241): 14.3基于模板建立叮叮书店其他页面
p14-3-1 (p241): 14.3.1书籍分类（category.html）
p14-3-2 (p243): 14.3.2特刊降价（specials.html）
p14-3-3 (p244): 14.3.3联系我们（contact.html）
p14-3-4 (p245): 14.3.4关于我们（about.html）
p14-3-5 (p246): 14.3.5详细内容（details.html）
p14-3-6 (p248): 14.3.6购物车（cart.html）
p14-4 (p249): 14.4网站发布
p14-4-1 (p249): 14.4.1 Web服务器安装使用
p14-4-2 (p250): 14.4.2申请免费域名
p14-5 (p251): 14.5小结
p14-6 (p251): 14.6习题
p15 (p253): 第15章ECMAScript基础
p15-1 (p253): 15.1JavaScrit简介
p15-1-1 (p253): 15.1.1 JavaScript历史
p15-1-2 (p254): 15.1.2 JavaScript组成
p15-1-3 (p255): 15.1.3 JavaScript使用
p15-1-4 (p257): 15.1.4 JavaScript消息框
p15-2 (p258): 15.2 ECMAScript基础概述
p15-2-1 (p258): 15.2.1 ECMAScript语法基础
p15-2-2 (p259): 15.2.2 ECMAScript变量
p15-2-3 (p260): 15.2.3 ECMAScript关键字和保留字
p15-2-4 (p260): 15.2.4 ECMAScript基本数据类型
p15-2-5 (p262): 15.2.5 ECMAScript类型转换
p15-3 (p264): 15.3 ECMAScript运算符
p15-3-1 (p264): 15.3.1一元运算符
p15-3-2 (p266): 15.3.2算术运算符
p15-3-3 (p267): 15.3.3关系运算符
p15-3-4 (p269): 15.3.4逻辑运算符
p15-3-5 (p270): 15.3.5其他运算符
p15-4 (p271): 15.4小结
p15-5 (p271): 15.5习题
p16 (p273): 第16章ECMAScript语句
p16-1 (p273): 16.1算法
p16-1-1 (p273): 16.1.1算法的概念
p16-1-2 (p273): 16.1.2简单算法举例
p16-1-3 (p274): 16.1.3算法特性
p16-1-4 (p274): 16.1.4算法与程序
p16-2 (p274): 16.2 ECMAScript语句
p16-2-1 (p274): 16.2.1条件语句
p16-2-2 (p277): 16.2.2循环语句
p16-2-3 (p280): 16.2.3 break和continue语句
p16-3 (p280): 16.3使用WebStorm和Google Chrome调试JavaScript脚本程序
p16-4 (p282): 16.4小结
p16-5 (p283): 16.5习题
p17 (p284): 第17章 行为与对象
p17-1 (p284): 17.1行为
p17-1-1 (p284): 17.1.1 ECMAScript函数
p17-1-2 (p285): 17.1.2 HTML事件
p17-2 (p289): 17.2 ECMAScript对象
p17-2-1 (p289): 17.2.1对象
p17-2-2 (p290): 17.2.2使用对象
p17-2-3 (p291): 17.2.3 ECMAScript引用类型
p17-2-4 (p296): 17.2.4 ECMAScript对象类型
p17-3 (p296): 17.3错误处理
p17-4 (p299): 17.4内置对象和本地对象
p17-4-1 (p299): 17.4.1 Math对象
p17-4-2 (p300): 17.4.2 Global全局对象
p17-4-3 (p301): 17.4.3 Array对象
p17-4-4 (p302): 17.4.4 Date对象
p17-5 (p303): 17.5叮叮书店首页显示日期和时间
p17-6 (p305): 17.6小结
p17-7 (p306): 17.7习题
p18 (p307): 第18章DOM
p18-1 (p307): 18.1DOM概述
p18-1-1 (p307): 18.1.1 DOM简介
p18-1-2 (p307): 18.1.2节点树
p18-2 (p309): 18.2 DOM对象
p18-2-1 (p309): 18.2.1 Node对象
p18-2-2 (p310): 18.2.2 HTMLElement对象
p18-2-3 (p311): 18.2.3 HTMLDocument对象
p18-2-4 (p311): 18.2.4访问节点
p18-3 (p314): 18.3 DOM与CSS
p18-3-1 (p314): 18.3.1 Style对象
p18-3-2 (p318): 18.3.2 CurrentStyle对象
p18-3-3 (p319): 18.3.3 StyleSheet对象
p18-4 (p320): 18.4叮叮书店首页图片切换广告的实现
p18-5 (p322): 18.5小结
p18-6 (p322): 18.6习题
p19 (p324): 第19章HTML DOM对象
p19-1 (p324): 19.1HTML DOM对象概述
p19-1-1 (p325): 19.1.1 Document对象
p19-1-2 (p327): 19.1.2 Image对象
p19-1-3 (p328): 19.1.3 Anchor对象
p19-1-4 (p329): 19.1.4 Event对象
p19-1-5 (p333): 19.1.5 Checkbox和Radio对象
p19-1-6 (p335): 19.1.6 FileUpload对象
p19-1-7 (p337): 19.1.7 Text和Password对象
p19-1-8 (p338): 19.1.8 Textarea对象
p19-1-9 (p338): 19.1.9 Select和Option对象
p19-1-10 (p340): 19.1.10 Submit、 Reset和Button对象
p19-1-11 (p341): 19.1.11Form对象
p19-2 (p343): 19.2 RegExp对象
p19-3 (p345): 19.3叮叮书店“联系我们”页面表单数据验证
p19-4 (p347): 19.4小结
p19-5 (p347): 19.5习题
p20 (p350): 第20章HTML5 DOM
p20-1 (p350): 20.1canvas对象
p20-1-1 (p351): 20.1.1 canvas基础
p20-1-2 (p352): 20.1.2使用路径
p20-1-3 (p354): 20.1.3绘制文本
p20-1-4 (p356): 20.1.4绘制图像
p20-2 (p357): 20.2 HTML5拖放
p20-3 (p360): 20.3 HTML5数据存储
p20-3-1 (p360): 20.3.1 sessionStorage对象
p20-3-2 (p360): 20.3.2 localStorage对象
p20-4 (p364): 20.4叮叮书店“书籍分类”页面拖放图书到购物车
p20-5 (p366): 20.5小结
p20-6 (p367): 20.6习题
p21 (p368): 第21章BOM
p21-1 (p368): 21.1 BOM对象
p21-1-1 (p368): 21.1.1 window对象
p21-1-2 (p372): 21.1.2 navigator对象
p21-1-3 (p373): 21.1.3 screen对象
p21-1-4 (p373): 21.1.4 location对象
p21-1-5 (p374): 21.1.5 history对象
p21-2 (p374): 21.2元素大小与位置
p21-3 (p377): 21.3叮叮书店首页浮动广告
p21-4 (p379): 21.4小结
p21-5 (p379): 21.5习题
p22 (p381): 第22章jQuery入门
p22-1 (p381): 22.1 jQuery基础
p22-1-1 (p381): 22.1.1添加jQuery库
p22-1-2 (p382): 22.1.2 jQuery语法
p22-2 (p383): 22.2特效和动画
p22-3 (p385): 22.3 HTML操作
p22-4 (p387): 22.4 AJAX函数
p22-5 (p387): 22.5叮叮书店“试读”页面的建立
p22-6 (p390): 22.6小结
p22-7 (p390): 22.7习题
p23 (p391): 参考文献

Ben shu gong fen 22 zhang,Di 1 zhang jie shao Web ji shu de ji ben gai nian,Web ti xi jie gou,Chao wen ben yu biao ji yu yan,Web biao zhun de zu cheng he chang yong liu lan qi,Di 2~7 zhang zhong dian jie shao Web biao zhun de jie gou tui jian biao zhun HTML5 chang yong yuan su de biao qian yu ju ji ying yong,Di 8~13 zhang jie shao Web biao zhun de biao xian tui jian biao zhun CSS3 chang yong shu xing ji ying yong,Di 14 zhang jie shao wang zhan zhi zuo liu cheng yu fa bu guo cheng,Di 15~21 zhang jie shao Web biao zhun de xing wei biao zhun ECMA-262 de ECMAScript ji chu he JavaScript jiao ben yu yan,Di 22 zhang jie shao JavaScript kuang jia jQuery de ru men zhi shi

2024-09-12