中文版Dreamweaver CS6 完全自学一本通PDF电子书下载

第1章了解网页制作 1

1.1网页的概述 1

1.1.1网页的基本要素 2

1.1.2网页的基本术语 3

1.1.3静态网页和动态网页 6

1.2网页编辑器和屏幕分辨率 7

1.2.1网页编辑器 7

1.2.2屏幕分辨率 7

1.3网站制作的基本流程 9

1.3.1前期策划 9

1.3.2收集素材 9

1.3.3页面的版式和布局分析 9

1.3.4确定网页的主色调 11

1.3.5设计页面整体 12

1.3.6其他页面元素的设计 12

1.3.7切割和优化页面 12

1.3.8制作HTML页面 13

1.3.9测试并上传网站 13

1.3.10网站的更新与维护 13

1.4网页的色彩特效 13

1.4.1网页色彩的特性 13

1.4.2网页安全色 14

1.4.3色彩模式 15

1.4.4网页配色的基本规则 16

1.4.5网页配色中的文本颜色 17

1.4.6网页配色中各元素的关系 18

1.5专家支招 18

1.5.1网页设计师有哪些基本要求 18

1.5.2建设一个网站都需要准备什么 19

1.6总结扩展 19

1.6.1本章小结 19

1.6.2举一反三——网页设计师需要的基本素质有哪些 19

第2章Dreamweaver CS6快速入门 21

2.1认识Dreamweaver CS6 21

2.2安装Dreamweaver CS6 21

2.2.1 Dreamveaver CS6的系统要求 21

2.2.2 Dreamweaver CS6的安装 22

应用案例——安装Dreamweaver CS6 22

2.2.3启动Dreamweaver CS6 23

2.3 Dreamweaver CS6新增功能 24

2.3.1新站点管理器 24

2.3.2基于流体网格的CSS布局 24

2.3.3 CSS3过渡效果 24

2.3.4多CSS类选区 25

2.3.5 PhoneGap Build集成 25

2.3.6 JQuery Mobile 1.0和JQuery Mobile色板 25

2.3.7 Business Catalyst集成 25

2.3.8 Web字体 25

2.3.9简化的PSD优化 26

2.4使用Dreamweaver工作区 26

2.4.1在文档窗口工作 26

2.4.2使用工具栏、检查器和快捷菜单 30

2.4.3自定义Dreamweaver工作区 31

应用案例——自定义工作区 33

2.4.4使用键盘快捷键 34

应用案例——自定义键盘快捷键 36

2.4.5添加管理扩展功能 37

应用案例—添加扩展功能 37

2.5 Dreamweaver工作流程 38

2.6使用可视化助理布局 40

2.6.1使用标尺 40

2.6.2网格的设置 41

2.6.3使用辅助线 42

2.6.4使用跟踪图像 43

2.7专家支招 44

2.7.1网页设计的常用尺寸 44

2.7.2定义不同的工作环境的作用 44

2.8总结扩展 44

2.8.1本章小结 44

2.8.2举一反三——Dreamweaver CS6的卸载 44

第3章建立与管理站点 46

3.1建立站点 46

3.1.1方便快捷地建立站点 46

应用案例——创建站点 47

3.1.2设置站点服务器 47

3.1.3设置站点服务器选项 48

3.1.4设置版本控制 51

3.1.5站点的高级设置 52

3.1.6新建Business Catalyst站点 56

3.2站点的管理 57

3.2.1切换站点 57

3.2.2“管理站点”对话框 58

应用案例——新建并管理站点 59

3.2.3规划站点结构 59

应用案例——设置站点远程服务器 60

3.3构建站点结构 62

3.3.1创建和打开文档 62

3.3.2管理文件和文件夹 65

3.3.3重命名和删除文件 65

3.3.4存回和取出文件 66

3.3.5同步文件 66

3.3.6比较文件的差别 67

3.3.7测试站点 68

应用案例——创建站点文件结构 69

3.4专家支招 71

3.4.1什么是本地站点和远程站点 71

3.4.2如何进行站点的管理 71

3.5总结扩展 71

3.5.1本章小结 71

3.5.2举一反三——备份站点并导入站点 71

第4章网页的本质——HTML5 73

4.1 HTML的技术介绍 73

4.1.1认识HTML语言 73

4.1.2 HTML文档的基本结构 74

应用案例——创建简单的HTML页面 76

