Web前端设计与开发 HTML5+CSS3+JavaScript 微课版PDF电子书下载

第1章 网页设计入门 1

1.1 网页设计基础知识 1

1.1.1 网站和网页 1

1.1.2 网页基本元素 2

1.2 网页制作相关技术 3

1.2.1 初识HTML 3

1.2.2 HTML编辑工具 4

1.2.3 CSS和JavaScript 7

1.3 HTML入门 8

1.3.1 HTML文档的结构 8

1.3.2 ＜！DOCTYPE＞标记 11

1.4 HTML5基本语法 12

1.4.1 标记语法 12

1.4.2 属性语法 12

1.4.3 注释标记 13

1.5 上机练习与指导 14

1.5.1 编写一个简单的HTML网页 14

1.5.2 ＜meta＞标记的应用 14

1.6 本章习题 15

第2章 制作网页内容 16

2.1 文字 16

2.1.1 添加文字 16

2.1.2 添加空格和特殊符号 17

2.1.3 文字样式 19

2.1.4 文字修饰 20

2.2 段落 22

2.2.1 段落标记 22

2.2.2 换行标记 23

2.2.3 段落对齐 24

2.2.4 标题 25

2.2.5 水平分割线 26

2.3 列表 27

2.3.1 无序列表 27

2.3.2 有序列表 28

2.3.3 定义列表 31

2.4 图片 32

2.4.1 ＜img＞标记 32

2.4.2 指定图像的尺寸 33

2.4.3 指定图像的对齐方式 34

2.4.4 指定图像的间距 36

2.4.5 图像的替换文本 37

2.4.6 图像的边框 38

2.5 移动的文字 40

2.5.1 ＜marquee＞标记 40

2.5.2 文字移动属性 41

2.6 其他多媒体文件 42

2.6.1 ＜embed＞标记 42

2.6.2 ＜bgsound＞标记 44

2.7 上机练习与指导 44

2.7.1 制作文字网页 44

2.7.2 制作图文混排网页 46

2.8 本章习题 47

第3章 超级链接 48

3.1 认识超级链接 48

3.1.1 超级链接的定义 48

3.1.2 超级链接的类型 48

3.2 创建超级链接 50

3.2.1 ＜a＞标记 50

3.2.2 绝对路径与相对路径 51

3.2.3 target属性 53

3.2.4 超级链接的显示效果 55

3.3 常见的超级链接应用 55

3.3.1 图像链接 55

3.3.2 下载链接 56

3.3.3 邮件链接 57

3.3.4 锚点链接 59

3.4 图像映射 61

3.4.1 ＜map＞标记 61

3.4.2 ＜area＞标记 62

3.4.3 ＜img＞标记的usemap属性 62

3.5 上机练习与指导 63

3.5.1 锚点链接的应用 63

3.5.2 图像映射的应用 66

3.6 本章习题 67

第4章 用HTML布局网页 69

4.1 创建表格 69

4.1.1 表格标记 69

4.1.2 表格标题 71

4.1.3 划分表格结构 72

4.2 表格属性设置 74

4.2.1 ＜table＞标记属性 74

4.2.2 ＜tr＞标记属性 74

4.2.3 ＜td＞标记属性 74

4.3 使用表格布局网页 76

4.3.1 网页布局类型 77

4.3.2 网页布局实例 77

4.4 创建框架 79

4.4.1 定义框架 79

4.4.2 利用框架分割窗口 79

4.4.3 框架的嵌套 81

4.4.4 框架的初始化 82

4.4.5 创建浮动框架 84

4.5 框架控制 85

4.5.1 控制框架边框 86

4.5.2 控制框架子窗口 88

4.6 使用框架布局网页实例 90

4.7 上机练习与指导 92

4.7.1 使用表格布局网页的应用 92

4.7.2 使用框架布局网页的应用 93

4.8 本章习题 94

第5章 表单 95

5.1 表单基础 95

5.1.1 表单的定义 95

5.1.2 表单控件的类型 96

5.1.3 ＜form＞标记 96

5.2 ＜input＞标记 97

5.2.1 单行文本框 98

5.2.2 密码输入框 99

5.2.3 隐藏框 100

5.2.4 “提交”按钮和“重置”按钮 100

5.2.5 图像按钮 101

5.2.6 单选框和复选框 102

5.2.7 文件选择输入框 104

5.2.8 可单击按钮 105

5.2.9 HTML5新的Input类型 106

5.3 多行文本框 110

5.4 下拉列表框 112

5.5 上机练习与指导 113

5.5.1 表单实现用户注册的应用 113

5.5.2 表单实现文件上传的应用 115

5.6 本章习题 117

第6章 CSS样式表基础 119

6.1 Web标准 119

6.1.1 Web标准的基本组成 119

6.1.2 建立Web标准的目的与好处 120

6.1.3 Web标准与浏览器的兼容性 121

6.2 XHTML与CSS 121

6.2.1 XHTML的基本知识 121

6.2.2 XHTML中的元素 122

6.2.3 CSS概述 124

6.2.4 XHTML＋CSS实现样式与结构分离 125

6.2.5 CSS布局与表格布局的分析 125

