你是否也曾想过自己创建网页,但却苦于没有经验?那么从现在开始学习吧!本书由浅入深地讲解了Web设计的一些重要概念、基本原理,以及HTML、CSS和JavaScript的具体使用方法与技巧。当你读完本书后,将会掌握创建适用于移动设备的多列页面的技巧。《Web前端工程师修炼之道(原书第4版)》将帮助你学习如何使用最新技术、最佳实践经验,以及当今的Web标准,其中包括HTML5和CSS3。每章都提供一些练习和小测验,帮助你了解不同的技术,巩固你对重要概念的理解。作者对本版内容做了全面更新和修订,涵盖Web前端开发所需的一切,无论是初学者,还是想提高已有技能的专业开发人员,本书都是理想的选择。
《Web前端工程师修炼之道(原书第4版)》主要内容:■使用文本、链接、图像、表格和表单来创建HTML页面■使用CSS调整颜色、背景、格式化文本、页面布局,甚至是实现简单的动画效果■学习新的HTML5元素、API和CSS3属性——它们改变了Web页面处理方式■创建响应式Web设计,使得页面可以在移动设备上得到良好显示■学习JavaScript的工作原理及其在Web设计中的重要性■创建并优化Web图像,加快图像下载速度全书分5部分共22章。第一部分从HTML基本知识讲起,首先让读者快速掌握常见的HTML标记,之后重点介绍了HTML表格与表单。第二部分介绍了HTML定义、标记语言,以及如何给网页添加图片、链接、表单等基本内容。第三部分涉及网页制作的高级部分,包括层叠样式表、格式文本、颜色和背景、边框和边距、浮动和定位、CSS页面布局、变换和动画、CSS技术等高级话题。第四部分介绍了JavaScript技术,从最基础的程序语法开始,使读者能很快地融入到编程的环境中。利用JavaScript做出常用的网页动态效果。第五部分介绍了网页图形制作,包括Web图形制作的基础知识。
目录
- 前言 1
- 第一部分 开始起步
- 第1章 我从哪里开始 9
- 我该从哪里开始呢 10
- Web设计师是做什么的 10
- 我需要学习哪些语言 16
- 我需要购买些什么 19
- 你学会了什么 24
- 自我测验 25
- 第2章 Web是如何工作的 27
- 互联网与Web 27
- 提供你的信息 27
- 关于浏览器 29
- 网页地址(URL) 30
- 网页结构 32
- 小结 36
- 自我测验 38
- 第3章 Web设计基本概念 39
- 眼花缭乱的设备 40
- 与标准一致 41
- 逐步提高 42
- 自适应Web设计 43
- 可访问性——所有用户,一个网站 46
- 连接速度的要求(站点性能) 48
- 自我测验 50
- 第二部分 HTML结构化标记
- 第4章 创建简单网页(HTML概述) 53
- 一个网页,一步一步来 53
- 开始之前,启动文本编辑器 54
- 第1步:从内容开始 57
- 第2步:文档结构化 59
- 第3步:确定文本元素 62
- 第4步:添加图像 65
- 第5步:使用样式表改变外观 68
- 当网页出错时 69
- 验证你的文档 70
- 自我测验 71
- 元素回顾:文档结构 72
- 第5章 标记文本 73
- 段落 74
- 标题 74
- 列表 77
- 更多内容元素 80
- 组织网页内容 83
- 内联元素综述 88
- 泛型元素(div和span) 99
- 特殊字符 103
- 小结 104
- 自我测验 106
- 元素回顾:文本 107
- 第6章 添加链接 109
- href特性 110
- 链接到Web上的网页 111
- 站内链接 112
- 以新浏览器窗口为目标 122
- 邮件链接 123
- 电话链接 124
- 自我测验 125
- 元素回顾:链接 126
- 第7章 添加图片 127
- 首先,关于图片格式的信息 127
- img元素 128
- 窗口中的窗口 134
- 自我测验 135
- 元素回顾:图片 135
- 第8章 表格标记 137
- 如何使用表格 137
- 最小表结构 139
- 表头 142
- 合并单元格 143
- 表格可达性 146
- 小结 148
- 自我测验 150
- 元素回顾:表格 150
- 第9章 表单 151
- 表单如何工作 151
- 表单元素 153
- 变量和内容 155
- 重要表单控件综述 156
- 表格的可访问性 175
- 表单布局和设计 177
- 自我测验 179
- 元素回顾:表单 180
- 第10章 HTML 5 185
- 在通往XHTML 2的路上发生的有趣的事 186
- 标记部分 188
- 遇到API 193
- 视频与音频 195
- canvas 202
- 小结 205
- 自我检测 206
- 第三部分 表现层的CSS
- 第11章 CSS入门 211
- CSS的益处 211
- 样式表如何工作 213
- 大概念 218
- 继续使用CSS 224
- 自我测验 226
- 第12章 格式化文本(使用更多选择器) 229
- 字体属性 229
- 改变文本颜色 246
- 更多选择器类型 247
- 字行设置 253
- 下划线和其他的“修饰” 256
- 改变字母大写 256
- 空格 257
- 文本阴影 258
- 改变列表的数字编号 263
- 自我测验 265
- CSS回顾:字体和文本属性 267
- 第13章 颜色和背景(附加更多选择器和外部样式表) 269
- 指定颜色值 269
- 前景色 276
- 背景色 277
- 使用不透明度 278
- 伪类选择器简介 279
- 伪元素选择器 282
- 属性选择器 284
- 背景图像 287
- 快捷背景属性 296
- 像彩虹一样(渐变) 299
- 最后,外部样式表 303
- 自我测验 306
- CSS回顾:色彩和背景属性 307
- 第14章 盒子思想(填充、边框和空白边) 309
- 元素盒子 309
- 指定盒子尺寸 310
- 填充 316
- 边框 320
- 空白边 332
- 分配显示角色 337
- 给盒子添加阴影 338
- 自我测验 340
- CSS回顾:基本盒子属性 342
- 第15章 浮动与定位 345
- 普通流 345
- 浮动 346
- 定位基础 360
- 相对定位 361
- 绝对定位 362
- 固定定位 372
- 自我测验 373
- CSS回顾:浮动和定位属性 374
- 第16章 使用CSS进行网页布局 375
- 网页布局策略 375
- 网页布局技术 382
- 使用浮动元素的多栏布局 382
- 定位布局 394
- 自上而下的栏目背景 397
- 自我测验 400
- 第17章 过渡、变换和动画 401
- 很容易做到(CSS过渡) 401
- CSS变换 412
- 关键帧动画 422
- 自我测验 425
- CSS回顾:过渡、变换和动画 427
- 第18章 CSS技术 429
- 一个干净的石板(CSS重置) 429
- 图像代替技术 431
- CSS sprite 432
- 样式化表单 436
- 样式化表格 442
- 简单的自适应Web设计 445
- 小结 456
- 自我测验 456
- CSS回顾:表格属性 458
- 第四部分 JavaScript行为
- 第19章 JavaScript简介 461
- 什么是JavaScript 461
- 给网页添加JavaScript 464
- 脚本剖析 465
- 浏览器对象 478
- 事件 478
- 综合应用 481
- 自我测验 483
- 第20章 使用JavaScript 485
- 遇见DOM 485
- polyfills 493
- JavaScript库 497
- 小结 501
- 自我测验 502
- 第五部分 创建Web图像
- 第21章 Web图像基础 505
- 图像来源 505
- 格式简介 508
- 图像尺寸和分辨率 520
- 使用透明度 524
- SVG简介 531
- 小结 536
- 自我测验 536
- 第22章 精简Web图像 539
- 通用图像优化策略 539
- 优化GIF图像 541
- 优化JPEG图像 544
- 优化PNG图像 550
- 优化到指定大小 551
- 小结 552
- 自我测验 552
- 附录A 答案 555
-
附录B CSS3选择器 583