网页设计与网站建设自学经典PDF|Epub|txt|kindle电子书版本网盘下载

网页设计与网站建设自学经典PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 网站建设基础知识1

1.1 网站基础知识概况2

1.1.1 什么是网站2

1.1.2 静态网站2

1.1.3 动态网站3

1.1.4 申请域名4

1.1.5 申请服务器空间4

1.2 网页界面构成元素5

1.2.1 Logo和导航条5

1.2.2 Banner和内容版块6

1.2.3 版尾版块6

1.3 网页版块结构7

1.3.1 “国”字框架7

1.3.2 拐角框架7

1.3.3 左右框架8

1.3.4 上下框架8

1.3.5 封面框架9

1.4 网页设计目的9

1.4.1 资讯类网站10

1.4.2 艺术资讯类和艺术类网站10

1.5 网页设计的实现10

1.5.1 设计结构图11

1.5.2 设计界面11

1.5.3 设计字体11

1.5.4 制作网页概念图11

1.5.5 切片的优化12

1.5.6 编写代码和优化页面12

1.6 网页色彩基础12

1.6.1 RGB色彩体系12

1.6.2 色彩的属性13

1.6.3 色彩模式13

1.6.4 网页色彩搭配技巧14

1.7 网站策划14

1.7.1 确定网站风格和布局14

1.7.2 网站整体规划15

1.7.3 搜集、整理素材15

1.7.4 规划站点、制作网页16

1.7.5 发布与上传16

1.7.6 后期更新与维护17

1.7.7 网站的推广17

1.8 网页设计与网站建设常用软件17

1.8.1 编写网页代码软件Dreamweaver17

1.8.2 Dreamweaver窗口界面18

1.8.3 网页图像处理软件Photoshop19

1.8.4 Photoshop窗口界面20

1.8.5 网页动画设计软件Flash22

1.8.6 Flash窗口界面23

第2章 网站与数据库技术26

2.1 设计网站27

2.1.1 站点与访问者27

2.1.2 设置网站兼容性27

2.1.3 命名原则28

2.1.4 设定站点的风格29

2.1.5 设计网站导航方案30

2.1.6 规划与收集网站资源30

2.2 使用网站【资源】面板31

2.2.1 查看网站资源31

2.2.2 选择资源类别31

2.2.3 选择与编辑资源32

2.2.4 刷新【资源】面板32

2.2.5 管理【资源】面板33

2.3 创建本地站点33

2.3.1 站点概述33

2.3.2 规划站点35

2.3.3 建立本地站点36

2.4 数据及数据库概述36

2.4.1 数据与信息37

2.4.2 数据库37

2.4.3 数据库管理系统37

2.4.4 关系数据库38

2.5 常用数据库及数据库的作用38

2.5.1 收集用户信息39

2.5.2 网站搜索功能39

2.5.3 产品管理和新闻系统39

2.5.4 网站中的常用数据40

2.6 Access和SQL Server数据库40

2.6.1 Access数据库用途41

2.6.2 Access 2010的优点41

2.6.3 SQL Server发展历史42

2.6.4 SQL Server 2008体系结构42

2.6.5 了解ODBC44

第3章 图像设计软件Photoshop46

3.1 网页界面概述47

3.1.1 网页界面设计分类47

3.1.2 网页界面设计的原则49

3.2 选择选取49

3.2.1 矩形选框工具49

3.2.2 椭圆选框工具50

3.2.3 单行／单列选框工具51

3.2.4 套索工具组51

3.2.5 魔棒工具52

3.2.6 快速选择工具52

3.2.7 色彩范围53

3.3 图层编辑53

3.3.1 创建与设置图层53

3.3.2 混合选项54

3.3.3 投影和内阴影55

3.3.4 外发光和内发光55

3.3.5 斜面和浮雕56

3.3.6 光泽57

3.3.7 颜色叠加57

3.3.8 渐变叠加58

3.3.9 图案叠加58

3.3.10 描边59

3.4 编辑文本59

3.4.1 创建普通文字59

3.4.2 创建段落文本60

3.4.3 设置文字特征60

3.4.4 更改文字的外观60

3.5 应用蒙版61

3.5.1 快速蒙版61

3.5.2 剪贴蒙版61

3.5.3 图层蒙版62

3.5.4 矢量蒙版62

