Html+JavaScript网页制作与开发完全学习手册PDF电子书下载

第1篇 HTML技术 1

第1章 HTML入门 1

1.1 什么是HTML 2

1.1.1 HTML的特点 2

1.1.2 HTML的历史 2

1.2 HTML文件的基本结构 2

1.2.1 HTML文件结构 3

1.2.2 编写HTML文件注意事 4

1.3 HTML文件编写方法 4

1.3.1 使用记事本编写HTML页面 5

1.3.2 使用Dreamweaver编写HTML文件 6

1.4 网页设计与开发的过程 6

1.4.1 明确网站定位 6

1.4.2 收集信息和素材 7

1.4.3 规划栏目结构 7

1.4.4 设计页面图像 8

1.4.5 制作页面 8

1.4.6 实现后台功能 9

1.4.7 网站的测试与发布 10

第2章 HTML网页基本标记的使用 11

2.1 HTML页面主体常用设置 12

2.1.1 定义网页背景色：bgcolor 12

2.1.2 设置背景图片：background 12

2.1.3 设置文字颜色：text 13

2.1.4 设置链接文字属性 14

2.1.5 设置页面边距 16

2.2 页面头部元素＜head＞和＜!DOCTYPE＞ 17

2.3 页面标题元素＜title＞ 18

2.4 元信息元素＜meta＞ 19

2.4.1 设置页面关键词 19

2.4.2 设置页面主要内容 20

2.4.3 定义页面的搜索方式 21

2.4.4 定义编辑工具 21

2.4.5 定义页面的作者信息 22

2.4.6 定义网页文字及语言 22

2.4.7 定义页面的跳转 23

2.4.8 定义页面的版权信息 23

2.5 脚本元素＜script＞ 24

2.6 创建样式元素＜style＞ 25

2.7 链接元素＜link＞ 26

2.8 综合实战——创建基本的HTML文件 27

第3章 用HTML设置文字与段落格式 29

3.1 插入其他标记 30

3.1.1 输入空格符号 30

3.1.2 输入特殊符号 30

3.2 设置文字的格式 31

3.2.1 设置字体：face 31

3.2.2 设置字号：size 32

3.2.3 设置文字颜色：color 33

3.2.4 设置粗体、斜体、下划线：b、strong、am、u 34

3.2.5 设置上标与下标：sup、sub 35

3.2.6 多种标题样式的使用：＜h1＞～＜h6＞ 36

3.3 设置段落的格式 37

3.3.1 给文字进行分段：p 37

3.3.2 段落的对齐属性：align 38

3.3.3 不换行标记：nobr 38

3.3.4 换行标记：br 39

3.4 水平线标记 40

3.4.1 插入水平线：hr 40

3.4.2 设置水平线宽度与高度属性：width、size 41

3.4.3 设置水平线的颜色：color 42

3.4.4 设置水平线的对齐方式：align 43

3.4.5 水平线去掉阴影 44

3.5 设置滚动文字 45

3.5.1 滚动文字标签——marquee 45

3.5.2 滚动方向属性——direction 46

3.5.3 滚动方式属性—behavior 47

3.5.4 滚动速度属性——scrollamount 48

3.5.5 滚动延迟属性—scrolldelay 49

3.5.6 滚动循环属性——loop 50

3.5.7 滚动范围属性——width、height 51

3.5.8 滚动背景颜色属性——bgcolor 52

3.5.9 滚动空间属性——hspace、vspace 53

3.6 综合实战——设置页面文本及段落 54

第4章 用HTML创建精彩的图像和多媒体页面 56

4.1 网页中常见的图像格式 57

4.2 插入图像并设置图像属性 57

4.2.1 图像标记：img 58

4.2.2 设置图像高度：height 58

4.2.3 设置图像宽度：width 59

4.2.4 设置图像的边框：border 60

4.2.5 设置图像水平间距：hspace 60

4.2.6 设置图像垂直间距：vspace 61

4.2.7 设置图像的对齐方式：align 62

4.2.8 设置图像的替代文字：alt 62

4.3 添加多媒体文件 63

4.4 添加背景音乐 64

4.4.1 设置背景音乐：bgsound 65

4.4.2 设置循环播放次数：loop 65

4.5 综合实战 66

4.5.1 实战——创建多媒体网页 66

4.5.2 实战——创建图文混合排版网页 67

第5章 用HTML创建超链接 69

5.1 链接和路径 70

5.1.1 超链接的基本概念 70

5.1.2 路径URL 70

5.1.3 HTTP路径 71

