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

第1章 Web前端开发技术综述 1

1.1 Web概述 2

1.1.1 Web的起源 3

1.1.2 Web的特点 3

1.1.3 Web工作原理 4

1.2 Web前端开发工程师职业需求 5

1.2.1 Web前端开发的由来 5

1.2.2 Web前端开发工程师的职业要求 5

1.3 Web前端开发技术 6

1.3.1 HTML 6

1.3.2 CSS 10

1.3.3 JavaScript 11

1.3.4 HTML DOM 12

1.3.5 BOM 14

1.3.6 AJAX 15

1.4 Web前端开发工具 15

1.4.1 NotePad 16

1.4.2 EditPlus 16

1.4.3 TextPad 17

1.4.4 Dreamweaver 17

1.4.5 TopStyle 18

1.4.6 CSS3 Menu 18

1.4.7 Sothink Tree Menu 19

1.4.8 ColorImpact 19

1.5浏览器工具 20

1.5.1 Internet Explorer 20

1.5.2 Mozilla Firefox 20

1.5.3 Google Chrome 21

1.5.4 Oprea 21

1.5.5手机浏览器 22

1.6综合案例 23

本章小结 24

练习与实验 24

练习1 24

实验1 25

第2章HTML基础 26

2.1 HTML文档结构 27

2.2头部head 28

2.2.1标题title标记 28

2.2.2元信息meta标记 28

2.2.3样式style标记 31

2.3主体body 31

2.3.1 body标记 32

2.3.2 body标记属性 33

2.4 HTML基本语法 34

2.4.1标记语法 34

2.4.2属性语法 35

2.5注释 37

2.6 HTML文档编写规范 38

2.6.1 HTML页面编码基本规范 38

2.6.2 HTML文件命名规则 39

2.7 HTML文档类型 39

2.7.1＜！DOCTYPE>标记 40

2.7.2 DTD类型 40

2.8综合实例 41

2.8.1使用NotePad编写 41

2.8.2使用EditPlus编写 41

本章小结 42

练习与实验 43

练习2 43

实验2 43

第3章 格式化文字与段落 45

3.1 Web页面初步设计 46

3.1.1在body标记中添加文字信息 46

3.1.2标题字标记 47

3.1.3添加空格与特殊符号 48

3.2文本标记 49

3.2.1物理样式标记 49

3.2.2逻辑样式标记 50

3.2.3字体font标记 51

3.3段落 53

3.3.1段落p标记 53

3.3.2换行br标记 54

3.3.3水平分隔线hr标记 55

3.3.4内容居中center标记 56

3.3.5段落缩进blockquote标记 57

3.3.6预格式化pre标记 58

3.4综合实例 59

本章小结 60

练习与实验 60

练习3 60

实验3 61

第4章 列表 63

4.1列表简介 63

4.2无序列表 64

4.3菜单列表和目录列表 66

4.3.1菜单列表menu标记 66

4.3.2目录列表dir标记 66

4.4有序列表 67

4.5嵌套列表 69

4.6定义列表 71

4.7综合实例 72

本章小结 74

练习与实验 74

练习4 74

实验4 75

第5章 超链接 76

5.1超链接简介 77

5.2创建超链接 78

5.2.1超链接语法 78

5.2.2超链接路径 79

5.2.3超链接分类 80

5.3链接对象 80

5.3.1下载文件链接 81

5.3.2书签链接 81

5.3.3 FTP链接 84

5.3.4图像链接 85

5.3.5电子邮件链接 87

5.4综合实例 88

本章小结 89

练习与实验 90

练习5 90

实验5 91

第6章 图像与多媒体文件 92

6.1图像 93

6.1.1插入图像 93

6.1.2设置图像的提示文字 95

6.1.3设置图像的高度和宽度 96

6.1.4设置图像的边框 97

6.1.5设置图像对齐方式 98

6.1.6设置图像的间距 100

6.1.7设置图像链接 102

6.2滚动文字 103

6.2.1添加滚动文字 104

6.2.2设置滚动文字背景颜色 104

6.2.3设置滚动方向 105

6.2.4设置滚动方式 106

6.2.5设置滚动速度 108

6.2.6设置滚动延迟 109

