新闻发布系统(任务6：其他动态设计).docx

新闻发布系统（任务6：其他动态设计）

1、 顶部导航条设计
1） 在dreamweaver8中打开top.asp这个文件

2） 给“新闻首页” 添加链接，选择“新闻首页”几个字，打开属性面板，连接文件为index.asp,如下所示：

属性面板设置如下：

3） 给“国内新闻”添加超链接 ，选择“国内新闻”4个字，打开属性面板，链接地址为“showall.asp?type=3”

属性面板设置如下：

4） 给“国际新闻”添加超链接 ，选择“国际新闻”4个字，打开属性面板，链接地址为“showall.asp?type=2”

属性面板设置如下：

5） 给“专题新闻”添加超链接 ，选择“专题新闻”4个字，打开属性面板，链接地址为“showall.asp?type=4”

属性面板设置如下：

6） 给“社会新闻”添加超链接 ，选择“社会新闻”4个字，打开属性面板，链接地址为“showall.asp?type=5”

属性面板设置如下：

7） 给“文体新闻”添加超链接 ，选择“文体新闻”4个字，打开属性面板，链接地址为“showall.asp?type=6”

属性面板设置如下：

8） 给“管理登陆”添加超链接 ，选择“管理登陆”4个字，打开属性面板，链接地址为“login.asp”

属性面板设置如下：

9)最终结果如下：

2、 后台登陆页面的设计（login.asp）
1）打开新闻管理登陆页面(login.asp)，如下图所示：

2)选中表单，结果如下：

3）打开服务器行为面板，如下所示：

4）点“+”按纽/用户身份认证/登陆用户

5）在弹出的框中进行如下设置：

3、 后台管理页面的设计
9） 打开后台管理页面（admin.asp）

10） 给红色文字“添加新闻”添加上超级连接，打开目标为main
添加新闻的连接文件为addnew.asp,打开目标为main
查看新闻的连接文件为search.asp,打开目标为main
3）选中“注销登陆”几个字，打开“服务器行为”面板，

4）点“+”按纽，选择“用户身份验证/注销用户”，

完成
4、 添加页面设计（addnews.asp）
1）打开新闻管理登陆页面(addnews.asp)，如下图所示：

2)选中表单，结果如下：

3） 打开“服务器行为”窗口，结果如下：

4） 点“+”按纽à插入记录，进入如下窗口（设置如下）

5） 点“确定”，
6） 用户登陆验证，打开“服务器行为”窗口，结果如下：

7） 点“+”按纽à用户身份验证à限制对页的访问，进入如下窗口（设置如下）

8） 弹出如下窗口，

9） 点“确定”，网页设置完成。

5、 显示新闻页面设计（search.asp）
1） 在dreamweaver8中打开left.asp这个文件

2） 打开绑定面板

1) 点“+”按纽à记录集查询，操作如下：

2) 回到search.asp,在第1行第1列插入images下的图片point.jpg,然后适当调整单元格的宽度，

3) 然后将n_title绑定在表格里面，再输入文字“编辑”、“删除”，结果如下：

4) 选中“编辑”这两个文字，点属性面板链接傍边的，结果出现如下界面

5) 点“参数”按纽，出现如下窗口

6) 点“”标志，出现如下窗口

7) 选择ID，点“确定”，

8) 名称为“ID”，点“确定”，出现如下窗口，点“确定”

点“确定”，完成。
9) 选中“删除”这两个文字，点属性面板链接傍边的，结果出现如下界面

10) 点“参数”按纽，出现如下窗口

11) 点“”标志，出现如下窗口

12) 选择ID，点“确定”，

13) 名称为“ID”，点“确定”，出现如下窗口，点“确定”

14) 点“确定”，完成
6、 编辑页面设计（editor.asp）
1) 在dreamweaver8中打开editor.asp这个文件

3） 打开绑定面板

4） 点“+”按纽à记录集查询，操作如下：

5） 回到下面的界面，进行设置

6） 将n_title直接绑定到新闻的文本框，结果如下：

7） 选种列表菜单，进入属性面板进行设置：

8） 点“动态”，出现如下窗口

9） 选择“选取值等于”右边的，出现如下窗口，选择ID

10） 点“确定”，回到如下窗口

11） 选择新闻内容的，属性面板显示如下：

12） 点“”，出现如下窗口，

13） 选择格式里面的html,

点“确定”，回到如下页面，

14） 打开“服务器行为”面板，

15） 点“+”按纽，选择更新记录

16） 结果进入如下页面进行设置，

17） 结果进入如下页面

完成设置！！！！
7、 删除页面设计（dell.asp）
1) 新建一个dell.asp的文件在根目录下

2) 打开绑定面板

3) 点“+”按纽à记录集查询，操作如下：

4) 回到空白网页，插入一个空白表单，结果如下：

5) 打开“服务器行为”面板，

6) 点“+”按纽，选择删除记录，结果如下：

7) 在如下界面进行设置：

8) 点“确定”，设置完成
8、 搜索页面设计
1） 在dreamweaver8中打开left.asp这个文件

2） 选中下面的表格，结果如下：

3） 剪切选种的表格，才剩余的空白出插入一个空白表单，结果如下：

4） 在空白的表单里面，插入刚才剪切的表格，结果如下：

5） 选中表单内容，结果如下

