【现货直发】HTML5+CSS3+JavaScript 网页设计案例开发 吕云翔欧

第一部分? 前端语言介绍

第1章? HTML、CSS、JavaScript的介绍?? ?2

1.1? 准备?? ?2

1.2? HTML、CSS、JavaScript的介绍?? ?4

1.3? HTML、CSS、JavaScript之间的协作关系?? ?4

1.4? HTML、CSS、JavaScript的学习建议?? ?5

1.5? HTML、CSS、JavaScript样例?? ?5

?1.5.1? 综合样例?? ?5

?1.5.2? HTML样例?? ?7

?1.5.3? CSS样例?? ?8

?1.5.4? JavaScript样例?? ?9

思考题?? ?10

第2章? HTML入门?? ?11

2.1? HTML背景及特点?? ?11

?2.1.1? HTML背景?? ?11

?2.1.2? HTML特点?? ?11

2.2? HTML开发环境?? ?12

2.3? HTML快速入门?? ?13

思考题?? ?14

第3章? CSS入门?? ?15

3.1? CSS背景及特点?? ?15

?3.1.1? CSS背景?? ?15

?3.1.2? CSS特点?? ?15

?3.1.3? CSS开发环境?? ?15

3.2? CSS快速入门?? ?16

?3.2.1? CSS基本语法?? ?16

?3.2.2? 如何插入样式表?? ?17

思考题?? ?19

第4章? JavaScript入门?? ?20

4.1? JavaScript的背景及特点?? ?20

?4.1.1? JavaScript的背景?? ?20

?4.1.2? JavaScript的特点?? ?20

4.2? JavaScript开发环境?? ?21

4.3? JavaScript快速入门?? ?21

?4.3.1? JavaScript基本语法?? ?21

?4.3.2? JavaScript函数?? ?22

?4.3.3? JavaScript对象?? ?25

思考题?? ?27

第5章? HTML、CSS、JavaScript样例?? ?28

思考题?? ?32

本部分小结?? ?32

　　第二部分? HTML

第6章? HTML介绍?? ?34

6.1? 标记语言?? ?34

6.2? HTML?? ?35

思考题?? ?35

第7章? 基本概念?? ?36

7.1? 元素?? ?36

?7.1.1? HTML元素语法?? ?36

?7.1.2? 常见元素?? ?36

?7.1.3? HTML实例解析?? ?38

?7.1.4? 小知识?? ?39

7.2? 属性?? ?39

?7.2.1? 属性语法?? ?40

?7.2.2? 常见属性?? ?40

?7.2.3? 属性实例?? ?41

7.3? 样式?? ?43

?7.3.1? 简介?? ?43

?7.3.2? 内联样式?? ?44

?7.3.3? 内部样式表?? ?46

?7.3.4? 外部样式表?? ?47

?7.3.5? HTML样式标签?? ?49

?7.3.6? 已弃用的标签和属性?? ?49

7.4? 注释?? ?49

7.5? 区块?? ?50

?7.5.1? 简介?? ?50

?7.5.2? 常见元素?? ?50

思考题?? ?51

第8章? 常用控件?? ?52

8.1? 表单?? ?52

?8.1.1? 简介?? ?52

?8.1.2? 表单定义?? ?52

?8.1.3? 表单属性?? ?53

?8.1.4? 表单元素?? ?54

?8.1.5? 表单样例?? ?60

8.2? 媒体?? ?63

?8.2.1? HTML音频（Audio）?? ?63

?8.2.2? HTML视频（Videos）?? ?65

8.3? DIV CSS?? ?66

?8.3.1? 什么是DIV CSS?? ?67

?8.3.2? DIV CSS产生背景?? ?67

?8.3.3? DIV CSS的优势?? ?67

?8.3.4? DIV CSS嵌入方式?? ?68

?8.3.5? DIV CSS布局优点?? ?69

?8.3.6? DIV CSS存在问题?? ?69

?8.3.7? DIV CSS常见错误?? ?70

?8.3.8? DIV CSS常用工具?? ?70

思考题?? ?71

第9章? 代码规范?? ?72

9.1? 代码风格?? ?72

?9.1.1? 缩进与换行?? ?72

?9.1.2? 命名?? ?72

?9.1.3? 标签?? ?73

?9.1.4? 属性?? ?76

9.2? 通用?? ?77

?9.2.1? DOCTYPE?? ?77

?9.2.2? 编码?? ?77

?9.2.3? CSS和JavaScript引入?? ?78

9.3? Head?? ?79

