您好,欢迎来到素彩网!

Dreamweaver MX 2004设计留言本实战

来源:sc115.com | 84 次浏览 | 2011-06-29

标签: Dreamweaver MX2004 Dreamweaver MX 2004设计留言本实战 Dreamweaver教程

<FONT color=#ff0000>文章来源:flash8,转载请联系作者及出处。<BR><BR>

</FONT>  9月份设计界最热的消息莫过于Macromedia公司的Studio MX 2004了,朋友们都很关心新版软件的新特性,那么就让我通过这个留言本的教程跟大家一起体验Studio MX 2004中的Dreamweaver MX 2004(以下简称DW2004)吧。<BR><BR>  <FONT size=3><B>一、IIS(Internet 信息服务)安装配置</B></FONT><BR><BR>  这里以Windows Server 2003(以下简称Win2003)为例。因为Win2003是服务器级的操作系统,所以自带有IIS6.0,其它版本的系统可以在"添加或删除程序&gt;&gt;添加/删除Windows组件"对话框中把"Internet 信息服务(IIS)"前的勾选中,点"下一步"进行安装就行了(注:在这之前应把系统安装盘放到光驱)。<BR>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J944O-0.gif" align=center></P><BR>  IIS装好之后再作一下简单的配置。定位到"开始&gt;&gt;管理工具&gt;&gt;Internet 信息服务(IIS)管理器",打开IIS管理器。在"本地计算机&gt;&gt;网站&gt;&gt;默认网站"上右键单击,在快捷菜单里选"属性"(或者直接在操作菜单下选"属性"),弹出如下对话框:<BR>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J95933-1.gif" align=center></P><BR>  切换到"主目录"标签(图2),重新选择网站根目录(笔者选择的是E盘下的Work目录),默认是"系统盘:Inetpubwwwroot",因为系统盘不宜放太多的非系统文件,所以在这里重设默认网站要目录,如果嫌麻烦可以跳过这步。再切换到"文档"标签,通过"添加"、"删除"、"上移"、"下移",把站点的默认文档设置如图所示:<BR>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J93238-2.gif" align=center></P><BR>可能有些朋友会疑惑,设置默认内容文档有什么作用?细心的朋友应该会发现,在浏览一些大网站的首页时用它的一级域名就行了,并不需要指定请求页的文件名,这就是设置了默认内容文档的缘故,它的作用就是在浏览器请求没有指定文档的名称时,将默认文档提供给浏览器。要得到更详尽的解释说明,可以点击图3中的"帮助"。之所以有这步,是因为网站的默认内容页中没有index.asp,不大符合国人习惯。<BR><BR>  <FONT size=3><B>二、数据库设计</B></FONT><BR><BR>  先构想一下,一个功能齐全的留言本应该有哪些内容需要保存?访客名字(Name)、访客主页(Homepage)、访客QQ(QQ)、访客信箱(Email)、访客形象(ICON)、访客IP(IP)、留言内容(Content)、留言时间(Date)----这是访客的有关信息,如果主人要回复留言呢?好,再加上回复(Reply)和回复时间(RDate),嗯......再想想有没有漏掉什么?对了,还有主人的管理帐号:用户名(Username)、密码(PassWord)。<BR><BR>  要保存这么多信息,数据库应该怎么设计?访客的留言是不断增加的,而主人的管理帐号固定不变,所以应该分开两个表,一个保存所有访客的留言和访客的资料信息,另一个则保存主人的管理帐号。OK,现在可以开始设计数据库了。打开Access(在微软的Office软件中有)软件,新建一空白数据库,ACCESS会提示先保存数据库,定位到你的留言本所在文件夹(笔者是在站点根目录下建了一个guestbook文件夹),保存为data.mdb:<BR>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J961K-3.gif" align=center></P>
<P align=center>然后双击"使用设计器创建表",完成后如图:<BR></P>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J94009-4.gif" align=center></P>
<P align=center><BR>  为了优化数据库,有些字段需要作点设置:<BR><BR>  ID:设为主键,确定数据唯一性以保证在管理时能准确定位到相应记录<BR>  Name:字段大小设为15(很少有人的名字有这么长的吧?)<BR>  Email:字段大小为20(也很少有Email地址的长度超过这个数字)<BR>  ICON:字段大小为6(看完后面的教程就明白为什么设这么小了)<BR>  IP:字段大小为15(可以算出来,四个三位长的数字再加三个小数点)<BR>  Homepage:字段大小为30(很多朋友还在用二级甚至三级的域名,所以放宽一点)<BR>  Date:默认值为Now ()(用Now()取得插入新记录时系统的时间)<BR><BR>  关闭表窗口,会提示是否保存对表的修改,选"是",然后把表名改为main,同理创建表admin,以保存管理帐号:<BR></P>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J92P5-5.gif" align=center></P>
<P align=center><BR>  最后还需要一个记录IP对应地址的表,这个IP库可以在网上搜索一下,或者到http://x-lover.com/temp/ip.mdb下载,然后打开数据库data.mdb<BR>,在"文件"菜单下选择"获取外部数据&gt;&gt;导入",再在弹出的对话框里选择刚才下载的数据库,导入,选择address表,确定,现在数据库data.mdb中应该有这样的三个表:<BR></P>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J92Q4-6.gif" align=center></P>
<P align=center><BR>&nbsp;</P>
<DIV align=center><SPAN id=xmlspan><xml id=comments><评论文章列表><数量>0</数量></评论文章列表></xml></SPAN>
<SCRIPT id=xmlscript src="http://guide.pconline.com.cn/comment/commentService_js.jsp?Thu Nov 27 11:28:03 UTC+0800 2003" defer></SCRIPT>

