Web前端工程师修炼之道(原书第5版)

Web前端工程师修炼之道(原书第5版)
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者: [美] (Jennifer Niederst Robbins)
2020-11
版次: 1
ISBN: 9787111667728
定价: 199.00
装帧: 其他
开本: 16开
纸张: 胶版纸
13人买过
  • 你是否曾想过自己创建网页,但苦于没有经验?那么从现在开始学习吧!本书由浅入深地讲解了Web设计的一些重要概念、基本原理,以及HTML、CSS和JavaScript的具体使用方法与技巧。当你读完本书后,将会掌握创建适用于移动设备的多列页面的技巧。
      每章都提供了一些练习和小测验,帮助你了解不同的技术,巩固对重要概念的理解。
      第5版进行了全面更新和修订,涵盖了Web前端开发所需的一切,无论对初学者还是对想提高已有技能的专业开发人员,本书都是理想的选择。
      【本书主要内容】:
      使用文本、链接、图像、表格和表单来构建HTML页面。
      使用CSS调整颜色、背景、页面布局以及格式化文本,甚至是实现简单的动画效果。
      学习JavaScript的工作原理及其在Web设计中的重要性。
      创建并优化Web图像,加快图像下载速度。
      【本版新增内容】:
      使用CSS Flexbox和网格实现复杂灵活的页面布局。
      学习自适应Web设计的细节,使Web页面在所有设备上看起来都很棒。
      熟悉现代Web开发者工具包中的命令行、Git和其他工具。
      了解SVG图像的超强能力。
      【本书的组织结构】:
      本书分为六部分,每一部分都是Web开发的一个重要方面。
      第①部分:开始起步
      第①部分为本书后面的学习奠定了基础。我从关于Web设计的一些重要信息开始讲述,包括你可能会扮演的各种角色,你可能会学到的技术和工具。你会学到HTML和CSS,并学习Web和网页一般如何工作。我也会介绍一些重要的概念,带你体会现代Web设计师的思想。
      第②部分:HTML结构
      第二部分涵盖每个元素和属性的本质以及语义结构。我们将讨论如何标记文本、链接、图像、表格、表单和嵌入式媒体。
      第③部分:表现层的CSS
      在第三部分,你会学习使用CSS来改变文本的外观,为页面创建多列布局,甚至添加基于时间的动画、交互等。该部分还介绍了自适应Web设计,以及作为现代开发人员工作流一部分的工具和技术。
      第④部分:JavaScript行为
      在第四部分,Mat Marquis从JavaScript的语法开始讲解,带领你逐步学习变量、函数。你也会学到JavaScript的使用方式(包括DOM脚本),以及已有的JavaScript工具(如polyfill和库),即便你还没有准备好从头开始编写代码,这些工具也可以帮助你更快地使用JavaScript。
      第⑤部分:Web图像
      第五部分介绍Web适用的各种图像文件格式,提供了将其作为自适应工作流的一部分进行选择的策略,而且描述了如何进行优化才能使文件尺寸尽可能小。此外,该部分还包括一个关于SVG图形的章节,这为自适应设计和交互式设计提供了极大的便利。
      第⑥部分:附录
      第六部分包含参考资料,如测验答案、HTML全局属性列表和CSS选择器,还介绍了HTML5及其历史。 Jennifer Niederst Robbins 资深Web设计师,有25年行业经验,在Web设计方面有独到的见解与认识,全球第一个商业Web网站——O’Reilly的“全球网络导航器”(Global Network Navigator,GNN)的设计者。她是Artifact Conference的创始人和组织者,该会议致力于解决与移动Web设计相关的问题。她是全美广受欢迎的会议演讲者,著有Web Design in a Nutshell和HTML5 Pocket Reference。 【第一部分 开始起步7】

    第1章 Web设计入门9

    从哪里开始9

    它需要一个团队(网站创建角色)10

    为Web设计做准备19

    你学会了什么25

    自我测验25

     

    第2章 Web是如何工作的26

    互联网与Web26

    提供你的信息27

    关于浏览器27

    网页地址(URL)29

    网页结构31

    小结36

    自我测验37

     

    第3章 Web设计基本概念39

    各种设备40

    与标准一致41

    逐步提高42

    自适应Web设计43

    可访问性:所有用户一个网站46

    网站性能:连接速度的要求48

    自我测验50

     

    【第二部分 HTML结构53】

    第4章 创建简单网页55

    创建网页的步骤55

    启动文本编辑器56

    第1步:从内容开始58

    第2步:HTML文档结构化61

    第3步:确定文本元素64

    第4步:添加图像67

    第5步:使用样式表改变外观70

    当网页出错时72

    验证你的文档73

    自我测验74

    元素回顾:HTML文档结构75

     

    第5章 标记文本76

    段落76

    标题77

    主题中断78

    列表79

    更多内容元素82

    组织网页内容85

    内联元素综述91

    泛型元素div和span100

    使用ARIA提高可访问性104

    字符转义107

    小结109

    自我测验112

    元素回顾:文本元素112

     

    第6章 添加链接115

    href属性115

    链接到Web上的网页117

    站内链接118

    以新浏览器窗口为目标127

    邮件链接129

    电话链接129

    自我测验130

    元素回顾:链接131

     

    第7章 添加图像132

    图像格式简介133

    img元素134

    添加SVG图像139

    自适应图像标记146

    小结158

    自我测验158

    元素回顾:图像159

     

    第8章 表格标记161

    如何使用表格161

    最小表结构162

    表头165

    合并单元格165

    表格可访问性166

    行和列组168

    小结170

    自我测验172

    元素回顾:表格172

     

    第9章 表单174

    表单如何工作174

    表单元素176

    变量和内容178

    重要表单控件综述179

    表单可访问性功能197

    表单布局和设计201

    自我测验202

    元素回顾:表单203

     

    第10章 嵌入式媒体207

    窗口中的窗口207

    多用途嵌入器209

    视频和音频210

    画布219

    自我测验223

    元素回顾:嵌入式媒体223

     

    【第三部分 表现层的CSS227】

    第11章 介绍层叠样式表229

    CSS的优点229

    样式表如何工作231

    大概念235

    CSS计量单位241

    开发者工具就在浏览器中244

    继续使用CSS246

    自我测验247

     

    第12章 格式化文本248

    基本字体属性249

    使用CSS3的高级排版功能265

    改变文本颜色267

    更多选择器类型268

    文本行设置274

    下划线和其他“修饰”277

    改变字母大小写278

    空格279

    文本阴影280

    改变列表的数字编号284

    自我测验286

    CSS回顾:字体和文本属性288

     

    第13章 颜色和背景290

    指定颜色值290

    前景色297

    背景色298

    裁剪背景299

    使用不透明度300

    伪类选择器301

    伪元素选择器306

    属性选择器308

    背景图像309

    快捷背景属性323

    渐变327

    外部样式表334

    小结339

    自我测验339

    CSS回顾:色彩和背景属性341

     

    第14章 盒子思想342

    元素盒子342

    指定盒子尺寸343

    填充348

    边框352

    空白边362

    分配显示类型365

    盒子阴影368

    自我测验369

    CSS回顾:盒子属性369

     

    第15章 浮动与定位372

    普通流372

    浮动373

    用CSS形状进行精美文本环绕383

    定位基础390

    相对定位391

    绝对定位392

    固定定位400

    自我测验401

    CSS回顾:浮动和定位属性402

     

    第16章 使用Flexbox和网格进行CSS布局403

    使用CSS Flexbox的灵活盒子403

    CSS网格布局432

    自我测验463

    CSS回顾:布局属性466

     

    第17章 自适应Web设计469

    为什么要使用RWD470

    自适应秘诀470

    选择断点477

    自适应设计481

    关于测试492

    更多的RWD资源494

    自我测验495

     

    第18章 过渡、变换和动画497

    CSS过渡497

    CSS变换507

    关键帧动画515

    小结520

    自我测验521

    CSS回顾:过渡、变换和动画522

     

    第19章 更多CSS技术524

    对表单设置样式524

    对表格设置样式527

    重置和Normalize.css530

    图像替换技术532

    CSS Sprite533

    CSS特性检测535

    小结539

    自我测验539

    CSS回顾:表格属性541

     

    第20章 现代Web开发工具542

    熟悉命令行542

    CSS的强大工具:处理器546

    构建工具:Grunt和Gulp552

    使用Git和Github进行版本控制554

    小结560

    自我测验561

     

    【第四部分 JavaScript行为563】

    第21章 JavaScript简介565

    关于JavaScript565

    给网页添加JavaScript568

    脚本剖析569

    浏览器对象582

    事件582

    综合应用584

    学习更多关于JavaScript的知识585

    自我测验588

     

    第22章 使用JavaScript和DOM589

    DOM简介589

    polyfill597

    JavaScript库599

    小结603

    自我测验603

     

    【第五部分 Web图像605】

    第23章 Web图像基础607

    图像来源607

    格式简介610

    图像尺寸和分辨率620

    图像资产策略623

    favicon627

    小结630

    自我测验630

     

    第24章 图像资产制作632

    将图像保存为Web格式632

    使用透明度637

    自适应图像制作技巧640

    图像优化650

    自我测验660

     

    第25章 SVG661

    使用XML绘图663

    SVG作为XML的特性670

    SVG工具675

    SVG制作技巧677

    自适应SVG681

    SVG的进一步探索687

    自我测验687

    我们学完了688

     

    【第六部分 附录689】

    附录A 自我测验答案691

    附录B HTML5全局属性705

    附录C CSS选择器的第3级和第4级707

    附录D 从HTML 到HTML5710
  • 内容简介:
    你是否曾想过自己创建网页,但苦于没有经验?那么从现在开始学习吧!本书由浅入深地讲解了Web设计的一些重要概念、基本原理,以及HTML、CSS和JavaScript的具体使用方法与技巧。当你读完本书后,将会掌握创建适用于移动设备的多列页面的技巧。
      每章都提供了一些练习和小测验,帮助你了解不同的技术,巩固对重要概念的理解。
      第5版进行了全面更新和修订,涵盖了Web前端开发所需的一切,无论对初学者还是对想提高已有技能的专业开发人员,本书都是理想的选择。
      【本书主要内容】:
      使用文本、链接、图像、表格和表单来构建HTML页面。
      使用CSS调整颜色、背景、页面布局以及格式化文本,甚至是实现简单的动画效果。
      学习JavaScript的工作原理及其在Web设计中的重要性。
      创建并优化Web图像,加快图像下载速度。
      【本版新增内容】:
      使用CSS Flexbox和网格实现复杂灵活的页面布局。
      学习自适应Web设计的细节,使Web页面在所有设备上看起来都很棒。
      熟悉现代Web开发者工具包中的命令行、Git和其他工具。
      了解SVG图像的超强能力。
      【本书的组织结构】:
      本书分为六部分,每一部分都是Web开发的一个重要方面。
      第①部分:开始起步
      第①部分为本书后面的学习奠定了基础。我从关于Web设计的一些重要信息开始讲述,包括你可能会扮演的各种角色,你可能会学到的技术和工具。你会学到HTML和CSS,并学习Web和网页一般如何工作。我也会介绍一些重要的概念,带你体会现代Web设计师的思想。
      第②部分:HTML结构
      第二部分涵盖每个元素和属性的本质以及语义结构。我们将讨论如何标记文本、链接、图像、表格、表单和嵌入式媒体。
      第③部分:表现层的CSS
      在第三部分,你会学习使用CSS来改变文本的外观,为页面创建多列布局,甚至添加基于时间的动画、交互等。该部分还介绍了自适应Web设计,以及作为现代开发人员工作流一部分的工具和技术。
      第④部分:JavaScript行为
      在第四部分,Mat Marquis从JavaScript的语法开始讲解,带领你逐步学习变量、函数。你也会学到JavaScript的使用方式(包括DOM脚本),以及已有的JavaScript工具(如polyfill和库),即便你还没有准备好从头开始编写代码,这些工具也可以帮助你更快地使用JavaScript。
      第⑤部分:Web图像
      第五部分介绍Web适用的各种图像文件格式,提供了将其作为自适应工作流的一部分进行选择的策略,而且描述了如何进行优化才能使文件尺寸尽可能小。此外,该部分还包括一个关于SVG图形的章节,这为自适应设计和交互式设计提供了极大的便利。
      第⑥部分:附录
      第六部分包含参考资料,如测验答案、HTML全局属性列表和CSS选择器,还介绍了HTML5及其历史。
  • 作者简介:
    Jennifer Niederst Robbins 资深Web设计师,有25年行业经验,在Web设计方面有独到的见解与认识,全球第一个商业Web网站——O’Reilly的“全球网络导航器”(Global Network Navigator,GNN)的设计者。她是Artifact Conference的创始人和组织者,该会议致力于解决与移动Web设计相关的问题。她是全美广受欢迎的会议演讲者,著有Web Design in a Nutshell和HTML5 Pocket Reference。
  • 目录:
    【第一部分 开始起步7】

    第1章 Web设计入门9

    从哪里开始9

    它需要一个团队(网站创建角色)10

    为Web设计做准备19

    你学会了什么25

    自我测验25

     

    第2章 Web是如何工作的26

    互联网与Web26

    提供你的信息27

    关于浏览器27

    网页地址(URL)29

    网页结构31

    小结36

    自我测验37

     

    第3章 Web设计基本概念39

    各种设备40

    与标准一致41

    逐步提高42

    自适应Web设计43

    可访问性:所有用户一个网站46

    网站性能:连接速度的要求48

    自我测验50

     

    【第二部分 HTML结构53】

    第4章 创建简单网页55

    创建网页的步骤55

    启动文本编辑器56

    第1步:从内容开始58

    第2步:HTML文档结构化61

    第3步:确定文本元素64

    第4步:添加图像67

    第5步:使用样式表改变外观70

    当网页出错时72

    验证你的文档73

    自我测验74

    元素回顾:HTML文档结构75

     

    第5章 标记文本76

    段落76

    标题77

    主题中断78

    列表79

    更多内容元素82

    组织网页内容85

    内联元素综述91

    泛型元素div和span100

    使用ARIA提高可访问性104

    字符转义107

    小结109

    自我测验112

    元素回顾:文本元素112

     

    第6章 添加链接115

    href属性115

    链接到Web上的网页117

    站内链接118

    以新浏览器窗口为目标127

    邮件链接129

    电话链接129

    自我测验130

    元素回顾:链接131

     

    第7章 添加图像132

    图像格式简介133

    img元素134

    添加SVG图像139

    自适应图像标记146

    小结158

    自我测验158

    元素回顾:图像159

     

    第8章 表格标记161

    如何使用表格161

    最小表结构162

    表头165

    合并单元格165

    表格可访问性166

    行和列组168

    小结170

    自我测验172

    元素回顾:表格172

     

    第9章 表单174

    表单如何工作174

    表单元素176

    变量和内容178

    重要表单控件综述179

    表单可访问性功能197

    表单布局和设计201

    自我测验202

    元素回顾:表单203

     

    第10章 嵌入式媒体207

    窗口中的窗口207

    多用途嵌入器209

    视频和音频210

    画布219

    自我测验223

    元素回顾:嵌入式媒体223

     

    【第三部分 表现层的CSS227】

    第11章 介绍层叠样式表229

    CSS的优点229

    样式表如何工作231

    大概念235

    CSS计量单位241

    开发者工具就在浏览器中244

    继续使用CSS246

    自我测验247

     

    第12章 格式化文本248

    基本字体属性249

    使用CSS3的高级排版功能265

    改变文本颜色267

    更多选择器类型268

    文本行设置274

    下划线和其他“修饰”277

    改变字母大小写278

    空格279

    文本阴影280

    改变列表的数字编号284

    自我测验286

    CSS回顾:字体和文本属性288

     

    第13章 颜色和背景290

    指定颜色值290

    前景色297

    背景色298

    裁剪背景299

    使用不透明度300

    伪类选择器301

    伪元素选择器306

    属性选择器308

    背景图像309

    快捷背景属性323

    渐变327

    外部样式表334

    小结339

    自我测验339

    CSS回顾:色彩和背景属性341

     

    第14章 盒子思想342

    元素盒子342

    指定盒子尺寸343

    填充348

    边框352

    空白边362

    分配显示类型365

    盒子阴影368

    自我测验369

    CSS回顾:盒子属性369

     

    第15章 浮动与定位372

    普通流372

    浮动373

    用CSS形状进行精美文本环绕383

    定位基础390

    相对定位391

    绝对定位392

    固定定位400

    自我测验401

    CSS回顾:浮动和定位属性402

     

    第16章 使用Flexbox和网格进行CSS布局403

    使用CSS Flexbox的灵活盒子403

    CSS网格布局432

    自我测验463

    CSS回顾:布局属性466

     

    第17章 自适应Web设计469

    为什么要使用RWD470

    自适应秘诀470

    选择断点477

    自适应设计481

    关于测试492

    更多的RWD资源494

    自我测验495

     

    第18章 过渡、变换和动画497

    CSS过渡497

    CSS变换507

    关键帧动画515

    小结520

    自我测验521

    CSS回顾:过渡、变换和动画522

     

    第19章 更多CSS技术524

    对表单设置样式524

    对表格设置样式527

    重置和Normalize.css530

    图像替换技术532

    CSS Sprite533

    CSS特性检测535

    小结539

    自我测验539

    CSS回顾:表格属性541

     

    第20章 现代Web开发工具542

    熟悉命令行542

    CSS的强大工具:处理器546

    构建工具:Grunt和Gulp552

    使用Git和Github进行版本控制554

    小结560

    自我测验561

     

    【第四部分 JavaScript行为563】

    第21章 JavaScript简介565

    关于JavaScript565

    给网页添加JavaScript568

    脚本剖析569

    浏览器对象582

    事件582

    综合应用584

    学习更多关于JavaScript的知识585

    自我测验588

     

    第22章 使用JavaScript和DOM589

    DOM简介589

    polyfill597

    JavaScript库599

    小结603

    自我测验603

     

    【第五部分 Web图像605】

    第23章 Web图像基础607

    图像来源607

    格式简介610

    图像尺寸和分辨率620

    图像资产策略623

    favicon627

    小结630

    自我测验630

     

    第24章 图像资产制作632

    将图像保存为Web格式632

    使用透明度637

    自适应图像制作技巧640

    图像优化650

    自我测验660

     

    第25章 SVG661

    使用XML绘图663

    SVG作为XML的特性670

    SVG工具675

    SVG制作技巧677

    自适应SVG681

    SVG的进一步探索687

    自我测验687

    我们学完了688

     

    【第六部分 附录689】

    附录A 自我测验答案691

    附录B HTML5全局属性705

    附录C CSS选择器的第3级和第4级707

    附录D 从HTML 到HTML5710
