内容简介
本书从入门者的角度出发,通过通俗易懂的语言、丰富多彩的实例,让读者在实践中循序地学ML+CSS+Javascript 编程知识,提升实际开发能力。全书共 20 章,内括 HTML 概述、初识HTML5、图像和超链接、表格与 <div> 标签、列表、表单、多媒体、CSS3 概述、CSS3 中的布局常用属、CSS3 中的动画与变形、响应式网页设计、Javascript 概述、Javascript 基础、Javascript 基本语句、Javascript 中的函数、Javascript 中的对象、Javascript 中的数组、AJAX 技术、jQuery 基础、jQuery 控制网页和事件处理。书中所有知识都结合具体实行介绍,涉及的程序代码也给出了详细的注释,可以使读者轻松领会 HTML+CSS 网页设计的精髓,快速提升开发能力。
目录
篇 基础篇 第 1 章 HTML 概述 .1 1.1 HTML 简介 . 1 1.1.1 什么是 HTML . 1 1.1.2 HTML 的发展历程 . 1 1.2 HTML 文件的基本结构 . 2 1.2.1 HTML 相关概念 . 2 1.2.2 HTML 的基本标签 . 4 1.3 编写个 HTML 文件 7 1.3.1 HTML 文件的编写方法 . 7 1.3.2 手工直接编写网页 . 8 1.3.3 使用可视化软件 WebStorm 制作网页 9 第 2 章 初识 HTML5 .15 2.1 标题 . 15 2.1.1 标题标签 . 15 2.1.2 标题的对齐方式 . 17 2.2 文字 . 19 2.2.1 文字的斜体、下画线、删除线 . 19 2.2.2 文字的上标与下标 . 21 2.2.3 特殊文字符号 . 22 2.3 段落 . 23 2.3.1 段落标签 . 23 2.3.2 段落的换行标签 . 24 2.3.3 段落的原格式标签 . 26 2.4 线 . 27 2.4.1 线标签 . 27 2.4.2 线标签的宽度 . 29目录 第 3 章 图像和超链接 .31 3.1 添加图像 . 31 3.1.1 图像的基本格式 . 31 3.1.2 在 HTML 中添加图像 32 3.2 设置图像属 . 33 3.2.1 图像大小与边框 . 33 3.2.2 图像间距与对齐方式 . 35 3.2.3 替换文本与提示文字 . 36 3.3 链接标签 . 38 3.3.1 文本链接 . 38 3.3.2 书签链接 . 39 3.4 图像的链接 . 41 3.4.1 为图像添加链接 . 41 3.4.2 图像热区链接 . 43 第 4 章 表格与 标签 46 4.1 简单表格 . 46 4.1.1 简单表格的制作 . 46 4.1.2 表头的设置 . 49 4.2 表格的应用 . 51 4.2.1 表格的样式 . 51 4.2.2 表格的合并 . 53 4.2.3 表格的分组 . 55 4.3 标签 . 57 4.3.1 标签的介绍 . 57 4.3.2 标签的应用 . 58 4.4 标签 . 60 4.4.1 标签的介绍 60 4.4.2 标签的应用 61 第 5 章 列表 63 5.1 列表的标签 . 63 5.2 无序列表 . 64 5.2.1 无序列表标签 . 64 5.2.2 无序列表属 65 5.3 有序列表 . 67 5.3.1 有序列表标签 . 67 5.3.2 有序列表属 . 68 5.4 列表的嵌套 . 70 5.4.1 定义列表的嵌套 . 70 5.4.2 无序列表和有序列表的嵌套 . 72 第 6 章 表单 74 6.1 表单概述 . 74 6.1.1 概述 . 74 6.1.2 表单标签 75 6.2 输入标签 . 77 6.2.1 文本框 . 77 6.2.2 单选框和复选框 . 79 6.2.3 按钮 . 81 6.2.4 图像域和文件域 . 84 6.3 文本域和菜单列表控件 . 86 6.3.1 文本域 . 86 6.3.2 菜单列表控件 . 87 第 7 章 多媒体 90 7.1 HTML5 多媒体的简述 . 90 7.1.1 HTML4 中多媒体的应用 . 90 7.1.2 HTML5 网页中的多媒体 . 91 7.2 多媒体元素基本属 . 92 7.3 多媒体元素常用方法 . 97 7.3.1 多媒体播放时的方法 . 97 7.3.2 canPlayType(type) 方法 99 7.4 多媒体元素重要事件 . 100 7.4.1 事件式 . 100 7.4.2 事件介绍 . 100 7.4.3 事件实例 . 101 篇 CSS篇 第 8 章 CSS3 概述 .104 8.1 CSS3 简介 . 104 8.1.1 CSS3 的发展史 . 104 8.1.2 一个简单的 CSS 实例 105 8.2 CSS3 中的选择器 . 108 8.2.1 标签选择器与属选择器 . 108 8.2.2 类选择器和 ID 选择器 111 8.2.3 伪类选择器和伪元素选择器 . 113 8.2.4 其他选择器 . 116 8.3 常用属 . 117 8.3.1 文本相关属 . 117 8.3.2 背景相关属 . 122 8.3.3 列表相关属 . 129 第 9 章 CSS3 中的布局常用属 132 9.1 框模型 . 132 9.1.1 概述 . 132 9.1.2 内、外边距的相关属 . 133 9.1.3 边框的相关属 . 135 9.2 定位相关属 . 137 9.2.1 概述 . 137 9.2.2 设置定位方式 . 137 9.2.3 浮动 . 139 第 10 章 CSS3 中的动画与变形 .141 10.1 2D 变换——transform 141 10.1.1 transform 的基本属值 . 141 10.1.2 应用 transform 属实现旋转 142 10.1.3 应用 transform 属实现缩放 143 10.1.4 应用 transform 属实移 144 10.1.5 应用 transform 属实现倾斜 145 10.1.6 变形原点 . 148 10.2 过渡效果——transition . 149 10.2.1 指定参与过渡的属 . 149 10.2.2 指定过渡的持续时间 . 150 10.2.3 指定过渡的延迟时间 . 150 10.2.4 指定过渡的动画类型 . 150 10.3 动画——Animation . 156 10.3.1 关键帧 . 156 10.3.2 动画属 . 157 第 11 章 响应式网页设计 160 11.1 概述 160 11.1.1 响应式网页设计的概念 . 160 11.1.2 响应式网页设计的优点、缺点和技术原理 . 161 11.2 像素和屏幕分辨率 161 11.2.1 像素和屏幕分辨率 . 162 11.2.2 设备像素和 CSS 像素 163 11.3 视口 163 11.3.1 视口概述 . 164 11.3.2 视口常用属 . 164 11.3.3 媒体查询 . 165 11.4 响应式网页的布局设计 166 11.4.1 常用布局类型 . 166 11.4.2 布局的实现方式 . 167 11.4.3 响应式网页布局的设计与实现 . 168 第三篇 篇 第 12 章 Javascript 概述 171 12.1 Javascript 简述 171 12.2 WebStorm 简介 174 12.3 Javascript 在 HTML 中的使用 175 12.3.1 在网页中直接嵌入 Javascript 代码 . 175 12.3.2 链接外部 Javascript 文件 . 180 12.3.3 作为特定标签的属值使用 . 182 12.4 Javascript 基本语法 182 第 13 章 Javascript 基础 185 13.1 数据类型 . 185 13.1.1 数值型 . 185 13.1.2 字符串型 . 188 13.1.3 布尔型 . 191 13.1.4 特殊数据类型 . 191 13.2 常量和变量 . 191 13.2.1 常量 . 192 13.2.2 变量 . 192 13.3 运算符 . 195 13.3.1 算术运算符 . 196 13.3.2 字符串运算符 . 197 13.3.3 比较运算符 . 198 13.3.4 赋值运算符 . 199 13.3.5 逻辑运算符 . 201 13.3.6 条件运算符 . 202 13.3.7 其他运算符 . 203 13.3.8 运算符优先级 . 204 13.4 表达式 . 206 13.5 数据类型的转换规则 . 207 第 14 章 Javascript 基本语句 .209 14.1 条件判断语句 . 209 14.1.1 if 语句 209 14.1.2 switch 语句 216 14.2 循环语句 . 219 14.2.1 while 语句 . 219 14.2.2 do…while 语句 . 221 14.2.3 for 语句 223 14.2.4 循环语句的嵌套 . 225 14.3 跳转语句 . 226 14.3.1 continue 语句 226 14.3.2 break 语句 . 228 14.4 异常处理语句 . 229 14.4.1 try…catch…fifinally 语句 . 229 14.4.2 Error 对象 230 14.4.3 使用 throw 语句抛出异常 231 第 15 章 Javascript 中的函数 .232 15.1 函数的定义和调用 . 232 15.1.1 函数的定义 . 232 15.1.2 函数的调用 . 233 15.2 函数的参数 . 236 15.3 函数的返回值 . 237 15.4 嵌套函数 . 238 15.4.1 函数的嵌套定义 . 239 15.4.2 函数的嵌套调用 . 239 15.5 递归函数 . 240 15.6 变量的作用域 . 241 15.6.1 全局变量和局部变量 . 242 15.6.2 变量的优先级 . 242 15.7 内置函数 . 243 15.7.1 数值处理函数 . 243 15.7.2 字符串处理函数 . 245 15.8 定义匿名函数 . 246 15.8.1 在表达式中定义函数 . 247 15.8.2 使用 Function() 构造函数定义函数 248 第 16 章 Javascript 中的对象 .249 16.1 对象简介 . 249 16.1.1 什么是对象 . 249 16.1.2 对象的属和方法 . 250 16.1.3 Javascript 对象的种类 250 16.2 自定义对象的创建 . 251 16.2.1 直接创建自定义对象 . 251 16.2.2 通过自定义构造函数创建自定义对象 . 252 16.2.3 通过 Object 对象创建自定义对象 . 256 16.3 对象访问语句 . 258 16.3.1 for…in 语句 259 16.3.2 with 语句 . 260 16.4 常用内部对象 . 261 16.4.1 Math 对象 261 16.4.2 Date 对象 . 264 第 17 章 Javascript 中的数组 .271 17.1 数组介绍 . 271 17.2 定义数组 . 272 17.2.1 定义空数组 . 272 17.2.2 指定数组长度 . 273 17.2.3 指定数组元素 . 273 17.2.4 直接定义数组 . 273 17.3 操作数组元素 . 274 17.3.1 数组元素的输入和输出 . 274 17.3.2 数组元素的添加 . 276 17.3.3 数组元素的删除 . 277 17.4 数组的属 . 277 17.4.1 length 属 277 17.4.2 prototype 属 . 279 17.5 数组的方法 . 280 17.5.1 数组的添加和删除 . 281 17.5.2 设置数组的排列顺序 . 285 17.5.3 获取某段数组元素 . 288 17.5.4 将数组转换成字符串 . 290 第 18 章 AJAX 技术 292 18.1 AJAX 概述 292 18.1.1 AJAX 应用案例 292 18.1.2 AJAX 的开发模式 293 18.1.3 AJAX 的优点 294 18.2 AJAX 的技术组成 295 18.2.1 XMLHttpRequest 对象 . 295 18.2.2 XML. 295 18.2.3 Javascript . 297 18.2.4 DOM 298 18.2.5 CSS 298 18.3 XMLHttpRequest 对象的使用 298 18.3.1 XMLHttpRequest 对象的初始化 . 298 18.3.2 XMLHttpRequest 对象的常用属 . 299 18.3.3 XMLHttpRequest 对象的常用方法 . 301 第 19 章 jQuery 基础 306 19.1 jQuery 概述 . 306 19.2 下载与配置 jQuery . 307 19.3 jQuery 选择器 . 309 19.3.1 jQuery 的工厂函数 . 309 19.3.2 基本选择器 . 310 19.3.3 层级选择器 . 316 19.3.4 过滤选择器 . 323 19.3.5 属选择器 . 329 19.3.6 表单选择器 . 330 第 20 章 jQuery 控制网页和事件处理 .332 20.1 jQuery 控制网页元素 . 332 20.1.1 对元素的内容和行操作 . 332 20.1.2 对网页中的 DOM 节行操作 336 20.1.3 对网页元素的属行操作 . 342 20.1.4 对元素的 CSS 样行操作 343 20.2 jQuery 的事件处理 . 344 20.2.1 网页加载响应事件 . 344 20.2.2 jQuery 中的事件 . 345 20.2.3 事件绑定 . 346 20.2.4 模拟用户操作 . 347


