Dreamweaver制作产品展示动态网页

• 关 键 词：
• dreamweaver
• asp.net
• 电子商务
• 网页设计
• 服务器

　　操作步骤

　　步骤一　设置展示厅基本页面

　　（ 1 ）打开“ index.aspx ”，在“ main ”表格的右边列中插入一个 1 行 4 列的表格，如图 82-3 所示。

　　（ 2 ）添加数据集“ CpData ”。在【数据集】对话框中设列为“选定”，并选择“ CPID ”、“ CPNAME ”和“ CPDJ ” 3 个字段，其他相关设置如图 82-4 所示。

　　（ 3 ）添加表格并绑定动态文本。在新插入表格的第 3 行中插入一个 5 行 1 列的表格，给第一行输入一张图片（任意一张），并绑定数据集“ CpData ”字段到相应位置，如图 82-5 所示。

　　（ 4 ）在第 5 行中添加两张图片，如图 82-6 所示。

 　　提示：将以上插入的图片边框全部设置为“ 0 ”，其图片素材可以在随书光盘中找到。下面将分别为这 3 张图片绑定动态链接，通过产品图像及“详细”图片可以链接打开产品信息窗口，通过“购买”图片可以链接打开产品在线购物窗口，本书将在实例 83 中对在线购物进行详细讲解。

　　（ 5 ） 选择产品图像，切换到代码视图，深色部分为该产品图像的源代码，如图 82-7 所示。

【深 度 阅 读】 相 关 文 章

• Dreamweaver制作网页之图片应用技巧
• Dreamweaver+ASP.net开发动态广告管理
• Dreamweaver教程：表格设计
• Dreamweaver下拉菜单全攻略