网页设计与开发：HTML、CSS、JavaScript2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

网页设计与开发：HTML、CSS、JavaScriptPDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 网页设计基础1

1.1 万维网概述1

1.2 HTML语言1

1.3 网页设计相关概念2

1.3.1 超链接2

1.3.2 统一资源定位器2

1.3.3 网站2

1.3.4 网页2

1.3.5 首页3

1.4 网页的开发工具和浏览工具3

1.4.1 网页开发工具3

1.4.2 网页浏览工具4

1.5 网页制作相关技术5

1.5.1 客户端应用技术5

1.5.2 服务器端应用技术7

习题8

第2章 初识HTML9

2.1 HTML概述9

2.1.1 HTML发展历史9

2.1.2 手工编写页面10

2.1.3 使用Dreamweaver创建一个HTML页面11

2.2 文字标记12

2.2.1 显示普通文字13

2.2.2 输入特殊符号13

2.2.3 标题字标记13

2.2.4 修饰文字的标记14

2.2.5 修饰字体标记15

2.3 段落标记15

2.3.1 段落标记<p>16

2.3.2 取消文字换行标记<nobr>16

2.3.3 修饰段落的对齐方式属性align16

2.3.4 保留原始排版方式标记<pre>16

2.4 超链接标记17

2.4.1 链接标记<a>17

2.4.2 书签链接19

2.5 图片标记和列表标记20

2.5.1 插入图片标记<img>20

2.5.2 建立列表21

2.6 综合实例——个性的留言23

知识点提炼24

习题24

实验：设置字符编码24

实验目的24

实验内容25

实验步骤25

第3章 HTML中的表格26

3.1 绘制表格26

3.1.1 设置表格的标题27

3.1.2 设置表格的边框属性27

3.1.3 设置表格的宽度和高度27

3.1.4 设置表格的边框颜色28

3.1.5 设置表格的对齐方式28

3.1.6 设置表格的背景颜色29

3.1.7 设置表格的背景图片29

3.2 行标记<tr>及属性29

3.2.1 设置行的高度30

3.2.2 设置行的边框颜色30

3.2.3 设置行的背景颜色30

3.2.4 设置行的水平对齐方式31

3.2.5 设置行的垂直对齐方式31

3.3 单元格标记<td>属性32

3.3.1 设置单元格的大小32

3.3.2 设置单元格的水平对齐属性33

3.3.3 设置单元格的垂直对齐属性33

3.3.4 设置单元格的水平跨度33

3.3.5 设置单元格的垂直跨度34

3.3.6 设置单元格的背景色35

3.3.7 设置单元格的背景图片35

3.4 表头标记<th>属性35

3.5 表格的结构标记36

3.5.1 设置表首样式36

3.5.2 设置表主体样式37

3.5.3 设置表尾样式38

3.6 综合实例——制作一份个人简历38

知识点提炼42

习题42

实验：使用Dreamweaver创建乘法口诀表42

实验目的42

实验内容42

实验步骤42

第4章 表单的使用45

4.1 什么是表单45

4.2 表单标记<form>45

4.2.1 处理程序action属性46

4.2.2 表单名称name属性46

4.2.3 提交方式method属性46

4.2.4 编码方式enctype属性46

4.2.5 目标显示方式target属性47

4.3 输入标记<input>47

4.3.1 文本域text48

4.3.2 密码域password48

4.3.3 单选框radio49

4.3.4 复选框checkbox49

4.3.5 普通按钮button50

4.3.6 提交按钮submit50

4.3.7 重置按钮reset50

4.3.8 图像域image51

4.3.9 隐藏域hidden52

4.3.1 0文件域file52

4.4 文本区域标记<textarea>53

4.5 菜单和列表标记<select>，<option>53

4.6 综合实例——制作注册页面54

知识点提炼56

习题57

实验：制作用户登录页面57

实验目的57

实验内容57

实验步骤57

第5章 图形图像处理技术59

5.1 Canvas的基础知识59

5.1.1 Canvas是什么59

5.1.2 Canvas元素的基本用法60

5.1.3 绘制带边框矩形61

5.2 在画布中使用路径62

5.2.1 使用arc方法绘制圆形62

5.2.2 使用moveTo与lineTo路径绘制火柴人63

5.2.3 贝塞尔和二次方曲线64

5.3 运用样式与颜色66

5.3.1 fillStyle和strokeStyle属性66

5.3.2 透明度globalAlpha67

5.3.3 线型Line styles68

5.4 绘制渐变图形70

5.4.1 绘制线性渐变70

5.4.2 绘制径向渐变71

5.5 组合多个图形72

5.6 给图形绘制阴影73

5.7 图像的应用74

5.7.1 图像的局部放大74