9.4? 图片?? ?79

9.5? 表单?? ?80

9.6? 按钮?? ?80

9.7? 模板中的HTML?? ?82

9.8? 模板使用?? ?85

?9.8.1? 为什么使用HTML模板?? ?85

?9.8.2? 如何获取HTML模板?? ?85

思考题?? ?86

第10章? HTML样例?? ?87

思考题?? ?94

本部分小结?? ?94

　　第三部分? CSS

第11章? CSS介绍?? ?96

11.1? 简介?? ?96

?11.1.1? CSS历史?? ?96

?11.1.2? CSS语言特点?? ?96

?11.1.3? CSS工作原理?? ?97

11.2? 语言基础?? ?97

?11.2.1? 属性和属性值?? ?97

?11.2.2? 选择器?? ?98

11.3? 技术应用?? ?100

思考题?? ?100

第12章? CSS基本概念?? ?101

12.1? CSS语法?? ?101

12.2? id和class选择器?? ?102

?12.2.1? id选择器?? ?102

?12.2.2? class选择器?? ?102

12.3? CSS字体?? ?102

?12.3.1? CSS字型?? ?103

?12.3.2? 字体系列?? ?103

?12.3.3? 字体样式?? ?104

?12.3.4? 字体大小?? ?104

?12.3.5? 设置字体大小像素?? ?105

?12.3.6? 使用百分比和EM组合?? ?105

?12.3.7? 所有CSS字体属性?? ?106

12.4? 颜色?? ?107

?12.4.1? CSS颜色原理?? ?107

?12.4.2? 1600多万种不同的颜色?? ?107

?12.4.3? 灰阶?? ?108

12.5? CSS3背景?? ?109

?12.5.1? 浏览器支持?? ?109

?12.5.2? 属性?? ?110

?12.5.3? 背景使用实例?? ?113

思考题?? ?114

第13章? CSS盒子模型?? ?116

13.1? 盒子模型简介?? ?116

?13.1.1? 元素的宽度和高度?? ?116

?13.1.2? 浏览器的兼容性问题?? ?117

13.2? CSS边框?? ?117

?13.2.1? 边框样式?? ?117

?13.2.2? 边框宽度?? ?118

?13.2.3? 边框颜色?? ?119

?13.2.4? 边框-单独设置各边?? ?120

?13.2.5? 边框-简写属性?? ?121

13.3? CSS轮廓?? ?121

?13.3.1? 轮廓属性?? ?121

?13.3.2? 轮廓实例?? ?122

13.4? CSS margin?? ?123

?13.4.1? margin单边外边距属性?? ?123

?13.4.2? margin简写属性?? ?124

?13.4.3? 所有的CSS边距属性?? ?124

?13.4.4? margin样例?? ?124

13.5? CSS padding?? ?125

?13.5.1? 填充单边内边距属性?? ?126

?13.5.2? 填充简写属性?? ?126

?13.5.3? CSS填充属性?? ?126

?13.5.4? padding实例?? ?127

思考题?? ?128

第14章? CSS定位?? ?129

14.1? position属性?? ?129

?14.1.1? static定位?? ?129

?14.1.2? fixed定位?? ?129

?14.1.3? relative定位?? ?129

?14.1.4? absolute定位?? ?130

?14.1.5? 重叠的元素?? ?130

?14.1.6? CSS position属性总结?? ?131

?14.1.7? position实例?? ?132

14.2? float属性?? ?133

?14.2.1? 什么是CSS的float?? ?133

?14.2.2? 元素浮动方式?? ?133

?14.2.3? 彼此相邻的浮动元素?? ?133

?14.2.4? 清除浮动使用clear?? ?133

?14.2.5? CSS中所有的浮动属性?? ?134

?14.2.6? float实例?? ?134

14.3? align属性?? ?136

思考题?? ?137

第15章? CSS3动画及响应式?? ?138

15.1? 什么是CSS3中的动画?? ?138

15.2? CSS3的@keyframes规则?? ?140

15.3? CSS3动画属性?? ?142

15.4? CSS动画实例?? ?142

15.5? 响应式布局简介?? ?143

15.6? viewpoint?? ?145

15.7? 网格视图?? ?145

思考题?? ?149

第16章? 代码规范?? ?150

16.1? CSS书写格式?? ?150

16.2? 选择器与属性缩写?? ?152

?16.2.1? 选择器?? ?152

?16.2.2? 属性缩写?? ?153

?16.2.3? 空行?? ?154

16.3? 值与单位?? ?155