3.6 应用滤镜62

3.6.1 模糊滤镜63

3.6.2 高斯模糊滤镜63

3.6.3 USM锐化滤镜63

3.6.4 镜头光晕滤镜64

3.6.5 添加杂色滤镜64

3.7 制作切片64

3.7.1 切片工具64

3.7.2 切片选择工具64

3.7.3 存储为Web所用格式65

3.7.4 输出设置66

3.8 综合实战66

3.8.1 实战：设计网站进入页界面66

3.8.2 实战：设计化妆品广告网幅68

第4章 制作网页动画Flash71

4.1 导入动画素材72

4.1.1 导入到舞台72

4.1.2 导入到库72

4.1.3 打开外部库72

4.2 管理库资源73

4.2.1 Flash元件概述74

4.2.2 创建元件74

4.2.3 编辑元件75

4.3 绘制动画图形75

4.3.1 线条工具和钢笔工具76

4.3.2 椭圆工具和基本椭圆工具76

4.3.3 矩形工具和基本矩形工具76

4.3.4 多角星形工具77

4.3.5 填充颜色77

4.4 处理动画文本78

4.4.1 创建静态文本和动态文本78

4.4.2 输入文本和TLF文本78

4.5 网页动画类型78

4.5.1 创建补间动画79

4.5.2 引导动画80

4.5.3 遮罩动画80

4.5.4 逐帧动画80

4.5.5 补间形状动画81

4.5.6 传统补间动画81

4.6 Flash滤镜效果82

4.6.1 投影82

4.6.2 模糊、发光和斜角83

4.6.3 渐变发光和渐变斜角83

4.6.4 调整颜色84

4.6.5 动画预设84

4.7 综合实战84

4.7.1 实战：制作网站进入动画85

4.7.2 实战：制作动画导航条87

第5章 网页代码软件Dreamweaver90

5.1 创建与管理站点91

5.1.1 了解站点91

5.1.2 建立站点91

5.1.3 管理站点93

5.1.4 复制与修改站点94

5.2 Web文件操作94

5.2.1 了解文件夹的结构94

5.2.2 文件面板95

5.2.3 删除文件或文件夹96

5.2.4 文件的复制和粘贴96

5.2.5 存回和取出文件97

5.2.6 添加普通文本及特殊字符97

5.3 插入网页图像98

5.3.1 在【设计】视图中插入图片98

5.3.2 通过【资源】面板插入图片99

5.3.3 在网页的源代码中插入图片99

5.3.4 使用图像热区99

5.4 创建各种链接100

5.4.1 相对路径和绝对路径100

5.4.2 创建图像热点链接101

5.4.3 创建E-mail链接101

5.4.4 创建脚本链接102

5.4.5 创建下载文件链接102

5.5 综合实战102

5.5.1 实战：制作化妆品网页103

5.5.2 实战：制作服装时尚页110

第6章 添加网页中的文本112

6.1 网页文本概述113

6.1.1 页面对话框和外观（CSS）属性113

6.1.2 设置外观（HTML）属性113

6.1.3 设置链接和标题（CSS）属性114

6.1.4 设置标题／编码属性115

6.1.5 设置跟踪图像属性116

6.2 插入文本116

6.2.1 直接输入文本和从外部文件中粘贴116

6.2.2 从外部文件中导入和插入特殊符号117

6.2.3 插入水平线和日期118

6.2.4 段落的创建和格式设置119

6.3 项目列表119

6.3.1 创建项目列表119

6.3.2 嵌套项目列表120

6.3.3 列表项目的样式120

6.4 综合实战121

6.4.1 实战：制作企业介绍网页121

6.4.2 实战：设计人物介绍网页124

第7章 添加网页图像127

7.1 添加图像128

7.1.1 添加普通图像128

7.1.2 插入图像占位符129

7.1.3 添加鼠标经过图像129

7.1.4 插入Fireworks.HTML131

7.1.5 插入Photoshop图像131

7.2 设置网页图像属性131

7.2.1 图像基本属性131

7.2.2 设置图像大小134

7.2.3 设置图像位置135

7.3 综合实战135

7.3.1 实战：制作相册展示网页135

7.3.2 实战：制作图像导航条141

第8章 网页中的链接145

8.1 超级链接类型146

8.2 插入链接146