4.1.3 HTML标签形式 76

4.2常用的重要标签 77

4.2.1文件结构标签 77

4.2.2字符格式标签 78

4.2.3 区段格式标签 79

4.2.4表格标签 79

4.2.5列表标签 80

4.2.6链接标签 80

4.2.7表单标签 81

4.2.8多媒体标签 81

应用案例——为网页添加音乐播放器 82

4.3全新的HTML 5 82

4.3.1 HTML 5标签 83

应用案例——为网页添加视频 86

4.3.2全局属性 87

4.3.3事件属性 87

4.3.4字符引用 89

4.4为文档添加注释 89

4.5关于空白和空白字符 90

4.5.1使用断行符 91

4.5.2空白字符 91

4.6在Dreamweaver CS6中编写HTML 91

4.6.1认识代码视图 92

4.6.2使用代码视图 93

4.6.3代码的折叠 94

4.6.4选择父标签 95

4.6.5代码的注释 95

4.6.6环绕标签 96

应用案例——使用“环绕标签”创建超链接 96

4.7使用快速标签编辑器 96

4.7.1使用插入模式的快速标签编辑器 97

4.7.2使用编辑模式的快速标签编辑器 97

4.7.3使用环绕模式的快速标签编辑器 97

4.7.4设置标签编辑器属性 98

4.8站点特定代码提示 98

4.8.1创建配置文件 98

4.8.2保存站点结构 100

4.9优化和清理HTML代码 100

4.9.1优化HTML代码 100

4.9.2清理Word生成的HTML代码 101

应用案例——清理Word生成的HTML 102

4.10使用“代码片段”面板 102

4.10.1插入代码片段 102

4.10.2新建代码片段 103

4.11 HTML与CSS 103

4.12HTML与JavaScript 104

4.12.1什么是JavaScript 104

4.12.2 JavaScript放在HTML中的位置 104

4.13专家支招 106

4.13.1如何理解HTML的标签、属性和事件 106

4.13.2英文不好可以学习HTML吗 106

4.14总结扩展 106

4.14.1本章小结 106

4.14.2举一反三——制作一个简单的广告页面 107

第5章网页的整体设置 108

5.1设置页面的头部内容 108

5.1.1设置标题 109

5.1.2设置META 110

应用案例——设置网页打开时的效果 113

5.1.3插入关键字 114

应用案例——向页面添加关键字 114

5.1.4插入说明 115

应用案例——向页面添加说明 115

5.1.5插入刷新 116

应用案例——向页面添加刷新 116

5.1.6设置基础 117

应用案例——设置基础选项 117

5.1.7设置链接 118

应用案例——设置链接选项 118

5.2设置网页基本属性 119

5.2.1设置外观（CSS） 119

应用案例——设置页面外观（CSS） 120

5.2.2设置外观（HTML） 121

应用案例——设置页面外观（HTML） 121

5.2.3设置链接（CSS） 122

应用案例设置页面链接（CSS） 123

5.2.4设置标题（CSS） 124

5.2.5设置标题／编码 125

5.2.6设置跟踪图像 126

应用案例——设置页面跟踪图像 127

5.3专家支招 128

5.3.1如何手写头部信息 128

5.3.2网页基本属性对网页有什么影响 128

5.4总结扩展 128

5.4.1本章小结 128

5.4.2举一反三——设置网页的头部信息 128

第6章使用CSS修饰网页 130

6.1认识CSS样式表 130

6.1.1什么是CSS 130

6.1.2 CSS的优越性 131

6.1.3 CSS样式的类型 132

6.1.4 CSS样式的分类 133

6.2创建与编辑CSS样式 135

6.2.1建立标签样式 135

应用案例——建立标签CSS样式 135

6.2.2建立类样式 137

应用案例建立类CSS样式 137

6.2.3建立ID样式 138

应用案例——建立ID CSS样式 138

6.2.4建立复合内容样式 139

应用案例——建立复合内容CSS样式 139

6.2.5链接外部样式表 140

6.2.6编辑样式 141

应用案例编辑CSS样式 141

6.3在面板中设置CSS样式 142

6.3.1文本样式的设置 142

应用案例——设置文本样式 144

6.3.2背景样式的设置 145

应用案例——设置背景样式 145

6.3.3区块样式的设置 146

应用案例——设置区块样式 147

6.3.4方框样式的设置 148