6.3 CSS编写基本模式 127

6.3.1 CSS的插入形式 127

6.3.2 CSS的媒介控制 130

6.4 CSS的基本语法 131

6.4.1 CSS的基本格式 131

6.4.2 CSS的注释语句 133

6.4.3 CSS的选择符 133

6.5 上机练习与指导 136

6.5.1 编写头部CSS 136

6.5.2 编写主体CSS 136

6.5.3 编写外部CSS 138

6.6 本章习题 139

第7章 CSS布局 141

7.1 DIV十CSS的定义 141

7.1.1 初识DIV 141

7.1.2 DIV元素的样式设置 143

7.1.3 DIV的页面布局 145

7.1.4 DIV元素的布局技巧 147

7.2 CSS盒模型 156

7.2.1 CSS盒模型的定义 156

7.2.2 元素的高度和宽度 157

7.2.3 边距控制 158

7.2.4 边框控制 166

7.3 CSS元素的定位 168

7.3.1 CSS绝对定位 168

7.3.2 CSS固定定位 170

7.3.3 CSS相对定位 171

7.4 上机练习与指导 173

7.4.1 编写典型的网页布局 173

7.4.2 利用CSS定位制作导航条 176

7.5 本章习题 177

第8章 CSS网页元素设计 178

8.1 文本的设置 178

8.1.1 字体的设置 178

8.1.2 文本的排版 186

8.2 颜色与背景 194

8.2.1 设置字体颜色 194

8.2.2 设置背景颜色 194

8.2.3 设置背景图片 196

8.2.4 设置背景图片位置 197

8.2.5 设置背景附件 199

8.2.6 背景属性整体设置 201

8.3 图片样式控制 202

8.3.1 图片定位 202

8.3.2 图文混排 203

8.3.3 图片的裁切 205

8.4 上机练习与指导 208

8.4.1 网页文档排版 208

8.4.2 背景样式综合应用 209

8.4.3 图文混排应用 211

8.5 本章习题 212

第9章 JavaScript基础 214

9.1 JavaScript语言概述 214

9.1.1 JavaScript的定义 214

9.1.2 JavaScript的功能 215

9.2 HTML文档与JavaScript 216

9.2.1 在HTML文档中插入JavaScript 216

9.2.2 JavaScript的解析顺序 217

9.2.3 script元素属性 218

9.3 JavaScript程序基础 219

9.3.1 标识符的命名规定 219

9.3.2 JavaScript的数据类型 220

9.3.3 变量 224

9.4 常用运算符 225

9.4.1 算术运算符 225

9.4.2 赋值运算符 227

9.4.3 关系运算符 227

9.4.4 逻辑运算符 228

9.4.5 条件运算符 231

9.4.6 其他运算符 231

9.5 JavaScript程序 233

9.5.1 语句和语句块 234

9.5.2 注释语句 234

9.5.3 选择语句 234

9.5.4 循环语句 238

9.6 函数 243

9.6.1 函数的定义和使用 243

9.6.2 函数的参数传递 245

9.6.3 函数的作用域和返回值 246

9.7 上机练习与指导 249

9.7.1 猜数游戏 249

9.7.2 数组应用 250

9.8 本章习题 251

第10章 JavaScript核心对象 252

10.1 认识JavaScript对象 252

10.1.1 JavaScript对象简介 252

10.1.2 JavaScript对象的分类 253

10.2 内置对象 253

10.2.1 字符串对象 253

10.2.2 数组对象 256

10.2.3 日期对象 261

10.2.4 Math对象 265

10.3 宿主对象 267

10.3.1 浏览器对象模型 267

10.3.2 文档对象模型 275

10.4 上机练习与指导 286

10.4.1 制作一个小型计算器 286

10.4.2 制作简单的网页动画 288

10.4.3 制作数据检测功能的注册页面 289

10.5 本章习题 293

第11章 事件响应 294

11.1 事件响应编程简介 294

11.1.1 事件和事件处理程序 294

11.1.2 HTML文档事件 295

11.1.3 JavaScript如何处理事件 296

11.2 主要事件分析 297

11.2.1 鼠标事件 298

11.2.2 键盘事件 300

11.2.3 表单事件 301

11.3 event对象 304

11.3.1 event对象的属性 304

11.3.2 检测鼠标信息 306

11.3.3 检测用户的键盘按键信息 308

11.4 上机练习与指导 309

11.4.1 改变网页背景颜色 309

11.4.2 表单中相关组件的算术运算 310

11.4.3 鼠标随意拖动网页元素 312

11.5 本章习题 314

第12章 综合实例 315

12.1 网站开发流程 315

12.1.1 网站规划 315

12.1.2 网站设计 316

12.1.3 页面设计效果图 317

12.1.4 站点目录规划 317

12.2 网站开发 318

12.2.1 构建XHTML结构 318

12.2.2 设置页面背景 324

12.2.3 插入Flash动画 326

12.2.4 JavaScript与Flash制作轮换图片 327

12.2.5 其他栏目的实现 329

12.3 网站发布 338

12.3.1 注册域名 338

12.3.2 上传网站 338

附录A 习题参考答案 339