5.7.2 图像平铺75

5.7.3 图像裁剪76

5.7.4 像素的处理77

5.8 绘制文字78

5.9 保存与恢复状态79

5.1 0文件的保存80

5.1 1综合实例——绘制五角星80

知识点提炼81

习题81

实验：制作大头贴边框82

实验目的82

实验内容82

实验步骤82

第6章 多媒体播放技术83

6.1 HTML多媒体概述83

6.1.1 <object>和<embed>元素83

6.1.2 video与audio元素84

6.2 多媒体元素基本属性85

6.3 多媒体元素常用方法88

6.3.1 媒体播放时的方法88

6.3.2 canPlayType（type）方法89

6.4 多媒体元素重要事件90

6.4.1 事件处理方式90

6.4.2 事件介绍90

6.4.3 事件示例91

6.5 综合实例——在HTML文档中播放音频93

知识点提炼94

习题94

实验：在HTML文档中播放视频95

实验目的95

实验内容95

实验步骤95

第7章 HTML高级应用96

7.1 WebSQL数据库基础96

7.1.1 打开与创建数据库96

7.1.2 执行事务97

7.1.3 插入数据97

7.1.4 数据管理98

7.2 本地缓存的更新及状态检测100

7.2.1 updateready事件100

7.2.2 update方法101

7.2.3 swapCache方法102

7.2.4 更新本地缓存时触发的其他事件102

7.3 检测在线状态104

7.3.1 navigator.onLine属性104

7.3.2 online与offline事件105

7.3.3 离线数据交互应用开发过程105

7.4 使用Web Workers处理线程106

7.4.1 创建和使用Worker106

7.4.2 单层嵌套106

7.4.3 在多个子线程中进行数据的交互108

7.5 综合实例——应用本地数据库创建留言本109

知识点提炼111

习题111

实验：通过传递JSON对象输出用户信息111

实验目的111

实验内容112

实验步骤112

第8章 CSS概述113

8.1 CSS发展概述113

8.2 CSS模块化简介114

8.3 主流浏览器对CSS的支持115

8.4 一个简单的CSS示例116

8.5 综合实例——用CSS控制登录页面样式117

知识点提炼118

习题118

实验：使用CSS样式添加图像边框118

实验目的118

实验内容119

实验步骤119

第9章 CSS中的选择器120

9.1 选择器概述120

9.2 属性选择器121

9.2.1 属性选择器是什么121

9.2.2 灵活运用属性选择器123

9.3 伪类选择器及伪元素124

9.3.1 伪类选择器124

9.3.2 伪元素选择器124

9.4 通用兄弟元素选择器127

9.5 综合实例——随机改变页面的背景色128

知识点提炼129

习题129

实验：设计隔行换色的表格129

实验目的129

实验内容130

实验步骤130

第1O章CSS常用属性132

10.1 text-shadow属性132

10.1.1 text-shadow属性的使用方法132

10.1.2 指定多个阴影133

10.2 文本相关属性134

10.2.1 文本自动换行：word-break134

10.2.2 长单词和URL地址换行135

10.3 背景相关属性136

10.3.1 设置背景颜色136

10.3.2 设置背景图片137

10.4 边框相关属性140

10.4.1 设置边框的线宽140

10.4.2 设置边框的样式141

10.4.3 设置边框的颜色143

10.5 内外边距的相关属性144

10.5.1 设置内边距144

10.5.2 设置外边距145

10.6 尺寸相关属性146

10.6.1 设置对象的宽度146

10.6.2 设置对象的高度147

10.7 定位相关属性149

10.7.1 设置定位方式149

10.7.2 设置层叠顺序150

10.7.3 设置与其父对象的上、下、左、右边的距离150

10.8 表格相关属性152

10.8.1 设置表格边框线的显示方式153

10.8.2 设置单元格边框间距154

10.8.3 设置表格标题位于表格的什么位置155

10.8.4 设置表格布局的方式156

10.9 综合实例——设计隔行变色的单线表格157

知识点提炼158

习题159

实验：让多个字条层叠显示159

实验目的159

实验内容159

实验步骤159

第11章 CSS中的变形与动画161

11.1 2D变换161

11.1.1 应用transform属性实现平移162

11.1.2 应用transform属性实现缩放163

11.1.3 应用transform属性实现倾斜165

11.1.4 应用transform属性实现旋转166

11.1.5 更改变换的中心点167

11.2 过渡效果169

11.2.1 指定过渡持续的时间169

11.2.2 指定参与过渡的属性170

11.2.3 指定过渡的动画类型172

11.2.4 指定过渡的延迟时间174

11.3 Animation动画175

11.3.1 关键帧176

11.3.2 动画属性177

11.4 综合实例——模拟进度条效果179

