HTML+CSS+JavaScript前端开发 慕课版PDF电子书下载

第1章 网页设计基础 1

1.1万维网概述 2

1.2 HTML的概念 2

1.3 HTML开发组织 2

1.4网页设计相关概念 2

1.4.1超链接 3

1.4.2统一资源定位器 3

1.4.3网站 3

1.4.4网页 3

1.4.5首页 3

1.5网页的开发工具和浏览工具 3

1.5.1网页开发工具 3

1.5.2网页浏览工具 5

1.5.3 Dreamweaver的使用 6

1.6网页制作相关技术 7

1.6.1客户端应用技术 7

1.6.2服务器端应用技术 9

小结 10

习题 10

第2章 初识HTML 11

2.1 HTM L概述 12

2.1.1 HTML发展历史 12

2.1.2 HTML文件基本结构 12

2.1.3使用Dreamweaver创建一个HTML5页面 13

2.2文字标签 15

2.2.1显示普通文字 15

2.2.2输入特殊符号 15

2.2.3标题字标签 15

2.2.4修饰文字标签 15

2.2.5修饰字体标签 16

2.3段落标签 17

2.3.1段落标签〈p〉 17

2.3.2取消文字换行标签〈nobr〉 17

2.3.3修饰段落的对齐属性align 17

2.3.4保留原始排版标签〈pre〉 18

2.4图片标签与列表标签 19

2.4.1插入图片标签〈img〉 19

2.4.2建立有序列表 19

2.4.3建立无序列表 22

2.4.4建立定义列表 23

2.5链接标签 25

2.5.1建立文本链接 25

2.5.2建立书签链接 26

小结 28

上机指导 28

习题 30

第3章HTML中的表格 31

3.1绘制表格 32

3.1.1设置表格的标题 32

3.1.2设置表格的宽度和高度 32

3.1.3设置表格的边框色 33

3.1.4设置表格的对齐方式 33

3.1.5设置表格的背景颜色 33

3.1.6设置表格的背景图片 34

3.2行标签〈tr〉的属性 35

3.2.1设置行的高度 35

3.2.2设置行的边框颜色 36

3.2.3设置行的背景颜色 36

3.2.4设置行的水平位置 36

3.2.5设置行的垂直位置 36

3.3单元格标签〈td〉的属性 38

3.3.1设置单元格的大小 38

3.3.2设置单元格的水平对齐属性 38

3.3.3设置单元格的垂直对齐属性 39

3.3.4设置单元格的水平跨度 39

3.3.5设置单元格的垂直跨度 40

3.3.6设置单元格的背景色 41

3.3.7设置单元格的背景图片 41

3.3.8单元格属性综合运用 41

3.4表头标签〈th〉的属性 42

3.5表格的结构标签 43

3.5.1设置表首样式 43

3.5.2设置表主体样式 44

3.5.3设置表尾样式 45

小结 46

上机指导 46

习题 48

第4章 使用HTML创建表单 49

4.1表单概述 50

4.2表单标签〈form〉 50

4.2.1处理程序属性——action 50

4.2.2表单名称属性——name 51

4.2.3传送方法属性——method 51

4.2.4编码方式属性——enctype 52

4.2.5目标显示方式属性——target 53

4.3输入标签〈input〉 53

4.3.1文本框——text 53

4.3.2密码域——password 54

4.3.3“单选”按钮——radio 56

4.3.4复选框——checkbox 57

4.3.5“普通”按钮——button 58

4.3.6“提交”按钮——submit 59

4.3.7“重置”按钮——reset 60

4.3.8图像域——image 61

4.3.9隐藏域——hidden 62

4.3.10文件域——file 63

4.4文本域标签——textarea 64

4.5列表／菜单标签 65

4.6 HTML5新增表单属性 66

小结 70

上机指导 70

习题 72

第5章 使用图像 73

5.1图片的基本格式 74

5.2添加图像——img 74

5.3设置图像属性 75

5.3.1图像高度——height 75

5.3.2图像宽度——width 76

5.3.3图像边框——border 77

5.3.4图像水平间距——hspace 78

5.3.5图像垂直间距——vspace 79

5.3.6图像相对于文字基准线的对齐方式——align 80

5.3.7图像的提示文字——title 81

5.3.8图像的替换文字——alt 82

5.4使用〈img〉标签插入avi文件 83

5.4.1 avi的源文件属性——dynsrc 83

5.4.2设定avi文件循环次数属性 —— loop 84

5.4.3设定avi文件播放方式属性 —— start 84

5.5图像的超链接 86

5.5.1设置图像的超链接 86

