网页设计与制作教程 HTML CSS JavaScriptPDF电子书下载

第1章 HTML基础 1

1.1 HTML简介 1

1.1.1 HTML发展历史 1

1.1.2 HTML 5的特性及元素 2

1.2 HTML编写规范 3

1.2.1 HTML文档结构 3

1.2.2 HTML代码规范 4

1.2.3使用HTML语法编写HTML5文档 4

1.3网页文件的创建过程 6

1.4搭建支持HTML5的浏览器环境 6

1.5文字与段落排版 7

1.5.1注释标签<！-…-> 7

1.5.2强制换行标签〈br/> 8

1.5.3段落标签〈p〉…〈/P〉 8

1.5.4定位标签〈div〉…〈/div〉 8

1.5.5水平线标签〈hr/> 8

1.5.6标题文字标签〈h#〉…<h#〉 9

1.5.7文字与段落排版综合实例 9

1.6超链接 10

1.7图像 13

1.7.1图像标签〈img〉 13

1.7.2用图像作为超链接热点 14

1.7.3图像应用综合实例 14

1.8表格 15

1.8.1简单表格 15

1.8.2表格内文字的对齐方式 16

1.8.3表格在页面中的对齐方式 16

1.8.4表格应用综合实例 16

1.9列表 17

1.9.1无序列表标签〈ul〉〈li〉…〈/ul〉 17

1.9.2有序列表标签〈ol〉〈li〉…〈/ol〉 18

1.10实训 19

习题1 20

第2章 表单 22

2.1表单的工作原理 22

2.2表单标签 22

2.3表单元素 22

2.3.1 〈input〉元素 23

2.3.2选择栏<select〉 26

2.3.3多行文本域〈textarea〉…</textarea〉 27

2.4表单的高级用法 27

2.5实训 28

习题2 30

第3章HTML高级应用 31

3.1使用结构元素构建网页布局 31

3.2音频和视频 36

3.2.1音频和视频格式 36

3.2.2音频标签〈audio〉 37

3.2.3视频标签<video〉 39

3.3 canvas绘图 40

3.3.1创建<canvas〉元素 40

3.3.2构建绘图环境 40

3.3.3通过JavaScript绘制图形 41

3.4 HTML 5的发展前景 49

3.5实训 49

习题3 50

第4章CSS基础 52

4.1 CSS概述 52

4.1.1 CSS的基本概念 52

4.1.2 CSS的发展历史 53

4.1.3 CSS 3的特点 53

4.1.4 CSS的代码规范 54

4.2 CSS与HTML文档的结合方法 55

4.2.1定义内部样式表 55

4.2.2定义行内样式表 57

4.2.3链入外部样式表 58

4.2.4导入外部样式表 60

4.3样式表语法 62

4.3.1 CSS的定义组成 62

4.3.2常用的选择符 62

4.4多重样式表的层叠 76

4.5 CSS的属性单位 78

4.5.1长度、百分比单位 78

4.5.2颜色单位 79

4.6实训 80

习题4 81

第5章Div+CSS布局方法 82

5.1 Div布局理念 82

5.1.1 Div布局页面的优点 82

5.1.2 Div标签 82

5.2 CSS盒模型 85

5.2.1盒模型的概念 85

5.2.2盒模型的属性 86

5.2.3盒模型的宽度与高度 90

5.2.4外边距的叠加 91

5.2.5盒模型综合案例 91

5.3 CSS的定位 93

5.3.1静态定位 93

5.3.2相对定位 95

5.3.3绝对定位 95

5.3.4相对定位与绝对定位的混合使用 96

5.3.5固定定位 97

5.4浮动与清除浮动 98

5.4.1浮动 98

5.4.2清除浮动 102

5.4.3定位与浮动综合案例 103

5.5 CSS常用布局样式 106

5.5.1两列布局样式 106

5.5.2三列布局样式 110

