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

第1章 HTML基础 1

1.1 HTML简介 1

1.2 HTML开发工具简介 1

1.3 第一张HTML网页 2

1.3.1 HTML的相关基本概念 2

1.3.2 HTML文档基本结构 3

1.3.3 创建HTML网页 3

1.4 实验与练习 5

第2章 HTML基本标签 6

2.1 头部标签＜head＞ 6

2.2 标题标签＜title＞ 6

2.3 元信息标签＜meta＞ 7

2.3.1 ＜meta＞基本语法及相关属性 7

2.3.2 标记页面关键字 8

2.3.3 标记页面说明 10

2.3.4 标记页面作者 10

2.3.5 标记页面解码方式 11

2.3.6 设置页面自动跳转 11

2.4 主体标签＜body＞ 12

2.4.1 背景色属性bgcolor 12

2.4.2 背景图片属性background 13

2.4.3 背景图片水印效果属性bgproperties 14

2.4.4 文本颜色属性text 15

2.4.5 边距属性margin 16

2.5 注释标签 18

2.6 实验与练习 18

第3章 HTML文本格式标签 20

3.1 文字标签＜font＞ 20

3.1.1 文字字体属性face 20

3.1.2 文字颜色属性color 21

3.1.3 文字大小属性size 22

3.2 标题标签＜h1＞～＜h6＞ 23

3.3 一些文本特殊格式标签 24

3.4 段落控制标签 28

3.4.1 段落标签＜p＞、＜br/＞ 28

3.4.2 段落缩进标签＜blockquote＞ 29

3.5 列表标签 29

3.5.1 有序列表标签＜ol＞ 29

3.5.2 无序列表标签＜ul＞ 31

3.5.3 定义列表标签＜dl＞ 32

3.6 水平线标签＜hr/＞ 33

3.7 实验与练习 33

第4章 超链接标签 35

4.1 绝对路径与相对路径 35

4.1.1 绝对路径 35

4.1.2 相对路径 35

4.2 超链接标签＜a＞ 37

4.2.1 href属性 37

4.2.2 name属性 38

4.3 其他链接类型 39

4.4 超链接与SEO 41

4.5 实验与练习 42

第5章 多媒体标签 43

5.1 图像标签＜img＞ 43

5.1.1 图像源src属性 43

5.1.2 图像文字信息alt、title属性 44

5.1.3 图像大小width、height属性 45

5.1.4 图像边框border属性 46

5.1.5 图像外边距vspace、hspace属性 47

5.1.6 图像对齐align属性 48

5.1.7 使用图像超链接 48

5.1.8 定义图像映射 49

5.2 动态滚动效果标签＜marquee＞ 50

5.3 播放音频和视频 51

5.4 实验与练习 52

第6章 创建表格 53

6.1 表格基本标签 53

6.1.1 表格标签＜table＞、行标签＜tr＞及单元格标签＜td＞ 53

6.1.2 表格标题标签＜caption＞ 54

6.1.3 表格表头标签＜th＞ 54

6.2 表格标签的相关属性 55

6.2.1 跨行、跨列属性rowspan、colspan 55

6.2.2 设置单元格间距、内边距属性ellspacing、cellpadding 56

6.2.3 表格、单元格宽度、高度属性width、height 57

6.2.4 表格、单元格背景颜色属性bgcolor 59

6.2.5 表格、行及单元格水平对齐方式属性align 60

6.2.6 表格、行及单元格垂直对齐方式属性valign 61

6.2.7 表格边框可见属性frame、rules 63

6.3 实验与练习 64

第7章 创建框架 65

7.1 框架集标签＜frameset＞ 65

7.1.1 水平分割、垂直分割窗口rows、cols属性 65

7.1.2 框架边框属性border及bordercolor 66

7.1.3 使用noframes属性设置框架无效时的替代文本 67

7.2 框架标签＜frame＞ 68

7.2.1 frame框架标签的若干属性 68

7.2.2 使用超链接中的target属性控制框架跳转显示 68

7.3 浮动框架标签＜iframe＞ 69

7.4 实验与练习 70

第8章 创建表单 71

8.1 表单标签 71

8.2 输入标签＜input＞ 71

8.3 列表标签＜select＞ 73

8.4 文本域标签＜textarea＞ 74

8.5 实验与练习 74

