HTML5+CSS3+JavaScript Web Development Case Tutorial: Online Practical Training Edition

温谦Posts & Telecom Press · ChinaSep 2022

Word count

202K words

Chapters

123

ISBN

9787115577542

Tags

Summary

This book consists of 14 chapters in three parts. It follows Web standards, emphasizes the separation of "presentation" and "content," and introduces web design and production methods and techniques in a standardized and systematic way. The book provides a large number of detailed cases and analyzes them, making it easy for readers to directly modify and use them on the basis of understanding. The book's editor has rich experience in Web front-end development and education and training, writes meticulously, and explains and notes in detail every technical detail and every difficulty and error that may be encountered in actual work, greatly lowering the learning threshold for readers.

This book can serve as a textbook for courses such as web design and production and Web front-end development in relevant majors at institutions of higher education, and can also be used for reference by web design, production, and development personnel. After learning and mastering the knowledge content covered in this book, readers can create beautiful web pages.

Editor's review

In terms of content architecture, the book strictly follows the core knowledge thread of Web front-end technology, systematically explaining HTML5 semantic tags and APIs, CSS3 modern layout and visual effects, and JavaScript basic syntax and DOM operations. As a senior technical author, Wen Qian has a clear and plain narrative style and is good at breaking complex concepts into easy-to-understand steps, which is especially evident in the many code examples and case analyses.

The most prominent highlight of the book is its training orientation. It is not a mere listing of knowledge but drives learning through a series of carefully designed, gradually progressive "cases." Each key technical point is accompanied by a corresponding operable case, and readers are guided to code in real time and preview the results on the companion online platform. This "practice immediately after learning, what you see is what you get" model can greatly strengthen learners' memory and understanding and effectively overcome the common programming-learning dilemma of "seeming to understand it at a glance but failing as soon as you write it." It is especially suitable for self-learners eager to consolidate knowledge through hands-on work.

Of course, the book has a clear positioning: it is an excellent bridge between introductory and advanced learning. It solidly covers the "three pillars" of front-end development and builds a firm knowledge foundation for readers. For readers who hope to get started quickly, build a complete project understanding, and develop practical coding ability, this book provides an efficient and friendly starting point. The added value of its online training also makes it appear more contemporary and practical among many similar introductory books.

Who it's for

A good fit for

• Web development beginners with zero or only a small amount of foundation who hope to systematically build a front-end knowledge system
• Students in computer-related majors seeking a closely integrated textbook combining theory and practice
• Developers from traditional back-end or other technical directions who need to quickly master the fundamentals of modern front-end development
• Highly self-motivated self-learners who prefer to consolidate learning through hands-on exercises and cases

Not a good fit for

• Developers seeking in-depth explanations of advanced usage of a front-end framework such as Vue or React
• Senior engineers with rich front-end project experience who hope to study underlying principles or performance optimization

Reading tips

1. It is recommended to study strictly in chapter order and ensure basic concepts are solid before carrying out subsequent case practice
2. Make full use of the book's online training sessions and be sure to hands-on complete every case's code; do not stop at reading
3. During learning, try making small modifications or extending the functionality of the book's cases to test your understanding

About the publisher

Posts & Telecom Press is known for its strengths in science and technology, computing, and information and communications titles, and has extended its publishing into photography, art, software learning, and inspirational growth, giving it a fairly diverse range. Its catalog includes computing and communications works such as Refactoring and Patterns (Revised Edition) and Huawei Switch Learning Guide (Second Edition), alongside bilingual collector's editions such as The Little Prince (Chinese-English-French illustrated collector's edition), The Great Gatsby, and Three Days to See. Beijing Ten Years: 1980-1990 and Ghost Blade: WLOP Personal Illustration Collection reflect its presence in photography and art. Its authors include Antoine de Saint-Exupéry, Helen Keller, Joshua Kerievsky, Wang Da, Zhang Zhaozeng, and WLOP.

Contents