8.2.1 插入文本和图像链接147

8.2.2 插入邮件和锚记链接147

8.3 绘制热点区域148

8.3.1 矩形热点链接148

8.3.2 圆形热点链接149

8.3.3 多边形热点链接149

8.4 编辑热点区域150

8.4.1 移动和对齐热点区域150

8.4.2 调节热点区域大小和设置重叠热点区域层次151

8.5 综合实战151

8.5.1 实战：制作木森壁纸酷网站151

8.5.2 实战：制作百科网页161

第9章 设计多媒体网页165

9.1 插入Flash动画166

9.1.1 插入普通Flash动画166

9.1.2 透明Flash动画167

9.2 插入FLV视频167

9.2.1 累进式下载视频167

9.2.2 流视频169

9.3 多媒体网页制作170

9.3.1 插入FlashPaper170

9.3.2 插入Shockwave视频170

9.3.3 插入Java Applet程序171

9.3.4 插入ActiveX控件171

9.3.5 插入插件172

9.4 综合实战173

9.4.1 实战：制作导航条板块173

9.4.2 实战：制作音乐播放网页178

第10章 设计数据表格183

10.2 创建表格184

10.1.1 插入表格和嵌套表格184

10.1.2 设置表格属性184

10.2 编辑表格185

10.2.1 选择表格元素186

10.2.2 调整表格的大小187

10.2.3 添加或删除表格行与列187

10.2.4 合并及拆分单元格187

10.2.5 复制及粘贴单元格188

10.3 Spry框架和Spry菜单栏189

10.3.1 Spry选项卡式面板189

10.3.2 Spry折叠式190

10.3.3 Spry可折叠面板和Spry工具提示190

10.4 综合实战191

10.4.1 实战：制作购物车页191

10.4.2 实战：制作产品展示页195

第11章 XHTML标记语言200

11.1 XHTML概述201

11.2 XHTML基本语法201

11.2.1 XHTML文档结构201

11.2.2 XHTML文档类型声明202

11.2.3 XHTML语法规范202

11.2.4 XHTML标准属性204

11.3 元素分类204

11.3.1 块状元素205

11.3.2 内联元素205

11.3.3 可变元素205

11.4 常用元素205

11.4.1 常用的块状元素205

11.4.2 常见的内联元素209

11.4.3 常见的可变元素210

11.5 综合实战210

11.5.1 制作小说阅读页面211

11.5.2 制作友情链接页面214

第12章 设计网页元素样式219

12.1 CSS概述220

12.2 CSS样式分类221

12.2.1 外部CSS221

12.2.2 内部CSS221

12.2.3 内联CSS222

12.3 CSS基本语法222

12.3.1 基本构成223

12.3.2 书写规范223

12.3.3 注释224

12.3.4 文档的声明224

12.4 CSS选择器224

12.4.1 标签选择器225

12.4.2 类选择器225

12.4.3 ID选择器226

12.4.4 伪类选择器226

12.4.5 伪对象选择器227

12.5 CSS选择方法227

12.5.1 包含选择228

12.5.2 分组选择228

12.5.3 通用选择229

12.6 使用CSS样式表230

12.6.1 链接外部CSS230

12.6.2 创建CSS规则230

12.7 编辑CSS规则231

12.7.1 类型规则231

12.7.2 背景规则232

12.7.3 区块规则232

12.7.4 方框规则233

12.7.5 边框规则233

12.7.6 列表规则234

12.7.7 定位规则235

12.8 综合实战236

12.8.1 实战：制作企业介绍页面236

12.8.2 实战：制作多彩时尚网244

第13章 Web 2.0布局方式248

13.1 CSS盒模型249

13.1.1 CSS盒模型结构249

13.1.2 边界250

13.1.3 边框253

13.1.4 填充259

13.2 流动定位方式260

13.3 绝对定位方式261

13.3.1 设置精确位置261

13.3.2 设置层叠次序262

13.3.3 布局可视化263

13.3.4 布局剪切263

13.4 浮动定位方式263

13.5 综合实战266

13.5.1 实战：制作家居网页266

13.5.2 实战：制作商品列表271

第14章 网页交互应用276

14.1 网页行为概述277

14.2 网页交互步骤277

14.2.1 交换图像277

14.2.2 弹出信息和打开浏览器窗口278