5.6 Div+CSS布局综合案例 114

5.6.1页面布局规划 114

5.6.2页面的制作过程 114

5.7实训 122

习题5 127

第6章用CSS设置文本和图像 129

6.1设置文字的样式 129

6.1.1设置文字的字体 129

6.1.2设置字体的大小 130

6.1.3设置字体的粗细 131

6.1.4设置字体的倾斜 132

6.1.5设置字体的修饰效果 133

6.1.6设置字体的阴影 135

6.2设置段落的样式 135

6.2.1设置文字的对齐方式 135

6.2.2设置首行缩进 136

6.2.3设置首字下沉 137

6.2.4设置行高 137

6.2.5设置文本换行 139

6.3设置图片样式 139

6.3.1图片的边框 139

6.3.2图片的缩放 141

6.4设置背景 142

6.4.1设置背景颜色 143

6.4.2设置背景图像 143

6.4.3设置背景重复 144

6.4.4设置背景定位 145

6.4.5设置背景大小 147

6.5图文混排 148

6.6用CSS设置文本和图像综合案例 150

6.6.1页面布局规划 150

6.6.2页面的制作过程 151

6.7实训 156

习题6 163

第7章用CSS设置超链接和导航菜单 165

7.1用CSS设置超链接 165

7.1.1超链接伪类 165

7.1.2改变文字超链接的外观 166

7.1.3创建按钮式超链接 168

7.1.4图文超链接 170

7.2用CSS设置列表 171

7.2.1设置列表类型 172

7.2.2设置列表项图像 175

7.2.3设置列表项位置 176

7.2.4图文信息列表 177

7.3创建导航菜单 182

7.3.1普通的超链接导航菜单 182

7.3.2纵向列表模式的导航菜单 184

7.3.3横向列表模式的导航菜单 186

7.4用CSS设置超链接与导航菜单综合案例 188

7.4.1页面布局规划 188

7.4.2页面的制作过程 189

7.5实训 196

习题7 202

第8章JavaScript脚本语言 203

8.1 JavaScript简介 203

8.2在网页中插入JavaScript的方法及定义 203

8.2.1在HTML文档中嵌入脚本程序 203

8.2.2链接脚本文件 205

8.2.3在标记内添加脚本 205

8.3 JavaScript的基本数据类型和表达式 206

8.3.1基本数据类型 206

8.3.2常量 206

8.3.3变量 207

8.3.4运算符和表达式 208

8.4 JavaScript的程序结构 209

8.4.1简单语句 209

8.4.2程序控制流程 211

8.4.3函数 216

8.5基于对象的JavaScript语言 219

8.6 DOM对象及编程 222

8.6.1窗口对象 223

8.6.2文档对象 225

8.6.3位置对象 226

8.6.4历史对象 227

8.7 JavaScript的对象事件处理程序 227

8.7.1对象的事件 227

8.7.2常用的事件及处理 228

8.7.3表单对象与交互性 234

8.8实训 237

习题8 238

第9章 使用JavaScript制作网页特效 240

9.1制作循环滚动的字幕 240

9.2制作幻灯片切换的广告 243

9.3实训 245

习题9 249

第10章 购物商城首页的制作 250

10.1网站的开发流程 250

10.1.1规划站点 250

10.1.2网站制作 252

10.1.3测试网站 252

10.1.4发布站点 252

10.2设计首页布局 252

10.2.1使用Dreamweaver创建站点 252

10.2.2页面布局规划 255

10.3首页的制作 255

习题10 270

第11章 商品列表和详细信息页面的制作 271

11.1制作商品搜索列表页面 271

11.2制作商品详细信息页面 274

习题11 281

第12章 购物商城后台管理页面的制作 282

12.1商城后台管理登录页面的制作 282

12.2查询商品页面的制作 286

12.3添加商品页面的制作 295

12.4页面的整合 300

习题12 300

参考文献 302