HTML+CSS+JavaScript Web前端开发技术 封面

HTML+CSS+JavaScript Web前端开发技术

评分 3.7
字数
13.6万字
章节数
324
ISBN
9787115453716

标签

内容简介

本书全面介绍了Web标准的三个主要组成部分HTML、CSS和JavaScript,本书循序渐进地讲述了三大Web前端开发技术的内容、应用技巧以及它们的综合应用,每部分都配置了大量的实用案例,图文并茂,效果直观。在HTML篇,本书系统介绍了常用的HTML标签、HTML5语法变化、HTML5表单新增属性和新增input元素类型、HTML5新增文档结构元素和表单元素,以及新增的客户端校验方式等内容;在CSS篇,本书系统介绍了CSS定义、CSS常用选择器、CSS常用属性、盒子模型、定位排版和浮动排版、网页常用布局版式及其应用等内容;在JavaScript篇,本书系统介绍了JavaScript的基础知识、脚本函数、事件处理、正则表达式模式匹配、JavaScript内置对象、BOM对象、DOM模型以及使用DOM操作HTML文档等内容;然后,在HTML+CSS+JavaScript综合案例篇通过一个综合实例,详细讲解了整合三大Web前端技术制作网页所涉及的各方面内容和技巧。本书可作为大中专院校及培训学校计算机及相关专业的教材,并可供从事前端开发工作的相关人员参考。

编辑推荐

《HTML+CSS+JavaScript Web前端开发技术》是一本面向Web前端开发初学者的经典入门教材。作者聂常红在人民邮电出版社出版的这本书籍,以其系统性,实践性和清晰度,在国内众多前端技术书籍中占据了稳固的一席之地。作为一本高校教材和自学读物,它并没有追求最新,最炫的技术框架,而是牢牢把握住万变不离其宗的核心三剑客——HTML,CSS和JavaScript,为读者构建了一个坚实的地基。本书内容编排遵循了渐进式的学习路径,从网页结构标记语言HTML入手,逐步深入到样式表现层CSS,最后是赋予网页交互能力的JavaScript,逻辑清晰,降低了初学者的入门门槛。书中不仅讲解了语法和规则,更重要的是融入了大量的实例代码和综合案例,强调"动手做"的学习理念,这对于编程学习至关重要。作为编辑,我认为这本书的最大价值在于其"教科书"式的严谨与全面。它不浮躁,不堆砌时髦词汇,而是扎实地覆盖了前端开发的基础知识体系,包括HTML5和CSS3的新特性也有恰当的引入。对于希望系统学习前端开发,打好基础,理解Web页面从构建到呈现全过程的读者而言,这是一本非常可靠的指南。虽然它可能不会带你立刻上手React或Vue,但书中建立的思维模式和扎实的基本功,将是你在前端领域走得更远的关键。

适合谁读

适合

  • 计算机科学或相关专业的高校学生,作为配套教材或课外参考书。
  • 零基础但希望系统学习Web前端开发技术的转行人士或爱好者。
  • 需要巩固HTML,CSS,JavaScript核心知识的初级开发者。
  • 从事网页设计,后端开发等工作,需要了解前端基础知识的从业人员。

不适合

  • 寻求深入学习现代前端框架(如React,Vue.js)或工程化,性能优化等高级主题的资深开发者。
  • 希望快速查阅API或解决特定疑难问题的开发者,本书更适合系统性学习而非工具书查阅。

阅读建议

  1. 建议严格按照书籍章节顺序学习,动手敲写每一章的示例代码,理解其含义。
  2. 在学习JavaScript部分时,务必结合浏览器开发者控制台进行调试和实验,直观感受代码运行结果。
  3. 完成书中的综合案例后,尝试模仿并创建自己的小型项目,如个人简介页面或简单交互应用,以巩固知识。

出版社简介

人民邮电出版社 中国 · 成立于 1953 年

