新闻网站前台页面的设计(doc 75页)

前台部分一、用户登陆页面的制作 (3)二、首页index.asp的制作 (6)1.在站点文件夹中打开index.asp页面 (6)2.制作导航栏 (6)3.制作最新10条新闻内容 (8)4.制作最热门10条新闻内容 (9)5.制作每类新闻的最新5条新闻展示 (11)6.搜索功能的实现 (22)三、显示所有新闻页面all.asp的制作 (24)1.在站点文件夹中打开all.asp页面 (24)2.制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 (24)3.制作最新10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 (26)4.制作最热门10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 (28)5.制作所有新闻的展示 (29)四、显示新闻详细页面onnews.asp的制作 (32)1.在站点文件夹中打开onnews.asp页面 (32)2.制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 (32)3.制作详细新闻的内容显示 (34)4.查看评论链接的制作 (35)5.发表评论链接的制作 (35)6.点击次数加1的制作 (36)五、按类别查看新闻页面ontype.asp的制作 (38)1.在站点文件夹中打开ontype.asp页面 (38)2.制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 (38)3.制作最新10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 (40)4.制作最热门10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 (42)5.制作按类别查看新闻的展示 (43)六、按标题搜索新闻结果页面search_title.asp的制作 (46)1.在站点文件夹中打开search_title.asp页面 (46)2.制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 (46)3.制作最新10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 (48)4.制作最热门10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 (50)5.制作搜索结果的展示 (51)6.根据是否有相应搜索结果显示不同内容 (54)七、按内容搜索新闻结果页面search_content.asp的制作 (57)1.在站点文件夹中打开search_content.asp页面 (57)2.制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 (57)3.制作最新10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 (59)4.制作最热门10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 (61)5.制作搜索结果的展示 (62)6.根据是否有相应搜索结果显示不同内容 (65)八、发表评论页面pinglun.asp的制作 (68)1.在站点文件夹中打开pinglun.asp页面 (68)2.将已登录的用户自动绑定到评论者的表单中 (68)3.设置隐藏域，传递参数newsid (68)4.实现添加评论的功能 (68)九、查看评论页面ckpl.asp的制作 (71)1.在站点文件夹中打开ckpl.asp页面 (71)2.制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 (71)3.制作详细新闻的内容显示 (73)4.重复显示评论 (74)5.发表评论链接的制作 (75)新闻网站前台页面主要包括如下几个部分内容1.用户登陆页面login.asp2.首页index.asp3.显示所有新闻页面all.asp4.显示新闻详细页面onnews.asp5.按类别查看新闻页面ontype.asp6.按显示搜索结果（按标题搜索）页面search_title.asp7.显示搜索结果（按内容搜索）页面search_content.asp8.发表评论页面pinglun.asp9.查看评论页面ckpl.asp各功能模块的详细制作方法如下:一、用户登陆页面的制作1.把站点文件夹中的login.asp在Dreamweaver中打开，我们先来配置数据源的连接，具体方法如下：点击菜单“窗口”→“数据库”，把右侧的“数据库”面板展开，点击“＋”号，选择“数据源名称（DSN）”，把“连接名称”设置为“conn”,在数据源名称（DSN）的下拉框中选择我们开始设置好的“ODBC数据源”“book”,点击测试按钮，看能否成功创建连接脚本。

如下图所示，2.在配置好之后，把连接展开应该可以看到数据库中的相关表，如上图所示3.创建登录的行为，点击“服务器行为”选项卡中的“用户身份验证”――>“登录用户”，添加一个服务器行为，作如下图的设置。

“使用连接验证”选择“conn”,“表格”选择“user”，“用户名列”选择“username”,“密码”选择“userpassword”,“如果登录成功，转到”：“index.asp”;“如果登录失败，转到”：“error.asp”4.创建一个阶段变量保存登录成功的用户的用户名，以备其它页面使用，方法如下：点击“绑定” “+”—》“阶段变量”，增加一个阶段变量，设置变量名为“MM_username”,则登录成功的用户的用户名会自动保存到该变量中，如下图所示二、首页index.asp的制作1.在站点文件夹中打开index.asp页面2.制作导航栏（1）创建一个名为rstype的记录集从type表中调取所有有新闻的类别记录,点击“绑定”选项卡→“+”→“创建记录集）查询”，在弹出的对话框中，设置名称为“rstype”,连接为“conn”，列为“typename”,再点击“高级”按钮，在弹出的对话框中加上表的连接的SQL代码，SQL语句为“SELECT distinct typename FROM type,new where type.typeid=new.typeid”，如下图所示(2)将记录集rstype中的类别名称拖放到页面上的对应单元格中，如下图所示(3)选中放置类别名称的那个单元格，做重复显示，操作方法为：选中刚放进去的类别名称，点击<td>标签选中该单元格，点击“服务器行为”选项卡→“+”→“重复区域”，在弹出的对话框中设置记录集名称为“rstype”，显示所有记录,如下图所示。

