标签
内容简介
本书全面介绍了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或解决特定疑难问题的开发者,本书更适合系统性学习而非工具书查阅。
阅读建议
- 建议严格按照书籍章节顺序学习,动手敲写每一章的示例代码,理解其含义。
- 在学习JavaScript部分时,务必结合浏览器开发者控制台进行调试和实验,直观感受代码运行结果。
- 完成书中的综合案例后,尝试模仿并创建自己的小型项目,如个人简介页面或简单交互应用,以巩固知识。
出版社简介
人民邮电出版社
中国 · 成立于 1953 年
人民邮电出版社以科技、计算机与信息通信类图书见长,并由此延伸至摄影、艺术、软件学习与励志成长等门类,形成较为多元的出版方向。库内图书既涵盖《重构与模式(修订版)》《华为交换机学习指南(第二版)》等计算机与通信技术读物,也收录《小王子(中英法彩绘典藏纪念版)》《了不起的盖茨比》《假如给我三天光明》等双语典藏类作品;《北京十年:1980-1990》与《鬼刀 WLOP个人插画作品集》则体现其在摄影与艺术领域的布局。作者资源包括安东尼·圣埃克苏佩里、海伦·凯勒、Joshua Kerievsky、王达、张兆增与WLOP等。
目录
- 版权信息
- 内容提要
- 前言
- 第1篇 HTML篇
- 第1章 HTML基础
- 1.1 基本概念
- 1.2 HTML概述
- 1.2.1 HTML定义
- 1.2.2 HTML的发展历程
- 1.3 HTML文件
- 1.3.1 HTML标签
- 1.3.2 HTML文件的基本结构
- 1.3.3 HTML文件的编写方法
- 1.4 XHTML基础
- 1.4.1 XHTML基本语法
- 1.4.2 XHTML文档类型
- 1.5 网站的建设与发布
- 1.5.1 网站策划
- 1.5.2 网站素材收集
- 1.5.3 网页规划
- 1.5.4 网站目录设计
- 1.5.5 网页制作
- 1.5.6 网站测试
- 1.5.7 网站发布
- 习题 1
- 第2章 页面的头部标签
- 2.1 页面的头部标签
- 2.2 标题标签<title>
- 2.3 元信息标签<meta>
- 2.3.1 <meta >标签属性
- 2.3.2 设定网页关键字
- 2.3.3 设定网页描述信息
- 2.3.4 设定网页字符集
- 2.3.5 设定网页自动刷新
- 2.3.6 设定网页自动跳转
- 习题 2
- 第3章 页面的主体标签<body>
- 3.1 设置网页正文颜色与背景颜色
- 3.2 添加网页背景图片
- 3.3 设置网页链接文字颜色
- 3.4 设置网页边距
- 习题 3
- 第4章 文字与段落标签
- 4.1 常用文字标签
- 4.1.1 文字内容的输入
- 4.1.2 标题字设置
- 4.1.3 使用strong设置强调并加强文字
- 4.2 段落标签
- 4.2.1 段落标签<p>
- 4.2.2 换行标签<br>
- 习题 4
- 第5章 列表标签
- 5.1 有序列表
- 5.1.1 有序列表的前导符设置
- 5.1.2 有序列表的前导符起始编号设置
- 5.2 无序列表
- 5.2.1 项目列表
- 5.2.2 项目列表的前导符设置
- 5.2.3 定义列表
- 5.3 嵌套列表
- 习题 5
- 第6章 图片标签
- 6.1 网页常用图片格式
- 6.2 插入图片
- 6.2.1 设置图片大小
- 6.2.2 设置图片描述信息和替换信息
- 6.2.3 设置图片与周围对象的间距
- 6.2.4 设置图片的对齐方式
- 6.2.5 设置图片的边框
- 习题 6
- 第7章 在网页中嵌入多媒体内容
- 7.1 概述
- 7.2 设置滚动字幕
- 7.2.1 设置默认效果的滚动字幕
- 7.2.2 设置滚动字幕的滚动方向
- 7.2.3 设置滚动字幕的滚动行为
- 7.2.4 设置字幕的滚动速度和滚动延迟特性
- 7.3 使用<object>嵌入Flash动画
- 7.4 使用<embed>嵌入多媒体内容
- 7.5 使用<video>嵌入媒体内容
- 7.6 使用<audio>嵌入音频
- 习题 7
- 第8章 在网页中创建超链接
- 8.1 创建超链接
- 8.1.1 超链接标签
- 8.1.2 设置超链接目标窗口
- 8.1.3 超链接的链接路径
- 8.2 基准URL标签<base>
- 8.3 超链接的类型
- 8.3.1 内部链接
- 8.3.2 外部链接
- 8.3.3 书签链接
- 8.3.4 脚本链接
- 8.3.5 文件下载
- 8.3.6 文本链接
- 8.3.7 图片链接
- 8.4 超链接与浮动框架
- 8.4.1 在页面中嵌入浮动框架
- 8.4.2 设置浮动框架的大小
- 8.4.3 设置浮动框架的边框
- 8.4.4 浮动框架作为超链接目标
- 习题 8
- 第9章 在网页中使用表格
- 9.1 表格概述
- 9.2 表格标签<table>
- 9.2.1 设置表格的边框
- 9.2.2 设置表格的宽度和高度
- 9.2.3 设置表格的对齐方式
- 9.2.4 设置表格的边距
- 9.2.5 设置表格的间距
- 9.2.6 设置表格的标题
- 9.3 <tr>标签
- 9.4 <td>和<th>标签
- 9.4.1 使用<th>创建表头
- 9.4.2 设置单元格的对齐方式
- 9.4.3 设置单元格的边框颜色和背景颜色
- 9.4.4 设置单元格的背景图片
- 9.4.5 设置单元格的宽度和高度
- 9.4.6 单元格的跨行和跨列设置
- 9.5 表格的综合示例:使用表格布局网页
- 习题 9
- 第10章 在网页中创建表单
- 10.1 表单概述
- 10.2 表单标签
- 10.2.1 表单标签<form>
- 10.2.2 输入标签<input>
- 10.2.3 选择列表标签<select>
- 10.2.4 文本域标签<textarea>
- 10.3 表单综合示例:使用表单收集个人信息
- 习题 10
- 第11章 HTML5 语法变化及新增文档结构元素
- 11.1 HTML5 语法变化
- 11.2 HTML5 新增文档结构元素
- 习题 11
- 第12章 HTML5 表单
- 12.1 表单新增属性
- 12.1.1 form属性
- 12.1.2 formaction属性
- 12.1.3 autofocus属性
- 12.1.4 pattern属性
- 12.1.5 placeholder属性
- 12.1.6 required属性
- 12.2 新增的input元素类型
- 12.2.1 tel类型
- 12.2.2 email类型
- 12.2.3 url类型
- 12.2.4 number类型
- 12.2.5 range类型
- 12.2.6 search类型
- 12.2.7 color类型
- 12.2.8 date类型
- 12.2.9 time类型
- 12.2.10 datetime类型
- 12.2.11 datetime-local类型
- 12.2.12 week类型
- 12.2.13 month类型
- 12.3 提交按钮新增取消验检属性
- 习题 12
- 第2篇 CSS篇
- 第13章 CSS的定义及应用
- 13.1 CSS概述
- 13.2 定义CSS的基本语法
- 13.3 CSS基本选择器
- 13.3.1 元素选择器
- 13.3.2 类选择器
- 13.3.3 ID选择器
- 13.3.4 通用选择器
- 13.3.5 伪类选择器
- 13.3.6 伪元素选择器
- 13.4 CSS复合选择器
- 13.4.1 交集选择器
- 13.4.2 并集选择器
- 13.4.3 属性选择器
- 13.4.4 后代选择器
- 13.4.5 子元素选择器
- 13.4.6 相邻兄弟选择器
- 13.5 CSS常用属性
- 13.5.1 文本属性
- 13.5.2 字体属性
- 13.5.3 背景属性
- 13.5.4 列表属性
- 13.5.5 表格属性
- 13.6 在HTML文档中应用CSS
- 13.6.1 行内式
- 13.6.2 内嵌式
- 13.6.3 链接式
- 13.6.4 导入式
- 13.6.5 CSS的冲突与解决
- 习题 13
- 第14章 盒子模型及盒子的CSS排版
- 14.1 盒子模型
- 14.1.1 盒子模型的组成
- 14.1.2 盒子的边框(border)设置
- 14.1.3 盒子的内边距(padding)设置
- 14.1.4 盒子外边距(margin)设置
- 14.1.5 盒子内容大小设置
- 14.2 盒子的CSS排版
- 14.2.1 普通流排版
- 14.2.2 盒子外边距的合并
- 14.2.3 相邻盒子之间的水平间距
- 14.2.4 浮动排版
- 14.2.5 定位排版
- 习题 14
- 第15章 网页常见布局版式
- 15.1 上中下一栏版式
- 15.2 左右两栏版式
- 15.3 左右两栏+页眉+页脚版式
- 15.4 左右宽度固定中间自适应的左中右三栏版式
- 15.5 左右宽度固定中间自适应的左中右三栏+页眉+页脚版式
- 15.6 DIV+CSS布局与表格布局的比较
- 习题 15
- 第3篇 JavaScript篇
- 第16章 JavaScript基础
- 16.1 JavaScript概述
- 16.2 标识符和关键字
- 16.3 直接量
- 16.4 变量
- 16.4.1 变量的声明与赋值
- 16.4.2 变量的作用域
- 16.5 数据类型
- 16.5.1 数字类型
- 16.5.2 字符串类型
- 16.5.3 布尔类型
- 16.5.4 null和undefined类型
- 16.5.5 数据类型的转换
- 16.6 表达式和运算符
- 16.6.1 算术表达式
- 16.6.2 关系表达式
- 16.6.3 逻辑表达式
- 16.6.4 赋值表达式
- 16.6.5 条件表达式
- 16.6.6 其他运算符
- 16.6.7 运算符的优先级及结合性
- 16.7 语句
- 16.7.1 表达式语句
- 16.7.2 声明语句
- 16.7.3 条件语句
- 16.7.4 循环语句
- 16.7.5 循环终止和退出语句
- 16.7.6 注释语句
- 16.8 JavaScript代码的调试方法
- 16.8.1 使用alert()方法调试脚本代码
- 16.8.2 使用write()方法调试脚本代码
- 16.9 JavaScript代码的常用调试工具
- 16.9.1 IE开发人员工具
- 16.9.2 Firebug工具
- 习题 16
- 第17章 在网页中嵌入脚本
- 17.1 在HTML标签的事件属性中直接添加脚本
- 17.2 使用script标签插入脚本
- 17.3 使用script标签链接脚本文件
- 习题 17
- 第18章 脚本函数
- 18.1 函数定义
- 18.2 函数调用
- 18.2.1 函数的一般调用
- 18.2.2 在事件响应中调用函数
- 18.2.3 在链接中调用函数
- 18.3 内置函数
- 习题 18
- 第19章 事件处理
- 19.1 事件处理概述
- 19.2 注册事件处理程序
- 19.2.1 设置HTML标签的事件属性为事件处理程序
- 19.2.2 设置事件目标的事件属性为事件处理函数
- 19.2.3 使用事件目标调用addEventListener()方法
- 19.3 事件处理程序的调用
- 19.3.1 事件处理程序与this的使用
- 19.3.2 事件对象event
- 19.3.3 事件处理程序的返回值
- 习题 19
- 第20章 正则表达式模式匹配
- 20.1 正则表达式定义
- 20.2 使用RegExp对象进行模式匹配
- 20.2.1 创建RegExp对象
- 20.2.2 RegExp对象常用属性和方法
- 20.3 用于模式匹配的String方法
- 习题 20
- 第21章 JavaScript内置对象
- 21.1 Array对象
- 21.2 String对象
- 21.3 Math对象
- 21.4 Date对象
- 习题 21
- 第22章 BOM对象
- 22.1 BOM结构
- 22.2 Window对象
- 22.3 Navigator对象
- 22.4 Location对象
- 22.5 History对象
- 22.6 Screen对象
- 习题 22
- 第23章 使用DOM操作HTML文档
- 23.1 DOM概述
- 23.2 DOM对象
- 23.2.1 Document对象
- 23.2.2 元素对象
- 23.2.3 属性对象
- 23.3 使用DOM访问文档元素
- 23.3.1 获取文档元素
- 23.3.2 访问和设置文档元素属性
- 23.4 使用DOM创建、插入、修改和删除节点
- 23.5 表单及表单元素对象
- 23.5.1 表单对象
- 23.5.2 表单元素对象
- 习题 23
- 第24章 JavaScript经典实例
- 24.1 使用JavaScript创建选项卡切换内容块
- 24.2 使用JavaScript创建对联广告
- 24.3 使用JavaScript创建折叠菜单
- 24.4 使用JavaScript创建二级菜单
- 习题 24
- 第4篇 HTML+CSS+JavaScript综合案例篇
- 第25章 使用HTML+CSS+JavaScript创建企业网站
- 25.1 企业网站的创建流程
- 25.2 公司简介网页的制作
- 25.2.1 页面头部制作
- 25.2.2 页面内容布局版式
- 25.2.3 页面主体内容制作
- 25.2.4 页面侧边栏制作
- 25.2.5 页脚制作
- 25.2.6 网页居中显示设置
- 25.3 网上订购页面的制作
- 教师服务登记表
常见问题
这本书的代码和案例是基于哪个版本的?
本书主要涵盖了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 前端基础技术与实战训练,注重将语言知识、页面结构与样式设计结合起来讲解。作品常被归入编程设计与计算机综合类,适合希望系统学习前端开发的读者参考。