新闻网站前台页面的设计.docx
《新闻网站前台页面的设计.docx》由会员分享,可在线阅读,更多相关《新闻网站前台页面的设计.docx(76页珍藏版)》请在三一办公上搜索。
1、前台部分一、用户登陆页面的制作3二、首页index.asp的制作61.在站点文件夹中打开index.asp页面62.制作导航栏63.制作最新10条新闻内容84.制作最热门10条新闻内容95.制作每类新闻的最新5条新闻展示116.搜索功能的实现22三、显示所有新闻页面all.asp的制作241.在站点文件夹中打开all.asp页面242.制作导航栏【同首页,可直接从首页复制此部分的表格并替换】243.制作最新10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】264.制作最热门10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】285.制作所有新闻的展示29四、显示新闻详细页面o
2、nnews.asp的制作321.在站点文件夹中打开onnews.asp页面322.制作导航栏【同首页,可直接从首页复制此部分的表格并替换】323.制作详细新闻的内容显示344.查看评论链接的制作355.发表评论链接的制作356.点击次数加1的制作36五、按类别查看新闻页面ontype.asp的制作381.在站点文件夹中打开ontype.asp页面382.制作导航栏【同首页,可直接从首页复制此部分的表格并替换】383.制作最新10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】404.制作最热门10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】425.制作按类别查看新闻的展示4
3、3六、按标题搜索新闻结果页面search_title.asp的制作461.在站点文件夹中打开search_title.asp页面462.制作导航栏【同首页,可直接从首页复制此部分的表格并替换】463.制作最新10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】484.制作最热门10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】505.制作搜索结果的展示516.根据是否有相应搜索结果显示不同内容54七、按内容搜索新闻结果页面search_content.asp的制作571.在站点文件夹中打开search_content.asp页面572.制作导航栏【同首页,可直接从首页复制此部
4、分的表格并替换】573.制作最新10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】594.制作最热门10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】615.制作搜索结果的展示626.根据是否有相应搜索结果显示不同内容65八、发表评论页面pinglun.asp的制作681.在站点文件夹中打开pinglun.asp页面682.将已登录的用户自动绑定到评论者的表单中683.设置隐藏域,传递参数newsid684.实现添加评论的功能68九、查看评论页面ckpl.asp的制作711.在站点文件夹中打开ckpl.asp页面712.制作导航栏【同首页,可直接从首页复制此部分的表格并替换
5、】713.制作详细新闻的内容显示734.重复显示评论745.发表评论链接的制作75新闻网站前台页面主要包括如下几个部分内容1. 用户登陆页面login.asp2. 首页index.asp3. 显示所有新闻页面all.asp4. 显示新闻详细页面onnews.asp5. 按类别查看新闻页面ontype.asp6. 按显示搜索结果(按标题搜索)页面search_title.asp7. 显示搜索结果(按内容搜索)页面search_content.asp8. 发表评论页面pinglun.asp9. 查看评论页面ckpl.asp各功能模块的详细制作方法如下:一、 用户登陆页面的制作1. 把站点文件夹中的
6、login.asp在Dreamweaver中打开,我们先来配置数据源的连接,具体方法如下:点击菜单“窗口”“数据库”,把右侧的“数据库”面板展开,点击“”号,选择“数据源名称(DSN)”,把“连接名称”设置为“conn”,在数据源名称(DSN)的下拉框中选择我们开始设置好的“ODBC数据源”“book”,点击测试按钮,看能否成功创建连接脚本。如下图所示,2. 在配置好之后,把连接展开应该可以看到数据库中的相关表,如上图所示3. 创建登录的行为,点击“服务器行为”选项卡中的“用户身份验证”“登录用户”,添加一个服务器行为,作如下图的设置。“使用连接验证”选择“conn”,“表格”选择“user”
7、,“用户名列”选择“username”,“密码”选择“userpassword”,“如果登录成功,转到”:“index.asp”;“如果登录失败,转到”:“error.asp”4. 创建一个阶段变量保存登录成功的用户的用户名,以备其它页面使用,方法如下:点击“绑定”“+”“阶段变量”,增加一个阶段变量,设置变量名为“MM_username”,则登录成功的用户的用户名会自动保存到该变量中,如下图所示二、 首页index.asp的制作1. 在站点文件夹中打开index.asp页面2. 制作导航栏(1)创建一个名为rstype的记录集从type表中调取所有有新闻的类别记录,点击“绑定”选项卡“+”“
8、创建记录集)查询”,在弹出的对话框中,设置名称为“rstype”,连接为“conn”,列为“typename”,再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT distinct typename FROM type,new where type.typeid=new.typeid”,如下图所示(2)将记录集rstype中的类别名称拖放到页面上的对应单元格中,如下图所示(3)选中放置类别名称的那个单元格,做重复显示,操作方法为:选中刚放进去的类别名称,点击标签选中该单元格,点击“服务器行为”选项卡“+”“重复区域”,在弹出的对话框中设置记录集名称为“rs
9、type”,显示所有记录,如下图所示。(4)给类别名称设置超级链接,方法为:选中类别名称,点击“服务器行为”选项卡“+”“转到详细页面”,设置详细信息页为“ontype.asp”,如下图所示3. 制作最新10条新闻内容(1)创建一个名为rsxin的记录集从new表中调取最新的十条新闻记录,点击“绑定”选项卡“+”“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsxin”,连接为“conn”,表格为“new”,排序为“addtime的降序”如下图所示 (2)将记录集rsxin中的新闻标题拖放到页面上的对应单元格中,此处新闻标题有可能字数太多,最好加上一个left函数取其前10个字,可选中
10、新闻标题,在代码部分将其代码改为“”如下图所示(3)选中放置最新新闻的那一行,做重复显示,操作方法为:选中刚放进去的最新新闻,点击标签选中该行,点击“服务器行为”选项卡“+”“重复区域”,在弹出的对话框中设置记录集名称为“rsxin”,显示10记录,如下图所示。(4)给新闻标题设置超级链接,方法为:选中新闻标题,点击“服务器行为”选项卡“+”“转到详细页面”,设置详细信息页为“onnews.asp”,如下图所示4. 制作最热门10条新闻内容(1)创建一个名为rshot的记录集从new表中调取最热门的十条新闻记录,点击“绑定”选项卡“+”“创建记录集(查询)”,在弹出的对话框中,设置名称为“rs
11、hot”,连接为“conn”,表格为“new”,排序为“hits的降序”如下图所示 (2)将记录集rshot中的新闻标题拖放到页面上的对应单元格中,此处新闻标题有可能字数太多,最好加上一个left函数取其前10个字,可选中新闻标题,在代码部分将其代码改为“”如下图所示(3)选中放置最热门新闻的那一行,做重复显示,操作方法为:选中刚放进去的最热门新闻,点击标签选中该行,点击“服务器行为”选项卡“+”“重复区域”,在弹出的对话框中设置记录集名称为“rshot”,显示10记录,如下图所示。(4)给新闻标题设置超级链接,方法为:选中新闻标题,点击“服务器行为”选项卡“+”“转到详细页面”,设置详细信息
12、页为“onnews.asp”,如下图所示5. 制作每类新闻的最新5条新闻展示(1)此处不利用编程的方式来做的话,只能设置几个固定类别的新闻展示,以国际新闻,国内新闻,社会新闻、文体新闻、专题新闻为例。(2)国际新闻的显示:创建一个名为rsguoji的记录集从new表中调取国际新闻记录,点击“绑定”选项卡“+”“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsguoji”,连接为“conn”,表格为“new”,排序为“addtime的降序”, 再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT * FROM New,type where new.ty
13、peid=type.typeid and typename=国际新闻 ORDER BY addtime DESC”,如下图所示 将记录集rs国际中的相关内容放到页面上的对应单元格中,如下图所示选中国际新闻的那一行,做重复显示,操作方法为:选中刚放进去的国际新闻,点击标签选中该行,点击“服务器行为”选项卡“+”“重复区域”,在弹出的对话框中设置记录集名称为“rsguoji”,显示5记录,如下图所示。给新闻标题设置超级链接,方法为:选中新闻标题,点击“服务器行为”选项卡“+”“转到详细页面”,设置详细信息页为“onnews.asp”,设置记录集为“rsguoji”,如下图所示(3)国内新闻的显示:
14、创建一个名为rsguonei的记录集从new表中调取国内新闻记录,点击“绑定”选项卡“+”“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsguonei”,连接为“conn”,表格为“new”,排序为“addtime的降序”, 再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT * FROM New,type where new.typeid=type.typeid and typename=国内新闻 ORDER BY addtime DESC”,如下图所示 将记录集rsguonei中的相关内容放到页面上的对应单元格中,如下图所示选中国内新闻的那一
15、行,做重复显示,操作方法为:选中刚放进去的国内新闻,点击标签选中该行,点击“服务器行为”选项卡“+”“重复区域”,在弹出的对话框中设置记录集名称为“rsguonei”,显示5记录,如下图所示。给新闻标题设置超级链接,方法为:选中新闻标题,点击“服务器行为”选项卡“+”“转到详细页面”,设置详细信息页为“onnews.asp”,设置记录集为“rsguonei”,如下图所示(4)社会新闻的显示:创建一个名为rsshehui的记录集从new表中调取社会新闻记录,点击“绑定”选项卡“+”“创建记录集(查询)”,在弹出的对话框中,设置名称为“rsshehui”,连接为“conn”,表格为“new”,排序
16、为“addtime的降序”, 再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT * FROM New,type where new.typeid=type.typeid and typename=社会新闻 ORDER BY addtime DESC”,如下图所示将记录集rsshehui中的相关内容放到页面上的对应单元格中,如下图所示选中社会新闻的那一行,做重复显示,操作方法为:选中刚放进去的社会新闻,点击标签选中该行,点击“服务器行为”选项卡“+”“重复区域”,在弹出的对话框中设置记录集名称为“rsshehui”,显示5记录,如下图所示。给新闻标题设置超
17、级链接,方法为:选中新闻标题,点击“服务器行为”选项卡“+”“转到详细页面”,设置详细信息页为“onnews.asp”,设置记录集为“rsshehui”,如下图所示(5)文体新闻的显示:创建一个名为rswenti的记录集从new表中调取文体新闻记录,点击“绑定”选项卡“+”“创建记录集(查询)”,在弹出的对话框中,设置名称为“rswenti”,连接为“conn”,表格为“new”,排序为“addtime的降序”, 再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT * FROM New,type where new.typeid=type.typeid a
18、nd typename=文体新闻 ORDER BY addtime DESC”,如下图所示将记录集rswentti中的相关内容放到页面上的对应单元格中,如下图所示选中文体新闻的那一行,做重复显示,操作方法为:选中刚放进去的文体新闻,点击标签选中该行,点击“服务器行为”选项卡“+”“重复区域”,在弹出的对话框中设置记录集名称为“rswenti”,显示5记录,如下图所示。给新闻标题设置超级链接,方法为:选中新闻标题,点击“服务器行为”选项卡“+”“转到详细页面”,设置详细信息页为“onnews.asp”,设置记录集为“rswenti”,如下图所示(6)专题新闻的显示:创建一个名为rszhuanti
19、的记录集从new表中调取专题新闻记录,点击“绑定”选项卡“+”“创建记录集(查询)”,在弹出的对话框中,设置名称为“rszhuanti”,连接为“conn”,表格为“new”,排序为“addtime的降序”, 再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT * FROM New,type where new.typeid=type.typeid and typename=专题新闻 ORDER BY addtime DESC”,如下图所示将记录集rszhuanti中的相关内容放到页面上的对应单元格中,如下图所示选中专题新闻的那一行,做重复显示,操作方法为
20、:选中刚放进去的专题新闻,点击标签选中该行,点击“服务器行为”选项卡“+”“重复区域”,在弹出的对话框中设置记录集名称为“rszhuanti”,显示5记录,如下图所示。给新闻标题设置超级链接,方法为:选中新闻标题,点击“服务器行为”选项卡“+”“转到详细页面”,设置详细信息页为“onnews.asp”,设置记录集为“rszhuanti”,如下图所示6. 搜索功能的实现(1)此处我们如果想要用两种不同的方式来进行查询的话,则需要设置一个中间页面,来对查询类别进行判断,编一小段程序分别转向两个不同的查询结果页(2)新建一个页面,名为searchtype.asp(3)切换到代码视图,删除掉原有代码,
21、输入以下代码,并保存,此程序的目的在于根据你所选的不同的搜索类别,让程序转向不同的页面去进行进一步的搜索,并传递搜索关键字(4)回到index.asp,选中搜索所在的表单:在属性栏设置动作为search.asp,设置方法为POST,如下图所示(5)到此,首页功能全部实现三、 显示所有新闻页面all.asp的制作1. 在站点文件夹中打开all.asp页面2. 制作导航栏【同首页,可直接从首页复制此部分的表格并替换】(1)创建一个名为rstype的记录集从type表中调取所有有新闻的类别记录,点击“绑定”选项卡“+”“创建记录集)查询”,在弹出的对话框中,设置名称为“rstype”,连接为“con
22、n”,列为“typename”,再点击“高级”按钮,在弹出的对话框中加上表的连接的SQL代码,SQL语句为“SELECT distinct typename FROM type,new where type.typeid=new.typeid”,如下图所示(2)将记录集rstype中的类别名称拖放到页面上的对应单元格中,如下图所示(3)选中放置类别名称的那个单元格,做重复显示,操作方法为:选中刚放进去的类别名称,点击标签选中该单元格,点击“服务器行为”选项卡“+”“重复区域”,在弹出的对话框中设置记录集名称为“rstype”,显示所有记录,如下图所示。(4)给类别名称设置超级链接,方法为:选中
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 新闻 网站 前台 页面 设计

链接地址:https://www.31ppt.com/p-2027635.html