5.1.4 FTP路径 72

5.1.5 邮件路径 72

5.2 链接元素＜a＞ 74

5.2.1 指定路径href 74

5.2.2 显示链接目标属性target 75

5.2.3 链接的热键属性 76

accesskey 76

5.3 创建图像的超链接 77

5.3.1 设置图像超链接 78

5.3.2 设置图像热区链接 78

5.4 创建锚点链接 79

5.4.1 创建锚点 79

5.4.2 链接到页面不同位置的锚点链接 81

5.5 下载文件链接 83

5.6 综合实战——给网页添加链接 84

第6章 使用HTML创建强大的表格 86

6.1 创建并设置表格属性 87

6.1.1 表格的基本标记：table、tr、td 87

6.1.2 表格宽度和高度：width、height 88

6.1.3 表格的标题：caption 89

6.1.4 表格的表头：th 90

6.1.5 表格对齐方式：align 91

6.1.6 表格的边框宽度：border 93

6.1.7 表格边框颜色：bordercolor 94

6.1.8 单元格间距：cellspacing 95

6.1.9 单元格边距：cellpadding 96

6.1.10 表格的背景色：bgcolor 97

6.1.11 表格的背景图像：background 98

6.2 表格的结构标记 99

6.2.1 设计表头样式：thead 99

6.2.2 设计表主体样式：tbody 100

6.2.3 设计表尾样式：tfoot 102

6.3 综合实战——使用表格排版网页 104

第7章 创建框架结构网页 108

7.1 窗口框架简介 109

7.2 设置框架集标记frameset属性 109

7.2.1 水平分割窗口：rows 109

7.2.2 垂直分割窗口：cols 110

7.2.3 嵌套分割窗口 111

7.2.4 设置边框：frameborder 112

7.2.5 框架的边框宽度：framespacing 113

7.2.6 框架的边框颜色：bordercolor 114

7.3 设置框架标记frame属性 115

7.3.1 框架页面源文件：src 115

7.3.2 框架名称：name 116

7.3.3 调整框架窗口的尺寸：noresize 117

7.3.3 框架边框与页面内容的水平边距：marginwidth 119

7.3.5 框架边框与页面内容的垂直边距：marginheight 120

7.3.6 设置框架滚动条显示：scrolling 121

7.3.7 不支持框架标记：noframes 121

7.4 浮动框架 122

7.4.1 浮动框架的页面源文件：src 122

7.4.2 浮动框架的宽度和高度：width和height 123

7.4.3 浮动框架对齐方式：align 124

7.4.4 设置浮动框架是否显示滚动条：scrolling 124

7.4.5 浮动框架的边框：frameborder 125

7.5 综合实战——创建上方固定、左侧嵌套的框架网页 126

第8章 创建交换式表单 130

8.1 表单元素＜form＞ 131

8.1.1 动作属性：action 131

8.1.2 发送数据方式属性method 131

8.1.3 名称属性：name 132

8.1.4 编码方式：enctype 132

8.1.5 目标显示方式：target 133

8.2 表单的控件＜input＞ 134

8.2.1 文本域text 134

8.2.2 密码区域password 136

8.2.3 提交按钮submit 137

8.2.4 复位按钮reset 137

8.2.5 图像按钮image 137

8.2.6 单击按钮button 138

8.2.7 复选框checkbox 138

8.2.8 单选按钮radio 139

8.2.9 隐藏区域hidden 140

8.2.10 文件域：file 140

8.2.11 文本区域标记：textarea 141

8.2.12 下拉列表 141

8.2.13 列表项 142

8.3 综合实战——用户注册表单页面实例 143

第9章 列表元素 148

9.1 无序列表元素＜ul＞ 149

9.2 有序列表元素＜ol＞ 150

9.2.1 项目符号的类型属性type 150

9.2.2 有序列表的起始值属性start 152

9.3 列表条目元素＜li＞ 153

9.3.1 项目符号的类型属性type 153

9.3.2 条目编号属性value 155

9.4 定义列表元素＜dl＞ 156

9.5 菜单列表标记menu 157

9.6 目录列表dir 157

9.7 列表的嵌套 158

9.8 综合实战 159

9.8.1 实战——文本导航 159

9.8.2 实战——标签式导航 160

9.8.3 实战——竖排导航 161

第10章 HTML 5入门基础 163

10.1 认识HTML5 164

10.2 HTML 5与HTML4的区别 165

10.2.1 HTML 5的语法变化 165

10.2.2 HTML5中的标记方法 166

10.2.3 HTML 5语法中的3个要点 166