?16.3.1? 文本?? ?155

?16.3.2? 数值?? ?156

?16.3.3? url()?? ?156

?16.3.4? 长度?? ?156

?16.3.5? 颜色?? ?157

?16.3.6? 2D位置?? ?158

16.4? 文本编排?? ?158

?16.4.1? 字体族?? ?158

?16.4.2? 字号?? ?160

?16.4.3? 字体风格?? ?160

?16.4.4? 变换与动画?? ?160

16.5? CSS注释?? ?161

?16.5.1? 普通注释?? ?161

?16.5.2? 区块注释?? ?161

16.6? CSS命名规范?? ?162

?16.6.1? 命名组成?? ?162

?16.6.2? 命名前缀?? ?162

16.7? CSS模板使用?? ?162

思考题?? ?164

本部分小结?? ?164

　　第4部分? JavaScript

第17章? JavaScript介绍?? ?166

17.1? 简介?? ?166

17.2? 应用场景?? ?168

思考题?? ?169

第18章? JavaScript的基本概念?? ?170

18.1? 变量?? ?170

?18.1.1? 变量定义?? ?170

?18.1.2? JavaScript数据类型?? ?170

?18.1.3? 创建JavaScript变量?? ?171

?18.1.4? 变量作用域?? ?172

18.2? JavaScript保留关键字?? ?172

18.3? 函数?? ?173

?18.3.1? 函数语法?? ?173

?18.3.2? 调用带参数的函数?? ?173

?18.3.3? 带有返回值的函数?? ?174

?18.3.4? 函数使用样例?? ?175

18.4? 对象?? ?178

?18.4.1? 对象创建方法?? ?178

?18.4.2? 对象创建示例?? ?181

?18.4.3? 日期对象?? ?182

?18.4.4? 钟表示例?? ?183

18.5? 事件?? ?185

?18.5.1? 基本概念?? ?185

?18.5.2? 事件分类?? ?185

?18.5.3? 事件示例?? ?187

思考题?? ?188

第19章? 常用功能?? ?189

19.1? 数组?? ?189

?19.1.1? 创建数组?? ?189

?19.1.2? 数组的索引与长度?? ?190

?19.1.3? 元素添加/删除?? ?191

?19.1.4? 常用方法?? ?193

19.2? Date?? ?195

?19.2.1? Date对象简介?? ?195

?19.2.2? Date对象常见方法?? ?196

19.3? 表单?? ?197

?19.3.1? 提交表单?? ?198

?19.3.2? 重置表单?? ?198

?19.3.3? 表单字段?? ?199

?19.3.4? 表单样例?? ?201

19.4? 类库?? ?202

?19.4.1? 常见类库?? ?203

?19.4.2? jQuery?? ?205

19.5? jQuery详解?? ?207

?19.5.1? jQuery选择器?? ?207

?19.5.2? jQuery事件?? ?209

?19.5.3? jQuery内容修改?? ?213

?19.5.4? jQuery遍历?? ?217

思考题?? ?220

第20章? 代码规范?? ?221

20.1? 文件及结构?? ?221

?20.1.1? 文件?? ?221

?20.1.2? 结构?? ?221

20.2? 命名和注释?? ?227

?20.2.1? 命名?? ?227

?20.2.2? 注释?? ?229

思考题?? ?230

第21章? JavaScript样例?? ?231

21.1? 俄罗斯方块?? ?231

?21.1.1? 代码及展示?? ?231

?21.1.2? 代码分析?? ?233

21.2? 计算器?? ?234

?21.2.1? 代码及展示?? ?234

?21.2.2? 代码分析?? ?241

思考题?? ?242

本部分小结?? ?242

　　第五部分? 综 合 样 例

第22章? 管理系统?? ?246

22.1? 类库准备?? ?246

22.2? 主页?? ?246

22.3? 数据展示页面?? ?249

22.4? 用户管理页面?? ?256

思考题?? ?262

第23章? 游戏2048?? ?263

23.1? 界面?? ?263

23.2? 代码?? ?263

?23.2.1? HTML?? ?263

?23.2.2? CSS?? ?264

?23.2.3? JavaScript?? ?266

思考题?? ?273

第24章? 个人网站?? ?274

24.1? 准备?? ?274

24.2? WordPress部署?? ?276

?24.2.1? 服务器镜像安装?? ?276

?24.2.2? WordPress初始化?? ?279

24.3? 个人网站使用?? ?279

思考题?? ?280

本部分小结?? ?280

后记?? ?281

参考文献?? ?282

作者介绍