14.2.3 拖动AP元素278

14.2.4 改变属性279

14.2.5 显示-隐藏元素280

14.3 设置文本280

14.3.1 设置文本域文字281

14.3.2 设置框架文本281

14.4 综合实战282

14.4.1 制作拼图游戏282

14.4.2 制作漂浮广告285

第15章 交互页面设计288

15.1 应用表单元素289

15.1.1 插入表单289

15.1.2 插入文本字段290

15.1.3 插入按钮291

15.1.4 插入列表／菜单292

15.1.5 插入单选按钮292

15.1.6 插入复选框292

15.2 Spry表单验证293

15.2.1 Spry验证文本域293

15.2.2 Spry验证文本区域293

15.2.3 Spry验证复选框294

15.2.4 Spry验证选择294

15.2.5 Spry验证密码294

15.2.6 Spry验证确认295

15.3 综合实例295

15.3.1 实战：制作问卷调查表295

15.3.2 实战：制作会员注册页面299

第16章 网页框架应用305

16.1 创建框架集306

16.1.1 创建预定义框架集306

16.1.2 创建自定义框架集306

16.2 选择框架和框架集306

16.2.1 在【框架】面板中选择306

16.2.2 在【文档】窗口中选择307

16.3 框架属性307

16.3.1 设置框架集属性307

16.3.2 设置框架属性307

16.3.3 保存框架和框架集文件308

16.3.4 设置框架链接308

16.4 框架标签309

16.4.1 frameset标签309

16.4.2 frame标签310

16.5 综合实战311

16.5.1 实战：制作天讯内容管理系统页面311

16.5.2 实战：制作儿童动画页面318

第17章 CSS样式321

17.1 博客的栏目322

17.1.1 网络日志322

17.1.2 网络相册322

17.1.3 音乐收藏322

17.2 博客与传统网站的区别323

17.2.1 互动性更强323

17.2.2 内容更自由323

17.2.3 发布信息简单324

17.3 博客的布局方式324

17.3.1 上下结构布局324

17.3.2 左右结构布局325

17.3.3 左中右结构布局325

17.4 CSS基本语法325

17.4.1 基本组成326

17.4.2 书写规范326

17.4.3 注释和文档的声明327

17.4.4 CSS绝对和相对长度单位327

17.5 CSS选择器328

17.5.1 标签选择器328

17.5.2 类选择器328

17.5.3 ID选择器329

17.5.4 伪类选择器329

17.5.5 伪对象选择器330

17.6 CSS选择方法330

17.6.1 普通和通配选择330

17.6.2 分组选择331

17.6.3 包含选择方法331

17.7 CSS滤镜332

17.7.1 透明度滤镜332

17.7.2 模糊滤镜和滤色滤镜332

17.7.3 发光滤镜和灰度滤镜333

17.7.4 颜色反转滤镜和X光滤镜333

17.7.5 遮罩滤镜334

17.7.6 阴影滤镜334

17.8 综合实战334

17.8.1 实战：制作蓝色枫叶博客首页335

17.8.2 实战：制作博客内容页338

第18章 表格341

18.1 健康类网站类型342

18.1.1 以健康知识为主的网站342

18.1.2 以求医问药为主的网站342

18.1.3 以单一专业知识为主的网站343

18.1.4 以健康产品为主的网站344

18.1.5 以健康服务为主的网站344

18.1.6 以综合专业知识为主的网站344

18.2 健康类网站常见形式344

18.2.1 健康资讯网站344

18.2.2 保健品网站345

18.2.3 美体瘦身网站346

18.2.4 健康疗养网站346

18.2.5 健康护理网站347

18.2.6 医疗机构网站347

18.3 插入表格347

18.3.1 插入表格347

18.3.2 插入嵌套表格348

18.4 设置表格348

18.4.1 行和列348

18.4.2 表格ID349

18.4.3 间距349

18.4.4 边框350

18.4.5 对齐350

18.4.6 宽351

18.4.7 填充351

18.5 编辑表格351

18.5.1 选择整个表格352

18.5.2 选择行或列352

18.5.3 选择单元格353

18.5.4 调整表格的大小353

18.5.5 添加表格行或列353

18.5.6 合并单元格354

18.5.7 拆分单元格354

18.5.8 删除表格行或列355