(4)给类别名称设置超级链接，方法为：选中类别名称，点击“服务器行为”选项卡→“+”→“转到详细页面”，设置详细信息页为“ontype.asp”，如下图所示3.制作最新10条新闻内容（1）创建一个名为rsxin的记录集从new表中调取最新的十条新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”，在弹出的对话框中，设置名称为“rsxin”,连接为“conn”，表格为“new”,排序为“addtime的降序”如下图所示(2)将记录集rsxin中的新闻标题拖放到页面上的对应单元格中，此处新闻标题有可能字数太多，最好加上一个left函数取其前10个字，可选中新闻标题，在代码部分将其代码改为“<%=left((rsxin.Fields.Item("title").Value),10)%>”如下图所示(3)选中放置最新新闻的那一行，做重复显示，操作方法为：选中刚放进去的最新新闻，点击<tr>标签选中该行，点击“服务器行为”选项卡→“+”→“重复区域”，在弹出的对话框中设置记录集名称为“rsxin”，显示10记录,如下图所示。

(4)给新闻标题设置超级链接，方法为：选中新闻标题，点击“服务器行为”选项卡→“+”→“转到详细页面”，设置详细信息页为“onnews.asp”，如下图所示4.制作最热门10条新闻内容（1）创建一个名为rshot的记录集从new表中调取最热门的十条新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”，在弹出的对话框中，设置名称为“rshot”,连接为“conn”，表格为“new”,排序为“hits的降序”如下图所示(2)将记录集rshot中的新闻标题拖放到页面上的对应单元格中，此处新闻标题有可能字数太多，最好加上一个left函数取其前10个字，可选中新闻标题，在代码部分将其代码改为“<%=left((rshot.Fields.Item("title").Value),10)%>”如下图所示(3)选中放置最热门新闻的那一行，做重复显示，操作方法为：选中刚放进去的最热门新闻，点击<tr>标签选中该行，点击“服务器行为”选项卡→“+”→“重复区域”，在弹出的对话框中设置记录集名称为“rshot”，显示10记录,如下图所示。

(4)给新闻标题设置超级链接，方法为：选中新闻标题，点击“服务器行为”选项卡→“+”→“转到详细页面”，设置详细信息页为“onnews.asp”，如下图所示5.制作每类新闻的最新5条新闻展示（1）此处不利用编程的方式来做的话，只能设置几个固定类别的新闻展示，以国际新闻，国内新闻，社会新闻、文体新闻、专题新闻为例。

（2）国际新闻的显示：①创建一个名为rsguoji的记录集从new表中调取国际新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”，在弹出的对话框中，设置名称为“rsguoji”,连接为“conn”，表格为“new”,排序为“addtime的降序”，再点击“高级”按钮，在弹出的对话框中加上表的连接的SQL代码，SQL语句为“SELECT * FROMNew,type where new.typeid=type.typeid and typename='国际新闻' ORDER BY addtime DESC”，如下图所示②将记录集rs国际中的相关内容放到页面上的对应单元格中，如下图所示③选中国际新闻的那一行，做重复显示，操作方法为：选中刚放进去的国际新闻，点击<tr>标签选中该行，点击“服务器行为”选项卡→“+”→“重复区域”，在弹出的对话框中设置记录集名称为“rsguoji”，显示5记录,如下图所示。

④给新闻标题设置超级链接，方法为：选中新闻标题，点击“服务器行为”选项卡→“+”→“转到详细页面”，设置详细信息页为“onnews.asp”，设置记录集为“rsguoji”，如下图所示（3）国内新闻的显示：①创建一个名为rsguonei的记录集从new表中调取国内新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”，在弹出的对话框中，设置名称为“rsguonei”,连接为“conn”，表格为“new”,排序为“addtime的降序”，再点击“高级”按钮，在弹出的对话框中加上表的连接的SQL代码，SQL语句为“SELECT * FROM New,type where new.typeid=type.typeid and typename='国内新闻' ORDER BY addtime DESC”，如下图所示②将记录集rsguonei中的相关内容放到页面上的对应单元格中，如下图所示③选中国内新闻的那一行，做重复显示，操作方法为：选中刚放进去的国内新闻，点击<tr>标签选中该行，点击“服务器行为”选项卡→“+”→“重复区域”，在弹出的对话框中设置记录集名称为“rsguonei”，显示5记录,如下图所示。