通行证:用 户 密 码 注册 www.pconline.cn 汽车网 游戏网 时尚女性
  太平洋电脑网
首 页 |
论 坛 |
今日报价 | 产业资讯 | 产品库 | 数 码 | 硬 件 | 软 件 | 下 载 | 招聘培训 | 摄 影
网络设备 | 办公设备 | 服务器 | 二 手 | 游 戏 | 通 信 | 评测室 | 渠道商情 | 视 频
分站:北京 上海 广州 深圳 香港 广西
重庆 山东 江苏 辽宁 福建 成都 西安
手机
手 机
数码相机
数码相机
随身听
随身听
笔记本
笔记本
台式机
台式机
DIY配件
DIY配件
摄像机
摄像机
数字家庭
数字家庭
精品廊
精品廊
 
 
   
首页 新闻 应用 评测 教你学电脑 信息安全 创意设计 开发特区 下载 专题 社区  
 
特色专区:QQ大本营 | msn总动员 | 精品导用 | 组网专栏 | 设计素材 | Flash剧场 | Photoshop专区 | 视频专栏 | CG专栏 | KC通讯
 
您现在的位置: 软件资讯 > 创意设计 > 网站设计 > Dreamweaver
Dreamweaver制作产品展示动态网页
作者:4u2v工作室 责任编辑:xietaoming

  步骤三 实现产品资料页面

  ( 1 )新建动态页面并添加数据集。新建一个空白的 ASP.NET 动态页,将其命名为“ CPZL.aspx ”后保存,并添加数据集“ Cpzl ”,如图 82-14 所示。

  ( 2 )添加表格并绑定数据。在页面中插入一个表格,设置有关样式,并绑定数据集“ Cpzl ”的有关字段到表格中,如图 82-15 所示。

点击放大图片

  ( 3 )将光标移至左边一列,切换到代码视图,输入如下所述的代码。

  <img src="<%# "images/"+ Cpzl.FieldValue("CPID", Container)+"-1.jpg" %>" width="274" height="199">

  提示:本实例中设定图片名为“产品编号”加“ -1 ”的图片是产品放大图片。

  ( 4 )保存“ CPZL.aspx ”,然后在 IE 中浏览“ index.aspx ”,如图 82-1 所示。单击产品“ 2178 ”后,结果如图 82-2 所示。

  提示:本实例中只有 16 个产品,所示数据集分页没能很好地显示出来,读者可以打开“ dwdat.mdb ”数据库,在“ DreamweaverCP ”表中任意输入 10 多个记录,就可以测试数据分页的效果了。

  本实例是通过数据列表来实现产品展示的,实际应用中,也有的是采用数据网络来实现的,至此,本实例操作完毕。

  更多实例请阅读《Dreamweaver网页设计与制作实例精选》。

[上一页] [1] [2] [3] [4] [5]
  下一篇:Dreamweaver动态网页实例:验证用户注册  
更多相关搜索: Dreamweaver    网页设计    产品展示    Asp.net    数据库   
正在加载评论,请稍候…

  发给好友 我要报错 投稿给我们 加入收藏 返回顶部  

本栏今日更新
相关文章
·脱胎换骨:Maxthon2.0预览版深入体验
·殃及池鱼:Vista将冲击反间谍,防火墙市场
·OpenOffice之父成功令MSOffice支持ODF格式
·取代MSN工具栏,Live工具栏新鲜发布
·用Google书签轻松帮你收藏最爱的网站
·想网上开店?还得要找个好管家!
·巧用Photoshop滤镜制作金属拉丝效果
·人气超女新星推荐-厉娜
·Dreamweaver动态网页实例:验证用户注册
·如何在Dreamweaver中进行数据库连接
·不写代码 用Dreamweaver轻松插入Java特效
·在Dreamweaver中设置网页状态栏信息
·用Dreamweaver插件制作滚动链接层
·在ASP.NET中自动给URL地址加上超链接
·Dreamweaver制作随机播放背景音乐的网页
·Dreamweaver轻松制作网页滚动布告栏
关于我们 | 网站地图 | 广告指南 | 联系我们 | 招聘精英 | 合作联系


广东省通信管理局
ICP证粤B2-20040647
互联网清理整顿
技术支持与报障:support@pconline.com.cn
        020-87568837         
对本站有任何建议、意见或投诉,请点这里在线提交.
本网站简体、繁体两种版本,以简体版为准
PConline版权所有,未经授权禁止转载、摘编、复制或建立镜像.如有违反,追究法律责任__