当前位置：清风网络学院 → 网站建设 → DreamWeaver → DreamweaverMX打造留言本（三）


	精品推荐


特别推荐

·玩转Dreamweaver速记CSS属性

·在DW中使用CSS样式表来设置网页

·利用DW8掌握网页代码基本格式

·用Dreamweaver8制作网页中常用的过度效果

·级联删除的触发器代码解释

·DW滤镜样式的语法规则

·Dreamweaver初学者常见问题解答

·12个Dreamweaver鲜为人知的小秘诀

·巧妙运用Dreamweaver进行网页制作技巧

·网页导航设计九大注意事项


热点TOP10

·通过Dreamweaver学习了解CSS

·利用Dreamweaver8掌握网页代码基本格式

·Dreamweaver也能轻松制作Flash相册

·Dreamweaver MX 2004做ASP程序(4)用户注册系统

·第十五节导入表格数据

·Dreamweaver构建Blog全程实录(7)-用户登录的实现

DreamweaverMX打造留言本（三）

日期：2008年5月27日作者：查看:[大字体中字体小字体]

Dreamweaver MX Ultradev探索（7）打造我们的留言本（三）

作者：hmily

OK，接下来就是邮箱和主页地址了，和前面的做法稍有点不同，如图（7-18）和（7-19）所示。

DreamweaverMX打造留言本（三）

7-18

7-19

同样，要注意有个顺序，先选中邮箱这个图片，再从下面的属性面板中点击Link按钮。出现如图（7-20）所示的对话框，这里的意思就是如果点击这张图片的话连接到哪里去。

(图片较大，请拉动滚动条观看)

7-20

以前呢，我们这个功能是连接到本地的某个页面去，但在DW MX里我们能通过选择Data Sources连接到动态的页面去。这里我们从记录集中email的字段，并记得在前面加上“mailto:”这里为什么加这个呢？是因为这个“mailto”是个html标签，即连接以OUTLOOK打开来发信。

同时，记得要给这个email图片加上alt属性，即alt="<%=(guestbook.fields.item("f_name").value)%>的邮箱是<%=(guestbook.fields.item("f_email").value)%>,点击这里给他/她发信"。

主页地址的连接方法如图（7-21）所示。

(图片较大，请拉动滚动条观看)

7-21

绑定好连接后记得对图片加上alt属性，改成alt="<%=(guestbook.fields.item("f_name").value)%>的邮箱是<%=(guestbook.fields.item("f_homepage").value)%>,点击这里给他/她发信"

是的，这里的确有点烦燥，不过加油吧，胜利在向我们招手呢。：）
看看现在的效果吧，如图（7-22）所示。

(图片较大，请拉动滚动条观看)

7-22

接下来要做的呢，就是给回复该主题和编辑、删除加上连接，并动态化。这里运用的服务器行为是跳转到细节页（Go To Detail Page）。在前面我们建立了回复页（rep.asp），编辑页（edit.asp）和删除页（del.asp），在这里我们也不一一详述如何进行连接了，效果如图（7-23，7-24，7-25）所示。

DreamweaverMX打造留言本（三）

7-23

7-24

7-25

做好上面这三步后还要记得做一件事哦，如果我们留言内容有很多条怎么办？？这里要用DW MX服务器行为中的Repeat Region（重复区域），选中显示留言的整个大表格，Application-->Server Behaviors-->Repeat Region，如图（7-26）所示。

(图片较大，请拉动滚动条观看)

7-26
我们定义它为每页显示14条记录，这样看起来简练一点，单击OK按钮。

做到这一步的时候不得不考虑一个问题了，浏览的用户怎么知道我有多少条留言记录呢？？其实当我们在建立记录集的时候，DW MX早就为我们考虑好这些了，如图（7-27）所示。

DreamweaverMX打造留言本（三）

[1] [2] 下一页

上一篇:DreamweaverMX打造留言本（四）

下一篇:DreamweaverMX打造留言本（二）

·微软.NET战略延深蓄谋打造下一代网络门户

·Photoshop打造一幅漂亮的水滴效果图

·亲手打造自动播放的郭德纲相声盘

·超眩非主流版_QQ空间留言代码

	\| 帮助(？) \| 版权声明 \| 友情连接 \| 关于我们 \| 信息发布
Copyright 2007 www.viphot.com All Rights Reserved.	鄂ICP备05000083号Powered by:viphot