Web前端开发技术 HTML、CSS、JavaScriptPDF电子书下载

第1篇 HTML标记语言篇 2

第1章 HTML基础 2

1.1 基本概念 2

1.1.1 WWW简介 2

1.1.2 浏览器 3

1.1.3 静态网页和动态网页 3

1.2 HTML概述 3

1.2.1 HTML定义 3

1.2.2 HTML的发展历程 4

1.3 HTML文件 4

1.3.1 HTML标记 5

1.3.2 HTML文件的基本结构 5

1.3.3 HTML文件的编写方法 6

1.4 XHTML基础 8

1.5 HTML/XHTML文档类型 9

1.6 网站的建设与发布 10

1.6.1 网站策划 10

1.6.2 网站素材收集 10

1.6.3 网页规划 10

1.6.4 网站目录设计 11

1.6.5 网页制作 11

1.6.6 网站测试 11

1.6.7 网站发布 11

习题1 12

第2章 页面的头部标记 13

2.1 页面的头部标记 13

2.2 标题标记〈title〉 13

2.3 元信息标记〈meta〉 14

2.3.1 〈meta〉标记属性 15

2.3.2 设定网页关键字 15

2.3.3 设定网页描述信息 15

2.3.4 设定网页字符集 16

2.3.5 设定网页自动刷新 17

2.3.6 设定网页自动跳转 18

习题2 19

第3章 页面的主体标记〈body〉 20

3.1 设置网页正文颜色与背景颜色 20

3.2 添加网页背景图片 21

3.3 设置网页链接文字颜色 22

3.4 设置网页边距 23

习题3 24

第4章 文字与段落标记 25

4.1 文字标记 25

4.1.1 文字内容的输入 25

4.1.2 对文字字体的设置 27

4.1.3 使用文字的修饰标记设置文字格式 29

4.1.4 标题字设置 30

4.2 段落标记 32

4.2.1 段落标记〈p〉 32

4.2.2 换行标记〈br〉 33

4.2.3 预格式化标记〈pre〉 34

4.2.4 居中标记〈center〉 35

4.2.5 缩排标记〈blockquot〉 35

4.3 水平线标记〈hr〉 36

习题4 37

第5章 列表标记 39

5.1 有序列表 39

5.1.1 有序列表的前导符设置 40

5.1.2 有序列表的前导符起始编号设置 40

5.2 无序列表 41

5.2.1 项目列表 42

5.2.2 项目列表的前导符设置 43

5.2.3 定义列表 44

5.3 嵌套列表 45

习题5 46

第6章 图片标记 47

6.1 网页常用图片格式 47

6.2 插入图片 47

6.2.1 设置图片大小 48

6.2.2 设置图片提示文本 48

6.2.3 设置图片与周围对象的间距 49

6.2.4 设置图片的对齐方式 50

6.2.5 设置图片的边框 51

习题6 51

第7章 在网页中嵌入多媒体内容 53

7.1 概述 53

7.2 设置滚动字幕 53

7.2.1 设置默认效果的滚动字幕 53

7.2.2 设置滚动字幕的滚动方向 54

7.2.3 设置滚动字幕的滚动行为 55

7.2.4 设置字幕的滚动速度和滚动延迟特性 55

7.2.5 设置字幕的滚动区域及其背景颜色 56

7.2.6 设置字幕的滚动区域与周围对象的间距 58

7.3 嵌入音视频文件 58

7.4 嵌入Flash动画 59

7.5 设置背景音乐 60

7.6 嵌入Java Applet 61

习题7 62

第8章 使用框架结构 63

8.1 框架概述 63

8.2 框架集标记〈frameset〉 63

8.2.1 左右分割窗口 64

8.2.2 上下分割窗口 65

8.2.3 嵌套分割窗口 66

8.2.4 使用〈frameset〉标记设置框架边框 67

8.3 框架标记〈frame〉 67

8.3.1 设置框架显示内容 68

8.3.2 使用〈frame〉标记设置框架边框 69

8.3.3 设置框架名称 69

8.3.4 设置框架窗口固定大小 70

8.3.5 设置框架滚动条 70

8.3.6 设置框架边距 71

8.4 不支持框架标记〈noframes〉 72

8.5 浮动框架标记〈iframe〉 73

8.5.1 在页面中嵌入浮动框架 73

8.5.2 浮动框架的大小 74

8.5.3 浮动框架的对齐方式 75

8.6 框架与超链接 76

习题8 77

第9章 在网页中创建超链接 78

9.1 创建超链接 78

9.1.1 超链接标记 78

9.1.2 设置超链接目标窗口 79

9.2 超链接的链接路径 82

9.3 超链接的类型 83

9.3.1 内部链接 83

9.3.2 外部链接 83

9.3.3 书签链接 85

9.3.4 脚本链接 87

9.3.5 文件下载 87

9.3.6 文本链接 88

9.3.7 图片链接 89