知识点提炼180

习题181

实验：实现方形变圆形动画效果181

实验目的181

实验内容181

实验步骤181

第12章 JavaScript概述183

12.1 JavaScipt概貌183

12.1.1 JavaScript的历史起源183

12.1.2 JavaScript的主要特点184

12.1.3 JavaScript成功案例184

12.2 搭建JavaScript开发环境186

12.2.1 硬件要求186

12.2.2 软件要求186

12.2.3 浏览器对JavaScript的支持186

12.3 编写JavaScript的工具187

12.3.1 Adobe Dreamweaver188

12.3.2 Microsoft FrontPage188

12.4 JavaScript在HTML中的使用188

12.4.1 在页面中直接嵌入JavaScript189

12.4.2 链接外部JavaScript189

12.5 综合实例——用JS输出中文字符串190

知识点提炼191

习题191

实验：使用Dreamweaver创建JS文件191

实验目的191

实验内容191

实验步骤191

第13章 JavaScript语言基础193

13.1 JavaScript语法前奏193

13.1.1 执行顺序193

13.1.2 大小写敏感194

13.1.3 每行结尾的分号可有可无194

13.2 常用的几种JavaScript数据结构194

13.2.1 标识符194

13.2.2 关键字195

13.2.3 最常程序元素之一——常量195

13.2.4 最常程序元素之二——变量195

13.3 数据是如何分类的——数据类型197

13.3.1 数字型数据197

13.3.2 字符串型198

13.3.3 布尔型199

13.3.4 特殊数据类型200

13.4 运算符201

13.4.1 算术运算符201

13.4.2 比较运算符201

13.4.3 赋值运算符202

13.4.4 字符串运算符203

13.4.5 布尔运算符203

13.4.6 条件运算符204

13.4.7 其他运算符204

13.4.8 运算符优先级205

13.5 JavaScript流程控制语句206

13.5.1 最简单的赋值语句206

13.5.2 条件控制语句206

13.5.3 循环控制语句210

13.6 字符串处理技术213

13.6.1 match方法213

13.6.2 search方法214

13.6.3 replace方法214

13.6.4 split方法214

13.7 JavaScript中的数组对象215

13.7.1 Array对象概述215

13.7.2 常见的几种数组操作217

13.8 综合实例——使用数组存储商品信息219

知识点提炼219

习题220

实验：将数字格式化为指定长度220

实验目的220

实验内容220

实验步骤220

第14章 函数及其使用222

14.1 函数的定义222

14.2 函数的调用223

14.2.1 函数的简单调用223

14.2.2 在事件响应中调用函数224

14.2.3 通过链接调用函数224

14.2.4 函数参数的使用224

14.2.5 使用函数的返回值225

14.3 几种特殊的函数226

14.3.1 Function构造函数与函数直接量226

14.3.2 JavaScript中的内置函数226

14.3.3 嵌套函数的使用228

14.3.4 递归函数的使用229

14.4 综合实例——显示系统时间230

知识点提炼231

习题231

实验：将长数字分位显示231

实验目的231

实验内容232

实验步骤232

第15章 JavaScript对象编程233

15.1 Window窗口对象233

15.1.1 Window对象233

15.1.2 对话框（Dialog）235

15.1.3 窗口对象常用操作237

15.2 Document文档对象244

15.2.1 文档对象概述244

15.2.2 文档对象的常用属性、方法与事件244

15.2.3 Document对象的应用246

15.3 JavaScript与表单操作251

15.3.1 在JavaScript中访问表单251

15.3.2 在JavaScript中访问表单域251

15.3.3 表单的验证251

15.4 DOM对象253

15.4.1 DOM概述253

15.4.2 DOM对象节点属性255

15.4.3 节点的几种操作258

15.4.4 获取文档中的指定元素264

15.4.5 与DHTML相对应的DOM265

15.5 综合实例——通过JS操作XML实现分页267

知识点提炼268

习题269

实验：动态设置网页的标题栏269

实验目的269

实验内容269

实验步骤269

第16章 JavaScript中的事件处理270

16.1 事件与事件处理概述270

16.1.1 事件与事件名称270

16.1.2 JavaScript的常用事件271

16.1.3 事件处理程序的调用272

16.2 DOM事件模型273

16.2.1 事件流273

16.2.2 主流浏览器的事件模型274

16.2.3 事件对象274

16.2.4 注册与移除事件监听器275

16.3 鼠标键盘事件276

16.3.1 鼠标的单击事件276

16.3.2 鼠标的按下或松开事件277

16.3.3 鼠标的移入移出事件278

16.3.4 鼠标的移动事件279

16.3.5 键盘事件的使用279

16.4 页面事件281

16.4.1 加载与卸载事件281

