注册 | 登录 | 设为首页 | 加入收藏
您当前的位置:飞翔学院-IT中国 → 编程开发网页制作Dreamweaver → 文章内容

DW MX实例:制作产品展示厅

作者:佚名 来源:不详 发布时间:2007-11-3 0:50:30
公司创建电子商务主要是为了推广自己的产品,这就要求必须要有一个产品展示厅。本实例主要讲解如何实现公司的产品展示厅。

  效果说明 打开首页“ index.aspx ”,即可看到公司的产品展示,如图 82-1 所示。单击某一产品,就可以看到更详细的产品信息,如图 82-2 所示。

  
Dreamweaver


  
Dreamweaver
 

  创作构思 通过【数据列表】服务行为,可以对公司产品进行展示,通过将产品的编号动态链接到页面,就可以打开产品的详细资料页面。

  操作步骤

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

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

  
Dreamweaver


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

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

  
Dreamweaver
 

  
Dreamweaver


  ( 4 )在第 5 行中添加两张图片,如图 82-6 所示。

  
Dreamweaver



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

[1] [2] [3]  下一页


  • 打印文档
  • 推荐好友
  • 返回顶部
  • 增大字体
  • 减少字体
关于本站 | 工作机会 | 合作网站 | 广告服务 | 市场合作| 联系我们 | 抽奖活动
版权所有: 武汉威俊科技有限公司 Copyright 2005-2007 www.ITCNW.COM All rights reserved