第9章 项目实训1——使用HTML进行物业公司网站设计 75

9.1 网站需求分析 75

9.2 网页布局设计与实现 76

9.2.1 网页布局总体设计 76

9.2.2 网页布局方法选择 76

9.2.3 网页布局实现 77

9.3 网站色彩设计 79

9.3.1 色彩的基本知识 79

9.3.2 色彩搭配原则 80

9.3.3 本网站的色彩设计 81

9.4 网站局部设计与实现 81

9.4.1 公司商标和公司名称部分 81

9.4.2 宣传图片、横幅或标语部分 81

9.4.3 公司新闻与荣誉资质部分 82

9.4.4 网站导航和正文部分 84

9.4.5 页脚部分 86

9.5 总结分析 86

第10章 CSS基础 88

10.1 CSS基本概念 88

10.2 CSS的特点 88

10.3 HTML文档使用CSS的方式 88

10.4 第一个CSS样式设计 89

10.5 实验与练习 90

第11章 CSS语法 91

11.1 CSS的基本语法格式 91

11.2 选择符 91

11.2.1 HTML选择符 91

11.2.2 类选择符 92

11.2.3 id选择符 93

11.2.4 伪类选择符 94

11.3 CSS的复合使用方式 95

11.3.1 CSS样式的组合 95

11.3.2 CSS样式的继承 96

11.3.3 CSS样式的关联 97

11.4 实验与练习 98

第12章 CSS的常用属性 99

12.1 字体属性 99

12.1.1 字体系列属性font-family 99

12.1.2 字体风格属性font-style 100

12.1.3 字体大小属性font-size 100

12.1.4 字体综合属性font 101

12.2 背景属性 101

12.2.1 背景颜色属性background-color 101

12.2.2 背景图片属性background-image、background-repeat 102

12.2.3 背景综合属性background 103

12.3 文本属性 104

12.3.1 颜色属性color 104

12.3.2 文本修饰属性text-decoration 105

12.3.3 对齐方式属性text-align 105

12.3.4 行高属性line-height 106

12.4 边距属性 107

12.4.1 外边距属性 107

12.4.2 内边距属性 110

12.5 边框属性 112

12.5.1 边框基本属性 112

12.5.2 边框综合属性 113

12.6 列表属性 115

12.6.1 列表项标志类型属性list-style-type 115

12.6.2 列表项标志位置属性list-style-position 116

12.6.3 列表项标志图像属性list-style-image 118

12.6.4 列表项综合属性list-style 118

12.7 伪类:link、:visited、:hover、:active 119

12.8 实验与练习 121

第13章 CSS的定位方式 122

13.1 定位相关基础知识 122

13.2 相对定位 123

13.3 绝对定位 124

13.4 浮动定位 125

13.4.1 使用float属性进行浮动定位 125

13.4.2 浮动元素之间的影响 126

13.4.3 不同尺寸浮动元素之间的影响 127

13.4.4 浮动元素与普通流元素之间的影响 128

13.4.5 使用clear属性清除浮动 129

13.5 实验与练习 130

第14章 项目实训2——使用CSS对物业公司网站进行设计 132

14.1 使用CSS对网页的样式和布局进行设计 132

14.1.1 使用CSS对网页样式进行设计 132

14.1.2 使用CSS对网页布局进行设计 132

14.2 网页布局实现 133

14.2.1 使用DIV＋CSS实现网页布局 133

14.2.2 公司商标和公司名称部分 134

14.2.3 宣传图片、横幅或标语部分 135

14.2.4 公司新闻与荣誉资质部分 135

14.3 网页内容填充设计 137

14.4 网站导航和正文部分 138

14.4.1 宿主网页设计与实现 138

14.4.2 嵌入网页设计与实现 138

14.5 页脚部分 140

14.6 总结分析 140

第15章 JavaScript简介 141

15.1 JavaScript背景知识 141

15.2 JavaScript特点 141

15.3 JavaScript开发与运行环境 142

15.4 第一个JavaScript程序 142

15.5 实验与练习 142

第16章 JavaScript基础知识 143

16.1 JavaScript数据类型 143

16.1.1 字符串类型 143

16.1.2 数字类型 144

16.1.3 布尔类型 148

16.1.4 数组类型 149

16.1.5 对象类型 152

