项目3 新闻发布

动态网站项目实训教程

(DreamweaverCS4+ASP)项目三新闻发布项目简介新闻发布模块在现实生活中应用广泛，特别是应用在国家机关、教育机构和公司企业等的网站。新闻发布模块的作用是在网上传播信息，通过对新闻的不断更新，让用户了解各方面的信息。学习目标理解新闻发布模块后台数据库的设计思路，熟悉并掌握Dreamweaver中常用服务器行为的使用方法。能力目标学会新闻发布模块前台页面的制作方法和一般步骤，并能独立制作新闻发布模块前台的页面。项目分析新闻发布模块前台的主要功能是：用户在首页可以浏览到所有新闻的标题，如果对某条新闻感兴趣，可以通过单击标题链接打开该条新闻浏览它的详细内容。任务1：设计数据表1.1任务要求1.2效果展示1.3制作步骤1.1任务要求本次任务是要进行新闻发布模块中数据表的设计。因为新闻发布模块中所有的数据都是保存在网站后台数据表中的，所以现实中要根据实际需要设计合理的数据表，为下一步设计动态网页做好准备。1.2效果展示在设计数据表后，在Dreamweaver中可以看到数据库连接的情况如下图所示。1.3制作步骤步骤1：打开网站文件夹E:\Class\database下的数据库文件data.mdb。步骤2：在数据库data.mdb中设计数据表news，表结构描述信息如下。步骤3：为了方便的测试，在新闻数据表中添加几条记录。1.3制作步骤任务2：新闻发布主页面的设计2.1任务要求2.2效果展示2.3制作步骤2.1任务要求打开网站首页index.asp，在新闻版面位置进行设计，要求分页显示新闻标题和发布时间等内容，当用户单击想要浏览的新闻标题时即可进入该新闻的详细内容页面。2.2效果展示首页新闻版面设计完成后的效果如下图所示。2.3制作步骤2.3.1设计界面2.3.2创建新闻记录集2.3.3绑定代码2.3.4设置重复区域2.3.5记录集分页2.3.6添加转到详细页面服务器行为2.3.1设计界面在新闻版面界面位置插入一个1行2列的表格。2.3.2创建新闻记录集在创建查询新闻记录集。2.3.3绑定代码将记录集字段代码绑定到单元格的相应位置。2.3.4设置重复区域步骤1：选中表格中的第二行，注意：要通过单击表格左下方的<tr>标记来选择。2.3.4设置重复区域步骤2：在【服务器行为】面板中单击“+”按钮，并从弹出菜单中选择【重复区域】服务器行为，在重复区域对话框中设置每页显示新闻数目。2.3.5记录集分页步骤1：在新闻表格的下面再添加一个1行4列的分页导航表格，输入相应文字。2.3.5记录集分页步骤2：选中文字“第一页”，在【服务器行为】面板中单击“+”按钮，并从弹出菜单中选择【记录集分页】→【移至第一条记录】服务器行为。2.3.5记录集分页步骤3：重复步骤2的操作，分别文字“前一页”、“下一页”和“最后一页”添加【移至前一条记录】、【移至下一条记录】和【移至最后一条记录】服务器行为，结果如下图所示。2.3.5记录集分页步骤4：再次选中文字“第一页”，在【服务器行为】面板中单击“+”按钮，并从弹出菜单中选择【显示区域】→【如果不是第一条记录则显示区域】服务器行为。2.3.5记录集分页步骤5：重复步骤4的操作，为文字“前一页”添加【如果不是第一条记录则显示区域】服务器行为，为文字“下一页”和“最后一页”添加【如果不是最后一条记录则显示区域】服务器行为。结果如下图所示。2.3.6添加转到详细页面服务器行为步骤1：选中表格中新闻标题字段代码“{Recordset1.Title}”，如下图所示。2.3.6添加转到详细页面服务器行为步骤2：在【服务器行为】面板中单击“+”按钮，并从弹出菜单中选择【转到详细页面】服务器行为。2.3.6添加转到详细页面服务器行为步骤3：在弹出的【转到详细面】对话框中设置各参数。任务3：新闻详细页面设计3.1任务要求3.2效果展示3.3制作步骤3.1任务要求创建新闻详细页面，要求当用户单击新闻发布主页面中的新闻标题时，能转到此页面并正确显示该条新闻的详细内容，还能向前、向后浏览其它新闻的详细内容。3.2效果展示在单击了某条