10.2.4 HTML 5与HTML 4在搜索引擎优化的对比 167

10.3 HTML 5新增的元素和废除的元素 168

10.3.1 新增的结构元素 168

10.3.2 新增块级元素 169

10.3.3 新增的行内的语义元素 171

10.3.4 新增的嵌入多媒体元素与交互性元素 174

10.3.5 新增的input元素的类型 175

10.3.6 废除的元素 176

10.4 新增的属性和废除的属性 177

10.4.1 新增的属性 177

10.4.2 废除的属性 178

10.5 创建简单的HTML5页面 180

10.5.1 HTML 5文档类型 180

10.5.2 字符编码 180

10.5.3 页面语言 181

10.5.4 添加样式表 181

10.5.5 添加JavaScript 181

10.5.6 测试结果 181

第11章 HTML 5的结构 182

11.1 新增的主体结构元素 183

11.1.1 article元素 183

11.1.2 section元素 184

11.1.3 nav元素 185

11.1.4 aside元素 187

11.2 新增的非主体结构元素 187

11.2.1 header元素 187

11.2.2 hgroup元素 188

11.2.3 footer元素 189

11.2.4 address元素 189

第2篇 CSS布局 191

第12章 CSS+DIV布局定位基础 191

12.1 网站与Web标准 192

12.1.1 什么是Web标准 192

12.1.2 为什么要建立Web标准 192

12.1.3 怎样改善现有网站 193

12.2 Div标记与Span标记 194

12.2.1 Div概述 194

12.2.2 Div与Span的区别 195

12.3 表格布局与CSS布局的区别 196

12.3.1 CSS的优势 197

12.3.2 表格布局与CSS布局对比 197

第13章 盒子模型及定位 200

13.1 盒子模型 201

13.1.1 盒子模型的概念 201

13.1.2 border 201

13.1.3 padding 208

13.1.4 marqin 211

13.2 盒子的浮动float 214

13.3 盒子的定位 217

13.3.1 绝对定位：absolute 217

13.3.2 固定定位：fixed 219

13.3.3 相对定位：relative 220

13.4 CSS布局理念 221

13.4.1 将页面用div分块 221

13.4.2 设计各块的位置 222

13.4.3 用CSS定位 222

13.5 常见的布局类型 223

13.5.1 使用CSS定位单行单列固定宽度 224

13.5.2 一列自适应 225

13.5.3 两列固定宽度 225

13.5.4 两列宽度自适应 226

13.5.5 三列浮动中间宽度自适应 227

第3篇 JavaScript网页特效 229

第14章 JavaScript基础知识 229

14.1 JavaScript简介 230

14.1.1 JavaScript的历史 230

14.1.2 JavaScript特点 230

14.1.3 JavaScript注释 231

14.2 JavaScript的添加方法 231

14.2.1 内部引用 231

14.2.2 外部调用js文件 232

14.2.3 添加到事件中 233

14.3 第一个JavaScript程序 233

14.3.1 预备知识 233

14.3.2 JavaScript编辑器的选择 234

14.3.3 编写Hello World程序 234

14.3.4 浏览器对JavaScript的支持 235

14.4 综合实战——浏览器状态栏显示信息 236

第15章 数据类型和变量 238

15.1 基本数据类型 239

15.1.1 使用字符串型数据 239

15.1.2 使用数值型数据 239

15.1.3 使用布尔型数据 240

15.1.4 使用Undefined和Null类型 240

15.2 复合数据类型 241

15.2.1 常用的内置对象 241

15.2.2 日期对象 241

15.2.3 数学对象 243

15.2.4 字符串对象 245

15.2.5 数组对象 246

15.3 常量 247

15.3.1 常量的种类 247

15.3.2 常量的使用方法 248

15.4 变量 248

15.4.1 变量的含义 248

15.4.2 变量的定义方式 249

15.4.3 变量的命名规则 249

15.4.4 变量的作用范围 250

15.5 综合实战——制作倒计时特效 250

第16章 表达式与运算符 252

16.1 表达式 253

16.2 操作数 254

16.3 运算符介绍 254

16.3.1 运算符 254

16.3.2 操作数的类型 254

16.4 算术运算符 255

16.4.1 加法运算符 255

16.4.2 减法运算符 255

16.4.3 乘法运算符 256

16.4.4 除法运算符 256

16.4.5 取模运算符 256

16.4.6 负号运算符 257

16.4.7 正号运算符 257

16.4.8 递增运算符 257

16.4.9 递减运算符 258

16.5 关系运算符 258