应用案例——设置方框样式 149

6.3.5边框样式的设置 150

应用案例——设置边框样式 151

6.3.6列表样式的设置 151

应用案例——设置列表样式 152

6.3.7定位样式的设置 153

6.3.8扩展样式的设置 154

6.3.9过渡样式的设置 156

应用案例———制作颜色过渡链接 156

6.4 CSS的语法结构 159

6.4.1 CSS属性与选择符 159

6.4.2选择符的类型 160

6.4.3伪类及伪对象 163

应用案例——制作导航文字效果 164

6.4.4通配选择符 165

6.4.5 CSS样式的冲突 165

6.5在HTML代码中编辑样式 166

6.5.1字体属性 166

6.5.2文本属性 167

6.5.3颜色和背景属性 167

6.5.4边框属性 168

6.5.5定位属性 169

6.5.6区块属性 170

6.5.7列表属性 171

6.5.8 CSS3新增属性 172

6.6专家支招 173

6.6.1 HTML书写建议 173

6.6.2 CSS的命名规范 173

6.7总结扩展 174

6.7.1本章小结 175

6.7.2举一反三——使用CSS美化页面 175

第7章Div+CSS布局 177

7.1 Web标准的历史与发展 177

7.1.1 Web标准是什么 177

7.1.2 Web表现层技术 178

7.1.3 Web标准的历史 178

7.1.4 Web标准的构成 179

7.2 Div的定义 180

7.2.1什么是Div 180

7.2.2插入Div 180

7.2.3 Div的嵌套和固定格式 182

7.3 CSS布局定位 183

7.3.1浮动定位 183

应用案例——设置浮动定位 187

7.3.2 position定位 190

应用案例设置position定位 193

7.4可视化盒模型 195

7.4.1盒模型的概念 195

7.4.2 margin 196

7.4.3 padding 200

7.4.4 border 201

应用案例——设置图片边距边框 203

7.4.5视觉可视化模型 207

7.5 CSS布局方式 208

7.5.1居中布局设计 208

应用案例——居中布局页面元素 210

7.5.2浮动布局设计 213

应用案例——中间列宽自适应布局 218

7.5.3高度自适应设计 220

7.6专家支招 221

7.6.1如何解决双倍浮向问题 221

7.6.2如何解决不同浏览器的居中问题 221

7.7总结扩展 221

7.7.1本章小结 221

7.7.2举一反三——制作保健品网站页面 222

第8章制作简洁的文本页面 223

8.1在网页中输入文字 223

8.1.1输入文字的方法 223

8.1.2输入文字时的注意事项 223

应用案例——在页面中输入文字 225

8.2插入特殊的文本对象 226

8.2.1插入特殊字符 227

8.2.2插入时间 227

应用案例——在页面中插入时间 228

8.2.3插入水平线 229

应用案例——在页面中插入水平线 229

8.2.4插入列表 230

应用案例——在页面中插入列表 231

8.2.5插入注释 232

应用案例——在页面中插入注释 232

8.3设置文字属性 233

8.3.1设置HTML文字属性 233

应用案例——在页面中设置文字属性 233

8.3.2 CSS属性 234

8.3.3 CSS对字号的设置 236

8.4 Web字体 237

8.4.1 @ font-face 237

8.4.2设置Web字体 238

应用案例——显示Web字体到页面 238

8.5文字的滚动效果 240

应用案例——实现文字的滚动 240

8.6专家支招 242

8.6.1常用的设置字体的属性 243

8.6.2字号的设置单位 243

8.7总结扩展 243

8.7.1本章小结 243

8.7.2举一反三——制作文本页面 244

第9章使用图像丰富网页内容 245

9.1网页图像的格式 245

9.1.1 GIF格式图像 245

9.1.2.JPEG格式图像 246

9.1.3 PNG格式图像 246

9.2插入图像 246

9.2.1在网页中插入图像 246

应用案例——在页面中添加图像 247

9.2.2设置图像属性 249

9.3插入其他图像元素 251

9.3.1插入图像占位符 251

应用案例——在页面中插入图像占位符 252

9.3.2插入鼠标经过图像 253

应用案例—在页面中插入鼠标经过图像 253

9.3.3插入Fireworks HTML 255

9.4专家支招 256

9.4.1使用图像时需要注意什么 256

9.4.2如何设置网页背景图片 257

9.5总结扩展 257