9.3.8 图像映射 89

习题9 91

第10章 在网页中使用表格 92

10.1 表格概述 92

10.2 表格标记〈table〉 93

10.2.1 设置表格的边框 93

10.2.2 设置表格的宽度和高度 94

10.2.3 设置表格的对齐方式 95

10.2.4 设置表格的背景颜色 95

10.2.5 设置表格的背景图片 96

10.2.6 设置表格的边距 97

10.2.7 设置表格的间距 98

10.2.8 设置表格的标题 98

10.3 〈tr〉标记 100

10.4 〈td〉和〈th〉标记 101

10.4.1 使用〈th〉创建表头 101

10.4.2 设置单元格对齐方式 102

10.4.3 设置单元格的背景颜色和边框颜色 103

10.4.4 设置单元格的背景图片 104

10.4.5 设置单元格的宽度和高度 105

10.4.6 单元格的跨行和跨列设置 106

10.5 表格的综合示例——使用表格布局网页 108

习题10 110

第11章 在网页中创建表单 112

11.1 表单概述 112

11.2 表单标记 112

11.2.1 表单标记〈form〉 113

11.2.2 输入标记〈input〉 114

11.2.3 选择列表标记〈select〉 120

11.2.4 文本域标记〈textarea〉 122

11.3 表单综合示例：使用表单收集个人信息 123

习题11 125

第2篇 CSS层叠样式表篇 127

第12章 CSS基础知识 127

12.1 CSS概念 127

12.2 应用CSS的步骤 128

习题12 129

第13章 定义CSS 130

13.1 定义CSS的基本语法 130

13.2 CSS基本选择器 131

13.2.1 HTML标记选择器 131

13.2.2 类选择器 132

13.2.3 ID选择器 134

13.3 CSS复合选择器 135

13.3.1 交集选择器 135

13.3.2 并集选择器 136

13.3.3 后代选择器 137

习题13 138

第14章 CSS常用属性 139

14.1 字体属性 139

14.2 文本属性 140

14.3 列表属性 141

14.4 颜色和背景属性 142

14.5 区块属性 144

14.6 层属性 145

14.7 鼠标属性 146

14.8 滤镜属性 147

习题14 149

第15章 在HTML文档中应用CSS 150

15.1 内联式 150

15.2 内嵌式 151

15.3 链接式 152

15.4 导入式 153

15.5 CSS的冲突 153

15.5.1 什么是CSS冲突 153

15.5.2 解决CSS冲突规则 154

习题15 154

第16章 CSS+DIV布局 156

16.1 网页布局概述 156

16.2 盒子模型 156

16.2.1 盒子模型的组成 156

16.2.2 盒子border属性 157

16.2.3 盒子padding属性 158

16.2.4 盒子margin属性 160

16.3 盒子的浮动与定位 161

16.3.1 标准流 161

16.3.2 盒子的定位原则 161

16.3.3 盒子的浮动float 166

16.3.4 盒子的定位 171

16.4 Div标记与Span标记 174

16.4.1 Div标记 174

16.4.2 Span标记 174

16.5 DIV+CSS布局网页 175

16.5.1 DIV+CSS布局简介 175

16.5.2 DIV+CSS布局版式介绍 175

16.5.3 DIV+CSS布局与表格布局的比较 176

习题16 177

第17章 CSS应用综合案例 178

17.1 综合案例1 DIV+CSS页面布局设计 178

17.2 综合案例2 页面排版左中右版式 181

习题17 184

第3篇 JavaScript脚本语言篇 188

第18章 JavaScript基础 188

18.1 JavaScript简介 188

18.2 JavaScript与Java的比较 189

18.3 JavaScript编辑和调试工具 189

18.3.1 编辑工具之EditPlus 189

18.3.2 编辑工具之Macromedia Dreamweaver 191

18.3.3 调试工具之“IE开发人员工具”和“Firebug” 192

18.4 JavaScript语言调试技巧 195

18.4.1 使用alert（）语句进行调试 196

18.4.2 使用write（）语句进行调试 196

18.4.3 使用自定义异常消息进行调试 196

18.5 JavaScript的基本语法 197

18.5.1 大小写敏感 197

18.5.2 执行顺序 198

18.5.3 脚本中每行语句结尾分号问题 198

18.6 数据结构 198

18.6.1 标识符 198

18.6.2 关键字 198

18.6.3 常量 199

18.6.4 变量 199

18.7 数据类型 200

18.7.1 数字型 200

18.7.2 字符串型 201

18.7.3 布尔型 202

18.7.4 特殊数据类型 203

18.8 数据类型的转换 204

18.9 运算符和表达式 205

18.9.1 算术运算符 205

18.9.2 比较运算符 205

18.9.3 赋值运算符 206

18.9.4 字符串运算符 207

18.9.5 逻辑运算符 207

18.9.6 条件运算符 210

18.9.7 其他运算符 210

18.9.8 运算符优先级 212