16.5.1 相等运算符 258

16.5.2 等同运算符 259

16.5.3 不等运算符 259

16.5.4 不等同运算符 260

16.5.5 小于运算符 260

16.5.6 大于运算符 261

16.5.7 小于或等于运算符 261

16.5.8 大于或等于运算符 261

16.6 字符串运算符 262

16.7 赋值运算符 263

16.8 逻辑运算符 263

16.8.1 逻辑与运算符 263

16.8.2 逻辑或运算符 264

16.8.3 逻辑非运算符 264

16.9 位运算符 265

16.9.1 位与运算符 265

16.9.2 位或运算符 265

16.9.3 位异或运算符 265

16.9.4 位非运算符 266

16.9.5 左移运算符 266

16.9.6 带符号右移运算符 267

第17章 JavaScript程序核心语法 268

17.1 函数 269

17.1.1 什么是函数 269

17.1.2 函数的参数传递 269

17.1.3 函数中变量的作用域和返回值 270

17.2 函数的定义 271

17.2.1 函数的普通定义方式 271

17.2.2 函数的变量定义方式 272

17.2.3 函数的指针调用方式 272

17.3 使用选择语句 274

17.3.1 if选择语句 274

17.3.2 if…else选择语句 275

17.3.3 if…else if…else选择语句 276

17.3.4 switch多条件选择语句 277

17.4 使用循环语句 278

17.4.1 for循环语句 278

17.4.2 while循环语句 279

17.4.3 do…while循环语句 280

17.4.4 break和continue跳转语句 281

17.5 综合实战——禁止鼠标右击 282

第18章 JavaScript核心对象 284

18.1 面向对象编程的简单概念 285

18.1.1 什么是面向对象 285

18.1.2 如何创建对象 285

18.1.3 对象的属性 286

18.1.4 对象的方法 286

18.2 对象应用 287

18.2.1 声明和实例化 287

18.2.2 对象的引用 288

18.2.3 对象的废除 289

18.2.4 对象的早绑定和晚绑定 289

18.3 JavaScript的对象层次 290

18.3.1 客户端对象层次介绍 290

18.3.2 浏览器对象模型 290

18.4 综合实战——显示当前时间 291

第19章 JavaScript中的事件 294

19.1 事件驱动与事件处理 295

19.1.1 事件详解 295

19.1.2 事件与事件驱动 295

19.1.3 事件与处理代码关联 296

19.1.4 调用函数的事件 297

19.1.5 调用代码的事件 298

19.1.6 设置对象事件的方法 299

19.2 常见事件 300

19.2.1 onClick事件 300

19.2.2 onchange事件 301

19.2.3 onSelect事件 302

19.2.4 onfocus事件 304

19.2.5 onload事件 305

19.2.6 鼠标移动事件 305

19.2.7 onblur事件 307

19.2.8 onsubmit事件和onreset事件 308

19.2.9 onresize页面大小事件 308

19.2.10 键盘事件 309

19.3 其他常用事件 310

19.4 综合实战——将事件应用于按钮中 312

第20章 窗口对象 313

20.1 window对象 314

20.1.1 window对象介绍 314

20.1.2 window对象的使用方法 314

20.2 窗口的位置 316

20.2.1 获取窗口外侧及内侧尺寸 316

20.2.2 按照指定的数值逐渐移动浏览器 318

20.2.3 滚动窗口 318

20.2.4 调整窗口的大小 319

20.3 对话框 320

20.3.1 警告对话框 320

20.3.2 询问对话框 321

20.3.3 输入对话框 322

20.4 状态栏 322

20.4.1 状态栏介绍 322

20.4.2 默认状态栏信息 323

20.4.3 状态栏瞬间信息 323

20.4.4 在状态栏显示滚动文字 324

20.4.5 在状态栏显示问候语句 325

20.4.6 检索页面中的文字 326

20.5 窗口操作 327

20.5.1 打开新窗口 327

20.5.2 窗口名字 328

20.5.3 关闭窗口 328

20.5.4 窗口的引用 329

20.5.5 在显示器左上角显示窗口 330

20.5.6 在显示器左下角显示窗口 330

20.5.7 在显示器右上角显示窗口 331

20.5.8 在显示器右下角显示窗口 332

20.6 综合实战 333

20.6.1 实战——全屏显示窗口 333

20.6.2 实战——定时关闭窗口 334

第21章 屏幕和浏览器对象 336

21.1 屏幕对象 337

21.1.1 检测显示器参数 337

21.1.2 客户端显示器屏幕分辨率 337