9.5.1本章小结 257

9.5.2举一反三——为页面添加背景图片 257

第10章使用表格 259

10.1制作表格的方法 259

10.1.1认识表格 259

10.1.2插入表格 259

10.1.3在HTML代码中插入表格 261

10.1.4表格的标题与表头 263

10.1.5行、单元格和表头属性 264

10.1.6表格嵌套 265

10.2表格的基本操作 266

10.2.1选择表格和单元格 266

应用案例—选择不同的表格和单元格 266

10.2.2设置表格属性 268

10.2.3设置单元格属性 269

10.2.4调整表格结构 270

10.3表格数据的处理 272

10.3.1排序表格 272

应用案例——对表格进行排序 272

10.3.2导入和导出表格数据 273

10.4使用扩展表格模式 275

10.5使用样式控制数据表格 276

10.5.1表格模型 276

10.5.2表格标题 278

10.5.3设置列的样式 280

10.5.4其他知识点 281

10.6专家支招 283

10.6.1表格布局应用在哪些方面 283

10.6.2 Div+CSS布局有哪些优势 283

10.7总结扩展 284

10.7.1本章小结 284

10.7.2举一反三——使用表格制作局部页面 284

第11章创建多媒体网页 286

11.1在网页中插入Flash 286

11.1.1插入Flash动画 286

应用案例——在页面中插入Flash 288

11.1.2插入FLV视频 290

应用案例——在页面中插入FLV视频 291

11.2在网页中插入Shockwave动画 292

应用案例——插入Shockwave动画 292

11.3为网页添加声音 294

11.3.1网页中常用的声音格式 294

11.3.2为网页添加背景音乐 295

应用案例——添加背景音乐 295

11.3.3在网页中嵌入音频 296

应用案例——嵌入音频 296

11.4为网页添加视频 297

11.4.1网页中常用的视频格式 298

11.4.2在网页中插入视频 298

应用案例—插入视频 298

11.5在网页中插入APPLET 300

应用案例——插入APPLET 300

11.6插入ActiveX控件 301

11.7专家支招 303

11.7.1打开网页视频需要哪些插件 303

11.7.2 HTML5丰富的多媒体元素有哪些 303

11.8总结扩展 303

11.8.1本章小结 303

11.8.2举一反三——制作美容产品网站 303

第12章利用表单对象创建表单文件 305

12.1表单概述 305

12.1.1关于表单 305

12.1.2表单对象介绍 306

12.2插入输入类表单对象 308

12.2.1插入表单域 308

应用案例——在页面中插入表单域 308

12.2.2插入文本域 310

应用案例——在表单中插入文本域 310

12.2.3插入密码域 312

应用案例——在表单中插入密码域 312

12.2.4插入多行文本域 314

应用案例——在页面中插入多行文本域 314

12.2.5插入隐藏域 316

12.2.6插入复选框 316

应用案例——在表单中插入复选框 316

12.2.7插入单选按钮 318

应用案例——在表单中插入单选按钮 318

12.2.8插入列表／菜单 320

应用案例——在表单中插入列表／菜单 321

12.2.9插入跳转菜单 323

应用案例——在表单中插入跳转菜单 323

12.2.10插入图像域 326

应用案例——在表单中插入图像域 326

122.11插入文件域 328

应用案例——在表单中插入文件域 328

12.2.12插入按钮 330

应用案例——在表单中插入按钮 330

12.3 Spry验证表单 332

应用案例——验证表单 332

12.4专家支招 335

12.4.1不同的表单提交方法有哪些区别 335

12.4.2浏览器怎样发送表单数据 335

12.5总结扩展 336

12.5.1本章小结 336

12.5.2举一反三——制作登录页面 336

第13章网页链接的应用 338

13.1认识超链接 338

13.2创建超链接 339

13.2.1文字链接 339

应用案例——创建文字链接 339

13.2.2图像链接 341

应用案例——创建图像链接 342

13.3创建其他形式的超链接 342

13.3.1空链接 342

应用案例——创建空链接 343

13.3.2文件下载链接 343

应用案例——创建文件下载链接 344

13.3.3 E-mail超链接 345

应用案例——创建E-mail超链接 345

应用案例——为图像创建E-mail超链接 346

13.3.4锚记链接 347

应用案例——创建锚记链接 347

13.3.5脚本链接 349

应用案例——创建脚本链接 349

