新闻网站前台页面的设计.docx
- 文档编号:14315695
- 上传时间:2023-06-22
- 格式:DOCX
- 页数:76
- 大小:751.25KB
新闻网站前台页面的设计.docx
《新闻网站前台页面的设计.docx》由会员分享,可在线阅读,更多相关《新闻网站前台页面的设计.docx(76页珍藏版)》请在冰点文库上搜索。
新闻网站前台页面的设计
新闻网站前台页面的设计
新闻网站前台页面要紧包括如下几个部分内容
1.用户登陆页面login.asp
2.首页index.asp
3.显示所有新闻页面all.asp
4.显示新闻详细页面onnews.asp
5.按类别查看新闻页面ontype.asp
6.按显示搜索结果(按标题搜索)页面search_title.asp
7.显示搜索结果(按内容搜索)页面search_content.asp
8.发表评论页面pinglun.asp
9.查看评论页面ckpl.asp
各功能模块的详细制作方法如下:
一、用户登陆页面的制作
1.把站点文件夹中的login.asp在Dreamweaver中打开,我们先来配置数据源的连接,具体方法如下:
点击菜单“窗口”→“数据库”,把右侧的“数据库”面板展开,点击“+”号,选择“数据源名称(DSN)”,把“连接名称”设置为“conn”,在数据源名称(DSN)的下拉框中选择我们开始设置好的“ODBC数据源”“book”,点击测试按钮,看能否成功创建连接脚本。
如下图所示,
2.在配置好之后,把连接展开应该能够看到数据库中的相关表,如上图所示
3.创建登录的行为,点击“服务器行为”选项卡中的“用户身份验证”――>“登录用户”,添加一个服务器行为,作如下图的设置。
“使用连接验证”选择“conn”,“表格”选择“user”,“用户名列”选择“username”,“密码”选择“userpassword”,“假如登录成功,转到”:
“index.asp”;“假如登录失败,转到”:
“error.asp”
4.
5.创建一个时期变量储存登录成功的用户的用户名,以备其它页面使用,方法如下:
点击“绑定”→“+”—》“时期变量”,增加一个时期变量,设置变量名为“MM_username”,则登录成功的用户的用户名会自动储存到该变量中,如下图所示
二、首页index.asp的制作
1.在站点文件夹中打开index.asp页面
2.制作导航栏
(1)创建一个名为rstype的记录集从type表中调取所有有新闻的类别记录,点击“绑定”选项卡→“+”→“创建记录集)查询”,在弹出的对话框中,设置名称为“rstype”,连接为“conn”,列为“typename”,再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECTdistincttypenameFROMtype,newwheretype.typeid=new.typeid”,如下图所示
(2)将记录集rstype中的类别名称拖放到页面上的对应单元格中,如下图所示
(3)选中放置类别名称的那个单元格,做重复显示,操作方法为:
选中刚放到里面去的类别名称,点击
(4)给类别名称设置超级链接,方法为:
选中类别名称,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“ontype.asp”,如下图所示
3.制作最新10条新闻内容
(1)创建一个名为rsxin的记录集从new表中调取最新的十条新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsxin”,连接为“conn”,表格为“new”,排序为“addtime的降序”如下图所示
(2)将记录集rsxin中的新闻标题拖放到页面上的对应单元格中,此处新闻标题有可能字数太多,最好加上一个left函数取其前10个字,可选中新闻标题,在代码部分将其代码改为“<%=left((rsxin.Fields.Item("title").Value),10)%>”如下图所示
(3)选中放置最新新闻的那一行,做重复显示,操作方法为:
选中刚放到里面去的最新新闻,点击
(4)给新闻标题设置超级链接,方法为:
选中新闻标题,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“onnews.asp”,如下图所示
4.制作最热门10条新闻内容
(1)创建一个名为rshot的记录集从new表中调取最热门的十条新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rshot”,连接为“conn”,表格为“new”,排序为“hits的降序”如下图所示
(2)将记录集rshot中的新闻标题拖放到页面上的对应单元格中,此处新闻标题有可能字数太多,最好加上一个left函数取其前10个字,可选中新闻标题,在代码部分将其代码改为“<%=left((rshot.Fields.Item("title").Value),10)%>”如下图所示
(3)选中放置最热门新闻的那一行,做重复显示,操作方法为:
选中刚放到里面去的最热门新闻,点击
(4)给新闻标题设置超级链接,方法为:
选中新闻标题,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“onnews.asp”,如下图所示
5.制作每类新闻的最新5条新闻展现
(1)此处不利用编程的方式来做的话,只能设置几个固定类别的新闻展现,以国际新闻,国内新闻,社会新闻、文体新闻、专题新闻为例。
(2)国际新闻的显示:
①创建一个名为rsguoji的记录集从new表中调取国际新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsguoji”,连接为“conn”,表格为“new”,排序为“addtime的降序”,再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT*FROMNew,typewherenew.typeid=type.typeidandtypename='国际新闻'ORDERBYaddtimeDESC”,如下图所示
②将记录集rs国际中的相关内容放到页面上的对应单元格中,如下图所示
③选中国际新闻的那一行,做重复显示,操作方法为:
选中刚放到里面去的国际新闻,点击
④给新闻标题设置超级链接,方法为:
选中新闻标题,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“onnews.asp”,设置记录集为“rsguoji”,如下图所示
(3)国内新闻的显示:
①创建一个名为rsguonei的记录集从new表中调取国内新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsguonei”,连接为“conn”,表格为“new”,排序为“addtime的降序”,再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT*FROMNew,typewherenew.typeid=type.typeidandtypename='国内新闻'ORDERBYaddtimeDESC”,如下图所示
②将记录集rsguonei中的相关内容放到页面上的对应单元格中,如下图所示
③选中国内新闻的那一行,做重复显示,操作方法为:
选中刚放到里面去的国内新闻,点击
④给新闻标题设置超级链接,方法为:
选中新闻标题,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“onnews.asp”,设置记录集为“rsguonei”,如下图所示
(4)社会新闻的显示:
①创建一个名为rsshehui的记录集从new表中调取社会新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsshehui”,连接为“conn”,表格为“new”,排序为“addtime的降序”,再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT*FROMNew,typewherenew.typeid=type.typeidandtypename='社会新闻'ORDERBYaddtimeDESC”,如下图所示
②将记录集rsshehui中的相关内容放到页面上的对应单元格中,如下图所示
③选中社会新闻的那一行,做重复显示,操作方法为:
选中刚放到里面去的社会新闻,点击
④给新闻标题设置超级链接,方法为:
选中新闻标题,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“onnews.asp”,设置记录集为“rsshehui”,如下图所示
(5)文体新闻的显示:
①创建一个名为rswenti的记录集从new表中调取文体新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rswenti”,连接为“conn”,表格为“new”,排序为“addtime的降序”,再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT*FROMNew,typewherenew.typeid=type.typeidandtypename='文体新闻'ORDERBYaddtimeDESC”,如下图所示
②将记录集rswentti中的相关内容放到页面上的对应单元格中,如下图所示
③选中文体新闻的那一行,做重复显示,操作方法为:
选中刚放到里面去的文体新闻,点击
④给新闻标题设置超级链接,方法为:
选中新闻标题,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“onnews.asp”,设置记录集为“rswenti”,如下图所示
(6)专题新闻的显示:
①创建一个名为rszhuanti的记录集从new表中调取专题新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rszhuanti”,连接为“conn”,表格为“new”,排序为“addtime的降序”,再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT*FROMNew,typewherenew.typeid=type.typeidandtypename='专题新闻'ORDERBYaddtimeDESC”,如下图所示
②将记录集rszhuanti中的相关内容放到页面上的对应单元格中,如下图所示
③选中专题新闻的那一行,做重复显示,操作方法为:
选中刚放到里面去的专题新闻,点击
④给新闻标题设置超级链接,方法为:
选中新闻标题,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“onnews.asp”,设置记录集为“rszhuanti”,如下图所示
6.搜索功能的实现
(1)此处我们假如想要用两种不同的方式来进行查询的话,则需要设置一个中间页面,来对查询类别进行判定,编一小段程序分别转向两个不同的查询结果页
(2)新建一个页面,名为searchtype.asp
(3)切换到代码视图,删除掉原有代码,输入以下代码,并储存,此程序的目的在于依照你所选的不同的搜索类别,让程序转向不同的页面去进行进一步的搜索,并传递搜索关键字
<%
dimotype,key
otype=request.Form("otype")
key=request.Form("key")
ifotype="title"then
response.Redirect("search_title.asp?
key="&key)
endif
ifotype="content"then
response.Redirect("search_content.asp?
key="&key)
endif
%>
(4)回到index.asp,选中搜索所在的表单:
在属性栏设置动作为search.asp,设置方法为POST,如下图所示
(5)到此,首页功能全部实现
三、
显示所有新闻页面all.asp的制作
1.在站点文件夹中打开all.asp页面
2.制作导航栏【同首页,可直截了当从首页复制此部分的表格并替换】
(1)创建一个名为rstype的记录集从type表中调取所有有新闻的类别记录,点击“绑定”选项卡→“+”→“创建记录集)查询”,在弹出的对话框中,设置名称为“rstype”,连接为“conn”,列为“typename”,再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECTdistincttypenameFROMtype,newwheretype.typeid=new.typeid”,如下图所示
(2)将记录集rstype中的类别名称拖放到页面上的对应单元格中,如下图所示
(3)选中放置类别名称的那个单元格,做重复显示,操作方法为:
选中刚放到里面去的类别名称,点击
(4)给类别名称设置超级链接,方法为:
选中类别名称,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“ontype.asp”,如下图所示
3.制作最新10条新闻内容【同首页,可直截了当从首页复制此部分的表格并替换】
(1)创建一个名为rsxin的记录集从new表中调取最新的十条新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsxin”,连接为“conn”,表格为“new”,排序为“addtime的降序”如下图所示
(2)将记录集rsxin中的新闻标题拖放到页面上的对应单元格中,此处新闻标题有可能字数太多,最好加上一个left函数取其前10个字,可选中新闻标题,在代码部分将其代码改为“<%=left((rsxin.Fields.Item("title").Value),10)%>”如下图所示
(3)选中放置最新新闻的那一行,做重复显示,操作方法为:
选中刚放到里面去的最新新闻,点击
(4)给新闻标题设置超级链接,方法为:
选中新闻标题,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“onnews.asp”,如下图所示
4.制作最热门10条新闻内容【同首页,可直截了当从首页复制此部分的表格并替换】
(1)创建一个名为rshot的记录集从new表中调取最热门的十条新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rshot”,连接为“conn”,表格为“new”,排序为“hits的降序”如下图所示
(2)将记录集rshot中的新闻标题拖放到页面上的对应单元格中,此处新闻标题有可能字数太多,最好加上一个left函数取其前10个字,可选中新闻标题,在代码部分将其代码改为“<%=left((rshot.Fields.Item("title").Value),10)%>”如下图所示
(3)选中放置最热门新闻的那一行,做重复显示,操作方法为:
选中刚放到里面去的最热门新闻,点击
(4)给新闻标题设置超级链接,方法为:
选中新闻标题,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“onnews.asp”,如下图所示
5.制作所有新闻的展现
(1)创建一个名为rsall的记录集从new表中调取所有的新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsall”,连接为“conn”,表格为“new”,排序为“addtime的降序”如下图所示
(2)将记录集rsall中的标题、增加时刻和点击次数拖放到页面中,如下图所示
(3)选中放置新闻的那一行,做重复显示,操作方法为:
选中刚放到里面去的新闻,点击
(4)给新闻标题设置超级链接,方法为:
选中新闻标题,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“onnews.asp”,如下图所示
(5)给新闻设置导航条,点击菜单命令“插入”→“数据对象”→“记录集分页”→“记录集导航条”,在弹出的对话框中设置记录集为“rsall”,显示方式为“文本”或“图像”均可,可得到系统自动生成的记录集导航条,如下图所示
四、
显示新闻详细页面onnews.asp的制作
1.在站点文件夹中打开onnews.asp页面
2.制作导航栏【同首页,可直截了当从首页复制此部分的表格并替换】
(1)创建一个名为rstype的记录集从type表中调取所有有新闻的类别记录,点击“绑定”选项卡→“+”→“创建记录集)查询”,在弹出的对话框中,设置名称为“rstype”,连接为“conn”,列为“typename”,再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECTdistincttypenameFROMtype,newwheretype.typeid=new.typeid”,如下图所示
(2)将记录集rstype中的类别名称拖放到页面上的对应单元格中,如下图所示
(3)选中放置类别名称的那个单元格,做重复显示,操作方法为:
选中刚放到里面去的类别名称,点击
(4)给类别名称设置超级链接,方法为:
选中类别名称,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“ontype.asp”,如下图所示
3.制作详细新闻的内容显示
(1)创建一个名为rsnews的记录集从new表中调取特定新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsnews”,连接为“conn”,表格为“new”,选择为“newsid=URL参数newsid”,如下图所示
(2)将记录集rsnews中的相关拖放到页面中,如下图所示
4.查看评论链接的制作
(1)选中“查看评论”,点击“服务器行为”选项卡→“+”→“转到详细页面”,,在弹出的“转到详细页面”对话框中设置记录集为“rsnews”,详细信息页为“ckpl.asp”,如下图所示
5.发表评论链接的制作
(1)选中“发表评论”,点击“服务器行为”→“+”→“转到详细页面”,设置详细页面为“pinglun.asp”,记录集为rsnews,如下图所示
6.点击次数加1的制作
(1)点击“绑定”选项卡→“命令(预存过程)”,在弹出的“命令”对话框中将“类型”设置为“更新”,将SQL设置为如下框所示SQL语句,如下图所示
UPDATEnew
SEThits=hits+1
WHEREnewsid=request.querystring("newsid")
(2)切换到代码视图,通过“编辑”菜单→“查找和替换”功能,查找到刚才所写的SQL语句,将其修改为下框所示代码,即可实现将点击次数加1的操作。
Command1mandText="UPDATEnewSEThits=hits+1WHEREnewsid="&request.querystring("newsid")
(3)现在我们可通过首页所所有新闻页面通过点击新闻标题进行测试。
五、
按类别查看新闻页面ontype.asp的制作
1.在站点文件夹中打开ontype.asp页面
2.制作导航栏【同首页,可直截了当从首页复制此部分的表格并替换】
(1)创建一个名为rstype的记录集从type表中调取所有有新闻的类别记录,点击“绑定”选项卡→“+”→“创建记录集)查询”,在弹出的对话框中,设置名称为“rstype”,连接为“conn”,列为“typename”,再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECTdistincttypenameFROMtype,newwheretype.typeid=new.typeid”,如下图所示
(2)将记录集rstype中的类别名称拖放到页面上的对应单元格中,如下图所示
(3)选中放置类别名称的那个单元格,做重复显示,操作方法为:
选中刚放到里面去的类别名称,点击
(4)给类别名称设置超级链接,方法为:
选中类别名称,点击“服务器行为”选项卡→“+”→“转到详细页面”,设置详细信息页为“ontype.asp”,如下图所示
3.制作最新10条新闻内容【同首页,可直截了当从首页复制此部分的表格并替换】
(1)创建一个名为rsxin的记录集从new表中调取最新的十条新闻记录,点击“绑定”选项卡→“+”→“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsxin”,连接为“conn”,表格为“new”,排序为“addtime的降序”如下图所示
(2)将记录集rsxin中的新闻标题拖放到页面上的对应单元格中,此处新闻标题有可能字数太多,最好加上一个left函数取其前10个字,可选中新闻标题,在代码部分将其代码改为“<%=left((rsxin.Fields.Item("title").Value),10)%>”如下图所示
(3)选中放置最新新闻的那一行,做重复显示,操作方法为:
选中刚放到里面去的最新新闻,点击
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 新闻 网站 前台 页面 设计