新闻网站前台页面的设计

loading 分享 2026-8-21 下载文档

前台部分

一、用户登陆页面的制作2 二、首页index.asp的制作5

1.在站点文件夹中打开index.asp页面5 2.制作导航栏5

3.制作最新10条新闻内容7 4.制作最热门10条新闻内容9

5.制作每类新闻的最新5条新闻展示10 6.搜索功能的实现21

三、显示所有新闻页面all.asp的制作22

1.在站点文件夹中打开all.asp页面22

2.制作导航栏【同首页,可直接从首页复制此部分的表格并替换】22

3.制作最新10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】24 4.制作最热门10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】26 5.制作所有新闻的展示27

四、显示新闻详细页面onnews.asp的制作29

1.在站点文件夹中打开onnews.asp页面29

2.制作导航栏【同首页,可直接从首页复制此部分的表格并替换】29 3.制作详细新闻的内容显示31 4.查看评论的制作32 5.发表评论的制作33 6.点击次数加1的制作33

五、按类别查看新闻页面ontype.asp的制作34

1.在站点文件夹中打开ontype.asp页面34

2.制作导航栏【同首页,可直接从首页复制此部分的表格并替换】34

3.制作最新10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】37 4.制作最热门10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】39 5.制作按类别查看新闻的展示40

六、按标题搜索新闻结果页面search_title.asp的制作42

1.在站点文件夹中打开search_title.asp页面42

2.制作导航栏【同首页,可直接从首页复制此部分的表格并替换】43

3.制作最新10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】45 4.制作最热门10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】47 5.制作搜索结果的展示48

6.根据是否有相应搜索结果显示不同内容51

七、按内容搜索新闻结果页面search_content.asp的制作53

1.在站点文件夹中打开search_content.asp页面53

2.制作导航栏【同首页,可直接从首页复制此部分的表格并替换】53

3.制作最新10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】55

4.制作最热门10条新闻内容【同首页,可直接从首页复制此部分的表格并替换】57 5.制作搜索结果的展示59

6.根据是否有相应搜索结果显示不同内容61 八、发表评论页面pinglun.asp的制作63

1.在站点文件夹中打开pinglun.asp页面63

2.将已登录的用户自动绑定到评论者的表单中63 3.设置隐藏域,传递参数newsid64 4.实现添加评论的功能64

九、查看评论页面ckpl.asp的制作65

1.在站点文件夹中打开ckpl.asp页面65

2.制作导航栏【同首页,可直接从首页复制此部分的表格并替换】65 3.制作详细新闻的内容显示67 4.重复显示评论69 5.发表评论的制作69

新闻前台页面主要包括如下几个部分内容

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”


新闻网站前台页面的设计.doc 将本文的Word文档下载到电脑
搜索更多关于: 新闻网站前台页面的设计 的文档
相关推荐
相关阅读