查看详情
相关图书 / 更多
Web前端工程师修炼之道(原书第5版)
Web应用开发技术(微课版)
白磊
Web前端工程师修炼之道(原书第5版)
Web API设计原则通过API和微服务实现价值交付
(美)詹姆斯·希金博特姆(James Higginbotham)
Web前端工程师修炼之道(原书第5版)
Weir & Abrahams 人体解剖影像图谱(第6版)
袁慧书 著
Web前端工程师修炼之道(原书第5版)
Web3.0:数字时代赋能与变革
贾新峰
Web前端工程师修炼之道(原书第5版)
Web3:科技新趋势(拥抱数字化变革,打造Web 3时代商业新生态)
(美)克里斯·达菲
Web前端工程师修炼之道(原书第5版)
Web3.0:构建数字经济新未来
翟振林
Web前端工程师修炼之道(原书第5版)
Web前端开发基础
韩少云、王春梅 著
Web前端工程师修炼之道(原书第5版)
Web前端开发基础案例教程
赵革委
Web前端工程师修炼之道(原书第5版)
Web地理信息课程建设与服务模式研究(精)
秦耀辰、闫卫阳、夏浩铭、付品德、秦奋 著
Web前端工程师修炼之道(原书第5版)
Web前端开发实战
郭凯;孔繁玉;张有宽
Web前端工程师修炼之道(原书第5版)
Web3.0应用开发实战(从Web 2.0到Web 3.0)
屈希峰 编
Web前端工程师修炼之道(原书第5版)
Web前端设计基础(第2版)
李立威;薛晓霞;王晓红;李丹丹;王艳娥
您可能感兴趣 / 更多
Web前端工程师修炼之道(原书第5版)
争吵的恋人:我们为什么相爱,又为什么争吵
[美]约翰·金,[美]瓦妮莎·贝内特
Web前端工程师修炼之道(原书第5版)
蒙特卡洛的密码锁(数学大师的逻辑课) 文教科普读物 [美]雷蒙德·m.斯穆里安(raymondm.smullyan)
[美]雷蒙德·m.斯穆里安(raymondm.smullyan)
Web前端工程师修炼之道(原书第5版)
全新正版图书 新任管理者快速成长蕾切尔·帕切科浙江教育出版社9787572277214
[美]蕾切尔· 帕切科
Web前端工程师修炼之道(原书第5版)
《生命大设计.重构》(关于“生命创造现实”这一惊人事实,独特且完整的科学探索与哲学诠释)
[美]鲍勃·伯曼 著;杨泓 译;[美]罗伯特·兰札;马泰·帕夫希奇(斯洛文尼亚)
Web前端工程师修炼之道(原书第5版)
杰出投资者的底层认知:成功投资与明智创富的10个茅塞顿开之问(《聪明的投资者》新时代精华版)
[美]J.戴维·斯坦恩(J.David Stein) 著;刘寅龙 译;庞鑫
Web前端工程师修炼之道(原书第5版)
浴缸里的海洋
[美]塞思·菲什曼
Web前端工程师修炼之道(原书第5版)
新视界文库-生命故事:生物学上的伟大发现
[美]肖恩·B.卡罗尔
Web前端工程师修炼之道(原书第5版)
洛丽塔原型:小说《洛丽塔》背后的萨莉?霍纳绑架案
[美]萨拉·魏恩曼 著;真故图书 出品
Web前端工程师修炼之道(原书第5版)
托尔斯泰
[美]莉莎·克纳普(Liza Knapp)
Web前端工程师修炼之道(原书第5版)
奇迹之门 《纽约时报》畅销书作家写给孩子的一封“成长家书”。让父母的爱与肯定,成为孩子探索世界的底气。拥抱成长的不确定性,打开通向无限可能的“奇迹之门”。
[美]艾莉森·麦基/文 (美) 柳泰恩 图
Web前端工程师修炼之道(原书第5版)
全球通史(全六册)(另一个角度的“全球通史”,不一样的视野与新知。以地理为骨,历史为肉,一部超级丰满的世界通史。)
[美]塞缪尔·古德里奇 译者:冷惠玲、冯佳娜、王小忠、孙丽霞、李江艳
Web前端工程师修炼之道(原书第5版)
《星际争霸》动画影像艺术
[美]罗伯特·布鲁克斯