6） 在属性面板进行如下设置：

7） 打开绑定面板

8） 点“+”按纽à记录集查询，操作如下：

9） 将n_title和n_hots绑定到相应的位置，结果如下：

10） 将绑定所在的行选中，进行“重复区域”设置

11） 点“确定”
12） 选中网页中的N_title,结果如下：

13） 点“服务器行为”的“转到详细页面”设置，结果如下：

14）点“浏览”，选种showdetail.asp,结果如下：

点“确定”，设置完毕

9、 新闻分类页面设计
1） 在dreamweaver8中打开showall.asp这个文件，结果如下：

2） 打开绑定面板

3） 点“+”按纽à记录集查询，操作如下：

4） 点“确定”，回到下面的窗口

5） 在里面表格里面插入记录集record_list下面的字段n_title，结果如下：

6） 对插入字段的行选中，结果如下：

7） 对选中的行进行重复区域设置，结果如下：

8） 选择插入的记录集n_title字段，结果如下

9） 对选中的内容进行“跳转到详细页面”设置，结果如下：

10） 点“确定”，进入如下页面：

11） 将光标移动到刚才插入记录集的下面行中，

12） 选择 插入/应用程序对象/记录集分页/记录集导航条

13） 弹出信息显示如下：

14） 点“确定”后显示结果如下：

15） 选中“当前记录集为空”的文字，选择“服务器行为”结果如下：

16） 点“+”按钮，选择“显示区域/如果记录集为空则显示区域”

17） 弹出如下窗口

18） 结果显示如下：

10、 详细浏览页面设计
1） 在dreamweaver8中打开showdetail.asp这个文件，结果如下：

2） 打开绑定窗口，结果如下：

3） 点“+”按钮à记录集查询，进行如下窗口，

4） 点“确定”，出现如下窗口，将光标移到下图所在的位置（第一个水平线的上一行）：

5） 将n_title插入到网页中，并将刚插入的内容居中对齐，字体大小为16，加粗，字体为Verdana, Arial, Helvetica, sans-serif，字体颜色为黑色，出现如下的效果：

6） 然后再绑定n_time,n_hits,n_content，结果如下：

7） 然后将下面的代码，插入到本网页的第2行后面，结果如下：
<%
Function HTMLcode(fString)
If Not IsNull(fString) Then
fString = replace(fString, ">", "&gt;")
fString = replace(fString, "<", "&lt;")
fString = replace(fString, "&#", "<I>&#</I>")

fString = Replace(fString, CHR(32), "<I></I>&nbsp;")
fString = Replace(fString, CHR(9), "&nbsp;")
fString = Replace(fString, CHR(34), "&quot;")
fString = Replace(fString, CHR(39), "&#39;")
fString = Replace(fString, CHR(13), "")
fString = Replace(fString, CHR(10) & CHR(10), "</P><P> ")
fString = Replace(fString, CHR(10), "<BR> ")

HTMLcode = fString
End if
End Function
%>

结果如下：

8） 进入设计视图，选中n_content,结果如下：

9） 再进入代码视图，结果如下：

10） 将选中的内容进行如下修改：
<%=(Recordset_list.Fields.Item("n_content").Value)%>修改为
<%=HTMLcode((Recordset_list.Fields.Item("n_content").Value))%>
这样新闻内容，就会按其所规定的格式显示，例如：换行、缩近等格式。
11） 进入设计视图，打开绑定窗口，结果如下图：

12） 点绑定窗口的“+”按纽à命令（预存过程）

13） 在弹出的窗口中进行设置如下（备注；运行值：request.querystring(“ID”)）：

14） 选中news表格中的n_hits ，点“set”按纽，结果如下：

15） Set n_hits=n_hits+1, WHERE ID=up,结果如下

16） 点“确定”，进入网页界面，将n_hits选中，结果如下：

17） 进入代码视图，对选中部分进行修改，如下：

18） 将选中部分<%=(Recordset_list.Fields.Item("n_hits").Value)%>修改为：
<%=(Recordset_list.Fields.Item("n_hits").Value)+1 %>，结果如下：

19） 新闻详细页面设计完成。

11、 新闻搜索结果页面设计
1） 打开新闻搜索结果页面，如下图所示：

2） 打开绑定面板

3） 点“+”按纽à记录集查询，设置名称为recordset_list操作如下：

4)点“高级”，进行如下设置（变量框里设置： 名称：type 默认值：1 运行值：request.form("list") 名称：content 默认值：1 运行值：request.form("input")）：

5)在SQL框中进行如下设置（输入内容：where type like '%content%'）：

6）回到网页，打开绑定窗口，结果如下：

7）将n_title插入到网页中，结果如下：

8）对刚插入的记录集n_title进行“转到详细页面”设置：

9）将插入记集所在的行选中，结果如下

10）进行重复区域设置，结果如下：

11）在插入记录集的下面插入一个记录集导航条，结果如下：
打开如下的步骤：
选择 插入/应用程序对象/记录集分页/记录集导航条

12） 弹出信息显示如下：

点“确定”后显示结果如下：

19） 13）选中“对不起，你所要找的新闻不存在！”，选择“服务器行为”结果如下：

20） 点“+”按钮，选择“显示区域/如果记录集为空则显示区域”

21） 弹出如下窗口

结果显示如下：