13.3.6 图像映射 350

应用案例——创建图像映射 350

13.4关于链接路径 351

13.4.1绝对路径 352

13.4.2相对路径 352

13.4.3根路径 353

13.5超链接属性控制 353

13.6超链接检查 355

13.7专家支招 356

13.7.1 a链接的注意事项有哪些 356

13.7.2内部链接和外部链接 357

13.8总结扩展 357

13.8.1本章小结 358

13.8.2举一反三——制作校园类网站 358

第14章创建框架页面 359

14.1框架简介 359

14.1.1框架的组成 359

14.1.2框架结构的优缺点 359

14.2创建框架和框架集 360

14.2.1预定义框架集 361

应用案例——插入预定义框架集 361

14.2.2创建框架集 362

应用案例——手动创建框架集 362

14.2.3保存框架 363

14.3设置框架和框架集属性 364

14.3.1设置框架集属性 364

14.3.2设置框架属性 365

14.3.3设置无框架内容 366

14.3.4为框架设置超链接 366

14.4 IFrame框架 367

14.4.1 IFrame框架页面 367

应用案例——制作IFrame框架页面 367

14.4.2 IFrame框架页面链接 368

应用案例——创建IFrame框架链接 368

14.4.3 IFrame框架高度自适应 369

14.5在HTML代码中编辑框架 370

14.6专家支招 374

14.6.1如何无缝嵌入其他页面 374

14.6.2 IFrame和Object链入HTML文档有哪些区别 374

14.7总结扩展 374

14.7.1本章小结 374

14.7.2举一反三——使用IFrame框架制作儿童类网站页面 375

第15章利用模板和库创建网页 376

15.1使用模板 376

15.1.1模板的特点 376

15.1.2创建模板 377

应用案例——基于现有文档创建模板 377

15.1.3定义可编辑区域 379

应用案例——在模板中定义可编辑区域 379

15.1.4定义可选区域 381

应用案例——在模板中定义可选区域 381

15.1.5定义重复区域 383

应用案例——在模板中定义重复区域 383

15.1.6可编辑标签属性 384

15.2应用模板 385

15.2.1创建基于模板的页面 385

应用案例——基于模板创建页面 385

15.2.2删除页面中所使用的模板 388

15.2.3更新模板及基于模板的网页 389

15.3使用库 389

15.3.1创建库项目 389

应用案例——创建空白库项目 390

15.3.2插入库项目 392

应用案例——在页面中插入库项目 392

15.3.3库项目的编辑和更新 393

15.4在HTML代码中编辑模板和库 394

15.5专家支招 394

15.5.1对库项目的编辑对文档有哪些影响 395

15.5.2怎样导出不带模板标记的站点 395

15.6总结扩展 395

15.6.1本章小结 395

15.6.2举一反三——使用库项目制作页面 395

第16章使用AP Div 397

16.1使用AP Div对网页排版 397

16.1.1 AP Div的基本使用 397

16.1.2使用AP Div排版 399

应用案例——使用AP Div进行排版 400

16.1.3利用AP Div溢出排版 402

应用案例——利用AP Div溢出排版 403

16.2使用AP Div实现网页特效 403

16.2.1改变AP Div属性 404

应用案例——设置AP Div属性 404

16.2.2 AP Div文本的设置 406

应用案例—设置AP Div文本 406

16.2.3 AP Div的显示和隐藏 408

应用案例——显示和隐藏AP Div 408

16.2.4拖动网页中的AP元素 410

应用案例——拖动AP元素 411

16.3专家支招 412

16.3.1 AP Div有哪些功能 413

16.3.2使用AP Div要注意什么 413

16.4总结扩展 413

16.4.1本章小结 413

16.4.2举一反三——制作AP Div页面 413

第17章Spry框架技术 415

17.1关于Spry构件 415

17.2 Spry菜单栏 415

17.2.1插入Spry菜单栏 416

应用案例——在页面中插入Spry菜单栏 416

17.2.2设置Spry菜单栏的属性 417

应用案例——设置菜单栏属性 418

17.2.3自定义菜单项样式 419

17.2.4设置菜单项的尺寸 421

应用案例——更改菜单项的尺寸 421

17.2.5调整子菜单位置 422

17.3 Spry选项卡式面板 423

17.3.1插入Spry选项卡式面板 423

17.3.2设置Spry选项卡式面板的属性 423