18.6 综合实战355

18.6.1 实战：设计健康网站首页356

18.6.2 实战：设计饮食健康子页358

第19章 文本样式360

19.1 服饰类网站类型361

19.1.1 服饰销售类网站361

19.1.2 服饰展示类网站361

19.2 服饰类网站设计风格361

19.2.1 简单型服饰网站362

19.2.2 卡通型服饰网站362

19.2.3 绚丽型服饰网站362

19.2.4 时尚型服饰网站362

19.3 服饰类网站色调分析363

19.3.1 潇洒色调服饰网站363

19.3.2 华丽色调服饰网站363

19.3.3 优雅色调服饰网站363

19.3.4 清爽色调服饰网站363

19.3.5 自然色调服饰网站364

19.3.6 动感色调服饰网站364

19.3.7 娇美色调服饰网站364

19.4 网页文本364

19.4.1 插入文本365

19.4.2 插入特殊符号366

19.4.3 插入水平线366

19.4.4 插入时间日期367

19.5 文本样式367

19.5.1 标题样式367

19.5.2 字体样式367

19.5.3 文本大小368

19.5.4 文本颜色368

19.6 综合实战368

19.6.1 实战：制作服饰类网站首页368

19.6.2 实战：制作网站子页373

第20章 XHTML＋CSS376

20.1 企业类网站概述377

20.1.1 明确创建网站的目的和用户需求377

20.1.2 总体设计方案主题鲜明377

20.1.3 网站的版式设计378

20.1.4 色彩在网页设计中的应用378

20.1.5 多媒体功能的利用378

20.1.6 内容更新与沟通379

20.1.7 网站风格的统一性379

20.2 XHTML基本语法379

20.2.1 XHTML文档结构379

20.2.2 XHTML文档类型声明380

20.2.3 XHTML语法规范380

20.2.4 XHTML标准属性381

20.3 常用的块状元素381

20.3.1 div382

20.3.2 ul、ol和li382

20.3.3 dl、dt和dd383

20.3.4 定义列表383

20.3.5 p383

20.3.6 table、tr和td384

20.3.7 h1、h2、h3、h4、h5和h6385

20.4 常见的内联元素385

20.4.1 a386

20.4.2 br386

20.4.3 img386

20.4.4 span386

20.4.5 button386

20.5 层的样式387

20.5.1 网页元素的位置和层叠顺序387

20.5.2 网页元素的边框388

20.5.3 网页元素的大小390

20.6 综合实战390

20.6.1 实战：设计软件公司网页界面391

20.6.2 实战：制作企业网站页面392

第21章 JavaScript399

21.1 房地产网站分类400

21.1.1 不动产网站400

21.1.2 房产企业网站400

21.1.3 综合房产信息网站402

21.1.4 房产中介网站403

21.2 房地产网站的设计要点403

21.2.1 个性化403

21.2.2 互动性404

21.2.3 实用性404

21.2.4 技术性405

21.2.5 延展性405

21.3 不动产网站的设计风格406

21.3.1 棕色主色调406

21.3.2 绿色主色调406

21.3.3 天蓝色主色调407

21.3.4 灰色主色调407

21.3.5 深蓝色主色调408

21.3.6 金黄色主色调409

21.3.7 紫色主色调409

21.4 JavaScript概述409

21.4.1 什么是JavaScript409

21.4.2 数据类型410

21.4.3 变量与常量410

21.5 运算符和表达式411

21.5.1 算术运算符411

21.5.2 逻辑运算符412

21.5.3 比较运算符412

21.5.4 字符串运算符412

21.5.5 位操作运算符412

21.5.6 赋值运算符413

21.5.7 条件运算符413

21.6 控制语句414

21.6.1 条件语句414

21.6.2 循环语句415

21.7 内置函数417

21.8 综合实战418

21.8.1 实战：设计房地产网站首页418

21.8.2 实战：设计三水城市花园主页420

第22章 表单423

22.1 教育网站类别424

22.1.1 教育行政部门网站424

22.1.2 教育研究机构网站424

22.1.3 企校合办网站425

22.1.4 社会专业机构网站425

22.1.5 学校网站426

22.1.6 教师个人网站427

22.2 教育类网站设计特点427

22.2.1 以思想教育为导向427

22.2.2 以知识教育为内容427

