当前位置: 主页->网页制作->Dreamweaver->DreamWeaver 2004打造留言本(2)
栏目导航
网页制作
  网页技巧
  Dreamweaver
  Frontpage
  HTML
  CSS
  Javascript
  ASP
  PHP
  JSP
  CGI
  多媒体
相关文章
◇DW行为体验
◇Macromedia 插件管理器
◇网页多幅图片显示妙法
◇用DW设计限时自动关闭
◇用DW创建导航条和状态栏
◇用Dreamweaver批量做网页
◇Dreamweaver鲜为人知……
◇Dreamweaver精彩技巧二则
◇漂浮广告代码分析
◇用DW MX控制页面元素
◇ 如何制作会移动的广告条
◇ Dreamweaver制作浮动广告
◇ 在DW中插入背景音乐方法
◇ 在主页制作连续背景音乐
◇ DW中网页折叠菜单的制作
◇ 如何在网页中加入菜单
◇ 网页菜单详解
◇ 用DW制作活动菜单条
◇ DW中网页滑动菜单的制作
◇ DW MX制作导航下拉菜单
◇ DW 2004打造留言本
◇ 会移动的文字(Marquee)

DreamWeaver 2004打造留言本(2)

http://www.yy0736.com  加入日期:2004-10-31 点击数:

[大字体 中字体 小字体]

上一节我们在IIS里把站点根目录定义在E:\Work,现在进到这个目录下新建一文件夹并命名为geustbook。

打开DW,在"Site"菜单下找到"Manage Sites..."项单击,见下图:


打开"Manage Site"对话框,点"New ...",在出来的下拉菜单里选"Site"定义新站点:

跟着新站点定义向导一步一步来定义我们的留言板站点。在站点名称上填上geustbook:

点"Next>"继续下一步的后台技术选择,这里我们选择用VBScript作脚本的ASP:

点"Next>"继续下一步的站点文件夹设置,因为我们现在是在本地测试,而且gustbook文件夹在E:\Work\guestbook,所以设置如下:

点"Next>"继续下一步的设置DW的测试URL:


点"Next>"继续下一步,因为我们在本机测试,不需要远程服务器参与,所以选择"No":

点"Next>"继续下一步,这里显示的是我们刚才所填的信息,目的是要我们确认一下,如果发现有错,可以点"

细心一点的朋友也许会发现,在站点定义对话框上有两个标签:

"Base"和"Advanced",其实用途是一样的,只不过"Base"是一步一步的向导模式,而"Advanced"是给对DW有一定了解的朋友用的高级模式,有兴趣的朋友可以自行切换到"Advanced"模式看看。

在DW中新建一页(在"New Document"新文档对话框中选"ASP VBScript"类型的文档)(图16),存为index.asp,并修改页面标题为"留言板首页"(图17)



点击"Common"工具组里的表格图标(图18)(或者按Ctrl+Alt+T),插入一个5行1列的表格(记为表格1),设置如下:



选中表格,然后在属性面板中把它设置为居中对齐:

把光标定位到第一行的单元格后在属性面板中把它的高设为35:

同理把第二、四、五行单元格的高都设为20,再如法炮制,在属性面板里把第一行和第五行的单元格设置为水平居中对齐,第二行和第行的单元格为水平居右对齐:

然后在各单元格里写上文字,完成后如图:

可能会有朋友找不到那个版权符号的插入方法,顺便说一说。有三种方法可以插入版权符号:

1)"Insert>>HTML>>Special Characters>>Copyright"

2)在Text工具组里最右边的下拉选项里:

3)在源码状态下输入??

光标定位到第三行的单元格里,插入一个一行两列的表格(记为表格二),宽度设为100%,边框宽为1;左边单元格的宽度设为70,垂直居顶对齐,并插入一个两行一列的表格(记为表格三),完成后效果如图:

在新插入的表格的第一个单元格里在按"Ctrl+Alt+I"插入一个头像(头像路径在留言板目录下images/icon里,在网上找的几个图片稍微加工了一下),并在第二个单元格里写上"访客昵称",之后设置两个单元格的水平对齐方式均为居中:

现在只剩下一个很大的空白单元格了,这个就是我们用来显示访客留言及访客资料的区域,在这个单元格里插入一个三行一列的表格(记为表格四),写上文字、设置水平对齐方式、单元格高度后如图所示:

再插入一个显示留言内容和回复内容的两行两列的表格(记为表格五)到唯一空白的单元格里,写上文字并设置后效果如下:

最后是给"留言"、"查看"、"管理"这几个字分别加上链接(方法:选中文字后在属性面板的Link输入框中输入链接地址)insert.asp、index.asp、login.asp

共3页 1 2 3

作者:佚名  来源:不详  

   

上篇:Dreamweaver中插入FLASH参数详解 下篇:DreamweaverMX制作导航下拉菜单


[夜鹰论坛] [我要留言] [关闭窗口] [ ][TOP]