16.4.2 页面大小事件282

16.5 表单事件283

16.5.1 获得焦点与失去焦点事件283

16.5.2 失去焦点修改事件284

16.5.3 表单提交与重置事件284

16.6 综合实例——限制文本框的输入287

知识点提炼287

习题288

实验：屏蔽键盘相关事件288

实验目的288

实验内容288

实验步骤288

第17章 JavaScript高级应用290

17.1 创建和使用Cookie290

17.1.1 Cookie的常用属性290

17.1.2 Cookie的传递流程291

17.1.3 如何对Cookie进行读写291

17.1.4 Cookie的安全问题295

17.2 JavaScript中的图像处理295

17.2.1 图像处理对象——Image对象295

17.2.2 JavaScript中的图像应用296

17.3 嵌入式插件的使用300

17.3.1 object嵌入对象标记概述300

17.3.2 在网页中使用Flash动画301

17.4 文件处理及页面打印303

17.4.1 文件处理对象303

17.4.2 页面打印311

17.5 综合实例——将页面中的表格导出到Word并打印317

知识点提炼319

习题319

实验：无间断的图片滚动效果319

实验目的319

实验内容319

实验步骤319

第18章 Ajax技术的使用321

18.1 Ajax成功案例321

18.1.1 百度搜索提示321

18.1.2 淘宝新会员免费注册322

18.1.3 明日科技编程词典服务网322

18.2 Ajax开发模式与传统开发模式的比较323

18.3 Ajax技术特点324

18.4 Ajax使用的技术324

18.4.1 XMLHttpRequest对象324

18.4.2 XML324

18.4.3 JavaScript325

18.4.4 CSS325

18.4.5 DOM325

18.5 XMLHttpRequest对象325

18.5.1 初始化XMLHttpRequest对象325

18.5.2 XMLHttpRequest对象的常用属性326

18.5.3 XMLHttpRequest对象的常用方法328

18.6 Ajax的重构332

18.6.1 Ajax重构的步骤332

18.6.2 实时显示商城公告334

18.7 综合实例——多级联动下拉列表335

知识点提炼337

习题337

实验：显示上传进度条337

实验目的337

实验内容337

实验步骤337

第19章 jQuery技术341

19.1 jQuery概述341

19.1.1 jQuery能做什么341

19.1.2 jQuery的特点343

19.2 jQuery下载与配置343

19.2.1 下载jQuery344

19.2.2 配置jQuery344

19.3 jQuery的插件345

19.3.1 插件的使用345

19.3.2 流行的插件345

19.4 jQuery选择器347

19.4.1 jQuery的工厂函数347

19.4.2 基本选择器347

19.4.3 层级选择器352

19.4.4 过滤选择器357

19.4.5 表单选择器362

19.5 jQuery控制页面364

19.5.1 对元素内容和值进行操作364

19.5.2 对DOM节点进行操作366

19.5.3 对元素属性进行操作369

19.5.4 对元素的CSS样式操作369

19.6 jQuery的事件处理370

19.6.1 页面加载响应事件371

19.6.2 jQuery 中的事件371

19.6.3 事件绑定373

19.6.4 模拟用户操作373

19.7 jQuery的动画效果375

19.7.1 基本的动画效果375

19.7.2 淡入淡出的动画效果377

19.7.3 滑动效果378

19.7.4 自定义的动画效果380

19.8 综合实例——隔行换色并且鼠标指向行变色的表格381

知识点提炼383

习题383

实验：实现图片传送带383

实验目的383

实验内容384

实验步骤384

第20章 综合案例——企业门户网站387

20.1 概述387

20.2 系统设计387

20.2.1 系统目标387

20.2.2 系统功能结构388

20.2.3 网页预览388

20.3 关键技术390

20.3.1 JavaScript脚本操作391

20.3.2 jQuery技术393

20.3.3 Ajax无刷新技术394

20.4 系统主要模块开发398

20.4.1 使用JavaScript技术实现导航菜单设计398

20.4.2 使用jQuery技术实现图片展示区400

20.4.3 使用Ajax技术实现最新消息页面402

20.4.4 使用JavaScript脚本实现产品推荐页面404

20.4.5 使用JavaScript脚本实现浮动窗口设计405

20.5 小结407

第21章 课程设计——旅游网站前台408

21.1 课程设计目的408

21.2 功能描述408

21.3 网站总体设计408

21.3.1 构建开发环境408

21.3.2 网站功能结构409

21.4 实现过程409

21.4.1 设计网站公共header409

21.4.2 设计网站公共footer415

21.4.3 显示网站介绍及相关图片416

21.4.4 主页左侧导航的实现418

21.4.5 播放音乐420

21.4.6 添加留言功能的实现421

21.5 课程设计总结422