人民邮电出版社以科技、计算机与信息通信类图书见长,并由此延伸至摄影、艺术、软件学习与励志成长等门类,形成较为多元的出版方向。库内图书既涵盖《重构与模式(修订版)》《华为交换机学习指南(第二版)》等计算机与通信技术读物,也收录《小王子(中英法彩绘典藏纪念版)》《了不起的盖茨比》《假如给我三天光明》等双语典藏类作品;《北京十年:1980-1990》与《鬼刀 WLOP个人插画作品集》则体现其在摄影与艺术领域的布局。作者资源包括安东尼·圣埃克苏佩里、海伦·凯勒、Joshua Kerievsky、王达、张兆增与WLOP等。

目录

  1. 版权信息
  2. 内容提要
  3. 前言
  4. 第1篇 HTML篇
  5. 第1章 HTML基础
  6. 1.1 基本概念
  7. 1.2 HTML概述
  8. 1.2.1 HTML定义
  9. 1.2.2 HTML的发展历程
  10. 1.3 HTML文件
  11. 1.3.1 HTML标签
  12. 1.3.2 HTML文件的基本结构
  13. 1.3.3 HTML文件的编写方法
  14. 1.4 XHTML基础
  15. 1.4.1 XHTML基本语法
  16. 1.4.2 XHTML文档类型
  17. 1.5 网站的建设与发布
  18. 1.5.1 网站策划
  19. 1.5.2 网站素材收集
  20. 1.5.3 网页规划
  21. 1.5.4 网站目录设计
  22. 1.5.5 网页制作
  23. 1.5.6 网站测试
  24. 1.5.7 网站发布
  25. 习题 1
  26. 第2章 页面的头部标签
  27. 2.1 页面的头部标签
  28. 2.2 标题标签<title>
  29. 2.3 元信息标签<meta>
  30. 2.3.1 <meta >标签属性
  31. 2.3.2 设定网页关键字
  32. 2.3.3 设定网页描述信息
  33. 2.3.4 设定网页字符集
  34. 2.3.5 设定网页自动刷新
  35. 2.3.6 设定网页自动跳转
  36. 习题 2
  37. 第3章 页面的主体标签<body>
  38. 3.1 设置网页正文颜色与背景颜色
  39. 3.2 添加网页背景图片
  40. 3.3 设置网页链接文字颜色
  41. 3.4 设置网页边距
  42. 习题 3
  43. 第4章 文字与段落标签
  44. 4.1 常用文字标签
  45. 4.1.1 文字内容的输入
  46. 4.1.2 标题字设置
  47. 4.1.3 使用strong设置强调并加强文字
  48. 4.2 段落标签
  49. 4.2.1 段落标签<p>
  50. 4.2.2 换行标签<br>
  51. 习题 4
  52. 第5章 列表标签
  53. 5.1 有序列表
  54. 5.1.1 有序列表的前导符设置
  55. 5.1.2 有序列表的前导符起始编号设置
  56. 5.2 无序列表
  57. 5.2.1 项目列表
  58. 5.2.2 项目列表的前导符设置
  59. 5.2.3 定义列表
  60. 5.3 嵌套列表
  61. 习题 5
  62. 第6章 图片标签
  63. 6.1 网页常用图片格式
  64. 6.2 插入图片
  65. 6.2.1 设置图片大小
  66. 6.2.2 设置图片描述信息和替换信息
  67. 6.2.3 设置图片与周围对象的间距
  68. 6.2.4 设置图片的对齐方式
  69. 6.2.5 设置图片的边框
  70. 习题 6
  71. 第7章 在网页中嵌入多媒体内容
  72. 7.1 概述
  73. 7.2 设置滚动字幕
  74. 7.2.1 设置默认效果的滚动字幕
  75. 7.2.2 设置滚动字幕的滚动方向
  76. 7.2.3 设置滚动字幕的滚动行为
  77. 7.2.4 设置字幕的滚动速度和滚动延迟特性
  78. 7.3 使用<object>嵌入Flash动画
  79. 7.4 使用<embed>嵌入多媒体内容
  80. 7.5 使用<video>嵌入媒体内容
  81. 7.6 使用<audio>嵌入音频
  82. 习题 7
  83. 第8章 在网页中创建超链接
  84. 8.1 创建超链接
  85. 8.1.1 超链接标签
  86. 8.1.2 设置超链接目标窗口
  87. 8.1.3 超链接的链接路径
  88. 8.2 基准URL标签<base>
  89. 8.3 超链接的类型
  90. 8.3.1 内部链接
  91. 8.3.2 外部链接
  92. 8.3.3 书签链接
  93. 8.3.4 脚本链接
  94. 8.3.5 文件下载
  95. 8.3.6 文本链接
  96. 8.3.7 图片链接
  97. 8.4 超链接与浮动框架
  98. 8.4.1 在页面中嵌入浮动框架
  99. 8.4.2 设置浮动框架的大小
  100. 8.4.3 设置浮动框架的边框
  101. 8.4.4 浮动框架作为超链接目标
  102. 习题 8
  103. 第9章 在网页中使用表格
  104. 9.1 表格概述
  105. 9.2 表格标签<table>
  106. 9.2.1 设置表格的边框
  107. 9.2.2 设置表格的宽度和高度
  108. 9.2.3 设置表格的对齐方式
  109. 9.2.4 设置表格的边距
  110. 9.2.5 设置表格的间距
  111. 9.2.6 设置表格的标题
  112. 9.3 <tr>标签
  113. 9.4 <td>和<th>标签
  114. 9.4.1 使用<th>创建表头
  115. 9.4.2 设置单元格的对齐方式
  116. 9.4.3 设置单元格的边框颜色和背景颜色
  117. 9.4.4 设置单元格的背景图片
  118. 9.4.5 设置单元格的宽度和高度
  119. 9.4.6 单元格的跨行和跨列设置
  120. 9.5 表格的综合示例:使用表格布局网页
  121. 习题 9
  122. 第10章 在网页中创建表单
  123. 10.1 表单概述
  124. 10.2 表单标签
  125. 10.2.1 表单标签<form>
  126. 10.2.2 输入标签<input>
  127. 10.2.3 选择列表标签<select>
  128. 10.2.4 文本域标签<textarea>
  129. 10.3 表单综合示例:使用表单收集个人信息
  130. 习题 10
  131. 第11章 HTML5 语法变化及新增文档结构元素
  132. 11.1 HTML5 语法变化
  133. 11.2 HTML5 新增文档结构元素
  134. 习题 11
  135. 第12章 HTML5 表单
  136. 12.1 表单新增属性
  137. 12.1.1 form属性
  138. 12.1.2 formaction属性
  139. 12.1.3 autofocus属性
  140. 12.1.4 pattern属性
  141. 12.1.5 placeholder属性
  142. 12.1.6 required属性
  143. 12.2 新增的input元素类型
  144. 12.2.1 tel类型
  145. 12.2.2 email类型
  146. 12.2.3 url类型
  147. 12.2.4 number类型
  148. 12.2.5 range类型
  149. 12.2.6 search类型
  150. 12.2.7 color类型
  151. 12.2.8 date类型
  152. 12.2.9 time类型
  153. 12.2.10 datetime类型
  154. 12.2.11 datetime-local类型
  155. 12.2.12 week类型
  156. 12.2.13 month类型
  157. 12.3 提交按钮新增取消验检属性
  158. 习题 12
  159. 第2篇 CSS篇
  160. 第13章 CSS的定义及应用
  161. 13.1 CSS概述
  162. 13.2 定义CSS的基本语法
  163. 13.3 CSS基本选择器
  164. 13.3.1 元素选择器
  165. 13.3.2 类选择器
  166. 13.3.3 ID选择器
  167. 13.3.4 通用选择器
  168. 13.3.5 伪类选择器
  169. 13.3.6 伪元素选择器
  170. 13.4 CSS复合选择器
  171. 13.4.1 交集选择器
  172. 13.4.2 并集选择器
  173. 13.4.3 属性选择器
  174. 13.4.4 后代选择器
  175. 13.4.5 子元素选择器
  176. 13.4.6 相邻兄弟选择器
  177. 13.5 CSS常用属性
  178. 13.5.1 文本属性
  179. 13.5.2 字体属性
  180. 13.5.3 背景属性
  181. 13.5.4 列表属性
  182. 13.5.5 表格属性
  183. 13.6 在HTML文档中应用CSS
  184. 13.6.1 行内式
  185. 13.6.2 内嵌式
  186. 13.6.3 链接式
  187. 13.6.4 导入式
  188. 13.6.5 CSS的冲突与解决
  189. 习题 13
  190. 第14章 盒子模型及盒子的CSS排版
  191. 14.1 盒子模型
  192. 14.1.1 盒子模型的组成
  193. 14.1.2 盒子的边框(border)设置
  194. 14.1.3 盒子的内边距(padding)设置
  195. 14.1.4 盒子外边距(margin)设置
  196. 14.1.5 盒子内容大小设置
  197. 14.2 盒子的CSS排版
  198. 14.2.1 普通流排版
  199. 14.2.2 盒子外边距的合并
  200. 14.2.3 相邻盒子之间的水平间距
  201. 14.2.4 浮动排版
  202. 14.2.5 定位排版
  203. 习题 14
  204. 第15章 网页常见布局版式
  205. 15.1 上中下一栏版式
  206. 15.2 左右两栏版式
  207. 15.3 左右两栏+页眉+页脚版式
  208. 15.4 左右宽度固定中间自适应的左中右三栏版式
  209. 15.5 左右宽度固定中间自适应的左中右三栏+页眉+页脚版式
  210. 15.6 DIV+CSS布局与表格布局的比较
  211. 习题 15
  212. 第3篇 JavaScript篇
  213. 第16章 JavaScript基础
  214. 16.1 JavaScript概述
  215. 16.2 标识符和关键字
  216. 16.3 直接量
  217. 16.4 变量
  218. 16.4.1 变量的声明与赋值
  219. 16.4.2 变量的作用域
  220. 16.5 数据类型
  221. 16.5.1 数字类型
  222. 16.5.2 字符串类型
  223. 16.5.3 布尔类型
  224. 16.5.4 null和undefined类型
  225. 16.5.5 数据类型的转换
  226. 16.6 表达式和运算符
  227. 16.6.1 算术表达式
  228. 16.6.2 关系表达式
  229. 16.6.3 逻辑表达式
  230. 16.6.4 赋值表达式
  231. 16.6.5 条件表达式
  232. 16.6.6 其他运算符
  233. 16.6.7 运算符的优先级及结合性
  234. 16.7 语句
  235. 16.7.1 表达式语句
  236. 16.7.2 声明语句
  237. 16.7.3 条件语句
  238. 16.7.4 循环语句
  239. 16.7.5 循环终止和退出语句
  240. 16.7.6 注释语句
  241. 16.8 JavaScript代码的调试方法
  242. 16.8.1 使用alert()方法调试脚本代码
  243. 16.8.2 使用write()方法调试脚本代码
  244. 16.9 JavaScript代码的常用调试工具
  245. 16.9.1 IE开发人员工具
  246. 16.9.2 Firebug工具
  247. 习题 16
  248. 第17章 在网页中嵌入脚本
  249. 17.1 在HTML标签的事件属性中直接添加脚本
  250. 17.2 使用script标签插入脚本
  251. 17.3 使用script标签链接脚本文件
  252. 习题 17
  253. 第18章 脚本函数
  254. 18.1 函数定义
  255. 18.2 函数调用
  256. 18.2.1 函数的一般调用
  257. 18.2.2 在事件响应中调用函数
  258. 18.2.3 在链接中调用函数
  259. 18.3 内置函数
  260. 习题 18
  261. 第19章 事件处理
  262. 19.1 事件处理概述
  263. 19.2 注册事件处理程序
  264. 19.2.1 设置HTML标签的事件属性为事件处理程序
  265. 19.2.2 设置事件目标的事件属性为事件处理函数
  266. 19.2.3 使用事件目标调用addEventListener()方法
  267. 19.3 事件处理程序的调用
  268. 19.3.1 事件处理程序与this的使用
  269. 19.3.2 事件对象event
  270. 19.3.3 事件处理程序的返回值
  271. 习题 19
  272. 第20章 正则表达式模式匹配
  273. 20.1 正则表达式定义
  274. 20.2 使用RegExp对象进行模式匹配
  275. 20.2.1 创建RegExp对象
  276. 20.2.2 RegExp对象常用属性和方法
  277. 20.3 用于模式匹配的String方法
  278. 习题 20
  279. 第21章 JavaScript内置对象
  280. 21.1 Array对象
  281. 21.2 String对象
  282. 21.3 Math对象
  283. 21.4 Date对象
  284. 习题 21
  285. 第22章 BOM对象
  286. 22.1 BOM结构
  287. 22.2 Window对象
  288. 22.3 Navigator对象
  289. 22.4 Location对象
  290. 22.5 History对象
  291. 22.6 Screen对象
  292. 习题 22
  293. 第23章 使用DOM操作HTML文档
  294. 23.1 DOM概述
  295. 23.2 DOM对象
  296. 23.2.1 Document对象
  297. 23.2.2 元素对象
  298. 23.2.3 属性对象
  299. 23.3 使用DOM访问文档元素
  300. 23.3.1 获取文档元素
  301. 23.3.2 访问和设置文档元素属性
  302. 23.4 使用DOM创建、插入、修改和删除节点
  303. 23.5 表单及表单元素对象
  304. 23.5.1 表单对象
  305. 23.5.2 表单元素对象
  306. 习题 23
  307. 第24章 JavaScript经典实例
  308. 24.1 使用JavaScript创建选项卡切换内容块
  309. 24.2 使用JavaScript创建对联广告
  310. 24.3 使用JavaScript创建折叠菜单
  311. 24.4 使用JavaScript创建二级菜单
  312. 习题 24
  313. 第4篇 HTML+CSS+JavaScript综合案例篇
  314. 第25章 使用HTML+CSS+JavaScript创建企业网站
  315. 25.1 企业网站的创建流程
  316. 25.2 公司简介网页的制作
  317. 25.2.1 页面头部制作
  318. 25.2.2 页面内容布局版式
  319. 25.2.3 页面主体内容制作
  320. 25.2.4 页面侧边栏制作
  321. 25.2.5 页脚制作
  322. 25.2.6 网页居中显示设置
  323. 25.3 网上订购页面的制作
  324. 教师服务登记表