6.2.7设置滚动范围 110

6.2.8设置滚动空白空间 111

6.2.9设置滚动循环 112

6.3背景音乐与其他多媒体文件 113

6.3.1添加背景音乐 113

6.3.2插入音频和视频 114

6.3.3插入flash动画 115

6.4综合实例 116

本章小结 117

练习与实验 117

练习6 117

实验6 118

第7章CSS+DIV基础 120

7.1 CSS概念 121

7.1.1 CSS的基本概念 121

7.1.2传统HTML的缺点 121

7.1.3 CSS的特点 122

7.1.4 CSS的优势 122

7.1.5 CSS编辑方法 122

7.1.6浏览器与CSS 122

7.2使用CSS控制Web页面 123

7.2.1 CSS的基本语法 123

7.2.2 CSS选择器类型 125

7.2.3 CSS选择器声明 128

7.2.4 CSS定义与引用 129

7.3 CSS继承与层叠 134

7.4 DIV图层 135

7.4.1 DI V创建 136

7.4.2 DIV使用 137

7.5嵌套图层 138

7.5.1多DI V使用 138

7.5.2 DIV层叠 139

7.6 div标记与span标记 140

7.7综合案例 142

本章小结 145

练习与实验 145

练习7 145

实验7 146

第8章CSS+DIV高级应用 148

8.1 CSS属性值中的单位 149

8.1.1绝对单位 149

8.1.2相对单位 149

8.2 CSS文字样式 150

8.2.1字体大小font-size属性 150

8.2.2字体样式font-style属性 151

8.2.3字体变体font-variant属性 153

8.2.4字体粗细font-weight属性 153

8.2.5字体系列font-family属性 154

8.2.6字体font属性 155

8.3 CSS精细排版样式 156

8.3.1字符间距letter-spacing属性 156

8.3.2首行缩进text-indent属性 157

8.3.3字符装饰text-decoration属性 159

8.3.4英文大小写转换text-transform属性 160

8.3.5水平对齐text-align属性 161

8.3.6垂直对齐vertical-align属性 162

8.3.7行距line-height属性 163

8.4 CSS背景与颜色 164

8.4.1颜色color属性 165

8.4.2背景background属性 165

8.5 CSS列表样式 170

8.5.1列表样式list-style-type属性 171

8.5.2图像列表list-style-image属性 171

8.5.3列表符号位置list-style-position属性 171

8.6 CSS盒模型 173

8.6.1 CSS盒模型结构 173

8.6.2边界属性设置 174

8.6.3边框属性设置 175

8.6.4填充属性设置 178

8.7 CSS+DIV页面布局 179

8.8综合实例 181

本章小结 184

练习与实验 185

练习8 185

实验8 185

第9章 表格 188

9.1表格 189

9.2表格标记 190

9.2.1表格标记语法 190

9.2.2表格标题caption标记 192

9.2.3表格表头th标记 192

9.3表格属性设置 194

9.3.1表格边框属性 194

9.3.2表格的宽度和高度属性 196

9.3.3表格背景颜色与背景图像属性 196

9.3.4表格边框样式属性 198

9.3.5表格单元格间距、单元格边距属性 199

9.3.6表格水平对齐属性 200

9.4设置表格行的属性 201

9.4.1表格行内容水平对齐的属性 202

9.4.2表格行内容垂直对齐的属性 203

9.5设置单元格的属性 205

9.5.1表格单元格跨行属性 205

9.5.2表格单元格跨列属性 206

9.6表格嵌套 208

9.7综合实例 210

本章小结 211

练习与实验 211

练习9 211

实验9 212

第10章 框架 214

10.1框架概述 215

10.2框架集的设置 215

10.2.1框架集窗口水平分割 215

10.2.2框架集窗口垂直分割 217

10.2.3框架集窗口嵌套分割 218

10.2.4框架集的边框 219

10.2.5框架集边框的隐藏 219

10.3框架的设置 220

10.3.1框架名称属性 220

10.3.2框架中显示网页属性 221

10.3.3框架中滚动条属性 222

10.3.4框架的边距属性 223

10.3.5框架尺寸调整属性 224

10.4浮动框架 225

10.5框架与超链接关联 227

10.6综合实例 230