18.9.9 表达式 213

18.10 流程控制语句 213

18.10.1 赋值语句 213

18.10.2 条件判断控制语句 214

18.10.3 循环控制语句 219

18.10.4 跳转语句 221

18.11 with语句和comment语句 223

习题18 224

第19章 在HTML网页中嵌入脚本的方式 225

19.1 在HTML标记的事件属性中直接添加脚本 225

19.2 使用Script标记插入脚本 226

19.3 使用Script标记链接脚本文件 226

习题19 227

第20章 事件驱动及事件处理 228

20.1 事件及事件驱动 228

20.2 常用事件 228

20.3 事件处理程序 229

习题20 231

第21章 脚本函数 232

21.1 函数的定义 232

21.2 函数的调用 233

21.2.1 函数的简单调用 233

21.2.2 在事件响应中调用函数 233

21.2.3 通过链接调用函数 234

21.3 函数参数的使用 235

21.4 函数的返回值 235

21.5 递归函数 236

21.6 内置函数 237

习题21 239

第22章 JavaScript对象 240

22.1 对象概述 240

22.2 内置对象 240

22.2.1 Array对象 240

22.2.2 String对象 241

22.2.3 Math对象 243

22.2.4 Date对象 245

22.3 浏览器对象 247

22.3.1 navigator对象 247

22.3.2 window对象 249

22.3.3 location对象 255

22.3.4 history对象 256

22.3.5 document对象 257

22.3.6 image对象 258

22.3.7 form对象 260

习题22 264

第23章 JavaScript经典实例 265

23.1 漂浮广告 265

23.2 折叠式菜单 267

23.3 下拉式菜单 268

23.3.1 用层制作下拉菜单 268

23.3.2 用JavaScript+CSS制作下拉菜单 272

23.4 加入收藏和设为首页 274

23.4.1 加入收藏 274

23.4.2 设为首页 275

23.5 刷新、打印及关闭窗口按钮 277

23.5.1 刷新当前页 277

23.5.2 调用IE自身的打印功能实现打印 278

23.5.3 打印指定框架中的内容 279

23.5.4 为弹出的窗口加入关闭按钮 280

24.5.5 关闭弹出窗口时刷新父窗口 281

习题23 284

第4篇 HLML5基础篇 286

第24章 HTML5入门 286

24.1 HTML5的发展历程 286

24.2 HTML5的优势 287

24.3 HTML5的语法变化 289

24.3.1 DOCTYPE的简化声明 289

24.3.2 字符集的简化声明 290

24.3.3 元素可省略结束标记 290

24.3.4 标记和属性不区分大小写 290

24.3.5 可以省略具有布尔类型的属性值 291

24.3.6 属性值可以省略引号 291

24.4 HTML5的文档结构 291

24.4.1 header元素 291

24.4.2 article元素 292

24.4.3 section元素 292

24.4.4 nav元素 293

24.4.5 aside元素 293

24.4.6 footer元素 294

习题24 294

第25章 HTML5表单 295

25.1 表单新增属性 295

25.1.1 form属性 295

25.1.2 Formaction属性 296

25.1.3 autofocus属性 297

25.1.4 pattern属性 298

25.1.5 placeholder属性 298

25.1.6 required属性 299

25.2 新增的input元素类型 300

25.2.1 tel类型 301

25.2.2 email类型 301

25.2.3 url类型 302

25.2.4 number类型 302

25.2.5 range类型 303

25.2.6 search类型 304

25.2.7 color类型 305

25.2.8 date类型 306

25.2.9 time类型 306

25.2.10 datetime类型 307

25.2.11 datetime-local类型 307

25.2.12 week类型 308

25.2.13 month类型 309

25.3 新增的表单元素 310

25.3.1 datalist元素 310

25.3.2 output元素 311

25.4 新增的客户端校验方式 312

25.4.1 自动校验 312

25.4.2 显式校验 313

25.4.3 取消校验 313

25.4.4 自定义校验错误提示信息 314

习题25 315

第5篇 综合实例篇 317

第26章 使用HTML+CSS+JavaScript创建企业网站 317

26.1 企业网站的创建流程 317

26.1.1 网站策划 317

26.1.2 网站素材收集 318

26.1.3 网页规划 318

26.1.4 网站目录设计 318

26.1.5 网页制作 318

26.2 公司简介网页的制作 319

26.2.1 页面头部制作 319

26.2.2 页面主体内容制作 322

26.2.3 页面侧边栏制作 324

26.2.4 页脚制作 327

26.2.5 网页居中显示设置 328

26.3 网上订购网页的制作 329

第27章 使用HTML5创建企业网站 334

27.1 网页结构 334

27.2 网上订购页面的制作 334

27.2.1 页面头部制作 334

27.2.2 页面主体内容制作 337

27.2.3 页面侧边栏制作 341

27.2.4 页脚制作 345

27.2.5 网页居中显示设置 346