22.2.3 结构清晰分明428

22.2.4 风格活泼有序429

22.3 教育类网站模式430

22.3.1 互动学习模式430

22.3.2 主题资讯模式430

22.3.3 教育科研模式431

22.3.4 综合模式431

22.4 表单及表单对象433

22.4.1 表单的基础知识433

22.4.2 添加表单434

22.4.3 添加表单对象434

22.5 插入按钮对象435

22.5.1 按钮对象简介436

22.5.2 插入表单按钮436

22.5.3 插入单选按钮436

22.5.4 插入单选按钮组436

22.5.5 插入复选框437

22.5.6 插入复选框组437

22.5.7 插入图形按钮437

22.6 Spry表单438

22.6.1 Spry验证文本域438

22.6.2 Spry验证文本区域438

22.6.3 Spry验证复选框439

22.6.4 Spry验证选择439

22.7 综合实战439

22.7.1 实战：制作信息反馈页面439

22.7.2 实战：设计华康中学主页442

第23章 行为445

23.1 娱乐类网站概述446

23.1.1 影视娱乐网站446

23.1.2 音乐娱乐网站446

23.1.3 体育娱乐网站447

23.1.4 游戏娱乐网站和卡通娱乐网站448

23.2 娱乐网站色彩448

23.2.1 色相情感448

23.2.2 色调联想449

23.2.3 色彩知觉450

23.3 使用行为451

23.3.1 行为的基础知识451

23.3.2 使用Dreamweaver内置行为451

23.4 设置文本和图像454

23.4.1 交换图像454

23.4.2 打开浏览器窗口454

23.4.3 设置容器的文本455

23.4.4 设置文本域文字455

23.4.5 设置框架文本456

23.5 实战：制作游戏页面457

第24章 Flash动画468

24.1 餐饮网站469

24.1.1 餐饮门户网站469

24.1.2 餐饮网站分类469

24.1.3 餐饮网站风格与色彩设计470

24.1.4 餐饮网站主题与色彩设计470

24.2 帧471

24.2.1 帧类型471

24.2.2 帧的基本操作471

24.3 元件472

24.3.1 创建元件472

24.3.2 编辑元件474

24.4 滤镜474

24.4.1 Flash滤镜概述474

24.4.2 投影滤镜475

24.4.3 模糊滤镜475

24.4.4 发光与渐变发光滤镜475

24.4.5 斜角与渐变斜角滤镜476

24.4.6 调整颜色滤镜476

24.5 补间476

24.5.1 补间动画概述477

24.5.2 创建传统补间动画477

24.5.3 创建补间形状动画478

24.5.4 创建传统运动引导层补间动画479

24.5.5 创建遮罩动画479

24.6 特效479

24.6.1 色彩效果480

24.6.2 动画编辑器480

24.6.3 动画预设481

24.7 3D482

24.7.1 平移3D图形482

24.7.2 旋转3D图形483

24.7.3 调整透视角度484

24.7.4 调整消失点484

24.8 骨骼484

24.8.1 骨骼和运动学485

24.8.2 添加IK骨骼485

24.8.3 选择与设置骨骼速度485

24.8.4 联系方式与约束486

24.8.5 IK形状与绑定486

24.8.6 IK骨骼动画487

24.9 综合实战487

24.9.1 制作餐饮类网站开头动画487

24.9.2 制作餐饮类网站导航和首页488

第25章 ASP＋ACCESS490

25.1 购物类网站分类491

25.1.1 按照商业活动主体分类491

25.1.2 按照商品主体分类491

25.2 ASP基础492

25.2.1 变量492

25.2.2 常量492

25.2.3 数据类型493

25.2.4 运算符493

25.3 流程控制语句494

25.3.1 条件语句494

25.3.2 循环语句495

25.4 ASP内置对象496

25.4.1 Request对象496

25.4.2 获取验证字段497

25.4.3 读取参数信息与Cookie数据498

25.4.4 读取表单数据和服务端信息499

25.4.5 Response对象属性499

25.4.6 Response对象方法501

25.4.7 Response对象集合502

25.4.8 Application对象503

25.4.9 Server对象504

25.4.10 Session对象504

25.4.11 ObjectContext对象507

25.5 综合实战507

25.5.1 制作购物网首页507

25.5.2 制作商品展示和信息页面509