HTML+CSS+JavaScript Web Front-End Development Technology

Name: HTML+CSS+JavaScript Web Front-End Development Technology
ISBN: 9787115453716

聂常红Posts & Telecom Press · ChinaSep 2021

3.7

Word count: 136K words
Chapters: 324
ISBN: 9787115453716

Report an error Find this book

Summary

This book provides a comprehensive introduction to HTML, CSS, and JavaScript, the three core components of web standards. It progresses step by step through the content, application techniques, and integrated use of these three front-end web development technologies, with abundant practical examples and illustrations throughout for intuitive results. The HTML section systematically covers common HTML tags, HTML5 syntax changes, new HTML5 form attributes and input element types, new HTML5 document structure and form elements, and new client-side validation methods. The CSS section systematically covers CSS definitions, common selectors, common properties, the box model, positioning and floating layouts, common web page layout templates and their applications. The JavaScript section systematically covers JavaScript fundamentals, script functions, event handling, regular expression pattern matching, built-in objects, BOM objects, the DOM model, and using the DOM to manipulate HTML documents. A final integrated case study section then explains in detail all aspects and techniques involved in building web pages by combining the three front-end web technologies. This book can serve as a textbook for computer and related majors in colleges, universities, and training schools, and as a reference for professionals engaged in front-end development.

Editor's review

HTML+CSS+JavaScript Web Front-End Development Technology is a classic introductory textbook for beginners in web front-end development. Authored by Nie Changhong and published by Posts & Telecom Press, this book has secured a solid place among the many front-end technology books in China for its systematic approach, practicality, and clarity. As a college textbook and self-study reader, it does not chase the newest and flashiest technical frameworks but firmly grasps the three core essentials that remain unchanged—HTML, CSS, and JavaScript—building a solid foundation for readers. The book's content follows a progressive learning path, starting with the web structure markup language HTML, gradually delving into the style presentation layer CSS, and finally JavaScript, which empowers web pages with interactivity. The logic is clear, lowering the barrier to entry for beginners. The book not only explains syntax and rules but, more importantly, incorporates a large number of example codes and comprehensive cases, emphasizing a "hands-on" learning philosophy, which is crucial for programming learning. As an editor, I believe the greatest value of this book lies in its "textbook"-style rigor and comprehensiveness. It is not faddish, does not pile up trendy buzzwords, but solidly covers the foundational knowledge system of front-end development, including appropriate introductions to the new features of HTML5 and CSS3. For readers who wish to systematically learn front-end development, build a solid foundation, and understand the entire process of web pages from construction to presentation, this is a very reliable guide. Although it may not immediately get you started with React or Vue, the thinking patterns and solid basic skills established in this book will be the key to going further in the front-end field.

Who it's for

A good fit for

College students majoring in computer science or related fields, as a supporting textbook or extracurricular reference.
Career changers or enthusiasts with zero foundation but hoping to systematically learn web front-end development technology.
Junior developers who need to consolidate their core knowledge of HTML, CSS, and JavaScript.
Practitioners engaged in web design, back-end development, and other work who need to understand basic front-end knowledge.

Not a good fit for

Senior developers seeking in-depth study of modern front-end frameworks (such as React, Vue.js) or advanced topics like engineering and performance optimization.
Developers who wish to quickly look up APIs or solve specific difficult problems; this book is more suitable for systematic learning than as a reference book.

Reading tips

It is recommended to study strictly in the order of the book's chapters, typing out the example code for each chapter and understanding its meaning.
When learning the JavaScript section, be sure to use the browser developer console for debugging and experimentation to intuitively experience the code's running results.
After completing the comprehensive cases in the book, try to imitate and create your own small projects, such as a personal profile page or a simple interactive application, to consolidate knowledge.

About the publisher

Posts & Telecom Press China · Founded in 1953

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.

版权信息
内容提要
前言
第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 网上订购页面的制作
教师服务登记表

FAQ

Which version are the code and cases in this book based on?

This book mainly covers the standard content of HTML5, CSS3, and ECMAScript 5 (ES5), which are the cornerstones of modern web development. The book's explanation of JavaScript focuses on basic syntax and DOM operations, laying the foundation for subsequent learning of ES6+ new features.

Is this book suitable for people who have never touched programming at all?

Very suitable. This book is positioned for beginners, starting from the most basic concepts, with accessible language and a large number of diagrams and examples. As long as you have basic computer operation skills and are willing to invest time in practice, you can completely get started with this book.

What level can be achieved after studying this book?

After completing the study, you will be able to independently use HTML, CSS, and native JavaScript to build static websites with good structure, style, and basic interactive functions. You will understand the working principles of web front-end and possess the ability to further learn advanced JavaScript features or mainstream front-end frameworks.

Comments

Find this book

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

聂常红 Author

Nie Changhong is a Chinese author in the field of computer technology and front-end development. Publicly available information about her is limited, and details of her personal life remain unclear. Judging from the four works held in the library, her writing focuses on front-end development and programming design, covering the JavaScript language as well as the combined use of HTML, CSS, and JavaScript. Her representative works include JavaScript Cultivation Path and HTML+CSS+JavaScript Web Front-End Development Technology, along with Front-End HTML+CSS Cultivation Path (Video Synchronization + Live Streaming). These titles suggest that she attends to foundational Web front-end technologies and hands-on training, emphasizing the integration of language knowledge, page structure, and style design. Her works are often classified under programming design and computer science, and are suitable for readers who wish to study front-end development systematically.