常见问题

这本书的代码和案例是基于哪个版本的?
本书主要涵盖了HTML5,CSS3和ECMAScript 5(ES5)的标准内容,这些都是现代Web开发的基石。书中对JavaScript的讲解以基础语法和DOM操作为主,为后续学习ES6+新特性打下了基础。
这本书适合完全没接触过编程的人吗?
非常适合。本书定位就是面向初学者,从最基础的概念讲起,语言通俗,并配有大量图示和示例。只要具备基本的计算机操作能力,并愿意投入时间练习,完全可以凭借此书入门。
学习完这本书能达到什么水平?
学习完成后,你将能够独立使用HTML,CSS和原生JavaScript构建具有良好结构,样式和基础交互功能的静态网站。你将理解Web前端的工作原理,并具备进一步学习JavaScript高级特性或主流前端框架的能力。

读者评论

查询本书

本站为索引目录:「全网查询」由您发起、在您的浏览器中运行,所列入口均指向第三方站点,请自行判断可用性。

作者简介

聂常红 作者

聂常红是国内计算机技术与前端开发领域的作者,公开资料有限,其个人生平信息尚不明确。从库内收录的四种作品来看,她的写作集中在前端开发与编程设计方向,涉及 JavaScript 语言以及 HTML、CSS 与 JavaScript 的综合运用。代表作品包括《JavaScript修炼之道》和《HTML+CSS+JavaScript Web前端开发技术》,另有《前端HTML+CSS修炼之道(视频同步+直播)》。这些书名显示出她关注 Web 前端基础技术与实战训练,注重将语言知识、页面结构与样式设计结合起来讲解。作品常被归入编程设计与计算机综合类,适合希望系统学习前端开发的读者参考。

同一作者

同类高分