<SCRIPT>xmlscript.src="http://guide.pconline.com.cn/comment/commentService_js.jsp?"+(new Date()); </SCRIPT>
</DIV>至此,准备工作全部完成。<BR><BR>  程序运行配置完了,废话不多说,直接开始我们的DW MX 2004的体验之旅吧。<BR><BR>  <FONT size=3><B>三、DW的站点定义</B></FONT><BR><BR>  上一节我们在IIS里把站点根目录定义在E:Work,现在进到这个目录下新建一文件夹并命名为geustbook。<BR><BR>  打开DW,在"Site"菜单下找到"Manage Sites..."项单击,见下图:<BR>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J92105-7.gif" align=center></P><BR>  打开"Manage Site"对话框,点"New ...",在出来的下拉菜单里选"Site"定义新站点:<BR>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195JaB8-8.gif" align=center></P>
<P align=center>点"Next&gt;"继续下一步的后台技术选择,这里我们选择用VBScript作脚本的ASP:<BR></P>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195JaX1-9.gif" align=center></P>
<P align=center><BR>  点"Next&gt;"继续下一步的站点文件夹设置,因为我们现在是在本地测试,而且gustbook文件夹在E:Workguestbook,所以设置如下:<BR></P>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J944V-10.gif" align=center></P>
<P align=center><BR>  点"Next&gt;"继续下一步的设置DW的测试URL:<BR></P>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195Ja349-11.gif" align=center></P>
<P align=center><BR>&nbsp;</P>
<DIV align=center><SPAN id=xmlspan><xml id=comments><评论文章列表><数量>0</数量></评论文章列表></xml></SPAN>
<SCRIPT id=xmlscript src="http://guide.pconline.com.cn/comment/commentService_js.jsp?Thu Nov 27 11:28:39 UTC+0800 2003" defer></SCRIPT>

<SCRIPT>xmlscript.src="http://guide.pconline.com.cn/comment/commentService_js.jsp?"+(new Date()); </SCRIPT>
</DIV><BR><BR>  跟着新站点定义向导一步一步来定义我们的留言板站点。在站点名称上填上geustbook:<BR>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J954S-12.gif" align=center></P><BR>
<DIV align=center><SPAN id=xmlspan><xml id=comments><评论文章列表><数量>0</数量></评论文章列表></xml></SPAN>
<SCRIPT id=xmlscript src="http://guide.pconline.com.cn/comment/commentService_js.jsp?Thu Nov 27 11:28:20 UTC+0800 2003" defer></SCRIPT>

<SCRIPT>xmlscript.src="http://guide.pconline.com.cn/comment/commentService_js.jsp?"+(new Date()); </SCRIPT>
点"Next&gt;"继续下一步,因为我们在本机测试,不需要远程服务器参与,所以选择"No":<BR>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J92D6-13.gif" align=center></P><BR>  点"Next&gt;"继续下一步,这里显示的是我们刚才所填的信息,目的是要我们确认一下,如果发现有错,可以点"back"<BR>
<P align=center><IMG src="https://img0.sc126.com/uploads/allimg/110629/195J96001-14.gif" align=center></P><BR>  细心一点的朋友也许会发现,在站点定义对话框上有两个标签:"Base"和"Advanced",其实用途是一样的,只不过"Base"是一步一步的向导模式,而"Advanced"是给对DW有一定了解的朋友用的高级模式,有兴趣的朋友可以自行切换到"Advanced"模式看看。<BR></DIV>
<DIV align=center><SPAN id=xmlspan><xml id=comments><评论文章列表><数量>0</数量></评论文章列表></xml></SPAN>
<SCRIPT id=xmlscript src="http://guide.pconline.com.cn/comment/commentService_js.jsp?Thu Nov 27 11:27:31 UTC+0800 2003" defer></SCRIPT>

<SCRIPT>xmlscript.src="http://guide.pconline.com.cn/comment/commentService_js.jsp?"+(new Date()); </SCRIPT>
</DIV>
<DIV align=center><SPAN id=xmlspan><xml id=comments><评论文章列表><数量>0</数量></评论文章列表></xml></SPAN>
<SCRIPT id=xmlscript src="http://guide.pconline.com.cn/comment/commentService_js.jsp?Thu Nov 27 11:27:10 UTC+0800 2003" defer></SCRIPT>

<SCRIPT>xmlscript.src="http://guide.pconline.com.cn/comment/commentService_js.jsp?"+(new Date()); </SCRIPT>
</DIV>

搜索: Dreamweaver MX2004 Dreamweaver MX 2004设计留言本实战 Dreamweaver教程 

最热-Dreamweaver MX 2004

DW MX 2004 API帮助:Object篇

Dreamweaver MX 2004设计留言本实战(2)

DW MX 2004 代码编辑新功能

Dreamweaver MX 2004新功能

DW MX 2004 的 CSS 新功能

动画演示 DW2004 做跟随提示框

Dreamweaver MX 2004从零开始_用模板打造网页

Dreamweaver MX 2004从零开始-用表格定位网页

Dreamweaver MX 2004从零开始-框架构建网页

Dreamweaver MX 2004从零开始-行为丰富网页

Dreamweaver MX 2004从零开始-超链接全接触

DW MX 2004更多新增功能

DW MX 2004 动态站点开发新功能

素材
多种冰激凌和蛋糕PNG图标多种冰激凌和蛋糕PNG图标
精美蔬菜高清图片4精美蔬菜高清图片4
精美蔬菜高清图片2精美蔬菜高清图片2
精美蔬菜高清图片3精美蔬菜高清图片3
精美蔬菜高清图片1精美蔬菜高清图片1
景观效果图素材景观效果图素材
景观效果图素材景观效果图素材
手机高清图片手机高清图片
景观效果图素材景观效果图素材