新闻网站前台页面的设计

前台部分

一、 二、

1. 2. 3. 4. 5. 6. 三、

1. 2. 3. 4. 5. 四、

1. 2. 3. 4. 5. 6. 五、

1. 2. 3. 4. 5. 六、

1. 2. 3. 4. 5. 6. 七、

1. 2. 3.

用户登陆页面的制作 ........................................................................................................................... 3 首页index.asp的制作......................................................................................................................... 6 在站点文件夹中打开index.asp页面 ................................................................................................. 6 制作导航栏 ........................................................................................................................................... 6 制作最新10条新闻内容 ..................................................................................................................... 8 制作最热门10条新闻内容 ................................................................................................................. 9 制作每类新闻的最新5条新闻展示 .................................................................................................. 11 搜索功能的实现 ................................................................................................................................. 22 显示所有新闻页面all.asp的制作 .................................................................................................... 24 在站点文件夹中打开all.asp页面 .................................................................................................... 24 制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 ............................................. 24 制作最新10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 ....................... 26 制作最热门10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 ................... 28 制作所有新闻的展示 ......................................................................................................................... 29 显示新闻详细页面onnews.asp的制作 ........................................................................................... 32 在站点文件夹中打开onnews.asp页面 ........................................................................................... 32 制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 ............................................. 32 制作详细新闻的内容显示 ................................................................................................................. 34 查看评论链接的制作 ......................................................................................................................... 35 发表评论链接的制作 ......................................................................................................................... 35 点击次数加1的制作 ......................................................................................................................... 36 按类别查看新闻页面ontype.asp的制作 ........................................................................................ 38 在站点文件夹中打开ontype.asp页面 ............................................................................................ 38 制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 ............................................. 38 制作最新10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 ....................... 40 制作最热门10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 ................... 42 制作按类别查看新闻的展示 ............................................................................................................. 43 按标题搜索新闻结果页面search_title.asp的制作 ........................................................................ 46 在站点文件夹中打开search_title.asp页面 .................................................................................... 46 制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 ............................................. 46 制作最新10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 ....................... 48 制作最热门10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 ................... 50 制作搜索结果的展示 ......................................................................................................................... 51 根据是否有相应搜索结果显示不同内容 ......................................................................................... 54 按内容搜索新闻结果页面search_content.asp的制作 .................................................................. 57 在站点文件夹中打开search_content.asp页面 .............................................................................. 57 制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 ............................................. 57 制作最新10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 ....................... 59

1

4. 5. 6. 八、

1. 2. 3. 4. 九、

1. 2. 3. 4. 5.

制作最热门10条新闻内容【同首页，可直接从首页复制此部分的表格并替换】 ................... 61 制作搜索结果的展示 ......................................................................................................................... 62 根据是否有相应搜索结果显示不同内容 ......................................................................................... 65 发表评论页面pinglun.asp的制作 ................................................................................................... 68 在站点文件夹中打开pinglun.asp页面 ........................................................................................... 68 将已登录的用户自动绑定到评论者的表单中 ................................................................................. 68 设置隐藏域，传递参数newsid ........................................................................................................ 68 实现添加评论的功能 ......................................................................................................................... 68 查看评论页面ckpl.asp的制作......................................................................................................... 71 在站点文件夹中打开ckpl.asp页面 ................................................................................................. 71 制作导航栏【同首页，可直接从首页复制此部分的表格并替换】 ............................................. 71 制作详细新闻的内容显示 ................................................................................................................. 73 重复显示评论 ..................................................................................................................................... 74 发表评论链接的制作 ......................................................................................................................... 75

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

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

2

各功能模块的详细制作方法如下:

一、 用户登陆页面的制作

1. 把站点文件夹中的login.asp在Dreamweaver中打开，我们先来配置数据源的连接，具体方法如下：点击菜单“窗口”→“数据库”，把右侧的“数据库”面板展开，点击“＋”号，选择“数据源名称（DSN）”，把“连接名称”设置为“conn”,在数据源名称（DSN）的下拉框中选择我们开始设置好的“ODBC数据源”“book”,点击测试按钮，看能否成功创建连接脚本。如下图所示，

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

3

“登录用户”，添加一个服务器行为，作如下图的设置。“使用连接验证”选择“conn”,“表格”选择“user”，“用户名列”选择“username”,“密码”选择“userpassword”,“如果登录成功，转到”：“index.asp”;“如果登录失败，转到”：“error.asp”

4