21.1.3 客户端显示器屏幕的有效宽度和高度 338

21.1.4 获取显示器的显示信息 339

21.2 浏览器对象 340

21.2.1 获取浏览器对象的属性值 340

21.2.2 Plugin插件 341

21.2.3 获取可使用的MIME类型 342

21.3 综合实战 343

21.3.1 实战——设置为首页和加入收藏夹 343

21.3.2 实战——浏览器状态栏显示信息 345

第22章 文档对象 347

22.1 文档对象概述 348

22.1.1 文档对象介绍 348

22.1.2 文档对象的使用方法 350

22.1.3 引用文档中对象的方法 351

22.2 文档对象的应用 352

22.2.1 设置超链接的颜色 352

22.2.2 设置网页背景颜色和默认文字颜色 353

22.2.3 文档上次修改时间 354

22.2.4 在网页中输出内容 354

22.2.5 文档定位 355

22.2.6 文档标题 355

22.2.7 打开和关闭文档 356

22.3 链接对象 357

22.3.1 链接对象的介绍 357

22.3.2 感知鼠标移动事件 358

22.4 脚本化cookie 358

22.4.1 cookie介绍 359

22.4.2 cookie的优点和缺点 359

22.4.3 检测浏览器是否支持cookie功能 360

22.4.4 创建cookie 360

22.4.5 cookie的生存期 360

22.5 综合实战——文字连续变换多种颜色 361

第23章 历史对象和地址对象 362

23.1 历史对象 363

23.1.1 历史对象的介绍 363

23.1.2 前进到上一页和后退到下一页 363

23.1.3 跳转 364

23.1.4 创建返回或前进到数页前页面的按钮 365

23.2 地址对象 366

23.2.1 URL介绍 366

23.2.2 获取当前页面的URL 366

23.2.3 加载新网页 367

23.2.4 获取参数 368

23.2.5 刷新文档 368

23.2.6 加载新文档 369

23.2.7 页面加载结束后，加载下一个页面 370

23.3 综合实战——制作一个用户登录页面 371

第24章 表单对象和图片对象 373

24.1 form表单对象 374

24.1.1 在链接中使用单选按钮 374

24.1.2 给按钮添加链接 376

24.1.3 给下拉列表添加链接 378

24.1.4 在文本框中滚动显示文字 380

24.1.5 变更复选框的值 381

24.1.6 密码验证 383

24.1.7 确认是否重置 385

24.1.8 选择上传的文件 386

24.2 image图片对象 387

24.2.1 获取图片信息 387

24.2.2 图片轮番显示效果 389

24.2.3 控制动画播放 390

24.2.4 指向或单击图片时，使图片发生变换 393

24.2.5 显示加载图片状态 394

24.2.6 确认是否重新加载图片 395

24.3 综合实战 397

24.3.1 实战——如何制作在网页上不断飘来飘去的图片 397

24.3.2 实战——不用数据库，要访问者要输入正确的名称与密码才能进入网页 399

第4篇 综合实战 401

第25章 设计制作企业网站 401

25.1 网站整体规划 402

25.1.1 网站的需求分析 402

25.1.2 色彩搭配与风格设计 402

25.2 页面架构分析 403

25.2.1 页面内容结构布局 403

25.2.2 页面HTML框架代码 404

25.3 页面的通用规则 405

25.4 制作页面头部header部分 406

25.4.1 制作页面头部的结构 406

25.4.2 定义页面头部的样式 407

25.5 制作网站导航nav部分 410

25.5.1 制作网站导航nav部分页面结构 410

25.5.2 定义网站导航nav部分样式 411

25.6 制作欢迎文字welcome部分 412

25.6.1 制作welcome部分页面结构 413

25.6.2 定义welcome部分样式 413

25.7 制作会员登录与精彩活动部分 413

25.7.1 制作会员登录部分 414

25.7.2 制作精彩活动部分 415

25.8 制作“我们的优势”和“应对策略”部分 417

25.8.1 制作“我们的优势”部分 417

25.8.2 制作“应对策略”部分 418

25.9 制作底部footer部分 420

25.10 利用JavaScript制作网页特效 422

25.11 网站的推广 423

25.11.1 登录搜索引擎 423

25.11.2 利用友情链接 424

25.11.3 借助网络广告 425

25.11.4 登录网址导航站点 425

25.11.5 BBS宣传 425

25.11.6 发布信息推广 425

25.11.7 利用群组消息即时推广 426

25.11.8 电子邮件推广 427

25.11.9 电子邮件推广的技巧 427