5.5.2设置图像热区链接 87

小结 89

上机指导 89

习题 91

第6章 走进HTML的多媒体世界 92

6.1设置滚动文字 93

6.1.1滚动文字标签——marquee 93

6.1.2滚动方向属性——direction 93

6.1.3滚动方式属性——behavior 94

6.1.4滚动速度属性——scrollamount 95

6.1.5滚动延迟属性——scrolldelay 95

6.1.6滚动循环属性——loop 96

6.1.7滚动范围属性——width、 height 97

6.1.8滚动背景颜色属性——bgcolor 97

6.1.9滚动空间属性——hspace、vspace 98

6.2 〈audio〉标签和〈video〉标签 99

6.3多媒体标签的基本属性及使用 100

6.3.1多媒体标签基本属性 100

6.3.2使用〈audio〉标签播放音频 103

6.3.3使用〈video〉标签播放视频 104

6.3.4设置背景音乐——bgsound 104

6.4多媒体标签的方法 105

6.5多媒体标签的事件 107

6.5.1事件处理 107

6.5.2事件介绍 107

小结 108

上机指导 108

习题 109

第7章CSS概述 110

7.1 CSS的发展史 111

7.2 CSS3特性 111

7.3主流浏览器对CSS的支持 112

7.4一个简单的CSS示例 113

小结 115

习题 115

第8章CSS中的选择器 116

8.1选择器概述 117

8.2基础选择器 118

8.2.1元素选择器 118

8.2.2类选择器 118

8.2.3 ID选择器 119

8.2.4属性选择器 119

8.3其他选择器 123

8.3.1后代选择器 123

8.3.2子代选择器 123

8.3.3相邻兄弟元素选择器 124

8.3.4通用兄弟元素选择器 124

8.4伪类选择器及伪元素 126

8.4.1伪类选择器 126

8.4.2伪元素选择器 127

小结 128

上机指导 129

习题 131

第9章CSS常用属性 132

9.1文本相关属性 133

9.1.1文字 133

9.1.2文本 137

9.1.3设置超链接样式 139

9.2背景相关属性 140

9.2.1背景常规属性 140

9.2.2 CSS3新特性 142

9.3列表相关属性 147

9.4框模型 149

9.4.1概述 149

9.4.2内外边距的相关属性 150

9.4.3边框 152

9.5定位相关属性 153

9.5.1概述 153

9.5.2设置定位方式 153

9.5.3浮动 155

小结 156

上机指导 156

习题 158

第10章CSS3中的变形与动画 159

10.1 2D变换——transform 160

10.1.1 transform的基本属性值 160

10.1.2应用transform属性实现旋转 161

10.1.3应用transform属性实现缩放 161

10.1.4应用transform属性实现平移 162

10.1.5应用transform属性实现倾斜 163

10.1.6变形原点 166

10.2过渡效果——transition 167

10.2.1指定参与过渡的属性 167

10.2.2指定过渡的持续时间 167

10.2.3指定过渡的延迟时间 168

10.2.4指定过渡的动画类型 168

10.3动画——Animation 173

10.3.1关键帧 173

10.3.2动画属性 174

小结 176

上机指导 176

习题 177

第11章JavaScript概述 178

11.1 JavaScript概貌 179

11.1.1 JavaScript的历史 179

11.1.2 JavaScript的主要特点 179

11.1.3 JavaScript成功案例 180

11.2 JavaScript开发环境要求 182

11.2.1硬件要求 182

11.2.2软件要求 182

11.3 JavaScript在HTML中的使用 183

11.3.1在页面中直接嵌入JavaScript 183

11.3.2链接外部JavaScript 184

小结 185

上机指导 185

习题 187

第12章JavaScript基础 188

12.1 JavaScript数据结构 189

12.1.1标识符 189

12.1.2关键字 189

12.1.3常量 190

12.1.4变量 190

12.2数据类型 191

12.2.1数字型数据 192

12.2.2字符串型数据 193

12.2.3布尔型数据 193

12.2.4特殊数据类型 194

12.2.5数据类型的转换规则 195

12.3运算符与表达式 197

12.3.1算术运算符 198

12.3.2比较运算符 198

12.3.3赋值运算符 198

12.3.4字符串运算符 199

12.3.5布尔运算符 199

12.3.6条件运算符 200

12.3.7运算符优先级 200

12.3.8表达式 200

12.4流程控制语句 203

12.4.1条件控制语句 203

12.4.2循环控制语句 209

12.4.3跳转语句 212

12.5函数 213

12.5.1函数的定义 213