1. 版权信息
2. 内容提要
3. 从书序
4. 前言
5. 第一篇 基础篇
6. 第1章 Web前端开发基础知识
7. 1.1 基础概念
8. 1.2 网页与HTML语言
9. 1.3 Web标准：结构、表现与行为
10. 1.4 初步理解网站开发的过程
11. 本章小结
12. 习题1
13. 第2章 HTML5语言基础
14. 2.1 HTML5基本知识
15. 2.2 实例：利用VS Code快速建立基本文档
16. 2.3 文本标记
17. 2.4 HTML标记与HTML属性
18. 2.5 在网页中使用图片（<img>）
19. 2.6 再谈HTML5
20. 2.7 实例：创建一个简单的网页
21. 本章小结
22. 习题2
23. 第3章 CSS语言基础
24. 3.1 入门知识
25. 3.2 理解CSS规则
26. 3.3 基本CSS选择器
27. 3.4 在HTML中使用CSS的方法
28. 本章小结
29. 习题3
30. 第4章 CSS3选择器
31. 4.1 理解复合选择器
32. 4.2 CSS的继承和层叠特性
33. 4.3 关系选择器
34. 4.4 属性选择器
35. 4.5 结构伪类选择器
36. 4.6 伪元素选择器
37. 本章小结
38. 习题4
39. 第二篇 样式与布局篇
40. 第5章 用CSS设置文本样式
41. 5.1 长度单位
42. 5.2 颜色定义
43. 5.3 实例：通过文字样式美化一个页面
44. 5.4 实例：通过段落样式美化页面
45. 本章小结
46. 习题5
47. 第6章 用CSS设置图片效果
48. 6.1 设置图片边框
49. 6.2 图片缩放
50. 6.3 图文混排
51. 6.4 实例：八大行星科普网页
52. 6.5 设置图片与文字的对齐方式
53. 本章小结
54. 习题6
55. 第7章 盒子模型
56. 7.1 “盒子”与“模型”的概念探究
57. 7.2 边框（border）
58. 7.3 设置内边距（padding）
59. 7.4 设置外边距（margin）
60. 7.5 盒子之间的关系
61. 7.6 盒子在标准流中的定位原则
62. 7.7 实例：盒子模型计算思考题
63. 7.8 盒子模型相关的常用样式
64. 本章小结
65. 习题7
66. 第8章 用CSS设置常用元素样式
67. 8.1 设置链接与导航菜单
68. 8.2 设置表格样式
69. 8.3 设置表单样式
70. 本章小结
71. 习题8
72. 第9章 经典DIV+CSS网页布局方法
73. 9.1 向报纸学习排版思想
74. 9.2 CSS排版观念
75. 9.3 元素的浮动
76. 9.4 元素的定位
77. 9.5 z-index空间位置
78. 9.6 经典两列布局
79. 9.7 Grid和Flexbox布局
80. 本章小结
81. 习题9
82. 第三篇 JavaScript开发篇
83. 第10章 JavaScript基础
84. 10.1 JavaScript简介
85. 10.2 JavaScript的基本语法
86. 10.3 使用VS Code编写第一个包含JavaScript的页面
87. 10.4 关键字与保留字
88. 10.5 变量
89. 10.6 数据类型
90. 本章小结
91. 习题10
92. 第11章 程序控制流与函数
93. 11.1 顺序结构：赋值语句与表达式
94. 11.2 分支结构：条件语句
95. 11.3 循环语句
96. 11.4 函数
97. 11.5 异常处理
98. 本章小结
99. 习题11
100. 第12章 JavaScript中的对象
101. 12.1 理解对象的含义
102. 12.2 时间日期：Date对象
103. 12.3 数学计算：Math对象
104. 12.4 原始类型与装箱
105. 12.5 BOM对象
106. 本章小结
107. 习题12
108. 第13章 以集合方式处理数据
109. 13.1 数组
110. 13.2 对象
111. 13.3 集合类型
112. 本章小结
113. 习题13
114. 第14章 DOM
115. 14.1 网页中的DOM框架
116. 14.2 DOM中的节点
117. 14.3 通过JavaScript访问DOM
118. 14.4 DOM与CSS
119. 14.5 事件
120. 本章小结
121. 习题14
122. 丛书配套在线实训平台
123. 知识导图

FAQ

This site is an index: you start “Search all sources” in your browser, and the entries it lists all point to third-party sites; please judge their availability yourself.

About the author

Wen Qian is an author of Chinese books on computer technology. Publicly available information is limited, and details such as nationality, dates of birth and death, and an English name are not clearly recorded. Judging from the nine works held in the collection, Wen Qian's writing focuses on web design and front-end development, covering HTML, CSS, JavaScript, and their use with frameworks and libraries such as Vue.js, jQuery, and Bootstrap. The works mainly take two forms: "from beginner to mastery" guides, which systematically explain the basics of web design and layout for newcomers, and "case-based tutorials: online training edition," which use examples and online practice to help readers master practical web development. Overall, Wen Qian's books emphasize hands-on practice and teaching, keep pace with updates in the front-end technology stack, and are suitable as introductory learning and classroom training references.