17.3.3自定义选项卡式面板的CSS样式 424

17.3.4设置选项卡式面板的宽度 425

应用案例——自定义Spry选项卡式面板 425

17.4 Spry折叠式构件 430

17.4.1插入Spry 折叠式构件 430

17.4.2设置Spry折叠式构件的属性 431

17.4.3自定义Spry折叠式构件的CSS样式 431

17.4.4调整折叠式构件的宽度 432

应用案例——自定义Spry折叠式构件 433

17.5 Spry可折叠面板 435

17.5.1插入Spry可折叠面板 435

17.5.2设置Spry可折叠面板的属性 435

17.5.3自定义Spry可折叠面板的CSS样式 436

17.5.4设置Spry可折叠面板的宽度 437

应用案例——自定义Spry可折叠面板 438

17.6 Spry工具提示 440

17.6.1插入Spry工具提示 441

17.6.2设置Spry工具提示的属性 441

17.7专家支招 442

17.7.1如何应用Spry效果 442

17.7.2如何更好地控制Spry构件的样式 443

17.8总结扩展 443

17.8.1本章小结 443

17.8.2举一反三——制作美容时尚网站页面 443

第18章使用JavaScript行为创建动态效果 445

18.1行为简介 445

18.1.1什么是JavaScript 445

18.1.2事件 445

18.1.3动作 449

18.2为网页添加JavaScript 449

18.2.1弹出消息 450

应用案例——在网页中弹出消息 450

18.2.2打开浏览器窗口 451

应用案例——弹出网页广告 451

18.2.3检查插件 452

应用案例——检查浏览器中的插件 453

18.2.4检查表单 454

应用案例——检查登录页面 454

18.2.5设置文本 456

应用案例—设置文本域文字 456

18.2.6调用JavaScript 459

18.2.7跳转菜单 459

18.2.8跳转菜单开始 460

18.2.9转到URL 460

应用案例——转到百度地图 461

18.2.10预先载入图像 462

18.3专家支招 462

18.3.1 Dreamweaver提供的行为 462

18.3.2 JavaScript的常用功能 462

18.4总结扩展 463

18.4.1本章小结 463

18.4.2举一反三——制作数码摄影网站 463

第19章网站的维护与上传 466

19.1网站测试 466

19.1.1检查浏览器的兼容性 466

应用案例—检查网页的兼容性 467

19.1.2检查链接 468

应用案例——检查网页的链接 468

19.1.3创建站点报告 469

19.2上传网站 470

19.2.1链接到远程服务器 470

19.2.2文件的上传 471

应用案例——上传文件 471

19.2.3文件的下载 472

19.3专家支招 473

19.3.1网站维护的基本常识 473

19.3.2其他上传工具 473

19.4总结扩展 473

19.4.1本章小结 473

19.4.2举一反三——域名和空间的申请 473

第20章应用案例——Div+CSS布局页面案例 475

20.1应用案例——制作租车网站菜单页面 475

20.1.1设计分析 475

20.1.2制作步骤 476

20.2应用案例——为菜单页面添加超链接 479

20.2.1设计分析 479

20.2.2制作步骤 479

20.3应用案例——制作条件搜索页面 480

20.3.1设计分析 481

20.3.2制作步骤 481

20.4应用案例——制作文字列表页面 483

20.4.1设计分析 483

20.4.2制作步骤 483

20.5应用案例——制作产品展示页面 486

20.5.1设计分析 486

20.5.2制作步骤 486

20.6案例小结 489

第21章游戏休闲类页面制作 490

21.1应用案例——制作游戏网站页面 490

21.1.1设计分析 491

21.1.2制作页面头部内容 491

21.1.3制作页面主体内容 493

21.1.4制作页面底部信息 497

21.2应用案例——制作休闲网站页面 497

21.2.1设计分析 498

21.2.2制作页面主体内容 498

21.2.3制作页面底部信息 509

21.3案例小结 511

第22章电子商务教育类页面制作 512

22.1应用案例——制作电子产品页面 512

22.1.1设计分析 513

22.1.2制作页面头部内容 513

22.1.3制作页面右侧内容 516

22.1.4制作页面底部内容 519

22.2应用案例——制作教育类页面 520

22.2.1设计分析 520

22.2.2制作页面头部内容 520

22.2.3制作页面主体内容 522

22.2.4制作页面底部内容 525

22.3案例小结 525