12.5.2函数的调用 214

12.5.3几种特殊的函数 217

小结 219

上机指导 219

习题 220

第13章JavaScript对象编程 221

13.1 Window窗口对象 222

13.1.1 Window对象 222

13.1.2对话框（Dialog ） 223

13.1.3窗口对象常用操作 226

13.2 Document文档对象 229

13.2.1文档对象概述 229

13.2.2文档对象的常用属性、方法与事件 230

13.2.3 Document对象的应用 231

13.3 JavaScript与表单操作 237

13.3.1在JavaScript中访问表单 237

13.3.2在JavaScript中访问表单域 237

13.3.3表单的验证 237

13.4 DOM对象 239

13.4.1 DOM概述 239

13.4.2 DOM对象节点属性 241

13.4.3节点的几种操作 242

13.4.4获取文档中的指定元素 243

13.4.5与DHTML相对应的DOM 245

小结 246

上机指导 246

习题 248

第14章JavaScript中的事件处理 249

14.1事件与事件处理概述 250

14.1.1事件与事件名称 250

14.1.2 JavaScript的常用事件 250

14.1.3事件处理程序的调用 252

14.2 DOM事件模型 254

14.2.1事件流 254

14.2.2主流浏览器的事件模型 254

14.2.3事件对象 255

14.2.4注册与移除事件监听器 255

14.3鼠标和键盘事件 257

14.3.1鼠标的单击事件 257

14.3.2鼠标的按下和松开事件 257

14.3.3鼠标的移入和移出事件 257

14.3.4鼠标的移动事件 257

14.3.5键盘事件的使用 257

14.4页面事件 260

14.4.1加载与卸载事件 260

14.4.2页面的大小事件 261

14.5表单事件 262

14.5.1获得焦点与失去焦点事件 262

14.5.2失去焦点修改事件 262

14.5.3表单提交与重置事件 263

小结 265

上机指导 265

习题 266

第15章 综合项目——51购商城 267

15.1项目的设计思路 268

15.1.1项目概述 268

15.1.2界面预览 268

15.1.3功能结构 270

15.1.4文件夹组织结构 270

15.2主页的设计与实现 271

15.2.1主页的设计 271

15.2.2顶部区和底部区功能的实现 272

15.2.3商品分类导航功能的实现 274

15.2.4轮播图功能的实现 276

15.2.5商品推荐功能的实现 277

15.3商品列表页面的设计与实现 279

15.3.1商品列表页面的设计 279

15.3.2分类选项功能的实现 279

15.3.3商品列表区的实现 281

15.4商品详情页面的设计与实现 282

15.4.1商品详情页面的设计 282

15.4.2商品概要功能的实现 284

15.4.3商品评价功能的实现 285

15.4.4猜你喜欢功能的实现 286

15.5购物车页面的设计与实现 288

15.5.1购物车页面的设计 288

15.5.2购物车页面的实现 289

15.6付款页面的设计与实现 290

15.6.1付款页面的设计 290

15.6.2付款页面的实现 290

15.7登录和注册页面的设计与实现 292

15.7.1登录和注册页面的设计 292

15.7.2登录页面的实现 293

15.7.3注册页面的实现 294

小结 296

第16章 课程设计——游戏公园网站 297

16.1课程设计目的 298

16.2游戏公园网站概述 298

16.2.1网站特点 298

16.2.2功能结构 299

16.3主页的设计与实现 300

16.3.1主页的设计 300

16.3.2顶部区和底部区功能的实现 301

16.3.3推荐游戏功能的实现 303

16.3.4最新游戏功能的实现 304

16.4博客列表的设计与实现 305

16.4.1博客列表的设计 305

16.4.2博客列表的实现 306

16.5博客详情的设计与实现 308

16.5.1博客详情的设计 308

16.5.2博客详情的实现 308

16.6关于我们的设计与实现 309

16.6.1关于我们的设计 309

16.6.2关于我们的实现 310

小结 311

附录 实验 312

实验1通过Dreamweaver创建一个网页 312

实验2实现网页中的买家评论信息 313

实验3通过表格制作商城首页 315

实验4通过表单实现酒店筛选 317

实验5设置网页中图片的属性 318

实验6通过〈video〉标签添加视频 320

实验7实现鼠标滑过图片时的特效 321

实验8实现51购商城中鼠标划过的特效 323

实验9通过列表实现商品排列 325

实验10通过2D变换实现动态照片墙 327

实验11输出一张图片 329

实验12通过循环语句输出年份和月份 329

实验13实现商品详情中Tab菜单 331

实验14购物车常用操作 333