本章小结 236

练习与实验 236

练习10 236

实验10 237

第11章 表单 238

11.1表单 239

11.1.1表单概述 239

11.1.2表单标记 239

11.2表单信息输入 241

11.2.1单行文本输入框 241

11.2.2密码输入框 242

11.2.3复选框 243

11.2.4单选按钮 245

11.2.5图像按钮 246

11.2.6提交按钮 247

11.2.7重置按钮 248

11.2.8普通按钮 249

11.2.9文件选择框 250

11.2.10隐藏框 251

11.3多行文本输入框 252

11.4下拉列表框 254

11.5定义域和域标题 255

11.6综合实例 256

本章小结 260

练习与实验 260

练习11 260

实验11 261

第12章JavaScript基础 262

12.1 JavaScript概述 263

12.1.1 JavaScript简介 263

12.1.2第一个JavaScript程序 264

12.1.3 JavaScript放置 265

12.2 JavaScript程序 268

12.2.1语句和语句块 268

12.2.2代码 269

12.2.3消息对话框 269

12.2.4 JavaScript注释 272

12.3标识符和变量 272

12.3.1命名规范 272

12.3.2数据类型 273

12.3.3变量 276

12.3.4转义字符 277

12.4运算符和表达式 277

12.4.1算术运算符和表达式 278

12.4.2关系运算符和表达式 280

12.4.3逻辑运算符和表达式 282

12.4.4赋值运算符和表达式 283

12.4.5位运算符和表达式 283

12.4.6条件运算符和表达式 285

12.4.7其他运算符和表达式 285

12.5 JavaScript程序控制结构 286

12.5.1顺序结构 286

12.5.2分支结构 287

12.5.3循环结构 293

12.6 JavaScript函数 301

12.6.1常用系统函数 301

12.6.2自定义函数 307

12.6.3用return返回函数计算结果 309

12.6.4函数变量的作用域 310

12.7综合实例 311

本章小结 314

练习与实验 314

练习12 314

实验12 315

第13章JavaScript事件分析 317

13.1 JavaScript事件概述 317

13.1.1事件类型 318

13.1.2事件句柄 318

13.1.3事件处理 319

13.1.4事件处理程序的返回值 323

13.2表单事件 325

13.2.1获得焦点与失去焦点事件 325

13.2.2提交及重置事件 326

13.2.3改变及选择事件 327

13.3鼠标事件 329

13.3.1鼠标单击事件 329

13.3.2鼠标移动事件 330

13.4键盘事件 333

13.5窗口事件 334

13.6综合实例 336

本章小结 339

练习与实验 339

练习13 339

实验13 340

第14章DOM和BOB OM 342

14.1常用对象 343

14.1.1 Array 343

14.1.2 Date 346

14.1.3 Math 349

14.1.4 Number 352

14.1.5 String 352

14.1.6 Boolean 356

14.2 HTML DOM 357

14.2.1 DOM简介 357

14.2.2 DOM节点树 358

14.2.3 DOM节点 359

14.2.4 DOM节点访问 361

14.2.5 DOM应用实例 364

14.3 BOM 371

14.3.1 window对象 371

14.3.2 navigator对象 374

14.3.3 screen对象 376

14.3.4 history对象 377

14.3.5 location对象 377

14.4综合实例 378

本章小结 383

练习与实验 383

练习14 383

实验14 385

第15章 课程网站构建与发布 387

15.1课程网站结构 387

15.1.1网站概况 388

15.1.2网站功能需求 389

15.1.3网站架构设计 389

15.2课程网站设计与实现 390

15.2.1网站页面布局设计 390

15.2.2网站CSS定义 391

15.2.3网站首页设计 392

15.3二级页面设计 399

15.3.1网站首页的内嵌页面设计 399

15.3.2主讲教师页面设计 399

15.3.3网上测验页面设计 401

15.3.4其他页面设计 404

15.4 Web服务器简介 406

15.5 Web服务器的安装、配置与发布 407

15.5.1 EasyPHP安装 407

15.5.2 EasyPHP配置 410

15.5.3 Web网站发布与管理 411

本章小结 413

练习与实验 413

练习15 413

实验15 414

附录：模拟试卷 416

参考文献 423