16.2 JavaScript常量和变量 152

16.2.1 常量 152

16.2.2 变量 153

16.3 JavaScript表达式与运算符 154

16.3.1 算术运算符 154

16.3.2 关系运算符 155

16.3.3 逻辑运算符 157

16.3.4 其他运算符 158

16.4 JavaScript控制语句 160

16.4.1 选择语句 160

16.4.2 循环语句 162

16.4.3 break语句与continue语句在循环语句中的区别 164

16.4.4 异常处理语句 165

16.5 JavaScript数组 167

16.5.1 创建数组 167

16.5.2 数组的方法 167

16.5.3 数组对象的属性 168

16.6 JavaScript函数 169

16.6.1 创建函数 169

16.6.2 函数的参数 169

16.6.3 函数的返回类型 171

16.6.4 this关键字 172

16.7 实验与练习 173

第17章 JavaScript事件 175

17.1 事件驱动与响应处理 175

17.1.1 “发生—处理”模式 175

17.1.2 事件的捕获和冒泡 176

17.2 鼠标移动事件 179

17.3 鼠标点击事件 181

17.4 页面加载与卸载事件 184

17.5 获得与失去焦点事件 185

17.5.1 获得焦点事件 185

17.5.2 失去焦点事件 185

17.6 键盘事件 186

17.6.1 按键被按下事件 186

17.6.2 按键被释放事件 187

17.6.3 按键按下后释放事件 188

17.7 提交与重置事件 189

17.7.1 提交事件 189

17.7.2 重置事件 190

17.8 选择与改变事件 191

17.8.1 选择事件 191

17.8.2 改变事件 192

17.9 实验与练习 193

第18章 JavaScript对象 194

18.1 构建自定义对象并使用 194

18.2 客户端对象层次结构 195

18.3 Window对象 196

18.3.1 Window对象属性 196

18.3.2 Window对象方法 199

18.4 屏幕Screen对象 204

18.5 浏览器Navigator对象 205

18.5.1 Navigator对象属性 205

18.5.2 Navigator对象方法 207

18.6 文档Document对象 208

18.6.1 Document对象介绍 208

18.6.2 Document对象属性 208

18.6.3 Document对象集合 212

18.6.4 Document对象方法 214

18.7 Cookie对象 217

18.7.1 Cookie对象介绍 217

18.7.2 Cookie对象的创建和存储 217

18.7.3 Cookie的获取与应用 218

18.8 历史History对象 220

18.8.1 History对象介绍 220

18.8.2 History对象属性 220

18.8.3 History对象方法 220

18.9 地址Location对象 222

18.9.1 Location对象介绍 222

18.9.2 Location对象属性 222

18.9.3 Location对象方法 223

18.10 实验与练习 227

第19章 HTMLDOM基础 228

19.1 HTML DOM简介 228

19.2 HTML DOM节点 228

19.2.1 DOM节点的定义 228

19.2.2 DOM树节点层次 228

19.3 HTMLDOM编程接口 229

19.3.1 DOM方法 229

19.3.2 DOM属性 230

19.4 HTMLDOM节点管理 231

19.4.1 查找与访问DOM节点 231

19.4.2 添加DOM节点 238

19.4.3 删除DOM节点 240

19.4.4 替换DOM节点内容 241

19.4.5 改变DOM节点样式 242

19.5 实验与练习 243

第20章 Ajax实现异步后台传输技术 244

20.1 Ajax实现后台传输技术简介 244

20.2 Ajax相关关键技术及工作原理 244

20.2.1 XMLHttpRequest对象及其方法、属性 244

20.2.2 jQuery库 246

20.2.3 Ajax的工作原理及流程 246

20.3 示例程序 247

20.3.1 客户端关键代码 247

20.3.2 服务器端关键代码 248

20.3.3 案例系统运行效果 249

20.4 实验与练习 250

第21章 项目实训3——使用JavaScript对小区物业网站的设计进行优化 251

21.1 网站需求分析 251

21.2 JavaScript对登录网页增加用户交互 251

21.3 使用Cookie提升界面友好性 255

21.4 JavaScript对相应网页增加动画效果 259

21.4.1 实现环境景点图片轮播功能 259

21.4.2 实现Ajax实时更新功能 261

21.5 总结分析 263

参考文献 264